@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.e74a6756

package/cjs/loader/Loader.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type Props = {
+    label?: string;
+};
+declare function Loader(props: Props): JSX.Element;
+export default Loader;

package/cjs/loader/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Loader } from './Loader';
+export { default as DfdsLoader } from './DfdsLoader';

package/cjs/loader/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "DfdsLoader", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DfdsLoader.default;
   }
 });
 Object.defineProperty(exports, "Loader", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Loader.default;
   }
 });

package/cjs/localization/LocaleFlag.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { Locale } from './locales';
+export type LocaleFlagProps = {
+    /**
+     * The locale specifying which flag will be rendered.
+     */
+    locale: Locale;
+    /**
+     * The size of the flag icon.
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+} & ComponentPropsWithoutRef<'svg'>;
+export declare const LocaleFlag: ({ locale, size, ...rest }: LocaleFlagProps) => JSX.Element;

package/cjs/localization/LocaleFlag.js

@@ -8,27 +8,23 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var flags = _interopRequireWildcard(require("@dfds-ui/icons/flags"));
 var _locales = require("./locales");
-const _excluded = ["locale", "size"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const sizes = {
   s: '1rem',
   m: '1.25rem',
   l: '1.875rem',
   xl: '2.5rem'
 };
-const LocaleFlag = _ref => {
-  var _localeData$locale;
-  let locale = _ref.locale,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'm' : _ref$size,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const localDataWithFallback = (_localeData$locale = _locales.localeData[locale]) !== null && _localeData$locale !== void 0 ? _localeData$locale : _locales.localeData[_locales.fallbackLocale];
-  const Icon = flags[localDataWithFallback === null || localDataWithFallback === void 0 ? void 0 : localDataWithFallback.flagIcon];
+const LocaleFlag = ({
+  locale,
+  size = 'm',
+  ...rest
+}) => {
+  const localDataWithFallback = _locales.localeData[locale] ?? _locales.localeData[_locales.fallbackLocale];
+  const Icon = flags[localDataWithFallback?.flagIcon];
   return (0, _react2.jsx)(Icon, _extends({
     role: "img",
     css: /*#__PURE__*/(0, _react2.css)("font-size:", sizes[size], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LocaleFlag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGl6YXRpb24vTG9jYWxlRmxhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sb2NhbGl6YXRpb24vTG9jYWxlRmxhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCAqIGFzIGZsYWdzIGZyb20gJ0BkZmRzLXVpL2ljb25zL2ZsYWdzJ1xuaW1wb3J0IHsgTG9jYWxlLCBMb2NhbGVJbmZvLCBmYWxsYmFja0xvY2FsZSwgbG9jYWxlRGF0YSB9IGZyb20gJy4vbG9jYWxlcydcblxuZXhwb3J0IHR5cGUgTG9jYWxlRmxhZ1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGxvY2FsZSBzcGVjaWZ5aW5nIHdoaWNoIGZsYWcgd2lsbCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGxvY2FsZTogTG9jYWxlXG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgZmxhZyBpY29uLlxuICAgKi9cbiAgc2l6ZT86ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbn0gJiBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8J3N2Zyc+XG5cbmNvbnN0IHNpemVzOiB7IFtrIGluIE5vbk51bGxhYmxlPExvY2FsZUZsYWdQcm9wc1snc2l6ZSddPl06IHN0cmluZyB9ID0ge1xuICBzOiAnMXJlbScsXG4gIG06ICcxLjI1cmVtJyxcbiAgbDogJzEuODc1cmVtJyxcbiAgeGw6ICcyLjVyZW0nLFxufVxuXG5leHBvcnQgY29uc3QgTG9jYWxlRmxhZyA9ICh7IGxvY2FsZSwgc2l6ZSA9ICdtJywgLi4ucmVzdCB9OiBMb2NhbGVGbGFnUHJvcHMpID0+IHtcbiAgY29uc3QgbG9jYWxEYXRhV2l0aEZhbGxiYWNrOiBMb2NhbGVJbmZvID0gbG9jYWxlRGF0YVtsb2NhbGVdID8/IGxvY2FsZURhdGFbZmFsbGJhY2tMb2NhbGVdXG4gIGNvbnN0IEljb24gPSBmbGFnc1tsb2NhbERhdGFXaXRoRmFsbGJhY2s/LmZsYWdJY29uXVxuICByZXR1cm4gKFxuICAgIDxJY29uXG4gICAgICByb2xlPVwiaW1nXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmb250LXNpemU6ICR7c2l6ZXNbc2l6ZV19O1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */")

package/cjs/localization/index.d.ts

@@ -0,0 +1,2 @@
+export * from './locales';
+export * from './LocaleFlag';

package/cjs/localization/index.js

@@ -9,7 +9,7 @@ Object.keys(_locales).forEach(function (key) {
   if (key in exports && exports[key] === _locales[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _locales[key];
     }
   });
@@ -20,7 +20,7 @@ Object.keys(_LocaleFlag).forEach(function (key) {
   if (key in exports && exports[key] === _LocaleFlag[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _LocaleFlag[key];
     }
   });

package/cjs/localization/locales.d.ts

@@ -0,0 +1,35 @@
+import * as flags from '@dfds-ui/icons/flags';
+export declare const locales: readonly ["en", "nl-BE", "bg-BG", "pt-BR", "en-CA", "zh-CN", "cs-CZ", "da-DK", "et-EE", "fi-FI", "fr-BE", "fr-FR", "fr-MA", "de-DE", "hu-HU", "it-IT", "ja-JP", "lv-LV", "lt-LT", "nl-NL", "nb-NO", "pl-PL", "ro-RO", "ru-RU", "sk-SK", "ko-KR", "es-ES", "sv-SE", "tr-TR", "en-GB", "en-US"];
+export type Locale = typeof locales[number];
+export declare const fallbackLocale = "en";
+export type LocaleInfo = {
+    /**
+     * Name of the country
+     */
+    name: string;
+    /**
+     * Country (and occasionally the language) expressed in native language.
+     */
+    nativeName: string;
+    /**
+     * Country calling code
+     */
+    callingCode: string;
+    /**
+     * Dialing trunk prefix
+     */
+    callingTrunkPrefix?: string;
+    /**
+     * Key of flag icon component
+     */
+    flagIcon: keyof typeof flags;
+};
+export declare const localeData: {
+    [k in Locale]: LocaleInfo;
+};
+/**
+ * Returns an array of locales where each country only appears once.
+ *
+ * @return {Locale[]}
+ */
+export declare function uniqueCountryLocales(): Locale[];

package/cjs/logo/Logo.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type LogoProps = {
+    className?: string;
+    title?: string;
+    width?: string | number;
+    height?: string | number;
+    logoContainerProps?: any;
+};
+declare const Logo: ({ logoContainerProps, ...rest }: LogoProps) => JSX.Element;
+export { Logo };
+export default Logo;

package/cjs/logo/Logo.js

@@ -9,13 +9,10 @@ var React = _interopRequireWildcard(require("react"));
 var _icons = require("@dfds-ui/icons");
 var _theme = require("@dfds-ui/theme");
 var _react2 = require("@emotion/react");
-const _excluded = ["logoContainerProps"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const LogoContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "eqezkpr0"
 } : {
@@ -26,9 +23,10 @@ const LogoContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_EN
   hover: '0',
   active: '0'
 }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2dvL0xvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9nby9Mb2dvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3ZnRGZkc0xvZ28gfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgTG9nb1Byb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgdGl0bGU/OiBzdHJpbmdcbiAgd2lkdGg/OiBzdHJpbmcgfCBudW1iZXJcbiAgaGVpZ2h0Pzogc3RyaW5nIHwgbnVtYmVyXG4gIGxvZ29Db250YWluZXJQcm9wcz86IGFueVxufVxuXG5jb25zdCBMb2dvQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICR7dGhlbWUuc3RhdGVzLm92ZXJsYXkoZmFsc2UsIHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLFxuICAgIGhvdmVyOiAnMCcsXG4gICAgYWN0aXZlOiAnMCcsXG4gIH0pfTtcbmBcblxuY29uc3QgTG9nbyA9ICh7IGxvZ29Db250YWluZXJQcm9wcywgLi4ucmVzdCB9OiBMb2dvUHJvcHMpID0+IHtcbiAgcmV0dXJuIGxvZ29Db250YWluZXJQcm9wcyA/IChcbiAgICA8TG9nb0NvbnRhaW5lciB7Li4ubG9nb0NvbnRhaW5lclByb3BzfT5cbiAgICAgIDxTdmdEZmRzTG9nbyBkYXRhLXRlc3RpZD1cIkxvZ29cIiB7Li4ucmVzdH0gLz5cbiAgICA8L0xvZ29Db250YWluZXI+XG4gICkgOiAoXG4gICAgPFN2Z0RmZHNMb2dvIGRhdGEtdGVzdGlkPVwiTG9nb1wiIHsuLi5yZXN0fSAvPlxuICApXG59XG5cbmV4cG9ydCB7IExvZ28gfVxuZXhwb3J0IGRlZmF1bHQgTG9nb1xuIl19 */"));
-const Logo = _ref => {
-  let logoContainerProps = _ref.logoContainerProps,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const Logo = ({
+  logoContainerProps,
+  ...rest
+}) => {
   return logoContainerProps ? (0, _react2.jsx)(LogoContainer, logoContainerProps, (0, _react2.jsx)(_icons.SvgDfdsLogo, _extends({
     "data-testid": "Logo"
   }, rest))) : (0, _react2.jsx)(_icons.SvgDfdsLogo, _extends({

package/cjs/logo/index.d.ts

@@ -0,0 +1 @@
+export * from './Logo';

package/cjs/logo/index.js

@@ -9,7 +9,7 @@ Object.keys(_Logo).forEach(function (key) {
   if (key in exports && exports[key] === _Logo[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Logo[key];
     }
   });

package/cjs/media/index.d.ts

@@ -0,0 +1,2 @@
+import { media } from '@dfds-ui/theme';
+export default media;

package/cjs/menu/Menu.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type MenuItemProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+    children?: React.ReactNode;
+    onClick: React.MouseEventHandler<HTMLDivElement>;
+};
+declare const menu: any;
+export default menu;

package/cjs/menu/Menu.js

@@ -9,37 +9,34 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
 var _rem = require("../styles/rem");
-const _excluded = ["children"],
-  _excluded2 = ["children", "onClick"],
-  _excluded3 = ["children"],
-  _excluded4 = ["children", "url"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const menuStyles = /*#__PURE__*/(0, _react2.css)("background-color:", _theme.theme.colors.surface.primary, ";padding:", (0, _rem.rem)(15), " ", (0, _rem.rem)(20), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1zQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbWVudS9NZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAnLi4vc3R5bGVzL3JlbSdcblxuY29uc3QgbWVudVN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtyZW0oMTUpfSAke3JlbSgyMCl9O1xuYFxuXG5jb25zdCBNZW51ID0gUmVhY3QuZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucmVzdCB9LCByZWY6IFJlYWN0LlJlZjxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17bWVudVN0eWxlc30gcmVmPXtyZWZ9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufSlcblxuZXhwb3J0IHR5cGUgTWVudUl0ZW1Qcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgSFRNTERpdkVsZW1lbnQ+ICYge1xuICAvLyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIG9uQ2xpY2s6IFJlYWN0Lk1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxufVxuXG5jb25zdCBtZW51SXRlbVN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMC40cmVtIDAgMC4zcmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgfVxuYFxuXG5jb25zdCBNZW51SXRlbTogUmVhY3QuRkM8TWVudUl0ZW1Qcm9wcz4gPSAoeyBjaGlsZHJlbiwgb25DbGljaywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e21lbnVJdGVtU3R5bGVzfSBvbkNsaWNrPXtvbkNsaWNrfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuY29uc3QgaGVhZGVySXRlbVN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMS44cmVtO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgbWFyZ2luLWJvdHRvbTogJHtyZW0oMTUpfTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbmBcblxuY29uc3QgSGVhZGVySXRlbSA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtoZWFkZXJJdGVtU3R5bGVzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cblxuY29uc3QgU2VwYXJhdG9ySXRlbSA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmxpZ2h0fTtcbiAgaGVpZ2h0OiAwLjFyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gMC41cmVtO1xuICBvcGFjaXR5OiAwLjE1O1xuYFxuXG5jb25zdCBsaW5rSXRlbVN0eWxlcyA9IGNzc2BcbiAgJHttZW51SXRlbVN0eWxlc31cbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHR9O1xuICB9XG5gXG5cbi8vIFRPRE86IEFkZCBcImFzXCIgcHJvcCBmb3IgaW5qZWN0IGEgQ29tcG9uZW50T3JFbGVtZW50IGZvciByZW5kZXJpbmcgdGhlIGxpbmtcbmNvbnN0IExpbmtJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7IHVybDogc3RyaW5nIH0+ID0gKHsgY2hpbGRyZW4sIHVybCwgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGEgY3NzPXtsaW5rSXRlbVN0eWxlc30gaHJlZj17dXJsfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9hPlxuICApXG59XG5cbmNvbnN0IEN1c3RvbUl0ZW0gPSAoeyByZW5kZXIgfTogeyByZW5kZXI6ICgpID0+IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiByZW5kZXIoKVxufVxuXG4vLyBUT0RPOiByZWZhY3RvciB0byB1c2Ugc2VwYXJhdGUgZXhwb3J0c1xuY29uc3QgbWVudSA9IE1lbnUgYXMgYW55XG5tZW51Lkl0ZW0gPSBNZW51SXRlbVxubWVudS5IZWFkZXIgPSBIZWFkZXJJdGVtXG5tZW51LkxpbmsgPSBMaW5rSXRlbVxubWVudS5DdXN0cm9tID0gQ3VzdG9tSXRlbVxubWVudS5TZXBhcmF0b3IgPSBTZXBhcmF0b3JJdGVtXG5cbmV4cG9ydCBkZWZhdWx0IG1lbnVcbiJdfQ== */");
-const Menu = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const Menu = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  ...rest
+}, ref) => {
   return (0, _react2.jsx)("div", _extends({
     css: menuStyles,
     ref: ref
   }, rest), children);
 });
 const menuItemStyles = /*#__PURE__*/(0, _react2.css)("padding:0.4rem 0 0.3rem 0;display:flex;font-size:1rem;font-weight:bold;cursor:pointer;align-items:center;color:", _theme.theme.colors.secondary.main, ";&:hover{color:", _theme.theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:menuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnJlc3QgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e21lbnVTdHlsZXN9IHJlZj17cmVmfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn0pXG5cbmV4cG9ydCB0eXBlIE1lbnVJdGVtUHJvcHMgPSBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sIEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgLy8gUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICYge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBvbkNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbn1cblxuY29uc3QgbWVudUl0ZW1TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDAuNHJlbSAwIDAuM3JlbSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LXNpemU6IDFyZW07XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gIH1cbmBcblxuY29uc3QgTWVudUl0ZW06IFJlYWN0LkZDPE1lbnVJdGVtUHJvcHM+ID0gKHsgY2hpbGRyZW4sIG9uQ2xpY2ssIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXttZW51SXRlbVN0eWxlc30gb25DbGljaz17b25DbGlja30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IGhlYWRlckl0ZW1TdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEuOHJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIG1hcmdpbi1ib3R0b206ICR7cmVtKDE1KX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG5gXG5cbmNvbnN0IEhlYWRlckl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17aGVhZGVySXRlbVN0eWxlc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IFNlcGFyYXRvckl0ZW0gPSBzdHlsZWQuZGl2YFxuICBib3JkZXItdG9wOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5saWdodH07XG4gIGhlaWdodDogMC4xcmVtO1xuICBtYXJnaW46IDAuNXJlbSAwLjVyZW0gMC41cmVtIDAuNXJlbTtcbiAgb3BhY2l0eTogMC4xNTtcbmBcblxuY29uc3QgbGlua0l0ZW1TdHlsZXMgPSBjc3NgXG4gICR7bWVudUl0ZW1TdHlsZXN9XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmxpZ2h0fTtcbiAgfVxuYFxuXG4vLyBUT0RPOiBBZGQgXCJhc1wiIHByb3AgZm9yIGluamVjdCBhIENvbXBvbmVudE9yRWxlbWVudCBmb3IgcmVuZGVyaW5nIHRoZSBsaW5rXG5jb25zdCBMaW5rSXRlbTogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8eyB1cmw6IHN0cmluZyB9PiA9ICh7IGNoaWxkcmVuLCB1cmwsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxhIGNzcz17bGlua0l0ZW1TdHlsZXN9IGhyZWY9e3VybH0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvYT5cbiAgKVxufVxuXG5jb25zdCBDdXN0b21JdGVtID0gKHsgcmVuZGVyIH06IHsgcmVuZGVyOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gcmVuZGVyKClcbn1cblxuLy8gVE9ETzogcmVmYWN0b3IgdG8gdXNlIHNlcGFyYXRlIGV4cG9ydHNcbmNvbnN0IG1lbnUgPSBNZW51IGFzIGFueVxubWVudS5JdGVtID0gTWVudUl0ZW1cbm1lbnUuSGVhZGVyID0gSGVhZGVySXRlbVxubWVudS5MaW5rID0gTGlua0l0ZW1cbm1lbnUuQ3VzdHJvbSA9IEN1c3RvbUl0ZW1cbm1lbnUuU2VwYXJhdG9yID0gU2VwYXJhdG9ySXRlbVxuXG5leHBvcnQgZGVmYXVsdCBtZW51XG4iXX0= */");
-const MenuItem = _ref2 => {
-  let children = _ref2.children,
-    onClick = _ref2.onClick,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
+const MenuItem = ({
+  children,
+  onClick,
+  ...rest
+}) => {
   return (0, _react2.jsx)("div", _extends({
     css: menuItemStyles,
     onClick: onClick
   }, rest), children);
 };
 const headerItemStyles = /*#__PURE__*/(0, _react2.css)("display:block;font-size:1.8rem;font-weight:bold;margin-bottom:", (0, _rem.rem)(15), ";color:", _theme.theme.colors.text.dark.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:headerItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnJlc3QgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e21lbnVTdHlsZXN9IHJlZj17cmVmfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn0pXG5cbmV4cG9ydCB0eXBlIE1lbnVJdGVtUHJvcHMgPSBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sIEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgLy8gUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICYge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBvbkNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbn1cblxuY29uc3QgbWVudUl0ZW1TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDAuNHJlbSAwIDAuM3JlbSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LXNpemU6IDFyZW07XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gIH1cbmBcblxuY29uc3QgTWVudUl0ZW06IFJlYWN0LkZDPE1lbnVJdGVtUHJvcHM+ID0gKHsgY2hpbGRyZW4sIG9uQ2xpY2ssIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXttZW51SXRlbVN0eWxlc30gb25DbGljaz17b25DbGlja30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IGhlYWRlckl0ZW1TdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEuOHJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIG1hcmdpbi1ib3R0b206ICR7cmVtKDE1KX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG5gXG5cbmNvbnN0IEhlYWRlckl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17aGVhZGVySXRlbVN0eWxlc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IFNlcGFyYXRvckl0ZW0gPSBzdHlsZWQuZGl2YFxuICBib3JkZXItdG9wOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5saWdodH07XG4gIGhlaWdodDogMC4xcmVtO1xuICBtYXJnaW46IDAuNXJlbSAwLjVyZW0gMC41cmVtIDAuNXJlbTtcbiAgb3BhY2l0eTogMC4xNTtcbmBcblxuY29uc3QgbGlua0l0ZW1TdHlsZXMgPSBjc3NgXG4gICR7bWVudUl0ZW1TdHlsZXN9XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmxpZ2h0fTtcbiAgfVxuYFxuXG4vLyBUT0RPOiBBZGQgXCJhc1wiIHByb3AgZm9yIGluamVjdCBhIENvbXBvbmVudE9yRWxlbWVudCBmb3IgcmVuZGVyaW5nIHRoZSBsaW5rXG5jb25zdCBMaW5rSXRlbTogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8eyB1cmw6IHN0cmluZyB9PiA9ICh7IGNoaWxkcmVuLCB1cmwsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxhIGNzcz17bGlua0l0ZW1TdHlsZXN9IGhyZWY9e3VybH0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvYT5cbiAgKVxufVxuXG5jb25zdCBDdXN0b21JdGVtID0gKHsgcmVuZGVyIH06IHsgcmVuZGVyOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gcmVuZGVyKClcbn1cblxuLy8gVE9ETzogcmVmYWN0b3IgdG8gdXNlIHNlcGFyYXRlIGV4cG9ydHNcbmNvbnN0IG1lbnUgPSBNZW51IGFzIGFueVxubWVudS5JdGVtID0gTWVudUl0ZW1cbm1lbnUuSGVhZGVyID0gSGVhZGVySXRlbVxubWVudS5MaW5rID0gTGlua0l0ZW1cbm1lbnUuQ3VzdHJvbSA9IEN1c3RvbUl0ZW1cbm1lbnUuU2VwYXJhdG9yID0gU2VwYXJhdG9ySXRlbVxuXG5leHBvcnQgZGVmYXVsdCBtZW51XG4iXX0= */");
-const HeaderItem = _ref3 => {
-  let children = _ref3.children,
-    rest = _objectWithoutProperties(_ref3, _excluded3);
+const HeaderItem = ({
+  children,
+  ...rest
+}) => {
   return (0, _react2.jsx)("div", _extends({
     css: headerItemStyles
   }, rest), children);
@@ -53,10 +50,11 @@ const SeparatorItem = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_EN
 const linkItemStyles = /*#__PURE__*/(0, _react2.css)(menuItemStyles, " text-decoration:none;&:hover{background-color:", _theme.theme.colors.secondary.light, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:linkItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL21lbnUvTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5cbmNvbnN0IG1lbnVTdHlsZXMgPSBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7cmVtKDE1KX0gJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTWVudSA9IFJlYWN0LmZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnJlc3QgfSwgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e21lbnVTdHlsZXN9IHJlZj17cmVmfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn0pXG5cbmV4cG9ydCB0eXBlIE1lbnVJdGVtUHJvcHMgPSBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sIEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgLy8gUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICYge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBvbkNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbn1cblxuY29uc3QgbWVudUl0ZW1TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDAuNHJlbSAwIDAuM3JlbSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LXNpemU6IDFyZW07XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gIH1cbmBcblxuY29uc3QgTWVudUl0ZW06IFJlYWN0LkZDPE1lbnVJdGVtUHJvcHM+ID0gKHsgY2hpbGRyZW4sIG9uQ2xpY2ssIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXttZW51SXRlbVN0eWxlc30gb25DbGljaz17b25DbGlja30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IGhlYWRlckl0ZW1TdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDEuOHJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIG1hcmdpbi1ib3R0b206ICR7cmVtKDE1KX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG5gXG5cbmNvbnN0IEhlYWRlckl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17aGVhZGVySXRlbVN0eWxlc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmNvbnN0IFNlcGFyYXRvckl0ZW0gPSBzdHlsZWQuZGl2YFxuICBib3JkZXItdG9wOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5saWdodH07XG4gIGhlaWdodDogMC4xcmVtO1xuICBtYXJnaW46IDAuNXJlbSAwLjVyZW0gMC41cmVtIDAuNXJlbTtcbiAgb3BhY2l0eTogMC4xNTtcbmBcblxuY29uc3QgbGlua0l0ZW1TdHlsZXMgPSBjc3NgXG4gICR7bWVudUl0ZW1TdHlsZXN9XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmxpZ2h0fTtcbiAgfVxuYFxuXG4vLyBUT0RPOiBBZGQgXCJhc1wiIHByb3AgZm9yIGluamVjdCBhIENvbXBvbmVudE9yRWxlbWVudCBmb3IgcmVuZGVyaW5nIHRoZSBsaW5rXG5jb25zdCBMaW5rSXRlbTogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8eyB1cmw6IHN0cmluZyB9PiA9ICh7IGNoaWxkcmVuLCB1cmwsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxhIGNzcz17bGlua0l0ZW1TdHlsZXN9IGhyZWY9e3VybH0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvYT5cbiAgKVxufVxuXG5jb25zdCBDdXN0b21JdGVtID0gKHsgcmVuZGVyIH06IHsgcmVuZGVyOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gcmVuZGVyKClcbn1cblxuLy8gVE9ETzogcmVmYWN0b3IgdG8gdXNlIHNlcGFyYXRlIGV4cG9ydHNcbmNvbnN0IG1lbnUgPSBNZW51IGFzIGFueVxubWVudS5JdGVtID0gTWVudUl0ZW1cbm1lbnUuSGVhZGVyID0gSGVhZGVySXRlbVxubWVudS5MaW5rID0gTGlua0l0ZW1cbm1lbnUuQ3VzdHJvbSA9IEN1c3RvbUl0ZW1cbm1lbnUuU2VwYXJhdG9yID0gU2VwYXJhdG9ySXRlbVxuXG5leHBvcnQgZGVmYXVsdCBtZW51XG4iXX0= */");
 
 // TODO: Add "as" prop for inject a ComponentOrElement for rendering the link
-const LinkItem = _ref4 => {
-  let children = _ref4.children,
-    url = _ref4.url,
-    rest = _objectWithoutProperties(_ref4, _excluded4);
+const LinkItem = ({
+  children,
+  url,
+  ...rest
+}) => {
   return (0, _react2.jsx)("a", _extends({
     css: linkItemStyles,
     href: url

package/cjs/menu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Menu } from './Menu';
+export * from './Menu';

package/cjs/menu/index.js

@@ -8,7 +8,7 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "Menu", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Menu.default;
   }
 });
@@ -19,10 +19,10 @@ Object.keys(_Menu).forEach(function (key) {
   if (key in exports && exports[key] === _Menu[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Menu[key];
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/cjs/mobile-stepper/MobileStepper.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+type MobileStepperProps = {
+    /**
+     *   Total steps
+     */
+    steps: number;
+    /**
+     *   Active step
+     */
+    activeStep?: number;
+    /**
+     * A back button element. For instance, it can be a `Button` or an `IconButton`.
+     */
+    backButton?: ReactNode;
+    /**
+     * A next button element. For instance, it can be a `Button` or an `IconButton`.
+     */
+    nextButton?: ReactNode;
+    /**
+     * 	The variant to use `'text' | 'dots'`
+     */
+    variant?: 'text' | 'dots';
+};
+declare const MobileStepper: ({ steps, activeStep, backButton, nextButton, variant, ...props }: MobileStepperProps) => JSX.Element;
+export default MobileStepper;

package/cjs/mobile-stepper/MobileStepper.js

@@ -7,11 +7,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
-const _excluded = ["steps", "activeStep", "backButton", "nextButton", "variant"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const MobileStepperWrapperStyles = process.env.NODE_ENV === "production" ? {
   name: "1ks9uvr",
@@ -47,15 +44,14 @@ const MobileStepperDots = ({
     css: _ref
   }, children);
 };
-const MobileStepper = _ref2 => {
-  let steps = _ref2.steps,
-    _ref2$activeStep = _ref2.activeStep,
-    activeStep = _ref2$activeStep === void 0 ? 0 : _ref2$activeStep,
-    backButton = _ref2.backButton,
-    nextButton = _ref2.nextButton,
-    _ref2$variant = _ref2.variant,
-    variant = _ref2$variant === void 0 ? 'text' : _ref2$variant,
-    props = _objectWithoutProperties(_ref2, _excluded);
+const MobileStepper = ({
+  steps,
+  activeStep = 0,
+  backButton,
+  nextButton,
+  variant = 'text',
+  ...props
+}) => {
   return (0, _react2.jsx)("div", _extends({
     css: MobileStepperWrapperStyles
   }, props, {

package/cjs/mobile-stepper/index.d.ts

@@ -0,0 +1 @@
+export { default as MobileStepper } from './MobileStepper';

package/cjs/mobile-stepper/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "MobileStepper", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _MobileStepper.default;
   }
 });

package/cjs/nav-bar/NavBar.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+type ItemAlignment = 'left' | 'right';
+type NavBarProps = {
+    className?: string;
+    showLogo?: boolean;
+    href?: string;
+};
+type ItemProps = {
+    href?: string;
+    className?: string;
+    alignment?: ItemAlignment;
+    selected?: boolean;
+    as?: React.ElementType;
+};
+declare const NavBar: React.FunctionComponent<NavBarProps>;
+export declare const NavBarItem: React.FunctionComponent<ItemProps>;
+type NavBarIconProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & //  React.AnchorHTMLAttributes<HTMLAnchorElement> &
+ItemProps & {
+    menu?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+    closeMenuOnClick?: boolean;
+};
+export declare const NavBarIconAnchor: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    menuShown: boolean;
+    className?: string | undefined;
+}, React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export declare const NavBarIcon: React.FunctionComponent<NavBarIconProps>;
+export declare const NavBarDropdown: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default NavBar;

package/cjs/nav-bar/NavBar.js

@@ -13,21 +13,10 @@ var _rem = require("../styles/rem");
 var _useOnClickOutside = _interopRequireDefault(require("../common/useOnClickOutside"));
 var _arrow = _interopRequireDefault(require("../common/arrow"));
 var _theme = require("@dfds-ui/theme");
-const _excluded = ["href", "className", "showLogo", "children"],
-  _excluded2 = ["children", "className", "href", "as"],
-  _excluded3 = ["children", "alignment", "menu", "onClick", "closeMenuOnClick"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const DFDSLogo = /*#__PURE__*/(0, _base.default)(_Logo.default, process.env.NODE_ENV === "production" ? {
   target: "ehdy7fs5"
@@ -43,12 +32,13 @@ const NavBarContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_
 })("background-color:", _theme.theme.colors.surface.primary, ";display:flex;align-items:center;min-height:", (0, _rem.rem)(60), ";padding:0 5px;:after{content:'';min-height:inherit;font-size:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9uYXYtYmFyL05hdkJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NrQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbmF2LWJhci9OYXZCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBMb2dvIGZyb20gJy4uL2xvZ28vTG9nbydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgbGVnYWN5TWVkaWEgYXMgbWVkaWEgfSBmcm9tICcuLi9zdHlsZXMvbWVkaWEnXG5pbXBvcnQgeyByZW0gfSBmcm9tICcuLi9zdHlsZXMvcmVtJ1xuaW1wb3J0IHVzZU9uQ2xpY2tPdXRzaWRlIGZyb20gJy4uL2NvbW1vbi91c2VPbkNsaWNrT3V0c2lkZSdcbmltcG9ydCBhcnJvdyBmcm9tICcuLi9jb21tb24vYXJyb3cnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEl0ZW1BbGlnbm1lbnQgPSAnbGVmdCcgfCAncmlnaHQnXG5cbnR5cGUgTmF2QmFyUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzaG93TG9nbz86IGJvb2xlYW5cbiAgaHJlZj86IHN0cmluZ1xufVxuXG50eXBlIEl0ZW1Qcm9wcyA9IHtcbiAgaHJlZj86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgYWxpZ25tZW50PzogSXRlbUFsaWdubWVudFxuICBzZWxlY3RlZD86IGJvb2xlYW5cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZSAvLyBjYW4gYmUgdXNlZCB0byByZW5kZXIgYSBkaWZmZXJlbnQgY29tcG9uZW50IGZvciB0aGUgYW5jaG9yIChlZy4gbmV4dC9nYXRzYnkgbGluaylcbn1cblxuY29uc3QgREZEU0xvZ28gPSBzdHlsZWQoTG9nbylgXG4gIGhlaWdodDogJHtyZW0oMzIpfTtcbiAgd2lkdGg6ICR7cmVtKDExMil9O1xuICBtYXJnaW4tcmlnaHQ6ICR7cmVtKDIwKX07XG5gXG5cbmNvbnN0IE5hdkJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1pbi1oZWlnaHQ6ICR7cmVtKDYwKX07XG4gIHBhZGRpbmc6IDAgNXB4O1xuICAvKiBJRSBmbGV4Ym94IG1pbi1oZWlnaHQgZml4ICovXG4gIDphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgbWluLWhlaWdodDogaW5oZXJpdDtcbiAgICBmb250LXNpemU6IDA7XG4gIH1cbmBcblxuLy8gVE9ETzogUmVmYWN0b3IgYW5kIHJlbW92ZSBocmVmLiBDb25zaWRlciBhZGRpbmcgYW4gXCJhc1wiIHByb3AgdG8gY2hhbmdlIHRoZSB3cmFwcGVyIG9mIHRoZSBsb2dvIGNvbXBvbmVudFxuY29uc3QgTmF2QmFyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZCYXJQcm9wcz4gPSAoeyBocmVmLCBjbGFzc05hbWUsIHNob3dMb2dvLCBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE5hdkJhckNvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9XCJOYXZCYXJcIiB7Li4ucmVzdH0+XG4gICAgICB7c2hvd0xvZ28gJiYgKFxuICAgICAgICA8YSBocmVmPXtocmVmfSBkYXRhLXRlc3RpZD1cIkxvZ29MaW5rXCI+XG4gICAgICAgICAgPERGRFNMb2dvIC8+XG4gICAgICAgIDwvYT5cbiAgICAgICl9XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9OYXZCYXJDb250YWluZXI+XG4gIClcbn1cblxuTmF2QmFyLmRlZmF1bHRQcm9wcyA9IHtcbiAgc2hvd0xvZ286IHRydWUsXG4gIGhyZWY6ICcvJyxcbn1cblxuY29uc3QgYmFzZUl0ZW1TdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBwYWRkaW5nOiAwIDEuNXJlbTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbmBcblxuY29uc3QgSXRlbUFuY2hvciA9IHN0eWxlZC5hPHtcbiAgYWxpZ25tZW50PzogSXRlbUFsaWdubWVudFxuICBzZWxlY3RlZD86IGJvb2xlYW5cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufT5gXG4gICR7YmFzZUl0ZW1TdHlsZXN9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwKSA9PiAocC5zZWxlY3RlZCA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiAndHJhbnNwYXJlbnQnKX07XG4gIGJvcmRlci1sZWZ0OiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmxpZ2h0fTtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LXdlaWdodDogbm9ybWFsO1xuXG4gIDpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2YzZjlmZDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cblxuICB0cmFuc2Zvcm06IHNrZXdYKC0zMGRlZyk7XG4gIHNwYW4ge1xuICAgIHRyYW5zZm9ybTogc2tld1goMzBkZWcpO1xuICB9XG5cbiAgJHttZWRpYS5sdCgnbWQnKX0ge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmBcblxuLy8gVE9ETzogY29uc2lkZXIgdXNpbmcgZm9yd2FyZFJlZlxuZXhwb3J0IGNvbnN0IE5hdkJhckl0ZW06IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEl0ZW1Qcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBocmVmLFxuICBhczogcmVuZGVyQXMsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbUFuY2hvciBhcz17cmVuZGVyQXN9IGhyZWY9e2hyZWZ9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICA8c3Bhbj57Y2hpbGRyZW59PC9zcGFuPlxuICAgIDwvSXRlbUFuY2hvcj5cbiAgKVxufVxuXG5jb25zdCBwdXNoUmlnaHQgPSBjc3NgXG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAmIH4gJiB7XG4gICAgbWFyZ2luLWxlZnQ6IDA7XG4gIH1cbmBcbnR5cGUgTmF2QmFySWNvblByb3BzID0gUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8UmVhY3QuQW5jaG9ySFRNTEF0dHJpYnV0ZXM8SFRNTEFuY2hvckVsZW1lbnQ+LCBIVE1MQW5jaG9yRWxlbWVudD4gJiAvLyAgUmVhY3QuQW5jaG9ySFRNTEF0dHJpYnV0ZXM8SFRNTEFuY2hvckVsZW1lbnQ+ICZcbiAgSXRlbVByb3BzICYge1xuICAgIG1lbnU/OiBSZWFjdC5SZWFjdE5vZGVcbiAgICBvbkNsaWNrPzogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8SFRNTEFuY2hvckVsZW1lbnQ+XG4gICAgY2xvc2VNZW51T25DbGljaz86IGJvb2xlYW5cbiAgfVxuXG5leHBvcnQgY29uc3QgTmF2QmFySWNvbkFuY2hvciA9IHN0eWxlZC5hPHsgbWVudVNob3duOiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfT5gXG4gICR7YmFzZUl0ZW1TdHlsZXN9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xuXG4gIDpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjNmOWZkO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHApID0+IHAubWVudVNob3duICYmICcjZjNmOWZkJ307XG5gXG5cbmNvbnN0IE5hdkJhckljb25XcmFwcGVyID0gc3R5bGVkLmRpdjx7IGFsaWdubWVudD86IEl0ZW1BbGlnbm1lbnQgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHsocCkgPT4gcC5hbGlnbm1lbnQgPT09ICdyaWdodCcgJiYgcHVzaFJpZ2h0fVxuYFxuXG5leHBvcnQgY29uc3QgTmF2QmFySWNvbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TmF2QmFySWNvblByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbm1lbnQsXG4gIG1lbnUsXG4gIG9uQ2xpY2ssXG4gIGNsb3NlTWVudU9uQ2xpY2sgPSB0cnVlLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IFttZW51U2hvd24sIHNldE1lbnVTaG93bl0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgaGFzTWVudSA9ICEhbWVudVxuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGhhc01lbnUpIHtcbiAgICAgIHNldE1lbnVTaG93bighbWVudVNob3duKVxuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgfSBlbHNlIHtcbiAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSlcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWYobnVsbClcbiAgdXNlT25DbGlja091dHNpZGUocmVmLCAoKSA9PiBzZXRNZW51U2hvd24oZmFsc2UpKVxuXG4gIHJldHVybiAoXG4gICAgPE5hdkJhckljb25XcmFwcGVyIHJlZj17cmVmfSBhbGlnbm1lbnQ9e2FsaWdubWVudH0+XG4gICAgICA8TmF2QmFySWNvbkFuY2hvciBtZW51U2hvd249e21lbnVTaG93bn0gb25DbGljaz17aGFuZGxlQ2xpY2t9IHsuLi5yZXN0fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9OYXZCYXJJY29uQW5jaG9yPlxuICAgICAge2hhc01lbnUgJiYgbWVudVNob3duICYmIChcbiAgICAgICAgPE5hdkJhckRyb3Bkb3duIG9uQ2xpY2s9eygpID0+IGNsb3NlTWVudU9uQ2xpY2sgJiYgc2V0TWVudVNob3duKGZhbHNlKX0+XG4gICAgICAgICAgPGRpdj57bWVudX08L2Rpdj5cbiAgICAgICAgPC9OYXZCYXJEcm9wZG93bj5cbiAgICAgICl9XG4gICAgPC9OYXZCYXJJY29uV3JhcHBlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTmF2QmFyRHJvcGRvd24gPSBzdHlsZWQuZGl2YFxuICB6LWluZGV4OiAxO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGhlaWdodDogYXV0bztcbiAgdG9wOiAxMDAlO1xuICByaWdodDogMDtcbiAgd2lkdGg6IGF1dG87XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgYm94LXNoYWRvdzogMCAycHggNXB4IHJnYmEoMCwgMCwgMCwgMC4zNSk7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgJHthcnJvdygxMCwgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeSwgMjgsICdib3R0b20tcmlnaHQnKX1cbmBcblxuZXhwb3J0IGRlZmF1bHQgTmF2QmFyXG4iXX0= */"));
 
 // TODO: Refactor and remove href. Consider adding an "as" prop to change the wrapper of the logo component
-const NavBar = _ref => {
-  let href = _ref.href,
-    className = _ref.className,
-    showLogo = _ref.showLogo,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const NavBar = ({
+  href,
+  className,
+  showLogo,
+  children,
+  ...rest
+}) => {
   return (0, _react2.jsx)(NavBarContainer, _extends({
     className: className,
     "data-testid": "NavBar"
@@ -70,12 +60,13 @@ const ItemAnchor = /*#__PURE__*/(0, _base.default)("a", process.env.NODE_ENV ===
 })(baseItemStyles, " color:", _theme.theme.colors.primary.main, ";background-color:", p => p.selected ? _theme.theme.colors.secondary.light : 'transparent', ";border-left:1px solid ", _theme.theme.colors.secondary.light, ";font-size:1rem;font-weight:normal;:hover{background-color:#f3f9fd;text-decoration:none;}transform:skewX(-30deg);span{transform:skewX(30deg);}", _media.legacyMedia.lt('md'), "{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9uYXYtYmFyL05hdkJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0VFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9uYXYtYmFyL05hdkJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IExvZ28gZnJvbSAnLi4vbG9nby9Mb2dvJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBsZWdhY3lNZWRpYSBhcyBtZWRpYSB9IGZyb20gJy4uL3N0eWxlcy9tZWRpYSdcbmltcG9ydCB7IHJlbSB9IGZyb20gJy4uL3N0eWxlcy9yZW0nXG5pbXBvcnQgdXNlT25DbGlja091dHNpZGUgZnJvbSAnLi4vY29tbW9uL3VzZU9uQ2xpY2tPdXRzaWRlJ1xuaW1wb3J0IGFycm93IGZyb20gJy4uL2NvbW1vbi9hcnJvdydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgSXRlbUFsaWdubWVudCA9ICdsZWZ0JyB8ICdyaWdodCdcblxudHlwZSBOYXZCYXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHNob3dMb2dvPzogYm9vbGVhblxuICBocmVmPzogc3RyaW5nXG59XG5cbnR5cGUgSXRlbVByb3BzID0ge1xuICBocmVmPzogc3RyaW5nXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBhbGlnbm1lbnQ/OiBJdGVtQWxpZ25tZW50XG4gIHNlbGVjdGVkPzogYm9vbGVhblxuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlIC8vIGNhbiBiZSB1c2VkIHRvIHJlbmRlciBhIGRpZmZlcmVudCBjb21wb25lbnQgZm9yIHRoZSBhbmNob3IgKGVnLiBuZXh0L2dhdHNieSBsaW5rKVxufVxuXG5jb25zdCBERkRTTG9nbyA9IHN0eWxlZChMb2dvKWBcbiAgaGVpZ2h0OiAke3JlbSgzMil9O1xuICB3aWR0aDogJHtyZW0oMTEyKX07XG4gIG1hcmdpbi1yaWdodDogJHtyZW0oMjApfTtcbmBcblxuY29uc3QgTmF2QmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWluLWhlaWdodDogJHtyZW0oNjApfTtcbiAgcGFkZGluZzogMCA1cHg7XG4gIC8qIElFIGZsZXhib3ggbWluLWhlaWdodCBmaXggKi9cbiAgOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBtaW4taGVpZ2h0OiBpbmhlcml0O1xuICAgIGZvbnQtc2l6ZTogMDtcbiAgfVxuYFxuXG4vLyBUT0RPOiBSZWZhY3RvciBhbmQgcmVtb3ZlIGhyZWYuIENvbnNpZGVyIGFkZGluZyBhbiBcImFzXCIgcHJvcCB0byBjaGFuZ2UgdGhlIHdyYXBwZXIgb2YgdGhlIGxvZ28gY29tcG9uZW50XG5jb25zdCBOYXZCYXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PE5hdkJhclByb3BzPiA9ICh7IGhyZWYsIGNsYXNzTmFtZSwgc2hvd0xvZ28sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2QmFyQ29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkYXRhLXRlc3RpZD1cIk5hdkJhclwiIHsuLi5yZXN0fT5cbiAgICAgIHtzaG93TG9nbyAmJiAoXG4gICAgICAgIDxhIGhyZWY9e2hyZWZ9IGRhdGEtdGVzdGlkPVwiTG9nb0xpbmtcIj5cbiAgICAgICAgICA8REZEU0xvZ28gLz5cbiAgICAgICAgPC9hPlxuICAgICAgKX1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L05hdkJhckNvbnRhaW5lcj5cbiAgKVxufVxuXG5OYXZCYXIuZGVmYXVsdFByb3BzID0ge1xuICBzaG93TG9nbzogdHJ1ZSxcbiAgaHJlZjogJy8nLFxufVxuXG5jb25zdCBiYXNlSXRlbVN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIHBhZGRpbmc6IDAgMS41cmVtO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuYFxuXG5jb25zdCBJdGVtQW5jaG9yID0gc3R5bGVkLmE8e1xuICBhbGlnbm1lbnQ/OiBJdGVtQWxpZ25tZW50XG4gIHNlbGVjdGVkPzogYm9vbGVhblxuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59PmBcbiAgJHtiYXNlSXRlbVN0eWxlc31cbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHApID0+IChwLnNlbGVjdGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodCA6ICd0cmFuc3BhcmVudCcpfTtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHR9O1xuICBmb250LXNpemU6IDFyZW07XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5cbiAgOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjNmOWZkO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuXG4gIHRyYW5zZm9ybTogc2tld1goLTMwZGVnKTtcbiAgc3BhbiB7XG4gICAgdHJhbnNmb3JtOiBza2V3WCgzMGRlZyk7XG4gIH1cblxuICAke21lZGlhLmx0KCdtZCcpfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYFxuXG4vLyBUT0RPOiBjb25zaWRlciB1c2luZyBmb3J3YXJkUmVmXG5leHBvcnQgY29uc3QgTmF2QmFySXRlbTogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8SXRlbVByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGhyZWYsXG4gIGFzOiByZW5kZXJBcyxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtQW5jaG9yIGFzPXtyZW5kZXJBc30gaHJlZj17aHJlZn0gY2xhc3NOYW1lPXtjbGFzc05hbWV9IHsuLi5yZXN0fT5cbiAgICAgIDxzcGFuPntjaGlsZHJlbn08L3NwYW4+XG4gICAgPC9JdGVtQW5jaG9yPlxuICApXG59XG5cbmNvbnN0IHB1c2hSaWdodCA9IGNzc2BcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gICYgfiAmIHtcbiAgICBtYXJnaW4tbGVmdDogMDtcbiAgfVxuYFxudHlwZSBOYXZCYXJJY29uUHJvcHMgPSBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxSZWFjdC5BbmNob3JIVE1MQXR0cmlidXRlczxIVE1MQW5jaG9yRWxlbWVudD4sIEhUTUxBbmNob3JFbGVtZW50PiAmIC8vICBSZWFjdC5BbmNob3JIVE1MQXR0cmlidXRlczxIVE1MQW5jaG9yRWxlbWVudD4gJlxuICBJdGVtUHJvcHMgJiB7XG4gICAgbWVudT86IFJlYWN0LlJlYWN0Tm9kZVxuICAgIG9uQ2xpY2s/OiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MQW5jaG9yRWxlbWVudD5cbiAgICBjbG9zZU1lbnVPbkNsaWNrPzogYm9vbGVhblxuICB9XG5cbmV4cG9ydCBjb25zdCBOYXZCYXJJY29uQW5jaG9yID0gc3R5bGVkLmE8eyBtZW51U2hvd246IGJvb2xlYW47IGNsYXNzTmFtZT86IHN0cmluZyB9PmBcbiAgJHtiYXNlSXRlbVN0eWxlc31cbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG5cbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmM2Y5ZmQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogJHsocCkgPT4gcC5tZW51U2hvd24gJiYgJyNmM2Y5ZmQnfTtcbmBcblxuY29uc3QgTmF2QmFySWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgYWxpZ25tZW50PzogSXRlbUFsaWdubWVudCB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAkeyhwKSA9PiBwLmFsaWdubWVudCA9PT0gJ3JpZ2h0JyAmJiBwdXNoUmlnaHR9XG5gXG5cbmV4cG9ydCBjb25zdCBOYXZCYXJJY29uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZCYXJJY29uUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGFsaWdubWVudCxcbiAgbWVudSxcbiAgb25DbGljayxcbiAgY2xvc2VNZW51T25DbGljayA9IHRydWUsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgW21lbnVTaG93biwgc2V0TWVudVNob3duXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBoYXNNZW51ID0gISFtZW51XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudD4pID0+IHtcbiAgICBpZiAoaGFzTWVudSkge1xuICAgICAgc2V0TWVudVNob3duKCFtZW51U2hvd24pXG4gICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICB9IGVsc2Uge1xuICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgb25DbGljayhlKVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IHJlZiA9IFJlYWN0LnVzZVJlZihudWxsKVxuICB1c2VPbkNsaWNrT3V0c2lkZShyZWYsICgpID0+IHNldE1lbnVTaG93bihmYWxzZSkpXG5cbiAgcmV0dXJuIChcbiAgICA8TmF2QmFySWNvbldyYXBwZXIgcmVmPXtyZWZ9IGFsaWdubWVudD17YWxpZ25tZW50fT5cbiAgICAgIDxOYXZCYXJJY29uQW5jaG9yIG1lbnVTaG93bj17bWVudVNob3dufSBvbkNsaWNrPXtoYW5kbGVDbGlja30gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L05hdkJhckljb25BbmNob3I+XG4gICAgICB7aGFzTWVudSAmJiBtZW51U2hvd24gJiYgKFxuICAgICAgICA8TmF2QmFyRHJvcGRvd24gb25DbGljaz17KCkgPT4gY2xvc2VNZW51T25DbGljayAmJiBzZXRNZW51U2hvd24oZmFsc2UpfT5cbiAgICAgICAgICA8ZGl2PnttZW51fTwvZGl2PlxuICAgICAgICA8L05hdkJhckRyb3Bkb3duPlxuICAgICAgKX1cbiAgICA8L05hdkJhckljb25XcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBOYXZCYXJEcm9wZG93biA9IHN0eWxlZC5kaXZgXG4gIHotaW5kZXg6IDE7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiBhdXRvO1xuICB0b3A6IDEwMCU7XG4gIHJpZ2h0OiAwO1xuICB3aWR0aDogYXV0bztcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICBib3gtc2hhZG93OiAwIDJweCA1cHggcmdiYSgwLCAwLCAwLCAwLjM1KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgY3Vyc29yOiBkZWZhdWx0O1xuICAke2Fycm93KDEwLCB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5LCAyOCwgJ2JvdHRvbS1yaWdodCcpfVxuYFxuXG5leHBvcnQgZGVmYXVsdCBOYXZCYXJcbiJdfQ== */"));
 
 // TODO: consider using forwardRef
-const NavBarItem = _ref2 => {
-  let children = _ref2.children,
-    className = _ref2.className,
-    href = _ref2.href,
-    renderAs = _ref2.as,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
+const NavBarItem = ({
+  children,
+  className,
+  href,
+  as: renderAs,
+  ...rest
+}) => {
   return (0, _react2.jsx)(ItemAnchor, _extends({
     as: renderAs,
     href: href,
@@ -105,18 +96,15 @@ const NavBarIconWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NOD
   target: "ehdy7fs1",
   label: "NavBarIconWrapper"
 })("display:flex;position:relative;align-self:stretch;align-items:center;", p => p.alignment === 'right' && pushRight, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9uYXYtYmFyL05hdkJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0ptRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbmF2LWJhci9OYXZCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBMb2dvIGZyb20gJy4uL2xvZ28vTG9nbydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgbGVnYWN5TWVkaWEgYXMgbWVkaWEgfSBmcm9tICcuLi9zdHlsZXMvbWVkaWEnXG5pbXBvcnQgeyByZW0gfSBmcm9tICcuLi9zdHlsZXMvcmVtJ1xuaW1wb3J0IHVzZU9uQ2xpY2tPdXRzaWRlIGZyb20gJy4uL2NvbW1vbi91c2VPbkNsaWNrT3V0c2lkZSdcbmltcG9ydCBhcnJvdyBmcm9tICcuLi9jb21tb24vYXJyb3cnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEl0ZW1BbGlnbm1lbnQgPSAnbGVmdCcgfCAncmlnaHQnXG5cbnR5cGUgTmF2QmFyUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzaG93TG9nbz86IGJvb2xlYW5cbiAgaHJlZj86IHN0cmluZ1xufVxuXG50eXBlIEl0ZW1Qcm9wcyA9IHtcbiAgaHJlZj86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgYWxpZ25tZW50PzogSXRlbUFsaWdubWVudFxuICBzZWxlY3RlZD86IGJvb2xlYW5cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZSAvLyBjYW4gYmUgdXNlZCB0byByZW5kZXIgYSBkaWZmZXJlbnQgY29tcG9uZW50IGZvciB0aGUgYW5jaG9yIChlZy4gbmV4dC9nYXRzYnkgbGluaylcbn1cblxuY29uc3QgREZEU0xvZ28gPSBzdHlsZWQoTG9nbylgXG4gIGhlaWdodDogJHtyZW0oMzIpfTtcbiAgd2lkdGg6ICR7cmVtKDExMil9O1xuICBtYXJnaW4tcmlnaHQ6ICR7cmVtKDIwKX07XG5gXG5cbmNvbnN0IE5hdkJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1pbi1oZWlnaHQ6ICR7cmVtKDYwKX07XG4gIHBhZGRpbmc6IDAgNXB4O1xuICAvKiBJRSBmbGV4Ym94IG1pbi1oZWlnaHQgZml4ICovXG4gIDphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgbWluLWhlaWdodDogaW5oZXJpdDtcbiAgICBmb250LXNpemU6IDA7XG4gIH1cbmBcblxuLy8gVE9ETzogUmVmYWN0b3IgYW5kIHJlbW92ZSBocmVmLiBDb25zaWRlciBhZGRpbmcgYW4gXCJhc1wiIHByb3AgdG8gY2hhbmdlIHRoZSB3cmFwcGVyIG9mIHRoZSBsb2dvIGNvbXBvbmVudFxuY29uc3QgTmF2QmFyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZCYXJQcm9wcz4gPSAoeyBocmVmLCBjbGFzc05hbWUsIHNob3dMb2dvLCBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE5hdkJhckNvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9XCJOYXZCYXJcIiB7Li4ucmVzdH0+XG4gICAgICB7c2hvd0xvZ28gJiYgKFxuICAgICAgICA8YSBocmVmPXtocmVmfSBkYXRhLXRlc3RpZD1cIkxvZ29MaW5rXCI+XG4gICAgICAgICAgPERGRFNMb2dvIC8+XG4gICAgICAgIDwvYT5cbiAgICAgICl9XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9OYXZCYXJDb250YWluZXI+XG4gIClcbn1cblxuTmF2QmFyLmRlZmF1bHRQcm9wcyA9IHtcbiAgc2hvd0xvZ286IHRydWUsXG4gIGhyZWY6ICcvJyxcbn1cblxuY29uc3QgYmFzZUl0ZW1TdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBwYWRkaW5nOiAwIDEuNXJlbTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbmBcblxuY29uc3QgSXRlbUFuY2hvciA9IHN0eWxlZC5hPHtcbiAgYWxpZ25tZW50PzogSXRlbUFsaWdubWVudFxuICBzZWxlY3RlZD86IGJvb2xlYW5cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufT5gXG4gICR7YmFzZUl0ZW1TdHlsZXN9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwKSA9PiAocC5zZWxlY3RlZCA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiAndHJhbnNwYXJlbnQnKX07XG4gIGJvcmRlci1sZWZ0OiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmxpZ2h0fTtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LXdlaWdodDogbm9ybWFsO1xuXG4gIDpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2YzZjlmZDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cblxuICB0cmFuc2Zvcm06IHNrZXdYKC0zMGRlZyk7XG4gIHNwYW4ge1xuICAgIHRyYW5zZm9ybTogc2tld1goMzBkZWcpO1xuICB9XG5cbiAgJHttZWRpYS5sdCgnbWQnKX0ge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmBcblxuLy8gVE9ETzogY29uc2lkZXIgdXNpbmcgZm9yd2FyZFJlZlxuZXhwb3J0IGNvbnN0IE5hdkJhckl0ZW06IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEl0ZW1Qcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBocmVmLFxuICBhczogcmVuZGVyQXMsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbUFuY2hvciBhcz17cmVuZGVyQXN9IGhyZWY9e2hyZWZ9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICA8c3Bhbj57Y2hpbGRyZW59PC9zcGFuPlxuICAgIDwvSXRlbUFuY2hvcj5cbiAgKVxufVxuXG5jb25zdCBwdXNoUmlnaHQgPSBjc3NgXG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAmIH4gJiB7XG4gICAgbWFyZ2luLWxlZnQ6IDA7XG4gIH1cbmBcbnR5cGUgTmF2QmFySWNvblByb3BzID0gUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8UmVhY3QuQW5jaG9ySFRNTEF0dHJpYnV0ZXM8SFRNTEFuY2hvckVsZW1lbnQ+LCBIVE1MQW5jaG9yRWxlbWVudD4gJiAvLyAgUmVhY3QuQW5jaG9ySFRNTEF0dHJpYnV0ZXM8SFRNTEFuY2hvckVsZW1lbnQ+ICZcbiAgSXRlbVByb3BzICYge1xuICAgIG1lbnU/OiBSZWFjdC5SZWFjdE5vZGVcbiAgICBvbkNsaWNrPzogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8SFRNTEFuY2hvckVsZW1lbnQ+XG4gICAgY2xvc2VNZW51T25DbGljaz86IGJvb2xlYW5cbiAgfVxuXG5leHBvcnQgY29uc3QgTmF2QmFySWNvbkFuY2hvciA9IHN0eWxlZC5hPHsgbWVudVNob3duOiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfT5gXG4gICR7YmFzZUl0ZW1TdHlsZXN9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xuXG4gIDpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjNmOWZkO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHApID0+IHAubWVudVNob3duICYmICcjZjNmOWZkJ307XG5gXG5cbmNvbnN0IE5hdkJhckljb25XcmFwcGVyID0gc3R5bGVkLmRpdjx7IGFsaWdubWVudD86IEl0ZW1BbGlnbm1lbnQgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHsocCkgPT4gcC5hbGlnbm1lbnQgPT09ICdyaWdodCcgJiYgcHVzaFJpZ2h0fVxuYFxuXG5leHBvcnQgY29uc3QgTmF2QmFySWNvbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TmF2QmFySWNvblByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbm1lbnQsXG4gIG1lbnUsXG4gIG9uQ2xpY2ssXG4gIGNsb3NlTWVudU9uQ2xpY2sgPSB0cnVlLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IFttZW51U2hvd24sIHNldE1lbnVTaG93bl0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgaGFzTWVudSA9ICEhbWVudVxuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGhhc01lbnUpIHtcbiAgICAgIHNldE1lbnVTaG93bighbWVudVNob3duKVxuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgfSBlbHNlIHtcbiAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSlcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWYobnVsbClcbiAgdXNlT25DbGlja091dHNpZGUocmVmLCAoKSA9PiBzZXRNZW51U2hvd24oZmFsc2UpKVxuXG4gIHJldHVybiAoXG4gICAgPE5hdkJhckljb25XcmFwcGVyIHJlZj17cmVmfSBhbGlnbm1lbnQ9e2FsaWdubWVudH0+XG4gICAgICA8TmF2QmFySWNvbkFuY2hvciBtZW51U2hvd249e21lbnVTaG93bn0gb25DbGljaz17aGFuZGxlQ2xpY2t9IHsuLi5yZXN0fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9OYXZCYXJJY29uQW5jaG9yPlxuICAgICAge2hhc01lbnUgJiYgbWVudVNob3duICYmIChcbiAgICAgICAgPE5hdkJhckRyb3Bkb3duIG9uQ2xpY2s9eygpID0+IGNsb3NlTWVudU9uQ2xpY2sgJiYgc2V0TWVudVNob3duKGZhbHNlKX0+XG4gICAgICAgICAgPGRpdj57bWVudX08L2Rpdj5cbiAgICAgICAgPC9OYXZCYXJEcm9wZG93bj5cbiAgICAgICl9XG4gICAgPC9OYXZCYXJJY29uV3JhcHBlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTmF2QmFyRHJvcGRvd24gPSBzdHlsZWQuZGl2YFxuICB6LWluZGV4OiAxO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGhlaWdodDogYXV0bztcbiAgdG9wOiAxMDAlO1xuICByaWdodDogMDtcbiAgd2lkdGg6IGF1dG87XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgYm94LXNoYWRvdzogMCAycHggNXB4IHJnYmEoMCwgMCwgMCwgMC4zNSk7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgJHthcnJvdygxMCwgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeSwgMjgsICdib3R0b20tcmlnaHQnKX1cbmBcblxuZXhwb3J0IGRlZmF1bHQgTmF2QmFyXG4iXX0= */"));
-const NavBarIcon = _ref3 => {
-  let children = _ref3.children,
-    alignment = _ref3.alignment,
-    menu = _ref3.menu,
-    onClick = _ref3.onClick,
-    _ref3$closeMenuOnClic = _ref3.closeMenuOnClick,
-    closeMenuOnClick = _ref3$closeMenuOnClic === void 0 ? true : _ref3$closeMenuOnClic,
-    rest = _objectWithoutProperties(_ref3, _excluded3);
-  const _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    menuShown = _useState2[0],
-    setMenuShown = _useState2[1];
+const NavBarIcon = ({
+  children,
+  alignment,
+  menu,
+  onClick,
+  closeMenuOnClick = true,
+  ...rest
+}) => {
+  const [menuShown, setMenuShown] = (0, _react.useState)(false);
   const hasMenu = !!menu;
   const handleClick = e => {
     if (hasMenu) {

package/cjs/nav-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NavBar } from './NavBar';
+export * from './NavBar';