@salutejs/plasma-new-hope 0.148.0-canary.1392.10919911798.0 → 0.148.0-canary.1418.10918226755.0

package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.segmentGroupRoot = exports.segmentGroupConfig = exports.getChildNodes = void 0;
+exports.segmentGroupRoot = exports.segmentGroupConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _Icon = /*#__PURE__*/require("../../../_Icon");
@@ -17,9 +17,8 @@ var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_pilled/base");
 var _base5 = /*#__PURE__*/require("./variations/_filledBackgound/base");
 var _base6 = /*#__PURE__*/require("./variations/_stretch/base");
-var _base7 = /*#__PURE__*/require("./variations/_orientation/base");
 var _SegmentGroup = /*#__PURE__*/require("./SegmentGroup.styles");
-var _excluded = ["id", "selectionMode", "pilled", "stretch", "clip", "orientation", "filledBackground", "hasBackground", "disabled", "size", "view", "children"];
+var _excluded = ["id", "selectionMode", "pilled", "stretch", "filledBackground", "disabled", "size", "view", "children"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
@@ -31,222 +30,146 @@ 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; }
-var Keys = /*#__PURE__*/function (Keys) {
-  Keys[Keys["end"] = 35] = "end";
-  Keys[Keys["home"] = 36] = "home";
-  Keys[Keys["left"] = 37] = "left";
-  Keys[Keys["right"] = 39] = "right";
-  return Keys;
-}(Keys || {});
-var getChildNodes = exports.getChildNodes = function getChildNodes(wrapper) {
-  var container = wrapper === null || wrapper === void 0 ? void 0 : wrapper.firstChild;
-  return container ? Array.from(container === null || container === void 0 ? void 0 : container.childNodes) : [];
-};
 var segmentGroupRoot = exports.segmentGroupRoot = function segmentGroupRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
     var id = props.id,
       selectionMode = props.selectionMode,
       pilled = props.pilled,
       stretch = props.stretch,
-      clip = props.clip,
-      _props$orientation = props.orientation,
-      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
       _props$filledBackgrou = props.filledBackground,
       filledBackground = _props$filledBackgrou === void 0 ? false : _props$filledBackgrou,
-      _props$hasBackground = props.hasBackground,
-      hasBackground = _props$hasBackground === void 0 ? false : _props$hasBackground,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
       size = props.size,
       view = props.view,
       children = props.children,
       rest = _objectWithoutProperties(props, _excluded);
-    var scrollRef = (0, _react.useRef)(null);
-    var trackRef = (0, _react.useRef)(null);
-    var leftArrowRef = (0, _react.useRef)(null);
     var _useSegmentInner = (0, _SegmentProvider.useSegmentInner)(),
       setSelectionMode = _useSegmentInner.setSelectionMode,
       setDisabledGroup = _useSegmentInner.setDisabledGroup;
-    var _useState = (0, _react.useState)(true),
+    var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),
-      firstItemVisible = _useState2[0],
-      setFirstItemVisible = _useState2[1];
-    var _useState3 = (0, _react.useState)(true),
+      index = _useState2[0],
+      setIndex = _useState2[1];
+    var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
-      lastItemVisible = _useState4[0],
-      setLastItemVisible = _useState4[1];
+      firstItemVisible = _useState4[0],
+      setFirstItemVisible = _useState4[1];
+    var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      lastItemVisible = _useState6[0],
+      setLastItemVisible = _useState6[1];
     var uniqId = (0, _plasmaCore.safeUseId)();
     var segmentGroupId = id || uniqId;
-    var isVertical = orientation === 'vertical';
-    var pilledAttr = (view !== 'clear' || hasBackground) && pilled;
-    var filledBackgroundAttr = view !== 'clear' && filledBackground || hasBackground;
-    var stretchClass = firstItemVisible && lastItemVisible && stretch ? _tokens.classes.segmentStretch : undefined;
-    var orientationClass = isVertical ? _tokens.classes.segmentVertical : undefined;
-
-    // для появления scroll в fixed отображении
-    var clipScrollClass = clip !== 'showAll' ? _tokens.classes.segmentGroupClipScroll : undefined;
-    var clipShowAllClass = clip === 'showAll' ? _tokens.classes.segmentGroupClipShowAll : undefined;
+    var pilledAttr = view !== 'clear' && pilled;
+    var filledBackgroundAttr = view !== 'clear' && filledBackground;
     var pilledClass = pilledAttr ? _tokens.classes.segmentPilled : undefined;
     var filledClass = filledBackgroundAttr ? _tokens.classes.segmentGroupFilledBackground : undefined;
+    var stretchClass = firstItemVisible && lastItemVisible && stretch ? _tokens.classes.segmentStretch : undefined;
+    var items = (_react.Children === null || _react.Children === void 0 ? void 0 : _react.Children.map(children, function (child) {
+      return child;
+    })) || [];
     var onPrev = (0, _react.useCallback)(function () {
-      if (disabled || !scrollRef.current) {
-        return;
-      }
-      var childNodes = getChildNodes(scrollRef.current);
-      var scrollLeft = Math.round(scrollRef.current.scrollLeft);
-      var firstOverflowingTab = childNodes.slice().reverse().find(function (child) {
-        if (!child || child.offsetLeft === undefined) {
-          return;
-        }
-        var tabStartX = child.offsetLeft;
-        return tabStartX < scrollLeft;
-      });
-      firstOverflowingTab === null || firstOverflowingTab === void 0 || firstOverflowingTab.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
+      !disabled && setIndex(function (prevIndex) {
+        return prevIndex > 0 ? prevIndex - 1 : 0;
       });
-    }, [disabled, scrollRef]);
+    }, [disabled]);
     var onNext = (0, _react.useCallback)(function () {
-      if (disabled || !scrollRef.current) {
-        return;
-      }
-      var scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);
-      var childNodes = getChildNodes(scrollRef.current);
-      var lastOverflowingChild = childNodes.find(function (child) {
-        if (!child || child.offsetLeft === undefined) {
-          return;
-        }
-        var tabEndX = child.offsetLeft + child.offsetWidth;
-        return tabEndX > scrollRight;
+      !disabled && setIndex(function (prevIndex) {
+        return prevIndex < items.length - 1 ? prevIndex + 1 : prevIndex;
       });
-      lastOverflowingChild === null || lastOverflowingChild === void 0 || lastOverflowingChild.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
-      });
-    }, [disabled, scrollRef]);
-    var onKeyDown = (0, _react.useCallback)(function (event) {
-      var childNodes = getChildNodes(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current);
-      var index = childNodes.findIndex(function (child) {
-        return document.activeElement === child;
-      });
-      var minIndex = 0;
-      var maxIndex = childNodes.length - 1;
-      var nextIndex;
-      switch (event.keyCode) {
-        case Keys.end:
-          nextIndex = maxIndex;
-          break;
-        case Keys.left:
-          nextIndex = index > minIndex ? index - 1 : index;
-          break;
-        case Keys.right:
-          nextIndex = index < maxIndex ? index + 1 : index;
-          break;
-        case Keys.home:
-          nextIndex = minIndex;
-          break;
-        default:
-          return;
-      }
-      if (nextIndex !== index) {
-        var _childNodes$nextIndex, _childNodes$nextIndex2;
-        event.preventDefault();
-        (_childNodes$nextIndex = childNodes[nextIndex]) === null || _childNodes$nextIndex === void 0 || _childNodes$nextIndex.focus();
-        (_childNodes$nextIndex2 = childNodes[nextIndex]) === null || _childNodes$nextIndex2 === void 0 || _childNodes$nextIndex2.scrollIntoView({
-          block: 'center',
-          inline: 'center',
-          behavior: 'smooth'
+    }, [disabled]);
+    var onIntersecting = function onIntersecting(setVisible) {
+      return function (entries) {
+        /*
+         * Пробегаемся по элементам на которых есть слушатель события появления.
+         * Если элемент находится в зоне видимости или выходит из нее, меняем значение флага видимости
+         */
+        entries.forEach(function (entry) {
+          if (entry.isIntersecting) {
+            setVisible(true);
+          } else {
+            setVisible(false);
+          }
         });
-      }
-    }, []);
-    var handleScroll = (0, _react.useCallback)(function (event) {
-      event.stopPropagation();
-      if (isVertical) {
-        var maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;
-        var scrollTop = Math.round(event.currentTarget.scrollTop);
-        setFirstItemVisible(scrollTop <= 0);
-        setLastItemVisible(scrollTop >= maxScrollTop);
-        return;
-      }
-      var maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;
-      var scrollLeft = Math.round(event.currentTarget.scrollLeft);
-      setFirstItemVisible(scrollLeft <= 0);
-      setLastItemVisible(scrollLeft >= maxScrollLeft);
-    }, [isVertical]);
-    (0, _react.useEffect)(function () {
-      var _scrollRef$current3, _scrollRef$current4;
-      if (isVertical) {
-        var _scrollRef$current, _scrollRef$current2;
-        setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollHeight) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientHeight));
-        return;
-      }
-      setLastItemVisible(((_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === void 0 ? void 0 : _scrollRef$current3.scrollWidth) === ((_scrollRef$current4 = scrollRef.current) === null || _scrollRef$current4 === void 0 ? void 0 : _scrollRef$current4.clientWidth));
-    }, [isVertical]);
-
-    // Этот хук компенсирует появление левой/верхней стрелки при прокрутке
-    (0, _react.useEffect)(function () {
-      if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {
-        return;
-      }
-      if (isVertical) {
-        scrollRef.current.scrollTo({
-          top: Math.round(scrollRef.current.scrollTop + leftArrowRef.current.clientHeight)
-        });
-        return;
-      }
-      scrollRef.current.scrollTo({
-        left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth)
-      });
-    }, [firstItemVisible, isVertical]);
+      };
+    };
+    var _useCarousel = (0, _plasmaCore.useCarousel)({
+        index: index,
+        axis: 'x',
+        scrollAlign: 'start',
+        detectActive: true,
+        debounceMs: 250,
+        onIndexChange: setIndex
+      }),
+      scrollRef = _useCarousel.scrollRef,
+      trackRef = _useCarousel.trackRef;
     var PreviousButton = (0, _react.useMemo)(function () {
-      var ArrowNode = isVertical ? _SegmentGroup.StyledTopArrow : _SegmentGroup.StyledLeftArrow;
-      return /*#__PURE__*/_react["default"].createElement(ArrowNode, {
+      return /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledArrow, {
         type: "button",
         "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
         onClick: onPrev,
         tabIndex: disabled ? -1 : 0,
         disabled: disabled
-      }, isVertical ? /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureUp, {
-        color: "var(".concat(_tokens.tokens.arrowColor, ")"),
-        size: "s"
-      }) : /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
+      }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
         color: "var(".concat(_tokens.tokens.arrowColor, ")")
       }));
-    }, [onPrev, isVertical]);
+    }, [onPrev]);
     var NextButton = (0, _react.useMemo)(function () {
-      var ArrowNode = isVertical ? _SegmentGroup.StyledBottomArrow : _SegmentGroup.StyledRightArrow;
-      return /*#__PURE__*/_react["default"].createElement(ArrowNode, {
+      return /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledArrow, {
         type: "button",
         "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
         onClick: onNext,
         tabIndex: disabled ? -1 : 0,
         disabled: disabled
-      }, isVertical ? /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDown, {
-        color: "var(".concat(_tokens.tokens.arrowColor, ")"),
-        size: "s"
-      }) : /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
+      }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
         color: "var(".concat(_tokens.tokens.arrowColor, ")")
       }));
-    }, [onNext, isVertical]);
+    }, [onNext]);
     (0, _react.useEffect)(function () {
       selectionMode && setSelectionMode(selectionMode);
       setDisabledGroup(disabled);
     }, [selectionMode, disabled]);
+    (0, _react.useEffect)(function () {
+      var _trackRef$current;
+      // Intersection observer для первого сегмента
+      var observeFirstItem = new IntersectionObserver(onIntersecting(setFirstItemVisible), {
+        root: null,
+        rootMargin: '0px',
+        threshold: 0.5
+      });
+
+      // Intersection observer для последнего сегмента
+      var observeLastItem = new IntersectionObserver(onIntersecting(setLastItemVisible), {
+        root: null,
+        rootMargin: '0px',
+        threshold: 0.5
+      });
+
+      // получаем список сегментов внутри SegmentGroup
+      var childrenArray = Array.from(((_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.children) || []);
+      if (childrenArray.length) {
+        // подписываемся на событие появление внутри SegmentGroup
+        observeFirstItem.observe(childrenArray[0]);
+        observeLastItem.observe(childrenArray[childrenArray.length - 1]);
+      }
+      return function () {
+        // отписываемся от события появления внутри SegmentGroup
+        observeFirstItem.disconnect();
+        observeLastItem.disconnect();
+      };
+    }, [children]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       view: view,
       size: size,
-      orientation: orientation,
       id: segmentGroupId,
       ref: outerRef,
       filledBackground: filledBackgroundAttr,
       disabled: disabled,
       pilled: pilledAttr,
-      className: (0, _utils.cx)(pilledClass, filledClass, stretchClass, orientationClass),
-      onKeyDown: onKeyDown
+      className: (0, _utils.cx)(pilledClass, filledClass, stretchClass)
     }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledContentWrapper, {
-      className: (0, _utils.cx)(clipScrollClass, clipShowAllClass),
-      ref: scrollRef,
-      onScroll: handleScroll
+      ref: scrollRef
     }, /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledContent, {
       ref: trackRef
     }, children)), !lastItemVisible && NextButton);
@@ -276,9 +199,6 @@ var segmentGroupConfig = exports.segmentGroupConfig = {
       css: _base6.base,
       attrs: true
     },
-    orientation: {
-      css: _base7.base
-    },
     filledBackground: {
       css: _base5.base,
       attrs: true

package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js

@@ -3,16 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.base = exports.StyledTopArrow = exports.StyledRightArrow = exports.StyledLeftArrow = exports.StyledContentWrapper = exports.StyledContent = exports.StyledBottomArrow = exports.StyledArrow = void 0;
+exports.base = exports.StyledContentWrapper = exports.StyledContent = exports.StyledArrow = void 0;
 var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
 var _react = /*#__PURE__*/require("@emotion/react");
 var _mixins = /*#__PURE__*/require("../../../../mixins");
 var _tokens = /*#__PURE__*/require("../../tokens");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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:inline-flex;align-items:center;--plasma_private-outline-radius:var(", _tokens.tokens.groupBorderRadius, ");border-radius:var(", _tokens.tokens.groupBorderRadius, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRHcm91cC9TZWdtZW50R3JvdXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1czogdmFyKCR7dG9rZW5zLmdyb3VwQm9yZGVyUmFkaXVzfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmdyb3VwQm9yZGVyUmFkaXVzfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmc6IDAuMTI1cmVtO1xuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgJi4ke2NsYXNzZXMuc2VnbWVudEdyb3VwQ2xpcFNjcm9sbH0ge1xuICAgICAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgICAgICBzY3JvbGwtcGFkZGluZzogMC4yNXJlbTtcbiAgICAgICAgb3ZlcnNjcm9sbC1iZWhhdmlvcjogY29udGFpbjtcblxuICAgICAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNlZ21lbnRHcm91cENsaXBTaG93QWxsfSB7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcnJvdyA9IHN0eWxlZC5idXR0b25gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICdjYWxjKHZhcigtLXBsYXNtYV9wcml2YXRlLW91dGxpbmUtcmFkaXVzKSAtIDAuMDYzcmVtKScsXG4gICAgfSl9O1xuXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMZWZ0QXJyb3cgPSBzdHlsZWQoU3R5bGVkQXJyb3cpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5ncm91cEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gICAgbWFyZ2luLXJpZ2h0OiAwLjE4NzVyZW07XG4gICAgbWFyZ2luLWxlZnQ6IDAuMTI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJpZ2h0QXJyb3cgPSBzdHlsZWQoU3R5bGVkQXJyb3cpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5ncm91cEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICBtYXJnaW4tbGVmdDogMC4xODc1cmVtO1xuICAgIG1hcmdpbi1yaWdodDogMC4xMjVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVG9wQXJyb3cgPSBzdHlsZWQoU3R5bGVkQXJyb3cpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5ncm91cFZlcnRpY2FsQXJyb3dQYWRkaW5nfSk7XG4gICAgcGFkZGluZy1ib3R0b206IDA7XG4gICAgbWFyZ2luLWJvdHRvbTogMC4xODc1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJvdHRvbUFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBWZXJ0aWNhbEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIG1hcmdpbi10b3A6IDAuMTg3NXJlbTtcbmA7XG4iXX0= */"));
+var base = exports.base = process.env.NODE_ENV === "production" ? {
+  name: "1946a1k-plasma-new-hope__base",
+  styles: "display:inline-flex;align-items:center;label:plasma-new-hope__base;"
+} : {
+  name: "1946a1k-plasma-new-hope__base",
+  styles: "display:inline-flex;align-items:center;label:plasma-new-hope__base;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRHcm91cC9TZWdtZW50R3JvdXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXJnaW46IDA7XG5cbiAgICAvKiBhbGxvd3MgY29ycmVjdGx5IGRpc3BsYXkgb3V0bGluZSBmb2N1cyBvbiBzZWdtZW50IGl0ZW0gKi9cbiAgICBwYWRkaW5nOiAwLjI1cmVtO1xuXG4gICAgLyogc3R5bGVsaW50LWRpc2FibGUtbmV4dC1saW5lIHNlbGVjdG9yLW1heC1lbXB0eS1saW5lcywgc2VsZWN0b3ItbmVzdGVkLXBhdHRlcm4sIHNlbGVjdG9yLXR5cGUtbm8tdW5rbm93biAqL1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICAgIHNjcm9sbC1zbmFwLXR5cGU6IHggbWFuZGF0b3J5O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
 var StyledContent = exports.StyledContent = /*#__PURE__*/(0, _base["default"])("div", {
-  target: "e2lv4y46",
+  target: "e2lv4y42",
   label: "plasma-new-hope__StyledContent"
 })(process.env.NODE_ENV === "production" ? {
   name: "3251ob",
@@ -20,35 +28,27 @@ var StyledContent = exports.StyledContent = /*#__PURE__*/(0, _base["default"])("
 } : {
   name: "3251ob",
   styles: "display:inline-flex;flex-direction:row;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRHcm91cC9TZWdtZW50R3JvdXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1czogdmFyKCR7dG9rZW5zLmdyb3VwQm9yZGVyUmFkaXVzfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmdyb3VwQm9yZGVyUmFkaXVzfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmc6IDAuMTI1cmVtO1xuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgJi4ke2NsYXNzZXMuc2VnbWVudEdyb3VwQ2xpcFNjcm9sbH0ge1xuICAgICAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgICAgICBzY3JvbGwtcGFkZGluZzogMC4yNXJlbTtcbiAgICAgICAgb3ZlcnNjcm9sbC1iZWhhdmlvcjogY29udGFpbjtcblxuICAgICAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNlZ21lbnRHcm91cENsaXBTaG93QWxsfSB7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcnJvdyA9IHN0eWxlZC5idXR0b25gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICdjYWxjKHZhcigtLXBsYXNtYV9wcml2YXRlLW91dGxpbmUtcmFkaXVzKSAtIDAuMDYzcmVtKScsXG4gICAgfSl9O1xuXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMZWZ0QXJyb3cgPSBzdHlsZWQoU3R5bGVkQXJyb3cpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5ncm91cEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gICAgbWFyZ2luLXJpZ2h0OiAwLjE4NzVyZW07XG4gICAgbWFyZ2luLWxlZnQ6IDAuMTI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJpZ2h0QXJyb3cgPSBzdHlsZWQoU3R5bGVkQXJyb3cpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5ncm91cEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICBtYXJnaW4tbGVmdDogMC4xODc1cmVtO1xuICAgIG1hcmdpbi1yaWdodDogMC4xMjVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVG9wQXJyb3cgPSBzdHlsZWQoU3R5bGVkQXJyb3cpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5ncm91cFZlcnRpY2FsQXJyb3dQYWRkaW5nfSk7XG4gICAgcGFkZGluZy1ib3R0b206IDA7XG4gICAgbWFyZ2luLWJvdHRvbTogMC4xODc1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJvdHRvbUFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBWZXJ0aWNhbEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIG1hcmdpbi10b3A6IDAuMTg3NXJlbTtcbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRHcm91cC9TZWdtZW50R3JvdXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXJnaW46IDA7XG5cbiAgICAvKiBhbGxvd3MgY29ycmVjdGx5IGRpc3BsYXkgb3V0bGluZSBmb2N1cyBvbiBzZWdtZW50IGl0ZW0gKi9cbiAgICBwYWRkaW5nOiAwLjI1cmVtO1xuXG4gICAgLyogc3R5bGVsaW50LWRpc2FibGUtbmV4dC1saW5lIHNlbGVjdG9yLW1heC1lbXB0eS1saW5lcywgc2VsZWN0b3ItbmVzdGVkLXBhdHRlcm4sIHNlbGVjdG9yLXR5cGUtbm8tdW5rbm93biAqL1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICAgIHNjcm9sbC1zbmFwLXR5cGU6IHggbWFuZGF0b3J5O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/(0, _base["default"])("div", {
-  target: "e2lv4y45",
+  target: "e2lv4y41",
   label: "plasma-new-hope__StyledContentWrapper"
-})("position:relative;height:100%;width:100%;padding:0.125rem;box-sizing:content-box;display:flex;align-items:center;&.", _tokens.classes.segmentGroupClipScroll, "{overflow:scroll;scroll-padding:0.25rem;overscroll-behavior:contain;scrollbar-width:none;::-webkit-scrollbar{display:none;}}&.", _tokens.classes.segmentGroupClipShowAll, "{overflow:visible;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjhDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXM6IHZhcigke3Rva2Vucy5ncm91cEJvcmRlclJhZGl1c30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ncm91cEJvcmRlclJhZGl1c30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwYWRkaW5nOiAwLjEyNXJlbTtcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLnNlZ21lbnRHcm91cENsaXBTY3JvbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgICAgc2Nyb2xsLXBhZGRpbmc6IDAuMjVyZW07XG4gICAgICAgIG92ZXJzY3JvbGwtYmVoYXZpb3I6IGNvbnRhaW47XG5cbiAgICAgICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgICAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50R3JvdXBDbGlwU2hvd0FsbH0ge1xuICAgICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXJyb3cgPSBzdHlsZWQuYnV0dG9uYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGVmdEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIG1hcmdpbi1yaWdodDogMC4xODc1cmVtO1xuICAgIG1hcmdpbi1sZWZ0OiAwLjEyNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSaWdodEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWxlZnQ6IDAuMTg3NXJlbTtcbiAgICBtYXJnaW4tcmlnaHQ6IDAuMTI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvcEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBWZXJ0aWNhbEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCb3R0b21BcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwVmVydGljYWxBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiAwLjE4NzVyZW07XG5gO1xuIl19 */"));
+})(process.env.NODE_ENV === "production" ? {
+  name: "1p5cysk",
+  styles: "position:relative;height:100%;margin:0;padding:0.25rem;::-webkit-scrollbar{display:none;}overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory"
+} : {
+  name: "1p5cysk",
+  styles: "position:relative;height:100%;margin:0;padding:0.25rem;::-webkit-scrollbar{display:none;}overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWFyZ2luOiAwO1xuXG4gICAgLyogYWxsb3dzIGNvcnJlY3RseSBkaXNwbGF5IG91dGxpbmUgZm9jdXMgb24gc2VnbWVudCBpdGVtICovXG4gICAgcGFkZGluZzogMC4yNXJlbTtcblxuICAgIC8qIHN0eWxlbGludC1kaXNhYmxlLW5leHQtbGluZSBzZWxlY3Rvci1tYXgtZW1wdHktbGluZXMsIHNlbGVjdG9yLW5lc3RlZC1wYXR0ZXJuLCBzZWxlY3Rvci10eXBlLW5vLXVua25vd24gKi9cbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgIG92ZXJmbG93LXk6IGhpZGRlbjtcbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcnJvdyA9IHN0eWxlZC5idXR0b25gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _base["default"])("button", {
-  target: "e2lv4y44",
+  target: "e2lv4y40",
   label: "plasma-new-hope__StyledArrow"
-})("display:flex;cursor:pointer;border:none;background-color:transparent;outline:none;", /*#__PURE__*/(0, _mixins.addFocus)({
+})("display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;", /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.063rem',
   outlineOffset: '-0.125rem',
   outlineColor: /*#__PURE__*/"var(".concat(_tokens.tokens.outlineFocusColor, ")"),
   outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)'
-}), ";&[disabled]{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q3dDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXM6IHZhcigke3Rva2Vucy5ncm91cEJvcmRlclJhZGl1c30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ncm91cEJvcmRlclJhZGl1c30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwYWRkaW5nOiAwLjEyNXJlbTtcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLnNlZ21lbnRHcm91cENsaXBTY3JvbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgICAgc2Nyb2xsLXBhZGRpbmc6IDAuMjVyZW07XG4gICAgICAgIG92ZXJzY3JvbGwtYmVoYXZpb3I6IGNvbnRhaW47XG5cbiAgICAgICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgICAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50R3JvdXBDbGlwU2hvd0FsbH0ge1xuICAgICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXJyb3cgPSBzdHlsZWQuYnV0dG9uYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGVmdEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIG1hcmdpbi1yaWdodDogMC4xODc1cmVtO1xuICAgIG1hcmdpbi1sZWZ0OiAwLjEyNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSaWdodEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWxlZnQ6IDAuMTg3NXJlbTtcbiAgICBtYXJnaW4tcmlnaHQ6IDAuMTI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvcEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBWZXJ0aWNhbEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCb3R0b21BcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwVmVydGljYWxBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiAwLjE4NzVyZW07XG5gO1xuIl19 */"));
-var StyledLeftArrow = exports.StyledLeftArrow = /*#__PURE__*/(0, _base["default"])(StyledArrow, {
-  target: "e2lv4y43",
-  label: "plasma-new-hope__StyledLeftArrow"
-})("padding:var(", _tokens.tokens.groupArrowPadding, ");padding-right:0;margin-right:0.1875rem;margin-left:0.125rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRWtEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXM6IHZhcigke3Rva2Vucy5ncm91cEJvcmRlclJhZGl1c30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ncm91cEJvcmRlclJhZGl1c30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwYWRkaW5nOiAwLjEyNXJlbTtcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLnNlZ21lbnRHcm91cENsaXBTY3JvbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgICAgc2Nyb2xsLXBhZGRpbmc6IDAuMjVyZW07XG4gICAgICAgIG92ZXJzY3JvbGwtYmVoYXZpb3I6IGNvbnRhaW47XG5cbiAgICAgICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgICAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50R3JvdXBDbGlwU2hvd0FsbH0ge1xuICAgICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXJyb3cgPSBzdHlsZWQuYnV0dG9uYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGVmdEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIG1hcmdpbi1yaWdodDogMC4xODc1cmVtO1xuICAgIG1hcmdpbi1sZWZ0OiAwLjEyNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSaWdodEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWxlZnQ6IDAuMTg3NXJlbTtcbiAgICBtYXJnaW4tcmlnaHQ6IDAuMTI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvcEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBWZXJ0aWNhbEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCb3R0b21BcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwVmVydGljYWxBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiAwLjE4NzVyZW07XG5gO1xuIl19 */"));
-var StyledRightArrow = exports.StyledRightArrow = /*#__PURE__*/(0, _base["default"])(StyledArrow, {
-  target: "e2lv4y42",
-  label: "plasma-new-hope__StyledRightArrow"
-})("padding:var(", _tokens.tokens.groupArrowPadding, ");padding-left:0;margin-left:0.1875rem;margin-right:0.125rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RW1EIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXM6IHZhcigke3Rva2Vucy5ncm91cEJvcmRlclJhZGl1c30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ncm91cEJvcmRlclJhZGl1c30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwYWRkaW5nOiAwLjEyNXJlbTtcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLnNlZ21lbnRHcm91cENsaXBTY3JvbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgICAgc2Nyb2xsLXBhZGRpbmc6IDAuMjVyZW07XG4gICAgICAgIG92ZXJzY3JvbGwtYmVoYXZpb3I6IGNvbnRhaW47XG5cbiAgICAgICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgICAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50R3JvdXBDbGlwU2hvd0FsbH0ge1xuICAgICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXJyb3cgPSBzdHlsZWQuYnV0dG9uYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGVmdEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIG1hcmdpbi1yaWdodDogMC4xODc1cmVtO1xuICAgIG1hcmdpbi1sZWZ0OiAwLjEyNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSaWdodEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWxlZnQ6IDAuMTg3NXJlbTtcbiAgICBtYXJnaW4tcmlnaHQ6IDAuMTI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvcEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBWZXJ0aWNhbEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCb3R0b21BcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwVmVydGljYWxBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiAwLjE4NzVyZW07XG5gO1xuIl19 */"));
-var StyledTopArrow = exports.StyledTopArrow = /*#__PURE__*/(0, _base["default"])(StyledArrow, {
-  target: "e2lv4y41",
-  label: "plasma-new-hope__StyledTopArrow"
-})("padding:var(", _tokens.tokens.groupVerticalArrowPadding, ");padding-bottom:0;margin-bottom:0.1875rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRWlEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXM6IHZhcigke3Rva2Vucy5ncm91cEJvcmRlclJhZGl1c30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ncm91cEJvcmRlclJhZGl1c30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwYWRkaW5nOiAwLjEyNXJlbTtcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLnNlZ21lbnRHcm91cENsaXBTY3JvbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgICAgc2Nyb2xsLXBhZGRpbmc6IDAuMjVyZW07XG4gICAgICAgIG92ZXJzY3JvbGwtYmVoYXZpb3I6IGNvbnRhaW47XG5cbiAgICAgICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgICAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50R3JvdXBDbGlwU2hvd0FsbH0ge1xuICAgICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXJyb3cgPSBzdHlsZWQuYnV0dG9uYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGVmdEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIG1hcmdpbi1yaWdodDogMC4xODc1cmVtO1xuICAgIG1hcmdpbi1sZWZ0OiAwLjEyNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSaWdodEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWxlZnQ6IDAuMTg3NXJlbTtcbiAgICBtYXJnaW4tcmlnaHQ6IDAuMTI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvcEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBWZXJ0aWNhbEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCb3R0b21BcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwVmVydGljYWxBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiAwLjE4NzVyZW07XG5gO1xuIl19 */"));
-var StyledBottomArrow = exports.StyledBottomArrow = /*#__PURE__*/(0, _base["default"])(StyledArrow, {
-  target: "e2lv4y40",
-  label: "plasma-new-hope__StyledBottomArrow"
-})("padding:var(", _tokens.tokens.groupVerticalArrowPadding, ");padding-top:0;margin-top:0.1875rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRm9EIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXM6IHZhcigke3Rva2Vucy5ncm91cEJvcmRlclJhZGl1c30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ncm91cEJvcmRlclJhZGl1c30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwYWRkaW5nOiAwLjEyNXJlbTtcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLnNlZ21lbnRHcm91cENsaXBTY3JvbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgICAgc2Nyb2xsLXBhZGRpbmc6IDAuMjVyZW07XG4gICAgICAgIG92ZXJzY3JvbGwtYmVoYXZpb3I6IGNvbnRhaW47XG5cbiAgICAgICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgICAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50R3JvdXBDbGlwU2hvd0FsbH0ge1xuICAgICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXJyb3cgPSBzdHlsZWQuYnV0dG9uYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGVmdEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIG1hcmdpbi1yaWdodDogMC4xODc1cmVtO1xuICAgIG1hcmdpbi1sZWZ0OiAwLjEyNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSaWdodEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWxlZnQ6IDAuMTg3NXJlbTtcbiAgICBtYXJnaW4tcmlnaHQ6IDAuMTI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvcEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBWZXJ0aWNhbEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCb3R0b21BcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwVmVydGljYWxBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiAwLjE4NzVyZW07XG5gO1xuIl19 */"));
+}), ";&[disabled]{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3dDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWFyZ2luOiAwO1xuXG4gICAgLyogYWxsb3dzIGNvcnJlY3RseSBkaXNwbGF5IG91dGxpbmUgZm9jdXMgb24gc2VnbWVudCBpdGVtICovXG4gICAgcGFkZGluZzogMC4yNXJlbTtcblxuICAgIC8qIHN0eWxlbGludC1kaXNhYmxlLW5leHQtbGluZSBzZWxlY3Rvci1tYXgtZW1wdHktbGluZXMsIHNlbGVjdG9yLW5lc3RlZC1wYXR0ZXJuLCBzZWxlY3Rvci10eXBlLW5vLXVua25vd24gKi9cbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgIG92ZXJmbG93LXk6IGhpZGRlbjtcbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcnJvdyA9IHN0eWxlZC5idXR0b25gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcbiJdfQ== */"));

package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.js

@@ -15,7 +15,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_pilled/base");
 var _SegmentItem = /*#__PURE__*/require("./SegmentItem.styles");
-var _excluded = ["size", "view", "id", "label", "value", "pilled", "contentLeft", "contentRight", "customHandleSelect", "skipSelection", "aria-label"];
+var _excluded = ["size", "view", "id", "label", "value", "pilled", "customHandleSelect", "aria-label"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
@@ -29,10 +29,7 @@ var segmentItemRoot = exports.segmentItemRoot = function segmentItemRoot(Root) {
       label = props.label,
       value = props.value,
       pilled = props.pilled,
-      contentLeft = props.contentLeft,
-      contentRight = props.contentRight,
       customHandleSelect = props.customHandleSelect,
-      skipSelection = props.skipSelection,
       ariaLabelExternal = props['aria-label'],
       rest = _objectWithoutProperties(props, _excluded);
     var _useSegmentInner = (0, _SegmentProvider.useSegmentInner)(),
@@ -47,19 +44,15 @@ var segmentItemRoot = exports.segmentItemRoot = function segmentItemRoot(Root) {
     }, [label]);
     var pilledAttr = view !== 'clear' && pilled;
     var pilledClass = pilledAttr ? _tokens.classes.segmentPilled : undefined;
-    var xsSize = size === 'xs' ? _tokens.classes.segmentXsSize : undefined;
     var isSelected = selectedSegmentItems === null || selectedSegmentItems === void 0 ? void 0 : selectedSegmentItems.includes(value || ariaLabelDefault);
     var selectedClass = isSelected ? _tokens.classes.selectedSegmentItem : undefined;
     var handleSelectSegment = (0, _react.useCallback)(function (event) {
       if (disabledGroup) {
         return;
       }
-      if (skipSelection) {
-        return;
-      }
       customHandleSelect === null || customHandleSelect === void 0 || customHandleSelect(event);
       handleSelect === null || handleSelect === void 0 || handleSelect(value || ariaLabelDefault);
-    }, [selectionMode, disabledGroup, skipSelection]);
+    }, [selectionMode]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       view: view,
       size: size,
@@ -68,11 +61,11 @@ var segmentItemRoot = exports.segmentItemRoot = function segmentItemRoot(Root) {
       "aria-label": ariaLabelExternal || ariaLabelDefault,
       value: value,
       pilled: pilledAttr,
-      className: (0, _utils.cx)(selectedClass, pilledClass, xsSize),
+      className: (0, _utils.cx)(selectedClass, pilledClass),
       onClick: handleSelectSegment,
       tabIndex: disabledGroup ? -1 : 0,
       disabled: disabledGroup
-    }, rest), contentLeft && /*#__PURE__*/_react["default"].createElement(_SegmentItem.LeftContent, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_SegmentItem.StyledContent, null, label || value), contentRight && /*#__PURE__*/_react["default"].createElement(_SegmentItem.RightContent, null, contentRight));
+    }, rest), /*#__PURE__*/_react["default"].createElement(_SegmentItem.StyledContent, null, label || value));
   });
 };
 var segmentItemConfig = exports.segmentItemConfig = {