@ndla/ui 42.1.2 → 43.0.1

package/lib/Filter/FilterListPhone.js

@@ -66,12 +66,16 @@ var FilterListPhone = function FilterListPhone(_ref) {
     showActiveFiltersOnSmallScreen = _ref.showActiveFiltersOnSmallScreen;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
-    isNarrowScreen = _useState2[0],
-    setIsNarrowScreen = _useState2[1];
-  var _useState3 = (0, _react.useState)(defaultVisibleCount),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    visibleCount = _useState4[0],
-    setVisibleCount = _useState4[1];
+    isNarrowScreen = _useState4[0],
+    setIsNarrowScreen = _useState4[1];
+  var _useState5 = (0, _react.useState)(defaultVisibleCount),
+    _useState6 = _slicedToArray(_useState5, 2),
+    visibleCount = _useState6[0],
+    setVisibleCount = _useState6[1];
   (0, _react.useEffect)(function () {
     setScreenSize(true);
     var debounced = (0, _debounce.default)(function () {
@@ -94,6 +98,9 @@ var FilterListPhone = function FilterListPhone(_ref) {
     /* eslint react/no-did-mount-set-state: 1 */
   };
 
+  var onClose = (0, _react.useCallback)(function () {
+    setOpen(false);
+  }, []);
   var handleChange = function handleChange(event, option) {
     var newValues = null;
     if (event.currentTarget.checked) {
@@ -134,74 +141,74 @@ var FilterListPhone = function FilterListPhone(_ref) {
             return option !== value;
           }), value);
         }
-      }), (0, _jsxRuntime.jsx)(_modal.Modal, {
-        size: "full",
-        activateButton: (0, _jsxRuntime.jsx)(_button.ButtonV2, _objectSpread(_objectSpread({
-          variant: "outline"
-        }, (0, _filterClasses.classes)('modal-button')), {}, {
-          children: messages.openFilter
-        })),
-        children: function children(onClose) {
-          return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [(0, _jsxRuntime.jsx)(_modal.ModalHeader, {
-              children: (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('modal-header')), {}, {
-                children: [(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('modal-heading')), {}, {
-                  children: [!isNarrowScreen && label && (0, _jsxRuntime.jsx)("h1", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('label')), {}, {
-                    children: label
-                  })), (0, _jsxRuntime.jsx)(_button.ButtonV2, {
-                    variant: "outline",
-                    onClick: onClose,
-                    children: messages.useFilter
-                  })]
-                })), (0, _jsxRuntime.jsx)(_modal.ModalCloseButton, {
-                  title: messages.closeFilter,
-                  onClick: onClose
-                })]
-              }))
-            }), (0, _jsxRuntime.jsxs)(_modal.ModalBody, {
-              modifier: "no-side-padding-mobile",
-              children: [isNarrowScreen && label && (0, _jsxRuntime.jsx)("h1", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('label')), {}, {
-                children: label
-              })), groupedOptions.map(function (options, index) {
-                return (0, _jsxRuntime.jsx)("ul", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('item-wrapper', {
-                  'aligned-grouping': !!alignedGroup,
-                  'collapse-mobile': !!collapseMobile,
-                  'grouped-options': !!isGroupedOptions
-                })), {}, {
-                  children: options.map(function (option) {
-                    var itemModifiers = [];
-                    var checked = values.some(function (value) {
-                      return value === option.value;
-                    });
-                    if (option.noResults) {
-                      itemModifiers.push('no-results');
-                    }
-                    if (option.disabled) {
-                      itemModifiers.push('disabled');
-                    }
-                    return (0, _jsxRuntime.jsx)(_ToggleItem.default, {
-                      id: preid + option.value,
-                      value: option.value,
-                      checked: checked,
-                      onChange: function onChange(event) {
-                        return handleChange(event, option);
-                      },
-                      label: option.title,
-                      disabled: option.disabled,
-                      modifiers: itemModifiers
-                    }, option.value);
-                  })
-                }), index);
-              }), (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('usefilter-wrapper')), {}, {
-                children: (0, _jsxRuntime.jsx)(_button.ButtonV2, {
+      }), (0, _jsxRuntime.jsxs)(_modal.Modal, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [(0, _jsxRuntime.jsx)(_modal.ModalTrigger, {
+          children: (0, _jsxRuntime.jsx)(_button.ButtonV2, _objectSpread(_objectSpread({
+            variant: "outline"
+          }, (0, _filterClasses.classes)('modal-button')), {}, {
+            children: messages.openFilter
+          }))
+        }), (0, _jsxRuntime.jsxs)(_modal.ModalContent, {
+          size: "full",
+          children: [(0, _jsxRuntime.jsx)(_modal.ModalHeader, {
+            children: (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('modal-header')), {}, {
+              children: [(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('modal-heading')), {}, {
+                children: [!isNarrowScreen && label && (0, _jsxRuntime.jsx)("h1", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('label')), {}, {
+                  children: label
+                })), (0, _jsxRuntime.jsx)(_button.ButtonV2, {
                   variant: "outline",
                   onClick: onClose,
                   children: messages.useFilter
+                })]
+              })), (0, _jsxRuntime.jsx)(_modal.ModalCloseButton, {
+                title: messages.closeFilter
+              })]
+            }))
+          }), (0, _jsxRuntime.jsxs)(_modal.ModalBody, {
+            modifier: "no-side-padding-mobile",
+            children: [isNarrowScreen && label && (0, _jsxRuntime.jsx)("h1", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('label')), {}, {
+              children: label
+            })), groupedOptions.map(function (options, index) {
+              return (0, _jsxRuntime.jsx)("ul", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('item-wrapper', {
+                'aligned-grouping': !!alignedGroup,
+                'collapse-mobile': !!collapseMobile,
+                'grouped-options': !!isGroupedOptions
+              })), {}, {
+                children: options.map(function (option) {
+                  var itemModifiers = [];
+                  var checked = values.some(function (value) {
+                    return value === option.value;
+                  });
+                  if (option.noResults) {
+                    itemModifiers.push('no-results');
+                  }
+                  if (option.disabled) {
+                    itemModifiers.push('disabled');
+                  }
+                  return (0, _jsxRuntime.jsx)(_ToggleItem.default, {
+                    id: preid + option.value,
+                    value: option.value,
+                    checked: checked,
+                    onChange: function onChange(event) {
+                      return handleChange(event, option);
+                    },
+                    label: option.title,
+                    disabled: option.disabled,
+                    modifiers: itemModifiers
+                  }, option.value);
                 })
-              }))]
-            })]
-          });
-        }
+              }), index);
+            }), (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('usefilter-wrapper')), {}, {
+              children: (0, _jsxRuntime.jsx)(_button.ButtonV2, {
+                variant: "outline",
+                onClick: onClose,
+                children: messages.useFilter
+              })
+            }))]
+          })]
+        })]
       })]
     });
   }

package/lib/LanguageSelector/LanguageSelector.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
-var _reactDropdownMenu = require("@radix-ui/react-dropdown-menu");
+var _dropdownMenu = require("@ndla/dropdown-menu");
 var _button = require("@ndla/button");
 var _reactI18next = require("react-i18next");
 var _common = require("@ndla/icons/common");
@@ -20,18 +20,18 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
                                                                                                                                                                                                                                                                                            * LICENSE file in the root directory of this source tree.
                                                                                                                                                                                                                                                                                            *
                                                                                                                                                                                                                                                                                            */
-var PopoverContent = /*#__PURE__*/(0, _base.default)(_reactDropdownMenu.Content, {
+var StyledDropdownContent = /*#__PURE__*/(0, _base.default)(_dropdownMenu.DropdownContent, {
   target: "e11qxfkm4",
-  label: "PopoverContent"
-})("z-index:9999;display:flex;flex-direction:column;overflow:hidden;background-color:", _core.colors.white, ";border-radius:", _core.spacing.small, ";border:1px solid ", _core.colors.brand.tertiary, ";fill:", _core.colors.brand.tertiary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCc0MiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBSb290LCBUcmlnZ2VyLCBJdGVtLCBDb250ZW50LCBQb3J0YWwsIEFycm93IH0gZnJvbSAnQHJhZGl4LXVpL3JlYWN0LWRyb3Bkb3duLW1lbnUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBQb3BvdmVyQ29udGVudCA9IHN0eWxlZChDb250ZW50KWBcbiAgei1pbmRleDogOTk5OTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbmA7XG5cbmNvbnN0IExhbmd1YWdlQ2hvaWNlID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICA6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBBY3Rpdml0eUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxLjVweCBzb2xpZCBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgQWN0aXZlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMjBweCcsICcyNHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgTGFuZ3VhZ2VTZWxlY3RvciA9IDxUIGV4dGVuZHMgc3RyaW5nPih7IGxvY2FsZXMsIG9uU2VsZWN0LCBpbnZlcnRlZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFJvb3Q+XG4gICAgICA8VHJpZ2dlciBhc0NoaWxkPlxuICAgICAgICA8QnV0dG9uVjIgdmFyaWFudD1cIm91dGxpbmVcIiBzaGFwZT1cInBpbGxcIiBpbnZlcnRlZD17aW52ZXJ0ZWR9IGFyaWEtbGFiZWw9e3QoJ2Zvb3Rlci5zZWxlY3RMYW5ndWFnZScpfT5cbiAgICAgICAgICB7dChgbGFuZ3VhZ2VzLnByZWZpeENoYW5nZUxhbmd1YWdlYCl9IDxDaGV2cm9uRG93biAvPlxuICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgPC9UcmlnZ2VyPlxuICAgICAgPFBvcnRhbD5cbiAgICAgICAgPFBvcG92ZXJDb250ZW50IHNpZGVPZmZzZXQ9ezR9PlxuICAgICAgICAgIDxBcnJvdyBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoXG4gICAgICAgICAgICA8SXRlbSBhc0NoaWxkIGtleT17bG9jYWxlfT5cbiAgICAgICAgICAgICAgPExhbmd1YWdlQ2hvaWNlXG4gICAgICAgICAgICAgICAgcm9sZT1cImxpbmtcIlxuICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlfVxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dChgY2hhbmdlTGFuZ3VhZ2UuJHtsb2NhbGV9YCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QobG9jYWxlKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxBY3Rpdml0eUluZGljYXRvcj57aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlICYmIDxBY3RpdmVJbmRpY2F0b3IgLz59PC9BY3Rpdml0eUluZGljYXRvcj5cbiAgICAgICAgICAgICAgICA8VGV4dD57dChgbGFuZ3VhZ2VzLiR7bG9jYWxlfWApfTwvVGV4dD5cbiAgICAgICAgICAgICAgPC9MYW5ndWFnZUNob2ljZT5cbiAgICAgICAgICAgIDwvSXRlbT5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9Qb3BvdmVyQ29udGVudD5cbiAgICAgIDwvUG9ydGFsPlxuICAgIDwvUm9vdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExhbmd1YWdlU2VsZWN0b3I7XG4iXX0= */"));
+  label: "StyledDropdownContent"
+})("border-radius:", _core.spacing.small, ";border:1px solid ", _core.colors.brand.tertiary, ";[data-arrow]{fill:", _core.colors.brand.tertiary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCcUQiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBEcm9wZG93bk1lbnUsIERyb3Bkb3duVHJpZ2dlciwgRHJvcGRvd25Db250ZW50LCBEcm9wZG93bkl0ZW0gfSBmcm9tICdAbmRsYS9kcm9wZG93bi1tZW51JztcbmltcG9ydCB7IEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmludGVyZmFjZSBQcm9wczxUIGV4dGVuZHMgc3RyaW5nPiB7XG4gIGxvY2FsZXM6IFRbXTtcbiAgb25TZWxlY3Q6IChsb2NhbGU6IFQpID0+IHZvaWQ7XG4gIGludmVydGVkPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkRHJvcGRvd25Db250ZW50ID0gc3R5bGVkKERyb3Bkb3duQ29udGVudClgXG4gIGJvcmRlci1yYWRpdXM6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgW2RhdGEtYXJyb3ddIHtcbiAgICBmaWxsOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIH1cbmA7XG5cbmNvbnN0IExhbmd1YWdlQ2hvaWNlID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICA6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBBY3Rpdml0eUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxLjVweCBzb2xpZCBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgQWN0aXZlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMjBweCcsICcyNHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgTGFuZ3VhZ2VTZWxlY3RvciA9IDxUIGV4dGVuZHMgc3RyaW5nPih7IGxvY2FsZXMsIG9uU2VsZWN0LCBpbnZlcnRlZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duTWVudT5cbiAgICAgIDxEcm9wZG93blRyaWdnZXI+XG4gICAgICAgIDxCdXR0b25WMiB2YXJpYW50PVwib3V0bGluZVwiIHNoYXBlPVwicGlsbFwiIGludmVydGVkPXtpbnZlcnRlZH0gYXJpYS1sYWJlbD17dCgnZm9vdGVyLnNlbGVjdExhbmd1YWdlJyl9PlxuICAgICAgICAgIHt0KGBsYW5ndWFnZXMucHJlZml4Q2hhbmdlTGFuZ3VhZ2VgKX0gPENoZXZyb25Eb3duIC8+XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICA8L0Ryb3Bkb3duVHJpZ2dlcj5cbiAgICAgIDxTdHlsZWREcm9wZG93bkNvbnRlbnQgc2lkZU9mZnNldD17NH0gc2hvd0Fycm93PlxuICAgICAgICB7bG9jYWxlcy5tYXAoKGxvY2FsZSkgPT4gKFxuICAgICAgICAgIDxEcm9wZG93bkl0ZW0ga2V5PXtsb2NhbGV9PlxuICAgICAgICAgICAgPExhbmd1YWdlQ2hvaWNlXG4gICAgICAgICAgICAgIHJvbGU9XCJsaW5rXCJcbiAgICAgICAgICAgICAgYXJpYS1jdXJyZW50PXtpMThuLmxhbmd1YWdlID09PSBsb2NhbGV9XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgIHNoYXBlPVwic2hhcnBcIlxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KGBjaGFuZ2VMYW5ndWFnZS4ke2xvY2FsZX1gKX1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QobG9jYWxlKX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEFjdGl2aXR5SW5kaWNhdG9yPntpMThuLmxhbmd1YWdlID09PSBsb2NhbGUgJiYgPEFjdGl2ZUluZGljYXRvciAvPn08L0FjdGl2aXR5SW5kaWNhdG9yPlxuICAgICAgICAgICAgICA8VGV4dD57dChgbGFuZ3VhZ2VzLiR7bG9jYWxlfWApfTwvVGV4dD5cbiAgICAgICAgICAgIDwvTGFuZ3VhZ2VDaG9pY2U+XG4gICAgICAgICAgPC9Ecm9wZG93bkl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWREcm9wZG93bkNvbnRlbnQ+XG4gICAgPC9Ecm9wZG93bk1lbnU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMYW5ndWFnZVNlbGVjdG9yO1xuIl19 */"));
 var LanguageChoice = /*#__PURE__*/(0, _base.default)(_button.ButtonV2, {
   target: "e11qxfkm3",
   label: "LanguageChoice"
-})("padding:", _core.spacing.small, " ", _core.spacing.normal, " ", _core.spacing.small, " ", _core.spacing.nsmall, ";justify-content:flex-start;gap:", _core.spacing.small, ";border:none;outline:none;:not(:last-of-type){border-bottom:1px solid ", _core.colors.brand.tertiary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDdUMiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBSb290LCBUcmlnZ2VyLCBJdGVtLCBDb250ZW50LCBQb3J0YWwsIEFycm93IH0gZnJvbSAnQHJhZGl4LXVpL3JlYWN0LWRyb3Bkb3duLW1lbnUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBQb3BvdmVyQ29udGVudCA9IHN0eWxlZChDb250ZW50KWBcbiAgei1pbmRleDogOTk5OTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbmA7XG5cbmNvbnN0IExhbmd1YWdlQ2hvaWNlID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICA6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBBY3Rpdml0eUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxLjVweCBzb2xpZCBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgQWN0aXZlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMjBweCcsICcyNHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgTGFuZ3VhZ2VTZWxlY3RvciA9IDxUIGV4dGVuZHMgc3RyaW5nPih7IGxvY2FsZXMsIG9uU2VsZWN0LCBpbnZlcnRlZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFJvb3Q+XG4gICAgICA8VHJpZ2dlciBhc0NoaWxkPlxuICAgICAgICA8QnV0dG9uVjIgdmFyaWFudD1cIm91dGxpbmVcIiBzaGFwZT1cInBpbGxcIiBpbnZlcnRlZD17aW52ZXJ0ZWR9IGFyaWEtbGFiZWw9e3QoJ2Zvb3Rlci5zZWxlY3RMYW5ndWFnZScpfT5cbiAgICAgICAgICB7dChgbGFuZ3VhZ2VzLnByZWZpeENoYW5nZUxhbmd1YWdlYCl9IDxDaGV2cm9uRG93biAvPlxuICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgPC9UcmlnZ2VyPlxuICAgICAgPFBvcnRhbD5cbiAgICAgICAgPFBvcG92ZXJDb250ZW50IHNpZGVPZmZzZXQ9ezR9PlxuICAgICAgICAgIDxBcnJvdyBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoXG4gICAgICAgICAgICA8SXRlbSBhc0NoaWxkIGtleT17bG9jYWxlfT5cbiAgICAgICAgICAgICAgPExhbmd1YWdlQ2hvaWNlXG4gICAgICAgICAgICAgICAgcm9sZT1cImxpbmtcIlxuICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlfVxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dChgY2hhbmdlTGFuZ3VhZ2UuJHtsb2NhbGV9YCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QobG9jYWxlKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxBY3Rpdml0eUluZGljYXRvcj57aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlICYmIDxBY3RpdmVJbmRpY2F0b3IgLz59PC9BY3Rpdml0eUluZGljYXRvcj5cbiAgICAgICAgICAgICAgICA8VGV4dD57dChgbGFuZ3VhZ2VzLiR7bG9jYWxlfWApfTwvVGV4dD5cbiAgICAgICAgICAgICAgPC9MYW5ndWFnZUNob2ljZT5cbiAgICAgICAgICAgIDwvSXRlbT5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9Qb3BvdmVyQ29udGVudD5cbiAgICAgIDwvUG9ydGFsPlxuICAgIDwvUm9vdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExhbmd1YWdlU2VsZWN0b3I7XG4iXX0= */"));
+})("padding:", _core.spacing.small, " ", _core.spacing.normal, " ", _core.spacing.small, " ", _core.spacing.nsmall, ";justify-content:flex-start;gap:", _core.spacing.small, ";border:none;outline:none;:not(:last-of-type){border-bottom:1px solid ", _core.colors.brand.tertiary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCdUMiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBEcm9wZG93bk1lbnUsIERyb3Bkb3duVHJpZ2dlciwgRHJvcGRvd25Db250ZW50LCBEcm9wZG93bkl0ZW0gfSBmcm9tICdAbmRsYS9kcm9wZG93bi1tZW51JztcbmltcG9ydCB7IEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmludGVyZmFjZSBQcm9wczxUIGV4dGVuZHMgc3RyaW5nPiB7XG4gIGxvY2FsZXM6IFRbXTtcbiAgb25TZWxlY3Q6IChsb2NhbGU6IFQpID0+IHZvaWQ7XG4gIGludmVydGVkPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkRHJvcGRvd25Db250ZW50ID0gc3R5bGVkKERyb3Bkb3duQ29udGVudClgXG4gIGJvcmRlci1yYWRpdXM6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgW2RhdGEtYXJyb3ddIHtcbiAgICBmaWxsOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIH1cbmA7XG5cbmNvbnN0IExhbmd1YWdlQ2hvaWNlID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICA6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBBY3Rpdml0eUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxLjVweCBzb2xpZCBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgQWN0aXZlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMjBweCcsICcyNHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgTGFuZ3VhZ2VTZWxlY3RvciA9IDxUIGV4dGVuZHMgc3RyaW5nPih7IGxvY2FsZXMsIG9uU2VsZWN0LCBpbnZlcnRlZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duTWVudT5cbiAgICAgIDxEcm9wZG93blRyaWdnZXI+XG4gICAgICAgIDxCdXR0b25WMiB2YXJpYW50PVwib3V0bGluZVwiIHNoYXBlPVwicGlsbFwiIGludmVydGVkPXtpbnZlcnRlZH0gYXJpYS1sYWJlbD17dCgnZm9vdGVyLnNlbGVjdExhbmd1YWdlJyl9PlxuICAgICAgICAgIHt0KGBsYW5ndWFnZXMucHJlZml4Q2hhbmdlTGFuZ3VhZ2VgKX0gPENoZXZyb25Eb3duIC8+XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICA8L0Ryb3Bkb3duVHJpZ2dlcj5cbiAgICAgIDxTdHlsZWREcm9wZG93bkNvbnRlbnQgc2lkZU9mZnNldD17NH0gc2hvd0Fycm93PlxuICAgICAgICB7bG9jYWxlcy5tYXAoKGxvY2FsZSkgPT4gKFxuICAgICAgICAgIDxEcm9wZG93bkl0ZW0ga2V5PXtsb2NhbGV9PlxuICAgICAgICAgICAgPExhbmd1YWdlQ2hvaWNlXG4gICAgICAgICAgICAgIHJvbGU9XCJsaW5rXCJcbiAgICAgICAgICAgICAgYXJpYS1jdXJyZW50PXtpMThuLmxhbmd1YWdlID09PSBsb2NhbGV9XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgIHNoYXBlPVwic2hhcnBcIlxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KGBjaGFuZ2VMYW5ndWFnZS4ke2xvY2FsZX1gKX1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QobG9jYWxlKX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEFjdGl2aXR5SW5kaWNhdG9yPntpMThuLmxhbmd1YWdlID09PSBsb2NhbGUgJiYgPEFjdGl2ZUluZGljYXRvciAvPn08L0FjdGl2aXR5SW5kaWNhdG9yPlxuICAgICAgICAgICAgICA8VGV4dD57dChgbGFuZ3VhZ2VzLiR7bG9jYWxlfWApfTwvVGV4dD5cbiAgICAgICAgICAgIDwvTGFuZ3VhZ2VDaG9pY2U+XG4gICAgICAgICAgPC9Ecm9wZG93bkl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWREcm9wZG93bkNvbnRlbnQ+XG4gICAgPC9Ecm9wZG93bk1lbnU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMYW5ndWFnZVNlbGVjdG9yO1xuIl19 */"));
 var ActivityIndicator = /*#__PURE__*/(0, _base.default)("div", {
   target: "e11qxfkm2",
   label: "ActivityIndicator"
-})("width:", _core.spacing.normal, ";height:", _core.spacing.normal, ";border:1.5px solid currentColor;border-radius:100%;display:flex;align-items:center;justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDb0MiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBSb290LCBUcmlnZ2VyLCBJdGVtLCBDb250ZW50LCBQb3J0YWwsIEFycm93IH0gZnJvbSAnQHJhZGl4LXVpL3JlYWN0LWRyb3Bkb3duLW1lbnUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBQb3BvdmVyQ29udGVudCA9IHN0eWxlZChDb250ZW50KWBcbiAgei1pbmRleDogOTk5OTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbmA7XG5cbmNvbnN0IExhbmd1YWdlQ2hvaWNlID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICA6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBBY3Rpdml0eUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxLjVweCBzb2xpZCBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgQWN0aXZlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMjBweCcsICcyNHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgTGFuZ3VhZ2VTZWxlY3RvciA9IDxUIGV4dGVuZHMgc3RyaW5nPih7IGxvY2FsZXMsIG9uU2VsZWN0LCBpbnZlcnRlZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFJvb3Q+XG4gICAgICA8VHJpZ2dlciBhc0NoaWxkPlxuICAgICAgICA8QnV0dG9uVjIgdmFyaWFudD1cIm91dGxpbmVcIiBzaGFwZT1cInBpbGxcIiBpbnZlcnRlZD17aW52ZXJ0ZWR9IGFyaWEtbGFiZWw9e3QoJ2Zvb3Rlci5zZWxlY3RMYW5ndWFnZScpfT5cbiAgICAgICAgICB7dChgbGFuZ3VhZ2VzLnByZWZpeENoYW5nZUxhbmd1YWdlYCl9IDxDaGV2cm9uRG93biAvPlxuICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgPC9UcmlnZ2VyPlxuICAgICAgPFBvcnRhbD5cbiAgICAgICAgPFBvcG92ZXJDb250ZW50IHNpZGVPZmZzZXQ9ezR9PlxuICAgICAgICAgIDxBcnJvdyBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoXG4gICAgICAgICAgICA8SXRlbSBhc0NoaWxkIGtleT17bG9jYWxlfT5cbiAgICAgICAgICAgICAgPExhbmd1YWdlQ2hvaWNlXG4gICAgICAgICAgICAgICAgcm9sZT1cImxpbmtcIlxuICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlfVxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dChgY2hhbmdlTGFuZ3VhZ2UuJHtsb2NhbGV9YCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QobG9jYWxlKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxBY3Rpdml0eUluZGljYXRvcj57aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlICYmIDxBY3RpdmVJbmRpY2F0b3IgLz59PC9BY3Rpdml0eUluZGljYXRvcj5cbiAgICAgICAgICAgICAgICA8VGV4dD57dChgbGFuZ3VhZ2VzLiR7bG9jYWxlfWApfTwvVGV4dD5cbiAgICAgICAgICAgICAgPC9MYW5ndWFnZUNob2ljZT5cbiAgICAgICAgICAgIDwvSXRlbT5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9Qb3BvdmVyQ29udGVudD5cbiAgICAgIDwvUG9ydGFsPlxuICAgIDwvUm9vdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExhbmd1YWdlU2VsZWN0b3I7XG4iXX0= */"));
+})("width:", _core.spacing.normal, ";height:", _core.spacing.normal, ";border:1.5px solid currentColor;border-radius:100%;display:flex;align-items:center;justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDb0MiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBEcm9wZG93bk1lbnUsIERyb3Bkb3duVHJpZ2dlciwgRHJvcGRvd25Db250ZW50LCBEcm9wZG93bkl0ZW0gfSBmcm9tICdAbmRsYS9kcm9wZG93bi1tZW51JztcbmltcG9ydCB7IEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmludGVyZmFjZSBQcm9wczxUIGV4dGVuZHMgc3RyaW5nPiB7XG4gIGxvY2FsZXM6IFRbXTtcbiAgb25TZWxlY3Q6IChsb2NhbGU6IFQpID0+IHZvaWQ7XG4gIGludmVydGVkPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkRHJvcGRvd25Db250ZW50ID0gc3R5bGVkKERyb3Bkb3duQ29udGVudClgXG4gIGJvcmRlci1yYWRpdXM6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgW2RhdGEtYXJyb3ddIHtcbiAgICBmaWxsOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIH1cbmA7XG5cbmNvbnN0IExhbmd1YWdlQ2hvaWNlID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICA6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBBY3Rpdml0eUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxLjVweCBzb2xpZCBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgQWN0aXZlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMjBweCcsICcyNHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgTGFuZ3VhZ2VTZWxlY3RvciA9IDxUIGV4dGVuZHMgc3RyaW5nPih7IGxvY2FsZXMsIG9uU2VsZWN0LCBpbnZlcnRlZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duTWVudT5cbiAgICAgIDxEcm9wZG93blRyaWdnZXI+XG4gICAgICAgIDxCdXR0b25WMiB2YXJpYW50PVwib3V0bGluZVwiIHNoYXBlPVwicGlsbFwiIGludmVydGVkPXtpbnZlcnRlZH0gYXJpYS1sYWJlbD17dCgnZm9vdGVyLnNlbGVjdExhbmd1YWdlJyl9PlxuICAgICAgICAgIHt0KGBsYW5ndWFnZXMucHJlZml4Q2hhbmdlTGFuZ3VhZ2VgKX0gPENoZXZyb25Eb3duIC8+XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICA8L0Ryb3Bkb3duVHJpZ2dlcj5cbiAgICAgIDxTdHlsZWREcm9wZG93bkNvbnRlbnQgc2lkZU9mZnNldD17NH0gc2hvd0Fycm93PlxuICAgICAgICB7bG9jYWxlcy5tYXAoKGxvY2FsZSkgPT4gKFxuICAgICAgICAgIDxEcm9wZG93bkl0ZW0ga2V5PXtsb2NhbGV9PlxuICAgICAgICAgICAgPExhbmd1YWdlQ2hvaWNlXG4gICAgICAgICAgICAgIHJvbGU9XCJsaW5rXCJcbiAgICAgICAgICAgICAgYXJpYS1jdXJyZW50PXtpMThuLmxhbmd1YWdlID09PSBsb2NhbGV9XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgIHNoYXBlPVwic2hhcnBcIlxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KGBjaGFuZ2VMYW5ndWFnZS4ke2xvY2FsZX1gKX1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QobG9jYWxlKX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEFjdGl2aXR5SW5kaWNhdG9yPntpMThuLmxhbmd1YWdlID09PSBsb2NhbGUgJiYgPEFjdGl2ZUluZGljYXRvciAvPn08L0FjdGl2aXR5SW5kaWNhdG9yPlxuICAgICAgICAgICAgICA8VGV4dD57dChgbGFuZ3VhZ2VzLiR7bG9jYWxlfWApfTwvVGV4dD5cbiAgICAgICAgICAgIDwvTGFuZ3VhZ2VDaG9pY2U+XG4gICAgICAgICAgPC9Ecm9wZG93bkl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWREcm9wZG93bkNvbnRlbnQ+XG4gICAgPC9Ecm9wZG93bk1lbnU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMYW5ndWFnZVNlbGVjdG9yO1xuIl19 */"));
 var ActiveIndicator = /*#__PURE__*/(0, _base.default)("div", {
   target: "e11qxfkm1",
   label: "ActiveIndicator"
@@ -41,13 +41,13 @@ var ActiveIndicator = /*#__PURE__*/(0, _base.default)("div", {
 } : {
   name: "fq7ple",
   styles: "width:50%;height:50%;background-color:currentColor;border-radius:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNEa0MiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBSb290LCBUcmlnZ2VyLCBJdGVtLCBDb250ZW50LCBQb3J0YWwsIEFycm93IH0gZnJvbSAnQHJhZGl4LXVpL3JlYWN0LWRyb3Bkb3duLW1lbnUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBQb3BvdmVyQ29udGVudCA9IHN0eWxlZChDb250ZW50KWBcbiAgei1pbmRleDogOTk5OTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbmA7XG5cbmNvbnN0IExhbmd1YWdlQ2hvaWNlID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICA6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBBY3Rpdml0eUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxLjVweCBzb2xpZCBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgQWN0aXZlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMjBweCcsICcyNHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgTGFuZ3VhZ2VTZWxlY3RvciA9IDxUIGV4dGVuZHMgc3RyaW5nPih7IGxvY2FsZXMsIG9uU2VsZWN0LCBpbnZlcnRlZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFJvb3Q+XG4gICAgICA8VHJpZ2dlciBhc0NoaWxkPlxuICAgICAgICA8QnV0dG9uVjIgdmFyaWFudD1cIm91dGxpbmVcIiBzaGFwZT1cInBpbGxcIiBpbnZlcnRlZD17aW52ZXJ0ZWR9IGFyaWEtbGFiZWw9e3QoJ2Zvb3Rlci5zZWxlY3RMYW5ndWFnZScpfT5cbiAgICAgICAgICB7dChgbGFuZ3VhZ2VzLnByZWZpeENoYW5nZUxhbmd1YWdlYCl9IDxDaGV2cm9uRG93biAvPlxuICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgPC9UcmlnZ2VyPlxuICAgICAgPFBvcnRhbD5cbiAgICAgICAgPFBvcG92ZXJDb250ZW50IHNpZGVPZmZzZXQ9ezR9PlxuICAgICAgICAgIDxBcnJvdyBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoXG4gICAgICAgICAgICA8SXRlbSBhc0NoaWxkIGtleT17bG9jYWxlfT5cbiAgICAgICAgICAgICAgPExhbmd1YWdlQ2hvaWNlXG4gICAgICAgICAgICAgICAgcm9sZT1cImxpbmtcIlxuICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlfVxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dChgY2hhbmdlTGFuZ3VhZ2UuJHtsb2NhbGV9YCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QobG9jYWxlKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxBY3Rpdml0eUluZGljYXRvcj57aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlICYmIDxBY3RpdmVJbmRpY2F0b3IgLz59PC9BY3Rpdml0eUluZGljYXRvcj5cbiAgICAgICAgICAgICAgICA8VGV4dD57dChgbGFuZ3VhZ2VzLiR7bG9jYWxlfWApfTwvVGV4dD5cbiAgICAgICAgICAgICAgPC9MYW5ndWFnZUNob2ljZT5cbiAgICAgICAgICAgIDwvSXRlbT5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9Qb3BvdmVyQ29udGVudD5cbiAgICAgIDwvUG9ydGFsPlxuICAgIDwvUm9vdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExhbmd1YWdlU2VsZWN0b3I7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ea0MiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBEcm9wZG93bk1lbnUsIERyb3Bkb3duVHJpZ2dlciwgRHJvcGRvd25Db250ZW50LCBEcm9wZG93bkl0ZW0gfSBmcm9tICdAbmRsYS9kcm9wZG93bi1tZW51JztcbmltcG9ydCB7IEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmludGVyZmFjZSBQcm9wczxUIGV4dGVuZHMgc3RyaW5nPiB7XG4gIGxvY2FsZXM6IFRbXTtcbiAgb25TZWxlY3Q6IChsb2NhbGU6IFQpID0+IHZvaWQ7XG4gIGludmVydGVkPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkRHJvcGRvd25Db250ZW50ID0gc3R5bGVkKERyb3Bkb3duQ29udGVudClgXG4gIGJvcmRlci1yYWRpdXM6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgW2RhdGEtYXJyb3ddIHtcbiAgICBmaWxsOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIH1cbmA7XG5cbmNvbnN0IExhbmd1YWdlQ2hvaWNlID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICA6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBBY3Rpdml0eUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxLjVweCBzb2xpZCBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgQWN0aXZlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMjBweCcsICcyNHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgTGFuZ3VhZ2VTZWxlY3RvciA9IDxUIGV4dGVuZHMgc3RyaW5nPih7IGxvY2FsZXMsIG9uU2VsZWN0LCBpbnZlcnRlZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duTWVudT5cbiAgICAgIDxEcm9wZG93blRyaWdnZXI+XG4gICAgICAgIDxCdXR0b25WMiB2YXJpYW50PVwib3V0bGluZVwiIHNoYXBlPVwicGlsbFwiIGludmVydGVkPXtpbnZlcnRlZH0gYXJpYS1sYWJlbD17dCgnZm9vdGVyLnNlbGVjdExhbmd1YWdlJyl9PlxuICAgICAgICAgIHt0KGBsYW5ndWFnZXMucHJlZml4Q2hhbmdlTGFuZ3VhZ2VgKX0gPENoZXZyb25Eb3duIC8+XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICA8L0Ryb3Bkb3duVHJpZ2dlcj5cbiAgICAgIDxTdHlsZWREcm9wZG93bkNvbnRlbnQgc2lkZU9mZnNldD17NH0gc2hvd0Fycm93PlxuICAgICAgICB7bG9jYWxlcy5tYXAoKGxvY2FsZSkgPT4gKFxuICAgICAgICAgIDxEcm9wZG93bkl0ZW0ga2V5PXtsb2NhbGV9PlxuICAgICAgICAgICAgPExhbmd1YWdlQ2hvaWNlXG4gICAgICAgICAgICAgIHJvbGU9XCJsaW5rXCJcbiAgICAgICAgICAgICAgYXJpYS1jdXJyZW50PXtpMThuLmxhbmd1YWdlID09PSBsb2NhbGV9XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgIHNoYXBlPVwic2hhcnBcIlxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KGBjaGFuZ2VMYW5ndWFnZS4ke2xvY2FsZX1gKX1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QobG9jYWxlKX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEFjdGl2aXR5SW5kaWNhdG9yPntpMThuLmxhbmd1YWdlID09PSBsb2NhbGUgJiYgPEFjdGl2ZUluZGljYXRvciAvPn08L0FjdGl2aXR5SW5kaWNhdG9yPlxuICAgICAgICAgICAgICA8VGV4dD57dChgbGFuZ3VhZ2VzLiR7bG9jYWxlfWApfTwvVGV4dD5cbiAgICAgICAgICAgIDwvTGFuZ3VhZ2VDaG9pY2U+XG4gICAgICAgICAgPC9Ecm9wZG93bkl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWREcm9wZG93bkNvbnRlbnQ+XG4gICAgPC9Ecm9wZG93bk1lbnU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMYW5ndWFnZVNlbGVjdG9yO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var Text = /*#__PURE__*/(0, _base.default)("span", {
   target: "e11qxfkm0",
   label: "Text"
-})(_core.fonts.sizes('20px', '24px'), ";font-weight:", _core.fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEd0IiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBSb290LCBUcmlnZ2VyLCBJdGVtLCBDb250ZW50LCBQb3J0YWwsIEFycm93IH0gZnJvbSAnQHJhZGl4LXVpL3JlYWN0LWRyb3Bkb3duLW1lbnUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBQb3BvdmVyQ29udGVudCA9IHN0eWxlZChDb250ZW50KWBcbiAgei1pbmRleDogOTk5OTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbmA7XG5cbmNvbnN0IExhbmd1YWdlQ2hvaWNlID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICA6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBBY3Rpdml0eUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxLjVweCBzb2xpZCBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgQWN0aXZlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMjBweCcsICcyNHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgTGFuZ3VhZ2VTZWxlY3RvciA9IDxUIGV4dGVuZHMgc3RyaW5nPih7IGxvY2FsZXMsIG9uU2VsZWN0LCBpbnZlcnRlZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFJvb3Q+XG4gICAgICA8VHJpZ2dlciBhc0NoaWxkPlxuICAgICAgICA8QnV0dG9uVjIgdmFyaWFudD1cIm91dGxpbmVcIiBzaGFwZT1cInBpbGxcIiBpbnZlcnRlZD17aW52ZXJ0ZWR9IGFyaWEtbGFiZWw9e3QoJ2Zvb3Rlci5zZWxlY3RMYW5ndWFnZScpfT5cbiAgICAgICAgICB7dChgbGFuZ3VhZ2VzLnByZWZpeENoYW5nZUxhbmd1YWdlYCl9IDxDaGV2cm9uRG93biAvPlxuICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgPC9UcmlnZ2VyPlxuICAgICAgPFBvcnRhbD5cbiAgICAgICAgPFBvcG92ZXJDb250ZW50IHNpZGVPZmZzZXQ9ezR9PlxuICAgICAgICAgIDxBcnJvdyBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoXG4gICAgICAgICAgICA8SXRlbSBhc0NoaWxkIGtleT17bG9jYWxlfT5cbiAgICAgICAgICAgICAgPExhbmd1YWdlQ2hvaWNlXG4gICAgICAgICAgICAgICAgcm9sZT1cImxpbmtcIlxuICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlfVxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dChgY2hhbmdlTGFuZ3VhZ2UuJHtsb2NhbGV9YCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QobG9jYWxlKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxBY3Rpdml0eUluZGljYXRvcj57aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlICYmIDxBY3RpdmVJbmRpY2F0b3IgLz59PC9BY3Rpdml0eUluZGljYXRvcj5cbiAgICAgICAgICAgICAgICA8VGV4dD57dChgbGFuZ3VhZ2VzLiR7bG9jYWxlfWApfTwvVGV4dD5cbiAgICAgICAgICAgICAgPC9MYW5ndWFnZUNob2ljZT5cbiAgICAgICAgICAgIDwvSXRlbT5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9Qb3BvdmVyQ29udGVudD5cbiAgICAgIDwvUG9ydGFsPlxuICAgIDwvUm9vdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExhbmd1YWdlU2VsZWN0b3I7XG4iXX0= */"));
+})(_core.fonts.sizes('20px', '24px'), ";font-weight:", _core.fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEd0IiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBEcm9wZG93bk1lbnUsIERyb3Bkb3duVHJpZ2dlciwgRHJvcGRvd25Db250ZW50LCBEcm9wZG93bkl0ZW0gfSBmcm9tICdAbmRsYS9kcm9wZG93bi1tZW51JztcbmltcG9ydCB7IEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmludGVyZmFjZSBQcm9wczxUIGV4dGVuZHMgc3RyaW5nPiB7XG4gIGxvY2FsZXM6IFRbXTtcbiAgb25TZWxlY3Q6IChsb2NhbGU6IFQpID0+IHZvaWQ7XG4gIGludmVydGVkPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkRHJvcGRvd25Db250ZW50ID0gc3R5bGVkKERyb3Bkb3duQ29udGVudClgXG4gIGJvcmRlci1yYWRpdXM6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgW2RhdGEtYXJyb3ddIHtcbiAgICBmaWxsOiAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIH1cbmA7XG5cbmNvbnN0IExhbmd1YWdlQ2hvaWNlID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICA6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBBY3Rpdml0eUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxLjVweCBzb2xpZCBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgQWN0aXZlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMjBweCcsICcyNHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgTGFuZ3VhZ2VTZWxlY3RvciA9IDxUIGV4dGVuZHMgc3RyaW5nPih7IGxvY2FsZXMsIG9uU2VsZWN0LCBpbnZlcnRlZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duTWVudT5cbiAgICAgIDxEcm9wZG93blRyaWdnZXI+XG4gICAgICAgIDxCdXR0b25WMiB2YXJpYW50PVwib3V0bGluZVwiIHNoYXBlPVwicGlsbFwiIGludmVydGVkPXtpbnZlcnRlZH0gYXJpYS1sYWJlbD17dCgnZm9vdGVyLnNlbGVjdExhbmd1YWdlJyl9PlxuICAgICAgICAgIHt0KGBsYW5ndWFnZXMucHJlZml4Q2hhbmdlTGFuZ3VhZ2VgKX0gPENoZXZyb25Eb3duIC8+XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICA8L0Ryb3Bkb3duVHJpZ2dlcj5cbiAgICAgIDxTdHlsZWREcm9wZG93bkNvbnRlbnQgc2lkZU9mZnNldD17NH0gc2hvd0Fycm93PlxuICAgICAgICB7bG9jYWxlcy5tYXAoKGxvY2FsZSkgPT4gKFxuICAgICAgICAgIDxEcm9wZG93bkl0ZW0ga2V5PXtsb2NhbGV9PlxuICAgICAgICAgICAgPExhbmd1YWdlQ2hvaWNlXG4gICAgICAgICAgICAgIHJvbGU9XCJsaW5rXCJcbiAgICAgICAgICAgICAgYXJpYS1jdXJyZW50PXtpMThuLmxhbmd1YWdlID09PSBsb2NhbGV9XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgIHNoYXBlPVwic2hhcnBcIlxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KGBjaGFuZ2VMYW5ndWFnZS4ke2xvY2FsZX1gKX1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QobG9jYWxlKX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEFjdGl2aXR5SW5kaWNhdG9yPntpMThuLmxhbmd1YWdlID09PSBsb2NhbGUgJiYgPEFjdGl2ZUluZGljYXRvciAvPn08L0FjdGl2aXR5SW5kaWNhdG9yPlxuICAgICAgICAgICAgICA8VGV4dD57dChgbGFuZ3VhZ2VzLiR7bG9jYWxlfWApfTwvVGV4dD5cbiAgICAgICAgICAgIDwvTGFuZ3VhZ2VDaG9pY2U+XG4gICAgICAgICAgPC9Ecm9wZG93bkl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWREcm9wZG93bkNvbnRlbnQ+XG4gICAgPC9Ecm9wZG93bk1lbnU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMYW5ndWFnZVNlbGVjdG9yO1xuIl19 */"));
 var LanguageSelector = function LanguageSelector(_ref) {
   var locales = _ref.locales,
     onSelect = _ref.onSelect,
@@ -55,9 +55,8 @@ var LanguageSelector = function LanguageSelector(_ref) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
-  return (0, _jsxRuntime.jsxs)(_reactDropdownMenu.Root, {
-    children: [(0, _jsxRuntime.jsx)(_reactDropdownMenu.Trigger, {
-      asChild: true,
+  return (0, _jsxRuntime.jsxs)(_dropdownMenu.DropdownMenu, {
+    children: [(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownTrigger, {
       children: (0, _jsxRuntime.jsxs)(_button.ButtonV2, {
         variant: "outline",
         shape: "pill",
@@ -65,31 +64,27 @@ var LanguageSelector = function LanguageSelector(_ref) {
         "aria-label": t('footer.selectLanguage'),
         children: [t("languages.prefixChangeLanguage"), " ", (0, _jsxRuntime.jsx)(_common.ChevronDown, {})]
       })
-    }), (0, _jsxRuntime.jsx)(_reactDropdownMenu.Portal, {
-      children: (0, _jsxRuntime.jsxs)(PopoverContent, {
-        sideOffset: 4,
-        children: [(0, _jsxRuntime.jsx)(_reactDropdownMenu.Arrow, {
-          "aria-hidden": true
-        }), locales.map(function (locale) {
-          return (0, _jsxRuntime.jsx)(_reactDropdownMenu.Item, {
-            asChild: true,
-            children: (0, _jsxRuntime.jsxs)(LanguageChoice, {
-              role: "link",
-              "aria-current": i18n.language === locale,
-              variant: "ghost",
-              shape: "sharp",
-              "aria-label": t("changeLanguage.".concat(locale)),
-              onClick: function onClick() {
-                return onSelect(locale);
-              },
-              children: [(0, _jsxRuntime.jsx)(ActivityIndicator, {
-                children: i18n.language === locale && (0, _jsxRuntime.jsx)(ActiveIndicator, {})
-              }), (0, _jsxRuntime.jsx)(Text, {
-                children: t("languages.".concat(locale))
-              })]
-            })
-          }, locale);
-        })]
+    }), (0, _jsxRuntime.jsx)(StyledDropdownContent, {
+      sideOffset: 4,
+      showArrow: true,
+      children: locales.map(function (locale) {
+        return (0, _jsxRuntime.jsx)(_dropdownMenu.DropdownItem, {
+          children: (0, _jsxRuntime.jsxs)(LanguageChoice, {
+            role: "link",
+            "aria-current": i18n.language === locale,
+            variant: "ghost",
+            shape: "sharp",
+            "aria-label": t("changeLanguage.".concat(locale)),
+            onClick: function onClick() {
+              return onSelect(locale);
+            },
+            children: [(0, _jsxRuntime.jsx)(ActivityIndicator, {
+              children: i18n.language === locale && (0, _jsxRuntime.jsx)(ActiveIndicator, {})
+            }), (0, _jsxRuntime.jsx)(Text, {
+              children: t("languages.".concat(locale))
+            })]
+          })
+        }, locale);
       })
     })]
   });

package/lib/LearningPaths/LearningPathMenuModalWrapper.js

@@ -1,11 +1,12 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _core = require("@ndla/core");
 var _modal = require("@ndla/modal");
 var _react2 = require("@emotion/react");
@@ -13,53 +14,64 @@ var _button = require("@ndla/button");
 var _contentType = require("@ndla/icons/contentType");
 var _reactI18next = require("react-i18next");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * Copyright (c) 2019-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
+                                                                       * Copyright (c) 2019-present, NDLA.
+                                                                       *
+                                                                       * This source code is licensed under the GPLv3 license found in the
+                                                                       * LICENSE file in the root directory of this source tree.
+                                                                       *
+                                                                       */
 var buttonToggleCss = /*#__PURE__*/(0, _react2.css)(_core.mq.range({
   from: _core.breakpoints.tablet
-}), "{display:none;}margin-right:auto;margin-left:", _core.spacing.normal, ";z-index:100;svg{width:20px;height:20px;margin-right:", _core.spacing.xsmall, ";transform:translateY(-2px);};label:buttonToggleCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aE1lbnVNb2RhbFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMkIiLCJmaWxlIjoiTGVhcm5pbmdQYXRoTWVudU1vZGFsV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxIZWFkZXIsIE1vZGFsQm9keSwgTW9kYWxDbG9zZUJ1dHRvbiwgTW9kYWwgfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBMZWFybmluZ1BhdGggfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBidXR0b25Ub2dnbGVDc3MgPSBjc3NgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB6LWluZGV4OiAxMDA7XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0ycHgpO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRNb2RhbCA9IHN0eWxlZChNb2RhbClgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG5gO1xuXG50eXBlIE1vZGFsV3JhcHBlclByb3BzID0ge1xuICBpbm5lcldpZHRoOiBudW1iZXI7XG4gIGNoaWxkcmVuOiAoYXJnOiBWb2lkRnVuY3Rpb24pID0+IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IE1vZGFsV3JhcHBlckNvbXBvbmVudCA9ICh7IGlubmVyV2lkdGgsIGNoaWxkcmVuIH06IE1vZGFsV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgaWYgKGlubmVyV2lkdGggPCA2MDEpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZE1vZGFsXG4gICAgICAgIGFuaW1hdGlvbkR1cmF0aW9uPXsyMDB9XG4gICAgICAgIHNpemU9XCJmdWxsXCJcbiAgICAgICAgYWN0aXZhdGVCdXR0b249e1xuICAgICAgICAgIDxCdXR0b25WMiBjc3M9e2J1dHRvblRvZ2dsZUNzc30+XG4gICAgICAgICAgICA8TGVhcm5pbmdQYXRoIC8+XG4gICAgICAgICAgICA8c3Bhbj57dCgnbGVhcm5pbmdQYXRoLm9wZW5NZW51VG9vbHRpcCcpfTwvc3Bhbj5cbiAgICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIHsoY2xvc2VNb2RhbDogVm9pZEZ1bmN0aW9uKSA9PiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxNb2RhbEhlYWRlcj5cbiAgICAgICAgICAgICAgPE1vZGFsQ2xvc2VCdXR0b24gdGl0bGU9e3QoJ21vZGFsLmNsb3NlTW9kYWwnKX0gb25DbGljaz17Y2xvc2VNb2RhbH0gLz5cbiAgICAgICAgICAgIDwvTW9kYWxIZWFkZXI+XG4gICAgICAgICAgICA8TW9kYWxCb2R5PntjaGlsZHJlbihjbG9zZU1vZGFsKX08L01vZGFsQm9keT5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkTW9kYWw+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gPD57Y2hpbGRyZW4oKCkgPT4ge30pfTwvPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsV3JhcHBlckNvbXBvbmVudDtcbiJdfQ== */"));
-var StyledModal = /*#__PURE__*/(0, _base.default)(_modal.Modal, {
+}), "{display:none;}margin-right:auto;margin-left:", _core.spacing.normal, ";z-index:100;svg{width:20px;height:20px;margin-right:", _core.spacing.xsmall, ";transform:translateY(-2px);};label:buttonToggleCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aE1lbnVNb2RhbFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMkIiLCJmaWxlIjoiTGVhcm5pbmdQYXRoTWVudU1vZGFsV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBNb2RhbEhlYWRlciwgTW9kYWxCb2R5LCBNb2RhbFRyaWdnZXIsIE1vZGFsQ2xvc2VCdXR0b24sIE1vZGFsLCBNb2RhbENvbnRlbnQgfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBMZWFybmluZ1BhdGggfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBidXR0b25Ub2dnbGVDc3MgPSBjc3NgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB6LWluZGV4OiAxMDA7XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0ycHgpO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRNb2RhbENvbnRlbnQgPSBzdHlsZWQoTW9kYWxDb250ZW50KWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbmA7XG5cbnR5cGUgTW9kYWxXcmFwcGVyUHJvcHMgPSB7XG4gIGlubmVyV2lkdGg6IG51bWJlcjtcbiAgY2hpbGRyZW46IChhcmc6IFZvaWRGdW5jdGlvbikgPT4gUmVhY3ROb2RlO1xufTtcblxuY29uc3QgTW9kYWxXcmFwcGVyQ29tcG9uZW50ID0gKHsgaW5uZXJXaWR0aCwgY2hpbGRyZW4gfTogTW9kYWxXcmFwcGVyUHJvcHMpID0+IHtcbiAgY29uc3QgW29wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICBjb25zdCBvbkNsb3NlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldElzT3BlbihmYWxzZSk7XG4gIH0sIFtdKTtcblxuICBpZiAoaW5uZXJXaWR0aCA8IDYwMSkge1xuICAgIHJldHVybiAoXG4gICAgICA8TW9kYWwgb3Blbj17b3Blbn0gb25PcGVuQ2hhbmdlPXtzZXRJc09wZW59PlxuICAgICAgICA8TW9kYWxUcmlnZ2VyPlxuICAgICAgICAgIDxCdXR0b25WMiBjc3M9e2J1dHRvblRvZ2dsZUNzc30+XG4gICAgICAgICAgICA8TGVhcm5pbmdQYXRoIC8+XG4gICAgICAgICAgICA8c3Bhbj57dCgnbGVhcm5pbmdQYXRoLm9wZW5NZW51VG9vbHRpcCcpfTwvc3Bhbj5cbiAgICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgICA8L01vZGFsVHJpZ2dlcj5cbiAgICAgICAgPFN0eWxlZE1vZGFsQ29udGVudCBhbmltYXRpb25EdXJhdGlvbj17MjAwfSBzaXplPVwiZnVsbFwiPlxuICAgICAgICAgIDxNb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIC8+XG4gICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICA8TW9kYWxCb2R5PntjaGlsZHJlbihvbkNsb3NlKX08L01vZGFsQm9keT5cbiAgICAgICAgPC9TdHlsZWRNb2RhbENvbnRlbnQ+XG4gICAgICA8L01vZGFsPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIDw+e2NoaWxkcmVuKCgpID0+IHt9KX08Lz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBNb2RhbFdyYXBwZXJDb21wb25lbnQ7XG4iXX0= */"));
+var StyledModalContent = /*#__PURE__*/(0, _base.default)(_modal.ModalContent, {
   target: "e7h3tj80",
-  label: "StyledModal"
-})("background-color:", _core.colors.brand.greyLightest, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aE1lbnVNb2RhbFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDaUMiLCJmaWxlIjoiTGVhcm5pbmdQYXRoTWVudU1vZGFsV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxIZWFkZXIsIE1vZGFsQm9keSwgTW9kYWxDbG9zZUJ1dHRvbiwgTW9kYWwgfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBMZWFybmluZ1BhdGggfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBidXR0b25Ub2dnbGVDc3MgPSBjc3NgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB6LWluZGV4OiAxMDA7XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0ycHgpO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRNb2RhbCA9IHN0eWxlZChNb2RhbClgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG5gO1xuXG50eXBlIE1vZGFsV3JhcHBlclByb3BzID0ge1xuICBpbm5lcldpZHRoOiBudW1iZXI7XG4gIGNoaWxkcmVuOiAoYXJnOiBWb2lkRnVuY3Rpb24pID0+IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IE1vZGFsV3JhcHBlckNvbXBvbmVudCA9ICh7IGlubmVyV2lkdGgsIGNoaWxkcmVuIH06IE1vZGFsV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgaWYgKGlubmVyV2lkdGggPCA2MDEpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZE1vZGFsXG4gICAgICAgIGFuaW1hdGlvbkR1cmF0aW9uPXsyMDB9XG4gICAgICAgIHNpemU9XCJmdWxsXCJcbiAgICAgICAgYWN0aXZhdGVCdXR0b249e1xuICAgICAgICAgIDxCdXR0b25WMiBjc3M9e2J1dHRvblRvZ2dsZUNzc30+XG4gICAgICAgICAgICA8TGVhcm5pbmdQYXRoIC8+XG4gICAgICAgICAgICA8c3Bhbj57dCgnbGVhcm5pbmdQYXRoLm9wZW5NZW51VG9vbHRpcCcpfTwvc3Bhbj5cbiAgICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIHsoY2xvc2VNb2RhbDogVm9pZEZ1bmN0aW9uKSA9PiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxNb2RhbEhlYWRlcj5cbiAgICAgICAgICAgICAgPE1vZGFsQ2xvc2VCdXR0b24gdGl0bGU9e3QoJ21vZGFsLmNsb3NlTW9kYWwnKX0gb25DbGljaz17Y2xvc2VNb2RhbH0gLz5cbiAgICAgICAgICAgIDwvTW9kYWxIZWFkZXI+XG4gICAgICAgICAgICA8TW9kYWxCb2R5PntjaGlsZHJlbihjbG9zZU1vZGFsKX08L01vZGFsQm9keT5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkTW9kYWw+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gPD57Y2hpbGRyZW4oKCkgPT4ge30pfTwvPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsV3JhcHBlckNvbXBvbmVudDtcbiJdfQ== */"));
+  label: "StyledModalContent"
+})("background-color:", _core.colors.brand.greyLightest, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aE1lbnVNb2RhbFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDK0MiLCJmaWxlIjoiTGVhcm5pbmdQYXRoTWVudU1vZGFsV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBNb2RhbEhlYWRlciwgTW9kYWxCb2R5LCBNb2RhbFRyaWdnZXIsIE1vZGFsQ2xvc2VCdXR0b24sIE1vZGFsLCBNb2RhbENvbnRlbnQgfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBMZWFybmluZ1BhdGggfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBidXR0b25Ub2dnbGVDc3MgPSBjc3NgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB6LWluZGV4OiAxMDA7XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0ycHgpO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRNb2RhbENvbnRlbnQgPSBzdHlsZWQoTW9kYWxDb250ZW50KWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbmA7XG5cbnR5cGUgTW9kYWxXcmFwcGVyUHJvcHMgPSB7XG4gIGlubmVyV2lkdGg6IG51bWJlcjtcbiAgY2hpbGRyZW46IChhcmc6IFZvaWRGdW5jdGlvbikgPT4gUmVhY3ROb2RlO1xufTtcblxuY29uc3QgTW9kYWxXcmFwcGVyQ29tcG9uZW50ID0gKHsgaW5uZXJXaWR0aCwgY2hpbGRyZW4gfTogTW9kYWxXcmFwcGVyUHJvcHMpID0+IHtcbiAgY29uc3QgW29wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICBjb25zdCBvbkNsb3NlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldElzT3BlbihmYWxzZSk7XG4gIH0sIFtdKTtcblxuICBpZiAoaW5uZXJXaWR0aCA8IDYwMSkge1xuICAgIHJldHVybiAoXG4gICAgICA8TW9kYWwgb3Blbj17b3Blbn0gb25PcGVuQ2hhbmdlPXtzZXRJc09wZW59PlxuICAgICAgICA8TW9kYWxUcmlnZ2VyPlxuICAgICAgICAgIDxCdXR0b25WMiBjc3M9e2J1dHRvblRvZ2dsZUNzc30+XG4gICAgICAgICAgICA8TGVhcm5pbmdQYXRoIC8+XG4gICAgICAgICAgICA8c3Bhbj57dCgnbGVhcm5pbmdQYXRoLm9wZW5NZW51VG9vbHRpcCcpfTwvc3Bhbj5cbiAgICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgICA8L01vZGFsVHJpZ2dlcj5cbiAgICAgICAgPFN0eWxlZE1vZGFsQ29udGVudCBhbmltYXRpb25EdXJhdGlvbj17MjAwfSBzaXplPVwiZnVsbFwiPlxuICAgICAgICAgIDxNb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIC8+XG4gICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICA8TW9kYWxCb2R5PntjaGlsZHJlbihvbkNsb3NlKX08L01vZGFsQm9keT5cbiAgICAgICAgPC9TdHlsZWRNb2RhbENvbnRlbnQ+XG4gICAgICA8L01vZGFsPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIDw+e2NoaWxkcmVuKCgpID0+IHt9KX08Lz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBNb2RhbFdyYXBwZXJDb21wb25lbnQ7XG4iXX0= */"));
 var ModalWrapperComponent = function ModalWrapperComponent(_ref) {
   var innerWidth = _ref.innerWidth,
-    _children = _ref.children;
+    children = _ref.children;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setIsOpen = _useState2[1];
   var _useTranslation = (0, _reactI18next.useTranslation)(),
     t = _useTranslation.t;
+  var onClose = (0, _react.useCallback)(function () {
+    setIsOpen(false);
+  }, []);
   if (innerWidth < 601) {
-    return (0, _jsxRuntime.jsx)(StyledModal, {
-      animationDuration: 200,
-      size: "full",
-      activateButton: (0, _jsxRuntime.jsxs)(_button.ButtonV2, {
-        css: buttonToggleCss,
-        children: [(0, _jsxRuntime.jsx)(_contentType.LearningPath, {}), (0, _jsxRuntime.jsx)("span", {
-          children: t('learningPath.openMenuTooltip')
-        })]
-      }),
-      children: function children(closeModal) {
-        return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [(0, _jsxRuntime.jsx)(_modal.ModalHeader, {
-            children: (0, _jsxRuntime.jsx)(_modal.ModalCloseButton, {
-              title: t('modal.closeModal'),
-              onClick: closeModal
-            })
-          }), (0, _jsxRuntime.jsx)(_modal.ModalBody, {
-            children: _children(closeModal)
+    return (0, _jsxRuntime.jsxs)(_modal.Modal, {
+      open: open,
+      onOpenChange: setIsOpen,
+      children: [(0, _jsxRuntime.jsx)(_modal.ModalTrigger, {
+        children: (0, _jsxRuntime.jsxs)(_button.ButtonV2, {
+          css: buttonToggleCss,
+          children: [(0, _jsxRuntime.jsx)(_contentType.LearningPath, {}), (0, _jsxRuntime.jsx)("span", {
+            children: t('learningPath.openMenuTooltip')
           })]
-        });
-      }
+        })
+      }), (0, _jsxRuntime.jsxs)(StyledModalContent, {
+        animationDuration: 200,
+        size: "full",
+        children: [(0, _jsxRuntime.jsx)(_modal.ModalHeader, {
+          children: (0, _jsxRuntime.jsx)(_modal.ModalCloseButton, {})
+        }), (0, _jsxRuntime.jsx)(_modal.ModalBody, {
+          children: children(onClose)
+        })]
+      })]
     });
   }
   return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: _children(function () {})
+    children: children(function () {})
   });
 };
 var _default = ModalWrapperComponent;