@salutejs/plasma-new-hope 0.326.0-canary.1973.15428061748.0 → 0.326.0-canary.1973.15492799823.0

package/emotion/cjs/components/CodeField/CodeField.js

@@ -180,6 +180,7 @@ var codeFieldRoot = exports.codeFieldRoot = function codeFieldRoot(Root) {
     };
     var handlePaste = function handlePaste(event) {
       var _inputRefs$current$ac;
+      var newCode = _toConsumableArray(code);
       if (disabled) {
         return;
       }
@@ -189,9 +190,12 @@ var codeFieldRoot = exports.codeFieldRoot = function codeFieldRoot(Root) {
         var _symb$match;
         return ((_symb$match = symb.match(fieldPattern)) === null || _symb$match === void 0 ? void 0 : _symb$match[0]) || '';
       }).filter(Boolean) || [] : rawData.split('')).slice(0, codeLength);
+      pastedData.forEach(function (element, index) {
+        newCode[index] = element;
+      });
       var activeIndex = Math.min(pastedData.length, codeLength - 1);
       (_inputRefs$current$ac = inputRefs.current[activeIndex]) === null || _inputRefs$current$ac === void 0 || _inputRefs$current$ac.focus();
-      codeSetter(pastedData);
+      codeSetter(newCode);
     };
     var handleFullCodeEnter = (0, _react.useCallback)(function (fullCode) {
       if (onFullCodeEnter) {

package/emotion/cjs/components/CodeInput/CodeInput.js

@@ -126,14 +126,36 @@ var codeInputRoot = exports.codeInputRoot = function codeInputRoot(Root) {
       }
     };
     var handleChange = function handleChange(event, index) {
-      var _inputRefs$current$in;
       if (disabled) {
         return;
       }
       var rawSymbol = event.currentTarget.value;
       var symbol = rawSymbol.charAt(rawSymbol.length - 1);
+      handleAddSymbol(symbol, index);
+    };
+    var handleOnKeyDownCircle = function handleOnKeyDownCircle(event, index) {
+      var _inputRefs$current$in;
+      if (disabled) {
+        return;
+      }
+      var key = event.key;
+      if (_constants.FORBIDDEN_KEYS.includes(key)) {
+        event.preventDefault();
+        return;
+      }
+      if (key === _constants.BACKSPACE_KEY) {
+        if (index > 0 && code[index] === '') {
+          var _inputRefs$current2;
+          (_inputRefs$current2 = inputRefs.current[index - 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
+        }
+      }
+      handleAddSymbol(key, index);
+      (_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.focus();
+    };
+    var handleAddSymbol = function handleAddSymbol(symbol, index) {
+      var _inputRefs$current$in2;
       var newCode = _toConsumableArray(code);
-      (_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.classList.remove(_CodeInput.classes.itemError);
+      (_inputRefs$current$in2 = inputRefs.current[index]) === null || _inputRefs$current$in2 === void 0 || _inputRefs$current$in2.classList.remove(_CodeInput.classes.itemError);
       if (isError) {
         var _captionRef$current;
         (_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.remove(_CodeInput.classes.captionError);
@@ -149,8 +171,8 @@ var codeInputRoot = exports.codeInputRoot = function codeInputRoot(Root) {
         newCode[index] = symbol;
         codeSetter(newCode);
         if (symbol && index < codeLength - 1) {
-          var _inputRefs$current2;
-          (_inputRefs$current2 = inputRefs.current[index + 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
+          var _inputRefs$current3;
+          (_inputRefs$current3 = inputRefs.current[index + 1]) === null || _inputRefs$current3 === void 0 || _inputRefs$current3.focus();
         }
         return;
       }
@@ -163,8 +185,8 @@ var codeInputRoot = exports.codeInputRoot = function codeInputRoot(Root) {
         newCode[index] = symbol.charAt(symbol.length - 1);
         codeSetter(newCode);
         if (index < codeLength - 1) {
-          var _inputRefs$current3;
-          (_inputRefs$current3 = inputRefs.current[index + 1]) === null || _inputRefs$current3 === void 0 || _inputRefs$current3.focus();
+          var _inputRefs$current4;
+          (_inputRefs$current4 = inputRefs.current[index + 1]) === null || _inputRefs$current4 === void 0 || _inputRefs$current4.focus();
         }
       } else {
         newCode[index] = symbol.charAt(symbol.length - 1);
@@ -174,6 +196,7 @@ var codeInputRoot = exports.codeInputRoot = function codeInputRoot(Root) {
           index: index,
           newCode: newCode,
           inputRefs: inputRefs,
+          inputContainerRef: inputContainerRef,
           setCode: setCode,
           codeSetter: codeSetter
         });
@@ -181,6 +204,7 @@ var codeInputRoot = exports.codeInputRoot = function codeInputRoot(Root) {
     };
     var handlePaste = function handlePaste(event) {
       var _inputRefs$current$ac;
+      var newCode = _toConsumableArray(code);
       if (disabled) {
         return;
       }
@@ -190,9 +214,12 @@ var codeInputRoot = exports.codeInputRoot = function codeInputRoot(Root) {
         var _symb$match;
         return ((_symb$match = symb.match(fieldPattern)) === null || _symb$match === void 0 ? void 0 : _symb$match[0]) || '';
       }).filter(Boolean) || [] : rawData.split('')).slice(0, codeLength);
+      pastedData.forEach(function (element, index) {
+        newCode[index] = element;
+      });
       var activeIndex = Math.min(pastedData.length, codeLength - 1);
       (_inputRefs$current$ac = inputRefs.current[activeIndex]) === null || _inputRefs$current$ac === void 0 || _inputRefs$current$ac.focus();
-      codeSetter(pastedData);
+      codeSetter(newCode);
     };
     var handleFullCodeEnter = (0, _react.useCallback)(function (fullCode) {
       if (onFullCodeEnter) {
@@ -247,13 +274,21 @@ var codeInputRoot = exports.codeInputRoot = function codeInputRoot(Root) {
         var inputCorrectIndex = i + codeLength / parts * partIndex;
         return /*#__PURE__*/_react["default"].createElement(_CodeInput2.ItemWrapper, {
           key: partIndex + i + partIndex * i
-        }, /*#__PURE__*/_react["default"].createElement(_CodeInput2.ItemInput, _extends({
+        }, (!code[inputCorrectIndex] || !!code[inputCorrectIndex] && hidden) && /*#__PURE__*/_react["default"].createElement(_CodeInput2.ItemCircle, {
+          role: "tab",
+          tabIndex: originalValue.length === inputCorrectIndex ? 0 : -1,
+          onKeyDown: function onKeyDown(e) {
+            handleOnKeyDownCircle(e, inputCorrectIndex);
+          },
+          className: (0, _classnames["default"])([!!code[inputCorrectIndex] && hidden ? _CodeInput.classes.itemCirlceFilled : '', "".concat(_CodeInput.classes.itemCircle, "-").concat(inputCorrectIndex)])
+        }), /*#__PURE__*/_react["default"].createElement(_CodeInput2.ItemInput, _extends({
           ref: function ref(element) {
             inputRefs.current[inputCorrectIndex] = element;
           },
           className: (0, _classnames["default"])(_defineProperty({}, _CodeInput.classes.hoverEnabled, inputCorrectIndex >= originalValue.length)),
           hide: hidden,
           value: code[inputCorrectIndex] || '',
+          tabIndex: originalValue.length === inputCorrectIndex ? 0 : -1,
           autoComplete: autoComplete,
           onChange: function onChange(e) {
             handleChange(e, inputCorrectIndex);
@@ -261,13 +296,10 @@ var codeInputRoot = exports.codeInputRoot = function codeInputRoot(Root) {
           onKeyDown: function onKeyDown(e) {
             handleOnKeyDown(e, inputCorrectIndex);
           },
-          onPaste: handlePaste,
-          tabIndex: originalValue.length === inputCorrectIndex ? 0 : -1
+          onPaste: handlePaste
         }, placeholderValue && {
           placeholder: placeholderValue[inputCorrectIndex]
-        })), (!code[inputCorrectIndex] || !!code[inputCorrectIndex] && hidden) && /*#__PURE__*/_react["default"].createElement(_CodeInput2.ItemCircle, {
-          className: !!code[inputCorrectIndex] && hidden ? _CodeInput.classes.itemCirlceFilled : ''
-        }));
+        })));
       })), partIndex !== parts - 1 && (_Separator || (_Separator = /*#__PURE__*/_react["default"].createElement(_CodeInput2.Separator, null))));
     })), caption && /*#__PURE__*/_react["default"].createElement(_CodeInput2.CaptionWrapper, {
       ref: captionRef,

package/emotion/cjs/components/CodeInput/CodeInput.styles.js

@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/require("@emotion/react");
 var _CodeInput = /*#__PURE__*/require("./CodeInput.tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var base = exports.base = /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;justify-content:center;width:min-content;align-items:center;&.", _CodeInput.classes.captionAlignLeft, "{align-items:start;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUlucHV0LnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVHcm91cCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlcGFyYXRvciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy5zZXBhcmF0b3JXaWR0aH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1JbnB1dCA9IHN0eWxlZC5pbnB1dDx7IGhpZGU/OiBib29sZWFuIH0+YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBjYXJldC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgY2FyZXQ6IG5vbmU7XG4gICAgb3BhY2l0eTogJHsoeyBoaWRlIH0pID0+IChoaWRlID8gJzAnIDogJzEnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtQ2lyY2xlID0gc3R5bGVkLmRpdjx7IGZpbGxlZD86IGJvb2xlYW4gfT5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICBsZWZ0OiBjYWxjKDUwJSAtIGNhbGModmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pIC8gMikpO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBib3JkZXI6IHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZUJvcmRlcldpZHRofSkgc29saWQgdmFyKCR7dG9rZW5zLmNvZGVDb2xvcn0pO1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJ3RyYW5zcGFyZW50JztcblxuICAgICYuJHtjbGFzc2VzLml0ZW1DaXJsY2VGaWxsZWR9IHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmNvZGVDb2xvcn0pO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuIl19 */"));
+var base = exports.base = /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;justify-content:center;width:min-content;align-items:center;&.", _CodeInput.classes.captionAlignLeft, "{align-items:start;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUlucHV0LnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVHcm91cCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlcGFyYXRvciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy5zZXBhcmF0b3JXaWR0aH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1JbnB1dCA9IHN0eWxlZC5pbnB1dDx7IGhpZGU/OiBib29sZWFuIH0+YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBjYXJldC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgY2FyZXQ6IG5vbmU7XG4gICAgb3BhY2l0eTogJHsoeyBoaWRlIH0pID0+IChoaWRlID8gJzAnIDogJzEnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtQ2lyY2xlID0gc3R5bGVkLmRpdjx7IGZpbGxlZD86IGJvb2xlYW4gfT5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICBsZWZ0OiBjYWxjKDUwJSAtIGNhbGModmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pIC8gMikpO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICd0cmFuc3BhcmVudCc7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgY2FwdGlvbkFsaWduOiAnbGVmdCcgfCAnY2VudGVyJzsgd2lkdGhWYWx1ZT86IHN0cmluZyB9PmBcbiAgICB0ZXh0LWFsaWduOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIGFsaWduLXNlbGY6ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgd2lkdGg6ICR7KHsgd2lkdGhWYWx1ZSB9KSA9PiB3aWR0aFZhbHVlIHx8ICdhdXRvJ307XG4gICAgd2hpdGUtc3BhY2U6IHByZS1saW5lO1xuYDtcbiJdfQ== */"));
 var CodeWrapper = exports.CodeWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ek2q9ia6",
   label: "plasma-new-hope__CodeWrapper"
@@ -19,7 +19,7 @@ var CodeWrapper = exports.CodeWrapper = /*#__PURE__*/(0, _base["default"])("div"
 } : {
   name: "s5xdrg",
   styles: "display:flex;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJxQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvZGVJbnB1dC9Db2RlSW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0NvZGVJbnB1dC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jYXB0aW9uQWxpZ25MZWZ0fSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlR3JvdXAgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSW5wdXQgPSBzdHlsZWQuaW5wdXQ8eyBoaWRlPzogYm9vbGVhbiB9PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0OiBub25lO1xuICAgIG9wYWNpdHk6ICR7KHsgaGlkZSB9KSA9PiAoaGlkZSA/ICcwJyA6ICcxJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUNpcmNsZSA9IHN0eWxlZC5kaXY8eyBmaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gY2FsYyh2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSkgLyAyKSk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICd0cmFuc3BhcmVudCc7XG5cbiAgICAmLiR7Y2xhc3Nlcy5pdGVtQ2lybGNlRmlsbGVkfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgY2FwdGlvbkFsaWduOiAnbGVmdCcgfCAnY2VudGVyJzsgd2lkdGhWYWx1ZT86IHN0cmluZyB9PmBcbiAgICB0ZXh0LWFsaWduOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIGFsaWduLXNlbGY6ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgd2lkdGg6ICR7KHsgd2lkdGhWYWx1ZSB9KSA9PiB3aWR0aFZhbHVlIHx8ICdhdXRvJ307XG4gICAgd2hpdGUtc3BhY2U6IHByZS1saW5lO1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJxQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvZGVJbnB1dC9Db2RlSW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0NvZGVJbnB1dC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jYXB0aW9uQWxpZ25MZWZ0fSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlR3JvdXAgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSW5wdXQgPSBzdHlsZWQuaW5wdXQ8eyBoaWRlPzogYm9vbGVhbiB9PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0OiBub25lO1xuICAgIG9wYWNpdHk6ICR7KHsgaGlkZSB9KSA9PiAoaGlkZSA/ICcwJyA6ICcxJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUNpcmNsZSA9IHN0eWxlZC5kaXY8eyBmaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gY2FsYyh2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSkgLyAyKSk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAndHJhbnNwYXJlbnQnO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdjx7IGNhcHRpb25BbGlnbjogJ2xlZnQnIHwgJ2NlbnRlcic7IHdpZHRoVmFsdWU/OiBzdHJpbmcgfT5gXG4gICAgdGV4dC1hbGlnbjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICBhbGlnbi1zZWxmOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIHdpZHRoOiAkeyh7IHdpZHRoVmFsdWUgfSkgPT4gd2lkdGhWYWx1ZSB8fCAnYXV0byd9O1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtbGluZTtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var CodeGroup = exports.CodeGroup = /*#__PURE__*/(0, _base["default"])("div", {
@@ -31,20 +31,20 @@ var CodeGroup = exports.CodeGroup = /*#__PURE__*/(0, _base["default"])("div", {
 } : {
   name: "s5xdrg",
   styles: "display:flex;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JtQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvZGVJbnB1dC9Db2RlSW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0NvZGVJbnB1dC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jYXB0aW9uQWxpZ25MZWZ0fSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlR3JvdXAgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSW5wdXQgPSBzdHlsZWQuaW5wdXQ8eyBoaWRlPzogYm9vbGVhbiB9PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0OiBub25lO1xuICAgIG9wYWNpdHk6ICR7KHsgaGlkZSB9KSA9PiAoaGlkZSA/ICcwJyA6ICcxJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUNpcmNsZSA9IHN0eWxlZC5kaXY8eyBmaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gY2FsYyh2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSkgLyAyKSk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICd0cmFuc3BhcmVudCc7XG5cbiAgICAmLiR7Y2xhc3Nlcy5pdGVtQ2lybGNlRmlsbGVkfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgY2FwdGlvbkFsaWduOiAnbGVmdCcgfCAnY2VudGVyJzsgd2lkdGhWYWx1ZT86IHN0cmluZyB9PmBcbiAgICB0ZXh0LWFsaWduOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIGFsaWduLXNlbGY6ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgd2lkdGg6ICR7KHsgd2lkdGhWYWx1ZSB9KSA9PiB3aWR0aFZhbHVlIHx8ICdhdXRvJ307XG4gICAgd2hpdGUtc3BhY2U6IHByZS1saW5lO1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JtQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvZGVJbnB1dC9Db2RlSW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0NvZGVJbnB1dC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jYXB0aW9uQWxpZ25MZWZ0fSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlR3JvdXAgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSW5wdXQgPSBzdHlsZWQuaW5wdXQ8eyBoaWRlPzogYm9vbGVhbiB9PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0OiBub25lO1xuICAgIG9wYWNpdHk6ICR7KHsgaGlkZSB9KSA9PiAoaGlkZSA/ICcwJyA6ICcxJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUNpcmNsZSA9IHN0eWxlZC5kaXY8eyBmaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gY2FsYyh2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSkgLyAyKSk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAndHJhbnNwYXJlbnQnO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdjx7IGNhcHRpb25BbGlnbjogJ2xlZnQnIHwgJ2NlbnRlcic7IHdpZHRoVmFsdWU/OiBzdHJpbmcgfT5gXG4gICAgdGV4dC1hbGlnbjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICBhbGlnbi1zZWxmOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIHdpZHRoOiAkeyh7IHdpZHRoVmFsdWUgfSkgPT4gd2lkdGhWYWx1ZSB8fCAnYXV0byd9O1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtbGluZTtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var Separator = exports.Separator = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ek2q9ia4",
   label: "plasma-new-hope__Separator"
-})("width:var(", _CodeInput.tokens.separatorWidth, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJtQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvZGVJbnB1dC9Db2RlSW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0NvZGVJbnB1dC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jYXB0aW9uQWxpZ25MZWZ0fSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlR3JvdXAgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSW5wdXQgPSBzdHlsZWQuaW5wdXQ8eyBoaWRlPzogYm9vbGVhbiB9PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0OiBub25lO1xuICAgIG9wYWNpdHk6ICR7KHsgaGlkZSB9KSA9PiAoaGlkZSA/ICcwJyA6ICcxJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUNpcmNsZSA9IHN0eWxlZC5kaXY8eyBmaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gY2FsYyh2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSkgLyAyKSk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICd0cmFuc3BhcmVudCc7XG5cbiAgICAmLiR7Y2xhc3Nlcy5pdGVtQ2lybGNlRmlsbGVkfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgY2FwdGlvbkFsaWduOiAnbGVmdCcgfCAnY2VudGVyJzsgd2lkdGhWYWx1ZT86IHN0cmluZyB9PmBcbiAgICB0ZXh0LWFsaWduOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIGFsaWduLXNlbGY6ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgd2lkdGg6ICR7KHsgd2lkdGhWYWx1ZSB9KSA9PiB3aWR0aFZhbHVlIHx8ICdhdXRvJ307XG4gICAgd2hpdGUtc3BhY2U6IHByZS1saW5lO1xuYDtcbiJdfQ== */"));
+})("width:var(", _CodeInput.tokens.separatorWidth, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJtQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvZGVJbnB1dC9Db2RlSW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0NvZGVJbnB1dC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jYXB0aW9uQWxpZ25MZWZ0fSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlR3JvdXAgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSW5wdXQgPSBzdHlsZWQuaW5wdXQ8eyBoaWRlPzogYm9vbGVhbiB9PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0OiBub25lO1xuICAgIG9wYWNpdHk6ICR7KHsgaGlkZSB9KSA9PiAoaGlkZSA/ICcwJyA6ICcxJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUNpcmNsZSA9IHN0eWxlZC5kaXY8eyBmaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gY2FsYyh2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSkgLyAyKSk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAndHJhbnNwYXJlbnQnO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdjx7IGNhcHRpb25BbGlnbjogJ2xlZnQnIHwgJ2NlbnRlcic7IHdpZHRoVmFsdWU/OiBzdHJpbmcgfT5gXG4gICAgdGV4dC1hbGlnbjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICBhbGlnbi1zZWxmOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIHdpZHRoOiAkeyh7IHdpZHRoVmFsdWUgfSkgPT4gd2lkdGhWYWx1ZSB8fCAnYXV0byd9O1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtbGluZTtcbmA7XG4iXX0= */"));
 var ItemInput = exports.ItemInput = /*#__PURE__*/(0, _base["default"])("input", {
   target: "ek2q9ia3",
   label: "plasma-new-hope__ItemInput"
 })("box-sizing:border-box;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;caret-color:transparent;caret:none;opacity:", function (_ref) {
   var hide = _ref.hide;
   return hide ? '0' : '1';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J5RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvZGVJbnB1dC9Db2RlSW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0NvZGVJbnB1dC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jYXB0aW9uQWxpZ25MZWZ0fSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlR3JvdXAgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSW5wdXQgPSBzdHlsZWQuaW5wdXQ8eyBoaWRlPzogYm9vbGVhbiB9PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0OiBub25lO1xuICAgIG9wYWNpdHk6ICR7KHsgaGlkZSB9KSA9PiAoaGlkZSA/ICcwJyA6ICcxJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUNpcmNsZSA9IHN0eWxlZC5kaXY8eyBmaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gY2FsYyh2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSkgLyAyKSk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICd0cmFuc3BhcmVudCc7XG5cbiAgICAmLiR7Y2xhc3Nlcy5pdGVtQ2lybGNlRmlsbGVkfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgY2FwdGlvbkFsaWduOiAnbGVmdCcgfCAnY2VudGVyJzsgd2lkdGhWYWx1ZT86IHN0cmluZyB9PmBcbiAgICB0ZXh0LWFsaWduOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIGFsaWduLXNlbGY6ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgd2lkdGg6ICR7KHsgd2lkdGhWYWx1ZSB9KSA9PiB3aWR0aFZhbHVlIHx8ICdhdXRvJ307XG4gICAgd2hpdGUtc3BhY2U6IHByZS1saW5lO1xuYDtcbiJdfQ== */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J5RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvZGVJbnB1dC9Db2RlSW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0NvZGVJbnB1dC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jYXB0aW9uQWxpZ25MZWZ0fSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlR3JvdXAgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSW5wdXQgPSBzdHlsZWQuaW5wdXQ8eyBoaWRlPzogYm9vbGVhbiB9PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0OiBub25lO1xuICAgIG9wYWNpdHk6ICR7KHsgaGlkZSB9KSA9PiAoaGlkZSA/ICcwJyA6ICcxJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUNpcmNsZSA9IHN0eWxlZC5kaXY8eyBmaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gY2FsYyh2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSkgLyAyKSk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAndHJhbnNwYXJlbnQnO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdjx7IGNhcHRpb25BbGlnbjogJ2xlZnQnIHwgJ2NlbnRlcic7IHdpZHRoVmFsdWU/OiBzdHJpbmcgfT5gXG4gICAgdGV4dC1hbGlnbjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICBhbGlnbi1zZWxmOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIHdpZHRoOiAkeyh7IHdpZHRoVmFsdWUgfSkgPT4gd2lkdGhWYWx1ZSB8fCAnYXV0byd9O1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtbGluZTtcbmA7XG4iXX0= */"));
 var ItemWrapper = exports.ItemWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ek2q9ia2",
   label: "plasma-new-hope__ItemWrapper"
@@ -54,13 +54,13 @@ var ItemWrapper = exports.ItemWrapper = /*#__PURE__*/(0, _base["default"])("div"
 } : {
   name: "bjn8wh",
   styles: "position:relative",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENxQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvZGVJbnB1dC9Db2RlSW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0NvZGVJbnB1dC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jYXB0aW9uQWxpZ25MZWZ0fSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlR3JvdXAgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSW5wdXQgPSBzdHlsZWQuaW5wdXQ8eyBoaWRlPzogYm9vbGVhbiB9PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0OiBub25lO1xuICAgIG9wYWNpdHk6ICR7KHsgaGlkZSB9KSA9PiAoaGlkZSA/ICcwJyA6ICcxJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUNpcmNsZSA9IHN0eWxlZC5kaXY8eyBmaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gY2FsYyh2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSkgLyAyKSk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICd0cmFuc3BhcmVudCc7XG5cbiAgICAmLiR7Y2xhc3Nlcy5pdGVtQ2lybGNlRmlsbGVkfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgY2FwdGlvbkFsaWduOiAnbGVmdCcgfCAnY2VudGVyJzsgd2lkdGhWYWx1ZT86IHN0cmluZyB9PmBcbiAgICB0ZXh0LWFsaWduOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIGFsaWduLXNlbGY6ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgd2lkdGg6ICR7KHsgd2lkdGhWYWx1ZSB9KSA9PiB3aWR0aFZhbHVlIHx8ICdhdXRvJ307XG4gICAgd2hpdGUtc3BhY2U6IHByZS1saW5lO1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENxQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvZGVJbnB1dC9Db2RlSW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0NvZGVJbnB1dC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jYXB0aW9uQWxpZ25MZWZ0fSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlR3JvdXAgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSW5wdXQgPSBzdHlsZWQuaW5wdXQ8eyBoaWRlPzogYm9vbGVhbiB9PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0OiBub25lO1xuICAgIG9wYWNpdHk6ICR7KHsgaGlkZSB9KSA9PiAoaGlkZSA/ICcwJyA6ICcxJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUNpcmNsZSA9IHN0eWxlZC5kaXY8eyBmaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gY2FsYyh2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSkgLyAyKSk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAndHJhbnNwYXJlbnQnO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdjx7IGNhcHRpb25BbGlnbjogJ2xlZnQnIHwgJ2NlbnRlcic7IHdpZHRoVmFsdWU/OiBzdHJpbmcgfT5gXG4gICAgdGV4dC1hbGlnbjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICBhbGlnbi1zZWxmOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIHdpZHRoOiAkeyh7IHdpZHRoVmFsdWUgfSkgPT4gd2lkdGhWYWx1ZSB8fCAnYXV0byd9O1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtbGluZTtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var ItemCircle = exports.ItemCircle = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ek2q9ia1",
   label: "plasma-new-hope__ItemCircle"
-})("position:absolute;top:calc(50% - calc(var(", _CodeInput.tokens.codeItemCircleSize, ") / 2));left:calc(50% - calc(var(", _CodeInput.tokens.codeItemCircleSize, ") / 2));width:var(", _CodeInput.tokens.codeItemCircleSize, ");height:var(", _CodeInput.tokens.codeItemCircleSize, ");box-sizing:border-box;border:var(", _CodeInput.tokens.codeItemCircleBorderWidth, ") solid var(", _CodeInput.tokens.codeColor, ");border-radius:100%;background-color:'transparent';&.", _CodeInput.classes.itemCirlceFilled, "{background-color:var(", _CodeInput.tokens.codeColor, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0QwRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvZGVJbnB1dC9Db2RlSW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0NvZGVJbnB1dC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jYXB0aW9uQWxpZ25MZWZ0fSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlR3JvdXAgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSW5wdXQgPSBzdHlsZWQuaW5wdXQ8eyBoaWRlPzogYm9vbGVhbiB9PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0OiBub25lO1xuICAgIG9wYWNpdHk6ICR7KHsgaGlkZSB9KSA9PiAoaGlkZSA/ICcwJyA6ICcxJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUNpcmNsZSA9IHN0eWxlZC5kaXY8eyBmaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gY2FsYyh2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSkgLyAyKSk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICd0cmFuc3BhcmVudCc7XG5cbiAgICAmLiR7Y2xhc3Nlcy5pdGVtQ2lybGNlRmlsbGVkfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgY2FwdGlvbkFsaWduOiAnbGVmdCcgfCAnY2VudGVyJzsgd2lkdGhWYWx1ZT86IHN0cmluZyB9PmBcbiAgICB0ZXh0LWFsaWduOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIGFsaWduLXNlbGY6ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgd2lkdGg6ICR7KHsgd2lkdGhWYWx1ZSB9KSA9PiB3aWR0aFZhbHVlIHx8ICdhdXRvJ307XG4gICAgd2hpdGUtc3BhY2U6IHByZS1saW5lO1xuYDtcbiJdfQ== */"));
+})("position:absolute;top:calc(50% - calc(var(", _CodeInput.tokens.codeItemCircleSize, ") / 2));left:calc(50% - calc(var(", _CodeInput.tokens.codeItemCircleSize, ") / 2));width:var(", _CodeInput.tokens.codeItemCircleSize, ");height:var(", _CodeInput.tokens.codeItemCircleSize, ");box-sizing:border-box;border-radius:100%;background-color:'transparent';" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0QwRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvZGVJbnB1dC9Db2RlSW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0NvZGVJbnB1dC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jYXB0aW9uQWxpZ25MZWZ0fSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlR3JvdXAgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSW5wdXQgPSBzdHlsZWQuaW5wdXQ8eyBoaWRlPzogYm9vbGVhbiB9PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0OiBub25lO1xuICAgIG9wYWNpdHk6ICR7KHsgaGlkZSB9KSA9PiAoaGlkZSA/ICcwJyA6ICcxJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUNpcmNsZSA9IHN0eWxlZC5kaXY8eyBmaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gY2FsYyh2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSkgLyAyKSk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAndHJhbnNwYXJlbnQnO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdjx7IGNhcHRpb25BbGlnbjogJ2xlZnQnIHwgJ2NlbnRlcic7IHdpZHRoVmFsdWU/OiBzdHJpbmcgfT5gXG4gICAgdGV4dC1hbGlnbjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICBhbGlnbi1zZWxmOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIHdpZHRoOiAkeyh7IHdpZHRoVmFsdWUgfSkgPT4gd2lkdGhWYWx1ZSB8fCAnYXV0byd9O1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtbGluZTtcbmA7XG4iXX0= */"));
 var CaptionWrapper = exports.CaptionWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ek2q9ia0",
   label: "plasma-new-hope__CaptionWrapper"
@@ -73,4 +73,4 @@ var CaptionWrapper = exports.CaptionWrapper = /*#__PURE__*/(0, _base["default"])
 }, ";width:", function (_ref4) {
   var widthValue = _ref4.widthValue;
   return widthValue || 'auto';
-}, ";white-space:pre-line;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VrRyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvZGVJbnB1dC9Db2RlSW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0NvZGVJbnB1dC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jYXB0aW9uQWxpZ25MZWZ0fSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlR3JvdXAgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSW5wdXQgPSBzdHlsZWQuaW5wdXQ8eyBoaWRlPzogYm9vbGVhbiB9PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0OiBub25lO1xuICAgIG9wYWNpdHk6ICR7KHsgaGlkZSB9KSA9PiAoaGlkZSA/ICcwJyA6ICcxJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUNpcmNsZSA9IHN0eWxlZC5kaXY8eyBmaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gY2FsYyh2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSkgLyAyKSk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICd0cmFuc3BhcmVudCc7XG5cbiAgICAmLiR7Y2xhc3Nlcy5pdGVtQ2lybGNlRmlsbGVkfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgY2FwdGlvbkFsaWduOiAnbGVmdCcgfCAnY2VudGVyJzsgd2lkdGhWYWx1ZT86IHN0cmluZyB9PmBcbiAgICB0ZXh0LWFsaWduOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIGFsaWduLXNlbGY6ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgd2lkdGg6ICR7KHsgd2lkdGhWYWx1ZSB9KSA9PiB3aWR0aFZhbHVlIHx8ICdhdXRvJ307XG4gICAgd2hpdGUtc3BhY2U6IHByZS1saW5lO1xuYDtcbiJdfQ== */"));
+}, ";white-space:pre-line;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L0NvZGVJbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRrRyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvZGVJbnB1dC9Db2RlSW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0NvZGVJbnB1dC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jYXB0aW9uQWxpZ25MZWZ0fSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb2RlR3JvdXAgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuc2VwYXJhdG9yV2lkdGh9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSW5wdXQgPSBzdHlsZWQuaW5wdXQ8eyBoaWRlPzogYm9vbGVhbiB9PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0OiBub25lO1xuICAgIG9wYWNpdHk6ICR7KHsgaGlkZSB9KSA9PiAoaGlkZSA/ICcwJyA6ICcxJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUNpcmNsZSA9IHN0eWxlZC5kaXY8eyBmaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gY2FsYyh2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVTaXplfSkgLyAyKSk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSBjYWxjKHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZVNpemV9KSAvIDIpKTtcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlU2l6ZX0pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAndHJhbnNwYXJlbnQnO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdjx7IGNhcHRpb25BbGlnbjogJ2xlZnQnIHwgJ2NlbnRlcic7IHdpZHRoVmFsdWU/OiBzdHJpbmcgfT5gXG4gICAgdGV4dC1hbGlnbjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICBhbGlnbi1zZWxmOiAkeyh7IGNhcHRpb25BbGlnbiB9KSA9PiBjYXB0aW9uQWxpZ259O1xuICAgIHdpZHRoOiAkeyh7IHdpZHRoVmFsdWUgfSkgPT4gd2lkdGhWYWx1ZSB8fCAnYXV0byd9O1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtbGluZTtcbmA7XG4iXX0= */"));

package/emotion/cjs/components/CodeInput/CodeInput.tokens.js

@@ -8,7 +8,10 @@ var classes = exports.classes = {
   itemError: 'codeinput-item-error',
   itemErrorAnimation: 'codeinput-item-error-animation',
   itemErrorFade: 'codeinput-item-error-fade',
+  itemCircle: 'codeinput-item-circle',
   itemCirlceFilled: 'codeinput-item-circle-filled',
+  itemCircleError: 'codeinput-item-circle-error',
+  itemCircleErrorAnimation: 'codeinput-item-circle-error-animation',
   captionError: 'codeinput-caption-error',
   codeError: 'codeinput-code-error',
   codeErrorAnimation: 'codeinput-code-error-animation',

package/emotion/cjs/components/CodeInput/utils/constants.js

@@ -7,6 +7,6 @@ exports.ONLY_DIGITS_PATTERN = exports.ONLY_DIGITS_AND_CHARS_PATTERN = exports.ON
 var ONLY_DIGITS_PATTERN = exports.ONLY_DIGITS_PATTERN = '^\\d+$';
 var ONLY_CHARS_PATTERN = exports.ONLY_CHARS_PATTERN = '^[a-zA-Z]+$';
 var ONLY_DIGITS_AND_CHARS_PATTERN = exports.ONLY_DIGITS_AND_CHARS_PATTERN = '^[a-zA-Z0-9]+$';
-var FORBIDDEN_KEYS = exports.FORBIDDEN_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Delete'];
+var FORBIDDEN_KEYS = exports.FORBIDDEN_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Delete', 'Tab'];
 var BACKSPACE_KEY = exports.BACKSPACE_KEY = 'Backspace';
 var ANIMATION_TIMEOUT = exports.ANIMATION_TIMEOUT = 300;

package/emotion/cjs/components/CodeInput/utils/handleItemError.js

@@ -13,21 +13,28 @@ function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Sym
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var handleItemError = exports.handleItemError = function handleItemError(_ref) {
-  var _inputRefs$current$in, _inputRefs$current$in4;
+  var _inputContainerRef$cu, _inputRefs$current$in, _inputRefs$current$in4;
   var currentSymbol = _ref.currentSymbol,
     itemErrorBehavior = _ref.itemErrorBehavior,
     index = _ref.index,
     newCode = _ref.newCode,
     inputRefs = _ref.inputRefs,
+    inputContainerRef = _ref.inputContainerRef,
     setCode = _ref.setCode,
     codeSetter = _ref.codeSetter;
   if (!inputRefs.current[index] || currentSymbol === ' ') {
     return;
   }
+  var circleElement = (_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 ? void 0 : _inputContainerRef$cu.querySelector(".".concat(_CodeInput.classes.itemCircle, "-").concat(index));
   switch (itemErrorBehavior) {
     case 'keep':
       setCode(newCode);
       (_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.classList.add(_CodeInput.classes.itemError, _CodeInput.classes.itemErrorAnimation);
+      if (circleElement) {
+        setTimeout(function () {
+          circleElement.classList.add(_CodeInput.classes.itemCircleError, _CodeInput.classes.itemCircleErrorAnimation);
+        }, 0);
+      }
       setTimeout(function () {
         var _inputRefs$current$in2;
         (_inputRefs$current$in2 = inputRefs.current[index]) === null || _inputRefs$current$in2 === void 0 || _inputRefs$current$in2.classList.remove(_CodeInput.classes.itemErrorAnimation);
@@ -45,12 +52,22 @@ var handleItemError = exports.handleItemError = function handleItemError(_ref) {
     default:
       setCode(newCode);
       (_inputRefs$current$in4 = inputRefs.current[index]) === null || _inputRefs$current$in4 === void 0 || _inputRefs$current$in4.classList.add(_CodeInput.classes.itemError, _CodeInput.classes.itemErrorFade, _CodeInput.classes.itemErrorAnimation);
+      if (circleElement) {
+        setTimeout(function () {
+          circleElement.classList.add(_CodeInput.classes.itemCircleError, _CodeInput.classes.itemCircleErrorAnimation);
+        }, 0);
+      }
       setTimeout(function () {
         var _inputRefs$current$in5;
         var updatedCode = _toConsumableArray(newCode);
         updatedCode[index] = '';
         codeSetter(updatedCode);
         (_inputRefs$current$in5 = inputRefs.current[index]) === null || _inputRefs$current$in5 === void 0 || _inputRefs$current$in5.classList.remove(_CodeInput.classes.itemError, _CodeInput.classes.itemErrorFade, _CodeInput.classes.itemErrorAnimation);
+        if (circleElement) {
+          setTimeout(function () {
+            circleElement.classList.remove(_CodeInput.classes.itemCircleError, _CodeInput.classes.itemCircleErrorAnimation);
+          }, 0);
+        }
       }, _constants.ANIMATION_TIMEOUT);
   }
 };

package/emotion/cjs/components/CodeInput/variations/_view/base.js

@@ -7,4 +7,10 @@ exports.base = void 0;
 var _react = /*#__PURE__*/require("@emotion/react");
 var _CodeInput = /*#__PURE__*/require("../../CodeInput.styles");
 var _CodeInput2 = /*#__PURE__*/require("../../CodeInput.tokens");
-var base = exports.base = /*#__PURE__*/(0, _react.css)(_CodeInput.CaptionWrapper, "{color:var(", _CodeInput2.tokens.captionColor, ");&.", _CodeInput2.classes.captionError, "{color:var(", _CodeInput2.tokens.captionColorError, ");}}", _CodeInput.ItemInput, "{color:var(", _CodeInput2.tokens.codeColor, ");background-color:var(", _CodeInput2.tokens.backgroundColor, ");box-shadow:inset 0 0 0 var(", _CodeInput2.tokens.borderWidth, ") var(", _CodeInput2.tokens.borderColor, ");}&:hover{.", _CodeInput2.classes.hoverEnabled, "{background-color:var(", _CodeInput2.tokens.backgroundColorHover, ");box-shadow:inset 0 0 0 var(", _CodeInput2.tokens.borderWidth, ") var(", _CodeInput2.tokens.borderColorHover, ");}}&:focus-within{", _CodeInput.ItemInput, ":focus-within{background-color:var(", _CodeInput2.tokens.backgroundColorFocus, ");box-shadow:inset 0 0 0 var(", _CodeInput2.tokens.borderWidth, ") var(", _CodeInput2.tokens.borderColorFocus, ");}}&& .", _CodeInput2.classes.codeErrorAnimation, "{animation:shakingError 0.3s forwards;}&& .", _CodeInput2.classes.codeError, "{", _CodeInput.ItemInput, "{color:var(", _CodeInput2.tokens.codeColorError, ");background-color:var(", _CodeInput2.tokens.backgroundErrorColor, ");box-shadow:inset 0 0 0 var(", _CodeInput2.tokens.borderWidth, ") var(", _CodeInput2.tokens.borderErrorColor, ");}", _CodeInput.ItemCircle, "{border:var(", _CodeInput2.tokens.codeItemCircleBorderWidth, ") solid var(", _CodeInput2.tokens.codeColorError, ");&.", _CodeInput2.classes.itemCirlceFilled, "{background-color:var(", _CodeInput2.tokens.codeColorError, ");}}&:focus-within{", _CodeInput.ItemInput, "{background-color:var(", _CodeInput2.tokens.backgroundErrorColor, ");box-shadow:inset 0 0 0 var(", _CodeInput2.tokens.borderWidth, ") var(", _CodeInput2.tokens.borderErrorColor, ");}}&.", _CodeInput2.classes.codeErrorFade, "{", _CodeInput.ItemInput, "{animation:fadeError 0.3s forwards;}}}&& .", _CodeInput2.classes.itemErrorAnimation, "{animation:shakingError 0.3s forwards;}&& .", _CodeInput2.classes.itemError, ",&& .", _CodeInput2.classes.itemError, ":focus-within{color:var(", _CodeInput2.tokens.codeColorError, ");background-color:var(", _CodeInput2.tokens.backgroundErrorColor, ");box-shadow:inset 0 0 0 var(", _CodeInput2.tokens.borderWidth, ") var(", _CodeInput2.tokens.borderErrorColor, ");&.", _CodeInput2.classes.codeErrorFade, "{animation:shakingError 0.3s forwards fadeError 0.3s forwards;}}@keyframes shakingError{14%{transform:translateX(-0.125rem);}28%{transform:translateX(0.125rem);}42%{transform:translateX(-0.125rem);}57%{transform:translateX(0.125rem);}71%{transform:translateX(-0.125rem);}85%{transform:translateX(0.125rem);}100%{transform:translateX(-0.125rem);}}@keyframes fadeError{50%{color:var(", _CodeInput2.tokens.codeColorError, ");}100%{color:transparent;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlSW5wdXQvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBDYXB0aW9uV3JhcHBlciwgSXRlbUlucHV0LCBJdGVtQ2lyY2xlIH0gZnJvbSAnLi4vLi4vQ29kZUlucHV0LnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9Db2RlSW5wdXQudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJHtDYXB0aW9uV3JhcHBlcn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNhcHRpb25Db2xvcn0pO1xuXG4gICAgICAgICYuJHtjbGFzc2VzLmNhcHRpb25FcnJvcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jYXB0aW9uQ29sb3JFcnJvcn0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJHtJdGVtSW5wdXR9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn0pO1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9KSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5ob3ZlckVuYWJsZWR9IHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlcldpZHRofSkgdmFyKCR7dG9rZW5zLmJvcmRlckNvbG9ySG92ZXJ9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgJHtJdGVtSW5wdXR9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yRm9jdXN9KTtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke3Rva2Vucy5ib3JkZXJXaWR0aH0pIHZhcigke3Rva2Vucy5ib3JkZXJDb2xvckZvY3VzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmJiAuJHtjbGFzc2VzLmNvZGVFcnJvckFuaW1hdGlvbn0ge1xuICAgICAgICBhbmltYXRpb246IHNoYWtpbmdFcnJvciAwLjNzIGZvcndhcmRzO1xuICAgIH1cblxuICAgICYmIC4ke2NsYXNzZXMuY29kZUVycm9yfSB7XG4gICAgICAgICR7SXRlbUlucHV0fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvZGVDb2xvckVycm9yfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZEVycm9yQ29sb3J9KTtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke3Rva2Vucy5ib3JkZXJXaWR0aH0pIHZhcigke3Rva2Vucy5ib3JkZXJFcnJvckNvbG9yfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0l0ZW1DaXJjbGV9IHtcbiAgICAgICAgICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLmNvZGVJdGVtQ2lyY2xlQm9yZGVyV2lkdGh9KSBzb2xpZCB2YXIoJHt0b2tlbnMuY29kZUNvbG9yRXJyb3J9KTtcblxuICAgICAgICAgICAgJi4ke2NsYXNzZXMuaXRlbUNpcmxjZUZpbGxlZH0ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5jb2RlQ29sb3JFcnJvcn0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy13aXRoaW4ge1xuICAgICAgICAgICAgJHtJdGVtSW5wdXR9IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZEVycm9yQ29sb3J9KTtcbiAgICAgICAgICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9KSB2YXIoJHt0b2tlbnMuYm9yZGVyRXJyb3JDb2xvcn0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuY29kZUVycm9yRmFkZX0ge1xuICAgICAgICAgICAgJHtJdGVtSW5wdXR9IHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246IGZhZGVFcnJvciAwLjNzIGZvcndhcmRzO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJiYgLiR7Y2xhc3Nlcy5pdGVtRXJyb3JBbmltYXRpb259IHtcbiAgICAgICAgYW5pbWF0aW9uOiBzaGFraW5nRXJyb3IgMC4zcyBmb3J3YXJkcztcbiAgICB9XG5cbiAgICAmJiAuJHtjbGFzc2VzLml0ZW1FcnJvcn0sICYmIC4ke2NsYXNzZXMuaXRlbUVycm9yfTpmb2N1cy13aXRoaW4ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvZGVDb2xvckVycm9yfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kRXJyb3JDb2xvcn0pO1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9KSB2YXIoJHt0b2tlbnMuYm9yZGVyRXJyb3JDb2xvcn0pO1xuXG4gICAgICAgICYuJHtjbGFzc2VzLmNvZGVFcnJvckZhZGV9IHtcbiAgICAgICAgICAgIGFuaW1hdGlvbjogc2hha2luZ0Vycm9yIDAuM3MgZm9yd2FyZHMgZmFkZUVycm9yIDAuM3MgZm9yd2FyZHM7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIHNoYWtpbmdFcnJvciB7XG4gICAgICAgIDE0JSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTAuMTI1cmVtKTtcbiAgICAgICAgfVxuICAgICAgICAyOCUge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAuMTI1cmVtKTtcbiAgICAgICAgfVxuICAgICAgICA0MiUge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0wLjEyNXJlbSk7XG4gICAgICAgIH1cbiAgICAgICAgNTclIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwLjEyNXJlbSk7XG4gICAgICAgIH1cbiAgICAgICAgNzElIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMC4xMjVyZW0pO1xuICAgICAgICB9XG4gICAgICAgIDg1JSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMC4xMjVyZW0pO1xuICAgICAgICB9XG4gICAgICAgIDEwMCUge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0wLjEyNXJlbSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVFcnJvciB7XG4gICAgICAgIDUwJSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvZGVDb2xvckVycm9yfSk7XG4gICAgICAgIH1cbiAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICBjb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));
+var _mixins = /*#__PURE__*/require("../../../../mixins");
+var base = exports.base = /*#__PURE__*/(0, _react.css)(_CodeInput.CaptionWrapper, "{color:var(", _CodeInput2.tokens.captionColor, ");&.", _CodeInput2.classes.captionError, "{color:var(", _CodeInput2.tokens.captionColorError, ");}}", _CodeInput.ItemInput, "{color:var(", _CodeInput2.tokens.codeColor, ");background-color:var(", _CodeInput2.tokens.backgroundColor, ");box-shadow:inset 0 0 0 var(", _CodeInput2.tokens.borderWidth, ") var(", _CodeInput2.tokens.borderColor, ");}", _CodeInput.ItemCircle, "{border:var(", _CodeInput2.tokens.codeItemCircleBorderWidth, ") solid var(", _CodeInput2.tokens.codeColor, ");background-color:'transparent';&.", _CodeInput2.classes.itemCirlceFilled, "{background-color:var(", _CodeInput2.tokens.codeColor, ");}&.", _CodeInput2.classes.itemCircleErrorAnimation, "{animation:shakingError 0.3s forwards;}&.", _CodeInput2.classes.itemCircleError, "{background-color:var(", _CodeInput2.tokens.codeColorError, ");border:var(", _CodeInput2.tokens.codeItemCircleBorderWidth, ") solid var(", _CodeInput2.tokens.codeColorError, ");}&:focus-visible{outline:none;}&[data-focus-visible-added]{", /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineOffset: '-0.125rem',
+  outlineSize: '0.125rem',
+  outlineRadius: '1rem',
+  outlineColor: /*#__PURE__*/"var(".concat(_CodeInput2.tokens.borderColorFocus, ")")
+}), " border:none;position:absolute;}}&:hover{.", _CodeInput2.classes.hoverEnabled, "{background-color:var(", _CodeInput2.tokens.backgroundColorHover, ");box-shadow:inset 0 0 0 var(", _CodeInput2.tokens.borderWidth, ") var(", _CodeInput2.tokens.borderColorHover, ");}}&:focus-within{", _CodeInput.ItemInput, ":focus-within{box-shadow:inset 0 0 0 var(", _CodeInput2.tokens.borderWidth, ") var(", _CodeInput2.tokens.borderColorFocus, ");}}&& .", _CodeInput2.classes.codeErrorAnimation, "{animation:shakingError 0.3s forwards;}&& .", _CodeInput2.classes.codeError, "{", _CodeInput.ItemInput, "{color:var(", _CodeInput2.tokens.codeColorError, ");background-color:var(", _CodeInput2.tokens.backgroundErrorColor, ");box-shadow:inset 0 0 0 var(", _CodeInput2.tokens.borderWidth, ") var(", _CodeInput2.tokens.borderErrorColor, ");}", _CodeInput.ItemCircle, "{border:var(", _CodeInput2.tokens.codeItemCircleBorderWidth, ") solid var(", _CodeInput2.tokens.codeColorError, ");&.", _CodeInput2.classes.itemCirlceFilled, "{background-color:var(", _CodeInput2.tokens.codeColorError, ");}}&:focus-within{", _CodeInput.ItemInput, "{background-color:var(", _CodeInput2.tokens.backgroundErrorColor, ");box-shadow:inset 0 0 0 var(", _CodeInput2.tokens.borderWidth, ") var(", _CodeInput2.tokens.borderErrorColor, ");}}&.", _CodeInput2.classes.codeErrorFade, "{", _CodeInput.ItemInput, "{animation:fadeError 0.3s forwards;}}}&& .", _CodeInput2.classes.itemErrorAnimation, "{animation:shakingError 0.3s forwards;}&& .", _CodeInput2.classes.itemError, ",&& .", _CodeInput2.classes.itemError, ":focus-within{color:var(", _CodeInput2.tokens.codeColorError, ");background-color:var(", _CodeInput2.tokens.backgroundErrorColor, ");box-shadow:inset 0 0 0 var(", _CodeInput2.tokens.borderWidth, ") var(", _CodeInput2.tokens.borderErrorColor, ");&.", _CodeInput2.classes.codeErrorFade, "{animation:shakingError 0.3s forwards fadeError 0.3s forwards;}}@keyframes shakingError{14%{transform:translateX(-0.125rem);}28%{transform:translateX(0.125rem);}42%{transform:translateX(-0.125rem);}57%{transform:translateX(0.125rem);}71%{transform:translateX(-0.125rem);}85%{transform:translateX(0.125rem);}100%{transform:translateX(-0.125rem);}}@keyframes fadeError{50%{color:var(", _CodeInput2.tokens.codeColorError, ");}100%{color:transparent;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29kZUlucHV0L3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlSW5wdXQvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBDYXB0aW9uV3JhcHBlciwgSXRlbUlucHV0LCBJdGVtQ2lyY2xlIH0gZnJvbSAnLi4vLi4vQ29kZUlucHV0LnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9Db2RlSW5wdXQudG9rZW5zJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJHtDYXB0aW9uV3JhcHBlcn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNhcHRpb25Db2xvcn0pO1xuXG4gICAgICAgICYuJHtjbGFzc2VzLmNhcHRpb25FcnJvcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jYXB0aW9uQ29sb3JFcnJvcn0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJHtJdGVtSW5wdXR9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn0pO1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9KSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAke0l0ZW1DaXJjbGV9IHtcbiAgICAgICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5jb2RlQ29sb3J9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJ3RyYW5zcGFyZW50JztcblxuICAgICAgICAmLiR7Y2xhc3Nlcy5pdGVtQ2lybGNlRmlsbGVkfSB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuY29kZUNvbG9yfSk7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5pdGVtQ2lyY2xlRXJyb3JBbmltYXRpb259IHtcbiAgICAgICAgICAgIGFuaW1hdGlvbjogc2hha2luZ0Vycm9yIDAuM3MgZm9yd2FyZHM7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5pdGVtQ2lyY2xlRXJyb3J9IHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5jb2RlQ29sb3JFcnJvcn0pO1xuICAgICAgICAgICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuY29kZUl0ZW1DaXJjbGVCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5jb2RlQ29sb3JFcnJvcn0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAmW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0ge1xuICAgICAgICAgICAgJHthZGRGb2N1cyh7XG4gICAgICAgICAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgICAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgICAgICAgICAgb3V0bGluZVJhZGl1czogJzFyZW0nLFxuICAgICAgICAgICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5ib3JkZXJDb2xvckZvY3VzfSlgLFxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgLiR7Y2xhc3Nlcy5ob3ZlckVuYWJsZWR9IHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlcldpZHRofSkgdmFyKCR7dG9rZW5zLmJvcmRlckNvbG9ySG92ZXJ9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgJHtJdGVtSW5wdXR9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9KSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JGb2N1c30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJiYgLiR7Y2xhc3Nlcy5jb2RlRXJyb3JBbmltYXRpb259IHtcbiAgICAgICAgYW5pbWF0aW9uOiBzaGFraW5nRXJyb3IgMC4zcyBmb3J3YXJkcztcbiAgICB9XG5cbiAgICAmJiAuJHtjbGFzc2VzLmNvZGVFcnJvcn0ge1xuICAgICAgICAke0l0ZW1JbnB1dH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2RlQ29sb3JFcnJvcn0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmJhY2tncm91bmRFcnJvckNvbG9yfSk7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9KSB2YXIoJHt0b2tlbnMuYm9yZGVyRXJyb3JDb2xvcn0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtJdGVtQ2lyY2xlfSB7XG4gICAgICAgICAgICBib3JkZXI6IHZhcigke3Rva2Vucy5jb2RlSXRlbUNpcmNsZUJvcmRlcldpZHRofSkgc29saWQgdmFyKCR7dG9rZW5zLmNvZGVDb2xvckVycm9yfSk7XG5cbiAgICAgICAgICAgICYuJHtjbGFzc2VzLml0ZW1DaXJsY2VGaWxsZWR9IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuY29kZUNvbG9yRXJyb3J9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgICAgICR7SXRlbUlucHV0fSB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmJhY2tncm91bmRFcnJvckNvbG9yfSk7XG4gICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlcldpZHRofSkgdmFyKCR7dG9rZW5zLmJvcmRlckVycm9yQ29sb3J9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmNvZGVFcnJvckZhZGV9IHtcbiAgICAgICAgICAgICR7SXRlbUlucHV0fSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBmYWRlRXJyb3IgMC4zcyBmb3J3YXJkcztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgICYmIC4ke2NsYXNzZXMuaXRlbUVycm9yQW5pbWF0aW9ufSB7XG4gICAgICAgIGFuaW1hdGlvbjogc2hha2luZ0Vycm9yIDAuM3MgZm9yd2FyZHM7XG4gICAgfVxuXG4gICAgJiYgLiR7Y2xhc3Nlcy5pdGVtRXJyb3J9LCAmJiAuJHtjbGFzc2VzLml0ZW1FcnJvcn06Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2RlQ29sb3JFcnJvcn0pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZEVycm9yQ29sb3J9KTtcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlcldpZHRofSkgdmFyKCR7dG9rZW5zLmJvcmRlckVycm9yQ29sb3J9KTtcblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jb2RlRXJyb3JGYWRlfSB7XG4gICAgICAgICAgICBhbmltYXRpb246IHNoYWtpbmdFcnJvciAwLjNzIGZvcndhcmRzIGZhZGVFcnJvciAwLjNzIGZvcndhcmRzO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBzaGFraW5nRXJyb3Ige1xuICAgICAgICAxNCUge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0wLjEyNXJlbSk7XG4gICAgICAgIH1cbiAgICAgICAgMjglIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwLjEyNXJlbSk7XG4gICAgICAgIH1cbiAgICAgICAgNDIlIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMC4xMjVyZW0pO1xuICAgICAgICB9XG4gICAgICAgIDU3JSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMC4xMjVyZW0pO1xuICAgICAgICB9XG4gICAgICAgIDcxJSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTAuMTI1cmVtKTtcbiAgICAgICAgfVxuICAgICAgICA4NSUge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAuMTI1cmVtKTtcbiAgICAgICAgfVxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMC4xMjVyZW0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBmYWRlRXJyb3Ige1xuICAgICAgICA1MCUge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2RlQ29sb3JFcnJvcn0pO1xuICAgICAgICB9XG4gICAgICAgIDEwMCUge1xuICAgICAgICAgICAgY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));

package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx

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

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

@@ -528,7 +528,8 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
           _onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
         }));
       },
-      zIndex: zIndex
+      zIndex: zIndex,
+      isInner: false
     }, /*#__PURE__*/_react["default"].createElement(Root, {
       size: size,
       view: view,
@@ -536,12 +537,13 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       disabled: disabled,
       readOnly: readOnly,
       name: name
+    }, /*#__PURE__*/_react["default"].createElement(_Combobox2.ListWrapper, {
+      listWidth: listWidth
     }, /*#__PURE__*/_react["default"].createElement(_Combobox2.Ul, {
       role: "tree",
       id: "".concat(treeId, "_tree_level_1"),
       "aria-multiselectable": Boolean(multiple),
       listMaxHeight: listMaxHeight || listHeight,
-      listWidth: listWidth,
       ref: targetRef,
       virtual: virtual,
       listOverflow: listOverflow,
@@ -550,7 +552,13 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       className: _Combobox.classes.emptyStateWrapper,
       size: size,
       description: emptyStateDescription || 'Ничего не найдено'
-    }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, virtual ? /*#__PURE__*/_react["default"].createElement(_ui.VirtualList, {
+    }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.multiple && props.selectAllOptions &&
+    /*#__PURE__*/
+    // TODO: #2004
+    _react["default"].createElement(_ui.SelectAll, {
+      selectAllOptions: props.selectAllOptions,
+      variant: variant
+    }), virtual ? /*#__PURE__*/_react["default"].createElement(_ui.VirtualList, {
       items: filteredItems,
       listMaxHeight: listMaxHeight || listHeight,
       onScroll: onScroll
@@ -564,7 +572,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
         index: index,
         listWidth: listWidth
       });
-    })), afterList))))));
+    })), afterList)))))));
   });
 };
 var comboboxConfig = exports.comboboxConfig = {