@salutejs/plasma-new-hope 0.193.0-canary.1558.11807380775.0 → 0.193.0-canary.1559.11816419999.0

package/emotion/es/components/Cell/Cell.js

@@ -36,7 +36,9 @@ export var cellRoot = function cellRoot(Root) {
       className: cx(stretchingClass, classes.cellRoot, className)
     }, contentLeftDeprecated && /*#__PURE__*/React.createElement(CellLeft, {
       align: alignContentLeft
-    }, contentLeftDeprecated), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {
+    }, contentLeftDeprecated), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, {
+      className: "cell-content"
+    }, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {
       label: label,
       title: titleText,
       subtitle: subtitle

package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.js

@@ -8,5 +8,11 @@ export var CellTextbox = function CellTextbox(_ref) {
     title = _ref.title,
     subtitle = _ref.subtitle,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle, null, subtitle)) : children);
+  return (
+    /*#__PURE__*/
+    // TODO: #1548
+    React.createElement(CellTextboxStyled, {
+      className: "cell-textbox"
+    }, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle, null, subtitle)) : children)
+  );
 };

package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js

@@ -1,5 +1,8 @@
 import React from 'react';
 import { StyledTextboxTitle } from './CellTextboxTitle.styles';
 export var CellTextboxTitle = function CellTextboxTitle(props) {
-  return /*#__PURE__*/React.createElement(StyledTextboxTitle, null, props.children);
+  // TODO: #1548
+  return /*#__PURE__*/React.createElement(StyledTextboxTitle, {
+    className: "cell-textbox-title"
+  }, props.children);
 };

package/emotion/es/components/Chip/Chip.js

@@ -37,7 +37,9 @@ export var chipRoot = function chipRoot(Root) {
     var txt = !text && typeof children === 'string' ? children : text;
     var pilledClass = pilled ? classes.pilled : undefined;
     var handleClick = function handleClick(event) {
-      if (disabled || readOnly) {
+      // TODO: #1547
+      // eslint-disable-next-line no-underscore-dangle
+      if (disabled || readOnly && !rest._forceChipManipulationWithReadonly) {
         return;
       }
       onClick === null || onClick === void 0 || onClick(event);

package/emotion/es/components/Combobox/ComboboxNew/Combobox.js

@@ -301,7 +301,6 @@ export var comboboxRoot = function comboboxRoot(Root) {
         focusedToValueMap: focusedToValueMap,
         handleListToggle: handleListToggle,
         handlePressDown: handlePressDown,
-        multiselect: multiple,
         setTextValue: setTextValue
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;

package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js

@@ -51,7 +51,6 @@ export var tokens = {
   checkboxIconColor: '--plasma-combobox-checkbox-icon-color',
   checkboxTriggerBorderColor: '--plasma-combobox-checkbox-trigger-border-color',
   indicatorSize: '--plasma-combobox-indicator-size',
-  targetHeight: '--plasma-combobox-target-height',
   // Токены для TextField
   textFieldColor: '--plasma-combobox-new-textfield-color',
   textFieldClearColor: '--plasma-combobox-new-textfield-clear-color',

package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js

@@ -56,14 +56,28 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
   /*#__PURE__*/
   // root - принимает ref контейнера портала.
   // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
-  React.createElement(FloatingPortal, {
-    root: portal,
-    id: portal ? undefined : wrappedId
-  }, /*#__PURE__*/React.createElement("div", {
+  React.createElement(FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/React.createElement("div", {
     ref: refs.setFloating,
     style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
       zIndex: 1
     })
   }, children)));
 });
+// root - принимает ref контейнера портала.
+// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
+var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
+  if (!portal) {
+    return {
+      id: wrappedId
+    };
+  }
+  if (typeof portal === 'string') {
+    return {
+      id: portal
+    };
+  }
+  return {
+    root: portal
+  };
+};
 export { FloatingPopover };

package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js

@@ -29,7 +29,6 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
     focusedToValueMap = _ref.focusedToValueMap,
     handleListToggle = _ref.handleListToggle,
     handlePressDown = _ref.handlePressDown,
-    multiselect = _ref.multiselect,
     setTextValue = _ref.setTextValue;
   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;
@@ -124,7 +123,6 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
               break;
             }
             var currentItem = getItemByFocused(focusedPath, focusedToValueMap);
-            console.log('currentItem', currentItem, focusedPath, focusedToValueMap);
             if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
               if (path.length > focusedPath.length) {
                 dispatchFocusedPath({
@@ -141,32 +139,6 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
           }
           break;
         }
-      case keys.Backspace:
-        {
-          if (!multiselect) break;
-          break;
-        }
-
-      // case keys.Space: {
-      //     event.preventDefault();
-      //
-      //     const currentItem = getItemByFocused(focusedPath, focusedToValueMap);
-      //
-      //     if (!path[0]) {
-      //         dispatchPath({ type: 'opened_first_level' });
-      //         dispatchFocusedPath({ type: 'set_initial_focus' });
-      //         break;
-      //     }
-      //
-      //     if (!currentItem || currentItem?.disabled) {
-      //         break;
-      //     }
-      //
-      //     handlePressDown(currentItem);
-      //
-      //     break;
-      // }
-
       case keys.Enter:
         {
           event.preventDefault();
@@ -183,34 +155,12 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
             });
             break;
           }
-
-          // if (currentItem?.items) {
-          //     if (path.length > focusedPath.length) {
-          //         dispatchFocusedPath({ type: 'add_focus', value: 0 });
-          //     } else {
-          //         dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });
-          //     }
-          //
-          //     break;
-          // }
-
           if (_currentItem) {
             handlePressDown(_currentItem);
           }
           break;
         }
       case keys.Tab:
-        {
-          dispatchPath({
-            type: 'reset'
-          });
-          dispatchFocusedPath({
-            type: 'reset'
-          });
-          handleListToggle(false);
-          setTextValue('');
-          break;
-        }
       case keys.Escape:
         {
           dispatchPath({
@@ -220,6 +170,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
             type: 'reset'
           });
           handleListToggle(false);
+          setTextValue('');
           break;
         }
       case keys.Home:

package/emotion/es/components/Modal/Modal.js

@@ -1,5 +1,4 @@
-var _IconClose;
-var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "opened", "isOpen", "hasBody", "hasClose"];
+var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "opened", "isOpen"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -10,12 +9,10 @@ import { popupConfig, usePopupContext } from '../Popup';
 import { Overlay } from '../Overlay';
 import { DEFAULT_Z_INDEX } from '../Popup/utils';
 import { useFocusTrap } from '../../hooks';
-import { IconClose } from '../_Icon/Icons/IconClose';
 import { classes, tokens } from './Modal.tokens';
 import { useModal } from './hooks';
 import { base as viewCSS } from './variations/_view/base';
 import { getIdLastModal } from './ModalContext';
-import { CloseButton, ModalBody, ModalContent } from './Modal.styles';
 
 // issue #823
 var Popup = /*#__PURE__*/component(popupConfig);
@@ -44,8 +41,6 @@ export var modalRoot = function modalRoot(Root) {
       view = _ref.view,
       opened = _ref.opened,
       isOpen = _ref.isOpen,
-      hasBody = _ref.hasBody,
-      hasClose = _ref.hasClose,
       rest = _objectWithoutProperties(_ref, _excluded);
     var innerIsOpen = Boolean(isOpen || opened);
     var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);
@@ -75,15 +70,6 @@ export var modalRoot = function modalRoot(Root) {
         onClose();
       }
     }, [closeOnOverlayClick, onOverlayClick, onClose]);
-    var overlayNode = /*#__PURE__*/React.createElement(Overlay, {
-      className: classes.overlay,
-      zIndex: zIndex || DEFAULT_Z_INDEX,
-      backgroundColorProperty: overlayBackgroundToken,
-      withBlur: withBlur,
-      transparent: transparent,
-      isClickable: closeOnOverlayClick,
-      onOverlayClick: onModalOverlayKeyDown
-    });
     return /*#__PURE__*/React.createElement(Popup, _extends({
       id: innerId,
       opened: innerIsOpen,
@@ -91,16 +77,18 @@ export var modalRoot = function modalRoot(Root) {
       popupInfo: modalInfo,
       withAnimation: withAnimation,
       zIndex: zIndex,
-      overlay: hasBody ? overlayNode : /*#__PURE__*/React.createElement(Root, {
+      overlay: /*#__PURE__*/React.createElement(Root, {
         view: view
-      }, overlayNode)
-    }, rest), hasBody ? /*#__PURE__*/React.createElement(Root, {
-      view: view
-    }, /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(ModalContent, null, hasClose && /*#__PURE__*/React.createElement(CloseButton, {
-      onClick: onClose
-    }, _IconClose || (_IconClose = /*#__PURE__*/React.createElement(IconClose, {
-      size: "s"
-    }))), children))) : /*#__PURE__*/React.createElement(React.Fragment, null, children));
+      }, /*#__PURE__*/React.createElement(Overlay, {
+        className: classes.overlay,
+        zIndex: zIndex || DEFAULT_Z_INDEX,
+        backgroundColorProperty: overlayBackgroundToken,
+        withBlur: withBlur,
+        transparent: transparent,
+        isClickable: closeOnOverlayClick,
+        onOverlayClick: onModalOverlayKeyDown
+      }))
+    }, rest), children);
   });
 };
 export var modalConfig = {

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

@@ -62,53 +62,6 @@ export function App() {
 }
 ```
 
-## Использование стилизованной обертки
-
-Для использования стилизованного мобального окна с отступами и крестиком для закрытия, добавьте свойство `hasBody`.
-```tsx live
-import React, { useState } from 'react';
-import { SSRProvider, Button, Modal, PopupProvider } from '@salutejs/{{ package }}';
-
-export function App() {
-    const [isOpenA, setIsOpenA] = useState(false);
-    const [isOpenB, setIsOpenB] = useState(false);
-
-    return (
-        <SSRProvider>
-            <PopupProvider>
-                <div style=\{{ height: "300px" }}>
-                    <div style=\{{ display: 'flex', flexDirection: 'column' }}>
-                        <Button text="Открыть A" onClick={() => setIsOpenA(true)} />
-                    </div>
-                    <Modal
-                        id="modalA"
-                        onClose={() => setIsOpenA(false)}
-                        opened={isOpenA}
-                        placement="center"
-                        offset={[0, 0]}
-                        hasBody
-                    >
-                        <Button onClick={() => setIsOpenA(false)}>Close</Button>
-                        <Button text="Открыть B" onClick={() => setIsOpenB(true)} />
-                        Content
-                        <Modal
-                            id="modalB"
-                            onClose={() => setIsOpenB(false)}
-                            opened={isOpenB}
-                            placement="right"
-                            offset={[0, 0]}
-                        >
-                            <Button onClick={() => setIsOpenB(false)}>Close</Button>
-                            Content
-                        </Modal>
-                    </Modal>
-                </div>
-            </PopupProvider>
-        </SSRProvider>
-    );
-}
-```
-
 ## Подключение анимации
 Подключение анимации аналогично тому, как это происходит в `Popup` - через свойство `withAnimation`(управление через `popupClasses`, `modalClasses`).
 Для добавления анимации в оверлей необходимо использовать класс `.modal-overlay` через переменную `modalClasses.overlay` из пакета.

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

@@ -6,9 +6,5 @@ export var classes = {
 };
 export var tokens = {
   modalOverlayWithBlurColor: '--plasma-modal-overlay-with-blur-color',
-  modalOverlayColor: '--plasma-modal-overlay-color',
-  modalBodyBackground: '--plasma-modal-body-background',
-  modalBodyBorderRadius: '--plasma-modal-body-border-radius',
-  modalBodyPadding: '--plasma-modal-body-padding',
-  modalContentPadding: '--plasma-modal-content-padding'
+  modalOverlayColor: '--plasma-modal-overlay-color'
 };

package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js

@@ -14,14 +14,14 @@ export var SelectPerPageRoot = /*#__PURE__*/_styled("div", {
 } : {
   name: "4ved3l",
   styles: "display:flex;align-items:center;gap:0.5rem",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzJDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNlbGVjdENvbmZpZywgc2VsZWN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vU2VsZWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1BhZ2luYXRpb24udG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU2VsZWN0Q29uZmlnID0gbWVyZ2VDb25maWcoc2VsZWN0Q29uZmlnKTtcbmNvbnN0IFNlbGVjdCA9IGNvbXBvbmVudChtZXJnZWRTZWxlY3RDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDAuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlU2VsZWN0ID0gc3R5bGVkKFNlbGVjdClgXG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckFjdGl2ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRIZWlnaHR9OiB2YXIoJHt0b2tlbnMuYnV0dG9uSGVpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uUGFkZGluZ306IHZhcigke3Rva2Vucy5zZWxlY3RUYXJnZXRQYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkFycm93Q29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkFycm93Q29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25BcnJvd0NvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25BcnJvd01hcmdpbn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd01hcmdpbn0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMucGFkZGluZ306IDAuMTI1cmVtO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvY3VzT2Zmc2V0fTogMC4xMjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbVBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbVBhZGRpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHt0b2tlbnMuYnV0dG9uUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25NYXJnaW59OiAwIDAuMzc1cmVtIDAgMDtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtSWNvblNpemV9OiAxLjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5zZWxlY3RJdGVtSGVpZ2h0fSk7XG5cbiAgICAke3NlbGVjdFRva2Vucy5mb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFNpemV9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VUeXBvZ3JhcGh5ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzJDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNlbGVjdENvbmZpZywgc2VsZWN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vU2VsZWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1BhZ2luYXRpb24udG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU2VsZWN0Q29uZmlnID0gbWVyZ2VDb25maWcoc2VsZWN0Q29uZmlnKTtcbmNvbnN0IFNlbGVjdCA9IGNvbXBvbmVudChtZXJnZWRTZWxlY3RDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDAuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlU2VsZWN0ID0gc3R5bGVkKFNlbGVjdClgXG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckFjdGl2ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRIZWlnaHR9OiB2YXIoJHt0b2tlbnMuYnV0dG9uSGVpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uUGFkZGluZ306IHZhcigke3Rva2Vucy5zZWxlY3RUYXJnZXRQYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd01hcmdpbn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd01hcmdpbn0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMucGFkZGluZ306IDAuMTI1cmVtO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbVBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbVBhZGRpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHt0b2tlbnMuYnV0dG9uUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25NYXJnaW59OiAwIDAuMzc1cmVtIDAgMDtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtSWNvblNpemV9OiAxLjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5zZWxlY3RJdGVtSGVpZ2h0fSk7XG5cbiAgICAke3NlbGVjdFRva2Vucy5mb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFNpemV9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VUeXBvZ3JhcGh5ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export var SelectPerPageSelect = /*#__PURE__*/_styled(Select, {
   target: "e18ppken1",
   label: "plasma-new-hope__SelectPerPageSelect"
-})(selectTokens.targetButtonColor, ":var(", tokens.buttonColor, ");", selectTokens.targetButtonColorHover, ":var(", tokens.buttonColorHover, ");", selectTokens.targetButtonColorActive, ":var(", tokens.buttonColorActive, ");", selectTokens.targetButtonBackgroundColor, ":var(", tokens.buttonBackgroundColor, ");", selectTokens.targetButtonBackgroundColorHover, ":var(", tokens.buttonBackgroundColorHover, ");", selectTokens.targetButtonBackgroundColorActive, ":var(", tokens.buttonBackgroundColorActive, ");", selectTokens.targetHeight, ":var(", tokens.buttonHeight, ");", selectTokens.targetButtonPadding, ":var(", tokens.selectTargetPadding, ");", selectTokens.borderRadius, ":var(", tokens.buttonRadius, ");", selectTokens.targetButtonArrowColor, ":var(", tokens.buttonArrowColor, ");", selectTokens.targetButtonArrowColorHover, ":var(", tokens.buttonArrowColorHover, ");", selectTokens.targetButtonArrowColorActive, ":var(", tokens.buttonArrowColorActive, ");", selectTokens.targetButtonArrowMargin, ":var(", tokens.buttonArrowMargin, ");", selectTokens.padding, ":0.125rem;", selectTokens.focusOffset, ":0.125rem;", selectTokens.itemPadding, ":var(", tokens.selectItemPadding, ");", selectTokens.itemBorderRadius, ":calc(var(", tokens.buttonRadius, ") - 0.125rem);", selectTokens.itemIconMargin, ":0 0.375rem 0 0;", selectTokens.itemIconSize, ":1.5rem;", selectTokens.itemHeight, ":var(", tokens.selectItemHeight, ");", selectTokens.fontFamily, ":var(", tokens.paginationFontFamily, ");", selectTokens.fontSize, ":var(", tokens.paginationFontSize, ");", selectTokens.fontStyle, ":var(", tokens.paginationFontStyle, ");", selectTokens.fontWeight, ":var(", tokens.paginationFontWeight, ");", selectTokens.fontLetterSpacing, ":var(", tokens.paginationLetterSpacing, ");", selectTokens.fontLineHeight, ":var(", tokens.paginationLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNlbGVjdENvbmZpZywgc2VsZWN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vU2VsZWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1BhZ2luYXRpb24udG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU2VsZWN0Q29uZmlnID0gbWVyZ2VDb25maWcoc2VsZWN0Q29uZmlnKTtcbmNvbnN0IFNlbGVjdCA9IGNvbXBvbmVudChtZXJnZWRTZWxlY3RDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDAuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlU2VsZWN0ID0gc3R5bGVkKFNlbGVjdClgXG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckFjdGl2ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRIZWlnaHR9OiB2YXIoJHt0b2tlbnMuYnV0dG9uSGVpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uUGFkZGluZ306IHZhcigke3Rva2Vucy5zZWxlY3RUYXJnZXRQYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkFycm93Q29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkFycm93Q29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25BcnJvd0NvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25BcnJvd01hcmdpbn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd01hcmdpbn0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMucGFkZGluZ306IDAuMTI1cmVtO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvY3VzT2Zmc2V0fTogMC4xMjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbVBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbVBhZGRpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHt0b2tlbnMuYnV0dG9uUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25NYXJnaW59OiAwIDAuMzc1cmVtIDAgMDtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtSWNvblNpemV9OiAxLjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5zZWxlY3RJdGVtSGVpZ2h0fSk7XG5cbiAgICAke3NlbGVjdFRva2Vucy5mb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFNpemV9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VUeXBvZ3JhcGh5ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */"));
+})(selectTokens.buttonColor, ":var(", tokens.buttonColor, ");", selectTokens.buttonColorHover, ":var(", tokens.buttonColorHover, ");", selectTokens.buttonColorActive, ":var(", tokens.buttonColorActive, ");", selectTokens.buttonBackgroundColor, ":var(", tokens.buttonBackgroundColor, ");", selectTokens.buttonBackgroundColorHover, ":var(", tokens.buttonBackgroundColorHover, ");", selectTokens.buttonBackgroundColorActive, ":var(", tokens.buttonBackgroundColorActive, ");", selectTokens.targetHeight, ":var(", tokens.buttonHeight, ");", selectTokens.buttonPadding, ":var(", tokens.selectTargetPadding, ");", selectTokens.borderRadius, ":var(", tokens.buttonRadius, ");", selectTokens.buttonArrowColor, ":var(", tokens.buttonArrowColor, ");", selectTokens.buttonArrowColorHover, ":var(", tokens.buttonArrowColorHover, ");", selectTokens.buttonArrowColorActive, ":var(", tokens.buttonArrowColorActive, ");", selectTokens.buttonArrowMargin, ":var(", tokens.buttonArrowMargin, ");", selectTokens.padding, ":0.125rem;", selectTokens.itemPadding, ":var(", tokens.selectItemPadding, ");", selectTokens.itemBorderRadius, ":calc(var(", tokens.buttonRadius, ") - 0.125rem);", selectTokens.itemIconMargin, ":0 0.375rem 0 0;", selectTokens.itemIconSize, ":1.5rem;", selectTokens.itemHeight, ":var(", tokens.selectItemHeight, ");", selectTokens.fontFamily, ":var(", tokens.paginationFontFamily, ");", selectTokens.fontSize, ":var(", tokens.paginationFontSize, ");", selectTokens.fontStyle, ":var(", tokens.paginationFontStyle, ");", selectTokens.fontWeight, ":var(", tokens.paginationFontWeight, ");", selectTokens.fontLetterSpacing, ":var(", tokens.paginationLetterSpacing, ");", selectTokens.fontLineHeight, ":var(", tokens.paginationLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNlbGVjdENvbmZpZywgc2VsZWN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vU2VsZWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1BhZ2luYXRpb24udG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU2VsZWN0Q29uZmlnID0gbWVyZ2VDb25maWcoc2VsZWN0Q29uZmlnKTtcbmNvbnN0IFNlbGVjdCA9IGNvbXBvbmVudChtZXJnZWRTZWxlY3RDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDAuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlU2VsZWN0ID0gc3R5bGVkKFNlbGVjdClgXG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckFjdGl2ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRIZWlnaHR9OiB2YXIoJHt0b2tlbnMuYnV0dG9uSGVpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uUGFkZGluZ306IHZhcigke3Rva2Vucy5zZWxlY3RUYXJnZXRQYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd01hcmdpbn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd01hcmdpbn0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMucGFkZGluZ306IDAuMTI1cmVtO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbVBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbVBhZGRpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHt0b2tlbnMuYnV0dG9uUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25NYXJnaW59OiAwIDAuMzc1cmVtIDAgMDtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtSWNvblNpemV9OiAxLjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5zZWxlY3RJdGVtSGVpZ2h0fSk7XG5cbiAgICAke3NlbGVjdFRva2Vucy5mb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFNpemV9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VUeXBvZ3JhcGh5ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */"));
 export var SelectPerPageTypography = /*#__PURE__*/_styled("div", {
   target: "e18ppken0",
   label: "plasma-new-hope__SelectPerPageTypography"
-})("font-family:var(", tokens.paginationFontFamily, ");font-size:var(", tokens.paginationFontSize, ");font-style:var(", tokens.paginationFontStyle, ");font-weight:var(", tokens.paginationFontWeight, ");letter-spacing:var(", tokens.paginationLetterSpacing, ");line-height:var(", tokens.paginationLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENpRCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb24vdWkvUGFnaW5hdGlvblNlbGVjdFBlclBhZ2UvUGFnaW5hdGlvblNlbGVjdFBlclBhZ2Uuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBzZWxlY3RDb25maWcsIHNlbGVjdFRva2VucyB9IGZyb20gJy4uLy4uLy4uL1NlbGVjdCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9QYWdpbmF0aW9uLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZFNlbGVjdENvbmZpZyA9IG1lcmdlQ29uZmlnKHNlbGVjdENvbmZpZyk7XG5jb25zdCBTZWxlY3QgPSBjb21wb25lbnQobWVyZ2VkU2VsZWN0Q29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VSb290ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiAwLjVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVNlbGVjdCA9IHN0eWxlZChTZWxlY3QpYFxuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9yfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckhvdmVyfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0SGVpZ2h0fTogdmFyKCR7dG9rZW5zLmJ1dHRvbkhlaWdodH0pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvblBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0VGFyZ2V0UGFkZGluZ30pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJvcmRlclJhZGl1c306IHZhcigke3Rva2Vucy5idXR0b25SYWRpdXN9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25BcnJvd0NvbG9yfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25BcnJvd0NvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvckhvdmVyfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uQXJyb3dDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9yQWN0aXZlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uQXJyb3dNYXJnaW59OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dNYXJnaW59KTtcblxuICAgICR7c2VsZWN0VG9rZW5zLnBhZGRpbmd9OiAwLjEyNXJlbTtcbiAgICAke3NlbGVjdFRva2Vucy5mb2N1c09mZnNldH06IDAuMTI1cmVtO1xuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1QYWRkaW5nfTogdmFyKCR7dG9rZW5zLnNlbGVjdEl0ZW1QYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUJvcmRlclJhZGl1c306IGNhbGModmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pIC0gMC4xMjVyZW0pO1xuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1JY29uTWFyZ2lufTogMCAwLjM3NXJlbSAwIDA7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25TaXplfTogMS41cmVtO1xuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1IZWlnaHR9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbUhlaWdodH0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udEZhbWlseX06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udEZhbWlseX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRTaXplfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U2l6ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFN0eWxlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFdlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFdlaWdodH0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25MZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlVHlwb2dyYXBoeSA9IHN0eWxlZC5kaXZgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25MaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));
+})("font-family:var(", tokens.paginationFontFamily, ");font-size:var(", tokens.paginationFontSize, ");font-style:var(", tokens.paginationFontStyle, ");font-weight:var(", tokens.paginationFontWeight, ");letter-spacing:var(", tokens.paginationLetterSpacing, ");line-height:var(", tokens.paginationLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENpRCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb24vdWkvUGFnaW5hdGlvblNlbGVjdFBlclBhZ2UvUGFnaW5hdGlvblNlbGVjdFBlclBhZ2Uuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBzZWxlY3RDb25maWcsIHNlbGVjdFRva2VucyB9IGZyb20gJy4uLy4uLy4uL1NlbGVjdCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9QYWdpbmF0aW9uLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZFNlbGVjdENvbmZpZyA9IG1lcmdlQ29uZmlnKHNlbGVjdENvbmZpZyk7XG5jb25zdCBTZWxlY3QgPSBjb21wb25lbnQobWVyZ2VkU2VsZWN0Q29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VSb290ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiAwLjVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVNlbGVjdCA9IHN0eWxlZChTZWxlY3QpYFxuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9yfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckhvdmVyfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0SGVpZ2h0fTogdmFyKCR7dG9rZW5zLmJ1dHRvbkhlaWdodH0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvblBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0VGFyZ2V0UGFkZGluZ30pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJvcmRlclJhZGl1c306IHZhcigke3Rva2Vucy5idXR0b25SYWRpdXN9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9yfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvckhvdmVyfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQXJyb3dDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9yQWN0aXZlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQXJyb3dNYXJnaW59OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dNYXJnaW59KTtcblxuICAgICR7c2VsZWN0VG9rZW5zLnBhZGRpbmd9OiAwLjEyNXJlbTtcblxuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1QYWRkaW5nfTogdmFyKCR7dG9rZW5zLnNlbGVjdEl0ZW1QYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUJvcmRlclJhZGl1c306IGNhbGModmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pIC0gMC4xMjVyZW0pO1xuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1JY29uTWFyZ2lufTogMCAwLjM3NXJlbSAwIDA7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25TaXplfTogMS41cmVtO1xuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1IZWlnaHR9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbUhlaWdodH0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udEZhbWlseX06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udEZhbWlseX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRTaXplfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U2l6ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFN0eWxlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFdlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFdlaWdodH0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25MZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlVHlwb2dyYXBoeSA9IHN0eWxlZC5kaXZgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25MaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));

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

@@ -0,0 +1,84 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';
+import React, { forwardRef } from 'react';
+import { safeUseId } from '@salutejs/plasma-core';
+import { getPlacement, getFallbackPlacements } from './utils';
+var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var target = _ref.target,
+    children = _ref.children,
+    opened = _ref.opened,
+    onToggle = _ref.onToggle,
+    placement = _ref.placement,
+    portal = _ref.portal,
+    listWidth = _ref.listWidth,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? 0 : _ref$offset;
+  var _useFloating = useFloating({
+      placement: getPlacement(placement),
+      open: opened,
+      middleware: [offsetMiddleware(offset), flip({
+        fallbackPlacements: getFallbackPlacements(placement)
+      }), shift(), size({
+        apply: function apply(_ref2) {
+          var rects = _ref2.rects,
+            elements = _ref2.elements;
+          Object.assign(elements.floating.style, {
+            width: listWidth || "".concat(rects.reference.width, "px")
+          });
+        }
+      })]
+    }),
+    refs = _useFloating.refs,
+    floatingStyles = _useFloating.floatingStyles;
+  var wrappedId = safeUseId();
+  var handleClick = function handleClick() {
+    if (onToggle) {
+      onToggle(!opened);
+    }
+  };
+
+  // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
+  // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
+  // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
+  // но выпадающий список должен позиционироваться непосредственно возле самого инпута.
+  var isTargetAsFunction = typeof target === 'function';
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    id: wrappedId
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: isTargetAsFunction ? undefined : refs.setReference,
+    onClick: handleClick
+  }, typeof target === 'function' ? target(refs.setReference) : target), opened &&
+  /*#__PURE__*/
+  // root - принимает ref контейнера портала.
+  // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
+  React.createElement(FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/React.createElement("div", {
+    ref: refs.setFloating,
+    style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
+      zIndex: 1
+    })
+  }, children)));
+});
+// root - принимает ref контейнера портала.
+// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
+var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
+  if (!portal) {
+    return {
+      id: wrappedId
+    };
+  }
+  if (typeof portal === 'string') {
+    return {
+      id: portal
+    };
+  }
+  return {
+    root: portal
+  };
+};
+export { FloatingPopover };