@salutejs/plasma-new-hope 0.110.0-dev.0 → 0.110.1-dev.0

package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js

@@ -0,0 +1,355 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useKeyNavigation = exports.keys = void 0;
+var JUMP_SIZE = 10;
+var keys = exports.keys = {
+  Enter: 'Enter',
+  Space: 'Space',
+  Tab: 'Tab',
+  Escape: 'Escape',
+  Backspace: 'Backspace',
+  ArrowLeft: 'ArrowLeft',
+  ArrowRight: 'ArrowRight',
+  ArrowUp: 'ArrowUp',
+  ArrowDown: 'ArrowDown',
+  Home: 'Home',
+  End: 'End',
+  PageUp: 'PageUp',
+  PageDown: 'PageDown'
+};
+var getFurtherPath = function getFurtherPath(focusedPath, focusedToValueMap) {
+  var focusedPathAsString = focusedPath.reduce(function (acc, n) {
+    return "".concat(acc, "/").concat(n);
+  }, '').replace(/^(\/)/, '');
+  return focusedToValueMap.get(focusedPathAsString);
+};
+var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref) {
+  var focusedPath = _ref.focusedPath,
+    dispatchFocusedPath = _ref.dispatchFocusedPath,
+    path = _ref.path,
+    dispatchPath = _ref.dispatchPath,
+    pathMap = _ref.pathMap,
+    focusedToValueMap = _ref.focusedToValueMap,
+    handleToggle = _ref.handleToggle,
+    handlePressDown = _ref.handlePressDown,
+    focusedChipIndex = _ref.focusedChipIndex,
+    dispatchFocusedChipIndex = _ref.dispatchFocusedChipIndex,
+    value = _ref.value,
+    valueToItemMap = _ref.valueToItemMap,
+    multiselect = _ref.multiselect,
+    isTargetAmount = _ref.isTargetAmount;
+  var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
+  var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
+  var onKeyDown = function onKeyDown(event) {
+    switch (event.code) {
+      case keys.ArrowUp:
+        {
+          if (focusedPath.length) {
+            if (currentIndex > 0) {
+              if (path.length > focusedPath.length) {
+                dispatchPath({
+                  type: 'removed_last_level'
+                });
+              }
+              dispatchFocusedPath({
+                type: 'change_last_focus',
+                value: currentIndex - 1
+              });
+            }
+          } else {
+            dispatchPath({
+              type: 'opened_first_level'
+            });
+            dispatchFocusedPath({
+              type: 'set_initial_focus'
+            });
+            handleToggle(true);
+          }
+          if (Array.isArray(value)) {
+            dispatchFocusedChipIndex({
+              type: 'reset'
+            });
+          }
+          break;
+        }
+      case keys.ArrowDown:
+        {
+          if (focusedPath.length) {
+            if (currentIndex + 1 < currentLength) {
+              if (path.length > focusedPath.length) {
+                dispatchPath({
+                  type: 'removed_last_level'
+                });
+              }
+              dispatchFocusedPath({
+                type: 'change_last_focus',
+                value: currentIndex + 1
+              });
+            }
+          } else {
+            dispatchPath({
+              type: 'opened_first_level'
+            });
+            dispatchFocusedPath({
+              type: 'set_initial_focus'
+            });
+            handleToggle(true);
+          }
+          if (Array.isArray(value)) {
+            dispatchFocusedChipIndex({
+              type: 'reset'
+            });
+          }
+          break;
+        }
+      case keys.ArrowLeft:
+        {
+          if (path[0]) {
+            if (focusedPath.length) {
+              if (path.length > focusedPath.length) {
+                dispatchPath({
+                  type: 'removed_last_level'
+                });
+              } else {
+                dispatchFocusedPath({
+                  type: 'return_prev_focus'
+                });
+              }
+            }
+            if (path.length === 1) {
+              handleToggle(false);
+            }
+          } else if (Array.isArray(value) && !isTargetAmount) {
+            dispatchFocusedChipIndex({
+              type: 'moveLeft'
+            });
+          }
+          break;
+        }
+      case keys.ArrowRight:
+        {
+          if (path[0]) {
+            if (!focusedPath.length) {
+              break;
+            }
+            var currentItem = getFurtherPath(focusedPath, focusedToValueMap);
+            if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
+              if (path.length > focusedPath.length) {
+                dispatchFocusedPath({
+                  type: 'add_focus',
+                  value: 0
+                });
+              } else {
+                dispatchPath({
+                  type: 'added_next_level',
+                  value: currentItem.value.toString()
+                });
+              }
+            }
+          } else if (Array.isArray(value) && !isTargetAmount) {
+            dispatchFocusedChipIndex({
+              type: 'moveRight',
+              total: value.length
+            });
+          }
+          break;
+        }
+      case keys.Backspace:
+        {
+          if (!multiselect) break;
+          if (focusedChipIndex !== null) {
+            var _currentItem = valueToItemMap.get(value[focusedChipIndex]);
+            handlePressDown(_currentItem);
+            if (value.length === 1) {
+              dispatchFocusedChipIndex({
+                type: 'reset'
+              });
+              break;
+            }
+            if (focusedChipIndex === value.length - 1) {
+              dispatchFocusedChipIndex({
+                type: 'moveLeft'
+              });
+              break;
+            }
+          }
+          break;
+        }
+      case keys.Space:
+        {
+          event.preventDefault();
+          var _currentItem2 = getFurtherPath(focusedPath, focusedToValueMap);
+          if (!path[0]) {
+            dispatchPath({
+              type: 'opened_first_level'
+            });
+            dispatchFocusedPath({
+              type: 'set_initial_focus'
+            });
+            break;
+          }
+          if (!_currentItem2 || _currentItem2 !== null && _currentItem2 !== void 0 && _currentItem2.disabled) {
+            break;
+          }
+          handlePressDown(_currentItem2);
+          break;
+        }
+      case keys.Enter:
+        {
+          event.preventDefault();
+          if (Array.isArray(value)) {
+            dispatchFocusedChipIndex({
+              type: 'reset'
+            });
+          }
+          var _currentItem3 = getFurtherPath(focusedPath, focusedToValueMap);
+          if (_currentItem3 !== null && _currentItem3 !== void 0 && _currentItem3.disabled) {
+            break;
+          }
+          if (!path[0]) {
+            dispatchPath({
+              type: 'opened_first_level'
+            });
+            dispatchFocusedPath({
+              type: 'set_initial_focus'
+            });
+            break;
+          }
+          if (_currentItem3 !== null && _currentItem3 !== void 0 && _currentItem3.items) {
+            if (path.length > focusedPath.length) {
+              dispatchFocusedPath({
+                type: 'add_focus',
+                value: 0
+              });
+            } else {
+              dispatchPath({
+                type: 'added_next_level',
+                value: _currentItem3.value.toString()
+              });
+            }
+            break;
+          }
+          handlePressDown(_currentItem3);
+          break;
+        }
+      case keys.Tab:
+      case keys.Escape:
+        {
+          dispatchFocusedPath({
+            type: 'reset'
+          });
+          dispatchPath({
+            type: 'reset'
+          });
+          dispatchFocusedChipIndex({
+            type: 'reset'
+          });
+          handleToggle(false);
+          break;
+        }
+      case keys.Home:
+        {
+          if (path[0]) {
+            if (path.length > focusedPath.length) {
+              dispatchPath({
+                type: 'removed_last_level'
+              });
+            }
+            dispatchFocusedPath({
+              type: 'change_last_focus',
+              value: 0
+            });
+          } else {
+            dispatchPath({
+              type: 'opened_first_level'
+            });
+            dispatchFocusedPath({
+              type: 'set_initial_focus'
+            });
+            handleToggle(true);
+          }
+          break;
+        }
+      case keys.End:
+        {
+          if (path[0]) {
+            if (path.length > focusedPath.length) {
+              dispatchPath({
+                type: 'removed_last_level'
+              });
+            }
+            dispatchFocusedPath({
+              type: 'change_last_focus',
+              value: currentLength - 1
+            });
+          } else {
+            dispatchPath({
+              type: 'opened_first_level'
+            });
+            dispatchFocusedPath({
+              type: 'change_last_focus',
+              value: (pathMap.get('root') || 0) - 1
+            });
+            handleToggle(true);
+          }
+          break;
+        }
+      case keys.PageUp:
+        {
+          if (!path[0]) {
+            break;
+          }
+          if (path.length > focusedPath.length) {
+            dispatchPath({
+              type: 'removed_last_level'
+            });
+          }
+          if (currentIndex <= JUMP_SIZE) {
+            dispatchFocusedPath({
+              type: 'change_last_focus',
+              value: 0
+            });
+          } else {
+            dispatchFocusedPath({
+              type: 'change_last_focus',
+              value: currentIndex - JUMP_SIZE
+            });
+          }
+          break;
+        }
+      case keys.PageDown:
+        {
+          if (!path[0]) {
+            break;
+          }
+          if (path.length > focusedPath.length) {
+            dispatchPath({
+              type: 'removed_last_level'
+            });
+          }
+          if (currentLength - currentIndex <= JUMP_SIZE) {
+            dispatchFocusedPath({
+              type: 'change_last_focus',
+              value: currentLength - 1
+            });
+          } else {
+            dispatchFocusedPath({
+              type: 'change_last_focus',
+              value: currentIndex + JUMP_SIZE
+            });
+          }
+          break;
+        }
+      default:
+        {
+          break;
+        }
+    }
+  };
+  return {
+    onKeyDown: onKeyDown
+  };
+};

package/emotion/cjs/components/Select/hooks/usePathMaps.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePathMaps = void 0;
+var _utils = /*#__PURE__*/require("../../../utils");
+// Рекурсивно проходим по дереву items и создаем 4 мапы: открытых путей, фокусов, выбранных элементов и айтемов.
+var usePathMaps = exports.usePathMaps = function usePathMaps(items) {
+  var pathMap = new Map();
+  var focusedToValueMap = new Map();
+  var valueToCheckedMap = new Map();
+  var valueToItemMap = new Map();
+  pathMap.set('root', items.length);
+  var rec = function rec(items) {
+    var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    items.forEach(function (item, index) {
+      var value = item.value,
+        innerItems = item.items;
+      var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
+      focusedToValueMap.set(currIndex, item);
+      valueToCheckedMap.set(value, false);
+      if ((0, _utils.isEmpty)(innerItems) || !innerItems) {
+        valueToItemMap.set(value, item);
+      } else {
+        pathMap.set(value, innerItems.length);
+        rec(innerItems, currIndex);
+      }
+    });
+  };
+  rec(items);
+  return [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap];
+};

package/emotion/cjs/components/Select/index.js

@@ -3,18 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  selectRoot: true,
-  selectConfig: true,
-  selectClasses: true,
-  selectTokens: true
-};
-Object.defineProperty(exports, "selectClasses", {
-  enumerable: true,
-  get: function get() {
-    return _Select2.classes;
-  }
-});
 Object.defineProperty(exports, "selectConfig", {
   enumerable: true,
   get: function get() {
@@ -34,16 +22,4 @@ Object.defineProperty(exports, "selectTokens", {
   }
 });
 var _Select = /*#__PURE__*/require("./Select");
-var _Select2 = /*#__PURE__*/require("./Select.tokens");
-var _ui = /*#__PURE__*/require("./ui");
-Object.keys(_ui).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ui[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ui[key];
-    }
-  });
-});
+var _Select2 = /*#__PURE__*/require("./Select.tokens");

package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.focusedChipIndexReducer = focusedChipIndexReducer;
+function focusedChipIndexReducer(state, action) {
+  switch (action.type) {
+    case 'reset':
+      {
+        return null;
+      }
+    case 'moveLeft':
+      {
+        if (state === null) {
+          return 0;
+        }
+        if (state === 0) {
+          return state;
+        }
+        return state - 1;
+      }
+    case 'moveRight':
+      {
+        if (state === null) {
+          return action.total - 1;
+        }
+        if (state === action.total - 1) {
+          return state;
+        }
+        return state + 1;
+      }
+    default:
+      {
+        return null;
+      }
+  }
+}

package/emotion/cjs/components/Select/reducers/focusedPathReducer.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.focusedPathReducer = focusedPathReducer;
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function focusedPathReducer(state, action) {
+  switch (action.type) {
+    case 'reset':
+      {
+        return [];
+      }
+    case 'set_initial_focus':
+      {
+        return [0];
+      }
+    case 'change_last_focus':
+      {
+        return [].concat(_toConsumableArray(state.slice(0, -1)), [action.value]);
+      }
+    case 'add_focus':
+      {
+        return [].concat(_toConsumableArray(state), [action.value]);
+      }
+    case 'return_prev_focus':
+      {
+        return state.slice(0, -1);
+      }
+    default:
+      {
+        return state;
+      }
+  }
+}

package/emotion/cjs/components/Select/reducers/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _pathReducer = /*#__PURE__*/require("./pathReducer");
+Object.keys(_pathReducer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pathReducer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _pathReducer[key];
+    }
+  });
+});
+var _focusedPathReducer = /*#__PURE__*/require("./focusedPathReducer");
+Object.keys(_focusedPathReducer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _focusedPathReducer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _focusedPathReducer[key];
+    }
+  });
+});
+var _focusedChipIndexReducer = /*#__PURE__*/require("./focusedChipIndexReducer");
+Object.keys(_focusedChipIndexReducer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _focusedChipIndexReducer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _focusedChipIndexReducer[key];
+    }
+  });
+});

package/emotion/cjs/components/Select/reducers/pathReducer.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pathReducer = pathReducer;
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function pathReducer(state, action) {
+  switch (action.type) {
+    case 'reset':
+      {
+        return [];
+      }
+    case 'opened_first_level':
+      {
+        return ['root'];
+      }
+    case 'added_next_level':
+      {
+        return [].concat(_toConsumableArray(state), [action.value]);
+      }
+    case 'removed_last_level':
+      {
+        return state.slice(0, -1);
+      }
+    case 'changed_on_level':
+      {
+        return [].concat(_toConsumableArray(state.slice(0, action.level)), [action.value]);
+      }
+    case 'cut_by_level':
+      {
+        return state.slice(0, action.level);
+      }
+    default:
+      {
+        return state;
+      }
+  }
+}

package/emotion/cjs/components/Select/ui/InfiniteLoader/InfiniteLoader.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InfiniteLoader = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _Select = /*#__PURE__*/require("../../Select.tokens");
+var _InfiniteLoader = /*#__PURE__*/require("./InfiniteLoader.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var InfiniteLoader = exports.InfiniteLoader = function InfiniteLoader(_ref) {
+  var variant = _ref.variant;
+  return /*#__PURE__*/_react["default"].createElement(_InfiniteLoader.Wrapper, {
+    variant: variant
+  }, /*#__PURE__*/_react["default"].createElement(_InfiniteLoader.StyledSpinner, {
+    className: _Select.classes.selectSpinner
+  }), "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430");
+};

package/emotion/cjs/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.StyledSpinner = void 0;
+var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
+var _Select = /*#__PURE__*/require("../../Select.tokens");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Spinner = /*#__PURE__*/require("../../../Spinner");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Spinner = /*#__PURE__*/(0, _engines.component)(_Spinner.spinnerConfig);
+var StyledSpinner = exports.StyledSpinner = /*#__PURE__*/(0, _base["default"])(Spinner, {
+  target: "eyro8r01",
+  label: "plasma-new-hope__StyledSpinner"
+})(_Spinner.spinnerTokens.color, ":var(--text-primary);", _Spinner.spinnerTokens.size, ":var(", _Select.tokens.spinnerSize, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L3VpL0luZmluaXRlTG9hZGVyL0luZmluaXRlTG9hZGVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTNEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvdWkvSW5maW5pdGVMb2FkZXIvSW5maW5pdGVMb2FkZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMsIGNsYXNzZXMgfSBmcm9tICcuLi8uLi9TZWxlY3QudG9rZW5zJztcbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgc3Bpbm5lckNvbmZpZywgc3Bpbm5lclRva2VucyB9IGZyb20gJy4uLy4uLy4uL1NwaW5uZXInO1xuaW1wb3J0IHR5cGUgeyBTZWxlY3RQcm9wcyB9IGZyb20gJy4uLy4uL1NlbGVjdC50eXBlcyc7XG5cbmNvbnN0IFNwaW5uZXIgPSBjb21wb25lbnQoc3Bpbm5lckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTcGlubmVyID0gc3R5bGVkKFNwaW5uZXIpYFxuICAgICR7c3Bpbm5lclRva2Vucy5jb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgJHtzcGlubmVyVG9rZW5zLnNpemV9OiB2YXIoJHt0b2tlbnMuc3Bpbm5lclNpemV9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjx7IHZhcmlhbnQ6IFNlbGVjdFByb3BzWyd2YXJpYW50J10gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogMC4yNXJlbTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5pdGVtSGVpZ2h0fSk7XG4gICAgcGFkZGluZzogJHsoeyB2YXJpYW50IH0pID0+IGB2YXIoJHt2YXJpYW50ID09PSAndGlnaHQnID8gdG9rZW5zLml0ZW1QYWRkaW5nVGlnaHQgOiB0b2tlbnMuaXRlbVBhZGRpbmd9KWB9O1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuZm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuZm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fSk7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAmIC4ke2NsYXNzZXMuc2VsZWN0U3Bpbm5lcn0ge1xuICAgICAgICAke3NwaW5uZXJUb2tlbnMuc2l6ZX06ICR7KHsgdmFyaWFudCB9KSA9PlxuICAgICAgICAgICAgYHZhcigke3ZhcmlhbnQgPT09ICd0aWdodCcgPyB0b2tlbnMuc3Bpbm5lclNpemVUaWdodCA6IHRva2Vucy5zcGlubmVyU2l6ZX0pYH07XG4gICAgfVxuYDtcbiJdfQ== */"));
+var Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "eyro8r00",
+  label: "plasma-new-hope__Wrapper"
+})("display:flex;align-items:center;justify-content:center;gap:0.25rem;height:var(", _Select.tokens.itemHeight, ");padding:", function (_ref) {
+  var variant = _ref.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.itemPaddingTight : _Select.tokens.itemPadding, ")");
+}, ";font-family:var(", _Select.tokens.fontFamily, ");font-size:var(", _Select.tokens.fontSize, ");font-style:var(", _Select.tokens.fontStyle, ");font-weight:var(", _Select.tokens.fontWeight, ");letter-spacing:var(", _Select.tokens.fontLetterSpacing, ");line-height:var(", _Select.tokens.fontLineHeight, ");user-select:none;& .", _Select.classes.selectSpinner, "{", _Spinner.spinnerTokens.size, ":", function (_ref2) {
+  var variant = _ref2.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.spinnerSizeTight : _Select.tokens.spinnerSize, ")");
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L3VpL0luZmluaXRlTG9hZGVyL0luZmluaXRlTG9hZGVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjc0UiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvdWkvSW5maW5pdGVMb2FkZXIvSW5maW5pdGVMb2FkZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMsIGNsYXNzZXMgfSBmcm9tICcuLi8uLi9TZWxlY3QudG9rZW5zJztcbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgc3Bpbm5lckNvbmZpZywgc3Bpbm5lclRva2VucyB9IGZyb20gJy4uLy4uLy4uL1NwaW5uZXInO1xuaW1wb3J0IHR5cGUgeyBTZWxlY3RQcm9wcyB9IGZyb20gJy4uLy4uL1NlbGVjdC50eXBlcyc7XG5cbmNvbnN0IFNwaW5uZXIgPSBjb21wb25lbnQoc3Bpbm5lckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTcGlubmVyID0gc3R5bGVkKFNwaW5uZXIpYFxuICAgICR7c3Bpbm5lclRva2Vucy5jb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgJHtzcGlubmVyVG9rZW5zLnNpemV9OiB2YXIoJHt0b2tlbnMuc3Bpbm5lclNpemV9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjx7IHZhcmlhbnQ6IFNlbGVjdFByb3BzWyd2YXJpYW50J10gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogMC4yNXJlbTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5pdGVtSGVpZ2h0fSk7XG4gICAgcGFkZGluZzogJHsoeyB2YXJpYW50IH0pID0+IGB2YXIoJHt2YXJpYW50ID09PSAndGlnaHQnID8gdG9rZW5zLml0ZW1QYWRkaW5nVGlnaHQgOiB0b2tlbnMuaXRlbVBhZGRpbmd9KWB9O1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuZm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuZm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fSk7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAmIC4ke2NsYXNzZXMuc2VsZWN0U3Bpbm5lcn0ge1xuICAgICAgICAke3NwaW5uZXJUb2tlbnMuc2l6ZX06ICR7KHsgdmFyaWFudCB9KSA9PlxuICAgICAgICAgICAgYHZhcigke3ZhcmlhbnQgPT09ICd0aWdodCcgPyB0b2tlbnMuc3Bpbm5lclNpemVUaWdodCA6IHRva2Vucy5zcGlubmVyU2l6ZX0pYH07XG4gICAgfVxuYDtcbiJdfQ== */"));