@scbt-ecom/ui 0.0.2

package/README.md

@@ -0,0 +1,47 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default {
+  // other rules...
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: ['./tsconfig.json', './tsconfig.node.json', './tsconfig.app.json'],
+    tsconfigRootDir: __dirname
+  }
+}
+```
+
+- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
+- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+
+## Тестирование
+
+- На проекте для unit тестирования используется vitest, документация — https://vitest.dev/
+- Все тесты лежат в папке test, она полностью должно дублировать структуру папки lib, собственно, что мы и тестируем
+- Снепшоты создаются также с помощью vitest, функция toMatchSnapshot(). Тут главное не нужно создавать на всё подряд их, желательно для реакт компонентов, каких-то больших и сложных объектов, конфигурационных файлов, API-ответов, сложных выходных данных
+- Чтобы обновить снепшоты введите
+
+```
+npx vitest -u
+```
+
+- Скриншотное тестирование работает с помощью chromatic — https://storybook.js.org/docs/writing-tests/visual-testing
+- При запуске Storybook вы увидите новую дополнительную панель для визуальных тестов, где вы можете запускать тесты и просматривать результаты.
+- Чтобы включить визуальное тестирование, зарегистрируйтесь в Chromatic и создайте проект. Это даст вам доступ к парку облачных браузеров.
+- Выберите проект из списка проектов, чтобы завершить настройку. Если вы настраиваете дополнение впервые, файлы конфигурации и необходимые идентификаторы проектов будут добавлены для вас автоматически
+- Нажмите кнопку ▶️ Play на боковой панели Storybook, чтобы запустить визуальные тесты. Это отправит ваши истории в облако для создания снимков и обнаружения визуальных изменений.

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './shared/constants';
+export * from './shared/hooks';
+export * from './shared/ui';
+export * from './shared/utils';
+export * from './shared/validation';
+export * from './widgets';

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,120 @@
+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";
+};
+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,8 @@
+declare const allowedBorderRadius: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    full: string;
+};
+export { allowedBorderRadius };

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,4 @@
+export { useBoolean } from './useBoolean';
+export { useClickOutside } from './useClickOutside';
+export { useControlledForm } from './useControlledForm';
+export { useDebounceValue, debounce, useDebounceCallback } from './useDebounce';

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 { RefObject } from 'react';
+export declare const useClickOutside: (ref: RefObject<HTMLElement>, callback: () => void) => void;

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/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 TAdditionalClasses = {
+    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 ComponentProps<'button'>, TButtonProps {
+    children: ReactElement;
+    classes?: Partial<TAdditionalClasses>;
+}
+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,15 @@
+import { ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { AnyIconName } from './icon/Icon';
+declare const customLinkConfig: (props?: ({
+    intent?: "white" | "blue" | null | undefined;
+    withIcon?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type TCustomLinkConfig = VariantProps<typeof customLinkConfig>;
+export interface ICustomLinkProps extends TCustomLinkConfig, ComponentProps<'a'> {
+    Component: 'a';
+    icon?: AnyIconName;
+}
+export declare const CustomLink: ({ Component, intent, children, withIcon, disabled, icon, ...props }: ICustomLinkProps) => 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 { ReactElement } from 'react';
+import { TooltipContentProps } from '@radix-ui/react-tooltip';
+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: ReactElement;
+    children: 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,12 @@
+import { HTMLAttributes } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const loaderConfig: (props?: ({
+    intent?: "primary" | "secondary" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    position?: "fixed" | "absolute" | "static" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ILoaderProps extends VariantProps<typeof loaderConfig>, HTMLAttributes<HTMLDivElement> {
+    intent?: 'primary' | 'secondary';
+}
+export declare const Loader: ({ size, className, intent, position, ...props }: ILoaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+export interface IPhoneViewProps {
+    phone: string;
+    text: string;
+}
+export declare const PhoneView: ({ phone, text }: IPhoneViewProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface IPortalProps {
+    children: ReactNode;
+    container?: HTMLElement;
+}
+export declare const Portal: ({ children, container }: IPortalProps) => import('react').ReactPortal;
+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 }: 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/accordion/Accordion.d.ts

@@ -0,0 +1,7 @@
+import { IAccordionHeaderClasses, IAccordionItem, IAccordionRootClasses } from './model/types';
+export interface IAccordionProps {
+    accordionItems: IAccordionItem[];
+    classes?: Partial<IAccordionRootClasses> & Partial<IAccordionHeaderClasses>;
+    defaultValue?: string[];
+}
+export declare const Accordion: ({ accordionItems, classes, defaultValue }: 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,16 @@
+import { ReactNode } from 'react';
+export interface IAccordionHeaderClasses {
+    trigger: string;
+    icon: string;
+    header: string;
+    inner: string;
+}
+export interface IAccordionRootClasses {
+    item: string;
+    content: string;
+    accordion: string;
+}
+export interface IAccordionItem {
+    label: string;
+    content: ReactNode;
+}

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

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { IAccordionHeaderClasses } from '../model/types';
+interface IAccordionHeaderProps {
+    children?: ReactElement | string;
+    classes?: Partial<IAccordionHeaderClasses>;
+}
+export declare const AccordionHeader: import('react').ForwardRefExoticComponent<IAccordionHeaderProps & import('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,17 @@
+import { ComponentProps, ReactElement } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const buttonConfig: (props?: ({
+    intent?: "primary" | "secondary" | "ghost" | "red" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    textFormat?: "initial" | "capitalize" | "uppercase" | "lowercase" | 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' | 'red';
+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,11 @@
+import { FieldValues } from 'react-hook-form';
+import { TAdditionalInputPrimitiveClasses, TControlledInputPrimitiveProps } from './model';
+type TCheckboxClasses = Partial<TAdditionalInputPrimitiveClasses> & {
+    wrapper?: string;
+    indicator?: string;
+};
+export interface ICheckboxControlProps<T extends FieldValues> extends TControlledInputPrimitiveProps<T> {
+    classes?: TCheckboxClasses;
+}
+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/InputControl.d.ts

@@ -0,0 +1,6 @@
+import { FieldValues } from 'react-hook-form';
+import { TAdditionalInputClassesWithAttachment, TControlledInputProps } from './model';
+export interface InputControlProps<T extends FieldValues> extends TControlledInputProps<T> {
+    classes?: Partial<TAdditionalInputClassesWithAttachment>;
+}
+export declare const InputControl: <T extends FieldValues>({ label, size, helperText, control, classes, badge, icon, disabled, ...props }: InputControlProps<T>) => 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 } from './model';
+export interface InputControlMaskProps<T extends FieldValues> extends TControlledInputProps<T> {
+    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, ...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 {};

package/dist/shared/ui/formControlElements/dadata/DadataInputControl.d.ts

@@ -0,0 +1,14 @@
+import { FieldValues } from 'react-hook-form';
+import { TAdditionalInputClassesWithAttachment, TControlledInputProps } from '../model';
+import { TDadataBaseUrl, TDadataType } from './model/types';
+type TDadataClasses = Partial<TAdditionalInputClassesWithAttachment> & {
+    options?: string;
+    indentMargin?: string;
+};
+export interface IDadataInputControlProps<T extends FieldValues> extends TControlledInputProps<T> {
+    classes?: TDadataClasses;
+    dadataType?: TDadataType;
+    dadataBaseUrl?: TDadataBaseUrl;
+}
+export declare const DadataInputControl: <T extends FieldValues>({ control, helperText, classes, size, label, disabled, dadataType, dadataBaseUrl, badge, icon, ...props }: IDadataInputControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { DadataInputControl, type IDadataInputControlProps } from './DadataInputControl';

package/dist/shared/ui/formControlElements/dadata/model/api.d.ts

@@ -0,0 +1,2 @@
+import { TDadataBaseUrl, TDadataType } from './types';
+export declare const fetchSuggestions: (searchText: string, dadataType: TDadataType, dadataBaseUrl: TDadataBaseUrl) => Promise<import('./types').IDadataCountryOption[] | import('./types').IDadataAutoOption[] | import('./types').IDadataCacheOption<unknown>[]>;

package/dist/shared/ui/formControlElements/dadata/model/helpers.d.ts

@@ -0,0 +1,7 @@
+import { IDadataAutoOption, IDadataCacheOption, IDadataCountryOption, TDadataBaseUrl, TDadataReturn, TDadataSuggestionType, TDadataType } from './types';
+export declare const getDadataBaseUrl: (baseUrl: TDadataBaseUrl) => any;
+export declare const getDataByDadataType: <T>(dadataType: TDadataType, data: TDadataReturn<T>) => IDadataCountryOption[] | IDadataAutoOption[] | IDadataCacheOption<T>[];
+export declare const getOptionsByDadataType: <T>(dadataType: TDadataType, suggestions: TDadataSuggestionType<T>) => {
+    value: string;
+    label: string;
+}[];