@dfds-ui/react-components 2.2.0-alpha.50e30e78 → 2.2.0-alpha.5e7ff910

package/tab/Tabs.js

@@ -0,0 +1,151 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import _styled from "@emotion/styled/base";
+var _excluded = ["children", "tabsLabels"];
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+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 React, { useEffect, useState, useRef } from 'react';
+import { css } from '@emotion/react';
+import { useResizeObserver } from '@dfds-ui/hooks';
+import { IconButton } from '../button';
+import useTabsContext from './TabsContext';
+import { theme } from '@dfds-ui/theme';
+import { ChevronLeft, ChevronRight } from '@dfds-ui/icons/system';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+var CHEVRON_SCROLL_STEP = 300;
+var StyledTabs = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e30vvqe1"
+} : {
+  target: "e30vvqe1",
+  label: "StyledTabs"
+})("display:inline-flex;position:relative;border-radius:", theme.radii.l, " ", theme.radii.l, " 0 0;background:", function (p) {
+  return p.transparent ? 'transparent' : 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWIvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJtRSIsImZpbGUiOiIuLi8uLi9zcmMvdGFiL1RhYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZVJlc2l6ZU9ic2VydmVyIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi4vYnV0dG9uJ1xuaW1wb3J0IHVzZVRhYnNDb250ZXh0IGZyb20gJy4vVGFic0NvbnRleHQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcblxuY29uc3QgQ0hFVlJPTl9TQ1JPTExfU1RFUCA9IDMwMFxuXG50eXBlIFRhYnNMYWJlbHMgPSB7XG4gIHNjcm9sbExlZnQ6IHN0cmluZ1xuICBzY3JvbGxSaWdodDogc3RyaW5nXG59XG5cbnR5cGUgVGFic1Byb3BzID0ge1xuICB0YWJzTGFiZWxzPzogVGFic0xhYmVsc1xuICBjaGlsZHJlbj86IGFueVxufVxuXG5jb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkLmRpdjx7IHRyYW5zcGFyZW50OiBib29sZWFuIHwgdW5kZWZpbmVkIH0+YFxuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLmx9ICR7dGhlbWUucmFkaWkubH0gMCAwO1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC50cmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG1heC13aWR0aDogMTAwJTtcbiAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYFxuXG5jb25zdCBDaGV2cm9uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pPHtcbiAgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIHwgdW5kZWZpbmVkXG4gIHZpc2libGU6IGJvb2xlYW5cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgdW5kZWZpbmVkXG59PmBcbiAgaGVpZ2h0OiAkeyhwKSA9PiAocC5zaXplID09PSAncycgPyAnMi43NXJlbScgOiAnMy4yNXJlbScpfTtcbiAgd2lkdGg6IDEuMjVyZW07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gIGRpc3BsYXk6ICR7KHApID0+IChwLnZpc2libGUgPyAnZmxleCcgOiAnbm9uZScpfTtcblxuICAuanMtZm9jdXMtdmlzaWJsZSAmIDpmb2N1czpub3QoW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0pIHtcbiAgICBib3JkZXI6IDA7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gIH1cbiAgJHsocCkgPT5cbiAgICBwLmRpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX0gMCAwIDA7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDAgJHt0aGVtZS5yYWRpaS5tfSAwIDA7XG4gICAgICAgIGB9XG4gIHotaW5kZXg6IDE7XG5gXG5cbmNvbnN0IFRhYnMgPSAoe1xuICBjaGlsZHJlbixcbiAgdGFic0xhYmVscyA9IHsgc2Nyb2xsTGVmdDogJ1Njcm9sbCB0YWJzIGxlZnQnLCBzY3JvbGxSaWdodDogJ1Njcm9sbCB0YWJzIHJpZ2h0JyB9LFxuICAuLi5yZXN0XG59OiBUYWJzUHJvcHMpID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbaXNTY3JvbGxTdGFydCwgc2V0SXNTY3JvbGxTdGFydF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2lzU2Nyb2xsRW5kLCBzZXRJc1Njcm9sbEVuZF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW3Nob3dDaGV2cm9ucywgc2V0U2hvd0NoZXZyb25zXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IHsgdHJhbnNwYXJlbnQsIHNpemUgfSA9IHVzZVRhYnNDb250ZXh0KClcblxuICBjb25zdCB7IHdpZHRoIH0gPSB1c2VSZXNpemVPYnNlcnZlcih7IHJlZiB9KVxuXG4gIGNvbnN0IHVwZGF0ZVNjcm9sbENvbnRyb2xzID0gKHtcbiAgICBzY3JvbGxXaWR0aCxcbiAgICBjbGllbnRXaWR0aCxcbiAgICBzY3JvbGxMZWZ0LFxuICB9OiB7XG4gICAgc2Nyb2xsV2lkdGg6IG51bWJlclxuICAgIGNsaWVudFdpZHRoOiBudW1iZXJcbiAgICBzY3JvbGxMZWZ0OiBudW1iZXJcbiAgfSkgPT4ge1xuICAgIHNldElzU2Nyb2xsU3RhcnQoc2Nyb2xsTGVmdCA9PT0gMClcbiAgICBzZXRJc1Njcm9sbEVuZChzY3JvbGxXaWR0aCA9PT0gY2xpZW50V2lkdGggKyBzY3JvbGxMZWZ0KVxuICAgIHNldFNob3dDaGV2cm9ucyhzY3JvbGxXaWR0aCAhPT0gY2xpZW50V2lkdGgpXG4gIH1cblxuICBjb25zdCBzY3JvbGxCeSA9IChkaXN0YW5jZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHJlZi5jdXJyZW50KSB7XG4gICAgICBpZiAocmVmLmN1cnJlbnQuc2Nyb2xsQnkgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxMZWZ0ICs9IGRpc3RhbmNlXG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxCeSh7XG4gICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgIGxlZnQ6IGRpc3RhbmNlLFxuICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLy8gVE9ETzogQ29uc2lkZXIgcmV3cml0ZSB1c2luZyByZWYgY2FsbGJhY2tcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVmICE9PSBudWxsICYmIHJlZi5jdXJyZW50ICE9PSBudWxsKSB7XG4gICAgICBjb25zdCBub2RlID0gcmVmLmN1cnJlbnRcbiAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG5cbiAgICAgIGNvbnN0IGhhbmRsZXIgPSAoKSA9PiB7XG4gICAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG4gICAgICB9XG5cbiAgICAgIHJlZi5jdXJyZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgICByZXR1cm4gKCkgPT4gbm9kZS5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBoYW5kbGVyKVxuICAgIH1cbiAgICByZXR1cm5cbiAgfSwgW3JlZiwgaXNTY3JvbGxTdGFydCwgaXNTY3JvbGxFbmQsIHNob3dDaGV2cm9ucywgd2lkdGhdKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge3Nob3dDaGV2cm9ucyAmJiAoXG4gICAgICAgIDxDaGV2cm9uQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJsZWZ0XCJcbiAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgIHZpc2libGU9eyFpc1Njcm9sbFN0YXJ0fVxuICAgICAgICAgIGFyaWFMYWJlbD17dGFic0xhYmVscy5zY3JvbGxMZWZ0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KC1DSEVWUk9OX1NDUk9MTF9TVEVQKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICB7c2hvd0NoZXZyb25zICYmIChcbiAgICAgICAgPENoZXZyb25CdXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGljb249e0NoZXZyb25SaWdodH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJyaWdodFwiXG4gICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICB2aXNpYmxlPXshaXNTY3JvbGxFbmR9XG4gICAgICAgICAgYXJpYUxhYmVsPXt0YWJzTGFiZWxzLnNjcm9sbFJpZ2h0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KENIRVZST05fU0NST0xMX1NURVApfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRUYWJzIHJlZj17cmVmfSB7Li4ucmVzdH0gdHJhbnNwYXJlbnQ9e3RyYW5zcGFyZW50fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRUYWJzPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnNcbiJdfQ== */"));
+var ChevronButton = /*#__PURE__*/_styled(IconButton, process.env.NODE_ENV === "production" ? {
+  target: "e30vvqe0"
+} : {
+  target: "e30vvqe0",
+  label: "ChevronButton"
+})("height:", function (p) {
+  return p.size === 's' ? '2.75rem' : '3.25rem';
+}, ";width:1.25rem;position:absolute;box-sizing:border-box;background:", theme.colors.text.light.secondary, ";color:", theme.colors.text.primary.primary, ";top:0;bottom:0;border-bottom:1px solid ", theme.colors.text.primary.disabled, ";display:", function (p) {
+  return p.visible ? 'flex' : 'none';
+}, ";.js-focus-visible & :focus:not([data-focus-visible-added]){border:0;border-bottom:1px solid ", theme.colors.text.primary.disabled, ";}", function (p) {
+  return p.direction === 'left' ? /*#__PURE__*/css("left:0;border-radius:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWIvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURXIiwiZmlsZSI6Ii4uLy4uL3NyYy90YWIvVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgdXNlVGFic0NvbnRleHQgZnJvbSAnLi9UYWJzQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5jb25zdCBDSEVWUk9OX1NDUk9MTF9TVEVQID0gMzAwXG5cbnR5cGUgVGFic0xhYmVscyA9IHtcbiAgc2Nyb2xsTGVmdDogc3RyaW5nXG4gIHNjcm9sbFJpZ2h0OiBzdHJpbmdcbn1cblxudHlwZSBUYWJzUHJvcHMgPSB7XG4gIHRhYnNMYWJlbHM/OiBUYWJzTGFiZWxzXG4gIGNoaWxkcmVuPzogYW55XG59XG5cbmNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQuZGl2PHsgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubH0gJHt0aGVtZS5yYWRpaS5sfSAwIDA7XG4gIGJhY2tncm91bmQ6ICR7KHApID0+IChwLnRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnkpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IENoZXZyb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbik8e1xuICBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfCB1bmRlZmluZWRcbiAgdmlzaWJsZTogYm9vbGVhblxuICBzaXplOiAncycgfCAnbScgfCB1bmRlZmluZWRcbn0+YFxuICBoZWlnaHQ6ICR7KHApID0+IChwLnNpemUgPT09ICdzJyA/ICcyLjc1cmVtJyA6ICczLjI1cmVtJyl9O1xuICB3aWR0aDogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZGlzcGxheTogJHsocCkgPT4gKHAudmlzaWJsZSA/ICdmbGV4JyA6ICdub25lJyl9O1xuXG4gIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgIGJvcmRlcjogMDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgfVxuICAkeyhwKSA9PlxuICAgIHAuZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgICAgICAgYFxuICAgICAgOiBjc3NgXG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke3RoZW1lLnJhZGlpLm19IDAgMDtcbiAgICAgICAgYH1cbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgVGFicyA9ICh7XG4gIGNoaWxkcmVuLFxuICB0YWJzTGFiZWxzID0geyBzY3JvbGxMZWZ0OiAnU2Nyb2xsIHRhYnMgbGVmdCcsIHNjcm9sbFJpZ2h0OiAnU2Nyb2xsIHRhYnMgcmlnaHQnIH0sXG4gIC4uLnJlc3Rcbn06IFRhYnNQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IFtpc1Njcm9sbFN0YXJ0LCBzZXRJc1Njcm9sbFN0YXJ0XSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbaXNTY3JvbGxFbmQsIHNldElzU2Nyb2xsRW5kXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbc2hvd0NoZXZyb25zLCBzZXRTaG93Q2hldnJvbnNdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgeyB0cmFuc3BhcmVudCwgc2l6ZSB9ID0gdXNlVGFic0NvbnRleHQoKVxuXG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVJlc2l6ZU9ic2VydmVyKHsgcmVmIH0pXG5cbiAgY29uc3QgdXBkYXRlU2Nyb2xsQ29udHJvbHMgPSAoe1xuICAgIHNjcm9sbFdpZHRoLFxuICAgIGNsaWVudFdpZHRoLFxuICAgIHNjcm9sbExlZnQsXG4gIH06IHtcbiAgICBzY3JvbGxXaWR0aDogbnVtYmVyXG4gICAgY2xpZW50V2lkdGg6IG51bWJlclxuICAgIHNjcm9sbExlZnQ6IG51bWJlclxuICB9KSA9PiB7XG4gICAgc2V0SXNTY3JvbGxTdGFydChzY3JvbGxMZWZ0ID09PSAwKVxuICAgIHNldElzU2Nyb2xsRW5kKHNjcm9sbFdpZHRoID09PSBjbGllbnRXaWR0aCArIHNjcm9sbExlZnQpXG4gICAgc2V0U2hvd0NoZXZyb25zKHNjcm9sbFdpZHRoICE9PSBjbGllbnRXaWR0aClcbiAgfVxuXG4gIGNvbnN0IHNjcm9sbEJ5ID0gKGRpc3RhbmNlOiBudW1iZXIpID0+IHtcbiAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgIGlmIChyZWYuY3VycmVudC5zY3JvbGxCeSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHJlZi5jdXJyZW50LnNjcm9sbExlZnQgKz0gZGlzdGFuY2VcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJlZi5jdXJyZW50LnNjcm9sbEJ5KHtcbiAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgbGVmdDogZGlzdGFuY2UsXG4gICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICB9KVxuICAgICAgfVxuICAgIH1cbiAgfVxuICAvLyBUT0RPOiBDb25zaWRlciByZXdyaXRlIHVzaW5nIHJlZiBjYWxsYmFja1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZWYgIT09IG51bGwgJiYgcmVmLmN1cnJlbnQgIT09IG51bGwpIHtcbiAgICAgIGNvbnN0IG5vZGUgPSByZWYuY3VycmVudFxuICAgICAgdXBkYXRlU2Nyb2xsQ29udHJvbHMobm9kZSlcblxuICAgICAgY29uc3QgaGFuZGxlciA9ICgpID0+IHtcbiAgICAgICAgdXBkYXRlU2Nyb2xsQ29udHJvbHMobm9kZSlcbiAgICAgIH1cblxuICAgICAgcmVmLmN1cnJlbnQuYWRkRXZlbnRMaXN0ZW5lcignc2Nyb2xsJywgaGFuZGxlcilcbiAgICAgIHJldHVybiAoKSA9PiBub2RlLnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgfVxuICAgIHJldHVyblxuICB9LCBbcmVmLCBpc1Njcm9sbFN0YXJ0LCBpc1Njcm9sbEVuZCwgc2hvd0NoZXZyb25zLCB3aWR0aF0pXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7c2hvd0NoZXZyb25zICYmIChcbiAgICAgICAgPENoZXZyb25CdXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGljb249e0NoZXZyb25MZWZ0fVxuICAgICAgICAgIGRpcmVjdGlvbj1cImxlZnRcIlxuICAgICAgICAgIGRpc2FibGVUb29sdGlwXG4gICAgICAgICAgdmlzaWJsZT17IWlzU2Nyb2xsU3RhcnR9XG4gICAgICAgICAgYXJpYUxhYmVsPXt0YWJzTGFiZWxzLnNjcm9sbExlZnR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2Nyb2xsQnkoLUNIRVZST05fU0NST0xMX1NURVApfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtzaG93Q2hldnJvbnMgJiYgKFxuICAgICAgICA8Q2hldnJvbkJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJpZ2h0XCJcbiAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgIHZpc2libGU9eyFpc1Njcm9sbEVuZH1cbiAgICAgICAgICBhcmlhTGFiZWw9e3RhYnNMYWJlbHMuc2Nyb2xsUmlnaHR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2Nyb2xsQnkoQ0hFVlJPTl9TQ1JPTExfU1RFUCl9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgICAgPFN0eWxlZFRhYnMgcmVmPXtyZWZ9IHsuLi5yZXN0fSB0cmFuc3BhcmVudD17dHJhbnNwYXJlbnR9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFRhYnM+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFic1xuIl19 */") : /*#__PURE__*/css("right:0;border-radius:0 ", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWIvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRXIiwiZmlsZSI6Ii4uLy4uL3NyYy90YWIvVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgdXNlVGFic0NvbnRleHQgZnJvbSAnLi9UYWJzQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5jb25zdCBDSEVWUk9OX1NDUk9MTF9TVEVQID0gMzAwXG5cbnR5cGUgVGFic0xhYmVscyA9IHtcbiAgc2Nyb2xsTGVmdDogc3RyaW5nXG4gIHNjcm9sbFJpZ2h0OiBzdHJpbmdcbn1cblxudHlwZSBUYWJzUHJvcHMgPSB7XG4gIHRhYnNMYWJlbHM/OiBUYWJzTGFiZWxzXG4gIGNoaWxkcmVuPzogYW55XG59XG5cbmNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQuZGl2PHsgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubH0gJHt0aGVtZS5yYWRpaS5sfSAwIDA7XG4gIGJhY2tncm91bmQ6ICR7KHApID0+IChwLnRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnkpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IENoZXZyb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbik8e1xuICBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfCB1bmRlZmluZWRcbiAgdmlzaWJsZTogYm9vbGVhblxuICBzaXplOiAncycgfCAnbScgfCB1bmRlZmluZWRcbn0+YFxuICBoZWlnaHQ6ICR7KHApID0+IChwLnNpemUgPT09ICdzJyA/ICcyLjc1cmVtJyA6ICczLjI1cmVtJyl9O1xuICB3aWR0aDogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZGlzcGxheTogJHsocCkgPT4gKHAudmlzaWJsZSA/ICdmbGV4JyA6ICdub25lJyl9O1xuXG4gIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgIGJvcmRlcjogMDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgfVxuICAkeyhwKSA9PlxuICAgIHAuZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgICAgICAgYFxuICAgICAgOiBjc3NgXG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke3RoZW1lLnJhZGlpLm19IDAgMDtcbiAgICAgICAgYH1cbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgVGFicyA9ICh7XG4gIGNoaWxkcmVuLFxuICB0YWJzTGFiZWxzID0geyBzY3JvbGxMZWZ0OiAnU2Nyb2xsIHRhYnMgbGVmdCcsIHNjcm9sbFJpZ2h0OiAnU2Nyb2xsIHRhYnMgcmlnaHQnIH0sXG4gIC4uLnJlc3Rcbn06IFRhYnNQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IFtpc1Njcm9sbFN0YXJ0LCBzZXRJc1Njcm9sbFN0YXJ0XSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbaXNTY3JvbGxFbmQsIHNldElzU2Nyb2xsRW5kXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbc2hvd0NoZXZyb25zLCBzZXRTaG93Q2hldnJvbnNdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgeyB0cmFuc3BhcmVudCwgc2l6ZSB9ID0gdXNlVGFic0NvbnRleHQoKVxuXG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVJlc2l6ZU9ic2VydmVyKHsgcmVmIH0pXG5cbiAgY29uc3QgdXBkYXRlU2Nyb2xsQ29udHJvbHMgPSAoe1xuICAgIHNjcm9sbFdpZHRoLFxuICAgIGNsaWVudFdpZHRoLFxuICAgIHNjcm9sbExlZnQsXG4gIH06IHtcbiAgICBzY3JvbGxXaWR0aDogbnVtYmVyXG4gICAgY2xpZW50V2lkdGg6IG51bWJlclxuICAgIHNjcm9sbExlZnQ6IG51bWJlclxuICB9KSA9PiB7XG4gICAgc2V0SXNTY3JvbGxTdGFydChzY3JvbGxMZWZ0ID09PSAwKVxuICAgIHNldElzU2Nyb2xsRW5kKHNjcm9sbFdpZHRoID09PSBjbGllbnRXaWR0aCArIHNjcm9sbExlZnQpXG4gICAgc2V0U2hvd0NoZXZyb25zKHNjcm9sbFdpZHRoICE9PSBjbGllbnRXaWR0aClcbiAgfVxuXG4gIGNvbnN0IHNjcm9sbEJ5ID0gKGRpc3RhbmNlOiBudW1iZXIpID0+IHtcbiAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgIGlmIChyZWYuY3VycmVudC5zY3JvbGxCeSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHJlZi5jdXJyZW50LnNjcm9sbExlZnQgKz0gZGlzdGFuY2VcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJlZi5jdXJyZW50LnNjcm9sbEJ5KHtcbiAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgbGVmdDogZGlzdGFuY2UsXG4gICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICB9KVxuICAgICAgfVxuICAgIH1cbiAgfVxuICAvLyBUT0RPOiBDb25zaWRlciByZXdyaXRlIHVzaW5nIHJlZiBjYWxsYmFja1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZWYgIT09IG51bGwgJiYgcmVmLmN1cnJlbnQgIT09IG51bGwpIHtcbiAgICAgIGNvbnN0IG5vZGUgPSByZWYuY3VycmVudFxuICAgICAgdXBkYXRlU2Nyb2xsQ29udHJvbHMobm9kZSlcblxuICAgICAgY29uc3QgaGFuZGxlciA9ICgpID0+IHtcbiAgICAgICAgdXBkYXRlU2Nyb2xsQ29udHJvbHMobm9kZSlcbiAgICAgIH1cblxuICAgICAgcmVmLmN1cnJlbnQuYWRkRXZlbnRMaXN0ZW5lcignc2Nyb2xsJywgaGFuZGxlcilcbiAgICAgIHJldHVybiAoKSA9PiBub2RlLnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgfVxuICAgIHJldHVyblxuICB9LCBbcmVmLCBpc1Njcm9sbFN0YXJ0LCBpc1Njcm9sbEVuZCwgc2hvd0NoZXZyb25zLCB3aWR0aF0pXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7c2hvd0NoZXZyb25zICYmIChcbiAgICAgICAgPENoZXZyb25CdXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGljb249e0NoZXZyb25MZWZ0fVxuICAgICAgICAgIGRpcmVjdGlvbj1cImxlZnRcIlxuICAgICAgICAgIGRpc2FibGVUb29sdGlwXG4gICAgICAgICAgdmlzaWJsZT17IWlzU2Nyb2xsU3RhcnR9XG4gICAgICAgICAgYXJpYUxhYmVsPXt0YWJzTGFiZWxzLnNjcm9sbExlZnR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2Nyb2xsQnkoLUNIRVZST05fU0NST0xMX1NURVApfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtzaG93Q2hldnJvbnMgJiYgKFxuICAgICAgICA8Q2hldnJvbkJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJpZ2h0XCJcbiAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgIHZpc2libGU9eyFpc1Njcm9sbEVuZH1cbiAgICAgICAgICBhcmlhTGFiZWw9e3RhYnNMYWJlbHMuc2Nyb2xsUmlnaHR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2Nyb2xsQnkoQ0hFVlJPTl9TQ1JPTExfU1RFUCl9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgICAgPFN0eWxlZFRhYnMgcmVmPXtyZWZ9IHsuLi5yZXN0fSB0cmFuc3BhcmVudD17dHJhbnNwYXJlbnR9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFRhYnM+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFic1xuIl19 */");
+}, " z-index:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWIvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNFIiwiZmlsZSI6Ii4uLy4uL3NyYy90YWIvVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgdXNlVGFic0NvbnRleHQgZnJvbSAnLi9UYWJzQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5jb25zdCBDSEVWUk9OX1NDUk9MTF9TVEVQID0gMzAwXG5cbnR5cGUgVGFic0xhYmVscyA9IHtcbiAgc2Nyb2xsTGVmdDogc3RyaW5nXG4gIHNjcm9sbFJpZ2h0OiBzdHJpbmdcbn1cblxudHlwZSBUYWJzUHJvcHMgPSB7XG4gIHRhYnNMYWJlbHM/OiBUYWJzTGFiZWxzXG4gIGNoaWxkcmVuPzogYW55XG59XG5cbmNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQuZGl2PHsgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubH0gJHt0aGVtZS5yYWRpaS5sfSAwIDA7XG4gIGJhY2tncm91bmQ6ICR7KHApID0+IChwLnRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnkpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IENoZXZyb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbik8e1xuICBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfCB1bmRlZmluZWRcbiAgdmlzaWJsZTogYm9vbGVhblxuICBzaXplOiAncycgfCAnbScgfCB1bmRlZmluZWRcbn0+YFxuICBoZWlnaHQ6ICR7KHApID0+IChwLnNpemUgPT09ICdzJyA/ICcyLjc1cmVtJyA6ICczLjI1cmVtJyl9O1xuICB3aWR0aDogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZGlzcGxheTogJHsocCkgPT4gKHAudmlzaWJsZSA/ICdmbGV4JyA6ICdub25lJyl9O1xuXG4gIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgIGJvcmRlcjogMDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgfVxuICAkeyhwKSA9PlxuICAgIHAuZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgICAgICAgYFxuICAgICAgOiBjc3NgXG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke3RoZW1lLnJhZGlpLm19IDAgMDtcbiAgICAgICAgYH1cbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgVGFicyA9ICh7XG4gIGNoaWxkcmVuLFxuICB0YWJzTGFiZWxzID0geyBzY3JvbGxMZWZ0OiAnU2Nyb2xsIHRhYnMgbGVmdCcsIHNjcm9sbFJpZ2h0OiAnU2Nyb2xsIHRhYnMgcmlnaHQnIH0sXG4gIC4uLnJlc3Rcbn06IFRhYnNQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IFtpc1Njcm9sbFN0YXJ0LCBzZXRJc1Njcm9sbFN0YXJ0XSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbaXNTY3JvbGxFbmQsIHNldElzU2Nyb2xsRW5kXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbc2hvd0NoZXZyb25zLCBzZXRTaG93Q2hldnJvbnNdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgeyB0cmFuc3BhcmVudCwgc2l6ZSB9ID0gdXNlVGFic0NvbnRleHQoKVxuXG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVJlc2l6ZU9ic2VydmVyKHsgcmVmIH0pXG5cbiAgY29uc3QgdXBkYXRlU2Nyb2xsQ29udHJvbHMgPSAoe1xuICAgIHNjcm9sbFdpZHRoLFxuICAgIGNsaWVudFdpZHRoLFxuICAgIHNjcm9sbExlZnQsXG4gIH06IHtcbiAgICBzY3JvbGxXaWR0aDogbnVtYmVyXG4gICAgY2xpZW50V2lkdGg6IG51bWJlclxuICAgIHNjcm9sbExlZnQ6IG51bWJlclxuICB9KSA9PiB7XG4gICAgc2V0SXNTY3JvbGxTdGFydChzY3JvbGxMZWZ0ID09PSAwKVxuICAgIHNldElzU2Nyb2xsRW5kKHNjcm9sbFdpZHRoID09PSBjbGllbnRXaWR0aCArIHNjcm9sbExlZnQpXG4gICAgc2V0U2hvd0NoZXZyb25zKHNjcm9sbFdpZHRoICE9PSBjbGllbnRXaWR0aClcbiAgfVxuXG4gIGNvbnN0IHNjcm9sbEJ5ID0gKGRpc3RhbmNlOiBudW1iZXIpID0+IHtcbiAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgIGlmIChyZWYuY3VycmVudC5zY3JvbGxCeSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHJlZi5jdXJyZW50LnNjcm9sbExlZnQgKz0gZGlzdGFuY2VcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJlZi5jdXJyZW50LnNjcm9sbEJ5KHtcbiAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgbGVmdDogZGlzdGFuY2UsXG4gICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICB9KVxuICAgICAgfVxuICAgIH1cbiAgfVxuICAvLyBUT0RPOiBDb25zaWRlciByZXdyaXRlIHVzaW5nIHJlZiBjYWxsYmFja1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZWYgIT09IG51bGwgJiYgcmVmLmN1cnJlbnQgIT09IG51bGwpIHtcbiAgICAgIGNvbnN0IG5vZGUgPSByZWYuY3VycmVudFxuICAgICAgdXBkYXRlU2Nyb2xsQ29udHJvbHMobm9kZSlcblxuICAgICAgY29uc3QgaGFuZGxlciA9ICgpID0+IHtcbiAgICAgICAgdXBkYXRlU2Nyb2xsQ29udHJvbHMobm9kZSlcbiAgICAgIH1cblxuICAgICAgcmVmLmN1cnJlbnQuYWRkRXZlbnRMaXN0ZW5lcignc2Nyb2xsJywgaGFuZGxlcilcbiAgICAgIHJldHVybiAoKSA9PiBub2RlLnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgfVxuICAgIHJldHVyblxuICB9LCBbcmVmLCBpc1Njcm9sbFN0YXJ0LCBpc1Njcm9sbEVuZCwgc2hvd0NoZXZyb25zLCB3aWR0aF0pXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7c2hvd0NoZXZyb25zICYmIChcbiAgICAgICAgPENoZXZyb25CdXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGljb249e0NoZXZyb25MZWZ0fVxuICAgICAgICAgIGRpcmVjdGlvbj1cImxlZnRcIlxuICAgICAgICAgIGRpc2FibGVUb29sdGlwXG4gICAgICAgICAgdmlzaWJsZT17IWlzU2Nyb2xsU3RhcnR9XG4gICAgICAgICAgYXJpYUxhYmVsPXt0YWJzTGFiZWxzLnNjcm9sbExlZnR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2Nyb2xsQnkoLUNIRVZST05fU0NST0xMX1NURVApfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtzaG93Q2hldnJvbnMgJiYgKFxuICAgICAgICA8Q2hldnJvbkJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJpZ2h0XCJcbiAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgIHZpc2libGU9eyFpc1Njcm9sbEVuZH1cbiAgICAgICAgICBhcmlhTGFiZWw9e3RhYnNMYWJlbHMuc2Nyb2xsUmlnaHR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2Nyb2xsQnkoQ0hFVlJPTl9TQ1JPTExfU1RFUCl9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgICAgPFN0eWxlZFRhYnMgcmVmPXtyZWZ9IHsuLi5yZXN0fSB0cmFuc3BhcmVudD17dHJhbnNwYXJlbnR9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFRhYnM+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFic1xuIl19 */"));
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "bjn8wh",
+  styles: "position:relative"
+} : {
+  name: "1tk52mw-Tabs",
+  styles: "position:relative;label:Tabs;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWIvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkhjIiwiZmlsZSI6Ii4uLy4uL3NyYy90YWIvVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgdXNlVGFic0NvbnRleHQgZnJvbSAnLi9UYWJzQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5jb25zdCBDSEVWUk9OX1NDUk9MTF9TVEVQID0gMzAwXG5cbnR5cGUgVGFic0xhYmVscyA9IHtcbiAgc2Nyb2xsTGVmdDogc3RyaW5nXG4gIHNjcm9sbFJpZ2h0OiBzdHJpbmdcbn1cblxudHlwZSBUYWJzUHJvcHMgPSB7XG4gIHRhYnNMYWJlbHM/OiBUYWJzTGFiZWxzXG4gIGNoaWxkcmVuPzogYW55XG59XG5cbmNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQuZGl2PHsgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubH0gJHt0aGVtZS5yYWRpaS5sfSAwIDA7XG4gIGJhY2tncm91bmQ6ICR7KHApID0+IChwLnRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnkpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IENoZXZyb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbik8e1xuICBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfCB1bmRlZmluZWRcbiAgdmlzaWJsZTogYm9vbGVhblxuICBzaXplOiAncycgfCAnbScgfCB1bmRlZmluZWRcbn0+YFxuICBoZWlnaHQ6ICR7KHApID0+IChwLnNpemUgPT09ICdzJyA/ICcyLjc1cmVtJyA6ICczLjI1cmVtJyl9O1xuICB3aWR0aDogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZGlzcGxheTogJHsocCkgPT4gKHAudmlzaWJsZSA/ICdmbGV4JyA6ICdub25lJyl9O1xuXG4gIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgIGJvcmRlcjogMDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgfVxuICAkeyhwKSA9PlxuICAgIHAuZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgICAgICAgYFxuICAgICAgOiBjc3NgXG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke3RoZW1lLnJhZGlpLm19IDAgMDtcbiAgICAgICAgYH1cbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgVGFicyA9ICh7XG4gIGNoaWxkcmVuLFxuICB0YWJzTGFiZWxzID0geyBzY3JvbGxMZWZ0OiAnU2Nyb2xsIHRhYnMgbGVmdCcsIHNjcm9sbFJpZ2h0OiAnU2Nyb2xsIHRhYnMgcmlnaHQnIH0sXG4gIC4uLnJlc3Rcbn06IFRhYnNQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IFtpc1Njcm9sbFN0YXJ0LCBzZXRJc1Njcm9sbFN0YXJ0XSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbaXNTY3JvbGxFbmQsIHNldElzU2Nyb2xsRW5kXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbc2hvd0NoZXZyb25zLCBzZXRTaG93Q2hldnJvbnNdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgeyB0cmFuc3BhcmVudCwgc2l6ZSB9ID0gdXNlVGFic0NvbnRleHQoKVxuXG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVJlc2l6ZU9ic2VydmVyKHsgcmVmIH0pXG5cbiAgY29uc3QgdXBkYXRlU2Nyb2xsQ29udHJvbHMgPSAoe1xuICAgIHNjcm9sbFdpZHRoLFxuICAgIGNsaWVudFdpZHRoLFxuICAgIHNjcm9sbExlZnQsXG4gIH06IHtcbiAgICBzY3JvbGxXaWR0aDogbnVtYmVyXG4gICAgY2xpZW50V2lkdGg6IG51bWJlclxuICAgIHNjcm9sbExlZnQ6IG51bWJlclxuICB9KSA9PiB7XG4gICAgc2V0SXNTY3JvbGxTdGFydChzY3JvbGxMZWZ0ID09PSAwKVxuICAgIHNldElzU2Nyb2xsRW5kKHNjcm9sbFdpZHRoID09PSBjbGllbnRXaWR0aCArIHNjcm9sbExlZnQpXG4gICAgc2V0U2hvd0NoZXZyb25zKHNjcm9sbFdpZHRoICE9PSBjbGllbnRXaWR0aClcbiAgfVxuXG4gIGNvbnN0IHNjcm9sbEJ5ID0gKGRpc3RhbmNlOiBudW1iZXIpID0+IHtcbiAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgIGlmIChyZWYuY3VycmVudC5zY3JvbGxCeSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHJlZi5jdXJyZW50LnNjcm9sbExlZnQgKz0gZGlzdGFuY2VcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJlZi5jdXJyZW50LnNjcm9sbEJ5KHtcbiAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgbGVmdDogZGlzdGFuY2UsXG4gICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICB9KVxuICAgICAgfVxuICAgIH1cbiAgfVxuICAvLyBUT0RPOiBDb25zaWRlciByZXdyaXRlIHVzaW5nIHJlZiBjYWxsYmFja1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZWYgIT09IG51bGwgJiYgcmVmLmN1cnJlbnQgIT09IG51bGwpIHtcbiAgICAgIGNvbnN0IG5vZGUgPSByZWYuY3VycmVudFxuICAgICAgdXBkYXRlU2Nyb2xsQ29udHJvbHMobm9kZSlcblxuICAgICAgY29uc3QgaGFuZGxlciA9ICgpID0+IHtcbiAgICAgICAgdXBkYXRlU2Nyb2xsQ29udHJvbHMobm9kZSlcbiAgICAgIH1cblxuICAgICAgcmVmLmN1cnJlbnQuYWRkRXZlbnRMaXN0ZW5lcignc2Nyb2xsJywgaGFuZGxlcilcbiAgICAgIHJldHVybiAoKSA9PiBub2RlLnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgfVxuICAgIHJldHVyblxuICB9LCBbcmVmLCBpc1Njcm9sbFN0YXJ0LCBpc1Njcm9sbEVuZCwgc2hvd0NoZXZyb25zLCB3aWR0aF0pXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7c2hvd0NoZXZyb25zICYmIChcbiAgICAgICAgPENoZXZyb25CdXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGljb249e0NoZXZyb25MZWZ0fVxuICAgICAgICAgIGRpcmVjdGlvbj1cImxlZnRcIlxuICAgICAgICAgIGRpc2FibGVUb29sdGlwXG4gICAgICAgICAgdmlzaWJsZT17IWlzU2Nyb2xsU3RhcnR9XG4gICAgICAgICAgYXJpYUxhYmVsPXt0YWJzTGFiZWxzLnNjcm9sbExlZnR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2Nyb2xsQnkoLUNIRVZST05fU0NST0xMX1NURVApfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtzaG93Q2hldnJvbnMgJiYgKFxuICAgICAgICA8Q2hldnJvbkJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJpZ2h0XCJcbiAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgIHZpc2libGU9eyFpc1Njcm9sbEVuZH1cbiAgICAgICAgICBhcmlhTGFiZWw9e3RhYnNMYWJlbHMuc2Nyb2xsUmlnaHR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2Nyb2xsQnkoQ0hFVlJPTl9TQ1JPTExfU1RFUCl9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgICAgPFN0eWxlZFRhYnMgcmVmPXtyZWZ9IHsuLi5yZXN0fSB0cmFuc3BhcmVudD17dHJhbnNwYXJlbnR9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFRhYnM+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFic1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var Tabs = function Tabs(_ref2) {
+  var 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);
+  var ref = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isScrollStart = _useState2[0],
+    setIsScrollStart = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isScrollEnd = _useState4[0],
+    setIsScrollEnd = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showChevrons = _useState6[0],
+    setShowChevrons = _useState6[1];
+  var _useTabsContext = useTabsContext(),
+    transparent = _useTabsContext.transparent,
+    size = _useTabsContext.size;
+  var _useResizeObserver = useResizeObserver({
+      ref: ref
+    }),
+    width = _useResizeObserver.width;
+  var updateScrollControls = function updateScrollControls(_ref3) {
+    var scrollWidth = _ref3.scrollWidth,
+      clientWidth = _ref3.clientWidth,
+      scrollLeft = _ref3.scrollLeft;
+    setIsScrollStart(scrollLeft === 0);
+    setIsScrollEnd(scrollWidth === clientWidth + scrollLeft);
+    setShowChevrons(scrollWidth !== clientWidth);
+  };
+  var scrollBy = function 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
+  useEffect(function () {
+    if (ref !== null && ref.current !== null) {
+      var node = ref.current;
+      updateScrollControls(node);
+      var handler = function handler() {
+        updateScrollControls(node);
+      };
+      ref.current.addEventListener('scroll', handler);
+      return function () {
+        return node.removeEventListener('scroll', handler);
+      };
+    }
+    return;
+  }, [ref, isScrollStart, isScrollEnd, showChevrons, width]);
+  return _jsxs("div", {
+    css: _ref,
+    children: [showChevrons && _jsx(ChevronButton, {
+      type: "button",
+      size: size,
+      icon: ChevronLeft,
+      direction: "left",
+      disableTooltip: true,
+      visible: !isScrollStart,
+      ariaLabel: tabsLabels.scrollLeft,
+      onClick: function onClick() {
+        return scrollBy(-CHEVRON_SCROLL_STEP);
+      }
+    }), showChevrons && _jsx(ChevronButton, {
+      type: "button",
+      size: size,
+      icon: ChevronRight,
+      direction: "right",
+      disableTooltip: true,
+      visible: !isScrollEnd,
+      ariaLabel: tabsLabels.scrollRight,
+      onClick: function onClick() {
+        return scrollBy(CHEVRON_SCROLL_STEP);
+      }
+    }), _jsx(StyledTabs, _objectSpread(_objectSpread({
+      ref: ref
+    }, rest), {}, {
+      transparent: transparent,
+      children: children
+    }))]
+  });
+};
+export default Tabs;

package/tab/TabsContext.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+import { Index } from './Tab';
+export type TabsContextProps = {
+    transparent?: boolean;
+    onChange?: (index: any) => void;
+    size?: 's' | 'm';
+    activeTab?: Index | undefined;
+    children?: React.ReactNode;
+};
+export declare const TabsContext: React.Context<TabsContextProps>;
+export declare const TabsContextProvider: ({ children, value }: {
+    value: TabsContextProps;
+    children?: ReactNode;
+}) => React.JSX.Element;
+export declare const useTabsContext: () => TabsContextProps;
+export default useTabsContext;

package/tab/TabsContext.js

@@ -0,0 +1,23 @@
+import React, { createContext, useContext } from 'react';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var TabsContext = /*#__PURE__*/createContext({
+  transparent: false,
+  activeTab: undefined,
+  size: 'm'
+});
+export var TabsContextProvider = function TabsContextProvider(_ref) {
+  var children = _ref.children,
+    value = _ref.value;
+  return _jsx(TabsContext.Provider, {
+    value: value,
+    children: children
+  });
+};
+export var useTabsContext = function useTabsContext() {
+  var context = useContext(TabsContext);
+  if (context === undefined) {
+    throw new Error('useTabsContext must be used within a AppBarProvider');
+  }
+  return context;
+};
+export default useTabsContext;

package/tab/index.d.ts

@@ -0,0 +1,4 @@
+export * from './TabsContext';
+export { default as Tabs } from './Tabs';
+export { default as Tab } from './Tab';
+export { default as TabPanel } from './TabPanel';

package/tab/index.js

@@ -0,0 +1,4 @@
+export * from './TabsContext';
+export { default as Tabs } from './Tabs';
+export { default as Tab } from './Tab';
+export { default as TabPanel } from './TabPanel';

package/tab/typings.d.js

@@ -0,0 +1 @@
+//declare module 'use-resize-observer/polyfilled'

package/table/Table.d.ts

@@ -0,0 +1,22 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export type TableProps = {
+    /**
+     * Table content
+     */
+    children?: ReactNode;
+    /**
+     * Enables interaction effect on table rows
+     */
+    isInteractive?: boolean;
+    /**
+     * Makes table header sticky when scrolling (no IE 11 support)
+     */
+    isHeaderSticky?: boolean;
+} & ComponentPropsWithRef<'table'>;
+export type TableContextProps = {
+    isInteractive: boolean;
+    isHeaderSticky: boolean;
+};
+export declare const useTable: () => TableContextProps;
+export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
+export default Table;

package/table/Table.js

@@ -0,0 +1,46 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "isHeaderSticky", "isInteractive"];
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { createContext, forwardRef, useContext } from 'react';
+import { css } from '@emotion/react';
+import { theme } from '@dfds-ui/theme';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var TableContext = /*#__PURE__*/createContext({
+  isInteractive: false,
+  isHeaderSticky: false
+});
+export var useTable = function useTable() {
+  var context = useContext(TableContext);
+  if (context === undefined) {
+    throw new Error('TableContext must be used inside of a TableContext provider');
+  }
+  return context;
+};
+var tableStyle = /*#__PURE__*/css("background:", theme.colors.surface.primary, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNzQiIsImZpbGUiOiIuLi8uLi9zcmMvdGFibGUvVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgY3JlYXRlQ29udGV4dCwgZm9yd2FyZFJlZiwgUmVhY3ROb2RlLCB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBFbmFibGVzIGludGVyYWN0aW9uIGVmZmVjdCBvbiB0YWJsZSByb3dzXG4gICAqL1xuICBpc0ludGVyYWN0aXZlPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBNYWtlcyB0YWJsZSBoZWFkZXIgc3RpY2t5IHdoZW4gc2Nyb2xsaW5nIChubyBJRSAxMSBzdXBwb3J0KVxuICAgKi9cbiAgaXNIZWFkZXJTdGlja3k/OiBib29sZWFuXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0YWJsZSc+XG5cbmV4cG9ydCB0eXBlIFRhYmxlQ29udGV4dFByb3BzID0ge1xuICBpc0ludGVyYWN0aXZlOiBib29sZWFuXG4gIGlzSGVhZGVyU3RpY2t5OiBib29sZWFuXG59XG5cbmNvbnN0IFRhYmxlQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VGFibGVDb250ZXh0UHJvcHM+KHtcbiAgaXNJbnRlcmFjdGl2ZTogZmFsc2UsXG4gIGlzSGVhZGVyU3RpY2t5OiBmYWxzZSxcbn0pXG5cbmV4cG9ydCBjb25zdCB1c2VUYWJsZSA9ICgpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVDb250ZXh0KVxuXG4gIGlmIChjb250ZXh0ID09PSB1bmRlZmluZWQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ1RhYmxlQ29udGV4dCBtdXN0IGJlIHVzZWQgaW5zaWRlIG9mIGEgVGFibGVDb250ZXh0IHByb3ZpZGVyJylcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0XG59XG5cbmNvbnN0IHRhYmxlU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlID0gZm9yd2FyZFJlZjxIVE1MVGFibGVFbGVtZW50LCBUYWJsZVByb3BzPihcbiAgKHsgY2hpbGRyZW4sIGlzSGVhZGVyU3RpY2t5ID0gZmFsc2UsIGlzSW50ZXJhY3RpdmUgPSBmYWxzZSwgLi4ucmVzdCB9OiBUYWJsZVByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPHRhYmxlIGNzcz17dGFibGVTdHlsZX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAgPFRhYmxlQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyBpc0ludGVyYWN0aXZlLCBpc0hlYWRlclN0aWNreSB9fT57Y2hpbGRyZW59PC9UYWJsZUNvbnRleHQuUHJvdmlkZXI+XG4gICAgICA8L3RhYmxlPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVxuIl19 */");
+export var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    _ref$isHeaderSticky = _ref.isHeaderSticky,
+    isHeaderSticky = _ref$isHeaderSticky === void 0 ? false : _ref$isHeaderSticky,
+    _ref$isInteractive = _ref.isInteractive,
+    isInteractive = _ref$isInteractive === void 0 ? false : _ref$isInteractive,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx("table", _objectSpread(_objectSpread({
+    css: tableStyle
+  }, rest), {}, {
+    ref: ref,
+    children: _jsx(TableContext.Provider, {
+      value: {
+        isInteractive: isInteractive,
+        isHeaderSticky: isHeaderSticky
+      },
+      children: children
+    })
+  }));
+});
+export default Table;

package/table/TableBody.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export type TableBodyProps = {
+    /**
+     * Table body content
+     */
+    children: ReactNode;
+} & ComponentPropsWithRef<'tbody'>;
+export declare const TableBody: React.ForwardRefExoticComponent<Omit<TableBodyProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+export default TableBody;

package/table/TableBody.js

@@ -0,0 +1,20 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children"];
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx("tbody", _objectSpread(_objectSpread({}, rest), {}, {
+    ref: ref,
+    children: children
+  }));
+});
+export default TableBody;

package/table/TableDataCell.d.ts

@@ -0,0 +1,14 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+import { Alignment } from './TableHeaderCell';
+export type TableDataCellProps = {
+    /**
+     * Sets alignment for the content in the tag
+     */
+    align?: Alignment;
+    /**
+     * Table cell content
+     */
+    children: ReactNode;
+} & ComponentPropsWithRef<'td'>;
+export declare const TableDataCell: React.ForwardRefExoticComponent<Omit<TableDataCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+export default TableDataCell;

package/table/TableDataCell.js

@@ -0,0 +1,33 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["align", "children"];
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import { css } from '@emotion/react';
+import { typography } from '@dfds-ui/typography';
+import { theme } from '@dfds-ui/theme';
+import { getTableCellStyle } from './TableHeaderCell';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var tableDataCellStyle = function tableDataCellStyle() {
+  var align = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'left';
+  return /*#__PURE__*/css(getTableCellStyle(align), " color:", theme.colors.text.dark.primary, ";", typography.body, ";text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableDataCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjZEIiwiZmlsZSI6Ii4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wc1dpdGhSZWYsIGZvcndhcmRSZWYsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBBbGlnbm1lbnQsIGdldFRhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi9UYWJsZUhlYWRlckNlbGwnXG5cbmV4cG9ydCB0eXBlIFRhYmxlRGF0YUNlbGxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldHMgYWxpZ25tZW50IGZvciB0aGUgY29udGVudCBpbiB0aGUgdGFnXG4gICAqL1xuICBhbGlnbj86IEFsaWdubWVudFxuXG4gIC8qKlxuICAgKiBUYWJsZSBjZWxsIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBDb21wb25lbnRQcm9wc1dpdGhSZWY8J3RkJz5cblxuY29uc3QgdGFibGVEYXRhQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgJHtnZXRUYWJsZUNlbGxTdHlsZShhbGlnbil9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICR7dHlwb2dyYXBoeS5ib2R5fTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZURhdGFDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVEYXRhQ2VsbFByb3BzPihcbiAgKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlRGF0YUNlbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDx0ZCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVEYXRhQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90ZD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVEYXRhQ2VsbFxuIl19 */");
+};
+export var TableDataCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'left' : _ref$align,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx("td", _objectSpread(_objectSpread({
+    align: align,
+    css: tableDataCellStyle(align)
+  }, rest), {}, {
+    ref: ref,
+    children: children
+  }));
+});
+export default TableDataCell;

package/table/TableHead.d.ts

@@ -0,0 +1,14 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export type TableHeadProps = {
+    /**
+     * Table header content
+     */
+    children: ReactNode;
+    /**
+     * Classes applied on the thead tag
+     */
+    className?: string;
+} & ComponentPropsWithRef<'thead'>;
+export declare const tableHeadStyle: import("@emotion/utils").SerializedStyles;
+export declare const TableHead: React.ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+export default TableHead;

package/table/TableHead.js

@@ -0,0 +1,33 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "className"];
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { useTable } from './Table';
+import { css } from '@emotion/react';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var ClassName = {
+  IS_STICKY: 'is-sticky'
+};
+export var tableHeadStyle = /*#__PURE__*/css("&.", ClassName.IS_STICKY, " th{position:sticky;top:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCaUMiLCJmaWxlIjoiLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBoZWFkZXIgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRoZWFkIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aGVhZCc+XG5cbmNvbnN0IENsYXNzTmFtZSA9IHtcbiAgSVNfU1RJQ0tZOiAnaXMtc3RpY2t5Jyxcbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZFN0eWxlID0gY3NzYFxuICAmLiR7Q2xhc3NOYW1lLklTX1NUSUNLWX0gdGgge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgdG9wOiAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWQgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZVNlY3Rpb25FbGVtZW50LCBUYWJsZUhlYWRQcm9wcz4oXG4gICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIC4uLnJlc3QgfTogVGFibGVIZWFkUHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNIZWFkZXJTdGlja3kgfSA9IHVzZVRhYmxlKClcblxuICAgIHJldHVybiAoXG4gICAgICA8dGhlYWRcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzTmFtZSwge1xuICAgICAgICAgIFtDbGFzc05hbWUuSVNfU1RJQ0tZXTogaXNIZWFkZXJTdGlja3ksXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlSGVhZFN0eWxlfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGhlYWQ+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZFxuIl19 */");
+export var TableHead = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useTable = useTable(),
+    isHeaderSticky = _useTable.isHeaderSticky;
+  return _jsx("thead", _objectSpread(_objectSpread({
+    className: classNames(className, _defineProperty({}, ClassName.IS_STICKY, isHeaderSticky)),
+    css: tableHeadStyle
+  }, rest), {}, {
+    ref: ref,
+    children: children
+  }));
+});
+export default TableHead;

package/table/TableHeaderCell.d.ts

@@ -0,0 +1,15 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export type Alignment = 'left' | 'center' | 'right' | 'justify' | 'char';
+export type TableHeaderCellProps = {
+    /**
+     * Sets alignment for the content in the tag
+     */
+    align?: Alignment;
+    /**
+     * Table cell content
+     */
+    children: ReactNode;
+} & ComponentPropsWithRef<'th'>;
+export declare const getTableCellStyle: (align?: Alignment) => import("@emotion/utils").SerializedStyles;
+export declare const TableHeaderCell: React.ForwardRefExoticComponent<Omit<TableHeaderCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+export default TableHeaderCell;

package/table/TableHeaderCell.js

@@ -0,0 +1,36 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["align", "children"];
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef } from 'react';
+import { css } from '@emotion/react';
+import { typography } from '@dfds-ui/typography';
+import { theme } from '@dfds-ui/theme';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var getTableCellStyle = function getTableCellStyle() {
+  var align = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'left';
+  return /*#__PURE__*/css("border-bottom:1px solid ", theme.colors.surface.secondary, ";min-width:11rem;padding:0 0.75rem;text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CbUUiLCJmaWxlIjoiLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVIZWFkZXJDZWxsUHJvcHM+KFxuICAoeyBhbGlnbiA9ICdsZWZ0JywgY2hpbGRyZW4sIC4uLnJlc3QgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGggYWxpZ249e2FsaWdufSBjc3M9e3RhYmxlSGVhZENlbGxTdHlsZShhbGlnbil9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGg+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZGVyQ2VsbFxuIl19 */");
+};
+var tableHeadCellStyle = function tableHeadCellStyle() {
+  var align = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'left';
+  return /*#__PURE__*/css(getTableCellStyle(align), " color:", theme.colors.primary.main, ";", typography.actionBold, ";text-align:", align, ";th.is-sticky &{position:sticky;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNkQiLCJmaWxlIjoiLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVIZWFkZXJDZWxsUHJvcHM+KFxuICAoeyBhbGlnbiA9ICdsZWZ0JywgY2hpbGRyZW4sIC4uLnJlc3QgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGggYWxpZ249e2FsaWdufSBjc3M9e3RhYmxlSGVhZENlbGxTdHlsZShhbGlnbil9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGg+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZGVyQ2VsbFxuIl19 */");
+};
+export var TableHeaderCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'left' : _ref$align,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx("th", _objectSpread(_objectSpread({
+    align: align,
+    css: tableHeadCellStyle(align)
+  }, rest), {}, {
+    ref: ref,
+    children: children
+  }));
+});
+export default TableHeaderCell;

package/table/TableRow.d.ts

@@ -0,0 +1,17 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export type TableRowProps = {
+    /**
+     * Table row content
+     */
+    children: ReactNode;
+    /**
+     * Classes applied on the tr tag
+     */
+    className?: string;
+    /**
+     * Applies Selected state styling to the row
+     */
+    isSelected?: boolean;
+} & ComponentPropsWithRef<'tr'>;
+export declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+export default TableRow;