@dfds-ui/react-components 2.0.24-alpha.71c1c34f → 2.0.24-alpha.e06bd8a5

package/cjs/styles/media.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.legacyGenerateMedia = legacyGenerateMedia;
+exports.legacyMedia = void 0;
+// ***
+// DEPRECATED use media from ./media
+// ***
+
+// breakpoint used in DFDS-DIRECT
+const defaultBreakPoints = {
+  xl: 1260,
+  lg: 992,
+  md: 768,
+  sm: 576,
+  xs: 575
+};
+function legacyGenerateMedia(breakPoints) {
+  const toInt = breakPoint => {
+    return typeof breakPoint === 'number' ? breakPoint : breakPoints[breakPoint];
+  };
+  const lessThan = breakPoint => `
+    @media (max-width: ${toInt(breakPoint) - 1}px)`;
+  const greaterThan = breakPoint => `
+    @media (min-width: ${toInt(breakPoint) + 1}px)`;
+  const between = (firstBreakpoint, secondBreakpoint) => `
+    @media (min-width: ${toInt(firstBreakpoint)}px) and (max-width: ${toInt(secondBreakpoint)}px)`;
+  const tablet = () => `
+   @media (min-width: ${breakPoints.sm + 1}px) and (max-width: ${breakPoints.md}px)`;
+  return {
+    lt: lessThan,
+    gt: greaterThan,
+    bt: between,
+    tablet
+  };
+}
+const legacyMedia = legacyGenerateMedia(defaultBreakPoints);
+exports.legacyMedia = legacyMedia;
+var _default = legacyMedia;
+exports.default = _default;

package/cjs/styles/rem.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rem = void 0;
+// replacement for the rem function from polished
+const rem = (targetPixelValue, base = 16) => {
+  return `${targetPixelValue / base}rem`;
+};
+exports.rem = rem;

package/cjs/styles/style-helpers.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.visuallyHidden = void 0;
+var _react = require("@emotion/react");
+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)."; }
+// https://zellwk.com/blog/hide-content-accessibly/
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "2jmk7x",
+  styles: "border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap"
+} : {
+  name: "1nihf9n-visuallyHidden",
+  styles: "border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;label:visuallyHidden;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdHlsZXMvc3R5bGUtaGVscGVycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0eWxlcy9zdHlsZS1oZWxwZXJzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIGh0dHBzOi8vemVsbHdrLmNvbS9ibG9nL2hpZGUtY29udGVudC1hY2Nlc3NpYmx5L1xuZXhwb3J0IGNvbnN0IHZpc3VhbGx5SGlkZGVuID0gKCkgPT4gY3NzYFxuICBib3JkZXI6IDA7XG4gIGNsaXA6IHJlY3QoMCAwIDAgMCk7XG4gIGhlaWdodDogYXV0bztcbiAgbWFyZ2luOiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const visuallyHidden = () => _ref;
+exports.visuallyHidden = visuallyHidden;

package/cjs/styles/theme.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.theme = exports.default = void 0;
+var _colors = require("@dfds-ui/colors");
+var _spacing = require("@dfds-ui/spacing");
+const theme = {
+  colors: _colors.colors,
+  fontFamily: 'DFDS, Verdana, system-ui, Arial, "Helvetica Neue", Helvetica, sans-serif',
+  spacing: _spacing.spacing,
+  uiRoundness: '2px'
+};
+exports.theme = theme;
+var _default = theme;
+exports.default = _default;

package/cjs/surface/Surface.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MaybeSurfaceProvider = MaybeSurfaceProvider;
+exports.SurfaceProvider = exports.SurfaceContext = exports.Surface = void 0;
+exports.getBackgroundColor = getBackgroundColor;
+exports.getTextColors = getTextColors;
+exports.useSurfaceContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _theme = require("@dfds-ui/theme");
+var _react2 = require("@emotion/react");
+const _excluded = ["surface"],
+  _excluded2 = ["surface", "children"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 createSurfaceContextValue(surface) {
+  return {
+    surface,
+    backgroundColor: getBackgroundColor(surface),
+    textColors: getTextColors(surface)
+  };
+}
+function getTextColors(surface) {
+  if (surface === 'inverted') {
+    return _theme.theme.colors.text.light;
+  }
+  return _theme.theme.colors.text.dark;
+}
+function getBackgroundColor(surface) {
+  return _theme.theme.colors.surface[surface];
+}
+const SurfaceContext = /*#__PURE__*/_react.default.createContext(undefined);
+exports.SurfaceContext = SurfaceContext;
+const SurfaceProvider = ({
+  children,
+  surface
+}) => (0, _react2.jsx)(SurfaceContext.Provider, {
+  value: {
+    surface,
+    backgroundColor: getBackgroundColor(surface),
+    textColors: getTextColors(surface)
+  }
+}, children);
+exports.SurfaceProvider = SurfaceProvider;
+function MaybeSurfaceProvider(_ref) {
+  let surface = _ref.surface,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return surface ? (0, _react2.jsx)(SurfaceProvider, _extends({
+    surface: surface
+  }, rest)) : (0, _react2.jsx)(_react.Fragment, rest);
+}
+const useSurfaceContext = surface => {
+  const context = _react.default.useContext(SurfaceContext);
+  // if the consumer of the hook provides it's own surface we return that
+  if (surface !== undefined) {
+    return createSurfaceContextValue(surface);
+  }
+  if (context === undefined) {
+    return _objectSpread(_objectSpread({}, createSurfaceContextValue('main')), {}, {
+      backgroundColor: 'transparent'
+    });
+  }
+  return context;
+};
+exports.useSurfaceContext = useSurfaceContext;
+const Surface = _ref2 => {
+  let surface = _ref2.surface,
+    children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return (0, _react2.jsx)(SurfaceProvider, {
+    surface: surface
+  }, (0, _react2.jsx)("div", _extends({
+    css: /*#__PURE__*/(0, _react2.css)("background-color:", getBackgroundColor(surface), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdXJmYWNlL1N1cmZhY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N1cmZhY2UvU3VyZmFjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3VyZmFjZVR5cGUgPSBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLnN1cmZhY2VcblxuZXhwb3J0IHR5cGUgU3VyZmFjZUNvbnRleHRUeXBlID0ge1xuICBzdXJmYWNlOiBTdXJmYWNlVHlwZVxuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZ1xuICB0ZXh0Q29sb3JzOiB7XG4gICAgcHJpbWFyeTogc3RyaW5nXG4gICAgc2Vjb25kYXJ5OiBzdHJpbmdcbiAgICBkaXNhYmxlZDogc3RyaW5nXG4gIH1cbn1cblxuZnVuY3Rpb24gY3JlYXRlU3VyZmFjZUNvbnRleHRWYWx1ZShzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICByZXR1cm4ge1xuICAgIHN1cmZhY2UsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZSksXG4gICAgdGV4dENvbG9yczogZ2V0VGV4dENvbG9ycyhzdXJmYWNlKSxcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0VGV4dENvbG9ycyhzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICBpZiAoc3VyZmFjZSA9PT0gJ2ludmVydGVkJykge1xuICAgIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5saWdodFxuICB9XG4gIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5kYXJrXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZTogU3VyZmFjZVR5cGUpIHtcbiAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlW3N1cmZhY2VdXG59XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQ8U3VyZmFjZUNvbnRleHRUeXBlIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpXG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlUHJvdmlkZXI6IFJlYWN0LkZDPHsgc3VyZmFjZTogU3VyZmFjZVR5cGU7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIHN1cmZhY2UsXG59KSA9PiAoXG4gIDxTdXJmYWNlQ29udGV4dC5Qcm92aWRlclxuICAgIHZhbHVlPXt7IHN1cmZhY2UsIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpLCB0ZXh0Q29sb3JzOiBnZXRUZXh0Q29sb3JzKHN1cmZhY2UpIH19XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3VyZmFjZUNvbnRleHQuUHJvdmlkZXI+XG4pXG5cbmV4cG9ydCBmdW5jdGlvbiBNYXliZVN1cmZhY2VQcm92aWRlcih7IHN1cmZhY2UsIC4uLnJlc3QgfTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBzdXJmYWNlPzogU3VyZmFjZVR5cGUgfT4pIHtcbiAgcmV0dXJuIHN1cmZhY2UgPyA8U3VyZmFjZVByb3ZpZGVyIHN1cmZhY2U9e3N1cmZhY2V9IHsuLi5yZXN0fSAvPiA6IDxGcmFnbWVudCB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGNvbnN0IHVzZVN1cmZhY2VDb250ZXh0ID0gKHN1cmZhY2U/OiBTdXJmYWNlVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChTdXJmYWNlQ29udGV4dClcbiAgLy8gaWYgdGhlIGNvbnN1bWVyIG9mIHRoZSBob29rIHByb3ZpZGVzIGl0J3Mgb3duIHN1cmZhY2Ugd2UgcmV0dXJuIHRoYXRcbiAgaWYgKHN1cmZhY2UgIT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiBjcmVhdGVTdXJmYWNlQ29udGV4dFZhbHVlKHN1cmZhY2UpXG4gIH1cbiAgaWYgKGNvbnRleHQgPT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiB7IC4uLmNyZWF0ZVN1cmZhY2VDb250ZXh0VmFsdWUoJ21haW4nKSwgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnIH1cbiAgfVxuICByZXR1cm4gY29udGV4dFxufVxuXG5leHBvcnQgY29uc3QgU3VyZmFjZTogUmVhY3QuRkM8eyBzdXJmYWNlOiBTdXJmYWNlVHlwZTsgY2xhc3NOYW1lPzogc3RyaW5nOyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9PiA9ICh7XG4gIHN1cmZhY2UsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlfT5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZSl9O1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9TdXJmYWNlUHJvdmlkZXI+XG4gIClcbn1cbiJdfQ== */")
+  }, rest), children));
+};
+exports.Surface = Surface;

package/cjs/surface/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Surface = require("./Surface");
+Object.keys(_Surface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Surface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Surface[key];
+    }
+  });
+});

package/cjs/tab/Tab.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _theme = require("@dfds-ui/theme");
+var _typography = require("@dfds-ui/typography");
+var _TabsContext = _interopRequireDefault(require("./TabsContext"));
+const _excluded = ["children", "index", "onClick"];
+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)."; }
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "a8s05l",
+  styles: "height:2.75rem;white-space:nowrap"
+} : {
+  name: "zqwuds-StyledTab",
+  styles: "height:2.75rem;white-space:nowrap;label:StyledTab;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RU8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYi9UYWIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB1c2VUYWJzQ29udGV4dCBmcm9tICcuL1RhYnNDb250ZXh0J1xuXG50eXBlIFNpemUgPSAncycgfCAnbSdcbmV4cG9ydCB0eXBlIEluZGV4ID0gbnVtYmVyIHwgc3RyaW5nXG5cbmV4cG9ydCB0eXBlIFRhYlByb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICB0cmFuc3BhcmVudD86IGJvb2xlYW5cbiAgaW5kZXg6IEluZGV4XG4gIG9uQ2xpY2s/OiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkLmJ1dHRvbjx7IHNpemU/OiBTaXplOyBhY3RpdmU/OiBib29sZWFuOyBkaXNhYmxlZD86IGJvb2xlYW47IHRyYW5zcGFyZW50PzogYm9vbGVhbiB9PmBcbiAgbWluLXdpZHRoOiA2LjVyZW07XG4gIG1heC13aWR0aDogOXJlbTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbn07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC50cmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGhlaWdodDogMy4yNXJlbTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBib3JkZXItcmFkaXVzOiAwICR7dGhlbWUucmFkaWkubX0gMCAwO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59IHNvbGlkICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX07XG4gICAgYm94LXNoYWRvdzogMCAwIDRweCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgei1pbmRleDogMTtcblxuICAgIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgICAgb3V0bGluZTogMDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJHsocCkgPT5cbiAgICBwLnNpemUgPT09ICdzJyAmJlxuICAgIGNzc2BcbiAgICAgIGhlaWdodDogMi43NXJlbTtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgYH07XG5cbiAgJHsocCkgPT5cbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICR7KHApID0+XG4gICAgcC5kaXNhYmxlZCAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB9XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLnN9IHNvbGlkICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICB9XG4gICAgYH1cblxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZWQgJiZcbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuICAgICAgfVxuICAgIGB9XG5gXG5cbmNvbnN0IFRhYjogUmVhY3QuRkM8VGFiUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGluZGV4LCBvbkNsaWNrLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgeyB0cmFuc3BhcmVudCwgYWN0aXZlVGFiLCBvbkNoYW5nZSwgc2l6ZSB9ID0gdXNlVGFic0NvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRhYlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBvbkNsaWNrPXsoZXZlbnQpID0+IHtcbiAgICAgICAgISFvbkNoYW5nZSAmJiBvbkNoYW5nZShpbmRleClcbiAgICAgICAgISFvbkNsaWNrICYmIG9uQ2xpY2soZXZlbnQpXG4gICAgICB9fVxuICAgICAgYWN0aXZlPXtpbmRleCA9PT0gYWN0aXZlVGFifVxuICAgICAgdHJhbnNwYXJlbnQ9e3RyYW5zcGFyZW50fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFRhYj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const StyledTab = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
+  target: "ez8zs0l0"
+} : {
+  target: "ez8zs0l0",
+  label: "StyledTab"
+})("min-width:6.5rem;max-width:9rem;overflow:hidden;text-overflow:ellipsis;outline:none;border:none;", _typography.typography.action, ";line-height:1.25rem;padding:0 ", _theme.theme.spacing.xs, ";box-sizing:border-box;position:relative;color:", _theme.theme.colors.text.primary.secondary, ";background:", p => p.transparent ? 'transparent' : _theme.theme.colors.surface.primary, ";flex-shrink:0;text-align:center;height:3.25rem;cursor:pointer;&:first-of-type{border-radius:", _theme.theme.radii.m, " 0 0 0;}&:last-of-type{border-radius:0 ", _theme.theme.radii.m, " 0 0;}&:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid ", _theme.theme.colors.text.primary.disabled, ";}&:hover{color:", _theme.theme.colors.secondary.main, ";}&:active{color:", _theme.theme.colors.secondary.dark, ";}&:focus{outline:", _theme.theme.colors.secondary.main, " solid ", _theme.theme.borders.widths.m, ";box-shadow:0 0 4px ", _theme.theme.colors.secondary.main, ";z-index:1;.js-focus-visible & :focus:not([data-focus-visible-added]){outline:0;box-shadow:none;}}", p => p.size === 's' && _ref, ";", p => p.active && /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.secondary.main, ";&:after{border-bottom:", _theme.theme.borders.widths.m, " solid ", _theme.theme.colors.secondary.main, ";}&:hover{color:", _theme.theme.colors.secondary.main, ";}&:active{color:", _theme.theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledTab;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRk8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYi9UYWIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB1c2VUYWJzQ29udGV4dCBmcm9tICcuL1RhYnNDb250ZXh0J1xuXG50eXBlIFNpemUgPSAncycgfCAnbSdcbmV4cG9ydCB0eXBlIEluZGV4ID0gbnVtYmVyIHwgc3RyaW5nXG5cbmV4cG9ydCB0eXBlIFRhYlByb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICB0cmFuc3BhcmVudD86IGJvb2xlYW5cbiAgaW5kZXg6IEluZGV4XG4gIG9uQ2xpY2s/OiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkLmJ1dHRvbjx7IHNpemU/OiBTaXplOyBhY3RpdmU/OiBib29sZWFuOyBkaXNhYmxlZD86IGJvb2xlYW47IHRyYW5zcGFyZW50PzogYm9vbGVhbiB9PmBcbiAgbWluLXdpZHRoOiA2LjVyZW07XG4gIG1heC13aWR0aDogOXJlbTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbn07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC50cmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGhlaWdodDogMy4yNXJlbTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBib3JkZXItcmFkaXVzOiAwICR7dGhlbWUucmFkaWkubX0gMCAwO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59IHNvbGlkICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX07XG4gICAgYm94LXNoYWRvdzogMCAwIDRweCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgei1pbmRleDogMTtcblxuICAgIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgICAgb3V0bGluZTogMDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJHsocCkgPT5cbiAgICBwLnNpemUgPT09ICdzJyAmJlxuICAgIGNzc2BcbiAgICAgIGhlaWdodDogMi43NXJlbTtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgYH07XG5cbiAgJHsocCkgPT5cbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICR7KHApID0+XG4gICAgcC5kaXNhYmxlZCAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB9XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLnN9IHNvbGlkICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICB9XG4gICAgYH1cblxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZWQgJiZcbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuICAgICAgfVxuICAgIGB9XG5gXG5cbmNvbnN0IFRhYjogUmVhY3QuRkM8VGFiUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGluZGV4LCBvbkNsaWNrLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgeyB0cmFuc3BhcmVudCwgYWN0aXZlVGFiLCBvbkNoYW5nZSwgc2l6ZSB9ID0gdXNlVGFic0NvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRhYlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBvbkNsaWNrPXsoZXZlbnQpID0+IHtcbiAgICAgICAgISFvbkNoYW5nZSAmJiBvbkNoYW5nZShpbmRleClcbiAgICAgICAgISFvbkNsaWNrICYmIG9uQ2xpY2soZXZlbnQpXG4gICAgICB9fVxuICAgICAgYWN0aXZlPXtpbmRleCA9PT0gYWN0aXZlVGFifVxuICAgICAgdHJhbnNwYXJlbnQ9e3RyYW5zcGFyZW50fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFRhYj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJcbiJdfQ== */"), " ", p => p.disabled && /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.primary.disabled, ";&:hover{color:", _theme.theme.colors.text.primary.disabled, ";cursor:not-allowed;}&:after{border-bottom:", _theme.theme.borders.widths.s, " solid ", _theme.theme.colors.text.primary.disabled, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledTab;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzR08iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYi9UYWIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB1c2VUYWJzQ29udGV4dCBmcm9tICcuL1RhYnNDb250ZXh0J1xuXG50eXBlIFNpemUgPSAncycgfCAnbSdcbmV4cG9ydCB0eXBlIEluZGV4ID0gbnVtYmVyIHwgc3RyaW5nXG5cbmV4cG9ydCB0eXBlIFRhYlByb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICB0cmFuc3BhcmVudD86IGJvb2xlYW5cbiAgaW5kZXg6IEluZGV4XG4gIG9uQ2xpY2s/OiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkLmJ1dHRvbjx7IHNpemU/OiBTaXplOyBhY3RpdmU/OiBib29sZWFuOyBkaXNhYmxlZD86IGJvb2xlYW47IHRyYW5zcGFyZW50PzogYm9vbGVhbiB9PmBcbiAgbWluLXdpZHRoOiA2LjVyZW07XG4gIG1heC13aWR0aDogOXJlbTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbn07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC50cmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGhlaWdodDogMy4yNXJlbTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBib3JkZXItcmFkaXVzOiAwICR7dGhlbWUucmFkaWkubX0gMCAwO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59IHNvbGlkICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX07XG4gICAgYm94LXNoYWRvdzogMCAwIDRweCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgei1pbmRleDogMTtcblxuICAgIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgICAgb3V0bGluZTogMDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJHsocCkgPT5cbiAgICBwLnNpemUgPT09ICdzJyAmJlxuICAgIGNzc2BcbiAgICAgIGhlaWdodDogMi43NXJlbTtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgYH07XG5cbiAgJHsocCkgPT5cbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICR7KHApID0+XG4gICAgcC5kaXNhYmxlZCAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB9XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLnN9IHNvbGlkICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICB9XG4gICAgYH1cblxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZWQgJiZcbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuICAgICAgfVxuICAgIGB9XG5gXG5cbmNvbnN0IFRhYjogUmVhY3QuRkM8VGFiUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGluZGV4LCBvbkNsaWNrLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgeyB0cmFuc3BhcmVudCwgYWN0aXZlVGFiLCBvbkNoYW5nZSwgc2l6ZSB9ID0gdXNlVGFic0NvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRhYlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBvbkNsaWNrPXsoZXZlbnQpID0+IHtcbiAgICAgICAgISFvbkNoYW5nZSAmJiBvbkNoYW5nZShpbmRleClcbiAgICAgICAgISFvbkNsaWNrICYmIG9uQ2xpY2soZXZlbnQpXG4gICAgICB9fVxuICAgICAgYWN0aXZlPXtpbmRleCA9PT0gYWN0aXZlVGFifVxuICAgICAgdHJhbnNwYXJlbnQ9e3RyYW5zcGFyZW50fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFRhYj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJcbiJdfQ== */"), " ", p => p.disabled && p.active && /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.secondary.secondary, ";&:after{border-bottom:", _theme.theme.borders.widths.m, " solid ", _theme.theme.colors.text.secondary.secondary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledTab;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzSE8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYi9UYWIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB1c2VUYWJzQ29udGV4dCBmcm9tICcuL1RhYnNDb250ZXh0J1xuXG50eXBlIFNpemUgPSAncycgfCAnbSdcbmV4cG9ydCB0eXBlIEluZGV4ID0gbnVtYmVyIHwgc3RyaW5nXG5cbmV4cG9ydCB0eXBlIFRhYlByb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICB0cmFuc3BhcmVudD86IGJvb2xlYW5cbiAgaW5kZXg6IEluZGV4XG4gIG9uQ2xpY2s/OiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkLmJ1dHRvbjx7IHNpemU/OiBTaXplOyBhY3RpdmU/OiBib29sZWFuOyBkaXNhYmxlZD86IGJvb2xlYW47IHRyYW5zcGFyZW50PzogYm9vbGVhbiB9PmBcbiAgbWluLXdpZHRoOiA2LjVyZW07XG4gIG1heC13aWR0aDogOXJlbTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbn07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC50cmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGhlaWdodDogMy4yNXJlbTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBib3JkZXItcmFkaXVzOiAwICR7dGhlbWUucmFkaWkubX0gMCAwO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59IHNvbGlkICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX07XG4gICAgYm94LXNoYWRvdzogMCAwIDRweCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgei1pbmRleDogMTtcblxuICAgIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgICAgb3V0bGluZTogMDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJHsocCkgPT5cbiAgICBwLnNpemUgPT09ICdzJyAmJlxuICAgIGNzc2BcbiAgICAgIGhlaWdodDogMi43NXJlbTtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgYH07XG5cbiAgJHsocCkgPT5cbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICR7KHApID0+XG4gICAgcC5kaXNhYmxlZCAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB9XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLnN9IHNvbGlkICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICB9XG4gICAgYH1cblxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZWQgJiZcbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuICAgICAgfVxuICAgIGB9XG5gXG5cbmNvbnN0IFRhYjogUmVhY3QuRkM8VGFiUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGluZGV4LCBvbkNsaWNrLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgeyB0cmFuc3BhcmVudCwgYWN0aXZlVGFiLCBvbkNoYW5nZSwgc2l6ZSB9ID0gdXNlVGFic0NvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRhYlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBvbkNsaWNrPXsoZXZlbnQpID0+IHtcbiAgICAgICAgISFvbkNoYW5nZSAmJiBvbkNoYW5nZShpbmRleClcbiAgICAgICAgISFvbkNsaWNrICYmIG9uQ2xpY2soZXZlbnQpXG4gICAgICB9fVxuICAgICAgYWN0aXZlPXtpbmRleCA9PT0gYWN0aXZlVGFifVxuICAgICAgdHJhbnNwYXJlbnQ9e3RyYW5zcGFyZW50fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFRhYj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJcbiJdfQ== */"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQjZHIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWIvVGFiLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgdXNlVGFic0NvbnRleHQgZnJvbSAnLi9UYWJzQ29udGV4dCdcblxudHlwZSBTaXplID0gJ3MnIHwgJ20nXG5leHBvcnQgdHlwZSBJbmRleCA9IG51bWJlciB8IHN0cmluZ1xuXG5leHBvcnQgdHlwZSBUYWJQcm9wcyA9IHtcbiAgYWN0aXZlPzogYm9vbGVhblxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgdHJhbnNwYXJlbnQ/OiBib29sZWFuXG4gIGluZGV4OiBJbmRleFxuICBvbkNsaWNrPzogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IFN0eWxlZFRhYiA9IHN0eWxlZC5idXR0b248eyBzaXplPzogU2l6ZTsgYWN0aXZlPzogYm9vbGVhbjsgZGlzYWJsZWQ/OiBib29sZWFuOyB0cmFuc3BhcmVudD86IGJvb2xlYW4gfT5gXG4gIG1pbi13aWR0aDogNi41cmVtO1xuICBtYXgtd2lkdGg6IDlyZW07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gICR7dHlwb2dyYXBoeS5hY3Rpb259O1xuICBsaW5lLWhlaWdodDogMS4yNXJlbTtcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuc2Vjb25kYXJ5fTtcbiAgYmFja2dyb3VuZDogJHsocCkgPT4gKHAudHJhbnNwYXJlbnQgPyAndHJhbnNwYXJlbnQnIDogdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeSl9O1xuICBmbGV4LXNocmluazogMDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBoZWlnaHQ6IDMuMjVyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX0gMCAwIDA7XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgYm9yZGVyLXJhZGl1czogMCAke3RoZW1lLnJhZGlpLm19IDAgMDtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIH1cblxuICAmOmFjdGl2ZSB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIG91dGxpbmU6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufSBzb2xpZCAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19O1xuICAgIGJveC1zaGFkb3c6IDAgMCA0cHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICAuanMtZm9jdXMtdmlzaWJsZSAmIDpmb2N1czpub3QoW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0pIHtcbiAgICAgIG91dGxpbmU6IDA7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgIH1cbiAgfVxuXG4gICR7KHApID0+XG4gICAgcC5zaXplID09PSAncycgJiZcbiAgICBjc3NgXG4gICAgICBoZWlnaHQ6IDIuNzVyZW07XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGB9O1xuXG4gICR7KHApID0+XG4gICAgcC5hY3RpdmUgJiZcbiAgICBjc3NgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgfVxuXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICB9XG4gICAgYH1cblxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZWQgJiZcbiAgICBjc3NgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgfVxuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5zfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICAgICAgfVxuICAgIGB9XG5cbiAgJHsocCkgPT5cbiAgICBwLmRpc2FibGVkICYmXG4gICAgcC5hY3RpdmUgJiZcbiAgICBjc3NgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuc2Vjb25kYXJ5fTtcblxuICAgICAgJjphZnRlciB7XG4gICAgICAgIGJvcmRlci1ib3R0b206ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuc2Vjb25kYXJ5fTtcbiAgICAgIH1cbiAgICBgfVxuYFxuXG5jb25zdCBUYWI6IFJlYWN0LkZDPFRhYlByb3BzPiA9ICh7IGNoaWxkcmVuLCBpbmRleCwgb25DbGljaywgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgdHJhbnNwYXJlbnQsIGFjdGl2ZVRhYiwgb25DaGFuZ2UsIHNpemUgfSA9IHVzZVRhYnNDb250ZXh0KClcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUYWJcbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgb25DbGljaz17KGV2ZW50KSA9PiB7XG4gICAgICAgICEhb25DaGFuZ2UgJiYgb25DaGFuZ2UoaW5kZXgpXG4gICAgICAgICEhb25DbGljayAmJiBvbkNsaWNrKGV2ZW50KVxuICAgICAgfX1cbiAgICAgIGFjdGl2ZT17aW5kZXggPT09IGFjdGl2ZVRhYn1cbiAgICAgIHRyYW5zcGFyZW50PXt0cmFuc3BhcmVudH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRUYWI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFiXG4iXX0= */"));
+const Tab = _ref2 => {
+  let children = _ref2.children,
+    index = _ref2.index,
+    _onClick = _ref2.onClick,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  const _useTabsContext = (0, _TabsContext.default)(),
+    transparent = _useTabsContext.transparent,
+    activeTab = _useTabsContext.activeTab,
+    onChange = _useTabsContext.onChange,
+    size = _useTabsContext.size;
+  return (0, _react2.jsx)(StyledTab, _extends({
+    type: "button",
+    onClick: event => {
+      !!onChange && onChange(index);
+      !!_onClick && _onClick(event);
+    },
+    active: index === activeTab,
+    transparent: transparent,
+    size: size
+  }, rest), children);
+};
+var _default = Tab;
+exports.default = _default;

package/cjs/tab/TabPanel.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _TabsContext = _interopRequireDefault(require("./TabsContext"));
+var _react2 = require("@emotion/react");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledTabPanel = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eqh3xez0"
+} : {
+  target: "eqh3xez0",
+  label: "StyledTabPanel"
+})("display:", p => p.active ? 'block' : 'none', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNzRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFiL1RhYlBhbmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHVzZVRhYnNDb250ZXh0IGZyb20gJy4vVGFic0NvbnRleHQnXG5cbnR5cGUgVGFiUGFuZWxQcm9wcyA9IHtcbiAgaW5kZXg6IG51bWJlciB8IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IFN0eWxlZFRhYlBhbmVsID0gc3R5bGVkLmRpdjx7IGFjdGl2ZTogYm9vbGVhbiB9PmBcbiAgZGlzcGxheTogJHsocCkgPT4gKHAuYWN0aXZlID8gJ2Jsb2NrJyA6ICdub25lJyl9O1xuYFxuXG5jb25zdCBUYWJQYW5lbDogUmVhY3QuRkM8VGFiUGFuZWxQcm9wcz4gPSAoeyBpbmRleCwgY2hpbGRyZW4gfSkgPT4ge1xuICBjb25zdCB7IGFjdGl2ZVRhYiB9ID0gdXNlVGFic0NvbnRleHQoKVxuXG4gIHJldHVybiA8U3R5bGVkVGFiUGFuZWwgYWN0aXZlPXtpbmRleCA9PT0gYWN0aXZlVGFifT57Y2hpbGRyZW59PC9TdHlsZWRUYWJQYW5lbD5cbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFiUGFuZWxcbiJdfQ== */"));
+const TabPanel = ({
+  index,
+  children
+}) => {
+  const _useTabsContext = (0, _TabsContext.default)(),
+    activeTab = _useTabsContext.activeTab;
+  return (0, _react2.jsx)(StyledTabPanel, {
+    active: index === activeTab
+  }, children);
+};
+var _default = TabPanel;
+exports.default = _default;

package/cjs/tab/Tabs.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _hooks = require("@dfds-ui/hooks");
+var _button = require("../button");
+var _TabsContext = _interopRequireDefault(require("./TabsContext"));
+var _theme = require("@dfds-ui/theme");
+var _system = require("@dfds-ui/icons/system");
+const _excluded = ["children", "tabsLabels"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _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 _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 _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 CHEVRON_SCROLL_STEP = 300;
+const StyledTabs = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e30vvqe1"
+} : {
+  target: "e30vvqe1",
+  label: "StyledTabs"
+})("display:inline-flex;position:relative;border-radius:", _theme.theme.radii.l, " ", _theme.theme.radii.l, " 0 0;background:", p => p.transparent ? 'transparent' : _theme.theme.colors.surface.primary, ";overflow:hidden;max-width:100%;::-webkit-scrollbar{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJtRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFiL1RhYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZVJlc2l6ZU9ic2VydmVyIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi4vYnV0dG9uJ1xuaW1wb3J0IHVzZVRhYnNDb250ZXh0IGZyb20gJy4vVGFic0NvbnRleHQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcblxuY29uc3QgQ0hFVlJPTl9TQ1JPTExfU1RFUCA9IDMwMFxuXG50eXBlIFRhYnNMYWJlbHMgPSB7XG4gIHNjcm9sbExlZnQ6IHN0cmluZ1xuICBzY3JvbGxSaWdodDogc3RyaW5nXG59XG5cbnR5cGUgVGFic1Byb3BzID0ge1xuICB0YWJzTGFiZWxzPzogVGFic0xhYmVsc1xuICBjaGlsZHJlbj86IGFueVxufVxuXG5jb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkLmRpdjx7IHRyYW5zcGFyZW50OiBib29sZWFuIHwgdW5kZWZpbmVkIH0+YFxuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLmx9ICR7dGhlbWUucmFkaWkubH0gMCAwO1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC50cmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG1heC13aWR0aDogMTAwJTtcbiAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYFxuXG5jb25zdCBDaGV2cm9uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pPHtcbiAgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIHwgdW5kZWZpbmVkXG4gIHZpc2libGU6IGJvb2xlYW5cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgdW5kZWZpbmVkXG59PmBcbiAgaGVpZ2h0OiAkeyhwKSA9PiAocC5zaXplID09PSAncycgPyAnMi43NXJlbScgOiAnMy4yNXJlbScpfTtcbiAgd2lkdGg6IDEuMjVyZW07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gIGRpc3BsYXk6ICR7KHApID0+IChwLnZpc2libGUgPyAnZmxleCcgOiAnbm9uZScpfTtcblxuICAuanMtZm9jdXMtdmlzaWJsZSAmIDpmb2N1czpub3QoW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0pIHtcbiAgICBib3JkZXI6IDA7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gIH1cbiAgJHsocCkgPT5cbiAgICBwLmRpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX0gMCAwIDA7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDAgJHt0aGVtZS5yYWRpaS5tfSAwIDA7XG4gICAgICAgIGB9XG4gIHotaW5kZXg6IDE7XG5gXG5cbmNvbnN0IFRhYnM6IFJlYWN0LkZDPFRhYnNQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgdGFic0xhYmVscyA9IHsgc2Nyb2xsTGVmdDogJ1Njcm9sbCB0YWJzIGxlZnQnLCBzY3JvbGxSaWdodDogJ1Njcm9sbCB0YWJzIHJpZ2h0JyB9LFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgY29uc3QgW2lzU2Nyb2xsU3RhcnQsIHNldElzU2Nyb2xsU3RhcnRdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtpc1Njcm9sbEVuZCwgc2V0SXNTY3JvbGxFbmRdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtzaG93Q2hldnJvbnMsIHNldFNob3dDaGV2cm9uc10gPSB1c2VTdGF0ZShmYWxzZSlcblxuICBjb25zdCB7IHRyYW5zcGFyZW50LCBzaXplIH0gPSB1c2VUYWJzQ29udGV4dCgpXG5cbiAgY29uc3QgeyB3aWR0aCB9ID0gdXNlUmVzaXplT2JzZXJ2ZXIoeyByZWYgfSlcblxuICBjb25zdCB1cGRhdGVTY3JvbGxDb250cm9scyA9ICh7XG4gICAgc2Nyb2xsV2lkdGgsXG4gICAgY2xpZW50V2lkdGgsXG4gICAgc2Nyb2xsTGVmdCxcbiAgfToge1xuICAgIHNjcm9sbFdpZHRoOiBudW1iZXJcbiAgICBjbGllbnRXaWR0aDogbnVtYmVyXG4gICAgc2Nyb2xsTGVmdDogbnVtYmVyXG4gIH0pID0+IHtcbiAgICBzZXRJc1Njcm9sbFN0YXJ0KHNjcm9sbExlZnQgPT09IDApXG4gICAgc2V0SXNTY3JvbGxFbmQoc2Nyb2xsV2lkdGggPT09IGNsaWVudFdpZHRoICsgc2Nyb2xsTGVmdClcbiAgICBzZXRTaG93Q2hldnJvbnMoc2Nyb2xsV2lkdGggIT09IGNsaWVudFdpZHRoKVxuICB9XG5cbiAgY29uc3Qgc2Nyb2xsQnkgPSAoZGlzdGFuY2U6IG51bWJlcikgPT4ge1xuICAgIGlmIChyZWYuY3VycmVudCkge1xuICAgICAgaWYgKHJlZi5jdXJyZW50LnNjcm9sbEJ5ID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgcmVmLmN1cnJlbnQuc2Nyb2xsTGVmdCArPSBkaXN0YW5jZVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgcmVmLmN1cnJlbnQuc2Nyb2xsQnkoe1xuICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICBsZWZ0OiBkaXN0YW5jZSxcbiAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgfVxuICB9XG4gIC8vIFRPRE86IENvbnNpZGVyIHJld3JpdGUgdXNpbmcgcmVmIGNhbGxiYWNrXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHJlZiAhPT0gbnVsbCAmJiByZWYuY3VycmVudCAhPT0gbnVsbCkge1xuICAgICAgY29uc3Qgbm9kZSA9IHJlZi5jdXJyZW50XG4gICAgICB1cGRhdGVTY3JvbGxDb250cm9scyhub2RlKVxuXG4gICAgICBjb25zdCBoYW5kbGVyID0gKCkgPT4ge1xuICAgICAgICB1cGRhdGVTY3JvbGxDb250cm9scyhub2RlKVxuICAgICAgfVxuXG4gICAgICByZWYuY3VycmVudC5hZGRFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBoYW5kbGVyKVxuICAgICAgcmV0dXJuICgpID0+IG5vZGUucmVtb3ZlRXZlbnRMaXN0ZW5lcignc2Nyb2xsJywgaGFuZGxlcilcbiAgICB9XG4gICAgcmV0dXJuXG4gIH0sIFtyZWYsIGlzU2Nyb2xsU3RhcnQsIGlzU2Nyb2xsRW5kLCBzaG93Q2hldnJvbnMsIHdpZHRoXSlcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtzaG93Q2hldnJvbnMgJiYgKFxuICAgICAgICA8Q2hldnJvbkJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgICAgZGlyZWN0aW9uPVwibGVmdFwiXG4gICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICB2aXNpYmxlPXshaXNTY3JvbGxTdGFydH1cbiAgICAgICAgICBhcmlhTGFiZWw9e3RhYnNMYWJlbHMuc2Nyb2xsTGVmdH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzY3JvbGxCeSgtQ0hFVlJPTl9TQ1JPTExfU1RFUCl9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgICAge3Nob3dDaGV2cm9ucyAmJiAoXG4gICAgICAgIDxDaGV2cm9uQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICBpY29uPXtDaGV2cm9uUmlnaHR9XG4gICAgICAgICAgZGlyZWN0aW9uPVwicmlnaHRcIlxuICAgICAgICAgIGRpc2FibGVUb29sdGlwXG4gICAgICAgICAgdmlzaWJsZT17IWlzU2Nyb2xsRW5kfVxuICAgICAgICAgIGFyaWFMYWJlbD17dGFic0xhYmVscy5zY3JvbGxSaWdodH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzY3JvbGxCeShDSEVWUk9OX1NDUk9MTF9TVEVQKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkVGFicyByZWY9e3JlZn0gey4uLnJlc3R9IHRyYW5zcGFyZW50PXt0cmFuc3BhcmVudH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkVGFicz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJzXG4iXX0= */"));
+const ChevronButton = /*#__PURE__*/(0, _base.default)(_button.IconButton, process.env.NODE_ENV === "production" ? {
+  target: "e30vvqe0"
+} : {
+  target: "e30vvqe0",
+  label: "ChevronButton"
+})("height:", p => p.size === 's' ? '2.75rem' : '3.25rem', ";width:1.25rem;position:absolute;box-sizing:border-box;background:", _theme.theme.colors.text.light.secondary, ";color:", _theme.theme.colors.text.primary.primary, ";top:0;bottom:0;border-bottom:1px solid ", _theme.theme.colors.text.primary.disabled, ";display:", p => p.visible ? 'flex' : 'none', ";.js-focus-visible & :focus:not([data-focus-visible-added]){border:0;border-bottom:1px solid ", _theme.theme.colors.text.primary.disabled, ";}", p => p.direction === 'left' ? /*#__PURE__*/(0, _react2.css)("left:0;border-radius:", _theme.theme.radii.m, " 0 0 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:ChevronButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgdXNlVGFic0NvbnRleHQgZnJvbSAnLi9UYWJzQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5jb25zdCBDSEVWUk9OX1NDUk9MTF9TVEVQID0gMzAwXG5cbnR5cGUgVGFic0xhYmVscyA9IHtcbiAgc2Nyb2xsTGVmdDogc3RyaW5nXG4gIHNjcm9sbFJpZ2h0OiBzdHJpbmdcbn1cblxudHlwZSBUYWJzUHJvcHMgPSB7XG4gIHRhYnNMYWJlbHM/OiBUYWJzTGFiZWxzXG4gIGNoaWxkcmVuPzogYW55XG59XG5cbmNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQuZGl2PHsgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubH0gJHt0aGVtZS5yYWRpaS5sfSAwIDA7XG4gIGJhY2tncm91bmQ6ICR7KHApID0+IChwLnRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnkpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IENoZXZyb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbik8e1xuICBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfCB1bmRlZmluZWRcbiAgdmlzaWJsZTogYm9vbGVhblxuICBzaXplOiAncycgfCAnbScgfCB1bmRlZmluZWRcbn0+YFxuICBoZWlnaHQ6ICR7KHApID0+IChwLnNpemUgPT09ICdzJyA/ICcyLjc1cmVtJyA6ICczLjI1cmVtJyl9O1xuICB3aWR0aDogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZGlzcGxheTogJHsocCkgPT4gKHAudmlzaWJsZSA/ICdmbGV4JyA6ICdub25lJyl9O1xuXG4gIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgIGJvcmRlcjogMDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgfVxuICAkeyhwKSA9PlxuICAgIHAuZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgICAgICAgYFxuICAgICAgOiBjc3NgXG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke3RoZW1lLnJhZGlpLm19IDAgMDtcbiAgICAgICAgYH1cbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgVGFiczogUmVhY3QuRkM8VGFic1Byb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICB0YWJzTGFiZWxzID0geyBzY3JvbGxMZWZ0OiAnU2Nyb2xsIHRhYnMgbGVmdCcsIHNjcm9sbFJpZ2h0OiAnU2Nyb2xsIHRhYnMgcmlnaHQnIH0sXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbaXNTY3JvbGxTdGFydCwgc2V0SXNTY3JvbGxTdGFydF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2lzU2Nyb2xsRW5kLCBzZXRJc1Njcm9sbEVuZF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW3Nob3dDaGV2cm9ucywgc2V0U2hvd0NoZXZyb25zXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IHsgdHJhbnNwYXJlbnQsIHNpemUgfSA9IHVzZVRhYnNDb250ZXh0KClcblxuICBjb25zdCB7IHdpZHRoIH0gPSB1c2VSZXNpemVPYnNlcnZlcih7IHJlZiB9KVxuXG4gIGNvbnN0IHVwZGF0ZVNjcm9sbENvbnRyb2xzID0gKHtcbiAgICBzY3JvbGxXaWR0aCxcbiAgICBjbGllbnRXaWR0aCxcbiAgICBzY3JvbGxMZWZ0LFxuICB9OiB7XG4gICAgc2Nyb2xsV2lkdGg6IG51bWJlclxuICAgIGNsaWVudFdpZHRoOiBudW1iZXJcbiAgICBzY3JvbGxMZWZ0OiBudW1iZXJcbiAgfSkgPT4ge1xuICAgIHNldElzU2Nyb2xsU3RhcnQoc2Nyb2xsTGVmdCA9PT0gMClcbiAgICBzZXRJc1Njcm9sbEVuZChzY3JvbGxXaWR0aCA9PT0gY2xpZW50V2lkdGggKyBzY3JvbGxMZWZ0KVxuICAgIHNldFNob3dDaGV2cm9ucyhzY3JvbGxXaWR0aCAhPT0gY2xpZW50V2lkdGgpXG4gIH1cblxuICBjb25zdCBzY3JvbGxCeSA9IChkaXN0YW5jZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHJlZi5jdXJyZW50KSB7XG4gICAgICBpZiAocmVmLmN1cnJlbnQuc2Nyb2xsQnkgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxMZWZ0ICs9IGRpc3RhbmNlXG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxCeSh7XG4gICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgIGxlZnQ6IGRpc3RhbmNlLFxuICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLy8gVE9ETzogQ29uc2lkZXIgcmV3cml0ZSB1c2luZyByZWYgY2FsbGJhY2tcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVmICE9PSBudWxsICYmIHJlZi5jdXJyZW50ICE9PSBudWxsKSB7XG4gICAgICBjb25zdCBub2RlID0gcmVmLmN1cnJlbnRcbiAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG5cbiAgICAgIGNvbnN0IGhhbmRsZXIgPSAoKSA9PiB7XG4gICAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG4gICAgICB9XG5cbiAgICAgIHJlZi5jdXJyZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgICByZXR1cm4gKCkgPT4gbm9kZS5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBoYW5kbGVyKVxuICAgIH1cbiAgICByZXR1cm5cbiAgfSwgW3JlZiwgaXNTY3JvbGxTdGFydCwgaXNTY3JvbGxFbmQsIHNob3dDaGV2cm9ucywgd2lkdGhdKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge3Nob3dDaGV2cm9ucyAmJiAoXG4gICAgICAgIDxDaGV2cm9uQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJsZWZ0XCJcbiAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgIHZpc2libGU9eyFpc1Njcm9sbFN0YXJ0fVxuICAgICAgICAgIGFyaWFMYWJlbD17dGFic0xhYmVscy5zY3JvbGxMZWZ0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KC1DSEVWUk9OX1NDUk9MTF9TVEVQKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICB7c2hvd0NoZXZyb25zICYmIChcbiAgICAgICAgPENoZXZyb25CdXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGljb249e0NoZXZyb25SaWdodH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJyaWdodFwiXG4gICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICB2aXNpYmxlPXshaXNTY3JvbGxFbmR9XG4gICAgICAgICAgYXJpYUxhYmVsPXt0YWJzTGFiZWxzLnNjcm9sbFJpZ2h0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KENIRVZST05fU0NST0xMX1NURVApfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRUYWJzIHJlZj17cmVmfSB7Li4ucmVzdH0gdHJhbnNwYXJlbnQ9e3RyYW5zcGFyZW50fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRUYWJzPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnNcbiJdfQ== */") : /*#__PURE__*/(0, _react2.css)("right:0;border-radius:0 ", _theme.theme.radii.m, " 0 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:ChevronButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgdXNlVGFic0NvbnRleHQgZnJvbSAnLi9UYWJzQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5jb25zdCBDSEVWUk9OX1NDUk9MTF9TVEVQID0gMzAwXG5cbnR5cGUgVGFic0xhYmVscyA9IHtcbiAgc2Nyb2xsTGVmdDogc3RyaW5nXG4gIHNjcm9sbFJpZ2h0OiBzdHJpbmdcbn1cblxudHlwZSBUYWJzUHJvcHMgPSB7XG4gIHRhYnNMYWJlbHM/OiBUYWJzTGFiZWxzXG4gIGNoaWxkcmVuPzogYW55XG59XG5cbmNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQuZGl2PHsgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubH0gJHt0aGVtZS5yYWRpaS5sfSAwIDA7XG4gIGJhY2tncm91bmQ6ICR7KHApID0+IChwLnRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnkpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IENoZXZyb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbik8e1xuICBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfCB1bmRlZmluZWRcbiAgdmlzaWJsZTogYm9vbGVhblxuICBzaXplOiAncycgfCAnbScgfCB1bmRlZmluZWRcbn0+YFxuICBoZWlnaHQ6ICR7KHApID0+IChwLnNpemUgPT09ICdzJyA/ICcyLjc1cmVtJyA6ICczLjI1cmVtJyl9O1xuICB3aWR0aDogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZGlzcGxheTogJHsocCkgPT4gKHAudmlzaWJsZSA/ICdmbGV4JyA6ICdub25lJyl9O1xuXG4gIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgIGJvcmRlcjogMDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgfVxuICAkeyhwKSA9PlxuICAgIHAuZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgICAgICAgYFxuICAgICAgOiBjc3NgXG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke3RoZW1lLnJhZGlpLm19IDAgMDtcbiAgICAgICAgYH1cbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgVGFiczogUmVhY3QuRkM8VGFic1Byb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICB0YWJzTGFiZWxzID0geyBzY3JvbGxMZWZ0OiAnU2Nyb2xsIHRhYnMgbGVmdCcsIHNjcm9sbFJpZ2h0OiAnU2Nyb2xsIHRhYnMgcmlnaHQnIH0sXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbaXNTY3JvbGxTdGFydCwgc2V0SXNTY3JvbGxTdGFydF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2lzU2Nyb2xsRW5kLCBzZXRJc1Njcm9sbEVuZF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW3Nob3dDaGV2cm9ucywgc2V0U2hvd0NoZXZyb25zXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IHsgdHJhbnNwYXJlbnQsIHNpemUgfSA9IHVzZVRhYnNDb250ZXh0KClcblxuICBjb25zdCB7IHdpZHRoIH0gPSB1c2VSZXNpemVPYnNlcnZlcih7IHJlZiB9KVxuXG4gIGNvbnN0IHVwZGF0ZVNjcm9sbENvbnRyb2xzID0gKHtcbiAgICBzY3JvbGxXaWR0aCxcbiAgICBjbGllbnRXaWR0aCxcbiAgICBzY3JvbGxMZWZ0LFxuICB9OiB7XG4gICAgc2Nyb2xsV2lkdGg6IG51bWJlclxuICAgIGNsaWVudFdpZHRoOiBudW1iZXJcbiAgICBzY3JvbGxMZWZ0OiBudW1iZXJcbiAgfSkgPT4ge1xuICAgIHNldElzU2Nyb2xsU3RhcnQoc2Nyb2xsTGVmdCA9PT0gMClcbiAgICBzZXRJc1Njcm9sbEVuZChzY3JvbGxXaWR0aCA9PT0gY2xpZW50V2lkdGggKyBzY3JvbGxMZWZ0KVxuICAgIHNldFNob3dDaGV2cm9ucyhzY3JvbGxXaWR0aCAhPT0gY2xpZW50V2lkdGgpXG4gIH1cblxuICBjb25zdCBzY3JvbGxCeSA9IChkaXN0YW5jZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHJlZi5jdXJyZW50KSB7XG4gICAgICBpZiAocmVmLmN1cnJlbnQuc2Nyb2xsQnkgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxMZWZ0ICs9IGRpc3RhbmNlXG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxCeSh7XG4gICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgIGxlZnQ6IGRpc3RhbmNlLFxuICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLy8gVE9ETzogQ29uc2lkZXIgcmV3cml0ZSB1c2luZyByZWYgY2FsbGJhY2tcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVmICE9PSBudWxsICYmIHJlZi5jdXJyZW50ICE9PSBudWxsKSB7XG4gICAgICBjb25zdCBub2RlID0gcmVmLmN1cnJlbnRcbiAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG5cbiAgICAgIGNvbnN0IGhhbmRsZXIgPSAoKSA9PiB7XG4gICAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG4gICAgICB9XG5cbiAgICAgIHJlZi5jdXJyZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgICByZXR1cm4gKCkgPT4gbm9kZS5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBoYW5kbGVyKVxuICAgIH1cbiAgICByZXR1cm5cbiAgfSwgW3JlZiwgaXNTY3JvbGxTdGFydCwgaXNTY3JvbGxFbmQsIHNob3dDaGV2cm9ucywgd2lkdGhdKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge3Nob3dDaGV2cm9ucyAmJiAoXG4gICAgICAgIDxDaGV2cm9uQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJsZWZ0XCJcbiAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgIHZpc2libGU9eyFpc1Njcm9sbFN0YXJ0fVxuICAgICAgICAgIGFyaWFMYWJlbD17dGFic0xhYmVscy5zY3JvbGxMZWZ0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KC1DSEVWUk9OX1NDUk9MTF9TVEVQKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICB7c2hvd0NoZXZyb25zICYmIChcbiAgICAgICAgPENoZXZyb25CdXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGljb249e0NoZXZyb25SaWdodH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJyaWdodFwiXG4gICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICB2aXNpYmxlPXshaXNTY3JvbGxFbmR9XG4gICAgICAgICAgYXJpYUxhYmVsPXt0YWJzTGFiZWxzLnNjcm9sbFJpZ2h0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KENIRVZST05fU0NST0xMX1NURVApfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRUYWJzIHJlZj17cmVmfSB7Li4ucmVzdH0gdHJhbnNwYXJlbnQ9e3RyYW5zcGFyZW50fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRUYWJzPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnNcbiJdfQ== */"), " z-index:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgdXNlVGFic0NvbnRleHQgZnJvbSAnLi9UYWJzQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5jb25zdCBDSEVWUk9OX1NDUk9MTF9TVEVQID0gMzAwXG5cbnR5cGUgVGFic0xhYmVscyA9IHtcbiAgc2Nyb2xsTGVmdDogc3RyaW5nXG4gIHNjcm9sbFJpZ2h0OiBzdHJpbmdcbn1cblxudHlwZSBUYWJzUHJvcHMgPSB7XG4gIHRhYnNMYWJlbHM/OiBUYWJzTGFiZWxzXG4gIGNoaWxkcmVuPzogYW55XG59XG5cbmNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQuZGl2PHsgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubH0gJHt0aGVtZS5yYWRpaS5sfSAwIDA7XG4gIGJhY2tncm91bmQ6ICR7KHApID0+IChwLnRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnkpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IENoZXZyb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbik8e1xuICBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfCB1bmRlZmluZWRcbiAgdmlzaWJsZTogYm9vbGVhblxuICBzaXplOiAncycgfCAnbScgfCB1bmRlZmluZWRcbn0+YFxuICBoZWlnaHQ6ICR7KHApID0+IChwLnNpemUgPT09ICdzJyA/ICcyLjc1cmVtJyA6ICczLjI1cmVtJyl9O1xuICB3aWR0aDogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZGlzcGxheTogJHsocCkgPT4gKHAudmlzaWJsZSA/ICdmbGV4JyA6ICdub25lJyl9O1xuXG4gIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgIGJvcmRlcjogMDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgfVxuICAkeyhwKSA9PlxuICAgIHAuZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgICAgICAgYFxuICAgICAgOiBjc3NgXG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke3RoZW1lLnJhZGlpLm19IDAgMDtcbiAgICAgICAgYH1cbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgVGFiczogUmVhY3QuRkM8VGFic1Byb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICB0YWJzTGFiZWxzID0geyBzY3JvbGxMZWZ0OiAnU2Nyb2xsIHRhYnMgbGVmdCcsIHNjcm9sbFJpZ2h0OiAnU2Nyb2xsIHRhYnMgcmlnaHQnIH0sXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbaXNTY3JvbGxTdGFydCwgc2V0SXNTY3JvbGxTdGFydF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2lzU2Nyb2xsRW5kLCBzZXRJc1Njcm9sbEVuZF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW3Nob3dDaGV2cm9ucywgc2V0U2hvd0NoZXZyb25zXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IHsgdHJhbnNwYXJlbnQsIHNpemUgfSA9IHVzZVRhYnNDb250ZXh0KClcblxuICBjb25zdCB7IHdpZHRoIH0gPSB1c2VSZXNpemVPYnNlcnZlcih7IHJlZiB9KVxuXG4gIGNvbnN0IHVwZGF0ZVNjcm9sbENvbnRyb2xzID0gKHtcbiAgICBzY3JvbGxXaWR0aCxcbiAgICBjbGllbnRXaWR0aCxcbiAgICBzY3JvbGxMZWZ0LFxuICB9OiB7XG4gICAgc2Nyb2xsV2lkdGg6IG51bWJlclxuICAgIGNsaWVudFdpZHRoOiBudW1iZXJcbiAgICBzY3JvbGxMZWZ0OiBudW1iZXJcbiAgfSkgPT4ge1xuICAgIHNldElzU2Nyb2xsU3RhcnQoc2Nyb2xsTGVmdCA9PT0gMClcbiAgICBzZXRJc1Njcm9sbEVuZChzY3JvbGxXaWR0aCA9PT0gY2xpZW50V2lkdGggKyBzY3JvbGxMZWZ0KVxuICAgIHNldFNob3dDaGV2cm9ucyhzY3JvbGxXaWR0aCAhPT0gY2xpZW50V2lkdGgpXG4gIH1cblxuICBjb25zdCBzY3JvbGxCeSA9IChkaXN0YW5jZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHJlZi5jdXJyZW50KSB7XG4gICAgICBpZiAocmVmLmN1cnJlbnQuc2Nyb2xsQnkgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxMZWZ0ICs9IGRpc3RhbmNlXG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxCeSh7XG4gICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgIGxlZnQ6IGRpc3RhbmNlLFxuICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLy8gVE9ETzogQ29uc2lkZXIgcmV3cml0ZSB1c2luZyByZWYgY2FsbGJhY2tcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVmICE9PSBudWxsICYmIHJlZi5jdXJyZW50ICE9PSBudWxsKSB7XG4gICAgICBjb25zdCBub2RlID0gcmVmLmN1cnJlbnRcbiAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG5cbiAgICAgIGNvbnN0IGhhbmRsZXIgPSAoKSA9PiB7XG4gICAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG4gICAgICB9XG5cbiAgICAgIHJlZi5jdXJyZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgICByZXR1cm4gKCkgPT4gbm9kZS5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBoYW5kbGVyKVxuICAgIH1cbiAgICByZXR1cm5cbiAgfSwgW3JlZiwgaXNTY3JvbGxTdGFydCwgaXNTY3JvbGxFbmQsIHNob3dDaGV2cm9ucywgd2lkdGhdKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge3Nob3dDaGV2cm9ucyAmJiAoXG4gICAgICAgIDxDaGV2cm9uQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJsZWZ0XCJcbiAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgIHZpc2libGU9eyFpc1Njcm9sbFN0YXJ0fVxuICAgICAgICAgIGFyaWFMYWJlbD17dGFic0xhYmVscy5zY3JvbGxMZWZ0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KC1DSEVWUk9OX1NDUk9MTF9TVEVQKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICB7c2hvd0NoZXZyb25zICYmIChcbiAgICAgICAgPENoZXZyb25CdXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGljb249e0NoZXZyb25SaWdodH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJyaWdodFwiXG4gICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICB2aXNpYmxlPXshaXNTY3JvbGxFbmR9XG4gICAgICAgICAgYXJpYUxhYmVsPXt0YWJzTGFiZWxzLnNjcm9sbFJpZ2h0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KENIRVZST05fU0NST0xMX1NURVApfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRUYWJzIHJlZj17cmVmfSB7Li4ucmVzdH0gdHJhbnNwYXJlbnQ9e3RyYW5zcGFyZW50fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRUYWJzPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnNcbiJdfQ== */"));
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "bjn8wh",
+  styles: "position:relative"
+} : {
+  name: "1tk52mw-Tabs",
+  styles: "position:relative;label:Tabs;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkhjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgdXNlVGFic0NvbnRleHQgZnJvbSAnLi9UYWJzQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5jb25zdCBDSEVWUk9OX1NDUk9MTF9TVEVQID0gMzAwXG5cbnR5cGUgVGFic0xhYmVscyA9IHtcbiAgc2Nyb2xsTGVmdDogc3RyaW5nXG4gIHNjcm9sbFJpZ2h0OiBzdHJpbmdcbn1cblxudHlwZSBUYWJzUHJvcHMgPSB7XG4gIHRhYnNMYWJlbHM/OiBUYWJzTGFiZWxzXG4gIGNoaWxkcmVuPzogYW55XG59XG5cbmNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQuZGl2PHsgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubH0gJHt0aGVtZS5yYWRpaS5sfSAwIDA7XG4gIGJhY2tncm91bmQ6ICR7KHApID0+IChwLnRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnkpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IENoZXZyb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbik8e1xuICBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfCB1bmRlZmluZWRcbiAgdmlzaWJsZTogYm9vbGVhblxuICBzaXplOiAncycgfCAnbScgfCB1bmRlZmluZWRcbn0+YFxuICBoZWlnaHQ6ICR7KHApID0+IChwLnNpemUgPT09ICdzJyA/ICcyLjc1cmVtJyA6ICczLjI1cmVtJyl9O1xuICB3aWR0aDogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZGlzcGxheTogJHsocCkgPT4gKHAudmlzaWJsZSA/ICdmbGV4JyA6ICdub25lJyl9O1xuXG4gIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgIGJvcmRlcjogMDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgfVxuICAkeyhwKSA9PlxuICAgIHAuZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgICAgICAgYFxuICAgICAgOiBjc3NgXG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke3RoZW1lLnJhZGlpLm19IDAgMDtcbiAgICAgICAgYH1cbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgVGFiczogUmVhY3QuRkM8VGFic1Byb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICB0YWJzTGFiZWxzID0geyBzY3JvbGxMZWZ0OiAnU2Nyb2xsIHRhYnMgbGVmdCcsIHNjcm9sbFJpZ2h0OiAnU2Nyb2xsIHRhYnMgcmlnaHQnIH0sXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbaXNTY3JvbGxTdGFydCwgc2V0SXNTY3JvbGxTdGFydF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2lzU2Nyb2xsRW5kLCBzZXRJc1Njcm9sbEVuZF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW3Nob3dDaGV2cm9ucywgc2V0U2hvd0NoZXZyb25zXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IHsgdHJhbnNwYXJlbnQsIHNpemUgfSA9IHVzZVRhYnNDb250ZXh0KClcblxuICBjb25zdCB7IHdpZHRoIH0gPSB1c2VSZXNpemVPYnNlcnZlcih7IHJlZiB9KVxuXG4gIGNvbnN0IHVwZGF0ZVNjcm9sbENvbnRyb2xzID0gKHtcbiAgICBzY3JvbGxXaWR0aCxcbiAgICBjbGllbnRXaWR0aCxcbiAgICBzY3JvbGxMZWZ0LFxuICB9OiB7XG4gICAgc2Nyb2xsV2lkdGg6IG51bWJlclxuICAgIGNsaWVudFdpZHRoOiBudW1iZXJcbiAgICBzY3JvbGxMZWZ0OiBudW1iZXJcbiAgfSkgPT4ge1xuICAgIHNldElzU2Nyb2xsU3RhcnQoc2Nyb2xsTGVmdCA9PT0gMClcbiAgICBzZXRJc1Njcm9sbEVuZChzY3JvbGxXaWR0aCA9PT0gY2xpZW50V2lkdGggKyBzY3JvbGxMZWZ0KVxuICAgIHNldFNob3dDaGV2cm9ucyhzY3JvbGxXaWR0aCAhPT0gY2xpZW50V2lkdGgpXG4gIH1cblxuICBjb25zdCBzY3JvbGxCeSA9IChkaXN0YW5jZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHJlZi5jdXJyZW50KSB7XG4gICAgICBpZiAocmVmLmN1cnJlbnQuc2Nyb2xsQnkgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxMZWZ0ICs9IGRpc3RhbmNlXG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxCeSh7XG4gICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgIGxlZnQ6IGRpc3RhbmNlLFxuICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLy8gVE9ETzogQ29uc2lkZXIgcmV3cml0ZSB1c2luZyByZWYgY2FsbGJhY2tcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVmICE9PSBudWxsICYmIHJlZi5jdXJyZW50ICE9PSBudWxsKSB7XG4gICAgICBjb25zdCBub2RlID0gcmVmLmN1cnJlbnRcbiAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG5cbiAgICAgIGNvbnN0IGhhbmRsZXIgPSAoKSA9PiB7XG4gICAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG4gICAgICB9XG5cbiAgICAgIHJlZi5jdXJyZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgICByZXR1cm4gKCkgPT4gbm9kZS5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBoYW5kbGVyKVxuICAgIH1cbiAgICByZXR1cm5cbiAgfSwgW3JlZiwgaXNTY3JvbGxTdGFydCwgaXNTY3JvbGxFbmQsIHNob3dDaGV2cm9ucywgd2lkdGhdKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge3Nob3dDaGV2cm9ucyAmJiAoXG4gICAgICAgIDxDaGV2cm9uQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJsZWZ0XCJcbiAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgIHZpc2libGU9eyFpc1Njcm9sbFN0YXJ0fVxuICAgICAgICAgIGFyaWFMYWJlbD17dGFic0xhYmVscy5zY3JvbGxMZWZ0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KC1DSEVWUk9OX1NDUk9MTF9TVEVQKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICB7c2hvd0NoZXZyb25zICYmIChcbiAgICAgICAgPENoZXZyb25CdXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGljb249e0NoZXZyb25SaWdodH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJyaWdodFwiXG4gICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICB2aXNpYmxlPXshaXNTY3JvbGxFbmR9XG4gICAgICAgICAgYXJpYUxhYmVsPXt0YWJzTGFiZWxzLnNjcm9sbFJpZ2h0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KENIRVZST05fU0NST0xMX1NURVApfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRUYWJzIHJlZj17cmVmfSB7Li4ucmVzdH0gdHJhbnNwYXJlbnQ9e3RyYW5zcGFyZW50fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRUYWJzPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnNcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const Tabs = _ref2 => {
+  let children = _ref2.children,
+    _ref2$tabsLabels = _ref2.tabsLabels,
+    tabsLabels = _ref2$tabsLabels === void 0 ? {
+      scrollLeft: 'Scroll tabs left',
+      scrollRight: 'Scroll tabs right'
+    } : _ref2$tabsLabels,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  const ref = (0, _react.useRef)(null);
+  const _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isScrollStart = _useState2[0],
+    setIsScrollStart = _useState2[1];
+  const _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isScrollEnd = _useState4[0],
+    setIsScrollEnd = _useState4[1];
+  const _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showChevrons = _useState6[0],
+    setShowChevrons = _useState6[1];
+  const _useTabsContext = (0, _TabsContext.default)(),
+    transparent = _useTabsContext.transparent,
+    size = _useTabsContext.size;
+  const _useResizeObserver = (0, _hooks.useResizeObserver)({
+      ref
+    }),
+    width = _useResizeObserver.width;
+  const updateScrollControls = ({
+    scrollWidth,
+    clientWidth,
+    scrollLeft
+  }) => {
+    setIsScrollStart(scrollLeft === 0);
+    setIsScrollEnd(scrollWidth === clientWidth + scrollLeft);
+    setShowChevrons(scrollWidth !== clientWidth);
+  };
+  const scrollBy = distance => {
+    if (ref.current) {
+      if (ref.current.scrollBy === undefined) {
+        ref.current.scrollLeft += distance;
+      } else {
+        ref.current.scrollBy({
+          top: 0,
+          left: distance,
+          behavior: 'smooth'
+        });
+      }
+    }
+  };
+  // TODO: Consider rewrite using ref callback
+  (0, _react.useEffect)(() => {
+    if (ref !== null && ref.current !== null) {
+      const node = ref.current;
+      updateScrollControls(node);
+      const handler = () => {
+        updateScrollControls(node);
+      };
+      ref.current.addEventListener('scroll', handler);
+      return () => node.removeEventListener('scroll', handler);
+    }
+    return;
+  }, [ref, isScrollStart, isScrollEnd, showChevrons, width]);
+  return (0, _react2.jsx)("div", {
+    css: _ref
+  }, showChevrons && (0, _react2.jsx)(ChevronButton, {
+    type: "button",
+    size: size,
+    icon: _system.ChevronLeft,
+    direction: "left",
+    disableTooltip: true,
+    visible: !isScrollStart,
+    ariaLabel: tabsLabels.scrollLeft,
+    onClick: () => scrollBy(-CHEVRON_SCROLL_STEP)
+  }), showChevrons && (0, _react2.jsx)(ChevronButton, {
+    type: "button",
+    size: size,
+    icon: _system.ChevronRight,
+    direction: "right",
+    disableTooltip: true,
+    visible: !isScrollEnd,
+    ariaLabel: tabsLabels.scrollRight,
+    onClick: () => scrollBy(CHEVRON_SCROLL_STEP)
+  }), (0, _react2.jsx)(StyledTabs, _extends({
+    ref: ref
+  }, rest, {
+    transparent: transparent
+  }), children));
+};
+var _default = Tabs;
+exports.default = _default;

package/cjs/tab/TabsContext.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTabsContext = exports.default = exports.TabsContextProvider = exports.TabsContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const TabsContext = /*#__PURE__*/(0, _react.createContext)({
+  transparent: false,
+  activeTab: undefined,
+  size: 'm'
+});
+exports.TabsContext = TabsContext;
+const TabsContextProvider = ({
+  children,
+  value
+}) => {
+  return (0, _react2.jsx)(TabsContext.Provider, {
+    value: value
+  }, children);
+};
+exports.TabsContextProvider = TabsContextProvider;
+const useTabsContext = () => {
+  const context = (0, _react.useContext)(TabsContext);
+  if (context === undefined) {
+    throw new Error('useTabsContext must be used within a AppBarProvider');
+  }
+  return context;
+};
+exports.useTabsContext = useTabsContext;
+var _default = useTabsContext;
+exports.default = _default;