@scbt-ecom/ui 0.4.2 → 0.4.3

package/dist/shared/constants/api.d.ts

@@ -0,0 +1,2 @@
+export declare const DADATA_BASE_CACHE_URL: any;
+export declare const DADATA_BASE_CONSTANTS_URL: any;

package/dist/shared/constants/designSystem/colors.d.ts

@@ -0,0 +1,124 @@
+declare const allowedBackgroundColors: {
+    readonly transparent: string;
+    readonly current: string;
+    readonly inherit: string;
+    readonly initial: string;
+    readonly 'blue-grey-100': "#f3f4f7";
+    readonly 'blue-grey-200': "#eaedf1";
+    readonly 'blue-grey-300': "#d4dbe2";
+    readonly 'blue-grey-500': "#a9b6c5";
+    readonly footer: "#40465a";
+    readonly negative: "#f42500";
+    readonly 'negative-light': "#ffd2ca";
+    readonly positive: "#76bc21";
+    readonly 'positive-light': "#e4f6ce";
+    readonly 'primary-default': "#003790";
+    readonly 'primary-focus': "#2477ff";
+    readonly 'primary-hover': "#042e73";
+    readonly 'primary-light-default': "#f0f4f9";
+    readonly 'primary-tr-focus': "#0037901f";
+    readonly 'primary-tr-hover': "#00379014";
+    readonly 'primary-tr-pressed': "#00379033";
+    readonly 'secondary-default': "#fc5055";
+    readonly 'secondary-hover': "#f12f34";
+    readonly warning: "#f49f00";
+    readonly 'warning-light': "#ffeecc";
+    readonly white: "#ffffff";
+    readonly 'primary-disabled': "#809bc7";
+    readonly 'secondary-disabled': "#FFB7BF";
+    readonly dark: "#000000";
+    readonly purple: "#5f40bd";
+    readonly 'purple-hover': "#52399d";
+    readonly overlay: "#0000004d";
+};
+declare const allowedTextColors: {
+    readonly transparent: string;
+    readonly current: string;
+    readonly inherit: string;
+    readonly initial: string;
+    readonly dark: "#292929";
+    readonly disabled: "#a9b6c5";
+    readonly footer: "#c3c3c3";
+    readonly negative: "#f42500";
+    readonly positive: "#76bc21";
+    readonly 'primary-default': "#003790";
+    readonly 'primary-hover': "#042e73";
+    readonly secondary: "#40465a";
+    readonly tetriary: "#5a6e85";
+    readonly warning: "#f49f00";
+    readonly white: "#ffffff";
+    readonly 'primary-disabled': "#809bc7";
+    readonly 'blue-grey-600': "#94a4b7";
+};
+declare const allowedBannersBackgroundColors: {
+    readonly transparent: string;
+    readonly current: string;
+    readonly inherit: string;
+    readonly initial: string;
+    readonly 'barvcray-200': "#ebeef4";
+    readonly 'barvcray-300': "#dde1e8";
+    readonly 'greymint-200': "#deecee";
+    readonly 'lavender-100': "#f7f7ff";
+    readonly 'lavender-200': "#ecedfa";
+    readonly 'lavender-300': "#d0d3f1";
+    readonly 'lightblue-300': "#bed3ec";
+    readonly 'mint-200': "#e4f5ed";
+    readonly 'salmon-200': "#faecec";
+    readonly 'skyblue-100': "#f4f8fe";
+    readonly 'skyblue-200': "#e7f3ff";
+    readonly 'skyblue-300': "#d9edff";
+};
+declare const allowedIconsColors: {
+    readonly transparent: string;
+    readonly current: string;
+    readonly inherit: string;
+    readonly initial: string;
+    readonly 'accent-default': "#2477ff";
+    readonly 'accent-hover': "#0053da";
+    readonly 'blue-grey-100': "#f3f4f7";
+    readonly 'blue-grey-600': "#94a4b7";
+    readonly 'blue-grey-700': "#69809a";
+    readonly 'blue-grey-800': "#5a6e85";
+    readonly 'dark-default': "#292929";
+    readonly 'dark-hover': "#535353";
+    readonly disabled: "#a9b6c5";
+    readonly 'negative-default': "#f42500";
+    readonly 'negative-hover': "#c31e00";
+    readonly 'positive-default': "#76bc21";
+    readonly 'positive-hover': "#598d19";
+    readonly 'primary-default': "#003790";
+    readonly 'primary-hover': "#042e73";
+    readonly 'secondary-dark-default': "#f12f34";
+    readonly 'secondary-dark-hover': "#c40309";
+    readonly 'secondary-default': "#fc5055";
+    readonly 'secondary-hover': "#f12f34";
+    readonly 'warning-default': "#f49f00";
+    readonly 'warning-hover': "#d68b00";
+    readonly white: "#ffffff";
+    readonly 'primary-disabled': "#809bc7";
+    readonly footer: "#C3C3C3";
+};
+declare const allowedStrokeColors: {
+    readonly transparent: string;
+    readonly current: string;
+    readonly inherit: string;
+    readonly initial: string;
+    readonly 'blue-grey-500': "#a9b6c5";
+    readonly 'blue-grey-700': "#69809a";
+    readonly 'blue-grey-800': "#5a6e85";
+    readonly dark: "#292929";
+    readonly negative: "#f42500";
+    readonly positive: "#76bc21";
+    readonly 'primary-default': "#003790";
+    readonly 'primary-focus': "#2477ff";
+    readonly 'primary-hover': "#042e73";
+    readonly 'primary-light': "#f0f4f9";
+    readonly 'secondary-default': "#fc5055";
+    readonly 'secondary-hover': "#f12f34";
+    readonly 'warm-grey-200': "#e4e4e4";
+    readonly 'warm-grey-300': "#c3c3c3";
+    readonly warning: "#f49f00";
+    readonly white: "#ffffff";
+    readonly 'primary-disabled': "#809bc7";
+};
+export { allowedStrokeColors, allowedBannersBackgroundColors, allowedIconsColors, allowedTextColors, allowedBackgroundColors };

package/dist/shared/constants/designSystem/index.d.ts

@@ -0,0 +1,3 @@
+export * from './colors';
+export * from './others';
+export * from './typography';

package/dist/shared/constants/designSystem/others.d.ts

@@ -0,0 +1,27 @@
+declare const allowedBorderRadius: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    full: string;
+};
+declare const allowedBackgroundDeg: {
+    30: string;
+    45: string;
+    80: string;
+    90: string;
+    110: string;
+    180: string;
+};
+declare const allowedZIndex: {
+    0: string;
+    1: string;
+    10: string;
+    30: string;
+    50: string;
+    100: string;
+    250: string;
+    500: string;
+    1000: string;
+};
+export { allowedBorderRadius, allowedBackgroundDeg, allowedZIndex };

package/dist/shared/constants/designSystem/typography.d.ts

@@ -0,0 +1,75 @@
+declare const allowedFontSize: {
+    12: string;
+    14: string;
+    16: string;
+    18: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    40: string;
+};
+declare const allowedLineHeight: {
+    16: string;
+    20: string;
+    22: string;
+    24: string;
+    30: string;
+    32: string;
+    40: string;
+    48: string;
+};
+declare const allowedTextStyles: {
+    '.mob-headline-bold-m': {
+        '@apply font-bold text-28 leading-32': string;
+    };
+    '.mob-headline-bold-s': {
+        '@apply font-bold text-24 leading-30': string;
+    };
+    '.mob-title-bold-l': {
+        '@apply font-bold text-20 leading-24': string;
+    };
+    '.mob-title-bold-m': {
+        '@apply font-bold text-18 leading-22': string;
+    };
+    '.mob-body-medium-l': {
+        '@apply font-medium text-16 leading-22': string;
+    };
+    '.mob-body-regular-l': {
+        '@apply font-normal text-16 leading-22': string;
+    };
+    '.mob-body-medium-m': {
+        '@apply font-medium text-14 leading-20': string;
+    };
+    '.mob-body-regular-m': {
+        '@apply font-normal text-14 leading-20': string;
+    };
+    '.mob-body-regular-s': {
+        '@apply font-normal text-12 leading-20': string;
+    };
+    '.desk-headline-bold-l': {
+        '@apply font-bold text-40 leading-48': string;
+    };
+    '.desk-headline-bold-m': {
+        '@apply font-bold text-32 leading-40': string;
+    };
+    '.desk-title-bold-l': {
+        '@apply font-bold text-24 leading-30': string;
+    };
+    '.desk-title-bold-s': {
+        '@apply font-bold text-18 leading-22': string;
+    };
+    '.desk-body-medium-l': {
+        '@apply font-medium text-16 leading-22': string;
+    };
+    '.desk-body-regular-l': {
+        '@apply font-normal text-16 leading-22': string;
+    };
+    '.desk-body-regular-m': {
+        '@apply font-normal text-14 leading-20': string;
+    };
+    '.desk-body-regular-s': {
+        '@apply font-normal text-12 leading-16': string;
+    };
+};
+export { allowedLineHeight, allowedFontSize, allowedTextStyles };

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

@@ -0,0 +1,2 @@
+export * from './designSystem';
+export * from './api';

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

@@ -0,0 +1,5 @@
+export { useBoolean } from './useBoolean';
+export { useClickOutside } from './useClickOutside';
+export { useControlledForm } from './useControlledForm';
+export { useDebounceValue, debounce, useDebounceCallback } from './useDebounce';
+export { useCombineRef } from './useCombineRef';

package/dist/shared/hooks/useBoolean.d.ts

@@ -0,0 +1,3 @@
+type UseBooleanReturn = [value: boolean, action: (val?: boolean) => void];
+export declare const useBoolean: (initialValue?: boolean) => UseBooleanReturn;
+export {};

package/dist/shared/hooks/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;

package/dist/shared/hooks/useCombineRef.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from 'react';
+import { RefCallBack } from 'react-hook-form';
+type TCombineRef<HTML> = (element: HTML) => void;
+export declare const useCombineRef: <HTML extends HTMLElement>(...refs: Array<Ref<HTML> | RefCallBack>) => TCombineRef<HTML>;
+export {};

package/dist/shared/hooks/useControlledForm.d.ts

@@ -0,0 +1,7 @@
+import { UseFormProps } from 'react-hook-form';
+import { TypeOf, ZodTypeAny } from 'zod';
+interface UseControlledForm<T extends ZodTypeAny> extends UseFormProps<TypeOf<T>> {
+    schema: T;
+}
+export declare const useControlledForm: <T extends ZodTypeAny>({ schema, ...formConfig }: UseControlledForm<T>) => import('react-hook-form').UseFormReturn<TypeOf<T>, any, undefined>;
+export {};

package/dist/shared/hooks/useDebounce.d.ts

@@ -0,0 +1,3 @@
+export declare const debounce: <Params extends unknown[]>(callback: (...args: Params) => void, delay: number) => ((...args: Params) => void);
+export declare const useDebounceCallback: <Params extends unknown[], Return>(callback: (...args: Params) => Return, delay: number) => (...args: Params) => void;
+export declare const useDebounceValue: <Value>(value: Value, delay: number) => Value;

package/dist/shared/hooks/useMediaQuery.d.ts

@@ -0,0 +1,4 @@
+export declare const useDevice: () => {
+    isMobile: boolean;
+    isDesktop: boolean;
+};

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

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

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

@@ -0,0 +1,15 @@
+export interface IBreadcrumbLink {
+    label: string;
+    path: string;
+    isDisabled?: boolean;
+}
+interface IBreadcrumbLinkWithoutPath {
+    label: string;
+    isDisabled?: boolean;
+}
+export type TLinksList = [...IBreadcrumbLink[], IBreadcrumbLinkWithoutPath];
+export interface IBreadcrumbsProps {
+    linksList: TLinksList;
+}
+export declare const Breadcrumbs: ({ linksList }: IBreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import { ComponentProps, ReactElement } from 'react';
+import { VariantProps } from 'class-variance-authority';
+type TButtonClasses = {
+    button: string;
+    icon: string;
+};
+declare const buttonConfig: (props?: ({
+    intent?: "primary" | "secondary" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type TButtonProps = VariantProps<typeof buttonConfig>;
+export interface IButtonIconProps extends Omit<ComponentProps<'button'>, 'className'>, TButtonProps {
+    children: ReactElement;
+    classes?: Partial<TButtonClasses>;
+}
+export declare const ButtonIcon: import('react').ForwardRefExoticComponent<Omit<IButtonIconProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1,16 @@
+import { ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { TAllowedIcons } from './icon/Icon';
+declare const customLinkConfig: (props?: ({
+    intent?: "blue" | "white" | null | undefined;
+    withIcon?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type TCustomLinkConfig = VariantProps<typeof customLinkConfig>;
+export interface ICustomLinkProps extends TCustomLinkConfig, Omit<ComponentProps<'a'>, 'className'> {
+    Component?: 'a';
+    icon?: TAllowedIcons;
+}
+export declare const CustomLink: ({ Component, intent, children, withIcon, disabled, size, icon, ...props }: ICustomLinkProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+declare const iconConfig: (props?: ({
+    intent?: "outline" | "filled" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type TIconConfig = VariantProps<typeof iconConfig>;
+export interface IDocumentProps extends TIconConfig {
+    text: string;
+    size: number;
+    sizeType: 'КБ' | 'МБ';
+    href: string;
+}
+export declare const Document: ({ text, size, sizeType, href, intent }: IDocumentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const headingConfig: (props?: ({
+    as?: "h1" | "h2" | "h3" | "h4" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface IHeadingProps extends VariantProps<typeof headingConfig> {
+    children: ReactNode;
+    className?: string;
+    as?: 'h1' | 'h2' | 'h3' | 'h4';
+}
+export declare const Heading: ({ as, children, className, ...props }: IHeadingProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+import { TooltipContentProps } from '@radix-ui/react-tooltip';
+import * as React from 'react';
+type TAdditionalClasses = {
+    content: string;
+    arrow: string;
+    trigger: string;
+};
+export interface IHintContentProps extends TooltipContentProps {
+    delayDuration?: number;
+    sideOffset?: number;
+    align?: 'end' | 'center' | 'start';
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    defaultOpen?: boolean;
+}
+export interface IHintProps extends IHintContentProps {
+    triggerElement: React.ReactElement;
+    children: React.ReactElement | string;
+    classes?: Partial<TAdditionalClasses>;
+}
+export declare const Hint: ({ triggerElement, children, delayDuration, sideOffset, align, side, defaultOpen, classes, ...contentProps }: IHintProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes, ReactElement } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const wrapperConfig: (props?: ({
+    position?: "fixed" | "absolute" | "static" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+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;
+};
+export interface ILoaderProps extends VariantProps<typeof loaderConfig>, VariantProps<typeof wrapperConfig>, Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
+    intent?: 'primary' | 'secondary';
+    text?: ReactElement | string;
+    classes?: Partial<ILoaderClasses>;
+}
+export declare const Loader: ({ size, classes, intent, position, text, ...props }: ILoaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+interface IPhoneViewClasses {
+    wrapper: string;
+    link: string;
+    text: string;
+}
+export interface IPhoneViewProps {
+    phone: string;
+    text: string;
+    classes?: Partial<IPhoneViewClasses>;
+}
+export declare const PhoneView: ({ phone, text, classes }: IPhoneViewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+type IProgressBarClasses = {
+    wrapper: 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>;
+}
+export declare const ProgressBar: ({ topContent, bottomContent, progress, maxPercent, classes }: IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

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

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

@@ -0,0 +1,4 @@
+export interface ISkeletonProps {
+    className?: string;
+}
+export declare const Skeleton: ({ className }: ISkeletonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,35 @@
+import * as React from 'react';
+/**
+ * @param {string} id - для триггера и для контента должен совпадать
+ */
+interface ITabsClasses {
+    root: string;
+    list: string;
+    trigger: string;
+    content: string;
+    contentsWrapper: string;
+}
+export interface ITabContent {
+    id: string;
+    body: React.ReactElement | string;
+    accordion?: {
+        title: string;
+    };
+}
+interface ITabTrigger {
+    id: string;
+    label: string;
+}
+export interface ITabRenderContent {
+    triggers: ITabTrigger[];
+    contents: ITabContent[];
+}
+export interface ITabsSwitcherProps {
+    renderContent: ITabRenderContent;
+    value: string;
+    onChangeTab: (tab: string) => void;
+    defaultActiveTabId?: string;
+    classes?: Partial<ITabsClasses>;
+}
+export declare const TabsSwitcher: ({ renderContent, defaultActiveTabId, value, onChangeTab, classes }: ITabsSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/accordion/Accordion.d.ts

@@ -0,0 +1,13 @@
+import { TAccordionHeaderClasses, TAccordionRootClasses } from './model/types';
+import * as React from 'react';
+/**
+ * @param {string[]} defaultOpen - По умолчанию открытые аккордеоны необходимо указать тот же label явно руками.
+ * Пример defaultValue={['Заголовок аккордеона 1', 'Заголовок аккордеона 2']}
+ */
+export interface IAccordionProps {
+    children: React.ReactNode;
+    label: string | React.ReactElement;
+    classes?: Partial<TAccordionHeaderClasses> & Partial<TAccordionRootClasses>;
+    defaultOpen?: string[];
+}
+export declare const Accordion: ({ children, label, classes, defaultOpen }: IAccordionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { Accordion, type IAccordionProps } from './Accordion';

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

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+export type TAccordionHeaderClasses = {
+    trigger: string;
+    icon: string;
+    header: string;
+    inner: string;
+};
+export type TAccordionRootClasses = {
+    item: string;
+    content: string;
+    contentInner: string;
+    accordion: string;
+};
+export interface IAccordionItem {
+    label: string;
+    content: React.ReactNode;
+}

package/dist/shared/ui/accordion/ui/AccordionHeader.d.ts

@@ -0,0 +1,8 @@
+import { TAccordionHeaderClasses } from '../model/types';
+import * as React from 'react';
+interface IAccordionHeaderProps {
+    children?: React.ReactElement | string;
+    classes?: Partial<TAccordionHeaderClasses>;
+}
+export declare const AccordionHeader: React.ForwardRefExoticComponent<IAccordionHeaderProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+export type TBrandLogoVariant = 'main' | 'white' | 'gray' | 'black' | 'business' | 'insurance';
+type TBrandLogosVariants = Record<TBrandLogoVariant, ReactElement>;
+export declare const brandLogos: TBrandLogosVariants;
+export {};

package/dist/shared/ui/button/Button.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps, ReactElement } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const buttonConfig: (props?: ({
+    intent?: "primary" | "secondary" | "ghost" | "negative" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    textFormat?: "initial" | "capitalize" | "uppercase" | "lowercase" | null | undefined;
+    isFull?: boolean | null | undefined;
+    isLoading?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type TButtonConfig = VariantProps<typeof buttonConfig>;
+export type TButtonIntents = 'primary' | 'secondary' | 'ghost' | 'negative';
+export interface IButtonProps extends ComponentProps<'button'>, TButtonConfig {
+    iconLeft?: ReactElement;
+    iconRight?: ReactElement;
+    isLoading?: boolean;
+}
+export declare const Button: import('react').ForwardRefExoticComponent<Omit<IButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1 @@
+export { Button, type IButtonProps } from './Button';

package/dist/shared/ui/button/model/helpers.d.ts

@@ -0,0 +1,2 @@
+import { TButtonIntents } from '../Button';
+export declare const setButtonLoaderIntent: (intent: TButtonIntents) => "primary" | "secondary";

package/dist/shared/ui/formControlElements/CheckboxControl.d.ts

@@ -0,0 +1,13 @@
+import { FieldValues } from 'react-hook-form';
+import { TAdditionalInputPrimitiveClasses, TControlledInputPrimitiveProps } from './model';
+import * as React from 'react';
+type TCheckboxClasses = Partial<TAdditionalInputPrimitiveClasses> & {
+    wrapper?: string;
+    indicator?: string;
+};
+export interface ICheckboxControlProps<T extends FieldValues> extends Omit<TControlledInputPrimitiveProps<T>, 'label'> {
+    classes?: TCheckboxClasses;
+    label: React.ReactElement | string;
+}
+export declare const CheckboxControl: <T extends FieldValues>({ control, helperText, label, disabled, classes, ...props }: ICheckboxControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formControlElements/FormControl.d.ts

@@ -0,0 +1,3 @@
+export interface IFormControlProps {
+}
+export declare const FormControl: () => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/InputControlMask.d.ts

@@ -0,0 +1,10 @@
+import { FieldValues } from 'react-hook-form';
+import { TAdditionalInputClassesWithAttachment, TControlledInputProps, TInputCommonProps } from './model';
+export interface InputControlMaskProps<T extends FieldValues> extends TControlledInputProps<T>, TInputCommonProps {
+    format: string;
+    mask?: string | string[];
+    allowEmptyFormatting?: boolean;
+    onInputChange?: (arg?: string) => void;
+    classes?: Partial<TAdditionalInputClassesWithAttachment>;
+}
+export declare const InputControlMask: <T extends FieldValues>({ format, allowEmptyFormatting, mask, control, onInputChange, size, helperText, label, classes, disabled, badge, icon, swapPosition, onClickIcon, onKeyDownIcon, ...props }: InputControlMaskProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/RadioControl.d.ts

@@ -0,0 +1,26 @@
+import { FieldValues } from 'react-hook-form';
+import { VariantProps } from 'class-variance-authority';
+import { TAdditionalInputPrimitiveClasses, TControlledInputPrimitiveProps } from './model';
+declare const radioOptionsConfig: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type TRadioClasses = Partial<TAdditionalInputPrimitiveClasses> & {
+    groupName?: string;
+    radioGroup?: string;
+    radioOption?: string;
+    indicator?: string;
+};
+export interface IRadioGroupOption {
+    label: string;
+    value: string;
+    isDisabled?: boolean;
+}
+type TRadioOptionsConfig = VariantProps<typeof radioOptionsConfig>;
+export interface IRadioControlProps<T extends FieldValues> extends TRadioOptionsConfig, Omit<TControlledInputPrimitiveProps<T>, 'label'> {
+    radioItemsGroup: IRadioGroupOption[];
+    groupName?: string;
+    classes?: TRadioClasses;
+    label?: never;
+}
+export declare const RadioControl: <T extends FieldValues>({ radioItemsGroup, control, groupName, helperText, disabled, classes, orientation, ...props }: IRadioControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};