kwant-ui 3.49.0-dev.9 → 3.50.0-dev.0

package/dist/components/MultiSelect/types.d.ts

@@ -0,0 +1,22 @@
+import { Dispatch } from 'react';
+import { IDropdownSelect } from '../DropdownSelect/DropdownSelect.types';
+import { AvatarDeclarations } from '../Avatar/Avatar.types';
+import { TooltipComponent } from '../Tooltip/types';
+export type MSTypes = {
+    width?: number;
+    options?: IDropdownSelect.Option[];
+    activeOptions?: IDropdownSelect.Option[];
+    setActiveOptions?: Dispatch<React.SetStateAction<IDropdownSelect.Option[]>>;
+    placeholder?: string;
+    label?: string;
+    variant?: 'normal' | 'checkbox';
+    dropdownSelectProps?: Omit<IDropdownSelect.Props, 'avatarProps'>;
+    avatarProps?: AvatarDeclarations.Props;
+    tooltipContent?: string;
+    tooltipPosition?: TooltipComponent.Position;
+    labelTrimCount?: number;
+};
+export type MSStyleTypes = {
+    width?: any;
+    containerHeight?: any;
+};

package/dist/components/MultiSelect/utils.d.ts

@@ -0,0 +1,24 @@
+import { IDropdownSelect } from '../DropdownSelect/DropdownSelect.types';
+import { MSTypes } from './types';
+export declare const multiSelectDropdownConfig: {
+    collapseOnSelect: boolean;
+    width: string;
+    offsetTop: string;
+    searchable: boolean;
+    toggleOnTargetClick: boolean;
+};
+export declare const arrowDown: import("react/jsx-runtime").JSX.Element;
+export declare const arrowUp: import("react/jsx-runtime").JSX.Element;
+export declare const crossIcon: import("react/jsx-runtime").JSX.Element;
+export declare const MultiSelectOption: ({ option, isSelected: isChecked, variant, hasImage, avatarProps, }: {
+    option: IDropdownSelect.Option;
+    isSelected?: boolean;
+    variant: MSTypes['variant'];
+    hasImage?: boolean;
+    avatarProps?: MSTypes['avatarProps'];
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const trimTagLabel: (label: string, labelTrimCount: number) => string;
+export declare const ActiveTag: ({ filterLabel, onChipClose, }: {
+    filterLabel: string;
+    onChipClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Navigation/CollapsibleNavItem/NavItemStyled.d.ts

@@ -0,0 +1,10 @@
+declare const SubItem: import("styled-components").StyledComponent<"div", any, {
+    isActive: boolean;
+}, never>;
+declare const ChevronContainer: import("styled-components").StyledComponent<"div", any, {
+    isActive: boolean;
+}, never>;
+declare const SubItemsWrapper: import("styled-components").StyledComponent<"div", any, {
+    isActive: boolean;
+}, never>;
+export { SubItemsWrapper, ChevronContainer, SubItem };

package/dist/components/Navigation/CollapsibleNavItem/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Navigation } from '../types';
+declare const CollapsibleItem: React.FC<Navigation.NavItem>;
+export default CollapsibleItem;

package/dist/components/Navigation/NavItem/NavItemStyled.d.ts

@@ -0,0 +1,12 @@
+import { Color } from '../../../themes/types';
+type NavItemContainer = {
+    isActive?: boolean;
+    isOpen?: boolean;
+    theme: Color;
+    type?: 'collapsible' | undefined;
+};
+declare const NavIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const Item: import("styled-components").StyledComponent<"p", any, {}, never>;
+declare const ItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const NavItemContainer: import("styled-components").StyledComponent<"div", any, NavItemContainer, never>;
+export { NavItemContainer, NavIconContainer, Item, ItemContainer };

package/dist/components/Navigation/NavItem/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Navigation } from '../types';
+declare const Chevron: ({ color }: Navigation.Chevron) => import("react/jsx-runtime").JSX.Element;
+declare const NavItem: React.FC<Navigation.NavItem>;
+export default NavItem;
+export { Chevron };

package/dist/components/Navigation/NavigationStyled.d.ts

@@ -0,0 +1,8 @@
+type NavigationContainer = {
+    isOpen: boolean;
+};
+declare const KwantLogo: () => import("react/jsx-runtime").JSX.Element;
+declare const NavigationContainer: import("styled-components").StyledComponent<"div", any, NavigationContainer, never>;
+declare const LogoContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const Line: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { NavigationContainer, KwantLogo, LogoContainer, Line };

package/dist/components/Navigation/data.d.ts

@@ -0,0 +1,3 @@
+import { Navigation } from './types';
+declare const navigationItems: Navigation.NavigationItem[];
+export { navigationItems };

package/dist/components/Navigation/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Navigation as NavigationTypes } from './types';
+declare const Navigation: React.FC<NavigationTypes.Props>;
+export { Navigation };

package/dist/components/Navigation/types.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+export declare namespace Navigation {
+    type Props = {
+        data: NavigationItem[];
+    };
+    type NavigationItem = {
+        title: string;
+        icon?: React.ReactNode;
+        route?: string;
+        hidden?: boolean;
+        subItems?: {
+            title: string;
+            route?: string;
+            hidden?: boolean;
+        }[];
+    };
+    type Chevron = {
+        color?: string;
+    };
+    type SubItem = NavigationItem & {
+        subNavIndex: number;
+        parentIndex: number;
+    };
+    type NavItem = Navigation.NavigationItem & {
+        isOpen: boolean;
+        onClick?: () => void;
+        isNavActive: boolean;
+        index?: number;
+        onSubItemClick?: (subItem: SubItem) => void;
+        activeSubNav?: null | number;
+    };
+    type ActiveNav = {
+        nav: null | number;
+        subNav?: null | number;
+    };
+}

package/dist/components/OTPInput/OTPInput.constants.d.ts

@@ -0,0 +1,10 @@
+export declare const ARROW_LEFT = "ArrowLeft";
+export declare const ARROW_RIGHT = "ArrowRight";
+export declare const BACKSPACE = "Backspace";
+export declare const DELETE = "Delete";
+export declare const REGEXP_PATTERNS: {
+    NUMBER: RegExp;
+    TEXT: RegExp;
+    NOT_DIGIT: RegExp;
+    NOT_ALPHA_NUMERIC: RegExp;
+};

package/dist/components/OTPInput/OTPInput.d.ts

@@ -0,0 +1,3 @@
+import { OTPInputProps } from './OTPInput.d';
+declare const OTPInput: (props: OTPInputProps) => import("react/jsx-runtime").JSX.Element;
+export { OTPInput };

package/dist/components/OTPInput/OTPInput.styled.d.ts

@@ -0,0 +1,18 @@
+import { ContainerWidth, FeedbackSectionAlignment } from "./OTPInput.d";
+interface ContainerProps {
+    width?: ContainerWidth;
+    contentAlignment?: "left" | "center" | "right";
+}
+interface InputProps {
+    hasError?: boolean;
+    inputWidth?: string | number;
+    inputHeight?: string | number;
+}
+export declare const Container: import("styled-components").StyledComponent<"div", any, ContainerProps, never>;
+export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const OtpContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FeedbackContainer: import("styled-components").StyledComponent<"div", any, {
+    feedbackSectionAlignment?: FeedbackSectionAlignment;
+}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, InputProps, never>;
+export {};

package/dist/components/OTPInput/OTPInput.utils.d.ts

@@ -0,0 +1,9 @@
+import { OTPObj } from './OTPInput.d';
+export declare const getOTPString: (otpObj: OTPObj) => string;
+export declare const createFocusManager: (inputsRef: React.MutableRefObject<HTMLInputElement[] | null[]>, activeIndex: number, inputLength: number) => {
+    previous: () => void;
+    next: () => void;
+    first: () => void;
+    last: () => void;
+    to: (index: number) => void;
+};

package/dist/components/OTPInput/index.d.ts

@@ -0,0 +1,2 @@
+import { OTPInput } from "./OTPInput";
+export { OTPInput };

package/dist/components/Overlay/Overlay.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type OverlayProps = HTMLAttributes<HTMLDivElement> & {
+    zIndex?: number;
+    bgOpacity?: number;
+    children?: ReactNode;
+    absolutePositioned?: boolean;
+};
+declare const Overlay: ({ zIndex, bgOpacity, children, absolutePositioned, ...props }: OverlayProps) => import("react/jsx-runtime").JSX.Element;
+export { Overlay };

package/dist/components/Overlay/index.d.ts

@@ -0,0 +1,2 @@
+import { Overlay } from './Overlay';
+export { Overlay };

package/dist/components/Pagination/Pagination.components.d.ts

@@ -0,0 +1,3 @@
+import { IPagination } from './Pagination.types';
+export declare const Page: ({ pageNumber, isActive, onClick, className, disabled }: IPagination.Page) => import("react/jsx-runtime").JSX.Element;
+export declare const NavigationButton: ({ type, onClick, isDisabled, className, }: IPagination.NavigationButton) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,3 @@
+import { IPagination } from './Pagination.types';
+declare const Pagination: ({ currentPage, itemsPerPage, totalCount, sideOffset, showNavigation, showPaginationCounter, disabled, classNames, onChange, minimizeCounters, }: IPagination.Props) => import("react/jsx-runtime").JSX.Element;
+export { Pagination };

package/dist/components/Pagination/Pagination.styled.d.ts

@@ -0,0 +1,13 @@
+export declare const PaginationRoot: import("styled-components").StyledComponent<"div", any, {
+    minimizeCounters: boolean;
+}, never>;
+export declare const PagesContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PaginationButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const PageStyled: import("styled-components").StyledComponent<"button", any, {
+    isActive?: boolean;
+    disabled?: boolean;
+}, never>;
+export declare const PagesCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RestPagesStyled: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean;
+}, never>;

package/dist/components/Pagination/Pagination.types.d.ts

@@ -0,0 +1,48 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare namespace IPagination {
+    interface Props {
+        itemsPerPage?: number;
+        totalCount?: number;
+        currentPage?: number;
+        sideOffset?: number;
+        onChange?: (page: number) => void;
+        showNavigation?: boolean;
+        showPaginationCounter?: boolean;
+        disabled?: boolean;
+        minimizeCounters?: boolean;
+        classNames?: {
+            root?: string;
+            pagesContainer?: string;
+            activePage?: string;
+            page?: string;
+            navigationButton?: string;
+            navigationButtonDisabled?: string;
+            pagesCount?: string;
+        };
+    }
+    interface Page {
+        isActive?: boolean;
+        pageNumber: number | string;
+        className?: string;
+        disabled?: boolean;
+        onClick?: (pageNumber: number | string) => void;
+    }
+    type Pages = (number | string)[];
+    type NavigationType = 'next' | 'prev';
+    interface NavigationButton {
+        isDisabled?: boolean;
+        onClick?: () => void;
+        type: NavigationType;
+        className?: string;
+    }
+    interface PageItemsCountGetter {
+        activePage: number;
+        itemsPerPage: number;
+        totalCount: number;
+    }
+    interface PageSetter {
+        rawPages: number[];
+        SIDE_OFFSET: number;
+        setPages: Dispatch<SetStateAction<(number | string)[]>>;
+    }
+}

package/dist/components/Pagination/Pagination.utils.d.ts

@@ -0,0 +1,6 @@
+import { IPagination } from './Pagination.types';
+export declare const getPageItemsCount: ({ activePage, itemsPerPage, totalCount, }: IPagination.PageItemsCountGetter) => string;
+export declare const getPageSetter: ({ rawPages, SIDE_OFFSET, setPages }: IPagination.PageSetter) => (pageNumber: number) => void;
+export declare const prevIcon: import("react/jsx-runtime").JSX.Element;
+export declare const nextIcon: import("react/jsx-runtime").JSX.Element;
+export declare const restPagesIcon: import("react/jsx-runtime").JSX.Element;

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+import { Pagination } from './Pagination';
+export { Pagination };

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,3 @@
+import { RadioType } from './RadioType';
+declare const Radio: (props: RadioType.Props) => import("react/jsx-runtime").JSX.Element;
+export { Radio };

package/dist/components/Radio/RadioStyled.d.ts

@@ -0,0 +1,8 @@
+import { RadioType } from './RadioType';
+declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const RadioContainer: import("styled-components").StyledComponent<"label", any, RadioType.IDisabled & {
+    theme: import("../../themes/types").Color;
+}, never>;
+declare const RadioInput: import("styled-components").StyledComponent<"input", any, RadioType.IDisabled, never>;
+declare const RadioLabel: import("styled-components").StyledComponent<"span", any, RadioType.IDisabled, never>;
+export { RadioContainer, RadioInput, RadioLabel, Container };

package/dist/components/Radio/RadioType.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { Color } from '../../themes/types';
+export declare namespace RadioType {
+    type Props = {
+        onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+        onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        color?: string;
+        disabled?: boolean;
+        checked?: boolean;
+        name?: string;
+        label?: string;
+    };
+    type IDisabled = {
+        disabled: boolean;
+    };
+    type RadioContainerType = IDisabled & {
+        theme: Color;
+    };
+}

package/dist/components/Radio/index.d.ts

@@ -0,0 +1,2 @@
+import { Radio } from './Radio';
+export { Radio };

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ISelect } from './Select.types';
+declare const Select: import("react").ForwardRefExoticComponent<ISelect.Props & import("react").RefAttributes<HTMLInputElement>>;
+export { Select };

package/dist/components/Select/Select.styled.d.ts

@@ -0,0 +1,9 @@
+export declare const SelectContainer: import("styled-components").StyledComponent<"div", any, {
+    width?: string;
+    allowInput?: boolean;
+    disabled?: boolean;
+}, never>;
+export declare const ChevronDown: import("styled-components").StyledComponent<"div", any, {
+    isOpened?: boolean;
+}, never>;
+export declare const SelectRightButton: import("styled-components").StyledComponent<"button", any, {}, never>;

package/dist/components/Select/Select.types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { IDropdownSelect } from '../DropdownSelect/DropdownSelect.types';
+import { InputComponent } from '../Input/types';
+export declare namespace ISelect {
+    interface Props extends Pick<IDropdownSelect.Props, 'data' | 'itemComponent' | 'showScrollbar' | 'showSeparator' | 'collapseOnSelect' | 'maxHeight' | 'toggleOnTargetClick' | 'width' | 'offsetTop' | 'searchable' | 'addable'> {
+        label?: string;
+        placeholder?: string;
+        value?: string;
+        allowInput?: boolean;
+        clearable?: boolean;
+        required?: boolean;
+        errorMessage?: string;
+        name?: string;
+        selectedValue?: string;
+        onInputChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+        inputProps?: InputComponent.Props;
+        onClear?: () => void;
+        onSelect?: (option: ISelect.Option, index?: number) => void;
+        disabled?: boolean;
+        isDynamicOptionPosition?: boolean;
+    }
+    interface Option extends IDropdownSelect.Option {
+    }
+}

package/dist/components/Select/Select.utils.d.ts

@@ -0,0 +1,5 @@
+import { IDropdownSelect } from '../DropdownSelect/DropdownSelect.types';
+export declare const chevronDown: import("react/jsx-runtime").JSX.Element;
+export declare const crossIcon: import("react/jsx-runtime").JSX.Element;
+export declare const removeDuplicateValues: (arr: IDropdownSelect.Option[]) => any[];
+export declare const renameDuplicateLabels: (arr: IDropdownSelect.Option[]) => any[];

package/dist/components/Select/index.d.ts

@@ -0,0 +1,2 @@
+import { Select } from './Select';
+export { Select };

package/dist/components/Selector/Selector.d.ts

@@ -0,0 +1,3 @@
+import { SelectorComponent } from './types';
+declare const Selector: ({ content, activeKey, onClick, height, multiple, disabled, }: SelectorComponent.Props) => import("react/jsx-runtime").JSX.Element;
+export default Selector;

package/dist/components/Selector/Selector.styled.d.ts

@@ -0,0 +1,5 @@
+type SCType = {
+    height?: string;
+};
+export declare const SelectorContainer: import("styled-components").StyledComponent<"div", any, SCType, never>;
+export {};

package/dist/components/Selector/index.d.ts

@@ -0,0 +1,2 @@
+import Selector from './Selector';
+export { Selector };

package/dist/components/Selector/types.d.ts

@@ -0,0 +1,17 @@
+export declare namespace SelectorComponent {
+    type Props = {
+        content: any;
+        activeKey?: string | string[];
+        onClick?: any;
+        height?: string;
+        multiple?: boolean;
+        disabled?: boolean;
+    };
+    type ClassOptions = {
+        isFirst?: boolean;
+        isLast?: boolean;
+        isSingle?: boolean;
+        isActive?: boolean;
+        isDisabled?: boolean;
+    };
+}

package/dist/components/Skeleton/Skeleton.styled.d.ts

@@ -0,0 +1,7 @@
+type SkeletonProps = {
+    width?: string;
+    height?: string;
+    radius?: number;
+};
+export declare const SkeletonWrapper: import("styled-components").StyledComponent<"div", any, SkeletonProps, never>;
+export {};

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1,7 @@
+type SkeletonProps = {
+    width?: string;
+    height?: string;
+    radius?: number;
+};
+declare function Skeleton(props: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,15 @@
+export type DataProps = {
+    titleText: string;
+    description: string;
+};
+export type SliderProps = {
+    autoPlay: boolean;
+    content?: DataProps[];
+    interval: number;
+    contentWidth?: number;
+    dotsAlignment?: string;
+    dotsActiveColor?: string;
+    dotsBackgroundColor?: string;
+};
+declare const Slider: (props: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export { Slider };

package/dist/components/Slider/Slider.styled.d.ts

@@ -0,0 +1,6 @@
+import { SliderComponent } from "./types";
+export declare const SliderText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SliderDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SliderContainer: import("styled-components").StyledComponent<"div", any, SliderComponent.ContentWidth, never>;
+export declare const SliderDots: import("styled-components").StyledComponent<"div", any, SliderComponent.SliderDotWrapper, never>;
+export declare const TextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Slider/index.d.ts

@@ -0,0 +1,3 @@
+import { Slider, SliderProps, DataProps } from './Slider';
+export { Slider };
+export type { SliderProps, DataProps };

package/dist/components/Slider/types.d.ts

@@ -0,0 +1,10 @@
+export declare namespace SliderComponent {
+    type ContentWidth = {
+        contentWidth: number;
+    };
+    type SliderDotWrapper = {
+        dotsAlignment: string;
+        dotsActiveColor?: string;
+        dotsBackgroundColor: string;
+    };
+}

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,5 @@
+type SpinnerPropTypes = {
+    size?: 'large' | 'medium' | 'small' | 'xsmall';
+};
+declare function Spinner({ size }: SpinnerPropTypes): import("react/jsx-runtime").JSX.Element;
+export { Spinner };

package/dist/components/Spinner/Spinner.styled.d.ts

@@ -0,0 +1 @@
+export declare const SpinnerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+import { Spinner } from './Spinner';
+export { Spinner };

package/dist/components/StepperDrawerLayout/StepperDrawerLayout.d.ts

@@ -0,0 +1,3 @@
+import { StepperDrawerDeclarations } from './StepperDrawerLayout.types';
+declare const StepperDrawerLayout: (props: StepperDrawerDeclarations.Props) => import("react/jsx-runtime").JSX.Element;
+export { StepperDrawerLayout };

package/dist/components/StepperDrawerLayout/StepperDrawerLayout.types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DrawerDeclarations } from '../Drawer/Drawer.types';
+export declare namespace StepperDrawerDeclarations {
+    interface Props extends DrawerDeclarations.Props {
+        drawerSidebar?: React.ReactNode;
+        sidebarBorder?: boolean;
+    }
+}

package/dist/components/StepperDrawerLayout/StepperDrawerLayout.utils.d.ts

@@ -0,0 +1 @@
+export declare const formatGridTemplate: (str: string) => string;

package/dist/components/StepperDrawerLayout/StepperDrawerLayoutStyled.d.ts

@@ -0,0 +1,5 @@
+import { DrawerDeclarations } from '../Drawer/Drawer.types';
+export declare const StepperDrawerContentRoot: import("styled-components").StyledComponent<"div", any, DrawerDeclarations.DrawerContentStyled, never>;
+export declare const StepperDrawerSidebar: import("styled-components").StyledComponent<"aside", any, {
+    sidebarBorder?: boolean;
+}, never>;

package/dist/components/StepperDrawerLayout/index.d.ts

@@ -0,0 +1,2 @@
+import { StepperDrawerLayout } from './StepperDrawerLayout';
+export { StepperDrawerLayout };

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,3 @@
+import { SWType } from './types';
+declare function Switch({ disabled, onClick, onChange, name, id, checked, color, size, mode }: SWType): import("react/jsx-runtime").JSX.Element;
+export { Switch };

package/dist/components/Switch/Switch.styled.d.ts

@@ -0,0 +1,2 @@
+import { SwitchContainerTypes } from './types';
+export declare const SwitchWrapper: import("styled-components").StyledComponent<"div", any, SwitchContainerTypes, never>;

package/dist/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from './Switch';

package/dist/components/Switch/types.d.ts

@@ -0,0 +1,23 @@
+export type SWType = {
+    disabled?: boolean;
+    onClick?: any;
+    onChange?: any;
+    name?: string;
+    id?: string;
+    checked?: boolean;
+    color?: string;
+    size?: 'small' | 'medium' | 'large';
+    mode?: 'default' | 'labelMode' | 'iconMode';
+};
+export type SwitchContainerTypes = {
+    disabled?: boolean;
+    onClick?: any;
+    onChange?: any;
+    name?: string;
+    id?: string;
+    checked?: boolean;
+    color?: string;
+    size?: 'small' | 'medium' | 'large';
+    labelMode?: boolean;
+    iconMode?: boolean;
+};

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,3 @@
+import { ITabs } from './TabsTypes';
+declare const Tabs: ({ activeTab, tabs, tabHeight, fullWidth, showNeutralBorder, onTabChange, onTabClick, onLeftIconClick, onRightIconClick, onUnreadCountClick, }: ITabs.Props) => import("react/jsx-runtime").JSX.Element;
+export { Tabs };

package/dist/components/Tabs/TabsStyled.d.ts

@@ -0,0 +1,14 @@
+export declare const TabStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TabsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Tab: import("styled-components").StyledComponent<"div", any, {
+    isActive?: boolean;
+    tabHeight?: string;
+    fullWidth?: boolean;
+}, never>;
+export declare const TabBar: import("styled-components").StyledComponent<"div", any, {
+    showNeutralBorder?: boolean;
+}, never>;
+export declare const TabBarHighlight: import("styled-components").StyledComponent<"div", any, {
+    width?: string;
+    left: string;
+}, never>;

package/dist/components/Tabs/TabsTypes.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export declare namespace ITabs {
+    interface Props {
+        activeTab?: string;
+        tabs: Tab[];
+        tabHeight?: string;
+        fullWidth?: boolean;
+        showNeutralBorder?: boolean;
+        onTabChange?: (tab: Tab) => void;
+        onTabClick?: (tab: Tab, event?: React.MouseEvent) => void;
+        onLeftIconClick?: (tab: Tab, event?: React.MouseEvent) => void;
+        onRightIconClick?: (tab: Tab, event?: React.MouseEvent) => void;
+        onUnreadCountClick?: (tab: Tab, event?: React.MouseEvent) => void;
+    }
+    interface Tab {
+        id?: string;
+        title: string;
+        leftIcon?: React.ReactNode;
+        rightIcon?: React.ReactNode;
+        unreadCount?: number;
+    }
+}

package/dist/components/Tabs/TabsUtils.d.ts

@@ -0,0 +1,2 @@
+export declare const getTabWidth: (element: HTMLElement) => number;
+export declare const getTabLeft: (elements: HTMLElement[]) => number;

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+import { Tabs } from './Tabs';
+export { Tabs };

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,3 @@
+import { TGTypes } from './types';
+declare function Tag(props: TGTypes): import("react/jsx-runtime").JSX.Element;
+export { Tag };