@alfalab/core-components-picker-button 11.12.2 → 11.12.4

package/@alfalab/icons-glyph/package.json

@@ -0,0 +1,14 @@
+{
+    "name": "@alfalab/icons-glyph",
+    "version": "2.140.0",
+    "license": "MIT",
+    "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+    },
+    "main": "./index.js",
+    "module": "./esm/index.js",
+    "publishConfig": {
+        "access": "public"
+    }
+}

package/Component-11f20b2e.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-d6bfd5b7";
+import { View } from "./typings-4b7234ef";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-11f20b2e").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;

package/{Component-4bf4de6f.d.ts → Component-7f86a3f9.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-4bf4de6f";
+import { OptgroupProps } from "./typings-7f86a3f9";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/Component-c44170fe.d.ts

@@ -276,6 +276,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
      */
     FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
         breakpoint?: number | undefined;
+        client?: "desktop" | "mobile" | undefined;
         defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
     /**

package/Component.responsive.d.ts

@@ -8,8 +8,12 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
 };
-declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/shared").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/shared").BaseSelectProps, "size" | "multiple" | "hint" | "placeholder" | "onFocus" | "selected" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: ((import("@alfalab/core-components-select/shared").OptionShape | import("@alfalab/core-components-select/shared").GroupShape) & {
         icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
@@ -23,5 +27,9 @@ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<impor
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "desktop" | "mobile" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export { PickerButtonResponsiveProps, PickerButtonResponsive };

package/Component.responsive.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var coreComponentsShared = require('@alfalab/core-components-shared');
-var hooks = require('@alfalab/hooks');
+var coreComponentsMq = require('@alfalab/core-components-mq');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -14,12 +13,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var PickerButtonResponsive = React.forwardRef(function (_a, ref) {
-    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
-    var view = hooks.useMedia([
-        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
-        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
-    ], 'desktop')[0];
-    return view === 'desktop' ? (React__default.default.createElement(desktop_Component_desktop.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, breakpoint = _a.breakpoint, client = _a.client, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint", "client"]);
+    var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, client === 'desktop');
+    return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
 });
 PickerButtonResponsive.displayName = 'PickerButtonResponsive';
 

package/{esm/ResponsiveContext-d6bfd5b7.d.ts → ResponsiveContext-4b7234ef.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { TResponsiveModalContext } from "./typings-d6bfd5b7";
+import { TResponsiveModalContext } from "./typings-4b7234ef";
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 export { ResponsiveContext };

package/component-03d088c4.d.ts

@@ -7,12 +7,16 @@ type TitleResponsiveProps = TitleProps & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
 };
 declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
+    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
     color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
-    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
+    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;
     className?: string | undefined;
@@ -28,5 +32,9 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "desktop" | "mobile" | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
 export { TitleResponsiveProps, TitleResponsive };

package/component-8bdd19d3.d.ts

@@ -74,7 +74,7 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
     /**
      * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
      */
-    view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
+    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
     /**
      * Цвет текста
      */
@@ -82,7 +82,7 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
     /**
      * Толщина шрифта
      */
-    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
+    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     /**
      * Шрифт текста
      */

package/cssm/Component-11f20b2e.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-d6bfd5b7";
+import { View } from "./typings-4b7234ef";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-11f20b2e").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;

package/{esm/Component-4bf4de6f.d.ts → cssm/Component-7f86a3f9.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-4bf4de6f";
+import { OptgroupProps } from "./typings-7f86a3f9";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/cssm/Component-c44170fe.d.ts

@@ -276,6 +276,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
      */
     FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
         breakpoint?: number | undefined;
+        client?: "desktop" | "mobile" | undefined;
         defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
     /**

package/cssm/Component.responsive.d.ts

@@ -8,8 +8,12 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
 };
-declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/shared").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/shared").BaseSelectProps, "size" | "multiple" | "hint" | "placeholder" | "onFocus" | "selected" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: ((import("@alfalab/core-components-select/shared").OptionShape | import("@alfalab/core-components-select/shared").GroupShape) & {
         icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
@@ -23,5 +27,9 @@ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<impor
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "desktop" | "mobile" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export { PickerButtonResponsiveProps, PickerButtonResponsive };

package/cssm/Component.responsive.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
-var hooks = require('@alfalab/hooks');
+var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -14,12 +13,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var PickerButtonResponsive = React.forwardRef(function (_a, ref) {
-    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
-    var view = hooks.useMedia([
-        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
-        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
-    ], 'desktop')[0];
-    return view === 'desktop' ? (React__default.default.createElement(desktop_Component_desktop.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, breakpoint = _a.breakpoint, client = _a.client, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint", "client"]);
+    var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, client === 'desktop');
+    return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
 });
 PickerButtonResponsive.displayName = 'PickerButtonResponsive';
 

package/{ResponsiveContext-d6bfd5b7.d.ts → cssm/ResponsiveContext-4b7234ef.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { TResponsiveModalContext } from "./typings-d6bfd5b7";
+import { TResponsiveModalContext } from "./typings-4b7234ef";
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 export { ResponsiveContext };

package/cssm/component-03d088c4.d.ts

@@ -7,12 +7,16 @@ type TitleResponsiveProps = TitleProps & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
 };
 declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
+    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
     color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
-    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
+    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;
     className?: string | undefined;
@@ -28,5 +32,9 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "desktop" | "mobile" | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
 export { TitleResponsiveProps, TitleResponsive };

package/cssm/component-8bdd19d3.d.ts

@@ -74,7 +74,7 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
     /**
      * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
      */
-    view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
+    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
     /**
      * Цвет текста
      */
@@ -82,7 +82,7 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
     /**
      * Толщина шрифта
      */
-    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
+    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     /**
      * Шрифт текста
      */

package/cssm/desktop/Component.desktop.d.ts

@@ -30,7 +30,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' |
      */
     icon?: ComponentType<SVGProps<SVGSVGElement>>;
 };
-declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "multiple" | "hint" | "placeholder" | "onFocus" | "selected" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта

package/cssm/field/Component.d.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ComponentType, SVGProps } from "react";
 import { ButtonProps } from "@alfalab/core-components-button";
-import { FieldProps as BaseFieldProps } from "../typings-4bf4de6f";
+import { FieldProps as BaseFieldProps } from "../typings-7f86a3f9";
 import { PickerButtonSize, PickerButtonVariant } from "../types";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/cssm/index-03d088c4.d.ts

@@ -3,9 +3,9 @@ import React from 'react';
 import { TitleProps } from "./component-8bdd19d3";
 declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
+    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
     color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
-    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
+    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;
     className?: string | undefined;

package/cssm/index-281accb7.d.ts

@@ -2,9 +2,9 @@
 import React from "react";
 declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
+    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
     color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
-    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
+    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;
     className?: string | undefined;

package/cssm/index-c44170fe.d.ts

@@ -7,13 +7,19 @@ type FormControlProps = Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "desktop" | "mobile";
     /**
      * Значение по-умолчанию для хука useMatchMedia
+     * @deprecated Используйте client
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
     breakpoint?: number | undefined;
+    client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { FormControlProps, FormControl };

package/cssm/mobile/Component.mobile.js

@@ -6,7 +6,6 @@ var tslib = require('tslib');
 var React = require('react');
 var mobile = require('@alfalab/core-components-select/cssm/mobile');
 var shared = require('@alfalab/core-components-select/cssm/shared');
-var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
 var field_Component = require('../field/Component.js');
 var option_Component = require('../option/Component.js');
 
@@ -15,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var PickerButtonMobile = React.forwardRef(function (_a, ref) {
-    var options = _a.options, label = _a.label, _b = _a.Option, Option = _b === void 0 ? option_Component.Option : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, showArrow = _a.showArrow, _e = _a.Field, Field = _e === void 0 ? field_Component.Field : _e, _f = _a.fieldProps, fieldProps = _f === void 0 ? {} : _f, icon = _a.icon, _g = _a.breakpoint, breakpoint = _g === void 0 ? coreComponentsShared.getComponentBreakpoint() : _g, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow", "Field", "fieldProps", "icon", "breakpoint"]);
+    var options = _a.options, label = _a.label, _b = _a.Option, Option = _b === void 0 ? option_Component.Option : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, showArrow = _a.showArrow, _e = _a.Field, Field = _e === void 0 ? field_Component.Field : _e, _f = _a.fieldProps, fieldProps = _f === void 0 ? {} : _f, icon = _a.icon, breakpoint = _a.breakpoint, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow", "Field", "fieldProps", "icon", "breakpoint"]);
     var fieldDefaultProps = {
         view: view,
         loading: loading,

package/cssm/transformSize-ebda875c.d.ts

@@ -1,3 +1,3 @@
 import { IconButtonProps } from "./index-ebda875c";
-declare const transformSize: (size?: IconButtonProps['size']) => 24 | 48 | 32 | 40 | 56;
+declare const transformSize: (size?: IconButtonProps['size']) => 24 | 48 | 40 | 32 | 56;
 export { transformSize };

package/{modern/typings-d6bfd5b7.d.ts → cssm/typings-4b7234ef.d.ts}

@@ -34,8 +34,13 @@ type ModalResponsiveProps = ModalDesktopProps & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
     /**
      * Значение по-умолчанию для хука useMatchMedia
+     * @deprecated Используйте client
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };

package/cssm/{typings-4bf4de6f.d.ts → typings-7f86a3f9.d.ts}

@@ -11,8 +11,8 @@ import { Color } from "./colors-facf1d2a";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
 import { TitleProps } from "./index-03d088c4";
 import { TitleMobileProps } from "./index-281accb7";
-import { ContentProps } from "./typings-d6bfd5b7";
-import { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
+import { ContentProps } from "./typings-4b7234ef";
+import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 import { FormControlProps } from "./index-c44170fe";
 import { PopoverProps } from "@alfalab/core-components-popover";
 import { UseSelectWithApplyProps } from "./field/Component";
@@ -466,13 +466,19 @@ type InputProps = Omit<BaseInputProps, "FormControlComponent"> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "desktop" | "mobile";
     /**
      * Значение по-умолчанию для хука useMatchMedia
+     * @deprecated Используйте client
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "FormControlComponent"> & {
     breakpoint?: number | undefined;
+    client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
@@ -530,10 +536,11 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-1
     iOSLock?: boolean | undefined;
 } & {
     breakpoint?: number | undefined;
+    client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<HeaderProps>;
-    Content: React.FC<import("./typings-d6bfd5b7").ContentProps>;
+    Content: React.FC<import("./typings-4b7234ef").ContentProps>;
     Footer: React.FC<FooterProps>;
     Controls: React.FC<ControlsProps>;
 };
@@ -1404,8 +1411,13 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
     /**
      * Значение по-умолчанию для хука useMatchMedia
+     * @deprecated Используйте client
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
@@ -1425,8 +1437,8 @@ type ClearButtonProps = {
 };
 export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalContext, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, useVisibleViewportSize, Typography, typographyPresets, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps, ClearButtonProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };
-export { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
-export type { ContentProps as ModalContentProps } from "./typings-d6bfd5b7";
+export { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
+export type { ContentProps as ModalContentProps } from "./typings-4b7234ef";
 export type { TitleProps } from "./index-03d088c4";
 export type { Color } from "./colors-facf1d2a";
 export * from "./Component.desktop-63dec22f";

package/cssm/utils-34f6b81b.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-4bf4de6f";
+import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-7f86a3f9";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/desktop/Component.desktop.d.ts

@@ -30,7 +30,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' |
      */
     icon?: ComponentType<SVGProps<SVGSVGElement>>;
 };
-declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "multiple" | "hint" | "placeholder" | "onFocus" | "selected" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта

package/desktop/Component.desktop.js

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"picker-button__container_17xv8","optionsPopover":"picker-button__optionsPopover_17xv8","sideGap":"picker-button__sideGap_17xv8","option":"picker-button__option_17xv8"};
+var styles = {"container":"picker-button__container_1n8ei","optionsPopover":"picker-button__optionsPopover_1n8ei","sideGap":"picker-button__sideGap_1n8ei","option":"picker-button__option_1n8ei"};
 require('./../index.css')
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/esm/Component-11f20b2e.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-d6bfd5b7";
+import { View } from "./typings-4b7234ef";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-11f20b2e").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;

package/{cssm/Component-4bf4de6f.d.ts → esm/Component-7f86a3f9.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-4bf4de6f";
+import { OptgroupProps } from "./typings-7f86a3f9";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/esm/Component-c44170fe.d.ts

@@ -276,6 +276,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
      */
     FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
         breakpoint?: number | undefined;
+        client?: "desktop" | "mobile" | undefined;
         defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
     /**

package/esm/Component.responsive.d.ts

@@ -8,8 +8,12 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
 };
-declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/shared").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/shared").BaseSelectProps, "size" | "multiple" | "hint" | "placeholder" | "onFocus" | "selected" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: ((import("@alfalab/core-components-select/shared").OptionShape | import("@alfalab/core-components-select/shared").GroupShape) & {
         icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
@@ -23,5 +27,9 @@ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<impor
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "desktop" | "mobile" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export { PickerButtonResponsiveProps, PickerButtonResponsive };

package/esm/Component.responsive.js

@@ -1,17 +1,13 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
-import { getComponentBreakpoint } from '@alfalab/core-components-shared/esm';
-import { useMedia } from '@alfalab/hooks';
+import { useIsDesktop } from '@alfalab/core-components-mq/esm';
 import { PickerButtonDesktop } from './desktop/Component.desktop.js';
 import { PickerButtonMobile } from './mobile/Component.mobile.js';
 
 var PickerButtonResponsive = forwardRef(function (_a, ref) {
-    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
-    var view = useMedia([
-        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
-        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
-    ], 'desktop')[0];
-    return view === 'desktop' ? (React.createElement(PickerButtonDesktop, __assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(PickerButtonMobile, __assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, breakpoint = _a.breakpoint, client = _a.client, restProps = __rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint", "client"]);
+    var isDesktop = useIsDesktop(breakpoint, client === 'desktop');
+    return isDesktop ? (React.createElement(PickerButtonDesktop, __assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(PickerButtonMobile, __assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
 });
 PickerButtonResponsive.displayName = 'PickerButtonResponsive';
 

package/{modern/ResponsiveContext-d6bfd5b7.d.ts → esm/ResponsiveContext-4b7234ef.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { TResponsiveModalContext } from "./typings-d6bfd5b7";
+import { TResponsiveModalContext } from "./typings-4b7234ef";
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 export { ResponsiveContext };