@invoicebox/ui 0.1.0-alpha.318 → 0.1.0-alpha.319

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

@@ -18,9 +18,9 @@ var _Drawer = require("../../common/Drawer");
 var _Loader = _interopRequireDefault(require("./components/Loader"));
 var _MultipleValue = require("./components/MultipleValue");
 var _Checkbox = require("../Checkbox");
+var _ErrorBoundary = require("../../common/ErrorBoundary");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
@@ -33,7 +33,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var MAX_LIST_HEIGHT = 294;
 var OPTION_IDENTIFIER = 'option-identifier';
-var Select = exports.Select = function Select(props) {
+var SelectInner = function SelectInner(props) {
   var _collapseTags;
   var label = props.label,
     hasError = props.hasError,
@@ -114,12 +114,47 @@ var Select = exports.Select = function Select(props) {
     return new Set(multipleValue);
   }, [multipleValue]);
   var optionGroups = (0, _useOptionGroups.useOptionGroups)(options, groups);
+
+  // Плоский список опций в порядке отрисовки (группы разворачиваются) —
+  // по нему ходит клавиатурная навигация и считаются id для activedescendant
+  var flatOptions = (0, _react.useMemo)(function () {
+    return optionGroups.reduce(function (acc, group) {
+      return acc.concat(group.options);
+    }, []);
+  }, [optionGroups]);
+  var optionIndexByValue = (0, _react.useMemo)(function () {
+    return new Map(flatOptions.map(function (option, index) {
+      return [option.value, index];
+    }));
+  }, [flatOptions]);
+  var baseId = (0, _react.useId)();
+  var listboxId = "".concat(baseId, "-listbox");
+  var getOptionId = function getOptionId(index) {
+    return "".concat(baseId, "-option-").concat(index);
+  };
+
+  // Позиция клавиатурного фокуса в списке (aria-activedescendant)
+  var _useState3 = (0, _react.useState)(-1),
+    _useState4 = _slicedToArray(_useState3, 2),
+    activeIndex = _useState4[0],
+    setActiveIndex = _useState4[1];
   var handleShow = (0, _react.useCallback)(function () {
-    return setIsOpen(true);
-  }, []);
+    setIsOpen(true);
+    // при открытии встаём на выбранную опцию (single), иначе — вне списка
+    setActiveIndex(isMultiple ? -1 : flatOptions.findIndex(function (option) {
+      return option.value === value;
+    }));
+  }, [flatOptions, isMultiple, value]);
   var handleHide = (0, _react.useCallback)(function () {
     return setIsOpen(false);
   }, []);
+  (0, _react.useEffect)(function () {
+    var _document$getElementB;
+    if (activeIndex < 0) return;
+    (_document$getElementB = document.getElementById("".concat(baseId, "-option-").concat(activeIndex))) === null || _document$getElementB === void 0 || _document$getElementB.scrollIntoView({
+      block: 'nearest'
+    });
+  }, [activeIndex, baseId]);
   var dropdownRef = (0, _react.useRef)(null);
   var wrapperRef = (0, _useOutsideClick.useOutsideClick)(handleHide, [dropdownRef]);
   var handleFocus = (0, _react.useCallback)(function (event) {
@@ -137,8 +172,7 @@ var Select = exports.Select = function Select(props) {
       return blurHandler(event);
     };
   }, [blurHandler]);
-  var handleSelect = (0, _react.useCallback)(function (event) {
-    var newValue = JSON.parse(event.currentTarget.dataset.value);
+  var selectValue = (0, _react.useCallback)(function (newValue) {
     if (isMultiple) {
       var next = multipleValue.includes(newValue) ? multipleValue.filter(function (item) {
         return item !== newValue;
@@ -154,6 +188,45 @@ var Select = exports.Select = function Select(props) {
       delayBlur.current = null;
     }
   }, [handleHide, isMultiple, multipleValue, onChangeMultiple, onChangeSingle]);
+  var handleSelect = (0, _react.useCallback)(function (event) {
+    selectValue(JSON.parse(event.currentTarget.dataset.value));
+  }, [selectValue]);
+
+  // Клавиатурная навигация комбобокса — тот же набор клавиш, что в Autocomplete
+  var handleKeyDown = (0, _react.useCallback)(function (event) {
+    var count = flatOptions.length;
+    switch (event.key) {
+      case 'ArrowDown':
+        event.preventDefault();
+        if (!isOpen) handleShow();else if (count) setActiveIndex(function (prev) {
+          return (prev + 1) % count;
+        });
+        break;
+      case 'ArrowUp':
+        event.preventDefault();
+        if (!isOpen) handleShow();else if (count) setActiveIndex(function (prev) {
+          return prev <= 0 ? count - 1 : prev - 1;
+        });
+        break;
+      case 'Enter':
+      case ' ':
+        event.preventDefault();
+        if (!isOpen) {
+          handleShow();
+        } else if (activeIndex >= 0 && activeIndex < count) {
+          selectValue(flatOptions[activeIndex].value);
+        }
+        break;
+      case 'Escape':
+        if (isOpen) {
+          event.preventDefault();
+          handleHide();
+        }
+        break;
+      default:
+        break;
+    }
+  }, [activeIndex, flatOptions, handleHide, handleShow, isOpen, selectValue]);
   var handleRemoveTag = (0, _react.useCallback)(function (removedValue) {
     return onChangeMultiple(multipleValue.filter(function (item) {
       return item !== removedValue;
@@ -197,17 +270,26 @@ var Select = exports.Select = function Select(props) {
     }
     return null;
   };
-  var scrollbarContent = /*#__PURE__*/_react["default"].createElement(S.ScrollbarContent, null, scrollbarHeader, optionGroups.map(function (_ref2) {
+  var scrollbarContent = /*#__PURE__*/_react["default"].createElement(S.ScrollbarContent, {
+    role: "listbox",
+    id: listboxId,
+    "aria-multiselectable": isMultiple || undefined
+  }, scrollbarHeader, optionGroups.map(function (_ref2) {
     var group = _ref2.group,
       groupOptions = _ref2.options;
     return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
       key: (group === null || group === void 0 ? void 0 : group.id) || null
     }, handleGroupRender(group), groupOptions.map(function (option) {
+      var flatIndex = optionIndexByValue.get(option.value);
+      var isSelected = isMultiple ? selectedValuesSet.has(option.value) : option.value === value;
       return /*#__PURE__*/_react["default"].createElement(S.OptionWrapper, {
         $usePadding: usePadding,
         key: option.value
       }, /*#__PURE__*/_react["default"].createElement(S.Option, {
         key: option.value,
+        id: getOptionId(flatIndex),
+        role: "option",
+        "aria-selected": isSelected,
         $palette: palette,
         variant: "bodyMRegular",
         onClick: handleSelect,
@@ -215,10 +297,13 @@ var Select = exports.Select = function Select(props) {
         "data-option-identifier": OPTION_IDENTIFIER,
         $isGrouped: !!group && !renderOption,
         $usePadding: usePadding,
-        $isSelected: !isMultiple && option.value === value
+        $isSelected: !isMultiple && option.value === value,
+        $isActive: flatIndex === activeIndex
       }, isMultiple ? /*#__PURE__*/_react["default"].createElement(S.OptionContent, null, /*#__PURE__*/_react["default"].createElement(S.CheckboxWrapper, null, /*#__PURE__*/_react["default"].createElement(_Checkbox.Checkbox, {
         checked: selectedValuesSet.has(option.value),
-        readOnly: true
+        readOnly: true,
+        tabIndex: -1,
+        "aria-hidden": true
       })), handleOptionRender(option)) : handleOptionRender(option)));
     }));
   }));
@@ -283,7 +368,15 @@ var Select = exports.Select = function Select(props) {
     size: fieldSize,
     onClick: isDrawerOptions || !!renderedValue ? handleInputClick : undefined,
     required: required,
-    useModernStyles: useModernStyles
+    useModernStyles: useModernStyles,
+    comboboxProps: {
+      role: 'combobox',
+      'aria-expanded': isOpen,
+      'aria-haspopup': 'listbox',
+      'aria-controls': isOpen && optionGroups.length ? listboxId : undefined,
+      'aria-activedescendant': isOpen && activeIndex >= 0 ? getOptionId(activeIndex) : undefined,
+      onKeyDown: isDrawerOptions ? undefined : handleKeyDown
+    }
   })), isDrawerOptions ? /*#__PURE__*/_react["default"].createElement(_Drawer.Drawer, {
     onClose: handleHide,
     isOpen: isOpen,
@@ -296,4 +389,11 @@ var Select = exports.Select = function Select(props) {
     usePadding: usePadding,
     positionVertical: useModernStyles ? -1 : undefined
   }, handleDropdownContentRender()));
+};
+
+// Граница ошибок снаружи: renderOption/renderGroup/renderValue вызываются в
+// рендере SelectInner, и исключение потребительского колбэка иначе валило бы
+// всё дерево приложения (RES-001). Fallback — null: поле исчезает, страница живёт.
+var Select = exports.Select = function Select(props) {
+  return /*#__PURE__*/_react["default"].createElement(_ErrorBoundary.ErrorBoundary, null, /*#__PURE__*/_react["default"].createElement(SelectInner, props));
 };

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

@@ -8,8 +8,7 @@ exports["default"] = exports.WithRenderedValue = exports.WithGroups = exports.Wi
 var _react = _interopRequireWildcard(require("react"));
 var _addonActions = require("@storybook/addon-actions");
 var _ = require(".");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }

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

@@ -10,6 +10,7 @@ export declare const Option: import("styled-components/dist/types").IStyledCompo
     $isGrouped: boolean;
     $usePadding: boolean;
     $isSelected?: boolean | undefined;
+    $isActive?: boolean | undefined;
 }>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
 export declare const Group: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
 export declare const DefaultOptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

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

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.Wrapper = exports.ScrollbarContent = exports.OptionWrapper = exports.OptionContent = exports.Option = exports.InputWrapper = exports.Group = exports.EmptyLabel = exports.DrawerContent = exports.DrawerBottom = exports.DefaultOptionWrapper = exports.CheckboxWrapper = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _Typography = require("../../common/Typography");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var _reducedMotion = require("../../../utils/reducedMotion");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-1x9n0z5-0"
@@ -27,7 +27,7 @@ var OptionWrapper = exports.OptionWrapper = _styledComponents["default"].div.wit
 var Option = exports.Option = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
   displayName: "styles__Option",
   componentId: "sc-1x9n0z5-3"
-})(["overflow:hidden;width:100%;text-align:left;transition:all 0.2s ease-in-out 0s;box-sizing:border-box;cursor:pointer;border-radius:", ";", " &:hover{background-color:", ";}", ""], function (_ref2) {
+})(["overflow:hidden;width:100%;text-align:left;transition:all 0.2s ease-in-out 0s;box-sizing:border-box;cursor:pointer;border-radius:", ";", " ", " &:hover{background-color:", ";}", " ", ""], function (_ref2) {
   var $usePadding = _ref2.$usePadding;
   return $usePadding ? '12px' : 'none';
 }, function (_ref3) {
@@ -35,12 +35,16 @@ var Option = exports.Option = (0, _styledComponents["default"])(_Typography.Typo
     $palette = _ref3.$palette;
   return $isSelected && (0, _styledComponents.css)(["background-color:", ";border-radius:8px;"], $palette.bgHover);
 }, function (_ref4) {
-  var $palette = _ref4.$palette;
-  return $palette.bgHover;
+  var $isActive = _ref4.$isActive,
+    $palette = _ref4.$palette;
+  return $isActive && (0, _styledComponents.css)(["background-color:", ";"], $palette.bgHover);
 }, function (_ref5) {
-  var $isGrouped = _ref5.$isGrouped;
+  var $palette = _ref5.$palette;
+  return $palette.bgHover;
+}, function (_ref6) {
+  var $isGrouped = _ref6.$isGrouped;
   return $isGrouped && (0, _styledComponents.css)(["padding-left:30px;"]);
-});
+}, _reducedMotion.reducedMotion);
 var Group = exports.Group = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
   displayName: "styles__Group",
   componentId: "sc-1x9n0z5-4"
@@ -48,12 +52,12 @@ var Group = exports.Group = (0, _styledComponents["default"])(_Typography.Typogr
 var DefaultOptionWrapper = exports.DefaultOptionWrapper = _styledComponents["default"].div.withConfig({
   displayName: "styles__DefaultOptionWrapper",
   componentId: "sc-1x9n0z5-5"
-})(["padding:", ";padding-left:", ";"], function (_ref6) {
-  var $usePadding = _ref6.$usePadding;
+})(["padding:", ";padding-left:", ";"], function (_ref7) {
+  var $usePadding = _ref7.$usePadding;
   return $usePadding ? '12px' : '12px 20px';
-}, function (_ref7) {
-  var $isMultiple = _ref7.$isMultiple,
-    $usePadding = _ref7.$usePadding;
+}, function (_ref8) {
+  var $isMultiple = _ref8.$isMultiple,
+    $usePadding = _ref8.$usePadding;
   return $isMultiple && !$usePadding ? '6px' : undefined;
 });
 var DrawerContent = exports.DrawerContent = _styledComponents["default"].div.withConfig({
@@ -67,8 +71,8 @@ var DrawerBottom = exports.DrawerBottom = _styledComponents["default"].div.withC
 var EmptyLabel = exports.EmptyLabel = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
   displayName: "styles__EmptyLabel",
   componentId: "sc-1x9n0z5-8"
-})(["color:", ";"], function (_ref8) {
-  var $color = _ref8.$color;
+})(["color:", ";"], function (_ref9) {
+  var $color = _ref9.$color;
   return $color;
 });
 var ScrollbarContent = exports.ScrollbarContent = _styledComponents["default"].div.withConfig({

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

@@ -15,8 +15,7 @@ var _Typography = require("../../common/Typography");
 var _Chip = require("../../common/Chip");
 var _CrossIcon = require("./assets/CrossIcon");
 var _useInputFocus2 = require("../../../hooks/useInputFocus");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }

package/dist/components/form/TagsInput/index.stories.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.Default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ = require(".");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

package/dist/components/form/TagsInput/styles.js

@@ -10,8 +10,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _excluded = ["children"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 var Wrapper = function Wrapper(_ref) {
   var children = _ref.children,
     other = _objectWithoutProperties(_ref, _excluded);

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

@@ -11,7 +11,7 @@ export type TProps = Pick<TInputLabelProps, 'label' | 'required'> & Pick<TPureIn
     element?: 'input' | 'textarea';
     required?: boolean;
 };
-export declare const TextInput: React.ForwardRefExoticComponent<Pick<TInputLabelProps, "required" | "label"> & Pick<TPureInputProps, "type" | "id" | "name" | "paddingRight" | "inputMode" | "disabled" | "autoComplete" | "placeholder" | "readOnly" | "rows" | "autoFocus" | "onFocus" | "onBlur" | "useModernStyles" | "hasError" | "isOnlyNumbers"> & {
+export declare const TextInput: React.ForwardRefExoticComponent<Pick<TInputLabelProps, "required" | "label"> & Pick<TPureInputProps, "type" | "id" | "name" | "paddingRight" | "inputMode" | "disabled" | "autoComplete" | "placeholder" | "readOnly" | "rows" | "autoFocus" | "onFocus" | "onBlur" | "hasError" | "useModernStyles" | "isOnlyNumbers"> & {
     value: string;
     onChange: (value: string) => void;
     maxLength?: number | undefined;

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

@@ -12,8 +12,7 @@ var _PureInput = require("../PureInput");
 var _useInputFocus2 = require("../../../hooks/useInputFocus");
 var _useInputStyles2 = require("../_hooks/useInputStyles");
 var _useElementWidth2 = require("../_hooks/useElementWidth");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 var CHILDREN_RIGHT_OFFSET = 12;
 var CHILDREN_GAP = 8;
@@ -99,7 +98,9 @@ var TextInput = exports.TextInput = /*#__PURE__*/_react["default"].forwardRef(fu
     placeholder: useModernStyles ? undefined : placeholder,
     paddingRight: paddingRight,
     type: type,
-    isOnlyNumbers: isOnlyNumbers,
+    isOnlyNumbers: isOnlyNumbers
+    // eslint-disable-next-line jsx-a11y/no-autofocus -- проп прокидывается потребителю, решение об автофокусе за ним
+    ,
     autoFocus: autoFocus,
     element: element,
     rows: rows,

package/dist/components/form/TextInput/index.stories.js

@@ -8,8 +8,7 @@ exports["default"] = exports.Default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _addonActions = require("@storybook/addon-actions");
 var _ = require(".");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

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

@@ -11,12 +11,11 @@ var S = _styles;
 var _Typography = require("../../common/Typography");
 var _palette = require("../../../palette");
 var _excluded = ["checked", "variant", "label", "onChange", "disabled", "alwaysHighlighted"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 var Toggle = exports.Toggle = function Toggle(_ref) {
   var checked = _ref.checked,
     _ref$variant = _ref.variant,
@@ -43,6 +42,7 @@ var Toggle = exports.Toggle = function Toggle(_ref) {
     checked: checked,
     onChange: handleChange,
     type: "checkbox",
+    role: "switch",
     disabled: disabled
   }, other)), label && /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
     variant: labelVariant

package/dist/components/form/Toggle/index.stories.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.Default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _index = require("./index");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

package/dist/components/form/Toggle/styles.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledInput = exports.Label = exports.INPUT_VARIANT_MAP = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _reducedMotion = require("../../../utils/reducedMotion");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var Label = exports.Label = _styledComponents["default"].label.withConfig({
   displayName: "styles__Label",
@@ -41,7 +42,7 @@ var INPUT_VARIANT_MAP = exports.INPUT_VARIANT_MAP = {
 var StyledInput = exports.StyledInput = _styledComponents["default"].input.withConfig({
   displayName: "styles__StyledInput",
   componentId: "sc-1pe8ina-1"
-})(["position:relative;width:", "px;height:", "px;cursor:pointer;flex-shrink:0;box-sizing:border-box;border:", "px solid;border-color:rgba(0,0,0,0);-webkit-appearance:none;box-shadow:none;background:", ";border-radius:50px;&:after{content:'';display:block;position:absolute;left:", "px;top:50%;transform:translateY(-50%);width:", "px;height:", "px;border-radius:50%;background-color:", ";transition:all 0.2s ease-in-out 0s;}&:checked::after{left:", "px;}&:checked{background:", ";}&:disabled{cursor:not-allowed;border:", "px solid ", ";background:white;&:after{box-shadow:0 3px 8px rgba(0,0,0,0.15);}}"], function (_ref3) {
+})(["position:relative;width:", "px;height:", "px;cursor:pointer;flex-shrink:0;box-sizing:border-box;border:", "px solid;border-color:rgba(0,0,0,0);-webkit-appearance:none;box-shadow:none;background:", ";border-radius:50px;&:after{content:'';display:block;position:absolute;left:", "px;top:50%;transform:translateY(-50%);width:", "px;height:", "px;border-radius:50%;background-color:", ";transition:all 0.2s ease-in-out 0s;}&:checked::after{left:", "px;}&:checked{background:", ";}&:disabled{cursor:not-allowed;border:", "px solid ", ";background:white;&:after{box-shadow:0 3px 8px rgba(0,0,0,0.15);}}&:focus-visible{outline:2px solid ", ";outline-offset:2px;}", ""], function (_ref3) {
   var $variant = _ref3.$variant;
   return INPUT_VARIANT_MAP[$variant].width;
 }, function (_ref4) {
@@ -63,19 +64,22 @@ var StyledInput = exports.StyledInput = _styledComponents["default"].input.withC
 }, function (_ref9) {
   var $variant = _ref9.$variant;
   return INPUT_VARIANT_MAP[$variant].circleSize;
+}, function (_ref0) {
+  var $palette = _ref0.$palette;
+  return $palette.circle;
+}, function (_ref1) {
+  var $variant = _ref1.$variant;
+  return INPUT_VARIANT_MAP[$variant].leftChecked;
 }, function (_ref10) {
   var $palette = _ref10.$palette;
-  return $palette.circle;
+  return $palette.activeBg;
 }, function (_ref11) {
   var $variant = _ref11.$variant;
-  return INPUT_VARIANT_MAP[$variant].leftChecked;
+  return INPUT_VARIANT_MAP[$variant].border;
 }, function (_ref12) {
   var $palette = _ref12.$palette;
-  return $palette.activeBg;
-}, function (_ref13) {
-  var $variant = _ref13.$variant;
-  return INPUT_VARIANT_MAP[$variant].border;
-}, function (_ref14) {
-  var $palette = _ref14.$palette;
   return $palette.disabledBorder;
-});
+}, function (_ref13) {
+  var $palette = _ref13.$palette;
+  return $palette.activeBg;
+}, _reducedMotion.reducedMotion);

package/dist/components/form/_hooks/useInputStyles.js

@@ -7,8 +7,7 @@ exports.useInputStyles = void 0;
 var _constants = require("../constants");
 var _react = _interopRequireWildcard(require("react"));
 var _ModernPlaceholder = require("../ModernPlaceholder");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/dist/components/form/common/DrawerHeader/index.js

@@ -10,8 +10,7 @@ var S = _interopRequireWildcard(require("./styles"));
 var _Cross24Icon = require("./components/Cross24Icon");
 var _Typography = require("../../../common/Typography");
 var _palette = require("../../../../palette");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var DrawerHeader = exports.DrawerHeader = function DrawerHeader(_ref) {
   var onClose = _ref.onClose,

package/dist/esm/components/common/Arrow/components/StyledSvg/index.js

@@ -1,13 +1,14 @@
 import styled from 'styled-components';
 import { Svg } from '../Svg';
+import { reducedMotion } from '../../../../../utils/reducedMotion';
 export var StyledSvg = styled(Svg).withConfig({
   displayName: "StyledSvg",
   componentId: "sc-8dnufv-0"
-})(["transform:rotateZ(", "deg);transition:all 0.2s ease-in-out 0s;box-sizing:content-box;padding:", "px;path{stroke:", ";"], function (_ref) {
+})(["transform:rotateZ(", "deg);transition:all 0.2s ease-in-out 0s;", " box-sizing:content-box;padding:", "px;path{stroke:", ";"], function (_ref) {
   var $isOpen = _ref.$isOpen,
     $defaultRotate = _ref.$defaultRotate;
   return $isOpen ? $defaultRotate + 180 : $defaultRotate;
-}, function (_ref2) {
+}, reducedMotion, function (_ref2) {
   var $padding = _ref2.$padding;
   return $padding;
 }, function (_ref3) {

package/dist/esm/components/common/Drawer/index.js

@@ -10,6 +10,7 @@ import * as S from './styles';
 import { Typography } from '../Typography';
 import { useComponentPalette } from '../../../palette';
 import { useLockBodyScroll } from '../../../hooks/useLockBodyScroll';
+import { ErrorBoundary } from '../ErrorBoundary';
 var ANIMATION_MS = 300;
 var DRAG_CLOSE_THRESHOLD = 80;
 export var Drawer = function Drawer(_ref) {
@@ -122,5 +123,5 @@ export var Drawer = function Drawer(_ref) {
   }, title)), /*#__PURE__*/React.createElement(S.ChildrenWrapper, {
     $bgColor: palette.bg,
     $isPadding: isPadding
-  }, children))), document.body);
+  }, /*#__PURE__*/React.createElement(ErrorBoundary, null, children)))), document.body);
 };

package/dist/esm/components/common/Drawer/styles.js

@@ -1,4 +1,5 @@
 import styled, { css } from 'styled-components';
+import { reducedMotion } from '../../../utils/reducedMotion';
 export var Root = styled.div.withConfig({
   displayName: "styles__Root",
   componentId: "sc-1kysg49-0"
@@ -6,17 +7,17 @@ export var Root = styled.div.withConfig({
 export var Backdrop = styled.div.withConfig({
   displayName: "styles__Backdrop",
   componentId: "sc-1kysg49-1"
-})(["position:absolute;inset:0;background-color:", ";opacity:", ";transition:opacity 300ms ease;"], function (_ref) {
+})(["position:absolute;inset:0;background-color:", ";opacity:", ";transition:opacity 300ms ease;", ""], function (_ref) {
   var $bgColor = _ref.$bgColor;
   return $bgColor;
 }, function (_ref2) {
   var $isVisible = _ref2.$isVisible;
   return $isVisible ? 1 : 0;
-});
+}, reducedMotion);
 export var Sheet = styled.div.withConfig({
   displayName: "styles__Sheet",
   componentId: "sc-1kysg49-2"
-})(["position:relative;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:none;border-radius:10px 10px 0 0;will-change:transform;transition:transform 300ms cubic-bezier(0.32,0.72,0,1);", " ", " ", ""], function (_ref3) {
+})(["position:relative;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:none;border-radius:10px 10px 0 0;will-change:transform;transition:transform 300ms cubic-bezier(0.32,0.72,0,1);", " ", " ", " ", ""], function (_ref3) {
   var $isDragging = _ref3.$isDragging;
   return $isDragging && css(["transition:none;"]);
 }, function (_ref4) {
@@ -27,7 +28,7 @@ export var Sheet = styled.div.withConfig({
 }, function (_ref5) {
   var $overflow = _ref5.$overflow;
   return $overflow === 'visible' ? css(["overflow:visible;"]) : css(["overflow-y:auto;"]);
-});
+}, reducedMotion);
 
 // Зона перетаскивания лежит поверх контента (как DragIndicatorWrapper в react-modal-sheet),
 // чтобы шапка-картинка могла подниматься под индикатор без белой полосы сверху.

package/dist/esm/components/common/Dropdown/index.js

@@ -34,7 +34,8 @@ export var Dropdown = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     _ref$isTopPosition = _ref.isTopPosition,
     isTopPosition = _ref$isTopPosition === void 0 ? false : _ref$isTopPosition,
     _ref$usePadding = _ref.usePadding,
-    usePadding = _ref$usePadding === void 0 ? false : _ref$usePadding;
+    usePadding = _ref$usePadding === void 0 ? false : _ref$usePadding,
+    role = _ref.role;
   var palette = useComponentPalette('dropdown');
   var position = useRef({
     isAbove: true,
@@ -152,6 +153,7 @@ export var Dropdown = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     }
   }), /*#__PURE__*/React.createElement(S.Wrapper, {
     ref: setWrapperRef,
+    role: role,
     $isVisible: isOpen,
     $isAbove: position.current.isAbove,
     $translateY: position.current.translateY,