@salutejs/plasma-new-hope 0.118.0-canary.1344.10280312887.0 → 0.118.1-canary.1333.10283987438.0

package/styled-components/es/hooks/useFocusTrap.js

@@ -0,0 +1,90 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { FocusManager } from '../utils/focusManager';
+import { focusSelector, isFocusable, isTabble } from '../utils/tabbable';
+import { scopeTab } from '../utils/scopeTab';
+
+// Находим элемент для фокуса
+var getFocusElement = function getFocusElement(node, firstFocusSelector) {
+  var focusElement = null;
+  if (firstFocusSelector) {
+    if (typeof firstFocusSelector === 'string') {
+      focusElement = node.querySelector(firstFocusSelector);
+    } else if (firstFocusSelector.current) {
+      focusElement = firstFocusSelector.current;
+    }
+  }
+  if (!focusElement) {
+    var children = Array.from(node.querySelectorAll(focusSelector));
+    focusElement = children.find(function (el) {
+      return isTabble(el);
+    }) || null;
+  }
+
+  // Если ничего не нашлось, то может ли сама нода быть под фокусом
+  if (!focusElement && isFocusable(node)) {
+    focusElement = node;
+  }
+  return focusElement;
+};
+var processNode = function processNode(node, firstFocusSelector, ref) {
+  if (ref !== null && ref !== void 0 && ref.current) {
+    ref.current.removeEventListener('animationend', function () {
+      processNode(node, firstFocusSelector, ref);
+    });
+  }
+  var focusElement = getFocusElement(node, firstFocusSelector);
+  if (focusElement) {
+    focusElement.focus();
+  }
+};
+var focusManager = /*#__PURE__*/new FocusManager();
+
+/**
+ *  Захватывает фокус внутри DOM node.
+ * */
+export var useFocusTrap = function useFocusTrap() {
+  var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  var firstFocusSelector = arguments.length > 1 ? arguments[1] : undefined;
+  var focusAfterNode = arguments.length > 2 ? arguments[2] : undefined;
+  var focusAfterAnimation = arguments.length > 3 ? arguments[3] : undefined;
+  var ref = useRef();
+  var setRef = useCallback(function (node) {
+    if (ref.current) {
+      focusManager.teardownScopedFocus();
+      focusManager.returnFocus();
+    }
+    if (active && node) {
+      focusManager.setupScopedFocus(node);
+      focusManager.markForFocusAfter(focusAfterNode);
+
+      // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
+      setTimeout(function () {
+        if (ref !== null && ref !== void 0 && ref.current && node.ownerDocument && focusAfterAnimation) {
+          ref.current.addEventListener('animationend', function () {
+            processNode(node, firstFocusSelector, ref);
+          });
+        } else if (node.ownerDocument) {
+          processNode(node, firstFocusSelector);
+        }
+      });
+      ref.current = node;
+      return;
+    }
+    ref.current = null;
+  }, [active, firstFocusSelector]);
+  useEffect(function () {
+    if (!active) {
+      return;
+    }
+    var handleKeyDown = function handleKeyDown(event) {
+      if (event.key === 'Tab' && ref.current) {
+        scopeTab(ref.current, event);
+      }
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return function () {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [active]);
+  return setRef;
+};

package/styled-components/es/utils/focusManager.js

@@ -0,0 +1,55 @@
+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 _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
+import { findTabbableDescendants } from './tabbable';
+
+/**
+ *  Менеджер фокуса при открытии и закрытии нод при использовании focus-trap.
+ *  Также необходим, чтобы фокус всегда должен находиться внутри необходимой ноды.
+ * */
+export var FocusManager = /*#__PURE__*/_createClass(function FocusManager() {
+  var _this = this;
+  _classCallCheck(this, FocusManager);
+  // массив с элементами, которые нужно зафокусить после анмаунта
+  _defineProperty(this, "focusAfterElements", []);
+  // массив с trap нодами
+  _defineProperty(this, "focusNodes", []);
+  _defineProperty(this, "handleFocus", function () {
+    // Фокус всегда должен находиться внутри необходимой ноды
+    var focusNode = _this.focusNodes[_this.focusNodes.length - 1];
+    if (!focusNode || focusNode.contains(document.activeElement)) {
+      return;
+    }
+
+    // Выделяем первый tabbable элемент
+    var el = findTabbableDescendants(focusNode)[0] || focusNode;
+    el.focus();
+  });
+  // добавление на фокус после анмаунта
+  _defineProperty(this, "markForFocusAfter", function (focusAfterNode) {
+    var node = focusAfterNode && focusAfterNode.current ? focusAfterNode.current : document.activeElement;
+    _this.focusAfterElements.push(node);
+  });
+  // фокус на необходимый элемент
+  _defineProperty(this, "returnFocus", function () {
+    var _this$focusAfterEleme;
+    var toFocus = (_this$focusAfterEleme = _this.focusAfterElements.pop()) !== null && _this$focusAfterEleme !== void 0 ? _this$focusAfterEleme : null;
+    if (toFocus) {
+      toFocus.focus();
+    }
+  });
+  // при маунте ноды
+  _defineProperty(this, "setupScopedFocus", function (element) {
+    _this.focusNodes.push(element);
+    document.addEventListener('focusin', _this.handleFocus, true);
+  });
+  // при анмаунте
+  _defineProperty(this, "teardownScopedFocus", function () {
+    _this.focusNodes.pop();
+    document.removeEventListener('focusin', _this.handleFocus);
+  });
+});

package/styled-components/es/utils/scopeTab.js

@@ -0,0 +1,30 @@
+import { findTabbableDescendants } from './tabbable';
+
+/**
+ * Управлление фокусом лишь внутри ноды через tab
+ * @param node
+ * @param event
+ */
+export var scopeTab = function scopeTab(node, event) {
+  var tabbable = findTabbableDescendants(node);
+  if (!tabbable.length) {
+    event.preventDefault();
+    return;
+  }
+
+  // смотрим, является ли элемент крайним - первый или последним
+  var finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];
+  var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
+
+  // если не является, то передаем обработку таба самому браузеру
+  if (!leavingFinalTabbable) {
+    return;
+  }
+
+  // иначе зацкливаемся
+  event.preventDefault();
+  var target = tabbable[event.shiftKey ? tabbable.length - 1 : 0];
+  if (target) {
+    target.focus();
+  }
+};

package/styled-components/es/utils/tabbable.js

@@ -0,0 +1,40 @@
+var tabbableNode = /input|select|textarea|button|object/;
+export var focusSelector = /*#__PURE__*/['input', 'select', 'textarea', 'a', 'button', 'object', '[tabindex]', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])'].join(',');
+var isHidden = function isHidden(el) {
+  return el.offsetWidth <= 0 && el.offsetHeight <= 0 || el.style.display === 'none' || el.style.visibility === 'hidden' || el.style.opacity === '0';
+};
+export var isVisible = function isVisible(element, parentContainer) {
+  var parentElement = element;
+  while (parentElement) {
+    if (parentElement === parentContainer || parentElement === document.body) {
+      break;
+    }
+    if (isHidden(parentElement)) {
+      return false;
+    }
+    parentElement = parentElement.parentNode;
+  }
+  return true;
+};
+var getElementTabIndex = function getElementTabIndex(element) {
+  var tabIndex = element.getAttribute('tabindex');
+  return tabIndex === null ? NaN : parseInt(tabIndex, 10);
+};
+export var isFocusable = function isFocusable(element, parentContainer) {
+  var nodeName = element.nodeName.toLowerCase();
+  var isTabIndexNotNaN = !Number.isNaN(getElementTabIndex(element));
+  var res = tabbableNode.test(nodeName) && !element.disabled || (element instanceof HTMLAnchorElement ? element.href || isTabIndexNotNaN : isTabIndexNotNaN);
+  return Boolean(res) && isVisible(element, parentContainer);
+};
+export var isTabble = function isTabble(element, parentContainer) {
+  var tabIndex = getElementTabIndex(element);
+  var isTabIndexNaN = Number.isNaN(tabIndex);
+  return (isTabIndexNaN || tabIndex >= 0) && isFocusable(element, parentContainer);
+};
+
+// Все элементы внутри данной ноды, до которых можно добраться табом
+export var findTabbableDescendants = function findTabbableDescendants(element) {
+  return Array.from(element.querySelectorAll(focusSelector)).filter(function (el) {
+    return isTabble(el, element);
+  });
+};

package/styled-components/es/utils/useFocusTrap.js

@@ -0,0 +1,90 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { FocusManager } from '../utils/focusManager';
+import { focusSelector, isFocusable, isTabble } from '../utils/tabbable';
+import { scopeTab } from '../utils/scopeTab';
+
+// Находим элемент для фокуса
+var getFocusElement = function getFocusElement(node, firstFocusSelector) {
+  var focusElement = null;
+  if (firstFocusSelector) {
+    if (typeof firstFocusSelector === 'string') {
+      focusElement = node.querySelector(firstFocusSelector);
+    } else if (firstFocusSelector.current) {
+      focusElement = firstFocusSelector.current;
+    }
+  }
+  if (!focusElement) {
+    var children = Array.from(node.querySelectorAll(focusSelector));
+    focusElement = children.find(function (el) {
+      return isTabble(el);
+    }) || null;
+  }
+
+  // Если ничего не нашлось, то может ли сама нода быть под фокусом
+  if (!focusElement && isFocusable(node)) {
+    focusElement = node;
+  }
+  return focusElement;
+};
+var processNode = function processNode(node, firstFocusSelector, ref) {
+  if (ref !== null && ref !== void 0 && ref.current) {
+    ref.current.removeEventListener('animationend', function () {
+      processNode(node, firstFocusSelector, ref);
+    });
+  }
+  var focusElement = getFocusElement(node, firstFocusSelector);
+  if (focusElement) {
+    focusElement.focus();
+  }
+};
+var focusManager = /*#__PURE__*/new FocusManager();
+
+/**
+ *  Захватывает фокус внутри DOM node.
+ * */
+export var useFocusTrap = function useFocusTrap() {
+  var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  var firstFocusSelector = arguments.length > 1 ? arguments[1] : undefined;
+  var focusAfterNode = arguments.length > 2 ? arguments[2] : undefined;
+  var activeAfterAnimation = arguments.length > 3 ? arguments[3] : undefined;
+  var ref = useRef();
+  var setRef = useCallback(function (node) {
+    if (ref.current) {
+      focusManager.teardownScopedFocus();
+      focusManager.returnFocus();
+    }
+    if (active && node) {
+      focusManager.setupScopedFocus(node);
+      focusManager.markForFocusAfter(focusAfterNode);
+
+      // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
+      setTimeout(function () {
+        if (ref !== null && ref !== void 0 && ref.current && node.ownerDocument && activeAfterAnimation) {
+          ref.current.addEventListener('animationend', function () {
+            processNode(node, firstFocusSelector, ref);
+          });
+        } else if (node.ownerDocument) {
+          processNode(node, firstFocusSelector);
+        }
+      });
+      ref.current = node;
+      return;
+    }
+    ref.current = null;
+  }, [active, firstFocusSelector]);
+  useEffect(function () {
+    if (!active) {
+      return;
+    }
+    var handleKeyDown = function handleKeyDown(event) {
+      if (event.key === 'Tab' && ref.current) {
+        scopeTab(ref.current, event);
+      }
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return function () {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [active]);
+  return setRef;
+};

package/types/components/Accordion/Accordion.tokens.d.ts

@@ -23,7 +23,6 @@ export declare const tokens: {
     accordionItemFocus: string;
     accordionItemBorder: string;
     accordionItemBorderBottom: string;
-    accordionItemIconColor: string;
     accordionItemTitleColor: string;
     accordionItemTitleFontFamily: string;
     accordionItemTitleFontSize: string;

package/types/components/Accordion/Accordion.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgClB,CAAC"}
+{"version":3,"file":"Accordion.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BlB,CAAC"}

package/types/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AAMrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFAiFhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAnFQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAgGpE,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AAOrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFAiFhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAnFQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAgGpE,CAAC"}

package/types/components/Tabs/tokens.d.ts

@@ -10,6 +10,8 @@ export declare const classes: {
     tabLeftContent: string;
     tabsHasLeftArrow: string;
     tabsHasRightArrow: string;
+    tabsClipScroll: string;
+    tabsClipShowAll: string;
 };
 export declare const tokens: {
     disabledOpacity: string;
@@ -50,6 +52,7 @@ export declare const tokens: {
     itemColor: string;
     itemBackgroundColor: string;
     itemColorHover: string;
+    itemColorActive: string;
     itemBackgroundColorHover: string;
     itemSelectedColor: string;
     itemSelectedBackgroundColor: string;

package/types/components/Tabs/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmElB,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAcnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoElB,CAAC"}

package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/TabItem/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AASjE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;;;wCA2FnE,CAAC;AAEP,eAAO,MAAM,aAAa,EAAE,eAuB3B,CAAC"}
+{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/TabItem/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AASjE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;;;wCAuGnE,CAAC;AAEP,eAAO,MAAM,aAAa,EAAE,eAuB3B,CAAC"}

package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Tabs/ui/TabItem/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAmDhB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Tabs/ui/TabItem/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAuDhB,CAAC"}

package/types/components/Tabs/ui/Tabs/Tabs.d.ts

@@ -2,31 +2,33 @@ import React from 'react';
 import type { RootProps } from '../../../../engines/types';
 import type { TabsProps } from './Tabs.types';
 export declare const tabsRoot: (Root: RootProps<HTMLDivElement, TabsProps>) => React.ForwardRefExoticComponent<import("../../../../types").AsProps<any> & React.HTMLAttributes<HTMLDivElement> & {
+    clip?: "scroll" | "showAll" | undefined;
     disabled?: boolean | undefined;
     stretch?: boolean | undefined;
     pilled?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+    index?: number | undefined;
     outsideScroll?: boolean | {
         left?: string | undefined;
         right?: string | undefined;
     } | undefined;
-    index?: number | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const tabsConfig: {
     name: string;
     tag: string;
     layout: (Root: RootProps<HTMLDivElement, TabsProps>) => React.ForwardRefExoticComponent<import("../../../../types").AsProps<any> & React.HTMLAttributes<HTMLDivElement> & {
+        clip?: "scroll" | "showAll" | undefined;
         disabled?: boolean | undefined;
         stretch?: boolean | undefined;
         pilled?: boolean | undefined;
         size?: string | undefined;
         view?: string | undefined;
+        index?: number | undefined;
         outsideScroll?: boolean | {
             left?: string | undefined;
             right?: string | undefined;
         } | undefined;
-        index?: number | undefined;
     } & React.RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {

package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuF,MAAM,OAAO,CAAC;AAI5G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAY3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;wCAiK7D,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBAnKQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+LlE,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuF,MAAM,OAAO,CAAC;AAI5G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAY3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;wCA6M7D,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBA/MQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2OlE,CAAC"}

package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAmBhC,CAAC;AAEF,eAAO,MAAM,WAAW;;;EAyBvB,CAAC"}
+{"version":3,"file":"Tabs.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAKhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKA0BhC,CAAC;AAEF,eAAO,MAAM,WAAW;;;EAyBvB,CAAC"}

package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts

@@ -1,6 +1,14 @@
 import type { HTMLAttributes } from 'react';
 import type { AsProps } from '../../../../types';
 export declare type TabsProps = AsProps & HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Как ведет себя компонент при ограничении ширины
+     * @default 'scroll'
+     * @description
+     * scroll - появляется горизонтальная прокрутка
+     * showAll - становится виден контент, выходящий за пределы компонента
+     */
+    clip?: 'scroll' | 'showAll';
     /**
      * Табы неактивны
      * @default false
@@ -24,6 +32,10 @@ export declare type TabsProps = AsProps & HTMLAttributes<HTMLDivElement> & {
      * Вид табов
      */
     view?: string;
+    /**
+     * Индекс активного элемента, необходим для клавиатурной навигации
+     */
+    index?: number;
     /**
      * Уберет скругление с выбранной стороны и подвинет контейнер
      * @deprecated
@@ -32,10 +44,5 @@ export declare type TabsProps = AsProps & HTMLAttributes<HTMLDivElement> & {
         left?: string;
         right?: string;
     };
-    /**
-     *
-     * Индекс активного элемента, необходим для клавиатурной навигации
-     */
-    index?: number;
 };
 //# sourceMappingURL=Tabs.types.d.ts.map

package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,oBAAY,SAAS,GAAG,OAAO,GAC3B,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5D;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}
+{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,oBAAY,SAAS,GAAG,OAAO,GAC3B,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/D,CAAC"}

package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Tabs/ui/Tabs/variations/_stretch/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAQhB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Tabs/ui/Tabs/variations/_stretch/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAShB,CAAC"}

package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Accordion/Accordion.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;CA2HlB,CAAC"}
+{"version":3,"file":"Accordion.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Accordion/Accordion.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;CAyHlB,CAAC"}

package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/TabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyQlB,CAAC"}
+{"version":3,"file":"TabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/TabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6QlB,CAAC"}

package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts

@@ -2,7 +2,6 @@ export declare const config: {
     defaults: {
         view: string;
         size: string;
-        disabled: string;
     };
     variations: {
         view: {

package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/Tabs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHlB,CAAC"}
+{"version":3,"file":"Tabs.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/Tabs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoHlB,CAAC"}

package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts

@@ -1,14 +1,15 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export declare const Tabs: ForwardRefExoticComponent<import("../../../../types").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & {
+    clip?: "scroll" | "showAll" | undefined;
     disabled?: boolean | undefined;
     stretch?: boolean | undefined;
     pilled?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+    index?: number | undefined;
     outsideScroll?: boolean | {
         left?: string | undefined;
         right?: string | undefined;
     } | undefined;
-    index?: number | undefined;
 } & RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Tabs.d.ts.map

package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/Tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AASjE,eAAO,MAAM,IAAI;;;;;;;;;;;kCAAkG,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/Tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AASjE,eAAO,MAAM,IAAI;;;;;;;;;;;;kCAAkG,CAAC"}

package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Accordion/Accordion.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CA4HlB,CAAC"}
+{"version":3,"file":"Accordion.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Accordion/Accordion.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CA0HlB,CAAC"}

package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Tabs/TabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsQlB,CAAC"}
+{"version":3,"file":"TabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Tabs/TabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0QlB,CAAC"}

package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts

@@ -2,7 +2,6 @@ export declare const config: {
     defaults: {
         view: string;
         size: string;
-        disabled: string;
     };
     variations: {
         view: {

package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Tabs/Tabs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHlB,CAAC"}
+{"version":3,"file":"Tabs.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Tabs/Tabs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoHlB,CAAC"}

package/types/examples/plasma_web/components/Tabs/Tabs.d.ts

@@ -1,14 +1,15 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export declare const Tabs: ForwardRefExoticComponent<import("../../../../types").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & {
+    clip?: "scroll" | "showAll" | undefined;
     disabled?: boolean | undefined;
     stretch?: boolean | undefined;
     pilled?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+    index?: number | undefined;
     outsideScroll?: boolean | {
         left?: string | undefined;
         right?: string | undefined;
     } | undefined;
-    index?: number | undefined;
 } & RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Tabs.d.ts.map

package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Tabs/Tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AASjE,eAAO,MAAM,IAAI;;;;;;;;;;;kCAAkG,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Tabs/Tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AASjE,eAAO,MAAM,IAAI;;;;;;;;;;;;kCAAkG,CAAC"}

package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts

@@ -1,14 +1,15 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export declare const Tabs: ForwardRefExoticComponent<import("../../../../types").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & {
+    clip?: "scroll" | "showAll" | undefined;
     disabled?: boolean | undefined;
     stretch?: boolean | undefined;
     pilled?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+    index?: number | undefined;
     outsideScroll?: boolean | {
         left?: string | undefined;
         right?: string | undefined;
     } | undefined;
-    index?: number | undefined;
 } & RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Tabs.d.ts.map

package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Tabs/Tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AASjE,eAAO,MAAM,IAAI;;;;;;;;;;;kCAAkG,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Tabs/Tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AASjE,eAAO,MAAM,IAAI;;;;;;;;;;;;kCAAkG,CAAC"}

package/types/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export { useUniqId } from './useUniqId';
+export { useFocusTrap } from './useFocusTrap';
 export { usePreviousValue } from './usePreviousValue';
 export { useForceUpdate } from './useForceUpdate';
 export { useDidMountEffect } from './useDidMountEffect';

package/types/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}

package/types/hooks/useFocusTrap.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+/**
+ *  Захватывает фокус внутри DOM node.
+ * */
+export declare const useFocusTrap: (active?: boolean, firstFocusSelector?: string | import("react").RefObject<HTMLElement> | undefined, focusAfterNode?: import("react").RefObject<HTMLElement> | undefined, focusAfterAnimation?: boolean | undefined) => (instance: HTMLElement | null) => void;
+//# sourceMappingURL=useFocusTrap.d.ts.map

package/types/hooks/useFocusTrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":";AAoDA;;KAEK;AACL,eAAO,MAAM,YAAY,qOAKV,WAAW,GAAG,IAAI,KAAK,IAoDrC,CAAC"}

package/types/utils/focusManager.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/**
+ *  Менеджер фокуса при открытии и закрытии нод при использовании focus-trap.
+ *  Также необходим, чтобы фокус всегда должен находиться внутри необходимой ноды.
+ * */
+export declare class FocusManager {
+    private focusAfterElements;
+    private focusNodes;
+    private handleFocus;
+    markForFocusAfter: (focusAfterNode?: import("react").RefObject<HTMLElement> | undefined) => void;
+    returnFocus: () => void;
+    setupScopedFocus: (element: HTMLElement) => void;
+    teardownScopedFocus: () => void;
+}
+//# sourceMappingURL=focusManager.d.ts.map

package/types/utils/focusManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusManager.d.ts","sourceRoot":"","sources":["../../src/utils/focusManager.ts"],"names":[],"mappings":";AAEA;;;KAGK;AACL,qBAAa,YAAY;IAErB,OAAO,CAAC,kBAAkB,CAA0B;IAGpD,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,WAAW,CAWjB;IAGK,iBAAiB,gFAItB;IAGK,WAAW,aAKhB;IAGK,gBAAgB,YAAa,WAAW,UAG7C;IAGK,mBAAmB,aAGxB;CACL"}