@alfalab/core-components-picker-button 11.3.1 → 11.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/Component-c44170fe.d.ts +2 -2
  2. package/{Component-0816e61d.d.ts → Component-e63ec8aa.d.ts} +1 -1
  3. package/Component.desktop-63dec22f.d.ts +6 -0
  4. package/{cssm/Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +1 -1
  5. package/Component.mobile-96988a65.d.ts +6 -0
  6. package/{esm/Component.mobile-d7e9f69d.d.ts → Component.mobile-ebda875c.d.ts} +1 -1
  7. package/Component.responsive.d.ts +1 -1
  8. package/Component.responsive.js +3 -3
  9. package/cssm/Component-c44170fe.d.ts +2 -2
  10. package/{esm/Component-0816e61d.d.ts → cssm/Component-e63ec8aa.d.ts} +1 -1
  11. package/cssm/Component.desktop-63dec22f.d.ts +6 -0
  12. package/{Component.desktop-785df74d.d.ts → cssm/Component.desktop-ebda875c.d.ts} +1 -1
  13. package/cssm/Component.mobile-96988a65.d.ts +6 -0
  14. package/cssm/{Component.mobile-d7e9f69d.d.ts → Component.mobile-ebda875c.d.ts} +1 -1
  15. package/cssm/Component.responsive.d.ts +1 -1
  16. package/cssm/Component.responsive.js +3 -3
  17. package/cssm/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +2 -2
  18. package/cssm/{Component.desktop.js → desktop/Component.desktop.js} +6 -6
  19. package/cssm/desktop/index.d.ts +1 -1
  20. package/cssm/desktop/index.js +2 -2
  21. package/cssm/field/Component.d.ts +1 -1
  22. package/cssm/index-63dec22f.d.ts +2 -0
  23. package/cssm/index-96988a65.d.ts +2 -0
  24. package/cssm/index-c44170fe.d.ts +1 -0
  25. package/cssm/index-ebda875c.d.ts +1 -79
  26. package/cssm/index.js +2 -2
  27. package/{Component.mobile.d.ts → cssm/mobile/Component.mobile.d.ts} +1 -1
  28. package/cssm/{Component.mobile.js → mobile/Component.mobile.js} +5 -5
  29. package/cssm/mobile/index.d.ts +1 -1
  30. package/cssm/mobile/index.js +2 -2
  31. package/{esm/types-1c79e231.d.ts → cssm/types-667e33fd.d.ts} +5 -1
  32. package/cssm/{typings-0816e61d.d.ts → typings-e63ec8aa.d.ts} +11 -8
  33. package/cssm/utils-d2597f31.d.ts +1 -1
  34. package/{esm → desktop}/Component.desktop.d.ts +2 -2
  35. package/{Component.desktop.js → desktop/Component.desktop.js} +5 -5
  36. package/desktop/index.d.ts +1 -1
  37. package/desktop/index.js +2 -2
  38. package/esm/Component-c44170fe.d.ts +2 -2
  39. package/{modern/Component-0816e61d.d.ts → esm/Component-e63ec8aa.d.ts} +1 -1
  40. package/esm/Component.desktop-63dec22f.d.ts +6 -0
  41. package/esm/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +1 -1
  42. package/esm/Component.mobile-96988a65.d.ts +6 -0
  43. package/{Component.mobile-d7e9f69d.d.ts → esm/Component.mobile-ebda875c.d.ts} +1 -1
  44. package/esm/Component.responsive.d.ts +1 -1
  45. package/esm/Component.responsive.js +2 -2
  46. package/{Component.desktop.d.ts → esm/desktop/Component.desktop.d.ts} +2 -2
  47. package/esm/{Component.desktop.js → desktop/Component.desktop.js} +5 -5
  48. package/esm/desktop/index.d.ts +1 -1
  49. package/esm/desktop/index.js +1 -1
  50. package/esm/field/Component.d.ts +1 -1
  51. package/esm/field/Component.js +1 -1
  52. package/esm/field/index.css +6 -6
  53. package/esm/index-63dec22f.d.ts +2 -0
  54. package/esm/index-96988a65.d.ts +2 -0
  55. package/esm/index-c44170fe.d.ts +1 -0
  56. package/esm/index-ebda875c.d.ts +1 -79
  57. package/esm/index.css +5 -5
  58. package/esm/index.js +2 -2
  59. package/{cssm → esm/mobile}/Component.mobile.d.ts +1 -1
  60. package/esm/{Component.mobile.js → mobile/Component.mobile.js} +3 -3
  61. package/esm/mobile/index.d.ts +1 -1
  62. package/esm/mobile/index.js +1 -1
  63. package/esm/option/Component.js +1 -1
  64. package/esm/option/index.css +4 -4
  65. package/{cssm/types-1c79e231.d.ts → esm/types-667e33fd.d.ts} +5 -1
  66. package/esm/{typings-0816e61d.d.ts → typings-e63ec8aa.d.ts} +11 -8
  67. package/esm/utils-d2597f31.d.ts +1 -1
  68. package/field/Component.d.ts +1 -1
  69. package/field/Component.js +1 -1
  70. package/field/index.css +6 -6
  71. package/index-63dec22f.d.ts +2 -0
  72. package/index-96988a65.d.ts +2 -0
  73. package/index-c44170fe.d.ts +1 -0
  74. package/index-ebda875c.d.ts +1 -79
  75. package/index.css +5 -5
  76. package/index.js +2 -2
  77. package/{esm → mobile}/Component.mobile.d.ts +1 -1
  78. package/{Component.mobile.js → mobile/Component.mobile.js} +3 -3
  79. package/mobile/index.d.ts +1 -1
  80. package/mobile/index.js +2 -2
  81. package/modern/Component-c44170fe.d.ts +2 -2
  82. package/{cssm/Component-0816e61d.d.ts → modern/Component-e63ec8aa.d.ts} +1 -1
  83. package/modern/Component.desktop-63dec22f.d.ts +6 -0
  84. package/modern/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +1 -1
  85. package/modern/Component.mobile-96988a65.d.ts +6 -0
  86. package/modern/{Component.mobile-d7e9f69d.d.ts → Component.mobile-ebda875c.d.ts} +1 -1
  87. package/modern/Component.responsive.d.ts +1 -1
  88. package/modern/Component.responsive.js +2 -2
  89. package/modern/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +2 -2
  90. package/modern/{Component.desktop.js → desktop/Component.desktop.js} +5 -5
  91. package/modern/desktop/index.d.ts +1 -1
  92. package/modern/desktop/index.js +1 -1
  93. package/modern/field/Component.d.ts +1 -1
  94. package/modern/field/Component.js +1 -1
  95. package/modern/field/index.css +6 -6
  96. package/modern/index-63dec22f.d.ts +2 -0
  97. package/modern/index-96988a65.d.ts +2 -0
  98. package/modern/index-c44170fe.d.ts +1 -0
  99. package/modern/index-ebda875c.d.ts +1 -79
  100. package/modern/index.css +5 -5
  101. package/modern/index.js +2 -2
  102. package/modern/{Component.mobile.d.ts → mobile/Component.mobile.d.ts} +1 -1
  103. package/modern/{Component.mobile.js → mobile/Component.mobile.js} +3 -3
  104. package/modern/mobile/index.d.ts +1 -1
  105. package/modern/mobile/index.js +1 -1
  106. package/modern/option/Component.js +1 -1
  107. package/modern/option/index.css +4 -4
  108. package/modern/{types-1c79e231.d.ts → types-667e33fd.d.ts} +5 -1
  109. package/modern/{typings-0816e61d.d.ts → typings-e63ec8aa.d.ts} +11 -8
  110. package/modern/utils-d2597f31.d.ts +1 -1
  111. package/option/Component.js +1 -1
  112. package/option/index.css +4 -4
  113. package/package.json +3 -3
  114. package/src/{Component.desktop.tsx → desktop/Component.desktop.tsx} +4 -4
  115. package/src/desktop/index.ts +1 -1
  116. package/src/{Component.mobile.tsx → mobile/Component.mobile.tsx} +3 -3
  117. package/src/mobile/index.ts +1 -1
  118. package/{types-1c79e231.d.ts → types-667e33fd.d.ts} +5 -1
  119. package/{typings-0816e61d.d.ts → typings-e63ec8aa.d.ts} +11 -8
  120. package/utils-d2597f31.d.ts +1 -1
  121. package/cssm/index-785df74d.d.ts +0 -2
  122. package/cssm/index-d7e9f69d.d.ts +0 -2
  123. package/esm/index-785df74d.d.ts +0 -2
  124. package/esm/index-d7e9f69d.d.ts +0 -2
  125. package/index-785df74d.d.ts +0 -2
  126. package/index-d7e9f69d.d.ts +0 -2
  127. package/modern/index-785df74d.d.ts +0 -2
  128. package/modern/index-d7e9f69d.d.ts +0 -2
@@ -138,7 +138,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
138
138
  */
139
139
  disableUserInput?: boolean;
140
140
  };
141
- declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
141
+ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
142
142
  /**
143
143
  * Значение поля ввода
144
144
  */
@@ -264,7 +264,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
264
264
  /**
265
265
  * Компонент FormControl
266
266
  */
267
- FormControlComponent?: React.ElementType<Omit<import("./index-c44170fe").BaseFormControlProps, "styles" | "colorStyles"> & {
267
+ FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
268
268
  breakpoint?: number | undefined;
269
269
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
270
270
  } & React.RefAttributes<HTMLDivElement>> | undefined;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { OptgroupProps } from "./typings-0816e61d";
3
+ import { OptgroupProps } from "./typings-e63ec8aa";
4
4
  declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
5
5
  export { Optgroup };
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { BaseInputProps } from "./index-ebda875c";
4
+ type InputDesktopProps = Omit<BaseInputProps, 'FormControlComponent'>;
5
+ declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
6
+ export { InputDesktopProps, InputDesktop };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { BaseFormControlProps } from "./index-c44170fe";
3
+ import { BaseFormControlProps } from "./index-ebda875c";
4
4
  type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
5
5
  declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
6
6
  export { FormControlDesktopProps, FormControlDesktop };
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { BaseInputProps } from "./index-ebda875c";
4
+ type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent'>;
5
+ declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
6
+ export { InputMobileProps, InputMobile };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { BaseFormControlProps } from "./index-c44170fe";
3
+ import { BaseFormControlProps } from "./index-ebda875c";
4
4
  type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
5
5
  declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
6
6
  export { FormControlMobileProps, FormControlMobile };
@@ -9,7 +9,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
9
9
  */
10
10
  breakpoint?: number;
11
11
  };
12
- declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/shared").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "hint" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
12
+ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/shared").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
13
13
  options: ((import("@alfalab/core-components-select/shared").OptionShape | import("@alfalab/core-components-select/shared").GroupShape) & {
14
14
  icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
15
15
  })[];
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var hooks = require('@alfalab/hooks');
8
- var Component_desktop = require('./Component.desktop.js');
9
- var Component_mobile = require('./Component.mobile.js');
8
+ var desktop_Component_desktop = require('./desktop/Component.desktop.js');
9
+ var mobile_Component_mobile = require('./mobile/Component.mobile.js');
10
10
  require('classnames');
11
11
  require('@alfalab/core-components-popover');
12
12
  require('@alfalab/core-components-select/shared');
@@ -30,7 +30,7 @@ var PickerButtonResponsive = React.forwardRef(function (_a, ref) {
30
30
  ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
31
31
  ['desktop', "(min-width: ".concat(breakpoint, "px)")],
32
32
  ], 'desktop')[0];
33
- return view === 'desktop' ? (React__default.default.createElement(Component_desktop.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
33
+ 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)));
34
34
  });
35
35
 
36
36
  exports.PickerButtonResponsive = PickerButtonResponsive;
@@ -138,7 +138,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
138
138
  */
139
139
  disableUserInput?: boolean;
140
140
  };
141
- declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
141
+ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
142
142
  /**
143
143
  * Значение поля ввода
144
144
  */
@@ -264,7 +264,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
264
264
  /**
265
265
  * Компонент FormControl
266
266
  */
267
- FormControlComponent?: React.ElementType<Omit<import("./index-c44170fe").BaseFormControlProps, "styles" | "colorStyles"> & {
267
+ FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
268
268
  breakpoint?: number | undefined;
269
269
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
270
270
  } & React.RefAttributes<HTMLDivElement>> | undefined;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { OptgroupProps } from "./typings-0816e61d";
3
+ import { OptgroupProps } from "./typings-e63ec8aa";
4
4
  declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
5
5
  export { Optgroup };
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { BaseInputProps } from "./index-ebda875c";
4
+ type InputDesktopProps = Omit<BaseInputProps, 'FormControlComponent'>;
5
+ declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
6
+ export { InputDesktopProps, InputDesktop };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { BaseFormControlProps } from "./index-c44170fe";
3
+ import { BaseFormControlProps } from "./index-ebda875c";
4
4
  type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
5
5
  declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
6
6
  export { FormControlDesktopProps, FormControlDesktop };
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { BaseInputProps } from "./index-ebda875c";
4
+ type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent'>;
5
+ declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
6
+ export { InputMobileProps, InputMobile };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { BaseFormControlProps } from "./index-c44170fe";
3
+ import { BaseFormControlProps } from "./index-ebda875c";
4
4
  type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
5
5
  declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
6
6
  export { FormControlMobileProps, FormControlMobile };
@@ -9,7 +9,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
9
9
  */
10
10
  breakpoint?: number;
11
11
  };
12
- declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/shared").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "hint" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
12
+ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/shared").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
13
13
  options: ((import("@alfalab/core-components-select/shared").OptionShape | import("@alfalab/core-components-select/shared").GroupShape) & {
14
14
  icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
15
15
  })[];
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var hooks = require('@alfalab/hooks');
8
- var Component_desktop = require('./Component.desktop.js');
9
- var Component_mobile = require('./Component.mobile.js');
8
+ var desktop_Component_desktop = require('./desktop/Component.desktop.js');
9
+ var mobile_Component_mobile = require('./mobile/Component.mobile.js');
10
10
  require('classnames');
11
11
  require('@alfalab/core-components-popover/cssm');
12
12
  require('@alfalab/core-components-select/cssm/shared');
@@ -33,7 +33,7 @@ var PickerButtonResponsive = React.forwardRef(function (_a, ref) {
33
33
  ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
34
34
  ['desktop', "(min-width: ".concat(breakpoint, "px)")],
35
35
  ], 'desktop')[0];
36
- return view === 'desktop' ? (React__default.default.createElement(Component_desktop.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
36
+ 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)));
37
37
  });
38
38
 
39
39
  exports.PickerButtonResponsive = PickerButtonResponsive;
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { FC, SVGProps } from "react";
4
4
  import { ButtonProps } from "@alfalab/core-components-button";
5
5
  import { BaseSelectProps } from "@alfalab/core-components-select/shared";
6
- import { PickerButtonSize, PickerButtonVariant } from "./types";
6
+ import { PickerButtonSize, PickerButtonVariant } from "../types";
7
7
  type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options' | 'searchProps' | 'showSearch' | 'Search'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
8
8
  options: Array<BaseSelectProps['options'][0] & {
9
9
  /**
@@ -25,7 +25,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' |
25
25
  */
26
26
  showArrow?: boolean;
27
27
  };
28
- declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "hint" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
28
+ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
29
29
  options: Array<BaseSelectProps['options'][0] & {
30
30
  /**
31
31
  * Иконка, отображающаяся слева от текстового представления пункта
@@ -7,17 +7,17 @@ var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsPopover = require('@alfalab/core-components-popover/cssm');
9
9
  var shared = require('@alfalab/core-components-select/cssm/shared');
10
- var field_Component = require('./field/Component.js');
11
- var option_Component = require('./option/Component.js');
12
- var styles = require('./index.module.css');
10
+ var field_Component = require('../field/Component.js');
11
+ var option_Component = require('../option/Component.js');
12
+ var styles = require('../index.module.css');
13
13
  require('@alfalab/core-components-button/cssm');
14
- require('./utils/index.js');
14
+ require('../utils/index.js');
15
15
  require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
16
16
  require('@alfalab/icons-glyph/ChevronDownMIcon');
17
17
  require('@alfalab/icons-glyph/MoreMIcon');
18
18
  require('@alfalab/icons-glyph/MoreSIcon');
19
- require('./field/index.module.css');
20
- require('./option/index.module.css');
19
+ require('../field/index.module.css');
20
+ require('../option/index.module.css');
21
21
 
22
22
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
23
23
 
@@ -1,2 +1,2 @@
1
- export { PickerButtonDesktop, PickerButtonDesktopProps } from "../Component.desktop";
1
+ export { PickerButtonDesktop, PickerButtonDesktopProps } from "./Component.desktop";
2
2
  export {};
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Component_desktop = require('../Component.desktop.js');
5
+ var desktop_Component_desktop = require('./Component.desktop.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('classnames');
@@ -22,4 +22,4 @@ require('../index.module.css');
22
22
 
23
23
 
24
24
 
25
- exports.PickerButtonDesktop = Component_desktop.PickerButtonDesktop;
25
+ exports.PickerButtonDesktop = desktop_Component_desktop.PickerButtonDesktop;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { ButtonProps } from "@alfalab/core-components-button";
4
- import { FieldProps as BaseFieldProps } from "../typings-0816e61d";
4
+ import { FieldProps as BaseFieldProps } from "../typings-e63ec8aa";
5
5
  import { PickerButtonSize, PickerButtonVariant } from "../types";
6
6
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
7
7
  buttonSize?: PickerButtonSize;
@@ -0,0 +1,2 @@
1
+ export * from "./Component.desktop-ebda875c";
2
+ export {};
@@ -0,0 +1,2 @@
1
+ export * from "./Component.mobile-ebda875c";
2
+ export {};
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
+ import { BaseFormControlProps } from "./index-ebda875c";
3
4
  type FormControlProps = Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
4
5
  /**
5
6
  * Контрольная точка, с нее начинается desktop версия
@@ -1,80 +1,2 @@
1
1
  /// <reference types="react" />
2
- import React from "react";
3
- import { ButtonHTMLAttributes, ElementType, FC, AnchorHTMLAttributes, ReactElement } from "react";
4
- import { ButtonProps } from "@alfalab/core-components-button";
5
- interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
6
- /**
7
- * Вид компонента
8
- */
9
- view: "desktop" | "mobile";
10
- /**
11
- * Дополнительный класс
12
- */
13
- className?: string;
14
- /**
15
- * Позиция крестика
16
- */
17
- align?: "left" | "right";
18
- /**
19
- * Фиксирует крестик
20
- */
21
- sticky?: boolean;
22
- /**
23
- * Иконка
24
- */
25
- icon?: ElementType;
26
- /**
27
- * Идентификатор для систем автоматизированного тестирования
28
- */
29
- dataTestId?: string;
30
- /**
31
- * Коллбэк закрытия.
32
- */
33
- onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
34
- }
35
- declare const Closer: FC<CloserProps>;
36
- type IconButtonProps = {
37
- /**
38
- * Компонент иконки
39
- */
40
- icon: ElementType<{
41
- className?: string;
42
- }> | ReactElement;
43
- /**
44
- * Тип кнопки
45
- */
46
- view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
47
- /**
48
- * Размер компонента
49
- */
50
- size?: "xxs" | "xs" | "s";
51
- /**
52
- * Дополнительный класс
53
- */
54
- className?: string;
55
- /**
56
- * Выравнивание иконки
57
- * @default 'center'
58
- */
59
- alignIcon?: "left" | "center" | "right";
60
- /**
61
- * Идентификатор для систем автоматизированного тестирования
62
- */
63
- dataTestId?: string;
64
- /**
65
- * Набор цветов для компонента
66
- */
67
- colors?: "default" | "inverted";
68
- } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "Component" | "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
69
- declare const IconButton: React.ForwardRefExoticComponent<{
70
- icon: ElementType<{
71
- className?: string;
72
- }> | ReactElement;
73
- view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
74
- size?: "s" | "xs" | "xxs" | undefined;
75
- className?: string | undefined;
76
- alignIcon?: "center" | "right" | "left" | undefined;
77
- dataTestId?: string | undefined;
78
- colors?: "default" | "inverted" | undefined;
79
- } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
80
- export { CloserProps, Closer, IconButtonProps, IconButton };
2
+ export * from "./Component-c44170fe";
package/cssm/index.js CHANGED
@@ -6,7 +6,7 @@ var Component_responsive = require('./Component.responsive.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('@alfalab/hooks');
9
- require('./Component.desktop.js');
9
+ require('./desktop/Component.desktop.js');
10
10
  require('classnames');
11
11
  require('@alfalab/core-components-popover/cssm');
12
12
  require('@alfalab/core-components-select/cssm/shared');
@@ -21,7 +21,7 @@ require('./field/index.module.css');
21
21
  require('./option/Component.js');
22
22
  require('./option/index.module.css');
23
23
  require('./index.module.css');
24
- require('./Component.mobile.js');
24
+ require('./mobile/Component.mobile.js');
25
25
  require('@alfalab/core-components-select/cssm/mobile');
26
26
 
27
27
 
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
4
- import { PickerButtonDesktopProps } from "./desktop/index";
4
+ import { PickerButtonDesktopProps } from "../desktop/index";
5
5
  type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
6
6
  /**
7
7
  * Контрольная точка для кнопки, с нее начинается desktop версия
@@ -6,17 +6,17 @@ var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var mobile = require('@alfalab/core-components-select/cssm/mobile');
8
8
  var shared = require('@alfalab/core-components-select/cssm/shared');
9
- var field_Component = require('./field/Component.js');
10
- var option_Component = require('./option/Component.js');
9
+ var field_Component = require('../field/Component.js');
10
+ var option_Component = require('../option/Component.js');
11
11
  require('classnames');
12
12
  require('@alfalab/core-components-button/cssm');
13
- require('./utils/index.js');
13
+ require('../utils/index.js');
14
14
  require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
15
15
  require('@alfalab/icons-glyph/ChevronDownMIcon');
16
16
  require('@alfalab/icons-glyph/MoreMIcon');
17
17
  require('@alfalab/icons-glyph/MoreSIcon');
18
- require('./field/index.module.css');
19
- require('./option/index.module.css');
18
+ require('../field/index.module.css');
19
+ require('../option/index.module.css');
20
20
 
21
21
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
22
22
 
@@ -1,2 +1,2 @@
1
- export { PickerButtonMobile, PickerButtonMobileProps } from "../Component.mobile";
1
+ export { PickerButtonMobile, PickerButtonMobileProps } from "./Component.mobile";
2
2
  export {};
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Component_mobile = require('../Component.mobile.js');
5
+ var mobile_Component_mobile = require('./Component.mobile.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('@alfalab/core-components-select/cssm/mobile');
@@ -21,4 +21,4 @@ require('../option/index.module.css');
21
21
 
22
22
 
23
23
 
24
- exports.PickerButtonMobile = Component_mobile.PickerButtonMobile;
24
+ exports.PickerButtonMobile = mobile_Component_mobile.PickerButtonMobile;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { ReactNode } from "react";
4
- import { CloserProps } from "./index-ebda875c";
4
+ import { BackArrowAddonProps, CloserProps } from "./index-ebda875c";
5
5
  type NavigationBarProps = {
6
6
  /**
7
7
  * Контент шапки
@@ -51,6 +51,10 @@ type NavigationBarProps = {
51
51
  * Дополнительный класс для правого аддона
52
52
  */
53
53
  backButtonClassName?: string;
54
+ /**
55
+ * Дополнительные пропсы для кнопки "Назад"
56
+ */
57
+ backButtonProps?: Omit<BackArrowAddonProps, 'view' | 'textOpacity' | 'onClick'>;
54
58
  /**
55
59
  * Дополнительный класс
56
60
  */
@@ -5,8 +5,9 @@ import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC, KeyboardEvent,
5
5
  import { HandledEvents } from "react-swipeable/es/types";
6
6
  import { TransitionProps } from "react-transition-group/Transition";
7
7
  import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
8
- import { NavigationBarProps } from "./types-1c79e231";
8
+ import { NavigationBarProps } from "./types-667e33fd";
9
9
  import { BackgroundColorType } from "./index-72dda473";
10
+ import { BaseInputProps } from "./index-ebda875c";
10
11
  import { SwipeableHandlers } from "react-swipeable";
11
12
  import { FormControlProps } from "./index-c44170fe";
12
13
  import { PopoverProps } from "@alfalab/core-components-popover";
@@ -339,6 +340,10 @@ type BottomSheetProps = {
339
340
  * Наличие компонента стрелки назад
340
341
  */
341
342
  hasBacker?: boolean;
343
+ /**
344
+ * Дополнительные пропсы для кнопки "Назад"
345
+ */
346
+ backButtonProps?: NavigationBarProps["backButtonProps"];
342
347
  /**
343
348
  * Выравнивание заголовка
344
349
  */
@@ -664,10 +669,6 @@ declare class GlobalStore {
664
669
  constructor();
665
670
  getModalStore: () => ModalStore;
666
671
  }
667
- type InputDesktopProps = Omit<BaseInputProps, "FormControlComponent">;
668
- declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
669
- type InputMobileProps = Omit<BaseInputProps, "FormControlComponent">;
670
- declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
671
672
  declare const Content: FC<ContentProps>;
672
673
  declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
673
674
  type AnyObject = Record<string, any>;
@@ -909,11 +910,11 @@ type BaseSelectProps = {
909
910
  name?: string;
910
911
  }) => void;
911
912
  /**
912
- * Обработчик фокуса поля
913
+ * Обработчик блюра поля
913
914
  */
914
915
  onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
915
916
  /**
916
- * Обработчик блюра поля
917
+ * Обработчик фокуса поля
917
918
  */
918
919
  onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
919
920
  /**
@@ -1316,5 +1317,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
1316
1317
  */
1317
1318
  defaultMatchMediaValue?: boolean | (() => boolean);
1318
1319
  };
1319
- export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalResponsiveProps as ModalProps, ModalContext, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, InputDesktopProps, InputDesktop, InputMobileProps, InputMobile, Content, ResponsiveContext, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1320
+ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalResponsiveProps as ModalProps, ModalContext, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Content, ResponsiveContext, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1320
1321
  export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, ContentProps as ModalContentProps, SavedStyle };
1322
+ export * from "./Component.desktop-63dec22f";
1323
+ export * from "./Component.mobile-96988a65";
@@ -1,5 +1,5 @@
1
1
  import { ReactNode, RefObject } from 'react';
2
- import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0816e61d";
2
+ import { BaseSelectProps, GroupShape, OptionShape } from "./typings-e63ec8aa";
3
3
  declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
4
4
  declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
5
5
  declare const joinOptions: ({ selected, selectedMultiple, }: {
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { FC, SVGProps } from "react";
4
4
  import { ButtonProps } from "@alfalab/core-components-button";
5
5
  import { BaseSelectProps } from "@alfalab/core-components-select/shared";
6
- import { PickerButtonSize, PickerButtonVariant } from "./types";
6
+ import { PickerButtonSize, PickerButtonVariant } from "../types";
7
7
  type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options' | 'searchProps' | 'showSearch' | 'Search'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
8
8
  options: Array<BaseSelectProps['options'][0] & {
9
9
  /**
@@ -25,7 +25,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' |
25
25
  */
26
26
  showArrow?: boolean;
27
27
  };
28
- declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "hint" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
28
+ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
29
29
  options: Array<BaseSelectProps['options'][0] & {
30
30
  /**
31
31
  * Иконка, отображающаяся слева от текстового представления пункта
@@ -7,10 +7,10 @@ var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsPopover = require('@alfalab/core-components-popover');
9
9
  var shared = require('@alfalab/core-components-select/shared');
10
- var field_Component = require('./field/Component.js');
11
- var option_Component = require('./option/Component.js');
10
+ var field_Component = require('../field/Component.js');
11
+ var option_Component = require('../option/Component.js');
12
12
  require('@alfalab/core-components-button');
13
- require('./utils/index.js');
13
+ require('../utils/index.js');
14
14
  require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
15
15
  require('@alfalab/icons-glyph/ChevronDownMIcon');
16
16
  require('@alfalab/icons-glyph/MoreMIcon');
@@ -21,8 +21,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
21
21
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
22
22
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
23
23
 
24
- var styles = {"container":"picker-button__container_1kium","optionsPopover":"picker-button__optionsPopover_1kium","sideGap":"picker-button__sideGap_1kium","option":"picker-button__option_1kium"};
25
- require('./index.css')
24
+ var styles = {"container":"picker-button__container_1wrm3","optionsPopover":"picker-button__optionsPopover_1wrm3","sideGap":"picker-button__sideGap_1wrm3","option":"picker-button__option_1wrm3"};
25
+ require('./../index.css')
26
26
 
27
27
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
28
28
  var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
@@ -1,2 +1,2 @@
1
- export { PickerButtonDesktop, PickerButtonDesktopProps } from "../Component.desktop";
1
+ export { PickerButtonDesktop, PickerButtonDesktopProps } from "./Component.desktop";
2
2
  export {};
package/desktop/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Component_desktop = require('../Component.desktop.js');
5
+ var desktop_Component_desktop = require('./Component.desktop.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('classnames');
@@ -19,4 +19,4 @@ require('../option/Component.js');
19
19
 
20
20
 
21
21
 
22
- exports.PickerButtonDesktop = Component_desktop.PickerButtonDesktop;
22
+ exports.PickerButtonDesktop = desktop_Component_desktop.PickerButtonDesktop;
@@ -138,7 +138,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
138
138
  */
139
139
  disableUserInput?: boolean;
140
140
  };
141
- declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
141
+ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
142
142
  /**
143
143
  * Значение поля ввода
144
144
  */
@@ -264,7 +264,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
264
264
  /**
265
265
  * Компонент FormControl
266
266
  */
267
- FormControlComponent?: React.ElementType<Omit<import("./index-c44170fe").BaseFormControlProps, "styles" | "colorStyles"> & {
267
+ FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
268
268
  breakpoint?: number | undefined;
269
269
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
270
270
  } & React.RefAttributes<HTMLDivElement>> | undefined;