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

package/dist/esm/components/common/Flag/components/SvnFlag/index.js

@@ -0,0 +1,35 @@
+import React from 'react';
+export var SvnFlag = function SvnFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5.33333H0V0Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 10.6667H22V16.0001H0V10.6667Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.19043 3.73331H7.33329V6.61865C7.33329 7.85065 5.76186 8.53331 5.76186 8.53331C5.76186 8.53331 4.19043 7.85065 4.19043 6.61865V3.73331Z",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.71436 6.02664L5.50007 4.79997L6.02864 5.6533L6.55721 4.79997L6.80936 6.4533C6.55721 7.14664 5.76188 7.46664 5.76188 7.46664C5.76188 7.46664 4.96654 7.14664 4.71436 6.02664Z",
+    fill: "white"
+  }));
+};

package/dist/esm/components/common/Flag/components/SvnFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { SvnFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/SvnFlag',
+  component: SvnFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

package/dist/esm/components/common/Flag/components/TurFlag/index.js

@@ -0,0 +1,25 @@
+import React from 'react';
+export var TurFlag = function TurFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.42855 11.2C11.1971 11.2 12.6309 9.76732 12.6309 8.00001C12.6309 6.23269 11.1971 4.80001 9.42855 4.80001C7.66 4.80001 6.22618 6.23269 6.22618 8.00001C6.22618 9.76732 7.66 11.2 9.42855 11.2ZM10.4762 10.1333C11.6551 10.1333 12.6109 9.17821 12.6109 8.00001C12.6109 6.8218 11.6551 5.86667 10.4762 5.86667C9.29727 5.86667 8.34142 6.8218 8.34142 8.00001C8.34142 9.17821 9.29727 10.1333 10.4762 10.1333Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.2015 6.98111L13.0946 7.55572L13.306 6.33814L12.4105 5.47605L13.648 5.29907L14.2015 4.19093L14.7549 5.29907L15.9924 5.47605L15.0969 6.33814L15.3083 7.55572L14.2015 6.98111Z",
+    fill: "white"
+  }));
+};

package/dist/esm/components/common/Flag/components/TurFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { TurFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/TurFlag',
+  component: TurFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

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

@@ -12,8 +12,19 @@ import { UzbFlag } from './components/UzbFlag';
 import { ChnFlag } from './components/ChnFlag';
 import { EngFlag } from './components/EngFlag';
 import { EspFlag } from './components/EspFlag';
+import { AreFlag } from './components/AreFlag';
+import { AusFlag } from './components/AusFlag';
+import { DeuFlag } from './components/DeuFlag';
+import { EcuFlag } from './components/EcuFlag';
+import { FraFlag } from './components/FraFlag';
+import { IndFlag } from './components/IndFlag';
+import { SauFlag } from './components/SauFlag';
+import { SrbFlag } from './components/SrbFlag';
+import { SvkFlag } from './components/SvkFlag';
+import { SvnFlag } from './components/SvnFlag';
+import { TurFlag } from './components/TurFlag';
 import { UnknownFlag } from './components/UnknownFlag';
-var flagKeys = ['RUS', 'BLR', 'KAZ', 'AZE', 'ARM', 'KGZ', 'MDA', 'TJK', 'UZB', 'CHN', 'ENG', 'ESP', 'UNKNOWN'];
+var flagKeys = ['RUS', 'BLR', 'KAZ', 'AZE', 'ARM', 'KGZ', 'MDA', 'TJK', 'UZB', 'CHN', 'ENG', 'ESP', 'ARE', 'AUS', 'DEU', 'ECU', 'FRA', 'IND', 'SAU', 'SRB', 'SVK', 'SVN', 'TUR', 'UNKNOWN'];
 var map = {
   RUS: /*#__PURE__*/React.createElement(RusFlag, null),
   KAZ: /*#__PURE__*/React.createElement(KazFlag, null),
@@ -27,6 +38,17 @@ var map = {
   CHN: /*#__PURE__*/React.createElement(ChnFlag, null),
   ENG: /*#__PURE__*/React.createElement(EngFlag, null),
   ESP: /*#__PURE__*/React.createElement(EspFlag, null),
+  ARE: /*#__PURE__*/React.createElement(AreFlag, null),
+  AUS: /*#__PURE__*/React.createElement(AusFlag, null),
+  DEU: /*#__PURE__*/React.createElement(DeuFlag, null),
+  ECU: /*#__PURE__*/React.createElement(EcuFlag, null),
+  FRA: /*#__PURE__*/React.createElement(FraFlag, null),
+  IND: /*#__PURE__*/React.createElement(IndFlag, null),
+  SAU: /*#__PURE__*/React.createElement(SauFlag, null),
+  SRB: /*#__PURE__*/React.createElement(SrbFlag, null),
+  SVK: /*#__PURE__*/React.createElement(SvkFlag, null),
+  SVN: /*#__PURE__*/React.createElement(SvnFlag, null),
+  TUR: /*#__PURE__*/React.createElement(TurFlag, null),
   UNKNOWN: /*#__PURE__*/React.createElement(UnknownFlag, null)
 };
 export var Flag = function Flag(_ref) {

package/dist/esm/components/common/Flag/index.stories.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Flag } from '.';
 var meta = {
   title: 'common/Flag',
@@ -13,4 +14,27 @@ export var Default = {
     flag: 'RUS',
     isSmall: false
   }
+};
+export var AllFlags = {
+  render: function render() {
+    return /*#__PURE__*/React.createElement('div', {
+      style: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: 16
+      }
+    }, Flag.flags.map(function (flag) {
+      return /*#__PURE__*/React.createElement('div', {
+        key: flag,
+        style: {
+          textAlign: 'center',
+          fontFamily: 'sans-serif',
+          fontSize: 12
+        }
+      }, /*#__PURE__*/React.createElement(Flag, {
+        flag: flag,
+        isSmall: false
+      }), /*#__PURE__*/React.createElement('div', null, flag));
+    }));
+  }
 };

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

@@ -6,8 +6,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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; }
 import React from 'react';
 import QRCodeFromLibrary from 'qrcode.react';
 export var QRCode = function QRCode(_ref) {

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

@@ -1,7 +1,7 @@
 var _excluded = ["element", "isLoading", "fullWidth", "disabled", "borderRadius", "padding", "className", "children"];
 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; }
 import React from 'react';
 import * as S from './styles';
 import { InvoiceboxSpinner } from '../InvoiceboxSpinner';

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

@@ -1,5 +1,6 @@
 import styled, { css } from 'styled-components';
 import { Typography } from '../Typography';
+import { reducedMotion } from '../../../utils/reducedMotion';
 export var Inner = styled(Typography).withConfig({
   displayName: "styles__Inner",
   componentId: "sc-ln4oiu-0"
@@ -10,7 +11,7 @@ export var Inner = styled(Typography).withConfig({
 export var Wrapper = styled.button.withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-ln4oiu-1"
-})(["appearance:none;display:inline-block;text-decoration:none;text-align:center;position:relative;border:none;border-radius:", ";cursor:pointer;padding:", ";color:", ";background-color:", ";transition:background-color 0.2s ease-in-out 0s;box-sizing:border-box;", " &:hover{", "}&:active{", "}", ""], function (_ref2) {
+})(["appearance:none;display:inline-block;text-decoration:none;text-align:center;position:relative;border:none;border-radius:", ";cursor:pointer;padding:", ";color:", ";background-color:", ";transition:background-color 0.2s ease-in-out 0s;box-sizing:border-box;", " &:hover{", "}&:active{", "}", " ", ""], function (_ref2) {
   var $borderRadius = _ref2.$borderRadius;
   return $borderRadius;
 }, function (_ref3) {
@@ -36,7 +37,7 @@ export var Wrapper = styled.button.withConfig({
 }, function (_ref9) {
   var $disabled = _ref9.$disabled;
   return $disabled && css(["pointer-events:none;", "{opacity:0.5;}"], Inner);
-});
+}, reducedMotion);
 export var LoaderWrapper = styled.div.withConfig({
   displayName: "styles__LoaderWrapper",
   componentId: "sc-ln4oiu-2"

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

@@ -1,4 +1,5 @@
 import styled, { keyframes } from 'styled-components';
+import { reducedMotion } from '../../../utils/reducedMotion';
 var shine = keyframes(["0%{left:calc(0% - 200px);}100%{left:calc(100% + 200px);}"]);
 export var Wrapper = styled.div.withConfig({
   displayName: "styles__Wrapper",
@@ -16,7 +17,7 @@ export var Wrapper = styled.div.withConfig({
 export var Inner = styled.div.withConfig({
   displayName: "styles__Inner",
   componentId: "sc-mb3gd0-1"
-})(["position:absolute;top:0;bottom:0;width:100px;background-image:linear-gradient( 90deg,", " 0px,", " 50px,", " 100px );animation:", " 3s infinite linear;"], function (_ref4) {
+})(["position:absolute;top:0;bottom:0;width:100px;background-image:linear-gradient( 90deg,", " 0px,", " 50px,", " 100px );animation:", " 3s infinite linear;", ""], function (_ref4) {
   var $palette = _ref4.$palette;
   return $palette.bg;
 }, function (_ref5) {
@@ -25,4 +26,4 @@ export var Inner = styled.div.withConfig({
 }, function (_ref6) {
   var $palette = _ref6.$palette;
   return $palette.bg;
-}, shine);
+}, shine, reducedMotion);

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

@@ -3,19 +3,28 @@ import * as S from './styles';
 import { useComponentPalette } from '../../../palette';
 import { toast as libToast } from 'react-toastify';
 import { Typography } from '../Typography';
+// toastId по умолчанию выводится из текста: пока тост с таким id виден,
+// повторные вызовы с тем же сообщением игнорируются react-toastify —
+// одинаковые ошибки не стекаются в «бурю тостов»
 export var toast = {
-  error: function error(message) {
+  error: function error(message, options) {
+    var _options$toastId;
     libToast.error(function () {
       return /*#__PURE__*/React.createElement(Typography, {
         variant: "bodyMRegular"
       }, message);
+    }, {
+      toastId: (_options$toastId = options === null || options === void 0 ? void 0 : options.toastId) !== null && _options$toastId !== void 0 ? _options$toastId : "error:".concat(message)
     });
   },
-  success: function success(message) {
+  success: function success(message, options) {
+    var _options$toastId2;
     libToast.success(function () {
       return /*#__PURE__*/React.createElement(Typography, {
         variant: "bodyMRegular"
       }, message);
+    }, {
+      toastId: (_options$toastId2 = options === null || options === void 0 ? void 0 : options.toastId) !== null && _options$toastId2 !== void 0 ? _options$toastId2 : "success:".concat(message)
     });
   }
 };

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

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import React, { useCallback, useRef, useState } from 'react';
+import React, { useCallback, useId, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { Typography } from '../Typography';
 import { useComponentPalette } from '../../../palette';
@@ -22,6 +22,7 @@ export var Tooltip = function Tooltip(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     coords = _useState2[0],
     setCoords = _useState2[1];
+  var tooltipId = useId();
   var show = useCallback(function () {
     var el = triggerRef.current;
     if (!el || !overlay) return;
@@ -34,13 +35,22 @@ export var Tooltip = function Tooltip(_ref) {
   var hide = useCallback(function () {
     return setCoords(null);
   }, []);
+
+  // WAI-ARIA tooltip: Escape закрывает тултип, не убирая фокус с триггера
+  var handleKeyDown = useCallback(function (event) {
+    if (event.key === 'Escape') hide();
+  }, [hide]);
   return /*#__PURE__*/React.createElement(S.Trigger, {
     ref: triggerRef,
     onMouseEnter: show,
     onMouseLeave: hide,
     onFocus: show,
-    onBlur: hide
+    onBlur: hide,
+    onKeyDown: handleKeyDown,
+    "aria-describedby": coords ? tooltipId : undefined
   }, children, coords && /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(S.Overlay, {
+    id: tooltipId,
+    role: "tooltip",
     $palette: palette,
     $top: coords.top,
     $left: coords.left,

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

@@ -1,8 +1,8 @@
 var _excluded = ["variant", "element"],
   _excluded2 = ["variant", "element"];
 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; }
 import React, { forwardRef } from 'react';
 import * as S from './styles';
 export var Typography = function Typography(_ref) {

package/dist/esm/components/form/Autocomplete/components/Autocomplete/index.js

@@ -12,6 +12,7 @@ import { Skeleton } from '../../../../common/Skeleton';
 import { useMobile } from '../../../../../hooks/useMedia';
 import { useInputFocus } from '../../../../../hooks/useInputFocus';
 import { useOutsideClick } from '../../../../../hooks/useOutsideClick';
+import { ErrorBoundary } from '../../../../common/ErrorBoundary';
 import { InputLabel } from '../../../InputLabel';
 import { PureInput } from '../../../PureInput';
 import { Dropdown } from '../../../../common/Dropdown';
@@ -27,7 +28,7 @@ var DefaultSkeletonItem = function DefaultSkeletonItem() {
   }));
 };
 var MAX_LIST_HEIGHT = 294;
-export var Autocomplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var AutocompleteInner = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var options = _ref.options,
     value = _ref.value,
     onChange = _ref.onChange,
@@ -204,7 +205,9 @@ export var Autocomplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
     disabled: disabled,
     paddingLeft: inputPaddingLeft,
     maxLength: inputMaxLength,
-    isOnlyNumbers: isInputOnlyNumbers,
+    isOnlyNumbers: isInputOnlyNumbers
+    // eslint-disable-next-line jsx-a11y/no-autofocus -- проп прокидывается потребителю, решение об автофокусе за ним
+    ,
     autoFocus: autoFocus,
     readOnly: readOnly,
     useModernStyles: useModernStyles,
@@ -254,4 +257,14 @@ export var Autocomplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, option.value))));
   })))));
 });
+AutocompleteInner.displayName = 'AutocompleteInner';
+
+// Граница ошибок снаружи: renderOption/optionsLoader потребителя вызываются в
+// рендере AutocompleteInner — исключение колбэка иначе валило бы всё дерево
+// приложения (RES-001). Fallback — null: поле исчезает, страница живёт.
+export var Autocomplete = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(AutocompleteInner, _extends({}, props, {
+    ref: ref
+  })));
+});
 Autocomplete.displayName = 'Autocomplete';

package/dist/esm/components/form/Autocomplete/components/AutocompleteDefaultOption/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { typography } from '../../../../common/Typography/typography';
 import { Typography } from '../../../../common/Typography';
+import { reducedMotion } from '../../../../../utils/reducedMotion';
 export var AutocompleteDefaultOption = function AutocompleteDefaultOption(_ref) {
   var children = _ref.children,
     _ref$usePadding = _ref.usePadding,
@@ -15,7 +16,7 @@ export var AutocompleteDefaultOption = function AutocompleteDefaultOption(_ref)
 var Wrapper = styled(Typography).withConfig({
   displayName: "AutocompleteDefaultOption__Wrapper",
   componentId: "sc-1a61mvs-0"
-})(["overflow:hidden;display:flex;width:100%;text-align:left;flex-direction:column;padding:", ";transition:all 0.2s ease-in-out;", " box-sizing:border-box;"], function (_ref2) {
+})(["overflow:hidden;display:flex;width:100%;text-align:left;flex-direction:column;padding:", ";transition:all 0.2s ease-in-out;", " box-sizing:border-box;", ""], function (_ref2) {
   var $usePadding = _ref2.$usePadding;
   return $usePadding ? '12px' : '12px 20px';
-}, typography.bodyMRegular);
+}, typography.bodyMRegular, reducedMotion);

package/dist/esm/components/form/Checkbox/index.js

@@ -1,7 +1,7 @@
 var _excluded = ["disabled", "className", "checked", "disabledText", "label"];
 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; }
 import React, { useMemo } from 'react';
 import { Typography } from '../../common/Typography';
 import { Tooltip } from '../../common/Tooltip';

package/dist/esm/components/form/Checkbox/styles.js

@@ -1,23 +1,27 @@
 import styled from 'styled-components';
 import { CheckIcon } from './CheckIcon';
+import { reducedMotion } from '../../../utils/reducedMotion';
 var TRANSITION = 'all .2s ease-in-out';
 var BORDER_RADIUS_MIN = 4;
 export var CheckboxContainer = styled.div.withConfig({
   displayName: "styles__CheckboxContainer",
   componentId: "sc-11prdl0-0"
 })(["display:inline-block;vertical-align:middle;"]);
+
+// Инпут скрыт визуально, но остаётся в дереве доступности и фокусируем с
+// клавиатуры (display: none выключал и то и другое) — паттерн visually hidden
 export var HiddenCheckbox = styled.input.withConfig({
   displayName: "styles__HiddenCheckbox",
   componentId: "sc-11prdl0-1"
-})(["display:none;"]);
+})(["position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;"]);
 export var CheckboxIcon = styled(CheckIcon).withConfig({
   displayName: "styles__CheckboxIcon",
   componentId: "sc-11prdl0-2"
-})(["transition:", ";"], TRANSITION);
+})(["transition:", ";", ""], TRANSITION, reducedMotion);
 export var StyledCheckbox = styled.div.withConfig({
   displayName: "styles__StyledCheckbox",
   componentId: "sc-11prdl0-3"
-})(["display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:", "px;transition:", ";"], BORDER_RADIUS_MIN, TRANSITION);
+})(["display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:", "px;transition:", ";", ""], BORDER_RADIUS_MIN, TRANSITION, reducedMotion);
 var getStylesCheckbox = function getStylesCheckbox(palette, disabled, checked) {
   if (disabled) {
     if (checked) {
@@ -45,7 +49,7 @@ var getHoverStylesCheckbox = function getHoverStylesCheckbox(palette, disabled,
 export var CheckboxLabel = styled.label.withConfig({
   displayName: "styles__CheckboxLabel",
   componentId: "sc-11prdl0-4"
-})(["display:flex;align-items:center;grid-column-gap:10px;user-select:none;width:fit-content;cursor:pointer;color:", ";", "{", ";", "{opacity:", ";}}&:hover{", "{", ";}}"], function (_ref) {
+})(["display:flex;align-items:center;grid-column-gap:10px;user-select:none;width:fit-content;cursor:pointer;color:", ";", "{", ";", "{opacity:", ";}}&:hover{", "{", ";}}", ":focus-visible + ", "{outline:2px solid ", ";outline-offset:2px;}"], function (_ref) {
   var $palette = _ref.$palette;
   return $palette.labelColor;
 }, StyledCheckbox, function (_ref2) {
@@ -61,4 +65,7 @@ export var CheckboxLabel = styled.label.withConfig({
     $disabled = _ref4.$disabled,
     $palette = _ref4.$palette;
   return getHoverStylesCheckbox($palette, $disabled, $checked);
+}, HiddenCheckbox, StyledCheckbox, function (_ref5) {
+  var $palette = _ref5.$palette;
+  return $palette.borderHover;
 });

package/dist/esm/components/form/CodeInput/index.js

@@ -84,7 +84,9 @@ export var CodeInput = function CodeInput(_ref) {
       onFocus: handleFocus,
       placeholder: "-",
       $hasError: hasError,
-      disabled: !!disabled,
+      disabled: !!disabled
+      // eslint-disable-next-line jsx-a11y/no-autofocus -- проп прокидывается потребителю, решение об автофокусе за ним
+      ,
       autoFocus: autoFocus,
       autoComplete: 'one-time-code',
       type: "text"

package/dist/esm/components/form/CountrySelect/index.js

@@ -10,8 +10,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-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; }
 import React, { useCallback, useMemo, useRef, useState } from 'react';
 import * as S from './stlyes';
 import { CountryItem } from './components/CountryItem';

package/dist/esm/components/form/CurrencyInput/CurrencyInputNumber/index.js

@@ -1,7 +1,7 @@
 var _excluded = ["onChange"];
 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; }
 import React from 'react';
 import { CoreCurrencyInput } from '../CoreCurrencyInput';
 export var CurrencyInputNumber = function CurrencyInputNumber(_ref) {

package/dist/esm/components/form/CurrencyInput/CurrencyInputString/index.js

@@ -1,7 +1,7 @@
 var _excluded = ["onChange"];
 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; }
 import React from 'react';
 import { CoreCurrencyInput } from '../CoreCurrencyInput';
 export var CurrencyInputString = function CurrencyInputString(_ref) {

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

@@ -148,7 +148,8 @@ export var DateInput = function DateInput(_ref) {
   }) : /*#__PURE__*/React.createElement(Dropdown, _extends({
     ref: dropdownRef,
     isOpen: isOpen,
-    isAutoPosition: true
+    isAutoPosition: true,
+    role: "dialog"
   }, dropdownProps), /*#__PURE__*/React.createElement(S.CalendarWrapper, null, /*#__PURE__*/React.createElement(Calendar, {
     value: value,
     onChange: handleCalendarChange,

package/dist/esm/components/form/DateTimeInput/components/MobileNumbersColumn/styles.js

@@ -1,4 +1,5 @@
 import styled, { css } from 'styled-components';
+import { reducedMotion } from '../../../../../utils/reducedMotion';
 export var Wrapper = styled.div.withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-jqg7lg-0"
@@ -6,7 +7,7 @@ export var Wrapper = styled.div.withConfig({
 export var Number = styled.div.withConfig({
   displayName: "styles__Number",
   componentId: "sc-jqg7lg-1"
-})(["opacity:", ";width:28px;height:28px;flex-shrink:0;transform:translateZ(0) rotateX(", "deg);backface-visibility:hidden;will-change:transform,opacity;transition:all 0.1s ease;", ""], function (_ref) {
+})(["opacity:", ";width:28px;height:28px;flex-shrink:0;transform:translateZ(0) rotateX(", "deg);backface-visibility:hidden;will-change:transform,opacity;transition:all 0.1s ease;", " ", ""], function (_ref) {
   var $opacity = _ref.$opacity;
   return $opacity;
 }, function (_ref2) {
@@ -15,4 +16,4 @@ export var Number = styled.div.withConfig({
 }, function (_ref3) {
   var $isActive = _ref3.$isActive;
   return $isActive && css(["margin:4px 0;"]);
-});
+}, reducedMotion);

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

@@ -168,7 +168,8 @@ export var DateTimeInput = function DateTimeInput(_ref) {
   }, /*#__PURE__*/React.createElement(CalendarIcon, null)))), !isMobile ? /*#__PURE__*/React.createElement(Dropdown, _extends({
     ref: dropdownRef,
     isOpen: isOpen,
-    isAutoPosition: true
+    isAutoPosition: true,
+    role: "dialog"
   }, dropdownProps), /*#__PURE__*/React.createElement(S.CalendarWithTimePicker, {
     $dividerColor: palette.divider
   }, /*#__PURE__*/React.createElement(S.CalendarWrapper, {

package/dist/esm/components/form/InputLabel/styles.js

@@ -1,11 +1,12 @@
 import styled, { css, keyframes } from 'styled-components';
 import { Typography } from '../../common/Typography';
 import { LABEL_PADDING } from './constants';
+import { reducedMotion } from '../../../utils/reducedMotion';
 var labelFadeIn = keyframes(["from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}"]);
 export var Label = styled(Typography).withConfig({
   displayName: "styles__Label",
   componentId: "sc-1prrc3p-0"
-})(["border-radius:10px;position:absolute;top:", ";left:", ";background-color:", ";padding:0 ", "px;z-index:2;transition:color 0.2s ease-in-out 0s;animation:", " 0.15s ease;color:", ";", ""], function (_ref) {
+})(["border-radius:10px;position:absolute;top:", ";left:", ";background-color:", ";padding:0 ", "px;z-index:2;transition:color 0.2s ease-in-out 0s;animation:", " 0.15s ease;color:", ";", " ", ""], function (_ref) {
   var $top = _ref.$top;
   return $top ? "".concat($top, "px") : 0;
 }, function (_ref2) {
@@ -19,7 +20,7 @@ export var Label = styled(Typography).withConfig({
   var $inFocus = _ref4.$inFocus,
     $palette = _ref4.$palette;
   return $inFocus ? $palette.textHighlight : $palette.text;
-}, function (_ref5) {
+}, reducedMotion, function (_ref5) {
   var $required = _ref5.$required,
     $palette = _ref5.$palette;
   return $required && css(["&::after{content:\" *\";color:", ";"], function () {

package/dist/esm/components/form/ModernPlaceholder/styles.js

@@ -1,9 +1,10 @@
 import styled from 'styled-components';
 import { Typography } from '../../common/Typography';
+import { reducedMotion } from '../../../utils/reducedMotion';
 export var Wrapper = styled(Typography).withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-1f4olgp-0"
-})(["position:absolute;top:0;left:0;right:0;padding-left:", "px;padding-right:", "px;padding-top:", "px;pointer-events:none;z-index:1;display:flex;align-items:flex-start;overflow:hidden;opacity:", ";transform:translateY(", ");transition:opacity 0.15s ease,transform 0.15s ease;color:", ";"], function (_ref) {
+})(["position:absolute;top:0;left:0;right:0;padding-left:", "px;padding-right:", "px;padding-top:", "px;pointer-events:none;z-index:1;display:flex;align-items:flex-start;overflow:hidden;opacity:", ";transform:translateY(", ");transition:opacity 0.15s ease,transform 0.15s ease;color:", ";", ""], function (_ref) {
   var $paddingLeft = _ref.$paddingLeft;
   return $paddingLeft;
 }, function (_ref2) {
@@ -21,7 +22,7 @@ export var Wrapper = styled(Typography).withConfig({
 }, function (_ref6) {
   var $color = _ref6.$color;
   return $color;
-});
+}, reducedMotion);
 export var TextContent = styled.span.withConfig({
   displayName: "styles__TextContent",
   componentId: "sc-1f4olgp-1"