@alfalab/core-components 41.13.0-beta.1 → 41.13.0-beta.3

package/confirmation/modern/mobile.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-3d302d6f.js';
+import './countdown-section-6aeca8d7.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/responsive.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-3d302d6f.js';
+import './countdown-section-6aeca8d7.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/responsive.js

@@ -16,7 +16,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-c3c54075.js');
+require('./countdown-section-0b5d4ee1.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/custom-picker-button/Component-2aef4eba.d.ts

@@ -1,11 +1,50 @@
 /// <reference types="react" />
+import React from 'react';
+import { FC, SVGProps } from "react";
 import { ButtonProps } from "./index-ebda875c";
-import { FieldProps as BaseFieldProps } from "./typings-5e1b8383";
-import { PickerButtonSize, PickerButtonVariant } from "./Component-3e68f8db";
-type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
-    buttonSize?: PickerButtonSize;
-    buttonVariant?: PickerButtonVariant;
+import { BaseSelectProps } from "./index-3e68f8db";
+type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+type PickerButtonVariant = 'default' | 'compact';
+type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
+    options: Array<BaseSelectProps['options'][0] & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    }>;
+    /**
+     * Размер кнопки
+     */
+    size?: PickerButtonSize;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
     showArrow?: boolean;
 };
-declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => JSX.Element;
-export { Field };
+declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+    options: Array<BaseSelectProps['options'][0] & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    }>;
+    /**
+     * Размер кнопки
+     */
+    size?: PickerButtonSize | undefined;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant | undefined;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { PickerButtonSize, PickerButtonVariant, PickerButtonDesktopProps, PickerButtonDesktop };

package/custom-picker-button/Component-3885b0d7.d.ts

@@ -1,6 +1,71 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-ebda875c";
-export { NavigationBar };
+import { ReactNode } from "react";
+import { BottomSheetProps } from "./index-f12ee135";
+import { BaseSelectProps } from "./typings-5e1b8383";
+type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+};
+declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean | undefined;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean | undefined;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<import("./Component-5e1b8383").HeaderProps> | undefined;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
+} & React.RefAttributes<unknown>>;
+export * from "./Component.mobile-b2c0420d";
+export { SelectMobileProps, BaseSelectMobile };

package/custom-picker-button/Component.mobile-ae13210f.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { AdditionalMobileProps } from "./index-3e68f8db";
-import { PickerButtonDesktopProps } from "./Component-3e68f8db";
+import { PickerButtonDesktopProps } from "./Component-2aef4eba";
 type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps;
 declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
 export { PickerButtonMobileProps, PickerButtonMobile };

package/custom-picker-button/{Component.responsive-ae13210f.d.ts → Component.responsive-2aef4eba.d.ts}

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ButtonProps } from "./index-ebda875c";
 import { AdditionalMobileProps } from "./index-3e68f8db";
-import { PickerButtonDesktopProps } from "./Component-3e68f8db";
+import { PickerButtonDesktopProps } from "./Component-2aef4eba";
 type PickerButtonMatchMedia = 'desktop' | 'mobile';
 type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & {
     /**
@@ -15,8 +15,8 @@ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<impor
     options: ((import("./index-3e68f8db").OptionShape | import("./index-3e68f8db").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
-    size?: import("./Component-3e68f8db").PickerButtonSize | undefined;
-    variant?: import("./Component-3e68f8db").PickerButtonVariant | undefined;
+    size?: import("./Component-2aef4eba").PickerButtonSize | undefined;
+    variant?: import("./Component-2aef4eba").PickerButtonVariant | undefined;
     showArrow?: boolean | undefined;
 } & AdditionalMobileProps & {
     /**

package/custom-picker-button/component-3885b0d7.d.ts

@@ -1,14 +1,10 @@
 /// <reference types="react" />
 import React from "react";
-import { FC, RefObject, ReactNode } from "react";
+import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-425c8522";
-type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
-    headerRef: RefObject<HTMLDivElement>;
-};
-declare const Header: FC<HeaderProps>;
+import { BottomSheetProps } from "./types-0ae5fd84";
 type FooterProps = {
     /**
      * Контент футера
@@ -24,6 +20,11 @@ type FooterProps = {
     className?: string;
 };
 declare const Footer: FC<FooterProps>;
+type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
+    headerRef: RefObject<HTMLDivElement>;
+    headerOffset: number;
+};
+declare const Header: FC<HeaderProps>;
 type SwipeableBackdropProps = BackdropProps & {
     /**
      * Прозрачность бэкдропа
@@ -40,4 +41,4 @@ type SwipeableBackdropProps = BackdropProps & {
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };
+export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };

package/custom-picker-button/cssm/component-3885b0d7.d.ts

@@ -1,14 +1,10 @@
 /// <reference types="react" />
 import React from "react";
-import { FC, RefObject, ReactNode } from "react";
+import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-eecf6ec5";
-type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
-    headerRef: RefObject<HTMLDivElement>;
-};
-declare const Header: FC<HeaderProps>;
+import { BottomSheetProps } from "./types-0ae5fd84";
 type FooterProps = {
     /**
      * Контент футера
@@ -24,6 +20,11 @@ type FooterProps = {
     className?: string;
 };
 declare const Footer: FC<FooterProps>;
+type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
+    headerRef: RefObject<HTMLDivElement>;
+    headerOffset: number;
+};
+declare const Header: FC<HeaderProps>;
 type SwipeableBackdropProps = BackdropProps & {
     /**
      * Прозрачность бэкдропа
@@ -40,4 +41,4 @@ type SwipeableBackdropProps = BackdropProps & {
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };
+export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };

package/custom-picker-button/cssm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-eecf6ec5";
-export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-0ae5fd84";
+export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/custom-picker-button/{types-425c8522.d.ts → cssm/types-0ae5fd84.d.ts}

@@ -105,6 +105,14 @@ type BottomSheetProps = {
      * @default true
      */
     swipeable?: boolean;
+    /**
+     * Будет ли свайпаться контент
+     */
+    swipeableContent?: boolean;
+    /**
+     * Порог свайпа
+     */
+    swipeThreshold?: number;
     /**
      * Слот слева
      */
@@ -207,6 +215,10 @@ type BottomSheetProps = {
      * Скрыть скроллбар внутри шторки
      */
     hideScrollbar?: boolean;
+    /**
+     * Верхний отступ шторки, если она открыта на максимальную высоту
+     */
+    headerOffset?: number;
     /**
      * Обработчик закрытия
      */
@@ -220,7 +232,7 @@ type BottomSheetProps = {
      */
     onMagnetize?: (index: number) => void;
     /**
-     * Вызывается при изменеии положения шторки
+     * Вызывается при изменении положения шторки
      */
     onOffsetChange?: (offset: number, percent: number) => void;
 };

package/custom-picker-button/cssm/{utils-b64479aa.d.ts → utils-49cc3c24.d.ts}

@@ -1,8 +1,8 @@
 declare const TIMEOUT = 500;
 declare const SWIPE_VELOCITY = 0.4;
 declare const MARKER_HEIGHT = 24;
-declare const HEADER_OFFSET = 24;
 declare const CLOSE_OFFSET = 0.2;
 declare const SCROLL_OFFSET = 1;
-declare const convertPercentToNumber: (value: string | number, fullHeight: number) => number;
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber };
+declare const HEADER_OFFSET = 24;
+declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };

package/custom-picker-button/esm/component-3885b0d7.d.ts

@@ -1,14 +1,10 @@
 /// <reference types="react" />
 import React from "react";
-import { FC, RefObject, ReactNode } from "react";
+import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-eecf6ec5";
-type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
-    headerRef: RefObject<HTMLDivElement>;
-};
-declare const Header: FC<HeaderProps>;
+import { BottomSheetProps } from "./types-0ae5fd84";
 type FooterProps = {
     /**
      * Контент футера
@@ -24,6 +20,11 @@ type FooterProps = {
     className?: string;
 };
 declare const Footer: FC<FooterProps>;
+type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
+    headerRef: RefObject<HTMLDivElement>;
+    headerOffset: number;
+};
+declare const Header: FC<HeaderProps>;
 type SwipeableBackdropProps = BackdropProps & {
     /**
      * Прозрачность бэкдропа
@@ -40,4 +41,4 @@ type SwipeableBackdropProps = BackdropProps & {
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };
+export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };

package/custom-picker-button/esm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-eecf6ec5";
-export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-0ae5fd84";
+export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/custom-picker-button/esm/{types-eecf6ec5.d.ts → types-0ae5fd84.d.ts}

@@ -105,6 +105,14 @@ type BottomSheetProps = {
      * @default true
      */
     swipeable?: boolean;
+    /**
+     * Будет ли свайпаться контент
+     */
+    swipeableContent?: boolean;
+    /**
+     * Порог свайпа
+     */
+    swipeThreshold?: number;
     /**
      * Слот слева
      */
@@ -207,6 +215,10 @@ type BottomSheetProps = {
      * Скрыть скроллбар внутри шторки
      */
     hideScrollbar?: boolean;
+    /**
+     * Верхний отступ шторки, если она открыта на максимальную высоту
+     */
+    headerOffset?: number;
     /**
      * Обработчик закрытия
      */
@@ -220,7 +232,7 @@ type BottomSheetProps = {
      */
     onMagnetize?: (index: number) => void;
     /**
-     * Вызывается при изменеии положения шторки
+     * Вызывается при изменении положения шторки
      */
     onOffsetChange?: (offset: number, percent: number) => void;
 };

package/custom-picker-button/esm/{utils-b64479aa.d.ts → utils-49cc3c24.d.ts}

@@ -1,8 +1,8 @@
 declare const TIMEOUT = 500;
 declare const SWIPE_VELOCITY = 0.4;
 declare const MARKER_HEIGHT = 24;
-declare const HEADER_OFFSET = 24;
 declare const CLOSE_OFFSET = 0.2;
 declare const SCROLL_OFFSET = 1;
-declare const convertPercentToNumber: (value: string | number, fullHeight: number) => number;
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber };
+declare const HEADER_OFFSET = 24;
+declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };

package/custom-picker-button/hook-3e68f8db.d.ts

@@ -41,7 +41,7 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
         onClose?: (() => void) | undefined;
         selectedDraft?: OptionShape[] | undefined;
         OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        Footer?: import("react").FC<import("./Component-5e1b8383").FooterProps> | undefined;
+        Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
         Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
         headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
         showHeaderWithSelectAll?: boolean | undefined;

package/custom-picker-button/index-2aef4eba.d.ts

@@ -1,5 +1,5 @@
-export * from "./Component.responsive-ae13210f";
+export * from "./Component.responsive-2aef4eba";
 export { PickerButtonResponsive as PickerButton };
 export type { PickerButtonResponsiveProps as PickerButtonProps };
-export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-3e68f8db";
+export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-2aef4eba";
 export { getIcon } from "./index-701e77da";

package/custom-picker-button/index-3e68f8db.d.ts

@@ -93,6 +93,7 @@ type SkeletonProps = {
 declare const Skeleton: React.FC<SkeletonProps>;
 export { SelectFieldProps, SelectProps, Select, useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
 export * from "./index-ebda875c";
+export * from "./Component-3885b0d7";
 export * from "./Component-5e1b8383";
 export * from "./hook-3e68f8db";
 export * from "./typings-5e1b8383";

package/custom-picker-button/index-3ebe4754.d.ts

@@ -0,0 +1 @@
+export * from "./Component-3ebe4754";

package/custom-picker-button/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-425c8522";
-export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-0ae5fd84";
+export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/custom-picker-button/modern/component-3885b0d7.d.ts

@@ -1,14 +1,10 @@
 /// <reference types="react" />
 import React from "react";
-import { FC, RefObject, ReactNode } from "react";
+import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-eecf6ec5";
-type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
-    headerRef: RefObject<HTMLDivElement>;
-};
-declare const Header: FC<HeaderProps>;
+import { BottomSheetProps } from "./types-0ae5fd84";
 type FooterProps = {
     /**
      * Контент футера
@@ -24,6 +20,11 @@ type FooterProps = {
     className?: string;
 };
 declare const Footer: FC<FooterProps>;
+type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
+    headerRef: RefObject<HTMLDivElement>;
+    headerOffset: number;
+};
+declare const Header: FC<HeaderProps>;
 type SwipeableBackdropProps = BackdropProps & {
     /**
      * Прозрачность бэкдропа
@@ -40,4 +41,4 @@ type SwipeableBackdropProps = BackdropProps & {
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };
+export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };

package/custom-picker-button/modern/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-eecf6ec5";
-export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-0ae5fd84";
+export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/custom-picker-button/{cssm/types-eecf6ec5.d.ts → modern/types-0ae5fd84.d.ts}

@@ -105,6 +105,14 @@ type BottomSheetProps = {
      * @default true
      */
     swipeable?: boolean;
+    /**
+     * Будет ли свайпаться контент
+     */
+    swipeableContent?: boolean;
+    /**
+     * Порог свайпа
+     */
+    swipeThreshold?: number;
     /**
      * Слот слева
      */
@@ -207,6 +215,10 @@ type BottomSheetProps = {
      * Скрыть скроллбар внутри шторки
      */
     hideScrollbar?: boolean;
+    /**
+     * Верхний отступ шторки, если она открыта на максимальную высоту
+     */
+    headerOffset?: number;
     /**
      * Обработчик закрытия
      */
@@ -220,7 +232,7 @@ type BottomSheetProps = {
      */
     onMagnetize?: (index: number) => void;
     /**
-     * Вызывается при изменеии положения шторки
+     * Вызывается при изменении положения шторки
      */
     onOffsetChange?: (offset: number, percent: number) => void;
 };

package/custom-picker-button/modern/{utils-b64479aa.d.ts → utils-49cc3c24.d.ts}

@@ -1,8 +1,8 @@
 declare const TIMEOUT = 500;
 declare const SWIPE_VELOCITY = 0.4;
 declare const MARKER_HEIGHT = 24;
-declare const HEADER_OFFSET = 24;
 declare const CLOSE_OFFSET = 0.2;
 declare const SCROLL_OFFSET = 1;
-declare const convertPercentToNumber: (value: string | number, fullHeight: number) => number;
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber };
+declare const HEADER_OFFSET = 24;
+declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };

package/custom-picker-button/{modern/types-eecf6ec5.d.ts → types-0ae5fd84.d.ts}

@@ -105,6 +105,14 @@ type BottomSheetProps = {
      * @default true
      */
     swipeable?: boolean;
+    /**
+     * Будет ли свайпаться контент
+     */
+    swipeableContent?: boolean;
+    /**
+     * Порог свайпа
+     */
+    swipeThreshold?: number;
     /**
      * Слот слева
      */
@@ -207,6 +215,10 @@ type BottomSheetProps = {
      * Скрыть скроллбар внутри шторки
      */
     hideScrollbar?: boolean;
+    /**
+     * Верхний отступ шторки, если она открыта на максимальную высоту
+     */
+    headerOffset?: number;
     /**
      * Обработчик закрытия
      */
@@ -220,7 +232,7 @@ type BottomSheetProps = {
      */
     onMagnetize?: (index: number) => void;
     /**
-     * Вызывается при изменеии положения шторки
+     * Вызывается при изменении положения шторки
      */
     onOffsetChange?: (offset: number, percent: number) => void;
 };

package/custom-picker-button/{utils-b64479aa.d.ts → utils-49cc3c24.d.ts}

@@ -1,8 +1,8 @@
 declare const TIMEOUT = 500;
 declare const SWIPE_VELOCITY = 0.4;
 declare const MARKER_HEIGHT = 24;
-declare const HEADER_OFFSET = 24;
 declare const CLOSE_OFFSET = 0.2;
 declare const SCROLL_OFFSET = 1;
-declare const convertPercentToNumber: (value: string | number, fullHeight: number) => number;
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber };
+declare const HEADER_OFFSET = 24;
+declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };

package/gallery/Component.js

@@ -15,7 +15,7 @@ require('./components/image-preview/paths.js');
 require('./components/header-info-block/Component.js');
 require('../typography');
 require('./utils/split-filename.js');
-require('./buttons-6e5797dd.js');
+require('./buttons-c7c4d121.js');
 require('tslib');
 require('../icon-button');
 require('../tooltip');
@@ -28,7 +28,7 @@ require('swiper');
 require('swiper/react');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('./slide-260da79f.js');
+require('./slide-477f55aa.js');
 require('./components/image-viewer/paths.js');
 require('swiper/swiper.min.css');
 

package/gallery/components/header/Component.js

@@ -5,7 +5,7 @@ var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
 var components_headerInfoBlock_Component = require('../header-info-block/Component.js');
-var components_header_buttons = require('../../buttons-6e5797dd.js');
+var components_header_buttons = require('../../buttons-c7c4d121.js');
 require('../../../typography');
 require('../../utils/split-filename.js');
 require('tslib');

package/gallery/components/header/buttons.js

@@ -8,7 +8,7 @@ require('@alfalab/icons-glyph/ArrowsInwardMIcon');
 require('@alfalab/icons-glyph/ArrowsOutwardMIcon');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('@alfalab/icons-glyph/PointerDownMIcon');
-var components_header_buttons = require('../../buttons-6e5797dd.js');
+var components_header_buttons = require('../../buttons-c7c4d121.js');