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

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

@@ -63,7 +63,8 @@ var DateInput = exports.DateInput = function DateInput(_ref) {
   var handleClose = (0, _react.useCallback)(function () {
     return setOpenFlag(false);
   }, []);
-  var elRef = (0, _useOutsideClick.useOutsideClick)(handleClose);
+  var dropdownRef = (0, _react.useRef)(null);
+  var elRef = (0, _useOutsideClick.useOutsideClick)(handleClose, [dropdownRef]);
   var _useInputFocus = (0, _useInputFocus2.useInputFocus)({
       onFocus: onFocus,
       onBlur: onBlur
@@ -169,6 +170,7 @@ var DateInput = exports.DateInput = function DateInput(_ref) {
     minDate: minDate,
     maxDate: maxDate
   }) : /*#__PURE__*/_react["default"].createElement(_Dropdown.Dropdown, _extends({
+    ref: dropdownRef,
     isOpen: isOpen,
     isAutoPosition: true
   }, dropdownProps), /*#__PURE__*/_react["default"].createElement(S.CalendarWrapper, null, /*#__PURE__*/_react["default"].createElement(_Calendar.Calendar, {

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

@@ -1,6 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { DateInput } from '.';
-import 'react-calendar/dist/Calendar.css';
-declare const meta: Meta<typeof DateInput>;
-export default meta;
-export declare const Default: StoryObj<typeof DateInput>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { DateInput } from '.';
+import 'react-calendar/dist/Calendar.css';
+declare const meta: Meta<typeof DateInput>;
+export default meta;
+export declare const Default: StoryObj<typeof DateInput>;

package/dist/components/form/DateInput/logic.d.ts

@@ -1,12 +1,12 @@
-declare class Logic {
-    private today;
-    getPlaceholder(withTime?: boolean): string;
-    isValid(date: Date): boolean;
-    isBetweenMinAndMax(date: Date, minDate?: Date, maxDate?: Date): boolean;
-    valueToString(value: null | Date, withTime?: boolean): string;
-    stringToDate(str: string, withTime?: boolean): Date;
-    addHoursAndMinutesToDate(date: Date, hours: number, minutes: number): Date;
-    getHoursAndMinutesFromDate(date: Date): number[];
-}
-export declare const logic: Logic;
-export {};
+declare class Logic {
+    private today;
+    getPlaceholder(withTime?: boolean): string;
+    isValid(date: Date): boolean;
+    isBetweenMinAndMax(date: Date, minDate?: Date, maxDate?: Date): boolean;
+    valueToString(value: null | Date, withTime?: boolean): string;
+    stringToDate(str: string, withTime?: boolean): Date;
+    addHoursAndMinutesToDate(date: Date, hours: number, minutes: number): Date;
+    getHoursAndMinutesFromDate(date: Date): number[];
+}
+export declare const logic: Logic;
+export {};

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

@@ -1,5 +1,5 @@
-import { TAbstractPalette } from '../../../palette';
-export type TDateInputPalette = {
-    icon: string;
-};
-export declare const generateDateInputPalette: (abstractPalette: TAbstractPalette) => TDateInputPalette;
+import { TAbstractPalette } from '../../../palette';
+export type TDateInputPalette = {
+    icon: string;
+};
+export declare const generateDateInputPalette: (abstractPalette: TAbstractPalette) => TDateInputPalette;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { TDateInputPalette } 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 Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $palette: TDateInputPalette;
-}>> & string;
-export declare const CalendarWrapper: 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 { TDateInputPalette } 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 Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $palette: TDateInputPalette;
+}>> & string;
+export declare const CalendarWrapper: 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/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.d.ts

@@ -1,14 +1,14 @@
-import { FC } from 'react';
-import { TProps as TCalendarProps } from '../../../../common/Calendar';
-export type TProps = Pick<TCalendarProps, 'maxDate' | 'minDate'> & {
-    isOpen: boolean;
-    onClose: () => void;
-    calendarDropdownValue: Date | null;
-    onCalendarChange: (value: Date) => void;
-    onTimeChange: (newValue: [number, number]) => void;
-    onSubmit: () => void;
-    afterSubmit: () => void;
-    minTime?: [number, number];
-    maxTime?: [number, number];
-};
-export declare const MobileDrawerDateTimeCalendar: FC<TProps>;
+import { FC } from 'react';
+import { TProps as TCalendarProps } from '../../../../common/Calendar';
+export type TProps = Pick<TCalendarProps, 'maxDate' | 'minDate'> & {
+    isOpen: boolean;
+    onClose: () => void;
+    calendarDropdownValue: Date | null;
+    onCalendarChange: (value: Date) => void;
+    onTimeChange: (newValue: [number, number]) => void;
+    onSubmit: () => void;
+    afterSubmit: () => void;
+    minTime?: [number, number];
+    maxTime?: [number, number];
+};
+export declare const MobileDrawerDateTimeCalendar: FC<TProps>;

package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.stories.d.ts

@@ -1,6 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { MobileDrawerDateTimeCalendar, TProps } from './index';
-import 'react-calendar/dist/Calendar.css';
-declare const meta: Meta<typeof MobileDrawerDateTimeCalendar>;
-export default meta;
-export declare const Default: StoryObj<TProps>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { MobileDrawerDateTimeCalendar, TProps } from './index';
+import 'react-calendar/dist/Calendar.css';
+declare const meta: Meta<typeof MobileDrawerDateTimeCalendar>;
+export default meta;
+export declare const Default: StoryObj<TProps>;

package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/styles.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const MobileCalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TimePickerWrapper: 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 MobileCalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TimePickerWrapper: 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/DateTimeInput/components/MobileNumbersColumn/index.d.ts

@@ -1,8 +1,8 @@
-import { FC } from 'react';
-type TProps = {
-    numbers: Array<number>;
-    value: number;
-    onChange: (value: number) => void;
-};
-declare const MobileNumbersColumn: FC<TProps>;
-export default MobileNumbersColumn;
+import { FC } from 'react';
+type TProps = {
+    numbers: Array<number>;
+    value: number;
+    onChange: (value: number) => void;
+};
+declare const MobileNumbersColumn: FC<TProps>;
+export default MobileNumbersColumn;

package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/styles.d.ts

@@ -1,7 +1,7 @@
-/// <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 Number: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $opacity: number;
-    $incline: number;
-    $isActive: boolean;
-}>> & 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 Number: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $opacity: number;
+    $incline: number;
+    $isActive: boolean;
+}>> & string;

package/dist/components/form/DateTimeInput/components/TimePicker/index.d.ts

@@ -1,9 +1,9 @@
-import { FC } from 'react';
-export type TProps = {
-    value: [number, number];
-    onChange: (value: [number, number]) => void;
-    height?: number;
-    minTime?: [number, number];
-    maxTime?: [number, number];
-};
-export declare const TimePicker: FC<TProps>;
+import { FC } from 'react';
+export type TProps = {
+    value: [number, number];
+    onChange: (value: [number, number]) => void;
+    height?: number;
+    minTime?: [number, number];
+    maxTime?: [number, number];
+};
+export declare const TimePicker: FC<TProps>;

package/dist/components/form/DateTimeInput/components/TimePicker/index.stories.d.ts

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

package/dist/components/form/DateTimeInput/components/TimePicker/palette.d.ts

@@ -1,10 +1,10 @@
-import { TAbstractPalette } from '../../../../../palette';
-export type TTimePickerPalette = {
-    label: string;
-    tile: string;
-    tileActive: string;
-    tileBgActive: string;
-    tileDisabled: string;
-    divider: string;
-};
-export declare const generateTimePickerPalette: (abstractPalette: TAbstractPalette) => TTimePickerPalette;
+import { TAbstractPalette } from '../../../../../palette';
+export type TTimePickerPalette = {
+    label: string;
+    tile: string;
+    tileActive: string;
+    tileBgActive: string;
+    tileDisabled: string;
+    divider: string;
+};
+export declare const generateTimePickerPalette: (abstractPalette: TAbstractPalette) => TTimePickerPalette;

package/dist/components/form/DateTimeInput/components/TimePicker/styles.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $height: number;
-}>> & string;
-export declare const ColumnWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $borderColor: string;
-}>> & string;
-export declare const Label: 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 ValuesWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ValueWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $color: string;
-    $colorActive: string;
-    $isActive: boolean;
-    $bgActive: string;
-    $colorDisabled: string;
-}>> & string;
-export declare const MobileWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isIphone: boolean;
-}>> & string;
-export declare const SelectedMask: 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 Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $height: number;
+}>> & string;
+export declare const ColumnWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $borderColor: string;
+}>> & string;
+export declare const Label: 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 ValuesWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ValueWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $color: string;
+    $colorActive: string;
+    $isActive: boolean;
+    $bgActive: string;
+    $colorDisabled: string;
+}>> & string;
+export declare const MobileWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isIphone: boolean;
+}>> & string;
+export declare const SelectedMask: 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/DateTimeInput/hooks/useStringValue.d.ts

@@ -1 +1 @@
-export declare const useStringValue: (value: Date | null) => [string, (value: string) => void];
+export declare const useStringValue: (value: Date | null) => [string, (value: string) => void];

package/dist/components/form/DateTimeInput/hooks/useTimePickerHeight.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-export declare const useTimePickerHeight: (isOpen: boolean) => {
-    calendarRef: import("react").RefObject<HTMLDivElement>;
-    timePickerHeight: number;
-    handleTimePickerSetHeight: () => void;
-};
+/// <reference types="react" />
+export declare const useTimePickerHeight: (isOpen: boolean) => {
+    calendarRef: import("react").RefObject<HTMLDivElement>;
+    timePickerHeight: number;
+    handleTimePickerSetHeight: () => void;
+};

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

@@ -1,19 +1,19 @@
-import { FC } from 'react';
-import { TProps as TInputLabelProps } from '../InputLabel';
-import { TProps as TPureInputProps } from '../PureInput';
-import { TSizes } from '../constants';
-import { TProps as TCalendarProps } from '../../common/Calendar';
-import { TDropdownProps } from '../../../index';
-export type TProps = {
-    value: Date | null;
-    onChange: (value: Date) => void;
-    placeholder?: string;
-    dropdownProps?: Pick<TDropdownProps, 'isAutoPosition' | 'positionLeft' | 'positionRight' | 'positionVertical'>;
-    saveLabel?: string;
-    cancelLabel?: string;
-    required?: boolean;
-    useModernStyles?: boolean;
-} & Pick<TPureInputProps, 'hasError' | 'name' | 'onBlur' | 'onFocus'> & Pick<TInputLabelProps, 'label'> & Pick<TCalendarProps, 'maxDate' | 'minDate'> & {
-    size?: TSizes;
-};
-export declare const DateTimeInput: FC<TProps>;
+import { FC } from 'react';
+import { TProps as TInputLabelProps } from '../InputLabel';
+import { TProps as TPureInputProps } from '../PureInput';
+import { TSizes } from '../constants';
+import { TProps as TCalendarProps } from '../../common/Calendar';
+import { TDropdownProps } from '../../../index';
+export type TProps = {
+    value: Date | null;
+    onChange: (value: Date) => void;
+    placeholder?: string;
+    dropdownProps?: Pick<TDropdownProps, 'isAutoPosition' | 'positionLeft' | 'positionRight' | 'positionVertical'>;
+    saveLabel?: string;
+    cancelLabel?: string;
+    required?: boolean;
+    useModernStyles?: boolean;
+} & Pick<TPureInputProps, 'hasError' | 'name' | 'onBlur' | 'onFocus'> & Pick<TInputLabelProps, 'label'> & Pick<TCalendarProps, 'maxDate' | 'minDate'> & {
+    size?: TSizes;
+};
+export declare const DateTimeInput: FC<TProps>;

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

@@ -78,7 +78,8 @@ var DateTimeInput = exports.DateTimeInput = function DateTimeInput(_ref) {
   var handleTrigger = (0, _react.useCallback)(function () {
     return isOpen ? handleCloseAndSkipDropdownValue() : setOpenFlag(true);
   }, [handleCloseAndSkipDropdownValue, isOpen]);
-  var elRef = (0, _useOutsideClick.useOutsideClick)(handleCloseAndSkipDropdownValue);
+  var dropdownRef = (0, _react.useRef)(null);
+  var elRef = (0, _useOutsideClick.useOutsideClick)(handleCloseAndSkipDropdownValue, [dropdownRef]);
   var _useTimePickerHeight = (0, _useTimePickerHeight2.useTimePickerHeight)(isOpen),
     calendarRef = _useTimePickerHeight.calendarRef,
     handleTimePickerSetHeight = _useTimePickerHeight.handleTimePickerSetHeight,
@@ -189,6 +190,7 @@ var DateTimeInput = exports.DateTimeInput = function DateTimeInput(_ref) {
     onClick: handleTrigger,
     $color: palette.icon
   }, /*#__PURE__*/_react["default"].createElement(_CalendarIcon.CalendarIcon, null)))), !isMobile ? /*#__PURE__*/_react["default"].createElement(_Dropdown.Dropdown, _extends({
+    ref: dropdownRef,
     isOpen: isOpen,
     isAutoPosition: true
   }, dropdownProps), /*#__PURE__*/_react["default"].createElement(S.CalendarWithTimePicker, {

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

@@ -1,6 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { DateTimeInput } from '.';
-import 'react-calendar/dist/Calendar.css';
-declare const meta: Meta<typeof DateTimeInput>;
-export default meta;
-export declare const Default: StoryObj<typeof DateTimeInput>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { DateTimeInput } from '.';
+import 'react-calendar/dist/Calendar.css';
+declare const meta: Meta<typeof DateTimeInput>;
+export default meta;
+export declare const Default: StoryObj<typeof DateTimeInput>;

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

@@ -1,10 +1,10 @@
-import { TAbstractPalette } from '../../../palette';
-export type TDateTimeInputPalette = {
-    icon: string;
-    buttonLabel: string;
-    divider: string;
-    cancelButton: string;
-    applyButton: string;
-    disabledButton: string;
-};
-export declare const generateDateTimeInputPalette: (abstractPalette: TAbstractPalette) => TDateTimeInputPalette;
+import { TAbstractPalette } from '../../../palette';
+export type TDateTimeInputPalette = {
+    icon: string;
+    buttonLabel: string;
+    divider: string;
+    cancelButton: string;
+    applyButton: string;
+    disabledButton: string;
+};
+export declare const generateDateTimeInputPalette: (abstractPalette: TAbstractPalette) => TDateTimeInputPalette;

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

@@ -1,19 +1,19 @@
-/// <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 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 Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $color: string;
-}>> & string;
-export declare const CalendarWithTimePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $dividerColor: string;
-}>> & string;
-export declare const CalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $dividerColor: string;
-}>> & string;
-export declare const DropdownActionButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ActionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $color: string;
-    $bgColor: string;
-    $disabledBgColor: string;
-    disabled?: boolean | undefined;
-}>> & 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 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 Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $color: string;
+}>> & string;
+export declare const CalendarWithTimePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $dividerColor: string;
+}>> & string;
+export declare const CalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $dividerColor: string;
+}>> & string;
+export declare const DropdownActionButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ActionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $color: string;
+    $bgColor: string;
+    $disabledBgColor: string;
+    disabled?: boolean | undefined;
+}>> & string;

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

@@ -1,13 +1,13 @@
-import { FC, ReactNode } from 'react';
-import { TSizes } from '../constants';
-export type TProps = {
-    disabled?: boolean;
-    label?: string;
-    required?: boolean;
-    inFocus?: boolean;
-    children: ReactNode;
-    useModernStyles?: boolean;
-    size?: TSizes;
-    left?: number;
-};
-export declare const InputLabel: FC<TProps>;
+import { FC, ReactNode } from 'react';
+import { TSizes } from '../constants';
+export type TProps = {
+    disabled?: boolean;
+    label?: string;
+    required?: boolean;
+    inFocus?: boolean;
+    children: ReactNode;
+    useModernStyles?: boolean;
+    size?: TSizes;
+    left?: number;
+};
+export declare const InputLabel: FC<TProps>;

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

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

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

@@ -1,9 +1,9 @@
-import { TAbstractPalette } from '../../../palette';
-export type TInputLabelPalette = {
-    bg: string;
-    text: string;
-    textHighlight: string;
-    error: string;
-    bgModern: string;
-};
-export declare const generateInputLabelPalette: (abstractPalette: TAbstractPalette) => TInputLabelPalette;
+import { TAbstractPalette } from '../../../palette';
+export type TInputLabelPalette = {
+    bg: string;
+    text: string;
+    textHighlight: string;
+    error: string;
+    bgModern: string;
+};
+export declare const generateInputLabelPalette: (abstractPalette: TAbstractPalette) => TInputLabelPalette;

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

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { TInputLabelPalette } from './palette';
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
-    $inFocus: boolean;
-    $palette: TInputLabelPalette;
-    $required?: boolean | undefined;
-    $useModernStyles?: boolean | undefined;
-    $paddingTop?: number | undefined;
-    $left?: number | undefined;
-}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $disabled: boolean;
-    $isLabel: boolean;
-    $palette: TInputLabelPalette;
-    $useModernStyles?: boolean | undefined;
-}>> & string;
+/// <reference types="react" />
+import { TInputLabelPalette } from './palette';
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
+    $inFocus: boolean;
+    $palette: TInputLabelPalette;
+    $required?: boolean | undefined;
+    $useModernStyles?: boolean | undefined;
+    $paddingTop?: number | undefined;
+    $left?: number | undefined;
+}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $disabled: boolean;
+    $isLabel: boolean;
+    $palette: TInputLabelPalette;
+    $useModernStyles?: boolean | undefined;
+}>> & string;

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

@@ -1,12 +1,12 @@
-import { FC, ReactNode } from 'react';
-import { TSizes } from '../constants';
-type TProps = {
-    visible: boolean;
-    paddingLeft?: number;
-    paddingTop: number;
-    size: TSizes;
-    required?: boolean;
-    children: ReactNode;
-};
-export declare const ModernPlaceholder: FC<TProps>;
-export {};
+import { FC, ReactNode } from 'react';
+import { TSizes } from '../constants';
+type TProps = {
+    visible: boolean;
+    paddingLeft?: number;
+    paddingTop: number;
+    size: TSizes;
+    required?: boolean;
+    children: ReactNode;
+};
+export declare const ModernPlaceholder: FC<TProps>;
+export {};

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
-    $visible: boolean;
-    $paddingLeft: number;
-    $paddingTop: number;
-    $color: string;
-}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
-export declare const Star: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $color: string;
-}>> & string;
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
+    $visible: boolean;
+    $paddingLeft: number;
+    $paddingTop: number;
+    $color: string;
+}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
+export declare const Star: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $color: string;
+}>> & string;

package/dist/components/form/PhoneInput/constants.d.ts

@@ -1,3 +1,3 @@
-import { TCountryRule, TSupportedCountries } from './types';
-export declare const MASK_DIGIT_ITEM = "9";
-export declare const getAllCountriesPhoneRules: (isSupportCityRusPhoneNumber: boolean) => Record<TSupportedCountries, TCountryRule>;
+import { TCountryRule, TSupportedCountries } from './types';
+export declare const MASK_DIGIT_ITEM = "9";
+export declare const getAllCountriesPhoneRules: (isSupportCityRusPhoneNumber: boolean) => Record<TSupportedCountries, TCountryRule>;

package/dist/components/form/PhoneInput/externalPhoneLogic.d.ts

@@ -1,7 +1,7 @@
-import { TSupportedCountries } from './types';
-declare class ExternalPhoneLogic {
-    getIsValidPhone(value: string, countries?: Array<TSupportedCountries>, isSupportCityRusPhoneNumber?: boolean): boolean;
-    getIsValidRusPhone(phone?: string, isSupportCityRusPhoneNumber?: boolean): boolean;
-}
-export declare const phoneLogic: ExternalPhoneLogic;
-export {};
+import { TSupportedCountries } from './types';
+declare class ExternalPhoneLogic {
+    getIsValidPhone(value: string, countries?: Array<TSupportedCountries>, isSupportCityRusPhoneNumber?: boolean): boolean;
+    getIsValidRusPhone(phone?: string, isSupportCityRusPhoneNumber?: boolean): boolean;
+}
+export declare const phoneLogic: ExternalPhoneLogic;
+export {};