@scbt-ecom/ui 0.0.30 → 0.0.31

package/dist/configs/index.d.ts

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

package/dist/configs/tailwindConfigBase.d.ts

@@ -0,0 +1,2 @@
+import { Config } from 'tailwindcss';
+export declare const tailwindConfigBase: Omit<Config, 'content'>;

package/dist/server.d.ts

@@ -0,0 +1,2 @@
+export * from './shared/ui/Badge';
+export * from './shared/ui/ResponsiveContainer';

package/dist/server.js

@@ -0,0 +1,15 @@
+import { j as s, c as r } from "./cn-uh4jkx7b.js";
+const n = ({ children: e, className: t }) => /* @__PURE__ */ s.jsx(
+  "span",
+  {
+    className: r(
+      "min-h-6 min-w-6 px-2 py-1 flex items-center justify-center rounded-full desk-body-regular-s bg-color-primary-default text-color-white text-nowrap",
+      t
+    ),
+    children: e
+  }
+), a = ({ children: e, className: t }) => /* @__PURE__ */ s.jsx("div", { className: r("w-full px-4 m-auto desktop:max-w-[1188px]", t), children: e });
+export {
+  n as Badge,
+  a as ResponsiveContainer
+};

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,16 @@
+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;
+};
+export { allowedBorderRadius, allowedBackgroundDeg };

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 * as React from 'react';
+export declare const useClickOutside: (ref: React.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 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 ComponentProps<'button'>, 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,15 @@
+import { ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { TAllowedIcons } 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?: TAllowedIcons;
+}
+export declare const CustomLink: ({ Component, intent, children, withIcon, disabled, 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>, HTMLAttributes<HTMLDivElement> {
+    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/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/ProgressBar.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement } from 'react';
+type IProgressBarClasses = {
+    wrapper: string;
+    topContent: string;
+    bottomContent: string;
+    progressBar: string;
+    progress: string;
+    loader: string;
+};
+export interface IProgressBarProps {
+    topContent?: ReactElement;
+    bottomContent?: 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 }: 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,33 @@
+import * as React from 'react';
+/**
+ * @param {string} id - для триггера и для контента должен совпадать
+ */
+interface ITabsClasses {
+    root: string;
+    list: string;
+    trigger: string;
+    content: string;
+    contentsWrapper: string;
+}
+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;
+    defaultActiveTabId?: string;
+    classes?: Partial<ITabsClasses>;
+}
+export declare const TabsSwitcher: ({ renderContent, defaultActiveTabId, 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,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?: "capitalize" | "uppercase" | "lowercase" | "initial" | 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/calendar/Calendar.d.ts

@@ -0,0 +1,20 @@
+import { DayPickerProps, PropsRange, PropsSingle } from 'react-day-picker';
+import { FieldValues } from 'react-hook-form';
+import { TAdditionalInputClassesWithAttachment, TControlledInputProps } from '../formControlElements/model';
+type TCalendarClasses = Partial<TAdditionalInputClassesWithAttachment> & {
+    root: string;
+    wrapper: string;
+    calendar: string;
+};
+export type TCalendarMode = 'range' | 'single';
+type TCalendarCommonProps = PropsSingle | PropsRange;
+export type ICalendarProps<T extends FieldValues> = TControlledInputProps<T> & TCalendarCommonProps & DayPickerProps & {
+    maskFormat?: string;
+    mask?: string | string[];
+    allowEmptyFormatting?: boolean;
+    classes?: Partial<TCalendarClasses>;
+    disabled?: boolean;
+    onClickIcon?: (...args: unknown[]) => unknown;
+};
+export declare const Calendar: <T extends FieldValues>(props: ICalendarProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { Calendar, type ICalendarProps } from './Calendar';

package/dist/shared/ui/calendar/model/animation.d.ts

@@ -0,0 +1,18 @@
+export declare const calendarAnimation: {
+    initial: {
+        opacity: number;
+        y: number;
+    };
+    animate: {
+        opacity: number;
+        y: number;
+    };
+    exit: {
+        opacity: number;
+        y: number;
+    };
+    transition: {
+        duration: number;
+        ease: string;
+    };
+};