@scbt-ecom/ui 0.20.0 → 0.21.0

package/dist/shared/ui/badge/Badge.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes, ReactElement } from 'react';
+export interface IBadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    children: ReactElement | string;
+    className?: string;
+}
+export declare const Badge: ({ children, className, ...props }: IBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/badge/index.d.ts

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

package/dist/shared/ui/brandLogos/index.d.ts

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

package/dist/shared/ui/breadcrumbs/index.d.ts

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

package/dist/shared/ui/buttonIcon/index.d.ts

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

package/dist/shared/ui/{CustomLink.d.ts → customLink/CustomLink.d.ts}

@@ -1,6 +1,6 @@
 import { ComponentProps } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { TAllowedIcons } from './icon';
+import { TAllowedIcons } from '..';
 declare const customLinkConfig: (props?: ({
     intent?: "blue" | "white" | null | undefined;
     withUnderline?: boolean | null | undefined;

package/dist/shared/ui/customLink/index.d.ts

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

package/dist/shared/ui/document/index.d.ts

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

package/dist/shared/ui/{FloatButton.d.ts → floatButton/FloatButton.d.ts}

@@ -1,4 +1,4 @@
-import { IButtonProps } from '.';
+import { IButtonProps } from '..';
 type TFloatButtonClasses = {
     root?: string;
     button?: string;

package/dist/shared/ui/floatButton/index.d.ts

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

package/dist/shared/ui/formElements/controlled/index.d.ts

@@ -61,4 +61,21 @@ export declare const Controlled: {
         textHint?: string;
     }) => import("react/jsx-runtime").JSX.Element;
     SwitchControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ classes, className, control, name, rules, defaultValue, disabled, shouldUnregister, children, textHint, tooltip, popoverProps, ...props }: import('./switch/SwitchControl').SwitchControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+    RadioGroupControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ classes, className, control, name, rules, shouldUnregister, disabled, defaultValue, textHint, label, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('..').RadioGroupBaseProps, "classes"> & {
+        label: string;
+        control: import('react-hook-form').Control<TFieldValues>;
+        classes?: {
+            item?: string;
+            indicator?: string;
+            label?: string;
+        } & {
+            root?: string;
+            list?: string;
+        } & {
+            container?: string;
+            message?: string;
+            label?: string;
+        };
+        textHint?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/shared/ui/formElements/controlled/radio/RadioGroupControl.d.ts

@@ -0,0 +1,28 @@
+import { Control, FieldPath, FieldValues, UseControllerProps } from 'react-hook-form';
+import { RadioGroupBaseProps } from '../../..';
+type RadioControlClasses = RadioGroupBaseProps['classes'] & {
+    container?: string;
+    message?: string;
+    label?: string;
+};
+type RadioGroupControlProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = UseControllerProps<TFieldValues, TName> & Omit<RadioGroupBaseProps, 'classes'> & {
+    /**
+     * Отображаемый лейбл
+     */
+    label: string;
+    /**
+     * Контрол объект для управления полем
+     */
+    control: Control<TFieldValues>;
+    /**
+     * Дополнительные стили компонента
+     */
+    classes?: RadioControlClasses;
+    /**
+     * Дополнительный текст
+     */
+    textHint?: string;
+};
+declare const InnerComponent: <TFieldValues extends FieldValues = FieldValues>({ classes, className, control, name, rules, shouldUnregister, disabled, defaultValue, textHint, label, ...props }: RadioGroupControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioGroupControl: typeof InnerComponent;
+export {};

package/dist/shared/ui/formElements/controlled/radio/index.d.ts

@@ -0,0 +1 @@
+export { RadioGroupControl } from './RadioGroupControl';

package/dist/shared/ui/formElements/radioControl/RadioControl.d.ts

@@ -28,5 +28,8 @@ export interface IRadioControlProps<T extends FieldValues> extends TRadioOptions
     classes?: TRadioClasses;
     disabled?: boolean;
 }
+/**
+ * @deprecated For better performance use `Controlled.RadioGroupControl` instead.
+ */
 export declare const RadioControl: <T extends FieldValues>({ radioItemsGroup, control, groupName, helperText, disabled, classes, orientation, ...props }: IRadioControlProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/ui/formElements/uncontrolled/index.d.ts

@@ -0,0 +1,78 @@
+export type { InputBaseProps } from './input';
+export type { MaskInputProps } from './maskInput';
+export type { SelectBaseProps, SelectItemOption } from './select';
+export type { CheckboxBaseProps, CheckedState } from './checkbox';
+export type { SwitchBaseProps } from './switch';
+export type { RadioGroupBaseProps, RadioOption } from './radio';
+export declare const Uncontrolled: {
+    InputBase: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "placeholder"> & {
+        classes?: {
+            container?: string;
+            input?: string;
+            label?: string;
+        };
+        label: string;
+        invalid?: boolean;
+        attachmentProps?: import('../../../types').DeepPartial<import('../ui').IFieldAttachmentProps>;
+        renderValues?: () => React.JSX.Element | null;
+    } & import('react').RefAttributes<HTMLInputElement>>;
+    MaskInput: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "placeholder"> & {
+        classes?: {
+            container?: string;
+            input?: string;
+            label?: string;
+        };
+        label: string;
+        invalid?: boolean;
+        attachmentProps?: import('../../../types').DeepPartial<import('../ui').IFieldAttachmentProps>;
+        renderValues?: () => React.JSX.Element | null;
+    } & {
+        mask: "datetime" | "email" | "numeric" | "currency" | "decimal" | "integer" | "percentage" | "url" | "ip" | "mac" | "ssn" | "brl-currency" | "cpf" | "cnpj" | (string & {}) | (string[] & {}) | null;
+        externalMaskDefinitions?: Record<string, import('./maskInput/MaskInput').Definition>;
+    } & import('react').RefAttributes<HTMLInputElement>>;
+    SelectBase: import('react').ForwardRefExoticComponent<Omit<import('react-select').Props<import('./select').SelectItemOption, boolean>, "options" | "defaultValue" | "placeholder" | "isSearchable"> & Pick<import('./input').InputBaseProps, "invalid" | "label" | "attachmentProps"> & {
+        isSearchable?: boolean;
+        returnValue?: (option: import('./select').SelectItemOption) => string;
+        displayValue?: (option: import('./select').SelectItemOption) => string;
+        classes?: {
+            container?: string;
+            control?: import('./select/ui').ControlClasses;
+            option?: import('./select/ui').SelectItemClasses;
+            list?: import('./select/ui').SelectListClasses;
+        };
+        options: import('./select').SelectItemOption[];
+        filterOptionDisabled?: boolean;
+    } & import('react').RefAttributes<import('node_modules/react-select/dist/declarations/src/Select').default<import('./select').SelectItemOption, boolean, import('react-select').GroupBase<import('./select').SelectItemOption>>>>;
+    CheckboxBase: import('react').ForwardRefExoticComponent<import('@radix-ui/react-checkbox').CheckboxProps & {
+        classes?: {
+            root?: string;
+            indicator?: string;
+        };
+        invalid?: boolean;
+    } & import('react').RefAttributes<HTMLButtonElement>>;
+    DayPickerBase: import('react').ForwardRefExoticComponent<Omit<import('./maskInput').MaskInputProps, "value" | "onChange" | "mask"> & {
+        defaultOpen?: boolean;
+        value?: string;
+        onChange?: (value: string) => void;
+    } & import('react').RefAttributes<HTMLInputElement>>;
+    SwitchBase: import('react').ForwardRefExoticComponent<import('@radix-ui/react-switch').SwitchProps & {
+        classes?: {
+            root?: string;
+            thumb?: string;
+        };
+    } & import('react').RefAttributes<HTMLButtonElement>>;
+    RadioGroupBase: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-radio-group').RadioGroupProps, "children"> & {
+        options: import('./radio').RadioOption[];
+        displayValue?: (option: import('./radio').RadioOption) => string;
+        returnValue?: (option: import('./radio').RadioOption) => string;
+        classes?: {
+            item?: string;
+            indicator?: string;
+            label?: string;
+        } & {
+            root?: string;
+            list?: string;
+        };
+        invalid?: boolean;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+};

package/dist/shared/ui/formElements/uncontrolled/maskInput/MaskInput.d.ts

@@ -1,4 +1,3 @@
-import { useInputMask } from 'use-mask-input';
 import { InputBaseProps } from '../input';
 type Validator = (char: string) => boolean;
 type Casing = 'upper' | 'lower' | 'title';
@@ -13,7 +12,7 @@ export type MaskInputProps = InputBaseProps & {
     /**
      * маска, по которой будет определяться валидация символов
      */
-    mask: Parameters<typeof useInputMask>[0]['mask'];
+    mask: 'datetime' | 'email' | 'numeric' | 'currency' | 'decimal' | 'integer' | 'percentage' | 'url' | 'ip' | 'mac' | 'ssn' | 'brl-currency' | 'cpf' | 'cnpj' | (string & {}) | (string[] & {}) | null;
     /**
      * дополнительные валидаторы спец символов в маске
      */
@@ -40,7 +39,7 @@ export declare const MaskInput: import('react').ForwardRefExoticComponent<Omit<i
     /**
      * маска, по которой будет определяться валидация символов
      */
-    mask: Parameters<typeof useInputMask>[0]["mask"];
+    mask: "datetime" | "email" | "numeric" | "currency" | "decimal" | "integer" | "percentage" | "url" | "ip" | "mac" | "ssn" | "brl-currency" | "cpf" | "cnpj" | (string & {}) | (string[] & {}) | null;
     /**
      * дополнительные валидаторы спец символов в маске
      */

package/dist/shared/ui/formElements/uncontrolled/radio/RadioGroup.d.ts

@@ -0,0 +1,51 @@
+import { RadioGroupProps as RadioGroupPrimitiveProps } from '@radix-ui/react-radio-group';
+import { RadioItemProps, RadioOption } from './ui';
+type RadioGroupClasses = RadioItemProps['classes'] & {
+    root?: string;
+    list?: string;
+};
+export type RadioGroupBaseProps = Omit<RadioGroupPrimitiveProps, 'children'> & {
+    /**
+     * Список отображаемых опций
+     */
+    options: RadioOption[];
+    /**
+     * Функция для управления отображаемым значением
+     */
+    displayValue?: (option: RadioOption) => string;
+    /**
+     * Функция для управления возвращаемым значением
+     */
+    returnValue?: (option: RadioOption) => string;
+    /**
+     * Дополнительные стили внутренних компонентов
+     */
+    classes?: RadioGroupClasses;
+    /**
+     * Свойство для отображения не валидного поля
+     */
+    invalid?: boolean;
+};
+export declare const RadioGroupBase: import('react').ForwardRefExoticComponent<Omit<RadioGroupPrimitiveProps, "children"> & {
+    /**
+     * Список отображаемых опций
+     */
+    options: RadioOption[];
+    /**
+     * Функция для управления отображаемым значением
+     */
+    displayValue?: (option: RadioOption) => string;
+    /**
+     * Функция для управления возвращаемым значением
+     */
+    returnValue?: (option: RadioOption) => string;
+    /**
+     * Дополнительные стили внутренних компонентов
+     */
+    classes?: RadioGroupClasses;
+    /**
+     * Свойство для отображения не валидного поля
+     */
+    invalid?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/shared/ui/formElements/uncontrolled/radio/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioGroupBase, type RadioGroupBaseProps } from './RadioGroup';
+export type { RadioOption } from './ui';

package/dist/shared/ui/formElements/uncontrolled/radio/ui/RadioItem.d.ts

@@ -0,0 +1,36 @@
+import { RadioGroupItemProps } from '@radix-ui/react-radio-group';
+export type RadioOption = {
+    id: number | string;
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+type RadioItemClasses = {
+    item?: string;
+    indicator?: string;
+    label?: string;
+};
+export type RadioItemProps = Omit<RadioGroupItemProps, 'value'> & {
+    /**
+     * Опция списка
+     */
+    item: RadioOption;
+    /**
+     * Функция для управления отображаемым значением
+     */
+    displayValue?: (option: RadioOption) => string;
+    /**
+     * Функция для управления возвращаемым значением
+     */
+    returnValue?: (option: RadioOption) => string;
+    /**
+     * Дополнительные стили внутренних компонентов
+     */
+    classes?: RadioItemClasses;
+    /**
+     * Свойство для отображения не валидного поля
+     */
+    invalid?: boolean;
+};
+export declare const RadioItem: import('react').MemoExoticComponent<({ item, disabled, displayValue, returnValue, classes, className, invalid, ...props }: RadioItemProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/shared/ui/formElements/uncontrolled/radio/ui/index.d.ts

@@ -0,0 +1 @@
+export { RadioItem, type RadioOption, type RadioItemProps } from './RadioItem';

package/dist/shared/ui/heading/index.d.ts

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

package/dist/shared/ui/hint/index.d.ts

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

package/dist/shared/ui/index.d.ts

@@ -1,27 +1,27 @@
-export { Section, type ISectionProps } from './Section';
-export { ResponsiveContainer, type IResponsiveContainerProps } from './ResponsiveContainer';
-export { Button, type IButtonProps } from './button';
-export { ButtonIcon, type IButtonIconProps } from './ButtonIcon';
-export * from './PhoneView';
-export { Badge, type IBadgeProps } from './Badge';
-export { Loader, type ILoaderProps } from './Loader';
-export { Skeleton, type ISkeletonProps } from './Skeleton';
+export * from './section';
+export * from './responsiveContainer';
+export * from './button';
+export * from './buttonIcon';
+export * from './phoneView';
+export * from './badge';
+export * from './loader';
+export * from './skeleton';
+export * from './floatButton';
+export * from './ligal';
 export * from './calendar';
-export * from './FloatButton';
-export * from './Ligal';
-export { Accordion, type IAccordionProps } from './accordion';
-export { Hint, type IHintProps } from './Hint';
-export { Popover } from './Popover';
-export { ProgressBar, type IProgressBarProps } from './ProgressBar';
-export { TabsSwitcher, type ITabsSwitcherProps, type ITabRenderContent } from './TabsSwitcher';
-export { Modal } from './modal';
-export { type INotificationProps, Notification } from './notification';
-export { NotificationProvider, type INotificationProviderProps } from './providers';
-export { Heading, type IHeadingProps } from './Heading';
-export { Icon, type IconProps, type TAllowedIcons, type SpritesMap } from './icon';
-export { brandLogos, type TBrandLogoVariant } from './brandLogos';
-export { Breadcrumbs, type IBreadcrumbsProps } from './Breadcrumbs';
-export { CustomLink, type ICustomLinkProps } from './CustomLink';
-export { Document, type IDocumentProps } from './Document';
-export { type IKeyboardShortcutsProps, KeyboardShortcuts } from './KeyboardShortcuts';
+export * from './accordion';
+export * from './hint';
+export * from './popover';
+export * from './progressBar';
+export * from './tabSwitcher';
+export * from './modal';
+export * from './notification';
+export * from './providers';
+export * from './heading';
+export * from './icon';
+export * from './brandLogos';
+export * from './breadcrumbs';
+export * from './customLink';
+export * from './document';
+export * from './keyboardShortcuts';
 export * from './formElements';

package/dist/shared/ui/{KeyboardShortcuts.d.ts → keyboardShortcuts/KeyboardShortcuts.d.ts}

@@ -1,11 +1,11 @@
 type TKeyboardShortcutsClasses = {
-    root: string;
-    keys: string;
-    key: string;
+    root?: string;
+    keys?: string;
+    key?: string;
 };
 export interface IKeyboardShortcutsProps {
     keyList: string[];
-    classes?: Partial<TKeyboardShortcutsClasses>;
+    classes?: TKeyboardShortcutsClasses;
 }
 export declare const KeyboardShortcuts: ({ keyList, classes }: IKeyboardShortcutsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/ui/keyboardShortcuts/index.d.ts

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

package/dist/shared/ui/ligal/index.d.ts

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

package/dist/shared/ui/{Loader.d.ts → loader/Loader.d.ts}

@@ -7,15 +7,15 @@ declare const loaderConfig: (props?: ({
     intent?: "primary" | "secondary" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-type ILoaderClasses = {
-    wrapper: string;
-    loader: string;
-    text: string;
+type TLoaderClasses = {
+    wrapper?: string;
+    loader?: string;
+    text?: string;
 };
 export interface ILoaderProps extends VariantProps<typeof loaderConfig>, VariantProps<typeof wrapperConfig>, Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
     intent?: 'primary' | 'secondary' | null;
     text?: ReactElement | string;
-    classes?: Partial<ILoaderClasses>;
+    classes?: TLoaderClasses;
 }
 export declare const Loader: ({ size, classes, intent, position, text, ...props }: ILoaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/ui/loader/index.d.ts

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

package/dist/shared/ui/modal/Modal.d.ts

@@ -1,16 +1,19 @@
-import { IModalHeaderProps, TModalHeaderClasses } from './ui/ModalHeader';
+import { TModalHeaderClasses } from './ui/ModalHeader';
 import * as React from 'react';
-type IModalClasses = TModalHeaderClasses & {
+type IModalClasses = {
     overlay: string;
     modal: string;
     content: string;
+    modalHeader?: TModalHeaderClasses;
 };
-export interface IModalProps extends IModalHeaderProps {
+export interface IModalProps {
     children: React.ReactElement;
     isModalOpen: boolean;
-    classes?: Partial<IModalClasses>;
+    classes?: IModalClasses;
     isPortal?: boolean;
     portalContainer?: HTMLElement;
+    title?: string | React.ReactElement;
+    closeModal: () => void;
 }
 export declare const Modal: ({ title, children, isModalOpen, isPortal, portalContainer, closeModal, classes }: IModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/ui/modal/ui/ModalHeader.d.ts

@@ -1,12 +1,10 @@
-import * as React from 'react';
+import { IModalProps } from '../Modal';
 export type TModalHeaderClasses = {
-    header: string;
-    title: string;
-    icon: string;
+    header?: string;
+    title?: string;
+    icon?: string;
 };
-export interface IModalHeaderProps {
-    title?: string | React.ReactElement;
-    closeModal: () => void;
-    classes?: Partial<TModalHeaderClasses>;
+export interface IModalHeaderProps extends Pick<IModalProps, 'closeModal' | 'title'> {
+    classes?: TModalHeaderClasses;
 }
 export declare const ModalHeader: ({ title, closeModal, classes }: IModalHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/phoneView/index.d.ts

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

package/dist/shared/ui/{Popover.d.ts → popover/Popover.d.ts}

@@ -2,12 +2,12 @@ import { ReactElement, ReactNode } from 'react';
 import { PopoverContentProps as TPopoverContentPropsBase } from '@radix-ui/react-popover';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 type TPopoverClasses = {
-    root: string;
-    content: string;
-    trigger: string;
-    arrowIcon: string;
-    closeIcon: string;
-    closeTrigger: string;
+    root?: string;
+    content?: string;
+    trigger?: string;
+    arrowIcon?: string;
+    closeIcon?: string;
+    closeTrigger?: string;
 };
 interface IPopoverContentProps extends TPopoverContentPropsBase {
     sideOffset?: number;
@@ -20,7 +20,7 @@ interface IPopoverContentProps extends TPopoverContentPropsBase {
 export interface IPopoverProps extends IPopoverContentProps {
     triggerElement: ReactElement;
     children: ReactNode;
-    classes?: Partial<TPopoverClasses>;
+    classes?: TPopoverClasses;
     portalContainer?: PopoverPrimitive.PopoverPortalProps['container'];
 }
 export declare const Popover: ({ triggerElement, classes, sideOffset, alignOffset, align, side, defaultOpen, avoidCollisions, children, arrowPadding, portalContainer, ...contentProps }: IPopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/popover/index.d.ts

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

package/dist/shared/ui/{ProgressBar.d.ts → progressBar/ProgressBar.d.ts}

@@ -1,18 +1,18 @@
 import * as React from 'react';
 type IProgressBarClasses = {
-    wrapper: string;
-    topContent: string;
-    bottomContent: string;
-    progressBar: string;
-    progress: string;
-    loader: string;
+    root?: string;
+    topContent?: string;
+    bottomContent?: string;
+    progressBar?: string;
+    progress?: string;
+    loader?: string;
 };
 export interface IProgressBarProps {
     topContent?: React.ReactElement;
     bottomContent?: React.ReactElement;
     progress: number;
     maxPercent?: number;
-    classes?: Partial<IProgressBarClasses>;
+    classes?: IProgressBarClasses;
 }
 export declare const ProgressBar: ({ topContent, bottomContent, progress, maxPercent, classes }: IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/ui/progressBar/index.d.ts

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

package/dist/shared/ui/responsiveContainer/index.d.ts

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

package/dist/shared/ui/section/index.d.ts

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

package/dist/shared/ui/skeleton/index.d.ts

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

package/dist/shared/ui/tabSwitcher/TabsSwitcher.d.ts

@@ -0,0 +1,9 @@
+import { ITabRenderContent, TTabsClasses } from './model/types';
+export interface ITabsSwitcherProps {
+    renderContent: ITabRenderContent;
+    value: string;
+    onChangeTab: (tab: string) => void;
+    defaultActiveTabId?: string;
+    classes?: TTabsClasses;
+}
+export declare const TabsSwitcher: ({ renderContent, defaultActiveTabId, value, onChangeTab, classes }: ITabsSwitcherProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/tabSwitcher/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TabsSwitcher';
+export type * from './model/types';

package/dist/shared/ui/tabSwitcher/model/types.d.ts

@@ -0,0 +1,23 @@
+import { TTabContentClasses } from '../ui/TabContent';
+export type TTabsClasses = {
+    root?: string;
+    list?: string;
+    trigger?: string;
+    tabContent?: TTabContentClasses;
+};
+export interface ITabContent {
+    id: string;
+    body: React.ReactElement | string;
+    accordion?: {
+        title: string | React.ReactElement;
+    };
+}
+interface ITabTrigger {
+    id: string;
+    label: string;
+}
+export interface ITabRenderContent {
+    triggers: ITabTrigger[];
+    contents: ITabContent[];
+}
+export {};

package/dist/shared/ui/tabSwitcher/ui/TabContent.d.ts

@@ -0,0 +1,10 @@
+import { ITabContent } from '../model/types';
+export type TTabContentClasses = {
+    content?: string;
+    contentsWrapper?: string;
+};
+export interface ITabContentProps {
+    contents: ITabContent[];
+    classes?: TTabContentClasses;
+}
+export declare const TabContent: ({ classes, contents }: ITabContentProps) => import("react/jsx-runtime").JSX.Element;