@bbl-digital/snorre 4.1.71 → 4.1.72

package/esm/v2/core/TabNav/TabNavItem/index.js

@@ -0,0 +1,101 @@
+/** @jsxImportSource @emotion/react */
+import { useTheme } from '@emotion/react';
+import React, { Fragment, useContext, useEffect, useRef } from 'react';
+import { TabContext } from '../TabContext';
+import { useContainerDimensions } from '../utils/useContainerDimensions';
+import { TabNavItemWrapper, styles, SelectChildrenWrapper, SelectOption } from './styles';
+import IconCaretDown from '../../../../icons/General/IconCaretDown';
+import Link from '../../../../core/Link';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const TabNavItem = ({
+  value,
+  displayText,
+  trackingEvent,
+  trackingName,
+  className,
+  isSelect,
+  selected,
+  selectItems,
+  isSmall = false
+}) => {
+  const theme = useTheme();
+  const childrenRef = /*#__PURE__*/React.createRef();
+  const [open, setOpen] = React.useState(false);
+  const {
+    active,
+    setActive,
+    setWidth
+  } = useContext(TabContext);
+  const isActive = selected && selected === value || value === active;
+  const ref = useRef(null);
+  const {
+    width,
+    bottom,
+    left
+  } = useContainerDimensions(ref);
+  useEffect(() => {
+    const handleClickOutside = e => {
+      const node = childrenRef.current;
+      if (node && node.contains(e.target)) return;
+      setOpen(false);
+    };
+    open ? document.addEventListener('mousedown', handleClickOutside) : document.removeEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [open, childrenRef]);
+  useEffect(() => {
+    if (width) setWidth({
+      [value]: width
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [width]);
+  const onSelectClick = value => {
+    setActive(value);
+    setOpen(false);
+  };
+  return _jsxs(Fragment, {
+    children: [_jsxs(TabNavItemWrapper, {
+      ref: ref,
+      onClick: () => isSelect ? setOpen(!open) : setActive(value),
+      theme: theme,
+      css: t => [isActive && styles.active(t), isSmall && styles.small(t)],
+      "data-tracking-name": trackingName,
+      "data-tracking-event": trackingEvent,
+      className: className,
+      children: [displayText ? displayText : value, isSelect && _jsx(IconCaretDown, {
+        flipVertical: open,
+        size: 20
+      })]
+    }), isSelect && open && _jsx(SelectChildrenWrapper, {
+      left: left,
+      theme: theme,
+      bottom: bottom,
+      ref: childrenRef,
+      minWidth: width,
+      children: selectItems?.map(({
+        displayText,
+        value,
+        onClick,
+        indent,
+        disabled
+      }) => onClick ? _jsx(SelectOption, {
+        tabIndex: 0,
+        children: _jsx(Link, {
+          nopadding: true,
+          onClick: onClick,
+          children: displayText || value
+        }, value)
+      }, value) : _jsx(SelectOption, {
+        bold: value === active,
+        tabIndex: 0,
+        indent: indent,
+        disabled: disabled,
+        onClick: !disabled ? () => onSelectClick(value) : undefined,
+        children: displayText
+      }, value))
+    })]
+  });
+};
+export { TabNavItem };
+export default TabNavItem;

package/esm/v2/core/TabNav/TabNavItem/styles.js

@@ -0,0 +1,43 @@
+import _styled from "@emotion/styled/base";
+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)."; }
+import { css } from '@emotion/react';
+const calculateIndent = indent => {
+  const BASE = 8;
+  const INDENT_PADDING_LI = indent === 1 ? BASE * 3 : (indent + 2) * BASE;
+  return /*#__PURE__*/css("padding-left:", INDENT_PADDING_LI, "px!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:calculateIndent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRWSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvdjIvY29yZS9UYWJOYXYvVGFiTmF2SXRlbS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IElBcHBUaGVtZSBmcm9tICcuLi8uLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IGNhbGN1bGF0ZUluZGVudCA9IChpbmRlbnQ6IG51bWJlcikgPT4ge1xuICBjb25zdCBCQVNFID0gOFxuICBjb25zdCBJTkRFTlRfUEFERElOR19MSSA9IGluZGVudCA9PT0gMSA/IEJBU0UgKiAzIDogKGluZGVudCArIDIpICogQkFTRVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZy1sZWZ0OiAke0lOREVOVF9QQURESU5HX0xJfXB4ICFpbXBvcnRhbnQ7XG4gIGBcbn1cblxuZXhwb3J0IGNvbnN0IFRhYk5hdkl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBhZGRpbmc6IDAuNzVyZW0gMXJlbTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLnRoZW1lLmJnTGlnaHR9O1xuICAgICAgY29sb3I6ICR7cHJvcHMudGhlbWUuZGVmYXVsdFRleHR9O1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2VsZWN0Q2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLnVsKFxuICAocHJvcHM6IHtcbiAgICBib3R0b206IG51bWJlclxuICAgIGxlZnQ6IG51bWJlclxuICAgIG1pbldpZHRoOiBudW1iZXJcbiAgICB0aGVtZTogSUFwcFRoZW1lXG4gIH0pID0+IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMztcbiAgICB0b3A6IGNhbGMoJHtwcm9wcy5ib3R0b219cHggLSAwLjVlbSk7XG4gICAgbGVmdDogJHtwcm9wcy5sZWZ0fXB4O1xuICAgIGJhY2tncm91bmQ6ICNmZmY7XG4gICAgYm94LXNoYWRvdzogMHB4IDEwcHggMTVweCAwcHggcmdiYSgwLCAwLCAwLCAwLjEpO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWluLXdpZHRoOiAke3Byb3BzLm1pbldpZHRofXB4O1xuICAgIG1heC13aWR0aDogMzUwcHg7XG5cbiAgICBtYXgtaGVpZ2h0OiA0MHZoO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgb3ZlcmZsb3cteDogaGlkZGVuO1xuXG4gICAgJiA+IGxpIHtcbiAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDtcbiAgICAgIGJhY2tncm91bmQ6ICNmZmY7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtIDFlbSk7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgcGFkZGluZzogMC41ZW07XG4gICAgICBwYWRkaW5nLWxlZnQ6IDFlbTtcbiAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3Byb3BzLnRoZW1lLmJvcmRlcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDE1MG1zIGVhc2UtaW4tb3V0O1xuXG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBib3JkZXItdG9wOiBub25lO1xuICAgICAgfVxuXG4gICAgICAmOmhvdmVyLFxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMudGhlbWUuYmdMaWdodH07XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RPcHRpb24gPSBzdHlsZWQubGkoXG4gICh7XG4gICAgZGlzYWJsZWQsXG4gICAgYm9sZCxcbiAgICBpbmRlbnQsXG4gIH06IHtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgICBib2xkPzogYm9vbGVhblxuICAgIGluZGVudD86IG51bWJlclxuICB9KSA9PiBjc3NgXG4gICAgcGFkZGluZzogMDtcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgIG9wYWNpdHk6ICR7ZGlzYWJsZWQgPyAwLjUgOiAxfTtcblxuICAgIGZvbnQtd2VpZ2h0OiAke2JvbGQgPyA2MDAgOiA0MDB9O1xuXG4gICAgJHtpbmRlbnQgJiYgY2FsY3VsYXRlSW5kZW50KGluZGVudCl9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYWN0aXZlOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJnRGFya307XG4gICAgICBjb2xvcjogd2hpdGU7XG4gICAgYCxcbiAgc21hbGw6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmc6IDAuNXJlbTtcbiAgICBgLFxufVxuIl19 */");
+};
+export const TabNavItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  target: "eucjil52"
+} : {
+  target: "eucjil52",
+  label: "TabNavItemWrapper"
+})(props => /*#__PURE__*/css("display:flex;border:none;background:transparent;cursor:pointer;padding:0.75rem 1rem;position:relative;font-size:16px;font-weight:600;transition:all ease 250ms;border-radius:8px;&:hover{background:", props.theme.bgLight, ";color:", props.theme.defaultText, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TabNavItemWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBjYWxjdWxhdGVJbmRlbnQgPSAoaW5kZW50OiBudW1iZXIpID0+IHtcbiAgY29uc3QgQkFTRSA9IDhcbiAgY29uc3QgSU5ERU5UX1BBRERJTkdfTEkgPSBpbmRlbnQgPT09IDEgPyBCQVNFICogMyA6IChpbmRlbnQgKyAyKSAqIEJBU0VcblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmctbGVmdDogJHtJTkRFTlRfUEFERElOR19MSX1weCAhaW1wb3J0YW50O1xuICBgXG59XG5cbmV4cG9ydCBjb25zdCBUYWJOYXZJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwYWRkaW5nOiAwLjc1cmVtIDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIHRyYW5zaXRpb246IGFsbCBlYXNlIDI1MG1zO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZS5iZ0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3Byb3BzLnRoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNlbGVjdENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC51bChcbiAgKHByb3BzOiB7XG4gICAgYm90dG9tOiBudW1iZXJcbiAgICBsZWZ0OiBudW1iZXJcbiAgICBtaW5XaWR0aDogbnVtYmVyXG4gICAgdGhlbWU6IElBcHBUaGVtZVxuICB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDM7XG4gICAgdG9wOiBjYWxjKCR7cHJvcHMuYm90dG9tfXB4IC0gMC41ZW0pO1xuICAgIGxlZnQ6ICR7cHJvcHMubGVmdH1weDtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1pbi13aWR0aDogJHtwcm9wcy5taW5XaWR0aH1weDtcbiAgICBtYXgtd2lkdGg6IDM1MHB4O1xuXG4gICAgbWF4LWhlaWdodDogNDB2aDtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcblxuICAgICYgPiBsaSB7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxZW0pO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgIHBhZGRpbmc6IDAuNWVtO1xuICAgICAgcGFkZGluZy1sZWZ0OiAxZW07XG4gICAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHtwcm9wcy50aGVtZS5ib3JkZXJ9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAxNTBtcyBlYXNlLWluLW91dDtcblxuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLnRoZW1lLmJnTGlnaHR9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2VsZWN0T3B0aW9uID0gc3R5bGVkLmxpKFxuICAoe1xuICAgIGRpc2FibGVkLFxuICAgIGJvbGQsXG4gICAgaW5kZW50LFxuICB9OiB7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gICAgYm9sZD86IGJvb2xlYW5cbiAgICBpbmRlbnQ/OiBudW1iZXJcbiAgfSkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDA7XG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgcGFkZGluZy1yaWdodDogOHB4O1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICBvcGFjaXR5OiAke2Rpc2FibGVkID8gMC41IDogMX07XG5cbiAgICBmb250LXdlaWdodDogJHtib2xkID8gNjAwIDogNDAwfTtcblxuICAgICR7aW5kZW50ICYmIGNhbGN1bGF0ZUluZGVudChpbmRlbnQpfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgY29sb3I6IHdoaXRlO1xuICAgIGAsXG4gIHNtYWxsOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAwLjVyZW07XG4gICAgYCxcbn1cbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBjYWxjdWxhdGVJbmRlbnQgPSAoaW5kZW50OiBudW1iZXIpID0+IHtcbiAgY29uc3QgQkFTRSA9IDhcbiAgY29uc3QgSU5ERU5UX1BBRERJTkdfTEkgPSBpbmRlbnQgPT09IDEgPyBCQVNFICogMyA6IChpbmRlbnQgKyAyKSAqIEJBU0VcblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmctbGVmdDogJHtJTkRFTlRfUEFERElOR19MSX1weCAhaW1wb3J0YW50O1xuICBgXG59XG5cbmV4cG9ydCBjb25zdCBUYWJOYXZJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwYWRkaW5nOiAwLjc1cmVtIDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIHRyYW5zaXRpb246IGFsbCBlYXNlIDI1MG1zO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZS5iZ0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3Byb3BzLnRoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNlbGVjdENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC51bChcbiAgKHByb3BzOiB7XG4gICAgYm90dG9tOiBudW1iZXJcbiAgICBsZWZ0OiBudW1iZXJcbiAgICBtaW5XaWR0aDogbnVtYmVyXG4gICAgdGhlbWU6IElBcHBUaGVtZVxuICB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDM7XG4gICAgdG9wOiBjYWxjKCR7cHJvcHMuYm90dG9tfXB4IC0gMC41ZW0pO1xuICAgIGxlZnQ6ICR7cHJvcHMubGVmdH1weDtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1pbi13aWR0aDogJHtwcm9wcy5taW5XaWR0aH1weDtcbiAgICBtYXgtd2lkdGg6IDM1MHB4O1xuXG4gICAgbWF4LWhlaWdodDogNDB2aDtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcblxuICAgICYgPiBsaSB7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxZW0pO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgIHBhZGRpbmc6IDAuNWVtO1xuICAgICAgcGFkZGluZy1sZWZ0OiAxZW07XG4gICAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHtwcm9wcy50aGVtZS5ib3JkZXJ9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAxNTBtcyBlYXNlLWluLW91dDtcblxuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLnRoZW1lLmJnTGlnaHR9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2VsZWN0T3B0aW9uID0gc3R5bGVkLmxpKFxuICAoe1xuICAgIGRpc2FibGVkLFxuICAgIGJvbGQsXG4gICAgaW5kZW50LFxuICB9OiB7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gICAgYm9sZD86IGJvb2xlYW5cbiAgICBpbmRlbnQ/OiBudW1iZXJcbiAgfSkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDA7XG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgcGFkZGluZy1yaWdodDogOHB4O1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICBvcGFjaXR5OiAke2Rpc2FibGVkID8gMC41IDogMX07XG5cbiAgICBmb250LXdlaWdodDogJHtib2xkID8gNjAwIDogNDAwfTtcblxuICAgICR7aW5kZW50ICYmIGNhbGN1bGF0ZUluZGVudChpbmRlbnQpfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgY29sb3I6IHdoaXRlO1xuICAgIGAsXG4gIHNtYWxsOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAwLjVyZW07XG4gICAgYCxcbn1cbiJdfQ== */");
+export const SelectChildrenWrapper = /*#__PURE__*/_styled("ul", process.env.NODE_ENV === "production" ? {
+  target: "eucjil51"
+} : {
+  target: "eucjil51",
+  label: "SelectChildrenWrapper"
+})(props => /*#__PURE__*/css("position:absolute;z-index:3;top:calc(", props.bottom, "px - 0.5em);left:", props.left, "px;background:#fff;box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1);list-style:none;margin:0;padding:0;min-width:", props.minWidth, "px;max-width:350px;max-height:40vh;overflow-y:auto;overflow-x:hidden;&>li{word-break:break-all;background:#fff;display:flex;width:calc(100% - 1em);cursor:pointer;list-style:none;padding:0.5em;padding-left:1em;border-top:1px solid ", props.theme.border, ";transition:background 150ms ease-in-out;&:first-of-type{border-top:none;}&:hover,&:focus{background:", props.theme.bgLight, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:SelectChildrenWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q1ciLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBjYWxjdWxhdGVJbmRlbnQgPSAoaW5kZW50OiBudW1iZXIpID0+IHtcbiAgY29uc3QgQkFTRSA9IDhcbiAgY29uc3QgSU5ERU5UX1BBRERJTkdfTEkgPSBpbmRlbnQgPT09IDEgPyBCQVNFICogMyA6IChpbmRlbnQgKyAyKSAqIEJBU0VcblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmctbGVmdDogJHtJTkRFTlRfUEFERElOR19MSX1weCAhaW1wb3J0YW50O1xuICBgXG59XG5cbmV4cG9ydCBjb25zdCBUYWJOYXZJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwYWRkaW5nOiAwLjc1cmVtIDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIHRyYW5zaXRpb246IGFsbCBlYXNlIDI1MG1zO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZS5iZ0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3Byb3BzLnRoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNlbGVjdENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC51bChcbiAgKHByb3BzOiB7XG4gICAgYm90dG9tOiBudW1iZXJcbiAgICBsZWZ0OiBudW1iZXJcbiAgICBtaW5XaWR0aDogbnVtYmVyXG4gICAgdGhlbWU6IElBcHBUaGVtZVxuICB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDM7XG4gICAgdG9wOiBjYWxjKCR7cHJvcHMuYm90dG9tfXB4IC0gMC41ZW0pO1xuICAgIGxlZnQ6ICR7cHJvcHMubGVmdH1weDtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1pbi13aWR0aDogJHtwcm9wcy5taW5XaWR0aH1weDtcbiAgICBtYXgtd2lkdGg6IDM1MHB4O1xuXG4gICAgbWF4LWhlaWdodDogNDB2aDtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcblxuICAgICYgPiBsaSB7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxZW0pO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgIHBhZGRpbmc6IDAuNWVtO1xuICAgICAgcGFkZGluZy1sZWZ0OiAxZW07XG4gICAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHtwcm9wcy50aGVtZS5ib3JkZXJ9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAxNTBtcyBlYXNlLWluLW91dDtcblxuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLnRoZW1lLmJnTGlnaHR9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2VsZWN0T3B0aW9uID0gc3R5bGVkLmxpKFxuICAoe1xuICAgIGRpc2FibGVkLFxuICAgIGJvbGQsXG4gICAgaW5kZW50LFxuICB9OiB7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gICAgYm9sZD86IGJvb2xlYW5cbiAgICBpbmRlbnQ/OiBudW1iZXJcbiAgfSkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDA7XG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgcGFkZGluZy1yaWdodDogOHB4O1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICBvcGFjaXR5OiAke2Rpc2FibGVkID8gMC41IDogMX07XG5cbiAgICBmb250LXdlaWdodDogJHtib2xkID8gNjAwIDogNDAwfTtcblxuICAgICR7aW5kZW50ICYmIGNhbGN1bGF0ZUluZGVudChpbmRlbnQpfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgY29sb3I6IHdoaXRlO1xuICAgIGAsXG4gIHNtYWxsOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAwLjVyZW07XG4gICAgYCxcbn1cbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ3FDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgSUFwcFRoZW1lIGZyb20gJy4uLy4uLy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3QgY2FsY3VsYXRlSW5kZW50ID0gKGluZGVudDogbnVtYmVyKSA9PiB7XG4gIGNvbnN0IEJBU0UgPSA4XG4gIGNvbnN0IElOREVOVF9QQURESU5HX0xJID0gaW5kZW50ID09PSAxID8gQkFTRSAqIDMgOiAoaW5kZW50ICsgMikgKiBCQVNFXG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nLWxlZnQ6ICR7SU5ERU5UX1BBRERJTkdfTEl9cHggIWltcG9ydGFudDtcbiAgYFxufVxuXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uKFxuICAocHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgcGFkZGluZzogMC43NXJlbSAxcmVtO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMudGhlbWUuYmdMaWdodH07XG4gICAgICBjb2xvcjogJHtwcm9wcy50aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQudWwoXG4gIChwcm9wczoge1xuICAgIGJvdHRvbTogbnVtYmVyXG4gICAgbGVmdDogbnVtYmVyXG4gICAgbWluV2lkdGg6IG51bWJlclxuICAgIHRoZW1lOiBJQXBwVGhlbWVcbiAgfSkgPT4gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAzO1xuICAgIHRvcDogY2FsYygke3Byb3BzLmJvdHRvbX1weCAtIDAuNWVtKTtcbiAgICBsZWZ0OiAke3Byb3BzLmxlZnR9cHg7XG4gICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICBib3gtc2hhZG93OiAwcHggMTBweCAxNXB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBtaW4td2lkdGg6ICR7cHJvcHMubWluV2lkdGh9cHg7XG4gICAgbWF4LXdpZHRoOiAzNTBweDtcblxuICAgIG1heC1oZWlnaHQ6IDQwdmg7XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICBvdmVyZmxvdy14OiBoaWRkZW47XG5cbiAgICAmID4gbGkge1xuICAgICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gMWVtKTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICBwYWRkaW5nOiAwLjVlbTtcbiAgICAgIHBhZGRpbmctbGVmdDogMWVtO1xuICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7cHJvcHMudGhlbWUuYm9yZGVyfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMTUwbXMgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIsXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZS5iZ0xpZ2h0fTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNlbGVjdE9wdGlvbiA9IHN0eWxlZC5saShcbiAgKHtcbiAgICBkaXNhYmxlZCxcbiAgICBib2xkLFxuICAgIGluZGVudCxcbiAgfToge1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxuICAgIGJvbGQ/OiBib29sZWFuXG4gICAgaW5kZW50PzogbnVtYmVyXG4gIH0pID0+IGNzc2BcbiAgICBwYWRkaW5nOiAwO1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDhweDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgb3BhY2l0eTogJHtkaXNhYmxlZCA/IDAuNSA6IDF9O1xuXG4gICAgZm9udC13ZWlnaHQ6ICR7Ym9sZCA/IDYwMCA6IDQwMH07XG5cbiAgICAke2luZGVudCAmJiBjYWxjdWxhdGVJbmRlbnQoaW5kZW50KX1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBgLFxuICBzbWFsbDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZzogMC41cmVtO1xuICAgIGAsXG59XG4iXX0= */");
+export const SelectOption = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production" ? {
+  target: "eucjil50"
+} : {
+  target: "eucjil50",
+  label: "SelectOption"
+})(({
+  disabled,
+  bold,
+  indent
+}) => /*#__PURE__*/css("padding:0;padding-left:8px;padding-right:8px;justify-content:flex-start;height:100%;width:100%;opacity:", disabled ? 0.5 : 1, ";font-weight:", bold ? 600 : 400, ";", indent && calculateIndent(indent), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SelectOption;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RlciLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBjYWxjdWxhdGVJbmRlbnQgPSAoaW5kZW50OiBudW1iZXIpID0+IHtcbiAgY29uc3QgQkFTRSA9IDhcbiAgY29uc3QgSU5ERU5UX1BBRERJTkdfTEkgPSBpbmRlbnQgPT09IDEgPyBCQVNFICogMyA6IChpbmRlbnQgKyAyKSAqIEJBU0VcblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmctbGVmdDogJHtJTkRFTlRfUEFERElOR19MSX1weCAhaW1wb3J0YW50O1xuICBgXG59XG5cbmV4cG9ydCBjb25zdCBUYWJOYXZJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwYWRkaW5nOiAwLjc1cmVtIDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIHRyYW5zaXRpb246IGFsbCBlYXNlIDI1MG1zO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZS5iZ0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3Byb3BzLnRoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNlbGVjdENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC51bChcbiAgKHByb3BzOiB7XG4gICAgYm90dG9tOiBudW1iZXJcbiAgICBsZWZ0OiBudW1iZXJcbiAgICBtaW5XaWR0aDogbnVtYmVyXG4gICAgdGhlbWU6IElBcHBUaGVtZVxuICB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDM7XG4gICAgdG9wOiBjYWxjKCR7cHJvcHMuYm90dG9tfXB4IC0gMC41ZW0pO1xuICAgIGxlZnQ6ICR7cHJvcHMubGVmdH1weDtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1pbi13aWR0aDogJHtwcm9wcy5taW5XaWR0aH1weDtcbiAgICBtYXgtd2lkdGg6IDM1MHB4O1xuXG4gICAgbWF4LWhlaWdodDogNDB2aDtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcblxuICAgICYgPiBsaSB7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxZW0pO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgIHBhZGRpbmc6IDAuNWVtO1xuICAgICAgcGFkZGluZy1sZWZ0OiAxZW07XG4gICAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHtwcm9wcy50aGVtZS5ib3JkZXJ9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAxNTBtcyBlYXNlLWluLW91dDtcblxuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLnRoZW1lLmJnTGlnaHR9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2VsZWN0T3B0aW9uID0gc3R5bGVkLmxpKFxuICAoe1xuICAgIGRpc2FibGVkLFxuICAgIGJvbGQsXG4gICAgaW5kZW50LFxuICB9OiB7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gICAgYm9sZD86IGJvb2xlYW5cbiAgICBpbmRlbnQ/OiBudW1iZXJcbiAgfSkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDA7XG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgcGFkZGluZy1yaWdodDogOHB4O1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICBvcGFjaXR5OiAke2Rpc2FibGVkID8gMC41IDogMX07XG5cbiAgICBmb250LXdlaWdodDogJHtib2xkID8gNjAwIDogNDAwfTtcblxuICAgICR7aW5kZW50ICYmIGNhbGN1bGF0ZUluZGVudChpbmRlbnQpfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgY29sb3I6IHdoaXRlO1xuICAgIGAsXG4gIHNtYWxsOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAwLjVyZW07XG4gICAgYCxcbn1cbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRjRCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgSUFwcFRoZW1lIGZyb20gJy4uLy4uLy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3QgY2FsY3VsYXRlSW5kZW50ID0gKGluZGVudDogbnVtYmVyKSA9PiB7XG4gIGNvbnN0IEJBU0UgPSA4XG4gIGNvbnN0IElOREVOVF9QQURESU5HX0xJID0gaW5kZW50ID09PSAxID8gQkFTRSAqIDMgOiAoaW5kZW50ICsgMikgKiBCQVNFXG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nLWxlZnQ6ICR7SU5ERU5UX1BBRERJTkdfTEl9cHggIWltcG9ydGFudDtcbiAgYFxufVxuXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uKFxuICAocHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgcGFkZGluZzogMC43NXJlbSAxcmVtO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMudGhlbWUuYmdMaWdodH07XG4gICAgICBjb2xvcjogJHtwcm9wcy50aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQudWwoXG4gIChwcm9wczoge1xuICAgIGJvdHRvbTogbnVtYmVyXG4gICAgbGVmdDogbnVtYmVyXG4gICAgbWluV2lkdGg6IG51bWJlclxuICAgIHRoZW1lOiBJQXBwVGhlbWVcbiAgfSkgPT4gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAzO1xuICAgIHRvcDogY2FsYygke3Byb3BzLmJvdHRvbX1weCAtIDAuNWVtKTtcbiAgICBsZWZ0OiAke3Byb3BzLmxlZnR9cHg7XG4gICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICBib3gtc2hhZG93OiAwcHggMTBweCAxNXB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBtaW4td2lkdGg6ICR7cHJvcHMubWluV2lkdGh9cHg7XG4gICAgbWF4LXdpZHRoOiAzNTBweDtcblxuICAgIG1heC1oZWlnaHQ6IDQwdmg7XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICBvdmVyZmxvdy14OiBoaWRkZW47XG5cbiAgICAmID4gbGkge1xuICAgICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gMWVtKTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICBwYWRkaW5nOiAwLjVlbTtcbiAgICAgIHBhZGRpbmctbGVmdDogMWVtO1xuICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7cHJvcHMudGhlbWUuYm9yZGVyfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMTUwbXMgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIsXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZS5iZ0xpZ2h0fTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNlbGVjdE9wdGlvbiA9IHN0eWxlZC5saShcbiAgKHtcbiAgICBkaXNhYmxlZCxcbiAgICBib2xkLFxuICAgIGluZGVudCxcbiAgfToge1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxuICAgIGJvbGQ/OiBib29sZWFuXG4gICAgaW5kZW50PzogbnVtYmVyXG4gIH0pID0+IGNzc2BcbiAgICBwYWRkaW5nOiAwO1xuICAgIHBhZGRpbmctbGVmdDogOHB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDhweDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgb3BhY2l0eTogJHtkaXNhYmxlZCA/IDAuNSA6IDF9O1xuXG4gICAgZm9udC13ZWlnaHQ6ICR7Ym9sZCA/IDYwMCA6IDQwMH07XG5cbiAgICAke2luZGVudCAmJiBjYWxjdWxhdGVJbmRlbnQoaW5kZW50KX1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBgLFxuICBzbWFsbDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZzogMC41cmVtO1xuICAgIGAsXG59XG4iXX0= */");
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "m1a2da",
+  styles: "padding:0.5rem"
+} : {
+  name: "1o6kqfy-small",
+  styles: "padding:0.5rem;label:small;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnSE8iLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBjYWxjdWxhdGVJbmRlbnQgPSAoaW5kZW50OiBudW1iZXIpID0+IHtcbiAgY29uc3QgQkFTRSA9IDhcbiAgY29uc3QgSU5ERU5UX1BBRERJTkdfTEkgPSBpbmRlbnQgPT09IDEgPyBCQVNFICogMyA6IChpbmRlbnQgKyAyKSAqIEJBU0VcblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmctbGVmdDogJHtJTkRFTlRfUEFERElOR19MSX1weCAhaW1wb3J0YW50O1xuICBgXG59XG5cbmV4cG9ydCBjb25zdCBUYWJOYXZJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwYWRkaW5nOiAwLjc1cmVtIDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIHRyYW5zaXRpb246IGFsbCBlYXNlIDI1MG1zO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZS5iZ0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3Byb3BzLnRoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNlbGVjdENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC51bChcbiAgKHByb3BzOiB7XG4gICAgYm90dG9tOiBudW1iZXJcbiAgICBsZWZ0OiBudW1iZXJcbiAgICBtaW5XaWR0aDogbnVtYmVyXG4gICAgdGhlbWU6IElBcHBUaGVtZVxuICB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDM7XG4gICAgdG9wOiBjYWxjKCR7cHJvcHMuYm90dG9tfXB4IC0gMC41ZW0pO1xuICAgIGxlZnQ6ICR7cHJvcHMubGVmdH1weDtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1pbi13aWR0aDogJHtwcm9wcy5taW5XaWR0aH1weDtcbiAgICBtYXgtd2lkdGg6IDM1MHB4O1xuXG4gICAgbWF4LWhlaWdodDogNDB2aDtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcblxuICAgICYgPiBsaSB7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxZW0pO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgIHBhZGRpbmc6IDAuNWVtO1xuICAgICAgcGFkZGluZy1sZWZ0OiAxZW07XG4gICAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHtwcm9wcy50aGVtZS5ib3JkZXJ9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAxNTBtcyBlYXNlLWluLW91dDtcblxuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLnRoZW1lLmJnTGlnaHR9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2VsZWN0T3B0aW9uID0gc3R5bGVkLmxpKFxuICAoe1xuICAgIGRpc2FibGVkLFxuICAgIGJvbGQsXG4gICAgaW5kZW50LFxuICB9OiB7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gICAgYm9sZD86IGJvb2xlYW5cbiAgICBpbmRlbnQ/OiBudW1iZXJcbiAgfSkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDA7XG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgcGFkZGluZy1yaWdodDogOHB4O1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICBvcGFjaXR5OiAke2Rpc2FibGVkID8gMC41IDogMX07XG5cbiAgICBmb250LXdlaWdodDogJHtib2xkID8gNjAwIDogNDAwfTtcblxuICAgICR7aW5kZW50ICYmIGNhbGN1bGF0ZUluZGVudChpbmRlbnQpfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgY29sb3I6IHdoaXRlO1xuICAgIGAsXG4gIHNtYWxsOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAwLjVyZW07XG4gICAgYCxcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export const styles = {
+  active: theme => /*#__PURE__*/css("background-color:", theme.bgDark, ";color:white;" + (process.env.NODE_ENV === "production" ? "" : ";label:active;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyR08iLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBjYWxjdWxhdGVJbmRlbnQgPSAoaW5kZW50OiBudW1iZXIpID0+IHtcbiAgY29uc3QgQkFTRSA9IDhcbiAgY29uc3QgSU5ERU5UX1BBRERJTkdfTEkgPSBpbmRlbnQgPT09IDEgPyBCQVNFICogMyA6IChpbmRlbnQgKyAyKSAqIEJBU0VcblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmctbGVmdDogJHtJTkRFTlRfUEFERElOR19MSX1weCAhaW1wb3J0YW50O1xuICBgXG59XG5cbmV4cG9ydCBjb25zdCBUYWJOYXZJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwYWRkaW5nOiAwLjc1cmVtIDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIHRyYW5zaXRpb246IGFsbCBlYXNlIDI1MG1zO1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZS5iZ0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3Byb3BzLnRoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNlbGVjdENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC51bChcbiAgKHByb3BzOiB7XG4gICAgYm90dG9tOiBudW1iZXJcbiAgICBsZWZ0OiBudW1iZXJcbiAgICBtaW5XaWR0aDogbnVtYmVyXG4gICAgdGhlbWU6IElBcHBUaGVtZVxuICB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDM7XG4gICAgdG9wOiBjYWxjKCR7cHJvcHMuYm90dG9tfXB4IC0gMC41ZW0pO1xuICAgIGxlZnQ6ICR7cHJvcHMubGVmdH1weDtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1pbi13aWR0aDogJHtwcm9wcy5taW5XaWR0aH1weDtcbiAgICBtYXgtd2lkdGg6IDM1MHB4O1xuXG4gICAgbWF4LWhlaWdodDogNDB2aDtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcblxuICAgICYgPiBsaSB7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxZW0pO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgIHBhZGRpbmc6IDAuNWVtO1xuICAgICAgcGFkZGluZy1sZWZ0OiAxZW07XG4gICAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHtwcm9wcy50aGVtZS5ib3JkZXJ9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAxNTBtcyBlYXNlLWluLW91dDtcblxuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLnRoZW1lLmJnTGlnaHR9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2VsZWN0T3B0aW9uID0gc3R5bGVkLmxpKFxuICAoe1xuICAgIGRpc2FibGVkLFxuICAgIGJvbGQsXG4gICAgaW5kZW50LFxuICB9OiB7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gICAgYm9sZD86IGJvb2xlYW5cbiAgICBpbmRlbnQ/OiBudW1iZXJcbiAgfSkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDA7XG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgcGFkZGluZy1yaWdodDogOHB4O1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICBvcGFjaXR5OiAke2Rpc2FibGVkID8gMC41IDogMX07XG5cbiAgICBmb250LXdlaWdodDogJHtib2xkID8gNjAwIDogNDAwfTtcblxuICAgICR7aW5kZW50ICYmIGNhbGN1bGF0ZUluZGVudChpbmRlbnQpfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgY29sb3I6IHdoaXRlO1xuICAgIGAsXG4gIHNtYWxsOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAwLjVyZW07XG4gICAgYCxcbn1cbiJdfQ== */"),
+  small: theme => _ref
+};

package/esm/v2/core/TabNav/index.js

@@ -0,0 +1,123 @@
+/** @jsxImportSource @emotion/react */
+import React from 'react';
+import { useTheme } from '@emotion/react';
+import { TabContextProvider, TabContext } from './TabContext';
+import { styles, TabNavWrapper, TabNavActions, SelectWrapper, SelectLinkWrapper } from './styles';
+import { useContainerDimensions } from './utils/useContainerDimensions';
+import { useIsMobile } from '../../../hooks/useIsMobile';
+import Select, { Option } from '../../../core/Select';
+import Link from '../../../core/Link';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const TabNav = ({
+  value,
+  children,
+  onChange,
+  css,
+  maxWidth,
+  vertical,
+  actions,
+  className,
+  breakpoint
+}) => {
+  const isMobile = useIsMobile(breakpoint);
+  const theme = useTheme();
+
+  // Container dimensions
+  const ref = React.useRef(null);
+  const {
+    width: containerWidth
+  } = useContainerDimensions(ref);
+
+  // Button dimensions
+  const buttonRef = React.useRef(null);
+  const {
+    width: actionsWidth
+  } = useContainerDimensions(buttonRef);
+  const values = React.Children.map(children, child => child !== null && child.props)?.filter(Boolean) || [];
+  const displayNameFromValue = value => {
+    const item = values.find(item => item.value === value);
+    return item?.displayText || String(value);
+  };
+  const valueWithSelectItemIndex = values.findIndex(item => item.selectItems?.length);
+  const listOfSelectedItems = items => {
+    if (!items) return [];
+    return items.map(prop => ({
+      ...prop
+    }));
+  };
+  if (valueWithSelectItemIndex > -1) {
+    const selectedItems = values[valueWithSelectItemIndex].selectItems;
+
+    // If we have no actual selectedItems, dont show any label while in the mobile/dropdown version
+    const isEverySelectedItemDisabledOrLink = Number(selectedItems?.length) >= 1 && selectedItems?.every(item => item.disabled || item.onClick);
+    if (isEverySelectedItemDisabledOrLink) {
+      const itemsWithOnClick = selectedItems?.filter(item => item.onClick) || [];
+
+      // Remove valueWithSelectItemIndex from the values array, but add on itemsWithOnClick in the list
+      values.splice(valueWithSelectItemIndex, 1, ...listOfSelectedItems(itemsWithOnClick));
+    } else {
+      values.splice(valueWithSelectItemIndex + 1, 0, ...listOfSelectedItems(selectedItems));
+    }
+  }
+  return _jsx(TabContextProvider, {
+    onChange: onChange,
+    value: value || values?.[0].value,
+    children: _jsx(TabContext.Consumer, {
+      children: ({
+        width: childrenTotalWidth,
+        setActive,
+        active
+      }) => {
+        if (breakpoint && isMobile || !breakpoint && actionsWidth + childrenTotalWidth > containerWidth) {
+          // Render dropdown instead of tabs
+
+          return _jsxs(SelectWrapper, {
+            children: [_jsx(Select, {
+              input: true,
+              width: "auto",
+              text: "Velg",
+              selectedValue: displayNameFromValue(String(active)) || '0',
+              onChange: ({
+                value
+              }) => value && setActive(value),
+              className: className,
+              maxHeight: "40vh",
+              children: values.map(({
+                displayText,
+                value: v,
+                selectItems,
+                onClick,
+                indent,
+                disabled
+              }) => onClick ? _jsx(SelectLinkWrapper, {
+                children: _jsx(Link, {
+                  nopadding: true,
+                  small: true,
+                  onClick: onClick,
+                  children: displayText || v
+                })
+              }, v) : _jsx(Option, {
+                value: v,
+                indent: indent,
+                disabled: disabled || Boolean(selectItems?.length),
+                children: displayText || v
+              }, v))
+            }), actions]
+          });
+        }
+        return _jsxs(TabNavWrapper, {
+          ref: ref,
+          theme: theme,
+          className: className,
+          css: () => [vertical && styles.vertical, maxWidth && styles.maxWidth(maxWidth), css],
+          children: [children, actions && _jsx(TabNavActions, {
+            ref: buttonRef,
+            children: actions
+          })]
+        });
+      }
+    })
+  });
+};
+export { TabNav };
+export default TabNav;

package/esm/v2/core/TabNav/styles.js

@@ -0,0 +1,58 @@
+import _styled from "@emotion/styled/base";
+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)."; }
+import { css } from '@emotion/react';
+import bp from '../../../globals/styles/breakpoints';
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1qytrcl",
+  styles: "display:flex;gap:0.5rem;width:100%;position:relative;padding:0;margin:0;align-content:space-between;align-items:flex-end"
+} : {
+  name: "mniq5c-TabNavWrapper",
+  styles: "display:flex;gap:0.5rem;width:100%;position:relative;padding:0;margin:0;align-content:space-between;align-items:flex-end;label:TabNavWrapper;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgVGFiTmF2V3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiAwLjVyZW07XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAwO1xuICAgIGFsaWduLWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBUYWJOYXZBY3Rpb25zID0gc3R5bGVkLnNwYW5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMWVtO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBib3R0b206IDA7XG4gICAgcGFkZGluZzogMWVtO1xuXG4gICAgJjphZnRlciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgU2VsZWN0TGlua1dyYXBwZXIgPSBzdHlsZWQubGlgYFxuXG5leHBvcnQgY29uc3QgU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMC41ZW07XG5cbiAgLy8gVG8gbWFrZSB0aGUgdGVzdCBhbGlnbiBjb3JyZWN0bHkgYW5kIG5vdCBvdmVyZmxvdy5cbiAgJiA+IHNwYW4gPiBkaXYgPiB1bCA+IGxpID4gYnV0dG9uIHtcbiAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBtYXhXaWR0aDogKHdpZHRoOiBudW1iZXIpID0+IGNzc2BcbiAgICBtYXgtd2lkdGg6ICR7d2lkdGh9cHg7XG4gIGAsXG5cbiAgdmVydGljYWw6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gICAgJjphZnRlciB7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgdG9wOiAwO1xuICAgICAgd2lkdGg6IDRweDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5cbiAgICAmIGJ1dHRvbjo6YWZ0ZXIsXG4gICAgJiBidXR0b246aG92ZXI6OmFmdGVyIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICB0b3A6IDA7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export const TabNavWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e2i76m83"
+} : {
+  target: "e2i76m83",
+  label: "TabNavWrapper"
+})(props => _ref, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTZCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgVGFiTmF2V3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiAwLjVyZW07XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAwO1xuICAgIGFsaWduLWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBUYWJOYXZBY3Rpb25zID0gc3R5bGVkLnNwYW5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMWVtO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBib3R0b206IDA7XG4gICAgcGFkZGluZzogMWVtO1xuXG4gICAgJjphZnRlciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgU2VsZWN0TGlua1dyYXBwZXIgPSBzdHlsZWQubGlgYFxuXG5leHBvcnQgY29uc3QgU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMC41ZW07XG5cbiAgLy8gVG8gbWFrZSB0aGUgdGVzdCBhbGlnbiBjb3JyZWN0bHkgYW5kIG5vdCBvdmVyZmxvdy5cbiAgJiA+IHNwYW4gPiBkaXYgPiB1bCA+IGxpID4gYnV0dG9uIHtcbiAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBtYXhXaWR0aDogKHdpZHRoOiBudW1iZXIpID0+IGNzc2BcbiAgICBtYXgtd2lkdGg6ICR7d2lkdGh9cHg7XG4gIGAsXG5cbiAgdmVydGljYWw6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gICAgJjphZnRlciB7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgdG9wOiAwO1xuICAgICAgd2lkdGg6IDRweDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5cbiAgICAmIGJ1dHRvbjo6YWZ0ZXIsXG4gICAgJiBidXR0b246aG92ZXI6OmFmdGVyIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICB0b3A6IDA7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbiJdfQ== */");
+export const TabNavActions = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e2i76m82"
+} : {
+  target: "e2i76m82",
+  label: "TabNavActions"
+})("position:absolute;right:0;bottom:1em;@media (max-width: ", bp.medium, "){bottom:0;padding:1em;&:after{display:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJ3QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvdjIvY29yZS9UYWJOYXYvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFRhYk5hdldyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogMC41cmVtO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBhbGlnbi1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgVGFiTmF2QWN0aW9ucyA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDFlbTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgYm90dG9tOiAwO1xuICAgIHBhZGRpbmc6IDFlbTtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFNlbGVjdExpbmtXcmFwcGVyID0gc3R5bGVkLmxpYGBcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDAuNWVtO1xuXG4gIC8vIFRvIG1ha2UgdGhlIHRlc3QgYWxpZ24gY29ycmVjdGx5IGFuZCBub3Qgb3ZlcmZsb3cuXG4gICYgPiBzcGFuID4gZGl2ID4gdWwgPiBsaSA+IGJ1dHRvbiB7XG4gICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgbWF4V2lkdGg6ICh3aWR0aDogbnVtYmVyKSA9PiBjc3NgXG4gICAgbWF4LXdpZHRoOiAke3dpZHRofXB4O1xuICBgLFxuXG4gIHZlcnRpY2FsOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgbGVmdDogMDtcbiAgICAgIHRvcDogMDtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgJiBidXR0b246OmFmdGVyLFxuICAgICYgYnV0dG9uOmhvdmVyOjphZnRlciB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogNHB4O1xuICAgICAgdG9wOiAwO1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG4iXX0= */"));
+export const SelectLinkWrapper = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production" ? {
+  target: "e2i76m81"
+} : {
+  target: "e2i76m81",
+  label: "SelectLinkWrapper"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0MwQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvdjIvY29yZS9UYWJOYXYvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFRhYk5hdldyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogMC41cmVtO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBhbGlnbi1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgVGFiTmF2QWN0aW9ucyA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDFlbTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgYm90dG9tOiAwO1xuICAgIHBhZGRpbmc6IDFlbTtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFNlbGVjdExpbmtXcmFwcGVyID0gc3R5bGVkLmxpYGBcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDAuNWVtO1xuXG4gIC8vIFRvIG1ha2UgdGhlIHRlc3QgYWxpZ24gY29ycmVjdGx5IGFuZCBub3Qgb3ZlcmZsb3cuXG4gICYgPiBzcGFuID4gZGl2ID4gdWwgPiBsaSA+IGJ1dHRvbiB7XG4gICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgbWF4V2lkdGg6ICh3aWR0aDogbnVtYmVyKSA9PiBjc3NgXG4gICAgbWF4LXdpZHRoOiAke3dpZHRofXB4O1xuICBgLFxuXG4gIHZlcnRpY2FsOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgbGVmdDogMDtcbiAgICAgIHRvcDogMDtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgJiBidXR0b246OmFmdGVyLFxuICAgICYgYnV0dG9uOmhvdmVyOjphZnRlciB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogNHB4O1xuICAgICAgdG9wOiAwO1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG4iXX0= */");
+export const SelectWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e2i76m80"
+} : {
+  target: "e2i76m80",
+  label: "SelectWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1cickod",
+  styles: "display:flex;flex-direction:column;gap:0.5em;&>span>div>ul>li>button{word-break:break-all;text-align:left;}"
+} : {
+  name: "1cickod",
+  styles: "display:flex;flex-direction:column;gap:0.5em;&>span>div>ul>li>button{word-break:break-all;text-align:left;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvdjIvY29yZS9UYWJOYXYvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFRhYk5hdldyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogMC41cmVtO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBhbGlnbi1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgVGFiTmF2QWN0aW9ucyA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDFlbTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgYm90dG9tOiAwO1xuICAgIHBhZGRpbmc6IDFlbTtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFNlbGVjdExpbmtXcmFwcGVyID0gc3R5bGVkLmxpYGBcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDAuNWVtO1xuXG4gIC8vIFRvIG1ha2UgdGhlIHRlc3QgYWxpZ24gY29ycmVjdGx5IGFuZCBub3Qgb3ZlcmZsb3cuXG4gICYgPiBzcGFuID4gZGl2ID4gdWwgPiBsaSA+IGJ1dHRvbiB7XG4gICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgbWF4V2lkdGg6ICh3aWR0aDogbnVtYmVyKSA9PiBjc3NgXG4gICAgbWF4LXdpZHRoOiAke3dpZHRofXB4O1xuICBgLFxuXG4gIHZlcnRpY2FsOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgbGVmdDogMDtcbiAgICAgIHRvcDogMDtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgJiBidXR0b246OmFmdGVyLFxuICAgICYgYnV0dG9uOmhvdmVyOjphZnRlciB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogNHB4O1xuICAgICAgdG9wOiAwO1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const styles = {
+  maxWidth: width => /*#__PURE__*/css("max-width:", width, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:maxWidth;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NrQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvdjIvY29yZS9UYWJOYXYvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFRhYk5hdldyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogMC41cmVtO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBhbGlnbi1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgVGFiTmF2QWN0aW9ucyA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDFlbTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgYm90dG9tOiAwO1xuICAgIHBhZGRpbmc6IDFlbTtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFNlbGVjdExpbmtXcmFwcGVyID0gc3R5bGVkLmxpYGBcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDAuNWVtO1xuXG4gIC8vIFRvIG1ha2UgdGhlIHRlc3QgYWxpZ24gY29ycmVjdGx5IGFuZCBub3Qgb3ZlcmZsb3cuXG4gICYgPiBzcGFuID4gZGl2ID4gdWwgPiBsaSA+IGJ1dHRvbiB7XG4gICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgbWF4V2lkdGg6ICh3aWR0aDogbnVtYmVyKSA9PiBjc3NgXG4gICAgbWF4LXdpZHRoOiAke3dpZHRofXB4O1xuICBgLFxuXG4gIHZlcnRpY2FsOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgbGVmdDogMDtcbiAgICAgIHRvcDogMDtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgJiBidXR0b246OmFmdGVyLFxuICAgICYgYnV0dG9uOmhvdmVyOjphZnRlciB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogNHB4O1xuICAgICAgdG9wOiAwO1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG4iXX0= */"),
+  vertical: process.env.NODE_ENV === "production" ? {
+    name: "1yrkr6r",
+    styles: "flex-direction:column;align-items:flex-start;&:after{left:0;top:0;width:4px;height:100%;}& button::after,& button:hover::after{height:100%;width:4px;top:0;}"
+  } : {
+    name: "qxb6uv-vertical",
+    styles: "flex-direction:column;align-items:flex-start;&:after{left:0;top:0;width:4px;height:100%;}& button::after,& button:hover::after{height:100%;width:4px;top:0;};label:vertical;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURlIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL1RhYk5hdi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgVGFiTmF2V3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiAwLjVyZW07XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAwO1xuICAgIGFsaWduLWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBUYWJOYXZBY3Rpb25zID0gc3R5bGVkLnNwYW5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMWVtO1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBib3R0b206IDA7XG4gICAgcGFkZGluZzogMWVtO1xuXG4gICAgJjphZnRlciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgU2VsZWN0TGlua1dyYXBwZXIgPSBzdHlsZWQubGlgYFxuXG5leHBvcnQgY29uc3QgU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMC41ZW07XG5cbiAgLy8gVG8gbWFrZSB0aGUgdGVzdCBhbGlnbiBjb3JyZWN0bHkgYW5kIG5vdCBvdmVyZmxvdy5cbiAgJiA+IHNwYW4gPiBkaXYgPiB1bCA+IGxpID4gYnV0dG9uIHtcbiAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBtYXhXaWR0aDogKHdpZHRoOiBudW1iZXIpID0+IGNzc2BcbiAgICBtYXgtd2lkdGg6ICR7d2lkdGh9cHg7XG4gIGAsXG5cbiAgdmVydGljYWw6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gICAgJjphZnRlciB7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgdG9wOiAwO1xuICAgICAgd2lkdGg6IDRweDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5cbiAgICAmIGJ1dHRvbjo6YWZ0ZXIsXG4gICAgJiBidXR0b246aG92ZXI6OmFmdGVyIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiA0cHg7XG4gICAgICB0b3A6IDA7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbiJdfQ== */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  }
+};
+export default styles;

package/esm/v2/core/TabNav/utils/useContainerDimensions.js

@@ -0,0 +1,26 @@
+import { useCallback, useEffect, useState } from 'react';
+export const useContainerDimensions = ref => {
+  const [dimensions, setDimensions] = useState({
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    bottom: 0
+  });
+  const getDimensions = useCallback(() => ({
+    width: ref.current?.offsetWidth || 0,
+    height: ref.current?.offsetHeight || 0,
+    top: ref.current?.offsetTop || 0,
+    left: ref.current?.offsetLeft || 0,
+    bottom: Number(ref.current?.offsetTop) + Number(ref.current?.offsetHeight) || 0
+  }), [ref]);
+  useEffect(() => {
+    const handleResize = () => setDimensions(getDimensions());
+    if (ref.current) setDimensions(getDimensions());
+    window.addEventListener('resize', handleResize);
+    return () => {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, [getDimensions, ref]);
+  return dimensions;
+};

package/esm/v2/index.js

@@ -2,4 +2,7 @@ import Chip from './core/Chip';
 import Button from './core/Button';
 import ButtonsFilter from './core/ButtonsFilter';
 import { MemberBenefitsCard } from './Memberbenefits/MemberbenefitsCard';
-export { Chip, Button, ButtonsFilter, MemberBenefitsCard };
+import Box from './core/Box';
+import TabNav from './core/TabNav';
+import TabNavItem from './core/TabNav';
+export { Chip, Button, ButtonsFilter, MemberBenefitsCard, Box, TabNav, TabNavItem };

package/infrastructure/azure-pipelines.yml

@@ -1,34 +1,34 @@
-trigger:
-  - develop
-  - release/*
-  - hotfix/*
-
-pool:
-  name: Azure Pipelines
-  vmImage: ubuntu-latest
-
-steps:
-  - task: NodeTool@0
-    inputs:
-      versionSpec: '18.20.4'
-    displayName: 'Install Node.js 16.20.0'
-
-  - script: yarn install
-    displayName: 'Yarn '
-
-  - script: yarn test --watchAll=false
-    displayName: 'Yarn test'
-
-  - script: yarn build-storybook
-    displayName: 'Yarn build storybook'
-
-  - task: PublishBuildArtifacts@1
-    displayName: 'Publish Artifact: drop'
-    inputs:
-      PathtoPublish: '$(System.DefaultWorkingDirectory)/storybook-static'
-
-  - task: PublishBuildArtifacts@1
-    displayName: 'Publish Artifact: infrastructure'
-    inputs:
-      PathtoPublish: themes
-      ArtifactName: themes
+trigger:
+  - develop
+  - release/*
+  - hotfix/*
+
+pool:
+  name: Azure Pipelines
+  vmImage: ubuntu-latest
+
+steps:
+  - task: NodeTool@0
+    inputs:
+      versionSpec: '18.20.4'
+    displayName: 'Install Node.js 16.20.0'
+
+  - script: yarn install
+    displayName: 'Yarn '
+
+  - script: yarn test --watchAll=false
+    displayName: 'Yarn test'
+
+  - script: yarn build-storybook
+    displayName: 'Yarn build storybook'
+
+  - task: PublishBuildArtifacts@1
+    displayName: 'Publish Artifact: drop'
+    inputs:
+      PathtoPublish: '$(System.DefaultWorkingDirectory)/storybook-static'
+
+  - task: PublishBuildArtifacts@1
+    displayName: 'Publish Artifact: infrastructure'
+    inputs:
+      PathtoPublish: themes
+      ArtifactName: themes

package/jest.config.js

@@ -1,34 +1,34 @@
-module.exports = {
-  // The root of your source code, typically /src
-  // `<rootDir>` is a token Jest substitutes
-  roots: ['<rootDir>/src/tests'],
-
-  // Jest transformations -- this adds support for TypeScript
-  // using ts-jest
-  transform: {
-    '^.+\\.tsx?$': 'ts-jest',
-  },
-
-  // Runs special logic, such as cleaning up components
-  // when using React Testing Library and adds special
-  // extended assertions to Jest
-  setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
-
-  // Test spec file resolution pattern
-  // Matches parent folder `__tests__` and filename
-  // should contain `test` or `spec`.
-  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$',
-
-  // Module file extensions for importing
-  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
-  moduleNameMapper: {
-    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
-    quill: '<rootDir>/node_modules/quill/dist/quill.js',
-  },
-  transformIgnorePatterns: [
-    'node_modules/quill',
-    '<rootDir>/src/QuillEditor/Attributors',
-  ],
-
-  testEnvironment: 'jsdom',
-}
+module.exports = {
+  // The root of your source code, typically /src
+  // `<rootDir>` is a token Jest substitutes
+  roots: ['<rootDir>/src/tests'],
+
+  // Jest transformations -- this adds support for TypeScript
+  // using ts-jest
+  transform: {
+    '^.+\\.tsx?$': 'ts-jest',
+  },
+
+  // Runs special logic, such as cleaning up components
+  // when using React Testing Library and adds special
+  // extended assertions to Jest
+  setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
+
+  // Test spec file resolution pattern
+  // Matches parent folder `__tests__` and filename
+  // should contain `test` or `spec`.
+  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$',
+
+  // Module file extensions for importing
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+  moduleNameMapper: {
+    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
+    quill: '<rootDir>/node_modules/quill/dist/quill.js',
+  },
+  transformIgnorePatterns: [
+    'node_modules/quill',
+    '<rootDir>/src/QuillEditor/Attributors',
+  ],
+
+  testEnvironment: 'jsdom',
+}

package/lib/app-shell/index.js

@@ -11,7 +11,7 @@ const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production
   label: "Wrapper"
 })("min-height:100vh;width:auto;background-color:", ({
   theme
-}) => theme.bg, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcywgR2xvYmFsLCBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBBcHBMb2FkZXIgZnJvbSAnLi4vY29yZS9BcHBMb2FkZXInXG5pbXBvcnQgdXNlU25vcnJlVGhlbWUgZnJvbSAnLi4vdXRpbHMvdXNlU25vcnJlVGhlbWUnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2PGFueT5gXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICB3aWR0aDogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5iZ307XG5gXG5cbmludGVyZmFjZSBJUHJvcHMge1xuICAvKiogQXBwIHRoZW1lICovXG4gIHRoZW1lVXJsOiBzdHJpbmdcbiAgLyoqIE92ZXJyaWRlIGRlZmF1bHQgdGV4dCBjb2xvciBmb3IgYXBwICovXG4gIGRlZmF1bHRUZXh0Q29sb3I/OiBzdHJpbmdcbiAgLyoqIFdpY2ggZm9sZGVyIHRvIGZldGNoIGdsb2JhbHMgc3R5bGUgZmlsZSAqL1xuICBnbG9iYWxzRm9sZGVyPzogJ3BvcnRhbCcgfCAnbXlwYWdlJ1xuICAvKiogQ2hpbGRyZW4gKi9cbiAgY2hpbGRyZW46IE5vbk51bGxhYmxlPFJlYWN0LlJlYWN0Tm9kZT5cbn1cblxuY29uc3QgQXBwU2hlbGw6IFJlYWN0LkZDPElQcm9wcz4gPSAoe1xuICB0aGVtZVVybCxcbiAgZGVmYXVsdFRleHRDb2xvcixcbiAgZ2xvYmFsc0ZvbGRlcixcbiAgY2hpbGRyZW4sXG59KSA9PiB7XG4gIGNvbnN0IHsgYXBwVGhlbWUsIGdsb2JhbHMgfSA9IHVzZVNub3JyZVRoZW1lKHtcbiAgICB0aGVtZVVybCxcbiAgICBkZWZhdWx0VGV4dENvbG9yLFxuICAgIGdsb2JhbHNGb2xkZXIsXG4gIH0pXG5cbiAgcmV0dXJuIGFwcFRoZW1lICYmIGdsb2JhbHMgPyAoXG4gICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e2FwcFRoZW1lfT5cbiAgICAgIHsvKiogR2xvYmFsIHN0eWxlcyAqL31cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgJHtnbG9iYWxzfVxuICAgICAgICBgfVxuICAgICAgLz5cblxuICAgICAgPFdyYXBwZXI+e2NoaWxkcmVufTwvV3JhcHBlcj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICkgOiAoXG4gICAgPEFwcExvYWRlciAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFwcFNoZWxsXG4iXX0= */"));
+}) => theme.bg, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcclxuaW1wb3J0IHsgY3NzLCBHbG9iYWwsIFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBBcHBMb2FkZXIgZnJvbSAnLi4vY29yZS9BcHBMb2FkZXInXHJcbmltcG9ydCB1c2VTbm9ycmVUaGVtZSBmcm9tICcuLi91dGlscy91c2VTbm9ycmVUaGVtZSdcclxuXHJcbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2PGFueT5gXHJcbiAgbWluLWhlaWdodDogMTAwdmg7XHJcbiAgd2lkdGg6IGF1dG87XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5iZ307XHJcbmBcclxuXHJcbmludGVyZmFjZSBJUHJvcHMge1xyXG4gIC8qKiBBcHAgdGhlbWUgKi9cclxuICB0aGVtZVVybDogc3RyaW5nXHJcbiAgLyoqIE92ZXJyaWRlIGRlZmF1bHQgdGV4dCBjb2xvciBmb3IgYXBwICovXHJcbiAgZGVmYXVsdFRleHRDb2xvcj86IHN0cmluZ1xyXG4gIC8qKiBXaWNoIGZvbGRlciB0byBmZXRjaCBnbG9iYWxzIHN0eWxlIGZpbGUgKi9cclxuICBnbG9iYWxzRm9sZGVyPzogJ3BvcnRhbCcgfCAnbXlwYWdlJ1xyXG4gIC8qKiBDaGlsZHJlbiAqL1xyXG4gIGNoaWxkcmVuOiBOb25OdWxsYWJsZTxSZWFjdC5SZWFjdE5vZGU+XHJcbn1cclxuXHJcbmNvbnN0IEFwcFNoZWxsOiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcclxuICB0aGVtZVVybCxcclxuICBkZWZhdWx0VGV4dENvbG9yLFxyXG4gIGdsb2JhbHNGb2xkZXIsXHJcbiAgY2hpbGRyZW4sXHJcbn0pID0+IHtcclxuICBjb25zdCB7IGFwcFRoZW1lLCBnbG9iYWxzIH0gPSB1c2VTbm9ycmVUaGVtZSh7XHJcbiAgICB0aGVtZVVybCxcclxuICAgIGRlZmF1bHRUZXh0Q29sb3IsXHJcbiAgICBnbG9iYWxzRm9sZGVyLFxyXG4gIH0pXHJcblxyXG4gIHJldHVybiBhcHBUaGVtZSAmJiBnbG9iYWxzID8gKFxyXG4gICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e2FwcFRoZW1lfT5cclxuICAgICAgey8qKiBHbG9iYWwgc3R5bGVzICovfVxyXG4gICAgICA8R2xvYmFsXHJcbiAgICAgICAgc3R5bGVzPXtjc3NgXHJcbiAgICAgICAgICAke2dsb2JhbHN9XHJcbiAgICAgICAgYH1cclxuICAgICAgLz5cclxuXHJcbiAgICAgIDxXcmFwcGVyPntjaGlsZHJlbn08L1dyYXBwZXI+XHJcbiAgICA8L1RoZW1lUHJvdmlkZXI+XHJcbiAgKSA6IChcclxuICAgIDxBcHBMb2FkZXIgLz5cclxuICApXHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IEFwcFNoZWxsXHJcbiJdfQ== */"));
 const AppShell = ({
   themeUrl,
   defaultTextColor,
@@ -29,7 +29,7 @@ const AppShell = ({
   return appTheme && globals ? /*#__PURE__*/_jsxs(ThemeProvider, {
     theme: appTheme,
     children: [/*#__PURE__*/_jsx(Global, {
-      styles: /*#__PURE__*/css(globals, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AppShell;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDbUIiLCJmaWxlIjoiLi4vLi4vc3JjL3BhY2thZ2VzL2FwcC1zaGVsbC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgQXBwTG9hZGVyIGZyb20gJy4uL2NvcmUvQXBwTG9hZGVyJ1xuaW1wb3J0IHVzZVNub3JyZVRoZW1lIGZyb20gJy4uL3V0aWxzL3VzZVNub3JyZVRoZW1lJ1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjxhbnk+YFxuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgd2lkdGg6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmd9O1xuYFxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIEFwcCB0aGVtZSAqL1xuICB0aGVtZVVybDogc3RyaW5nXG4gIC8qKiBPdmVycmlkZSBkZWZhdWx0IHRleHQgY29sb3IgZm9yIGFwcCAqL1xuICBkZWZhdWx0VGV4dENvbG9yPzogc3RyaW5nXG4gIC8qKiBXaWNoIGZvbGRlciB0byBmZXRjaCBnbG9iYWxzIHN0eWxlIGZpbGUgKi9cbiAgZ2xvYmFsc0ZvbGRlcj86ICdwb3J0YWwnIHwgJ215cGFnZSdcbiAgLyoqIENoaWxkcmVuICovXG4gIGNoaWxkcmVuOiBOb25OdWxsYWJsZTxSZWFjdC5SZWFjdE5vZGU+XG59XG5cbmNvbnN0IEFwcFNoZWxsOiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcbiAgdGhlbWVVcmwsXG4gIGRlZmF1bHRUZXh0Q29sb3IsXG4gIGdsb2JhbHNGb2xkZXIsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICBjb25zdCB7IGFwcFRoZW1lLCBnbG9iYWxzIH0gPSB1c2VTbm9ycmVUaGVtZSh7XG4gICAgdGhlbWVVcmwsXG4gICAgZGVmYXVsdFRleHRDb2xvcixcbiAgICBnbG9iYWxzRm9sZGVyLFxuICB9KVxuXG4gIHJldHVybiBhcHBUaGVtZSAmJiBnbG9iYWxzID8gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXthcHBUaGVtZX0+XG4gICAgICB7LyoqIEdsb2JhbCBzdHlsZXMgKi99XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICR7Z2xvYmFsc31cbiAgICAgICAgYH1cbiAgICAgIC8+XG5cbiAgICAgIDxXcmFwcGVyPntjaGlsZHJlbn08L1dyYXBwZXI+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApIDogKFxuICAgIDxBcHBMb2FkZXIgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBBcHBTaGVsbFxuIl19 */")
+      styles: /*#__PURE__*/css(globals, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AppShell;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDbUIiLCJmaWxlIjoiLi4vLi4vc3JjL3BhY2thZ2VzL2FwcC1zaGVsbC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXHJcbmltcG9ydCB7IGNzcywgR2xvYmFsLCBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgQXBwTG9hZGVyIGZyb20gJy4uL2NvcmUvQXBwTG9hZGVyJ1xyXG5pbXBvcnQgdXNlU25vcnJlVGhlbWUgZnJvbSAnLi4vdXRpbHMvdXNlU25vcnJlVGhlbWUnXHJcblxyXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjxhbnk+YFxyXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xyXG4gIHdpZHRoOiBhdXRvO1xyXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmd9O1xyXG5gXHJcblxyXG5pbnRlcmZhY2UgSVByb3BzIHtcclxuICAvKiogQXBwIHRoZW1lICovXHJcbiAgdGhlbWVVcmw6IHN0cmluZ1xyXG4gIC8qKiBPdmVycmlkZSBkZWZhdWx0IHRleHQgY29sb3IgZm9yIGFwcCAqL1xyXG4gIGRlZmF1bHRUZXh0Q29sb3I/OiBzdHJpbmdcclxuICAvKiogV2ljaCBmb2xkZXIgdG8gZmV0Y2ggZ2xvYmFscyBzdHlsZSBmaWxlICovXHJcbiAgZ2xvYmFsc0ZvbGRlcj86ICdwb3J0YWwnIHwgJ215cGFnZSdcclxuICAvKiogQ2hpbGRyZW4gKi9cclxuICBjaGlsZHJlbjogTm9uTnVsbGFibGU8UmVhY3QuUmVhY3ROb2RlPlxyXG59XHJcblxyXG5jb25zdCBBcHBTaGVsbDogUmVhY3QuRkM8SVByb3BzPiA9ICh7XHJcbiAgdGhlbWVVcmwsXHJcbiAgZGVmYXVsdFRleHRDb2xvcixcclxuICBnbG9iYWxzRm9sZGVyLFxyXG4gIGNoaWxkcmVuLFxyXG59KSA9PiB7XHJcbiAgY29uc3QgeyBhcHBUaGVtZSwgZ2xvYmFscyB9ID0gdXNlU25vcnJlVGhlbWUoe1xyXG4gICAgdGhlbWVVcmwsXHJcbiAgICBkZWZhdWx0VGV4dENvbG9yLFxyXG4gICAgZ2xvYmFsc0ZvbGRlcixcclxuICB9KVxyXG5cclxuICByZXR1cm4gYXBwVGhlbWUgJiYgZ2xvYmFscyA/IChcclxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXthcHBUaGVtZX0+XHJcbiAgICAgIHsvKiogR2xvYmFsIHN0eWxlcyAqL31cclxuICAgICAgPEdsb2JhbFxyXG4gICAgICAgIHN0eWxlcz17Y3NzYFxyXG4gICAgICAgICAgJHtnbG9iYWxzfVxyXG4gICAgICAgIGB9XHJcbiAgICAgIC8+XHJcblxyXG4gICAgICA8V3JhcHBlcj57Y2hpbGRyZW59PC9XcmFwcGVyPlxyXG4gICAgPC9UaGVtZVByb3ZpZGVyPlxyXG4gICkgOiAoXHJcbiAgICA8QXBwTG9hZGVyIC8+XHJcbiAgKVxyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBBcHBTaGVsbFxyXG4iXX0= */")
     }), /*#__PURE__*/_jsx(Wrapper, {
       children: children
     })]