@invoicebox/ui 0.1.0-alpha.294 → 0.1.0-alpha.296

package/dist/components/form/SearchInput/styles.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { TSearchInputPalette } from './palette';
-export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $inFocus: boolean;
-    $palette: TSearchInputPalette;
-    $wideBottomSpacing: boolean;
-}>> & string;
+/// <reference types="react" />
+import { TSearchInputPalette } from './palette';
+export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $inFocus: boolean;
+    $palette: TSearchInputPalette;
+    $wideBottomSpacing: boolean;
+}>> & string;

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

@@ -1,17 +1,17 @@
-import React from 'react';
-import { TProps as TInputLabelProps } from '../../../InputLabel';
-import { TProps as TPureInputProps } from '../../../PureInput';
-import { TProps as TArrowProps } from '../../../../common/Arrow';
-import { TSizes } from '../../../constants';
-export type TProps = Pick<TInputLabelProps, 'inFocus' | 'label' | 'required'> & Pick<TPureInputProps, 'hasError' | 'placeholder' | 'name' | 'onFocus' | 'onBlur' | 'value' | 'onClick'> & Pick<TArrowProps, 'isOpen'> & {
-    onReset?: () => void;
-    size?: TSizes;
-    renderedValue?: React.ReactNode;
-    useModernStyles?: boolean;
-};
-export declare const Input: React.ForwardRefExoticComponent<Pick<TInputLabelProps, "required" | "label" | "inFocus"> & Pick<TPureInputProps, "name" | "value" | "placeholder" | "onFocus" | "onBlur" | "onClick" | "hasError"> & Pick<TArrowProps, "isOpen"> & {
-    onReset?: (() => void) | undefined;
-    size?: TSizes | undefined;
-    renderedValue?: React.ReactNode;
-    useModernStyles?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
+import React from 'react';
+import { TProps as TInputLabelProps } from '../../../InputLabel';
+import { TProps as TPureInputProps } from '../../../PureInput';
+import { TProps as TArrowProps } from '../../../../common/Arrow';
+import { TSizes } from '../../../constants';
+export type TProps = Pick<TInputLabelProps, 'inFocus' | 'label' | 'required'> & Pick<TPureInputProps, 'hasError' | 'placeholder' | 'name' | 'onFocus' | 'onBlur' | 'value' | 'onClick'> & Pick<TArrowProps, 'isOpen'> & {
+    onReset?: () => void;
+    size?: TSizes;
+    renderedValue?: React.ReactNode;
+    useModernStyles?: boolean;
+};
+export declare const Input: React.ForwardRefExoticComponent<Pick<TInputLabelProps, "required" | "label" | "inFocus"> & Pick<TPureInputProps, "name" | "value" | "placeholder" | "onFocus" | "onBlur" | "onClick" | "hasError"> & Pick<TArrowProps, "isOpen"> & {
+    onReset?: (() => void) | undefined;
+    size?: TSizes | undefined;
+    renderedValue?: React.ReactNode;
+    useModernStyles?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/form/Select/components/Input/index.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Input, TProps } from '.';
-declare const meta: Meta<typeof Input>;
-export default meta;
-export declare const Default: StoryObj<TProps>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { Input, TProps } from '.';
+declare const meta: Meta<typeof Input>;
+export default meta;
+export declare const Default: StoryObj<TProps>;

package/dist/components/form/Select/components/Input/styles.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $pointerEvents: string;
-}>> & string;
-export declare const ControlWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/// <reference types="react" />
+export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $pointerEvents: string;
+}>> & string;
+export declare const ControlWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,2 +1,2 @@
-declare const Loader: () => import("react/jsx-runtime").JSX.Element;
-export default Loader;
+declare const Loader: () => import("react/jsx-runtime").JSX.Element;
+export default Loader;

package/dist/components/form/Select/components/Loader/styles.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SvgLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, never>> & string;
-export declare const CircleLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGCircleElement>, never>> & string;
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SvgLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, never>> & string;
+export declare const CircleLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGCircleElement>, never>> & string;

package/dist/components/form/Select/hooks/useOptionGroups.d.ts

@@ -1,5 +1,5 @@
-import { TGroup, TOption } from '..';
-export declare const useOptionGroups: <TValue>(options: TOption<TValue>[], groups: TGroup[]) => {
-    group: TGroup | null;
-    options: TOption<TValue>[];
-}[];
+import { TGroup, TOption } from '..';
+export declare const useOptionGroups: <TValue>(options: TOption<TValue>[], groups: TGroup[]) => {
+    group: TGroup | null;
+    options: TOption<TValue>[];
+}[];

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

@@ -1,34 +1,34 @@
-import { ReactNode } from 'react';
-import { TProps as TInputProps } from './components/Input';
-export type TOption<TValue> = {
-    label: string;
-    value: TValue;
-    groupId?: string;
-    entity?: unknown;
-};
-export type TGroup = {
-    label: string;
-    id: string;
-    entity?: unknown;
-};
-export type TProps<TValue> = Pick<TInputProps, 'label' | 'hasError' | 'placeholder' | 'name' | 'size' | 'onBlur' | 'required'> & {
-    value: TValue | null;
-    onChange: (value: TValue | null) => void;
-    options: TOption<TValue>[];
-    groups?: TGroup[];
-    isResetButtonEnabled?: boolean;
-    renderOption?: (entity?: any) => ReactNode;
-    renderGroup?: (entity?: any) => ReactNode;
-    renderValue?: (entity?: any) => ReactNode;
-    dropdownHeader?: ReactNode;
-    scrollbarHeader?: ReactNode;
-    isDrawerOptions?: boolean;
-    scrollbarMaxHeight?: number;
-    emptyOptionsLabel?: string;
-    isLoading?: boolean;
-    required?: boolean;
-    usePadding?: boolean;
-    dropdownWidth?: string;
-    useModernStyles?: boolean;
-};
-export declare const Select: <TValue extends string | number>({ label, hasError, placeholder, name, value, renderValue, onChange, options, groups, isResetButtonEnabled, size, renderOption, dropdownHeader, isDrawerOptions, renderGroup, scrollbarMaxHeight, scrollbarHeader, emptyOptionsLabel, isLoading, onBlur, required, usePadding, dropdownWidth, useModernStyles, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+import { ReactNode } from 'react';
+import { TProps as TInputProps } from './components/Input';
+export type TOption<TValue> = {
+    label: string;
+    value: TValue;
+    groupId?: string;
+    entity?: unknown;
+};
+export type TGroup = {
+    label: string;
+    id: string;
+    entity?: unknown;
+};
+export type TProps<TValue> = Pick<TInputProps, 'label' | 'hasError' | 'placeholder' | 'name' | 'size' | 'onBlur' | 'required'> & {
+    value: TValue | null;
+    onChange: (value: TValue | null) => void;
+    options: TOption<TValue>[];
+    groups?: TGroup[];
+    isResetButtonEnabled?: boolean;
+    renderOption?: (entity?: any) => ReactNode;
+    renderGroup?: (entity?: any) => ReactNode;
+    renderValue?: (entity?: any) => ReactNode;
+    dropdownHeader?: ReactNode;
+    scrollbarHeader?: ReactNode;
+    isDrawerOptions?: boolean;
+    scrollbarMaxHeight?: number;
+    emptyOptionsLabel?: string;
+    isLoading?: boolean;
+    required?: boolean;
+    usePadding?: boolean;
+    dropdownWidth?: string;
+    useModernStyles?: boolean;
+};
+export declare const Select: <TValue extends string | number>({ label, hasError, placeholder, name, value, renderValue, onChange, options, groups, isResetButtonEnabled, size, renderOption, dropdownHeader, isDrawerOptions, renderGroup, scrollbarMaxHeight, scrollbarHeader, emptyOptionsLabel, isLoading, onBlur, required, usePadding, dropdownWidth, useModernStyles, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form/Select/index.js

@@ -70,16 +70,16 @@ var Select = exports.Select = function Select(_ref) {
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
 
-  /*  
-      существует интеграционная проблема селекта с final-form 
-       Суть:
-      - пользователь выбирает опцию;
-      - срабатывает onBlur;
-      - final-form помечает поле, как toched;
-      - если поле не валидно, hasError становится true, отображается красная рамка;
-      - срабатывает onChange, и если поле валидно рамка пропадает;
-       т.е. рамка мигает, хотя такого быть не должно;
-       так появилась логика delayBlur
+  /*  
+      существует интеграционная проблема селекта с final-form 
+        Суть:
+      - пользователь выбирает опцию;
+      - срабатывает onBlur;
+      - final-form помечает поле, как toched;
+      - если поле не валидно, hasError становится true, отображается красная рамка;
+      - срабатывает onChange, и если поле валидно рамка пропадает;
+        т.е. рамка мигает, хотя такого быть не должно;
+        так появилась логика delayBlur
   */
   var delayBlur = (0, _react.useRef)(null);
   var inputRef = (0, _react.useRef)(null);
@@ -95,7 +95,8 @@ var Select = exports.Select = function Select(_ref) {
   var handleHide = (0, _react.useCallback)(function () {
     return setIsOpen(false);
   }, []);
-  var wrapperRef = (0, _useOutsideClick.useOutsideClick)(handleHide);
+  var dropdownRef = (0, _react.useRef)(null);
+  var wrapperRef = (0, _useOutsideClick.useOutsideClick)(handleHide, [dropdownRef]);
   var handleFocus = (0, _react.useCallback)(function (event) {
     handleShow();
     focusHandler(event);
@@ -244,6 +245,7 @@ var Select = exports.Select = function Select(_ref) {
     isOpen: isOpen,
     isPadding: false
   }, /*#__PURE__*/_react["default"].createElement(S.DrawerContent, null, handleDrawerContentRender())) : /*#__PURE__*/_react["default"].createElement(_Dropdown.Dropdown, {
+    ref: dropdownRef,
     isOpen: isOpen,
     isAutoPosition: true,
     width: dropdownWidth || '100%',

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

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Select, TProps } from '.';
-declare const meta: Meta<typeof Select>;
-export default meta;
-export declare const Default: StoryObj<TProps<string>>;
-export declare const EmptyOptions: StoryObj<TProps<string>>;
-export declare const WithDropdownHeader: StoryObj<TProps<string>>;
-export declare const RenderOption: StoryObj<TProps<string>>;
-export declare const WithGroups: StoryObj<TProps<string>>;
-export declare const RenderOptionWithGroups: StoryObj<TProps<string>>;
-export declare const WithCustomGroups: StoryObj<TProps<string>>;
-export declare const WithRenderedValue: StoryObj<TProps<string>>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { Select, TProps } from '.';
+declare const meta: Meta<typeof Select>;
+export default meta;
+export declare const Default: StoryObj<TProps<string>>;
+export declare const EmptyOptions: StoryObj<TProps<string>>;
+export declare const WithDropdownHeader: StoryObj<TProps<string>>;
+export declare const RenderOption: StoryObj<TProps<string>>;
+export declare const WithGroups: StoryObj<TProps<string>>;
+export declare const RenderOptionWithGroups: StoryObj<TProps<string>>;
+export declare const WithCustomGroups: StoryObj<TProps<string>>;
+export declare const WithRenderedValue: StoryObj<TProps<string>>;

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

@@ -1,6 +1,6 @@
-import { TAbstractPalette } from '../../../palette';
-export type TSelectPalette = {
-    bgHover: string;
-    empty: string;
-};
-export declare const generateSelectPalette: (abstractPalette: TAbstractPalette) => TSelectPalette;
+import { TAbstractPalette } from '../../../palette';
+export type TSelectPalette = {
+    bgHover: string;
+    empty: string;
+};
+export declare const generateSelectPalette: (abstractPalette: TAbstractPalette) => TSelectPalette;

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

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-import { TSelectPalette } from './palette';
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const OptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $usePadding: boolean;
-}>> & string;
-export declare const Option: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
-    $palette: TSelectPalette;
-    $isGrouped: boolean;
-    $usePadding: boolean;
-}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
-export declare const Group: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
-export declare const DefaultOptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $usePadding?: boolean | undefined;
-}>> & string;
-export declare const DrawerContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DrawerBottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const EmptyLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
-    $color: string;
-}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
-export declare const ScrollbarContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/// <reference types="react" />
+import { TSelectPalette } from './palette';
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $usePadding: boolean;
+}>> & string;
+export declare const Option: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
+    $palette: TSelectPalette;
+    $isGrouped: boolean;
+    $usePadding: boolean;
+}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
+export declare const Group: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
+export declare const DefaultOptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $usePadding?: boolean | undefined;
+}>> & string;
+export declare const DrawerContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DrawerBottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const EmptyLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
+    $color: string;
+}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
+export declare const ScrollbarContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/form/TagsInput/assets/CrossIcon.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-type TProps = {
-    color: string;
-};
-export declare const CrossIcon: FC<TProps>;
-export {};
+import { FC } from 'react';
+type TProps = {
+    color: string;
+};
+export declare const CrossIcon: FC<TProps>;
+export {};

package/dist/components/form/TagsInput/index.d.ts

@@ -1,14 +1,14 @@
-import { FC } from 'react';
-import { TProps as TInputLabelProps } from '../InputLabel';
-import { TSizes } from '../constants';
-import { TTagsInputPalette } from './palette';
-export type TProps = Pick<TInputLabelProps, 'label'> & {
-    hasError?: boolean;
-} & {
-    saveLabel: string;
-    value?: Array<string>;
-    onChange: (value?: Array<string>) => void;
-    size?: TSizes;
-    palette?: Partial<TTagsInputPalette>;
-};
-export declare const TagsInput: FC<TProps>;
+import { FC } from 'react';
+import { TProps as TInputLabelProps } from '../InputLabel';
+import { TSizes } from '../constants';
+import { TTagsInputPalette } from './palette';
+export type TProps = Pick<TInputLabelProps, 'label'> & {
+    hasError?: boolean;
+} & {
+    saveLabel: string;
+    value?: Array<string>;
+    onChange: (value?: Array<string>) => void;
+    size?: TSizes;
+    palette?: Partial<TTagsInputPalette>;
+};
+export declare const TagsInput: FC<TProps>;

package/dist/components/form/TagsInput/index.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { TagsInput, TProps } from '.';
-declare const meta: Meta<typeof TagsInput>;
-export default meta;
-export declare const Default: StoryObj<TProps>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { TagsInput, TProps } from '.';
+declare const meta: Meta<typeof TagsInput>;
+export default meta;
+export declare const Default: StoryObj<TProps>;

package/dist/components/form/TagsInput/palette.d.ts

@@ -1,6 +1,6 @@
-import { TAbstractPalette } from '../../../palette';
-export type TTagsInputPalette = {
-    chipColor: string;
-    chipBg: string;
-};
-export declare const generateTagsInputPalette: (abstractPalette: TAbstractPalette) => TTagsInputPalette;
+import { TAbstractPalette } from '../../../palette';
+export type TTagsInputPalette = {
+    chipColor: string;
+    chipBg: string;
+};
+export declare const generateTagsInputPalette: (abstractPalette: TAbstractPalette) => TTagsInputPalette;

package/dist/components/form/TagsInput/styles.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-export declare const PureInputStyledWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
-    $paddingLeft: number;
-    $paddingRight: number;
-    $paddingTop: number;
-    $paddingBottom: number;
-    $borderRadius: number;
-    $hasError: boolean;
-    $inFocus: boolean;
-    $hasBorder: boolean;
-    $palette: import("../PureInput/palette").TPureInputPalette;
-    $variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
-    $useModernStyles?: boolean | undefined;
-}>> & string & ({} | Omit<React.ComponentClass<any, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<any>, keyof React.Component<any, {}, any>>);
-export declare const TagsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const InputWithSaveButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SaveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const ChipLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChipRemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+import React from 'react';
+export declare const PureInputStyledWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
+    $paddingLeft: number;
+    $paddingRight: number;
+    $paddingTop: number;
+    $paddingBottom: number;
+    $borderRadius: number;
+    $hasError: boolean;
+    $inFocus: boolean;
+    $hasBorder: boolean;
+    $palette: import("../PureInput/palette").TPureInputPalette;
+    $variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
+    $useModernStyles?: boolean | undefined;
+}>> & string & ({} | Omit<React.ComponentClass<any, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<any>, keyof React.Component<any, {}, any>>);
+export declare const TagsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InputWithSaveButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SaveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ChipLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChipRemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/components/form/TextInput/index.d.ts

@@ -1,22 +1,22 @@
-import React, { ReactNode } from 'react';
-import { TProps as TInputLabelProps } from '../InputLabel';
-import { TProps as TPureInputProps } from '../PureInput';
-import { TSizes } from '../constants';
-export type TProps = Pick<TInputLabelProps, 'label' | 'required'> & Pick<TPureInputProps, 'placeholder' | 'hasError' | 'onFocus' | 'onBlur' | 'disabled' | 'name' | 'paddingRight' | 'type' | 'isOnlyNumbers' | 'autoFocus' | 'rows' | 'id' | 'useModernStyles' | 'readOnly' | 'inputMode' | 'autoComplete'> & {
-    value: string;
-    onChange: (value: string) => void;
-    maxLength?: number;
-    size?: TSizes;
-    children?: ReactNode;
-    element?: 'input' | 'textarea';
-    required?: boolean;
-};
-export declare const TextInput: React.ForwardRefExoticComponent<Pick<TInputLabelProps, "required" | "label"> & Pick<TPureInputProps, "type" | "id" | "name" | "paddingRight" | "inputMode" | "disabled" | "autoComplete" | "placeholder" | "readOnly" | "rows" | "autoFocus" | "onFocus" | "onBlur" | "useModernStyles" | "hasError" | "isOnlyNumbers"> & {
-    value: string;
-    onChange: (value: string) => void;
-    maxLength?: number | undefined;
-    size?: TSizes | undefined;
-    children?: ReactNode;
-    element?: "input" | "textarea" | undefined;
-    required?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
+import React, { ReactNode } from 'react';
+import { TProps as TInputLabelProps } from '../InputLabel';
+import { TProps as TPureInputProps } from '../PureInput';
+import { TSizes } from '../constants';
+export type TProps = Pick<TInputLabelProps, 'label' | 'required'> & Pick<TPureInputProps, 'placeholder' | 'hasError' | 'onFocus' | 'onBlur' | 'disabled' | 'name' | 'paddingRight' | 'type' | 'isOnlyNumbers' | 'autoFocus' | 'rows' | 'id' | 'useModernStyles' | 'readOnly' | 'inputMode' | 'autoComplete'> & {
+    value: string;
+    onChange: (value: string) => void;
+    maxLength?: number;
+    size?: TSizes;
+    children?: ReactNode;
+    element?: 'input' | 'textarea';
+    required?: boolean;
+};
+export declare const TextInput: React.ForwardRefExoticComponent<Pick<TInputLabelProps, "required" | "label"> & Pick<TPureInputProps, "type" | "id" | "name" | "paddingRight" | "inputMode" | "disabled" | "autoComplete" | "placeholder" | "readOnly" | "rows" | "autoFocus" | "onFocus" | "onBlur" | "useModernStyles" | "hasError" | "isOnlyNumbers"> & {
+    value: string;
+    onChange: (value: string) => void;
+    maxLength?: number | undefined;
+    size?: TSizes | undefined;
+    children?: ReactNode;
+    element?: "input" | "textarea" | undefined;
+    required?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/form/TextInput/index.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { TextInput, TProps } from '.';
-declare const meta: Meta<typeof TextInput>;
-export default meta;
-export declare const Default: StoryObj<TProps>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { TextInput, TProps } from '.';
+declare const meta: Meta<typeof TextInput>;
+export default meta;
+export declare const Default: StoryObj<TProps>;

package/dist/components/form/TextInput/styles.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const ChildrenWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const InputLabelContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/// <reference types="react" />
+export declare const ChildrenWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InputLabelContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/form/Toggle/index.d.ts

@@ -1,9 +1,9 @@
-import { FC, InputHTMLAttributes } from 'react';
-import { TToggleSize } from './styles';
-export type TProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
-    onChange: (value: boolean) => void;
-    label: string;
-    variant?: TToggleSize;
-    alwaysHighlighted?: boolean;
-};
-export declare const Toggle: FC<TProps>;
+import { FC, InputHTMLAttributes } from 'react';
+import { TToggleSize } from './styles';
+export type TProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
+    onChange: (value: boolean) => void;
+    label: string;
+    variant?: TToggleSize;
+    alwaysHighlighted?: boolean;
+};
+export declare const Toggle: FC<TProps>;

package/dist/components/form/Toggle/index.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Toggle, TProps } from './index';
-declare const meta: Meta<typeof Toggle>;
-export default meta;
-export declare const Default: StoryObj<TProps>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { Toggle, TProps } from './index';
+declare const meta: Meta<typeof Toggle>;
+export default meta;
+export declare const Default: StoryObj<TProps>;

package/dist/components/form/Toggle/palette.d.ts

@@ -1,10 +1,10 @@
-import { TAbstractPalette } from '../../../palette';
-export type TTogglePalette = {
-    circle: string;
-    defaultBg: string;
-    activeBg: string;
-    label: string;
-    disabledLabel: string;
-    disabledBorder: string;
-};
-export declare const generateTogglePalette: (abstractPalette: TAbstractPalette) => TTogglePalette;
+import { TAbstractPalette } from '../../../palette';
+export type TTogglePalette = {
+    circle: string;
+    defaultBg: string;
+    activeBg: string;
+    label: string;
+    disabledLabel: string;
+    disabledBorder: string;
+};
+export declare const generateTogglePalette: (abstractPalette: TAbstractPalette) => TTogglePalette;

package/dist/components/form/Toggle/styles.d.ts

@@ -1,24 +1,24 @@
-/// <reference types="react" />
-import { typography } from '../../common/Typography/typography';
-import { TTogglePalette } from './palette';
-export type TToggleSize = 'small' | 'medium';
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
-    $color: string;
-    $disabled?: boolean | undefined;
-    $disabledColor: string;
-}>> & string;
-export declare const INPUT_VARIANT_MAP: Record<TToggleSize, {
-    width: number;
-    height: number;
-    circleSize: number;
-    labelVariant: keyof typeof typography;
-    leftChecked: number;
-    left: number;
-    border: number;
-}>;
-export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
-    $palette: TTogglePalette;
-    $variant: TToggleSize;
-    $alwaysHighlighted: boolean;
-    checked?: boolean | undefined;
-}>> & string;
+/// <reference types="react" />
+import { typography } from '../../common/Typography/typography';
+import { TTogglePalette } from './palette';
+export type TToggleSize = 'small' | 'medium';
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    $color: string;
+    $disabled?: boolean | undefined;
+    $disabledColor: string;
+}>> & string;
+export declare const INPUT_VARIANT_MAP: Record<TToggleSize, {
+    width: number;
+    height: number;
+    circleSize: number;
+    labelVariant: keyof typeof typography;
+    leftChecked: number;
+    left: number;
+    border: number;
+}>;
+export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    $palette: TTogglePalette;
+    $variant: TToggleSize;
+    $alwaysHighlighted: boolean;
+    checked?: boolean | undefined;
+}>> & string;

package/dist/components/form/common/DrawerHeader/components/Cross24Icon/index.d.ts

@@ -1 +1 @@
-export declare const Cross24Icon: () => import("react/jsx-runtime").JSX.Element;
+export declare const Cross24Icon: () => import("react/jsx-runtime").JSX.Element;