@salutejs/plasma-new-hope 0.325.0-canary.1984.15208824153.0 → 0.325.0-canary.1986.15254197327.0

package/emotion/es/components/PaginationDots/PaginationDot.js

@@ -0,0 +1,28 @@
+import _styled from "@emotion/styled/base";
+/**
+ * Элемент пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+export var DotBase = /*#__PURE__*/_styled("li", {
+  target: "e14yjkg31",
+  label: "plasma-new-hope__DotBase"
+})("width:", function (_ref) {
+  var isActive = _ref.isActive;
+  return isActive ? '1.75rem' : '0.375rem';
+}, ";height:0.375rem;border-radius:1rem;background:", function (_ref2) {
+  var isActive = _ref2.isActive;
+  return isActive ? 'var(--text-primary)' : 'var(--surface-transparent-tertiary)';
+}, ";transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;&+&{margin-left:0.375rem;}&:focus{outline:0 none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW9EIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFnaW5hdGlvbkRvdFByb3BzIGV4dGVuZHMgUmVhY3QuTGlIVE1MQXR0cmlidXRlczxIVE1MTElFbGVtZW50PiB7XG4gICAgLyoqXG4gICAgICog0K3Qu9C10LzQtdC90YIg0LDQutGC0LjQstC10L1cbiAgICAgKi9cbiAgICBpc0FjdGl2ZTogYm9vbGVhbjtcbn1cblxuLyoqXG4gKiDQrdC70LXQvNC10L3RgiDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IERvdEJhc2UgPSBzdHlsZWQubGk8UGFnaW5hdGlvbkRvdFByb3BzPmBcbiAgICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMS43NXJlbScgOiAnMC4zNzVyZW0nKX07XG4gICAgaGVpZ2h0OiAwLjM3NXJlbTtcbiAgICBib3JkZXItcmFkaXVzOiAxcmVtO1xuICAgIGJhY2tncm91bmQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ3ZhcigtLXRleHQtcHJpbWFyeSknIDogJ3ZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnkpJyl9O1xuICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMXMgZWFzZS1pbi1vdXQsIGJhY2tncm91bmQgMC4zcyBlYXNlLWluLW91dDtcbiAgICBmb250LXNpemU6IDAuNXJlbTtcblxuICAgICYgKyAmIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDAuMzc1cmVtO1xuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAwIG5vbmU7XG4gICAgfVxuYDtcblxuLyoqXG4gKiDQrdC70LXQvNC10L3RgiDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqIEBkZXByZWNhdGVkXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uRG90ID0gc3R5bGVkKERvdEJhc2UpPFBhZ2luYXRpb25Eb3RQcm9wcz5gXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAndmFyKC0tdGV4dC1hY2NlbnQpJyA6ICd2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5KScpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS10ZXh0LWFjY2VudCk7XG4gICAgfVxuYDtcbiJdfQ== */"));
+
+/**
+ * Элемент пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ * @deprecated
+ */
+export var PaginationDot = /*#__PURE__*/_styled(DotBase, {
+  target: "e14yjkg30",
+  label: "plasma-new-hope__PaginationDot"
+})("cursor:pointer;background:", function (_ref3) {
+  var isActive = _ref3.isActive;
+  return isActive ? 'var(--text-accent)' : 'var(--surface-transparent-tertiary)';
+}, ";&:hover{background:var(--text-accent);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNnRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb25Eb3RzL1BhZ2luYXRpb25Eb3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFBhZ2luYXRpb25Eb3RQcm9wcyBleHRlbmRzIFJlYWN0LkxpSFRNTEF0dHJpYnV0ZXM8SFRNTExJRWxlbWVudD4ge1xuICAgIC8qKlxuICAgICAqINCt0LvQtdC80LXQvdGCINCw0LrRgtC40LLQtdC9XG4gICAgICovXG4gICAgaXNBY3RpdmU6IGJvb2xlYW47XG59XG5cbi8qKlxuICog0K3Qu9C10LzQtdC90YIg0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKi9cbmV4cG9ydCBjb25zdCBEb3RCYXNlID0gc3R5bGVkLmxpPFBhZ2luYXRpb25Eb3RQcm9wcz5gXG4gICAgd2lkdGg6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzEuNzVyZW0nIDogJzAuMzc1cmVtJyl9O1xuICAgIGhlaWdodDogMC4zNzVyZW07XG4gICAgYm9yZGVyLXJhZGl1czogMXJlbTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICd2YXIoLS10ZXh0LXByaW1hcnkpJyA6ICd2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5KScpfTtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjFzIGVhc2UtaW4tb3V0LCBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG4gICAgZm9udC1zaXplOiAwLjVyZW07XG5cbiAgICAmICsgJiB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwLjM3NXJlbTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMCBub25lO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0K3Qu9C10LzQtdC90YIg0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKiBAZGVwcmVjYXRlZFxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbkRvdCA9IHN0eWxlZChEb3RCYXNlKTxQYWdpbmF0aW9uRG90UHJvcHM+YFxuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgIGJhY2tncm91bmQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ3ZhcigtLXRleHQtYWNjZW50KScgOiAndmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSknKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tdGV4dC1hY2NlbnQpO1xuICAgIH1cbmA7XG4iXX0= */"));

package/emotion/es/components/PaginationDots/PaginationDots.js

@@ -0,0 +1,28 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+/**
+ * Оборачивающий компонент для пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+export var DotsBase = /*#__PURE__*/_styled("ul", {
+  target: "e126omqy1",
+  label: "plasma-new-hope__DotsBase"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1gpamx1",
+  styles: "display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none"
+} : {
+  name: "1gpamx1",
+  styles: "display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1pQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb25Eb3RzL1BhZ2luYXRpb25Eb3RzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiDQntCx0L7RgNCw0YfQuNCy0LDRjtGJ0LjQuSDQutC+0LzQv9C+0L3QtdC90YIg0LTQu9GPINC/0LDQs9C40L3QsNGG0LjQuCDRgtC+0YfQutCw0LzQuC5cbiAqINCh0YLQuNC70LjQt9C+0LLQsNC90L3Ri9C5INC60L7QvNC/0L7QvdC10L3Rgiwg0L7QsdC70LDQtNCw0Y7RidC40Lkg0LLRgdC10LzQuCDRgdCy0L7QudGB0YLQstCw0LzQuCBgYGRpdmBgLlxuICovXG5leHBvcnQgY29uc3QgRG90c0Jhc2UgPSBzdHlsZWQudWxgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbmA7XG5cbi8qKlxuICog0J7QsdC+0YDQsNGH0LjQstCw0Y7RidC40Lkg0LrQvtC80L/QvtC90LXQvdGCINC00LvRjyDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqIEBkZXByZWNhdGVkXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uRG90cyA9IHN0eWxlZChEb3RzQmFzZSlgYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+/**
+ * Оборачивающий компонент для пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ * @deprecated
+ */
+export var PaginationDots = /*#__PURE__*/_styled(DotsBase, {
+  target: "e126omqy0",
+  label: "plasma-new-hope__PaginationDots"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYWdpbmF0aW9uRG90cy9QYWdpbmF0aW9uRG90cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICog0J7QsdC+0YDQsNGH0LjQstCw0Y7RidC40Lkg0LrQvtC80L/QvtC90LXQvdGCINC00LvRjyDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IERvdHNCYXNlID0gc3R5bGVkLnVsYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG5gO1xuXG4vKipcbiAqINCe0LHQvtGA0LDRh9C40LLQsNGO0YnQuNC5INC60L7QvNC/0L7QvdC10L3RgiDQtNC70Y8g0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKiBAZGVwcmVjYXRlZFxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbkRvdHMgPSBzdHlsZWQoRG90c0Jhc2UpYGA7XG4iXX0= */");

package/emotion/es/components/PaginationDots/SmartPaginationDots.js

@@ -0,0 +1,36 @@
+var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
+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 { usePaginationDots } from "./usePaginationDots";
+import { PaginationDots } from "./PaginationDots";
+import { PaginationDot } from "./PaginationDot";
+/**
+ * Компонент для отображения точек пагинации
+ * с возможностью ограничения количества видимых элементов.
+ * @deprecated
+ */
+export var SmartPaginationDots = function SmartPaginationDots(_ref) {
+  var items = _ref.items,
+    index = _ref.index,
+    visibleItems = _ref.visibleItems,
+    onIndexChange = _ref.onIndexChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _usePaginationDots = usePaginationDots({
+      items: items,
+      index: index,
+      visibleItems: visibleItems
+    }),
+    sliced = _usePaginationDots.sliced,
+    activeId = _usePaginationDots.activeId;
+  return /*#__PURE__*/React.createElement(PaginationDots, rest, sliced.map(function (_ref2, i) {
+    var id = _ref2.id;
+    return /*#__PURE__*/React.createElement(PaginationDot, {
+      key: "item:".concat(i),
+      isActive: id === activeId,
+      onClick: function onClick() {
+        return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
+      }
+    });
+  }));
+};

package/emotion/es/components/PaginationDots/index.js

@@ -0,0 +1,3 @@
+export { SmartPaginationDots } from "./SmartPaginationDots";
+export { PaginationDots } from "./PaginationDots";
+export { PaginationDot } from "./PaginationDot";

package/emotion/es/components/PaginationDots/usePaginationDots.js

@@ -0,0 +1,32 @@
+import { useRef } from 'react';
+export var usePaginationDots = function usePaginationDots(_ref) {
+  var items = _ref.items,
+    index = _ref.index,
+    _ref$visibleItems = _ref.visibleItems,
+    visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
+  var activeId = items[index].id;
+  var prevIndex = useRef(null);
+  var direction = 0;
+  if (prevIndex.current !== null) {
+    direction = index > prevIndex.current ? 1 : -1;
+  }
+  var start;
+  var end;
+  if (direction === 1) {
+    end = Math.min(Math.max(index + 2, visibleItems), items.length);
+    start = Math.max(end - visibleItems, 0);
+  } else if (direction === -1) {
+    start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
+    end = start + visibleItems;
+  } else {
+    start = Math.max(index - Math.floor(visibleItems / 2), 0);
+    end = Math.min(start + visibleItems, items.length);
+    start = end - visibleItems;
+  }
+  var sliced = items.slice(start, end);
+  prevIndex.current = index;
+  return {
+    sliced: sliced,
+    activeId: activeId
+  };
+};

package/emotion/es/components/Select/Select.js

@@ -15,7 +15,7 @@ import { isEmpty } from "../../utils";
 import { useOutsideClick } from "../../hooks";
 import { useKeyNavigation, getItemByFocused } from "./hooks/useKeyboardNavigation";
 import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from "./utils";
-import { Inner, Target, VirtualList } from "./ui";
+import { Inner, Target, VirtualList, SelectAll } from "./ui";
 import { pathReducer, focusedPathReducer } from "./reducers";
 import { usePathMaps } from "./hooks/usePathMaps";
 import { Ul, base } from "./Select.styles";
@@ -420,7 +420,10 @@ export var selectRoot = function selectRoot(Root) {
       listWidth: listWidth,
       ref: targetRef,
       virtual: virtual
-    }, beforeList, virtual ? /*#__PURE__*/React.createElement(VirtualList, {
+    }, beforeList, props.multiselect && props.selectAllOptions && /*#__PURE__*/React.createElement(SelectAll, {
+      selectAllOptions: props.selectAllOptions,
+      variant: variant
+    }), virtual ? /*#__PURE__*/React.createElement(VirtualList, {
       items: transformedItems,
       listMaxHeight: listMaxHeight || listHeight,
       onScroll: onScroll

package/emotion/es/components/Select/Select.template-doc.mdx

@@ -508,6 +508,64 @@ Select может выглядеть как Button и как Textfield. За э
         }
         ```
     </TabItem>
+    <TabItem value="selectAll" label="Выбрать всё">
+        Работа с кнопкой "Выбрать всё" осуществляется через свойство `selectAllOptions` только в режиме `multiselect`:
+        ```tsx
+        type SelectAllProps = {
+            checked?: boolean;
+            indeterminate?: boolean;
+            label?: string;
+            onClick?: () => void;
+            sticky?: boolean;
+        };
+        ```
+        Вся логика выбора элементов и взаимодействия с компонентом лежит на стороне пользователя.
+
+        ```tsx live
+        import React, { useState } from 'react';
+        import { Select } from '@salutejs/{{ package }}';
+
+        export function App() {
+            const [checked, setChecked] = useState(false);
+
+            const items = [
+                {
+                    value: 'north_america',
+                    label: 'Северная Америка',
+                },
+                {
+                    value: 'south_america',
+                    label: 'Южная Америка',
+                    items: [
+                        {
+                            value: 'brazil',
+                            label: 'Бразилия',
+                        },
+                        {
+                            value: 'argentina',
+                            label: 'Аргентина',
+                        },
+                    ],
+                },
+            ];
+
+            return (
+                <div style={{ display: "flex", gap: "30px", height: "300px" }}>
+                    <Select
+                        label="Label"
+                        placeholder="Placeholder"
+                        items={items}
+                        multiselect
+                        selectAllOptions={{
+                            checked,
+                            onClick: () => setChecked(prev => !prev)
+                        }}
+                    />
+                </div>
+            );
+        }
+        ```
+    </TabItem>
 </Tabs>
 
 

package/emotion/es/components/Select/Select.tokens.js

@@ -53,6 +53,13 @@ export var tokens = {
   checkboxTriggerBorderWidth: '--plasma-select-checkbox-trigger-border-width',
   indicatorSize: '--plasma-select-indicator-size',
   targetHeight: '--plasma-select-target-height',
+  dividerMarginTop: '--plasma-select-divider-margin-top',
+  dividerMarginTopTight: '--plasma-select-divider-margin-top-tight',
+  dividerMarginRight: '--plasma-select-divider-margin-right',
+  dividerMarginBottom: '--plasma-select-divider-margin-bottom',
+  dividerMarginBottomTight: '--plasma-select-divider-margin-bottom-tight',
+  dividerMarginLeft: '--plasma-select-divider-margin-left',
+  dividerColor: '--plasma-select-divider-color',
   // Токены для Button
   buttonColor: '--plasma-select-button-color',
   buttonColorHover: '--plasma-select-button-color-hover',

package/emotion/es/components/Select/ui/SelectAll/SelectAll.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { IconWrapper, StyledCell, StyledCheckbox, StyledCheckboxWrapper, StyledWrapper, Wrapper as ItemWrapper } from "../Inner/ui/Item/Item.styles";
+import { Divider, Wrapper, DividerWrapper } from "./SelectAll.styles";
+export var SelectAll = function SelectAll(_ref) {
+  var variant = _ref.variant,
+    selectAllOptions = _ref.selectAllOptions;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    variant: variant,
+    onClick: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.onClick,
+    sticky: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.sticky
+  }, /*#__PURE__*/React.createElement(ItemWrapper, {
+    variant: variant
+  }, /*#__PURE__*/React.createElement(IconWrapper, {
+    variant: variant
+  }, /*#__PURE__*/React.createElement(StyledCheckboxWrapper, {
+    onClick: function onClick(e) {
+      return e.preventDefault();
+    }
+  }, /*#__PURE__*/React.createElement(StyledCheckbox, {
+    checked: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.checked,
+    indeterminate: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.indeterminate,
+    appearance: "default"
+  }))), /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(StyledCell
+  // TODO: #1548
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  , {
+    title: /*#__PURE__*/React.createElement("span", null, (selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.label) || 'Выбрать всё')
+  }))), /*#__PURE__*/React.createElement(DividerWrapper, null, /*#__PURE__*/React.createElement(Divider, {
+    variant: variant
+  })));
+};

package/emotion/es/components/Select/ui/SelectAll/SelectAll.styles.js

@@ -0,0 +1,23 @@
+import _styled from "@emotion/styled/base";
+import { tokens, constants } from "../../Select.tokens";
+export var Wrapper = /*#__PURE__*/_styled("div", {
+  target: "eevghor2",
+  label: "plasma-new-hope__Wrapper"
+})("position:", function (_ref) {
+  var sticky = _ref.sticky;
+  return sticky ? 'sticky' : 'static';
+}, ";z-index:10;top:0;display:flex;flex-direction:column;background:var(", constants.background, ");margin-right:var(", tokens.dropdownBorderWidth, ", 0rem);margin-bottom:", function (_ref2) {
+  var variant = _ref2.variant;
+  return "var(".concat(variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom, ")");
+}, ";margin-left:var(", tokens.dropdownBorderWidth, ", 0rem);border-top-left-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.dropdownBorderWidth, ", 0rem));border-top-right-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.dropdownBorderWidth, ", 0rem));&>li{margin:0 0.125rem;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L3VpL1NlbGVjdEFsbC9TZWxlY3RBbGwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt3RiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlbGVjdC91aS9TZWxlY3RBbGwvU2VsZWN0QWxsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgU2VsZWN0UHJvcHMgfSBmcm9tICcuLi8uLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuLi8uLi9TZWxlY3QudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgdmFyaWFudDogU2VsZWN0UHJvcHNbJ3ZhcmlhbnQnXTsgc3RpY2t5PzogYm9vbGVhbiB9PmBcbiAgICBwb3NpdGlvbjogJHsoeyBzdGlja3kgfSkgPT4gKHN0aWNreSA/ICdzdGlja3knIDogJ3N0YXRpYycpfTtcbiAgICB6LWluZGV4OiAxMDtcbiAgICB0b3A6IDA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgbWFyZ2luLXJpZ2h0OiB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pO1xuICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdmFyaWFudCB9KSA9PlxuICAgICAgICBgdmFyKCR7dmFyaWFudCA9PT0gJ3RpZ2h0JyA/IHRva2Vucy5kaXZpZGVyTWFyZ2luQm90dG9tVGlnaHQgOiB0b2tlbnMuZGl2aWRlck1hcmdpbkJvdHRvbX0pYH07XG4gICAgbWFyZ2luLWxlZnQ6IHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSk7XG4gICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogY2FsYyh2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSkgLSAwLjEyNXJlbSAtIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG5cbiAgICAmID4gbGkge1xuICAgICAgICBtYXJnaW46IDAgMC4xMjVyZW07XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IERpdmlkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBtYXJnaW46IDAgY2FsYygwLjEyNXJlbSArIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5kaXY8eyB2YXJpYW50OiBTZWxlY3RQcm9wc1sndmFyaWFudCddIH0+YFxuICAgIGhlaWdodDogMC4wNjI1cmVtO1xuICAgIG1hcmdpbi10b3A6ICR7KHsgdmFyaWFudCB9KSA9PlxuICAgICAgICBgdmFyKCR7dmFyaWFudCA9PT0gJ3RpZ2h0JyA/IHRva2Vucy5kaXZpZGVyTWFyZ2luVG9wVGlnaHQgOiB0b2tlbnMuZGl2aWRlck1hcmdpblRvcH0pYH07XG4gICAgbWFyZ2luLXJpZ2h0OiB2YXIoJHt0b2tlbnMuZGl2aWRlck1hcmdpblJpZ2h0fSk7XG5cbiAgICBtYXJnaW4tbGVmdDogdmFyKCR7dG9rZW5zLmRpdmlkZXJNYXJnaW5MZWZ0fSk7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmRpdmlkZXJDb2xvcn0pO1xuYDtcbiJdfQ== */"));
+export var DividerWrapper = /*#__PURE__*/_styled("div", {
+  target: "eevghor1",
+  label: "plasma-new-hope__DividerWrapper"
+})("margin:0 calc(0.125rem + var(", tokens.dropdownBorderWidth, ", 0rem));background:var(", constants.background, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L3VpL1NlbGVjdEFsbC9TZWxlY3RBbGwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCd0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvdWkvU2VsZWN0QWxsL1NlbGVjdEFsbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi4vLi4vU2VsZWN0LnR5cGVzJztcbmltcG9ydCB7IHRva2VucywgY29uc3RhbnRzIH0gZnJvbSAnLi4vLi4vU2VsZWN0LnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjx7IHZhcmlhbnQ6IFNlbGVjdFByb3BzWyd2YXJpYW50J107IHN0aWNreT86IGJvb2xlYW4gfT5gXG4gICAgcG9zaXRpb246ICR7KHsgc3RpY2t5IH0pID0+IChzdGlja3kgPyAnc3RpY2t5JyA6ICdzdGF0aWMnKX07XG4gICAgei1pbmRleDogMTA7XG4gICAgdG9wOiAwO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHtjb25zdGFudHMuYmFja2dyb3VuZH0pO1xuICAgIG1hcmdpbi1yaWdodDogdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKTtcbiAgICBtYXJnaW4tYm90dG9tOiAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgICAgYHZhcigke3ZhcmlhbnQgPT09ICd0aWdodCcgPyB0b2tlbnMuZGl2aWRlck1hcmdpbkJvdHRvbVRpZ2h0IDogdG9rZW5zLmRpdmlkZXJNYXJnaW5Cb3R0b219KWB9O1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pO1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IGNhbGModmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pIC0gMC4xMjVyZW0gLSB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pKTtcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogY2FsYyh2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSkgLSAwLjEyNXJlbSAtIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuXG4gICAgJiA+IGxpIHtcbiAgICAgICAgbWFyZ2luOiAwIDAuMTI1cmVtO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgbWFyZ2luOiAwIGNhbGMoMC4xMjVyZW0gKyB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pKTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHtjb25zdGFudHMuYmFja2dyb3VuZH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IERpdmlkZXIgPSBzdHlsZWQuZGl2PHsgdmFyaWFudDogU2VsZWN0UHJvcHNbJ3ZhcmlhbnQnXSB9PmBcbiAgICBoZWlnaHQ6IDAuMDYyNXJlbTtcbiAgICBtYXJnaW4tdG9wOiAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgICAgYHZhcigke3ZhcmlhbnQgPT09ICd0aWdodCcgPyB0b2tlbnMuZGl2aWRlck1hcmdpblRvcFRpZ2h0IDogdG9rZW5zLmRpdmlkZXJNYXJnaW5Ub3B9KWB9O1xuICAgIG1hcmdpbi1yaWdodDogdmFyKCR7dG9rZW5zLmRpdmlkZXJNYXJnaW5SaWdodH0pO1xuXG4gICAgbWFyZ2luLWxlZnQ6IHZhcigke3Rva2Vucy5kaXZpZGVyTWFyZ2luTGVmdH0pO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5kaXZpZGVyQ29sb3J9KTtcbmA7XG4iXX0= */"));
+export var Divider = /*#__PURE__*/_styled("div", {
+  target: "eevghor0",
+  label: "plasma-new-hope__Divider"
+})("height:0.0625rem;margin-top:", function (_ref3) {
+  var variant = _ref3.variant;
+  return "var(".concat(variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop, ")");
+}, ";margin-right:var(", tokens.dividerMarginRight, ");margin-left:var(", tokens.dividerMarginLeft, ");background:var(", tokens.dividerColor, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L3VpL1NlbGVjdEFsbC9TZWxlY3RBbGwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCc0UiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvdWkvU2VsZWN0QWxsL1NlbGVjdEFsbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi4vLi4vU2VsZWN0LnR5cGVzJztcbmltcG9ydCB7IHRva2VucywgY29uc3RhbnRzIH0gZnJvbSAnLi4vLi4vU2VsZWN0LnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjx7IHZhcmlhbnQ6IFNlbGVjdFByb3BzWyd2YXJpYW50J107IHN0aWNreT86IGJvb2xlYW4gfT5gXG4gICAgcG9zaXRpb246ICR7KHsgc3RpY2t5IH0pID0+IChzdGlja3kgPyAnc3RpY2t5JyA6ICdzdGF0aWMnKX07XG4gICAgei1pbmRleDogMTA7XG4gICAgdG9wOiAwO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHtjb25zdGFudHMuYmFja2dyb3VuZH0pO1xuICAgIG1hcmdpbi1yaWdodDogdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKTtcbiAgICBtYXJnaW4tYm90dG9tOiAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgICAgYHZhcigke3ZhcmlhbnQgPT09ICd0aWdodCcgPyB0b2tlbnMuZGl2aWRlck1hcmdpbkJvdHRvbVRpZ2h0IDogdG9rZW5zLmRpdmlkZXJNYXJnaW5Cb3R0b219KWB9O1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pO1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IGNhbGModmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pIC0gMC4xMjVyZW0gLSB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pKTtcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogY2FsYyh2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSkgLSAwLjEyNXJlbSAtIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuXG4gICAgJiA+IGxpIHtcbiAgICAgICAgbWFyZ2luOiAwIDAuMTI1cmVtO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgbWFyZ2luOiAwIGNhbGMoMC4xMjVyZW0gKyB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pKTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHtjb25zdGFudHMuYmFja2dyb3VuZH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IERpdmlkZXIgPSBzdHlsZWQuZGl2PHsgdmFyaWFudDogU2VsZWN0UHJvcHNbJ3ZhcmlhbnQnXSB9PmBcbiAgICBoZWlnaHQ6IDAuMDYyNXJlbTtcbiAgICBtYXJnaW4tdG9wOiAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgICAgYHZhcigke3ZhcmlhbnQgPT09ICd0aWdodCcgPyB0b2tlbnMuZGl2aWRlck1hcmdpblRvcFRpZ2h0IDogdG9rZW5zLmRpdmlkZXJNYXJnaW5Ub3B9KWB9O1xuICAgIG1hcmdpbi1yaWdodDogdmFyKCR7dG9rZW5zLmRpdmlkZXJNYXJnaW5SaWdodH0pO1xuXG4gICAgbWFyZ2luLWxlZnQ6IHZhcigke3Rva2Vucy5kaXZpZGVyTWFyZ2luTGVmdH0pO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5kaXZpZGVyQ29sb3J9KTtcbmA7XG4iXX0= */"));

package/emotion/es/components/Select/ui/index.js

@@ -1,3 +1,4 @@
 export * from "./Inner/Inner";
 export * from "./Target/Target";
-export * from "./VirtualList/VirtualList";
+export * from "./VirtualList/VirtualList";
+export * from "./SelectAll/SelectAll";