@salutejs/plasma-new-hope 0.188.0-canary.1550.11777193712.0 → 0.188.0-canary.1552.11776095169.0

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

@@ -1,4 +1,4 @@
-var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount"];
+var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect"];
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -8,17 +8,17 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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; }
-import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';
-import { safeUseId } from '@salutejs/plasma-core';
-import { isEmpty } from '../../utils';
+import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect } from 'react';
+import { isEmpty, getPlacements } from '../../utils';
 import { useOutsideClick } from '../../hooks';
-import { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';
+import { useKeyNavigation } from './hooks/useKeyboardNavigation';
 import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView, getInitialValue } from './utils';
 import { Inner, Target } from './ui';
-import { pathReducer, focusedPathReducer } from './reducers';
+import { pathReducer, focusedPathReducer, focusedChipIndexReducer } from './reducers';
 import { usePathMaps } from './hooks/usePathMaps';
-import { Ul, base } from './Select.styles';
-import { FloatingPopover } from './FloatingPopover';
+import { StyledPopover, Ul, base, OuterLabel, HelperText } from './Select.styles';
+import { base as viewCSS } from './variations/_view/base';
+import { base as sizeCSS } from './variations/_size/base';
 export var Context = /*#__PURE__*/createContext({});
 
 /**
@@ -26,21 +26,21 @@ export var Context = /*#__PURE__*/createContext({});
  */
 export var selectRoot = function selectRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
-    var _getItemByFocused;
     var outerValue = props.value,
       outerOnChange = props.onChange,
       _props$target = props.target,
-      _target = _props$target === void 0 ? 'textfield-like' : _props$target,
+      target = _props$target === void 0 ? 'textfield-like' : _props$target,
       items = props.items,
       _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'bottom' : _props$placement,
       label = props.label,
-      labelPlacement = props.labelPlacement,
+      _props$labelPlacement = props.labelPlacement,
+      labelPlacement = _props$labelPlacement === void 0 ? 'outer' : _props$labelPlacement,
       placeholder = props.placeholder,
       helperText = props.helperText,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
-      outerView = props.view,
+      view = props.view,
       size = props.size,
       listOverflow = props.listOverflow,
       listHeight = props.listHeight,
@@ -57,28 +57,22 @@ export var selectRoot = function selectRoot(Root) {
       onItemSelect = props.onItemSelect,
       separator = props.separator,
       outerCloseAfterSelect = props.closeAfterSelect,
-      isTargetAmount = props.isTargetAmount,
       rest = _objectWithoutProperties(props, _excluded);
     var transformedItems = useMemo(function () {
       return initialItemsTransform(items || []);
     }, [items]);
-
-    // Создаем структуры для быстрой работы с деревом
     var _usePathMaps = usePathMaps(transformedItems),
-      _usePathMaps2 = _slicedToArray(_usePathMaps, 5),
+      _usePathMaps2 = _slicedToArray(_usePathMaps, 4),
       pathMap = _usePathMaps2[0],
       focusedToValueMap = _usePathMaps2[1],
       valueToCheckedMap = _usePathMaps2[2],
-      valueToItemMap = _usePathMaps2[3],
-      labelToItemMap = _usePathMaps2[4];
-    var _useState = useState(props.multiselect ? [] : ''),
-      _useState2 = _slicedToArray(_useState, 2),
-      internalValue = _useState2[0],
-      setInternalValue = _useState2[1];
-    var value = outerValue !== null && outerValue !== undefined ? getInitialValue(outerValue, valueToItemMap) : internalValue;
-    var floatingPopoverRef = useRef(null);
-
-    // Состояния дерева элементов
+      valueToItemMap = _usePathMaps2[3];
+    var value = getInitialValue(outerValue, valueToItemMap);
+    var onChange = function onChange(e) {
+      if (outerOnChange) {
+        outerOnChange(e);
+      }
+    };
     var _useReducer = useReducer(pathReducer, []),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       path = _useReducer2[0],
@@ -87,53 +81,23 @@ export var selectRoot = function selectRoot(Root) {
       _useReducer4 = _slicedToArray(_useReducer3, 2),
       focusedPath = _useReducer4[0],
       dispatchFocusedPath = _useReducer4[1];
-    var _useState3 = useState(valueToCheckedMap),
-      _useState4 = _slicedToArray(_useState3, 2),
-      checked = _useState4[0],
-      setChecked = _useState4[1];
-    var isCurrentListOpen = Boolean(path[0]);
-    var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
+    var _useReducer5 = useReducer(focusedChipIndexReducer, null),
+      _useReducer6 = _slicedToArray(_useReducer5, 2),
+      focusedChipIndex = _useReducer6[0],
+      dispatchFocusedChipIndex = _useReducer6[1];
+    var _useState = useState(valueToCheckedMap),
+      _useState2 = _slicedToArray(_useState, 2),
+      checked = _useState2[0],
+      setChecked = _useState2[1];
     var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
-    var treeId = safeUseId();
-    var view = _target === 'textfield-like' && disabled ? 'default' : getView(status, outerView);
     var targetRef = useOutsideClick(function () {
-      if (!isCurrentListOpen) {
-        return;
-      }
-      dispatchPath({
-        type: 'reset'
-      });
-      dispatchFocusedPath({
-        type: 'reset'
-      });
-    }, floatingPopoverRef);
-    var onChange = function onChange(newValue) {
-      if (outerOnChange) {
-        outerOnChange(newValue);
-      }
-      setInternalValue(newValue);
-    };
-    var handleClickArrow = function handleClickArrow() {
-      if (disabled) {
-        return;
-      }
-      if (isCurrentListOpen) {
-        dispatchPath({
+      if (focusedChipIndex != null) {
+        dispatchFocusedChipIndex({
           type: 'reset'
         });
-      } else {
-        dispatchPath({
-          type: 'opened_first_level'
-        });
-      }
-      dispatchFocusedPath({
-        type: 'reset'
-      });
-    };
-    var handleListToggle = function handleListToggle(opened) {
-      if (disabled) {
-        return;
       }
+    });
+    var handleToggle = function handleToggle(opened) {
       if (opened) {
         dispatchPath({
           type: 'opened_first_level'
@@ -145,37 +109,39 @@ export var selectRoot = function selectRoot(Root) {
         dispatchPath({
           type: 'reset'
         });
+        dispatchFocusedChipIndex({
+          type: 'reset'
+        });
       }
     };
     var handleCheckboxChange = function handleCheckboxChange(item) {
-      if (!props.multiselect) {
-        return;
-      }
-      var checkedCopy = new Map(checked);
-      if (!checkedCopy.get(item.value)) {
-        checkedCopy.set(item.value, true);
-        updateDescendants(item, checkedCopy, true);
-      } else {
-        checkedCopy.set(item.value, false);
-        updateDescendants(item, checkedCopy, false);
-      }
-      updateAncestors(item, checkedCopy);
-      var newValues = [];
-      valueToItemMap.forEach(function (item, key) {
-        if (checkedCopy.get(key)) {
-          newValues.push(item.value);
+      if (props.multiselect) {
+        var checkedCopy = new Map(checked);
+        if (!checkedCopy.get(item.value)) {
+          checkedCopy.set(item.value, true);
+          updateDescendants(item, checkedCopy, true);
+        } else {
+          checkedCopy.set(item.value, false);
+          updateDescendants(item, checkedCopy, false);
         }
-      });
-      if (closeAfterSelect) {
-        dispatchPath({
-          type: 'reset'
-        });
-        dispatchFocusedPath({
-          type: 'reset'
+        updateAncestors(item, checkedCopy);
+        var newValues = [];
+        valueToItemMap.forEach(function (item, key) {
+          if (checkedCopy.get(key)) {
+            newValues.push(item.value);
+          }
         });
-      }
-      if (onChange) {
-        onChange(newValues);
+        if (closeAfterSelect) {
+          dispatchPath({
+            type: 'reset'
+          });
+          dispatchFocusedPath({
+            type: 'reset'
+          });
+        }
+        if (onChange) {
+          onChange(newValues);
+        }
       }
     };
     var handleItemClick = function handleItemClick(item, e) {
@@ -184,27 +150,30 @@ export var selectRoot = function selectRoot(Root) {
       }
       if (props.multiselect) {
         handleCheckboxChange(item);
-        return;
-      }
-      if (e) {
-        e.stopPropagation();
-      }
-      var isCurrentChecked = checked.get(item.value);
-      if (closeAfterSelect) {
-        dispatchPath({
-          type: 'reset'
-        });
-        dispatchFocusedPath({
-          type: 'reset'
-        });
-      }
-      if (onChange) {
-        onChange(isCurrentChecked ? '' : item.value);
-      }
-      if (onItemSelect) {
-        onItemSelect(item, e);
+      } else {
+        if (e) {
+          e.stopPropagation();
+        }
+        var isCurrentChecked = checked.get(item.value);
+        if (closeAfterSelect) {
+          dispatchPath({
+            type: 'reset'
+          });
+          dispatchFocusedPath({
+            type: 'reset'
+          });
+        }
+        if (onChange) {
+          onChange(isCurrentChecked ? '' : item.value);
+        }
+        if (onItemSelect) {
+          onItemSelect(item, e);
+        }
       }
     };
+    var handleChipClick = function handleChipClick(currentValue) {
+      handleCheckboxChange(valueToItemMap.get(currentValue));
+    };
     var handlePressDown = function handlePressDown(item, e) {
       if (isEmpty(item.items)) {
         handleItemClick(item, e);
@@ -220,19 +189,25 @@ export var selectRoot = function selectRoot(Root) {
       }
     };
     var _useKeyNavigation = useKeyNavigation({
+        value: value,
         focusedPath: focusedPath,
         dispatchFocusedPath: dispatchFocusedPath,
         path: path,
         dispatchPath: dispatchPath,
         pathMap: pathMap,
         focusedToValueMap: focusedToValueMap,
-        handleListToggle: handleListToggle,
-        handlePressDown: handlePressDown
+        handleToggle: handleToggle,
+        handlePressDown: handlePressDown,
+        focusedChipIndex: focusedChipIndex,
+        dispatchFocusedChipIndex: dispatchFocusedChipIndex,
+        valueToItemMap: valueToItemMap,
+        multiselect: props.multiselect,
+        isTargetAmount: props.isTargetAmount
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;
+    var isCurrentListOpen = Boolean(path[0]);
 
-    // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
-    // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
+    // В данном эффекте мы следим за изменениями value и вносим коррективы в дерево чекбоксов.
     useLayoutEffect(function () {
       var checkedCopy = new Map(checked);
       checkedCopy.forEach(function (_, key) {
@@ -251,18 +226,13 @@ export var selectRoot = function selectRoot(Root) {
         }
       }
       setChecked(checkedCopy);
-
-      // В deps мы кладем именно outerValue и internalValue, а не просто value.
-      // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
-      // А переменную, содержащую сложные типы данных, нельзя помещать в deps.
-    }, [outerValue, internalValue, items]);
+    }, [outerValue, items]);
     return /*#__PURE__*/React.createElement(Root, _extends({
-      view: view,
+      ref: ref,
       size: size,
-      labelPlacement: labelPlacement,
-      chipView: chipView,
-      disabled: disabled
-    }, rest), /*#__PURE__*/React.createElement(Context.Provider, {
+      view: status ? getView(status) : view,
+      chipView: chipView
+    }, rest), label && labelPlacement === 'outer' && target !== 'button-like' && /*#__PURE__*/React.createElement(OuterLabel, null, label), /*#__PURE__*/React.createElement(Context.Provider, {
       value: {
         focusedPath: focusedPath,
         checked: checked,
@@ -272,63 +242,46 @@ export var selectRoot = function selectRoot(Root) {
         handleItemClick: handleItemClick,
         variant: variant,
         renderItem: renderItem,
-        valueToItemMap: valueToItemMap,
-        treeId: treeId
+        valueToItemMap: valueToItemMap
       }
-    }, /*#__PURE__*/React.createElement(FloatingPopover, {
-      ref: floatingPopoverRef,
+    }, /*#__PURE__*/React.createElement(StyledPopover, {
+      ref: targetRef,
       opened: isCurrentListOpen,
-      onToggle: function onToggle(opened) {
-        return opened && handleListToggle(true);
-      },
-      placement: placement,
-      portal: portal,
-      listWidth: listWidth,
-      target: function target(referenceRef) {
-        return /*#__PURE__*/React.createElement(Target, {
-          ref: ref,
-          target: _target,
-          value: value,
-          opened: isCurrentListOpen,
-          valueToItemMap: valueToItemMap,
-          label: label,
-          placeholder: placeholder,
-          onKeyDown: onKeyDown,
-          labelPlacement: labelPlacement,
-          size: size,
-          contentLeft: contentLeft,
-          disabled: disabled,
-          renderValue: renderValue,
-          selectProps: props,
-          inputWrapperRef: referenceRef,
-          multiselect: props.multiselect,
-          view: view,
-          handleClickArrow: handleClickArrow,
-          helperText: helperText,
-          treeId: treeId,
-          activeDescendantItemValue: activeDescendantItemValue,
-          isTargetAmount: isTargetAmount,
-          onChange: onChange,
-          labelToItemMap: labelToItemMap,
-          chipView: chipView,
-          separator: separator
-        });
-      }
-    }, /*#__PURE__*/React.createElement(Root, _extends({
-      view: view,
-      size: size,
-      labelPlacement: labelPlacement,
-      chipView: chipView,
-      disabled: disabled
+      placement: getPlacements(placement),
+      usePortal: Boolean(portal),
+      frame: portal,
+      onToggle: handleToggle,
+      trigger: "click",
+      target: /*#__PURE__*/React.createElement(Target, {
+        opened: isCurrentListOpen,
+        value: value,
+        valueToItemMap: valueToItemMap,
+        focusedPath: focusedPath,
+        focusedToValueMap: focusedToValueMap,
+        onChipClick: handleChipClick,
+        label: label,
+        placeholder: placeholder,
+        onKeyDown: onKeyDown,
+        focusedChipIndex: focusedChipIndex,
+        labelPlacement: labelPlacement,
+        selectProps: props,
+        size: size,
+        contentLeft: contentLeft,
+        disabled: disabled,
+        renderValue: renderValue
+      }),
+      preventOverflow: false,
+      closeOnOverlayClick: true,
+      listWidth: listWidth
+    }, items && /*#__PURE__*/React.createElement(Root, _extends({
+      size: size
     }, rest), /*#__PURE__*/React.createElement(Ul, {
       role: "tree",
-      id: "".concat(treeId, "_tree_level_1"),
-      "aria-multiselectable": Boolean(props.multiselect),
+      id: "tree_level_1",
       listHeight: listHeight,
       listOverflow: listOverflow,
       onScroll: handleScroll,
-      listWidth: listWidth,
-      ref: targetRef
+      listWidth: listWidth
     }, transformedItems.map(function (item, index) {
       return /*#__PURE__*/React.createElement(Inner, {
         key: "".concat(index, "/0"),
@@ -339,7 +292,7 @@ export var selectRoot = function selectRoot(Root) {
         index: index,
         listWidth: listWidth
       });
-    }))))));
+    }))))), helperText && target === 'textfield-like' && /*#__PURE__*/React.createElement(HelperText, null, helperText));
   });
 };
 export var selectConfig = {
@@ -347,11 +300,17 @@ export var selectConfig = {
   tag: 'div',
   layout: selectRoot,
   base: base,
-  variations: {},
+  variations: {
+    view: {
+      css: viewCSS
+    },
+    size: {
+      css: sizeCSS
+    }
+  },
   defaults: {
     view: 'default',
-    size: 'm',
-    labelPlacement: 'outer',
-    chipView: 'default'
+    chipView: 'default',
+    size: 'm'
   }
 };

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

@@ -1,21 +1,39 @@
 import _styled from "@emotion/styled/base";
 import { css } from '@emotion/react';
+import { component } from '../../engines';
+import { popoverClasses, popoverConfig } from '../Popover';
 import { getCorrectHeight } from './utils';
 import { tokens, constants } from './Select.tokens';
+var Popover = /*#__PURE__*/component(popoverConfig);
+export var StyledPopover = /*#__PURE__*/_styled(Popover, {
+  target: "e1ea4cwt3",
+  label: "plasma-new-hope__StyledPopover"
+})(".", /*#__PURE__*/String(popoverClasses.root), "{width:", function (_ref) {
+  var listWidth = _ref.listWidth;
+  return listWidth || '100%';
+}, ";}.", /*#__PURE__*/String(popoverClasses.target), "{width:100%;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXNGIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgcG9wb3ZlckNsYXNzZXMsIHBvcG92ZXJDb25maWcgfSBmcm9tICcuLi9Qb3BvdmVyJztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgU2VsZWN0UHJvcHMgfSBmcm9tICcuL1NlbGVjdC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cyB9IGZyb20gJy4vU2VsZWN0LnRva2Vucyc7XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpPHsgbGlzdFdpZHRoPzogU2VsZWN0UHJvcHNbJ2xpc3RXaWR0aCddIH0+YFxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy5yb290KX0ge1xuICAgICAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgfVxuXG4gICAgLiR7U3RyaW5nKHBvcG92ZXJDbGFzc2VzLnRhcmdldCl9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBTZWxlY3RQcm9wc1snbGlzdE92ZXJmbG93J107XG4gICAgbGlzdEhlaWdodD86IFNlbGVjdFByb3BzWydsaXN0SGVpZ2h0J107XG4gICAgbGlzdFdpZHRoPzogU2VsZWN0UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiAobGlzdEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdzogJHsoeyBsaXN0T3ZlcmZsb3cgfSkgPT4gbGlzdE92ZXJmbG93IHx8ICdpbml0aWFsJ307XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMucG9wb3ZlckJvcmRlcldpZHRofSkgc29saWQgdmFyKCR7dG9rZW5zLnBvcG92ZXJCb3JkZXJDb2xvcn0pO1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgdmFyKCR7dG9rZW5zLnBhZGRpbmd9KWAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIC4ke3BvcG92ZXJDbGFzc2VzLndyYXBwZXJ9LCAuJHtwb3BvdmVyQ2xhc3Nlcy50YXJnZXR9IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE91dGVyTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWJvdHRvbTogdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSk7XG4gICAgY29sb3I6IHZhcigke2NvbnN0YW50cy50ZXh0ZmllbGRPdXRlckxhYmVsQ29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGFiZWxGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgbWFyZ2luLXRvcDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRPZmZzZXR9KTtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRDb2xvcn0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Rm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));
 export var Ul = /*#__PURE__*/_styled("ul", {
-  target: "e1ea4cwt0",
+  target: "e1ea4cwt2",
   label: "plasma-new-hope__Ul"
-})("box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ";border-radius:var(", tokens.borderRadius, ");width:", function (_ref) {
-  var listWidth = _ref.listWidth;
+})("box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ";border-radius:var(", tokens.borderRadius, ");width:", function (_ref2) {
+  var listWidth = _ref2.listWidth;
   return listWidth || '100%';
-}, ";height:", function (_ref2) {
-  var listHeight = _ref2.listHeight;
+}, ";height:", function (_ref3) {
+  var listHeight = _ref3.listHeight;
   return listHeight ? getCorrectHeight(listHeight) : 'auto';
-}, ";overflow:", function (_ref3) {
-  var listOverflow = _ref3.listOverflow;
+}, ";overflow:", function (_ref4) {
+  var listOverflow = _ref4.listOverflow;
   return listOverflow || 'initial';
-}, ";border:var(", tokens.dropdownBorderWidth, ") solid var(", tokens.dropdownBorderColor, ");margin:", function (_ref4) {
-  var isInnerUl = _ref4.isInnerUl;
-  return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 0") : 0;
-}, ";padding:var(", tokens.padding, ") 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWUUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgU2VsZWN0UHJvcHMgfSBmcm9tICcuL1NlbGVjdC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cyB9IGZyb20gJy4vU2VsZWN0LnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE92ZXJmbG93PzogU2VsZWN0UHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xuICAgIGxpc3RIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXTtcbiAgICBpc0lubmVyVWw/OiBib29sZWFuO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgaGVpZ2h0OiAkeyh7IGxpc3RIZWlnaHQgfSkgPT4gKGxpc3RIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RIZWlnaHQpIDogJ2F1dG8nKX07XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuXG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSk7XG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgMGAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));
-export var base = /*#__PURE__*/css(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJ1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBnZXRDb3JyZWN0SGVpZ2h0IH0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQgeyBTZWxlY3RQcm9wcyB9IGZyb20gJy4vU2VsZWN0LnR5cGVzJztcbmltcG9ydCB7IHRva2VucywgY29uc3RhbnRzIH0gZnJvbSAnLi9TZWxlY3QudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBTZWxlY3RQcm9wc1snbGlzdE92ZXJmbG93J107XG4gICAgbGlzdEhlaWdodD86IFNlbGVjdFByb3BzWydsaXN0SGVpZ2h0J107XG4gICAgbGlzdFdpZHRoPzogU2VsZWN0UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiAobGlzdEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdzogJHsoeyBsaXN0T3ZlcmZsb3cgfSkgPT4gbGlzdE92ZXJmbG93IHx8ICdpbml0aWFsJ307XG5cbiAgICBib3JkZXI6IHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSkgc29saWQgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyQ29sb3J9KTtcbiAgICBtYXJnaW46ICR7KHsgaXNJbm5lclVsIH0pID0+IChpc0lubmVyVWwgPyBgY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICogLTEpIDAgMCAwYCA6IDApfTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pIDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl19 */"));
+}, ";border:var(", tokens.popoverBorderWidth, ") solid var(", tokens.popoverBorderColor, ");margin:", function (_ref5) {
+  var isInnerUl = _ref5.isInnerUl;
+  return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 var(").concat(tokens.padding, ")") : 0;
+}, ";padding:var(", tokens.padding, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgcG9wb3ZlckNsYXNzZXMsIHBvcG92ZXJDb25maWcgfSBmcm9tICcuLi9Qb3BvdmVyJztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgU2VsZWN0UHJvcHMgfSBmcm9tICcuL1NlbGVjdC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cyB9IGZyb20gJy4vU2VsZWN0LnRva2Vucyc7XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpPHsgbGlzdFdpZHRoPzogU2VsZWN0UHJvcHNbJ2xpc3RXaWR0aCddIH0+YFxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy5yb290KX0ge1xuICAgICAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgfVxuXG4gICAgLiR7U3RyaW5nKHBvcG92ZXJDbGFzc2VzLnRhcmdldCl9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBTZWxlY3RQcm9wc1snbGlzdE92ZXJmbG93J107XG4gICAgbGlzdEhlaWdodD86IFNlbGVjdFByb3BzWydsaXN0SGVpZ2h0J107XG4gICAgbGlzdFdpZHRoPzogU2VsZWN0UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiAobGlzdEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdzogJHsoeyBsaXN0T3ZlcmZsb3cgfSkgPT4gbGlzdE92ZXJmbG93IHx8ICdpbml0aWFsJ307XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMucG9wb3ZlckJvcmRlcldpZHRofSkgc29saWQgdmFyKCR7dG9rZW5zLnBvcG92ZXJCb3JkZXJDb2xvcn0pO1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgdmFyKCR7dG9rZW5zLnBhZGRpbmd9KWAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIC4ke3BvcG92ZXJDbGFzc2VzLndyYXBwZXJ9LCAuJHtwb3BvdmVyQ2xhc3Nlcy50YXJnZXR9IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE91dGVyTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWJvdHRvbTogdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSk7XG4gICAgY29sb3I6IHZhcigke2NvbnN0YW50cy50ZXh0ZmllbGRPdXRlckxhYmVsQ29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGFiZWxGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgbWFyZ2luLXRvcDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRPZmZzZXR9KTtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRDb2xvcn0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Rm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));
+export var base = /*#__PURE__*/css(".", popoverClasses.wrapper, ",.", popoverClasses.target, "{display:block;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkN1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5jb25zdCBQb3BvdmVyID0gY29tcG9uZW50KHBvcG92ZXJDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKTx7IGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXSB9PmBcbiAgICAuJHtTdHJpbmcocG9wb3ZlckNsYXNzZXMucm9vdCl9IHtcbiAgICAgICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCAnMTAwJSd9O1xuICAgIH1cblxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy50YXJnZXQpfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE92ZXJmbG93PzogU2VsZWN0UHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xuICAgIGxpc3RIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXTtcbiAgICBpc0lubmVyVWw/OiBib29sZWFuO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgaGVpZ2h0OiAkeyh7IGxpc3RIZWlnaHQgfSkgPT4gKGxpc3RIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RIZWlnaHQpIDogJ2F1dG8nKX07XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLnBvcG92ZXJCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5wb3BvdmVyQm9yZGVyQ29sb3J9KTtcblxuICAgIG1hcmdpbjogJHsoeyBpc0lubmVyVWwgfSkgPT4gKGlzSW5uZXJVbCA/IGBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKiAtMSkgMCAwIHZhcigke3Rva2Vucy5wYWRkaW5nfSlgIDogMCl9O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdXRlckxhYmVsID0gc3R5bGVkLmxhYmVsYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5sYWJlbE9mZnNldH0pO1xuICAgIGNvbG9yOiB2YXIoJHtjb25zdGFudHMudGV4dGZpZWxkT3V0ZXJMYWJlbENvbG9yfSk7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxGb250TGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbi10b3A6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0T2Zmc2V0fSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Rm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250TGluZUhlaWdodH0pO1xuYDtcbiJdfQ== */"));
+export var OuterLabel = /*#__PURE__*/_styled("label", {
+  target: "e1ea4cwt1",
+  label: "plasma-new-hope__OuterLabel"
+})("display:block;margin-bottom:var(", tokens.labelOffset, ");color:var(", constants.textfieldOuterLabelColor, ");font-family:var(", tokens.labelFontFamily, ");font-size:var(", tokens.labelFontSize, ");font-style:var(", tokens.labelFontStyle, ");font-weight:var(", tokens.labelFontWeight, ");letter-spacing:var(", tokens.labelFontLetterSpacing, ");line-height:var(", tokens.labelFontLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5jb25zdCBQb3BvdmVyID0gY29tcG9uZW50KHBvcG92ZXJDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKTx7IGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXSB9PmBcbiAgICAuJHtTdHJpbmcocG9wb3ZlckNsYXNzZXMucm9vdCl9IHtcbiAgICAgICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCAnMTAwJSd9O1xuICAgIH1cblxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy50YXJnZXQpfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE92ZXJmbG93PzogU2VsZWN0UHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xuICAgIGxpc3RIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXTtcbiAgICBpc0lubmVyVWw/OiBib29sZWFuO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgaGVpZ2h0OiAkeyh7IGxpc3RIZWlnaHQgfSkgPT4gKGxpc3RIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RIZWlnaHQpIDogJ2F1dG8nKX07XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLnBvcG92ZXJCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5wb3BvdmVyQm9yZGVyQ29sb3J9KTtcblxuICAgIG1hcmdpbjogJHsoeyBpc0lubmVyVWwgfSkgPT4gKGlzSW5uZXJVbCA/IGBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKiAtMSkgMCAwIHZhcigke3Rva2Vucy5wYWRkaW5nfSlgIDogMCl9O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdXRlckxhYmVsID0gc3R5bGVkLmxhYmVsYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5sYWJlbE9mZnNldH0pO1xuICAgIGNvbG9yOiB2YXIoJHtjb25zdGFudHMudGV4dGZpZWxkT3V0ZXJMYWJlbENvbG9yfSk7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxGb250TGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbi10b3A6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0T2Zmc2V0fSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Rm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250TGluZUhlaWdodH0pO1xuYDtcbiJdfQ== */"));
+export var HelperText = /*#__PURE__*/_styled("div", {
+  target: "e1ea4cwt0",
+  label: "plasma-new-hope__HelperText"
+})("margin-top:var(", tokens.helperTextOffset, ");color:var(", tokens.helperTextColor, ");font-family:var(", tokens.helperTextFontFamily, ");font-size:var(", tokens.helperTextFontSize, ");font-style:var(", tokens.helperTextFontStyle, ");font-weight:var(", tokens.helperTextFontWeight, ");letter-spacing:var(", tokens.helperTextFontLetterSpacing, ");line-height:var(", tokens.helperTextFontLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERvQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5jb25zdCBQb3BvdmVyID0gY29tcG9uZW50KHBvcG92ZXJDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKTx7IGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXSB9PmBcbiAgICAuJHtTdHJpbmcocG9wb3ZlckNsYXNzZXMucm9vdCl9IHtcbiAgICAgICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCAnMTAwJSd9O1xuICAgIH1cblxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy50YXJnZXQpfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE92ZXJmbG93PzogU2VsZWN0UHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xuICAgIGxpc3RIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXTtcbiAgICBpc0lubmVyVWw/OiBib29sZWFuO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgaGVpZ2h0OiAkeyh7IGxpc3RIZWlnaHQgfSkgPT4gKGxpc3RIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RIZWlnaHQpIDogJ2F1dG8nKX07XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLnBvcG92ZXJCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5wb3BvdmVyQm9yZGVyQ29sb3J9KTtcblxuICAgIG1hcmdpbjogJHsoeyBpc0lubmVyVWwgfSkgPT4gKGlzSW5uZXJVbCA/IGBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKiAtMSkgMCAwIHZhcigke3Rva2Vucy5wYWRkaW5nfSlgIDogMCl9O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdXRlckxhYmVsID0gc3R5bGVkLmxhYmVsYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5sYWJlbE9mZnNldH0pO1xuICAgIGNvbG9yOiB2YXIoJHtjb25zdGFudHMudGV4dGZpZWxkT3V0ZXJMYWJlbENvbG9yfSk7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxGb250TGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbi10b3A6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0T2Zmc2V0fSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Rm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250TGluZUhlaWdodH0pO1xuYDtcbiJdfQ== */"));