@ndla/ui 42.1.2 → 43.0.1

package/es/Filter/FilterListPhone.js

@@ -22,9 +22,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * FRI OG BEGRENSET
  */
 
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { ChevronDown, ChevronUp } from '@ndla/icons/common';
-import { ModalHeader, ModalBody, ModalCloseButton, Modal } from '@ndla/modal';
+import { ModalHeader, ModalBody, ModalCloseButton, Modal, ModalTrigger, ModalContent } from '@ndla/modal';
 import { ButtonV2 } from '@ndla/button';
 import debounce from 'lodash/debounce';
 import { classes } from './filterClasses';
@@ -61,12 +61,16 @@ var FilterListPhone = function FilterListPhone(_ref) {
     showActiveFiltersOnSmallScreen = _ref.showActiveFiltersOnSmallScreen;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    isNarrowScreen = _useState2[0],
-    setIsNarrowScreen = _useState2[1];
-  var _useState3 = useState(defaultVisibleCount),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    visibleCount = _useState4[0],
-    setVisibleCount = _useState4[1];
+    isNarrowScreen = _useState4[0],
+    setIsNarrowScreen = _useState4[1];
+  var _useState5 = useState(defaultVisibleCount),
+    _useState6 = _slicedToArray(_useState5, 2),
+    visibleCount = _useState6[0],
+    setVisibleCount = _useState6[1];
   useEffect(function () {
     setScreenSize(true);
     var debounced = debounce(function () {
@@ -89,6 +93,9 @@ var FilterListPhone = function FilterListPhone(_ref) {
     /* eslint react/no-did-mount-set-state: 1 */
   };
 
+  var onClose = useCallback(function () {
+    setOpen(false);
+  }, []);
   var handleChange = function handleChange(event, option) {
     var newValues = null;
     if (event.currentTarget.checked) {
@@ -129,74 +136,74 @@ var FilterListPhone = function FilterListPhone(_ref) {
             return option !== value;
           }), value);
         }
-      }), _jsx(Modal, {
-        size: "full",
-        activateButton: _jsx(ButtonV2, _objectSpread(_objectSpread({
-          variant: "outline"
-        }, classes('modal-button')), {}, {
-          children: messages.openFilter
-        })),
-        children: function children(onClose) {
-          return _jsxs(_Fragment, {
-            children: [_jsx(ModalHeader, {
-              children: _jsxs("div", _objectSpread(_objectSpread({}, classes('modal-header')), {}, {
-                children: [_jsxs("div", _objectSpread(_objectSpread({}, classes('modal-heading')), {}, {
-                  children: [!isNarrowScreen && label && _jsx("h1", _objectSpread(_objectSpread({}, classes('label')), {}, {
-                    children: label
-                  })), _jsx(ButtonV2, {
-                    variant: "outline",
-                    onClick: onClose,
-                    children: messages.useFilter
-                  })]
-                })), _jsx(ModalCloseButton, {
-                  title: messages.closeFilter,
-                  onClick: onClose
-                })]
-              }))
-            }), _jsxs(ModalBody, {
-              modifier: "no-side-padding-mobile",
-              children: [isNarrowScreen && label && _jsx("h1", _objectSpread(_objectSpread({}, classes('label')), {}, {
-                children: label
-              })), groupedOptions.map(function (options, index) {
-                return _jsx("ul", _objectSpread(_objectSpread({}, 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 _jsx(ToggleItem, {
-                      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);
-              }), _jsx("div", _objectSpread(_objectSpread({}, classes('usefilter-wrapper')), {}, {
-                children: _jsx(ButtonV2, {
+      }), _jsxs(Modal, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [_jsx(ModalTrigger, {
+          children: _jsx(ButtonV2, _objectSpread(_objectSpread({
+            variant: "outline"
+          }, classes('modal-button')), {}, {
+            children: messages.openFilter
+          }))
+        }), _jsxs(ModalContent, {
+          size: "full",
+          children: [_jsx(ModalHeader, {
+            children: _jsxs("div", _objectSpread(_objectSpread({}, classes('modal-header')), {}, {
+              children: [_jsxs("div", _objectSpread(_objectSpread({}, classes('modal-heading')), {}, {
+                children: [!isNarrowScreen && label && _jsx("h1", _objectSpread(_objectSpread({}, classes('label')), {}, {
+                  children: label
+                })), _jsx(ButtonV2, {
                   variant: "outline",
                   onClick: onClose,
                   children: messages.useFilter
+                })]
+              })), _jsx(ModalCloseButton, {
+                title: messages.closeFilter
+              })]
+            }))
+          }), _jsxs(ModalBody, {
+            modifier: "no-side-padding-mobile",
+            children: [isNarrowScreen && label && _jsx("h1", _objectSpread(_objectSpread({}, classes('label')), {}, {
+              children: label
+            })), groupedOptions.map(function (options, index) {
+              return _jsx("ul", _objectSpread(_objectSpread({}, 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 _jsx(ToggleItem, {
+                    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);
+            }), _jsx("div", _objectSpread(_objectSpread({}, classes('usefilter-wrapper')), {}, {
+              children: _jsx(ButtonV2, {
+                variant: "outline",
+                onClick: onClose,
+                children: messages.useFilter
+              })
+            }))]
+          })]
+        })]
       })]
     });
   }

package/es/LanguageSelector/LanguageSelector.js

@@ -9,25 +9,25 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 
 import React from 'react';
-import { Root, Trigger, Item, Content, Portal, Arrow } from '@radix-ui/react-dropdown-menu';
+import { DropdownMenu, DropdownTrigger, DropdownContent, DropdownItem } from '@ndla/dropdown-menu';
 import { ButtonV2 } from '@ndla/button';
 import { useTranslation } from 'react-i18next';
 import { ChevronDown } from '@ndla/icons/common';
 import { colors, fonts, spacing } from '@ndla/core';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-var PopoverContent = /*#__PURE__*/_styled(Content, {
+var StyledDropdownContent = /*#__PURE__*/_styled(DropdownContent, {
   target: "e11qxfkm4",
-  label: "PopoverContent"
-})("z-index:9999;display:flex;flex-direction:column;overflow:hidden;background-color:", colors.white, ";border-radius:", spacing.small, ";border:1px solid ", colors.brand.tertiary, ";fill:", colors.brand.tertiary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCc0MiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBSb290LCBUcmlnZ2VyLCBJdGVtLCBDb250ZW50LCBQb3J0YWwsIEFycm93IH0gZnJvbSAnQHJhZGl4LXVpL3JlYWN0LWRyb3Bkb3duLW1lbnUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBQb3BvdmVyQ29udGVudCA9IHN0eWxlZChDb250ZW50KWBcbiAgei1pbmRleDogOTk5OTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbmA7XG5cbmNvbnN0IExhbmd1YWdlQ2hvaWNlID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICA6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBBY3Rpdml0eUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxLjVweCBzb2xpZCBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgQWN0aXZlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMjBweCcsICcyNHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgTGFuZ3VhZ2VTZWxlY3RvciA9IDxUIGV4dGVuZHMgc3RyaW5nPih7IGxvY2FsZXMsIG9uU2VsZWN0LCBpbnZlcnRlZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFJvb3Q+XG4gICAgICA8VHJpZ2dlciBhc0NoaWxkPlxuICAgICAgICA8QnV0dG9uVjIgdmFyaWFudD1cIm91dGxpbmVcIiBzaGFwZT1cInBpbGxcIiBpbnZlcnRlZD17aW52ZXJ0ZWR9IGFyaWEtbGFiZWw9e3QoJ2Zvb3Rlci5zZWxlY3RMYW5ndWFnZScpfT5cbiAgICAgICAgICB7dChgbGFuZ3VhZ2VzLnByZWZpeENoYW5nZUxhbmd1YWdlYCl9IDxDaGV2cm9uRG93biAvPlxuICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgPC9UcmlnZ2VyPlxuICAgICAgPFBvcnRhbD5cbiAgICAgICAgPFBvcG92ZXJDb250ZW50IHNpZGVPZmZzZXQ9ezR9PlxuICAgICAgICAgIDxBcnJvdyBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoXG4gICAgICAgICAgICA8SXRlbSBhc0NoaWxkIGtleT17bG9jYWxlfT5cbiAgICAgICAgICAgICAgPExhbmd1YWdlQ2hvaWNlXG4gICAgICAgICAgICAgICAgcm9sZT1cImxpbmtcIlxuICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlfVxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dChgY2hhbmdlTGFuZ3VhZ2UuJHtsb2NhbGV9YCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QobG9jYWxlKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxBY3Rpdml0eUluZGljYXRvcj57aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlICYmIDxBY3RpdmVJbmRpY2F0b3IgLz59PC9BY3Rpdml0eUluZGljYXRvcj5cbiAgICAgICAgICAgICAgICA8VGV4dD57dChgbGFuZ3VhZ2VzLiR7bG9jYWxlfWApfTwvVGV4dD5cbiAgICAgICAgICAgICAgPC9MYW5ndWFnZUNob2ljZT5cbiAgICAgICAgICAgIDwvSXRlbT5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9Qb3BvdmVyQ29udGVudD5cbiAgICAgIDwvUG9ydGFsPlxuICAgIDwvUm9vdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExhbmd1YWdlU2VsZWN0b3I7XG4iXX0= */"));
+  label: "StyledDropdownContent"
+})("border-radius:", spacing.small, ";border:1px solid ", colors.brand.tertiary, ";[data-arrow]{fill:", 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__*/_styled(ButtonV2, {
   target: "e11qxfkm3",
   label: "LanguageChoice"
-})("padding:", spacing.small, " ", spacing.normal, " ", spacing.small, " ", spacing.nsmall, ";justify-content:flex-start;gap:", spacing.small, ";border:none;outline:none;:not(:last-of-type){border-bottom:1px solid ", colors.brand.tertiary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDdUMiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBSb290LCBUcmlnZ2VyLCBJdGVtLCBDb250ZW50LCBQb3J0YWwsIEFycm93IH0gZnJvbSAnQHJhZGl4LXVpL3JlYWN0LWRyb3Bkb3duLW1lbnUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBQb3BvdmVyQ29udGVudCA9IHN0eWxlZChDb250ZW50KWBcbiAgei1pbmRleDogOTk5OTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbmA7XG5cbmNvbnN0IExhbmd1YWdlQ2hvaWNlID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICA6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBBY3Rpdml0eUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxLjVweCBzb2xpZCBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgQWN0aXZlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMjBweCcsICcyNHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgTGFuZ3VhZ2VTZWxlY3RvciA9IDxUIGV4dGVuZHMgc3RyaW5nPih7IGxvY2FsZXMsIG9uU2VsZWN0LCBpbnZlcnRlZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFJvb3Q+XG4gICAgICA8VHJpZ2dlciBhc0NoaWxkPlxuICAgICAgICA8QnV0dG9uVjIgdmFyaWFudD1cIm91dGxpbmVcIiBzaGFwZT1cInBpbGxcIiBpbnZlcnRlZD17aW52ZXJ0ZWR9IGFyaWEtbGFiZWw9e3QoJ2Zvb3Rlci5zZWxlY3RMYW5ndWFnZScpfT5cbiAgICAgICAgICB7dChgbGFuZ3VhZ2VzLnByZWZpeENoYW5nZUxhbmd1YWdlYCl9IDxDaGV2cm9uRG93biAvPlxuICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgPC9UcmlnZ2VyPlxuICAgICAgPFBvcnRhbD5cbiAgICAgICAgPFBvcG92ZXJDb250ZW50IHNpZGVPZmZzZXQ9ezR9PlxuICAgICAgICAgIDxBcnJvdyBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoXG4gICAgICAgICAgICA8SXRlbSBhc0NoaWxkIGtleT17bG9jYWxlfT5cbiAgICAgICAgICAgICAgPExhbmd1YWdlQ2hvaWNlXG4gICAgICAgICAgICAgICAgcm9sZT1cImxpbmtcIlxuICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlfVxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dChgY2hhbmdlTGFuZ3VhZ2UuJHtsb2NhbGV9YCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QobG9jYWxlKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxBY3Rpdml0eUluZGljYXRvcj57aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlICYmIDxBY3RpdmVJbmRpY2F0b3IgLz59PC9BY3Rpdml0eUluZGljYXRvcj5cbiAgICAgICAgICAgICAgICA8VGV4dD57dChgbGFuZ3VhZ2VzLiR7bG9jYWxlfWApfTwvVGV4dD5cbiAgICAgICAgICAgICAgPC9MYW5ndWFnZUNob2ljZT5cbiAgICAgICAgICAgIDwvSXRlbT5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9Qb3BvdmVyQ29udGVudD5cbiAgICAgIDwvUG9ydGFsPlxuICAgIDwvUm9vdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExhbmd1YWdlU2VsZWN0b3I7XG4iXX0= */"));
+})("padding:", spacing.small, " ", spacing.normal, " ", spacing.small, " ", spacing.nsmall, ";justify-content:flex-start;gap:", spacing.small, ";border:none;outline:none;:not(:last-of-type){border-bottom:1px solid ", 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__*/_styled("div", {
   target: "e11qxfkm2",
   label: "ActivityIndicator"
-})("width:", spacing.normal, ";height:", 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:", spacing.normal, ";height:", 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__*/_styled("div", {
   target: "e11qxfkm1",
   label: "ActiveIndicator"
@@ -37,13 +37,13 @@ var ActiveIndicator = /*#__PURE__*/_styled("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__*/_styled("span", {
   target: "e11qxfkm0",
   label: "Text"
-})(fonts.sizes('20px', '24px'), ";font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEd0IiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBSb290LCBUcmlnZ2VyLCBJdGVtLCBDb250ZW50LCBQb3J0YWwsIEFycm93IH0gZnJvbSAnQHJhZGl4LXVpL3JlYWN0LWRyb3Bkb3duLW1lbnUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBQb3BvdmVyQ29udGVudCA9IHN0eWxlZChDb250ZW50KWBcbiAgei1pbmRleDogOTk5OTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbmA7XG5cbmNvbnN0IExhbmd1YWdlQ2hvaWNlID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5uc21hbGx9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICA6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBBY3Rpdml0eUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxLjVweCBzb2xpZCBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgQWN0aXZlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMjBweCcsICcyNHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgTGFuZ3VhZ2VTZWxlY3RvciA9IDxUIGV4dGVuZHMgc3RyaW5nPih7IGxvY2FsZXMsIG9uU2VsZWN0LCBpbnZlcnRlZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFJvb3Q+XG4gICAgICA8VHJpZ2dlciBhc0NoaWxkPlxuICAgICAgICA8QnV0dG9uVjIgdmFyaWFudD1cIm91dGxpbmVcIiBzaGFwZT1cInBpbGxcIiBpbnZlcnRlZD17aW52ZXJ0ZWR9IGFyaWEtbGFiZWw9e3QoJ2Zvb3Rlci5zZWxlY3RMYW5ndWFnZScpfT5cbiAgICAgICAgICB7dChgbGFuZ3VhZ2VzLnByZWZpeENoYW5nZUxhbmd1YWdlYCl9IDxDaGV2cm9uRG93biAvPlxuICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgPC9UcmlnZ2VyPlxuICAgICAgPFBvcnRhbD5cbiAgICAgICAgPFBvcG92ZXJDb250ZW50IHNpZGVPZmZzZXQ9ezR9PlxuICAgICAgICAgIDxBcnJvdyBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoXG4gICAgICAgICAgICA8SXRlbSBhc0NoaWxkIGtleT17bG9jYWxlfT5cbiAgICAgICAgICAgICAgPExhbmd1YWdlQ2hvaWNlXG4gICAgICAgICAgICAgICAgcm9sZT1cImxpbmtcIlxuICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlfVxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dChgY2hhbmdlTGFuZ3VhZ2UuJHtsb2NhbGV9YCl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3QobG9jYWxlKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxBY3Rpdml0eUluZGljYXRvcj57aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlICYmIDxBY3RpdmVJbmRpY2F0b3IgLz59PC9BY3Rpdml0eUluZGljYXRvcj5cbiAgICAgICAgICAgICAgICA8VGV4dD57dChgbGFuZ3VhZ2VzLiR7bG9jYWxlfWApfTwvVGV4dD5cbiAgICAgICAgICAgICAgPC9MYW5ndWFnZUNob2ljZT5cbiAgICAgICAgICAgIDwvSXRlbT5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9Qb3BvdmVyQ29udGVudD5cbiAgICAgIDwvUG9ydGFsPlxuICAgIDwvUm9vdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExhbmd1YWdlU2VsZWN0b3I7XG4iXX0= */"));
+})(fonts.sizes('20px', '24px'), ";font-weight:", 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,
@@ -51,9 +51,8 @@ var LanguageSelector = function LanguageSelector(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
-  return _jsxs(Root, {
-    children: [_jsx(Trigger, {
-      asChild: true,
+  return _jsxs(DropdownMenu, {
+    children: [_jsx(DropdownTrigger, {
       children: _jsxs(ButtonV2, {
         variant: "outline",
         shape: "pill",
@@ -61,31 +60,27 @@ var LanguageSelector = function LanguageSelector(_ref) {
         "aria-label": t('footer.selectLanguage'),
         children: [t("languages.prefixChangeLanguage"), " ", _jsx(ChevronDown, {})]
       })
-    }), _jsx(Portal, {
-      children: _jsxs(PopoverContent, {
-        sideOffset: 4,
-        children: [_jsx(Arrow, {
-          "aria-hidden": true
-        }), locales.map(function (locale) {
-          return _jsx(Item, {
-            asChild: true,
-            children: _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: [_jsx(ActivityIndicator, {
-                children: i18n.language === locale && _jsx(ActiveIndicator, {})
-              }), _jsx(Text, {
-                children: t("languages.".concat(locale))
-              })]
-            })
-          }, locale);
-        })]
+    }), _jsx(StyledDropdownContent, {
+      sideOffset: 4,
+      showArrow: true,
+      children: locales.map(function (locale) {
+        return _jsx(DropdownItem, {
+          children: _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: [_jsx(ActivityIndicator, {
+              children: i18n.language === locale && _jsx(ActiveIndicator, {})
+            }), _jsx(Text, {
+              children: t("languages.".concat(locale))
+            })]
+          })
+        }, locale);
       })
     })]
   });

package/es/LearningPaths/LearningPathMenuModalWrapper.js

@@ -1,4 +1,10 @@
 import _styled from "@emotion/styled/base";
+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.
  *
@@ -7,9 +13,9 @@ import _styled from "@emotion/styled/base";
  *
  */
 
-import React from 'react';
+import React, { useCallback, useState } from 'react';
 import { spacing, mq, breakpoints, colors } from '@ndla/core';
-import { ModalHeader, ModalBody, ModalCloseButton, Modal } from '@ndla/modal';
+import { ModalHeader, ModalBody, ModalTrigger, ModalCloseButton, Modal, ModalContent } from '@ndla/modal';
 import { css } from '@emotion/react';
 import { ButtonV2 } from '@ndla/button';
 import { LearningPath } from '@ndla/icons/contentType';
@@ -19,42 +25,47 @@ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 var buttonToggleCss = /*#__PURE__*/css(mq.range({
   from: breakpoints.tablet
-}), "{display:none;}margin-right:auto;margin-left:", spacing.normal, ";z-index:100;svg{width:20px;height:20px;margin-right:", 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__*/_styled(Modal, {
+}), "{display:none;}margin-right:auto;margin-left:", spacing.normal, ";z-index:100;svg{width:20px;height:20px;margin-right:", 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__*/_styled(ModalContent, {
   target: "e7h3tj80",
-  label: "StyledModal"
-})("background-color:", 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:", 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 = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setIsOpen = _useState2[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var onClose = useCallback(function () {
+    setIsOpen(false);
+  }, []);
   if (innerWidth < 601) {
-    return _jsx(StyledModal, {
-      animationDuration: 200,
-      size: "full",
-      activateButton: _jsxs(ButtonV2, {
-        css: buttonToggleCss,
-        children: [_jsx(LearningPath, {}), _jsx("span", {
-          children: t('learningPath.openMenuTooltip')
-        })]
-      }),
-      children: function children(closeModal) {
-        return _jsxs(_Fragment, {
-          children: [_jsx(ModalHeader, {
-            children: _jsx(ModalCloseButton, {
-              title: t('modal.closeModal'),
-              onClick: closeModal
-            })
-          }), _jsx(ModalBody, {
-            children: _children(closeModal)
+    return _jsxs(Modal, {
+      open: open,
+      onOpenChange: setIsOpen,
+      children: [_jsx(ModalTrigger, {
+        children: _jsxs(ButtonV2, {
+          css: buttonToggleCss,
+          children: [_jsx(LearningPath, {}), _jsx("span", {
+            children: t('learningPath.openMenuTooltip')
           })]
-        });
-      }
+        })
+      }), _jsxs(StyledModalContent, {
+        animationDuration: 200,
+        size: "full",
+        children: [_jsx(ModalHeader, {
+          children: _jsx(ModalCloseButton, {})
+        }), _jsx(ModalBody, {
+          children: children(onClose)
+        })]
+      })]
     });
   }
   return _jsx(_Fragment, {
-    children: _children(function () {})
+    children: children(function () {})
   });
 };
 export default ModalWrapperComponent;