@appquality/unguess-design-system 3.1.49 → 3.1.51

package/build/index.js

@@ -24,6 +24,8 @@ var pie = require('@nivo/pie');
 var sunburst = require('@nivo/sunburst');
 var waffle = require('@nivo/waffle');
 var line = require('@nivo/line');
+require('@zendeskgarden/container-utilities');
+require('@zendeskgarden/react-colorpickers');
 var reactModals = require('@zendeskgarden/react-modals');
 var reactDropdowns = require('@zendeskgarden/react-dropdowns');
 var reactForms = require('@zendeskgarden/react-forms');
@@ -34,8 +36,8 @@ var StarterKit = require('@tiptap/starter-kit');
 var Placeholder = require('@tiptap/extension-placeholder');
 var CharacterCount = require('@tiptap/extension-character-count');
 var reactGrid = require('@zendeskgarden/react-grid');
-var reactChrome = require('@zendeskgarden/react-chrome');
 var formik = require('formik');
+var reactChrome = require('@zendeskgarden/react-chrome');
 var reactPagination = require('@zendeskgarden/react-pagination');
 var Video = require('@appquality/stream-player');
 var SlickSlider = require('react-slick');
@@ -322,8 +324,8 @@ const UgContainerCard = styled__default["default"](reactNotifications.Well) `
 `;
 const ContainerCard = (props) => jsxRuntime.jsx(UgContainerCard, Object.assign({}, props));
 
-var _a, _b, _c, _d, _e, _f, _g$d, _h;
-const components = Object.assign(Object.assign(Object.assign(Object.assign({}, reactTheming.DEFAULT_THEME.components), { chrome: Object.assign(Object.assign({}, (_a = reactTheming.DEFAULT_THEME.components) === null || _a === void 0 ? void 0 : _a.chrome), { header: Object.assign(Object.assign({}, (_c = (_b = reactTheming.DEFAULT_THEME.components) === null || _b === void 0 ? void 0 : _b.chrome) === null || _c === void 0 ? void 0 : _c.header), { height: "64px" }), nav: Object.assign(Object.assign({}, (_e = (_d = reactTheming.DEFAULT_THEME.components) === null || _d === void 0 ? void 0 : _d.chrome) === null || _e === void 0 ? void 0 : _e.nav), { openWidth: 240, closedWidth: 36, workspaceDropdownWidth: 192 }) }), notification: Object.assign(Object.assign({}, (_f = reactTheming.DEFAULT_THEME.components) === null || _f === void 0 ? void 0 : _f.notification), { card: Object.assign(Object.assign({}, (_h = (_g$d = reactTheming.DEFAULT_THEME.components) === null || _g$d === void 0 ? void 0 : _g$d.notification) === null || _h === void 0 ? void 0 : _h.well), { padding: "16px" }) }) }), cardCmponentStyle), { "text.primary": () => ({
+var _a, _b, _c, _d, _e, _f, _g$c, _h;
+const components = Object.assign(Object.assign(Object.assign(Object.assign({}, reactTheming.DEFAULT_THEME.components), { chrome: Object.assign(Object.assign({}, (_a = reactTheming.DEFAULT_THEME.components) === null || _a === void 0 ? void 0 : _a.chrome), { header: Object.assign(Object.assign({}, (_c = (_b = reactTheming.DEFAULT_THEME.components) === null || _b === void 0 ? void 0 : _b.chrome) === null || _c === void 0 ? void 0 : _c.header), { height: "64px" }), nav: Object.assign(Object.assign({}, (_e = (_d = reactTheming.DEFAULT_THEME.components) === null || _d === void 0 ? void 0 : _d.chrome) === null || _e === void 0 ? void 0 : _e.nav), { openWidth: 240, closedWidth: 36, workspaceDropdownWidth: 192 }) }), notification: Object.assign(Object.assign({}, (_f = reactTheming.DEFAULT_THEME.components) === null || _f === void 0 ? void 0 : _f.notification), { card: Object.assign(Object.assign({}, (_h = (_g$c = reactTheming.DEFAULT_THEME.components) === null || _g$c === void 0 ? void 0 : _g$c.notification) === null || _h === void 0 ? void 0 : _h.well), { padding: "16px" }) }) }), cardCmponentStyle), { "text.primary": () => ({
         color: getColor(colors.primaryHue, 600),
     }), "text.success": () => ({
         color: getColor(colors.successHue, 700),
@@ -818,55 +820,55 @@ Tag.Avatar = StyledAvatar;
 Tag.Close = StyledClose;
 Tag.SecondaryText = StyledSpan;
 
-var _path$C;
-function _extends$O() { _extends$O = 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$O.apply(this, arguments); }
+var _path$x;
+function _extends$J() { _extends$J = 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$J.apply(this, arguments); }
 var SvgUgSquare = function SvgUgSquare(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$C || (_path$C = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM18 19H6C5.45 19 5 18.55 5 18V6C5 5.45 5.45 5 6 5H18C18.55 5 19 5.45 19 6V18C19 18.55 18.55 19 18 19Z",
     fill: "#E80C7A"
   })));
 };
 
-var _path$B;
-function _extends$N() { _extends$N = 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$N.apply(this, arguments); }
+var _path$w;
+function _extends$I() { _extends$I = 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$I.apply(this, arguments); }
 var SvgUgCircle = function SvgUgCircle(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$B || (_path$B = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z",
     fill: "#FFCD1A"
   })));
 };
 
-var _path$A;
-function _extends$M() { _extends$M = 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$M.apply(this, arguments); }
+var _path$v;
+function _extends$H() { _extends$H = 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$H.apply(this, arguments); }
 var SvgUgTriangle = function SvgUgTriangle(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$A || (_path$A = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M11.9993 7.32625L18.3893 17.5563H5.60929L11.9993 7.32625ZM11.1493 4.91625L2.94929 18.0262C2.53929 18.6962 3.01929 19.5563 3.79929 19.5563H20.1993C20.9893 19.5563 21.4593 18.6962 21.0493 18.0262L12.8493 4.91625C12.4593 4.28625 11.5393 4.28625 11.1493 4.91625Z",
     fill: "#7B0DFF"
   })));
 };
 
-var _rect$4, _path$z, _path2$b, _path3$4;
-function _extends$L() { _extends$L = 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$L.apply(this, arguments); }
+var _rect$4, _path$u, _path2$b, _path3$4;
+function _extends$G() { _extends$G = 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$G.apply(this, arguments); }
 var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -877,7 +879,7 @@ var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
     height: 24,
     rx: 12,
     fill: "#F6F6F8"
-  })), _path$z || (_path$z = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M20.6953 5.73905C21.0148 5.41953 21.0148 4.90149 20.6953 4.58197C20.3758 4.26245 19.8577 4.26245 19.5382 4.58197L11.88 12.2402L10.0849 9.95981C9.80539 9.60476 9.29098 9.54352 8.93593 9.82303C8.58088 10.1025 8.51963 10.6169 8.79914 10.972L11.1642 13.9763C11.3089 14.16 11.5252 14.2731 11.7586 14.2869C11.9921 14.3008 12.2203 14.2141 12.3856 14.0487L20.6953 5.73905Z",
     fill: "#50BF95"
   })), _path2$b || (_path2$b = /*#__PURE__*/React__namespace.createElement("path", {
@@ -889,10 +891,10 @@ var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
   })));
 };
 
-var _rect$3, _path$y, _path2$a;
-function _extends$K() { _extends$K = 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$K.apply(this, arguments); }
+var _rect$3, _path$t, _path2$a;
+function _extends$F() { _extends$F = 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$F.apply(this, arguments); }
 var SvgCampaignLocked = function SvgCampaignLocked(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -903,7 +905,7 @@ var SvgCampaignLocked = function SvgCampaignLocked(props) {
     height: 24,
     rx: 12,
     fill: "#F6F6F8"
-  })), _path$y || (_path$y = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M13.55 19.0875C14.25 19.7875 15.1063 20.1375 16.1188 20.1375C17.1313 20.1375 17.9875 19.7875 18.6875 19.0875C19.3875 18.3875 19.7375 17.5312 19.7375 16.5187C19.7375 15.5062 19.3875 14.65 18.6875 13.95C17.9875 13.25 17.1313 12.9 16.1188 12.9C15.1063 12.9 14.25 13.25 13.55 13.95C12.85 14.65 12.5 15.5062 12.5 16.5187C12.5 17.5312 12.85 18.3875 13.55 19.0875ZM17.5062 18.2812C17.4187 18.2812 17.3375 18.25 17.2625 18.1875L15.7438 16.7812C15.6813 16.6687 15.65 16.6 15.65 16.575V14.55C15.65 14.4375 15.6875 14.3437 15.7625 14.2687C15.8375 14.1937 15.9313 14.1562 16.0438 14.1562C16.1563 14.1562 16.25 14.1937 16.325 14.2687C16.4 14.3437 16.4375 14.4375 16.4375 14.55V16.4813L17.7313 17.6625C17.8063 17.725 17.8469 17.8062 17.8531 17.9062C17.8594 18.0063 17.825 18.0938 17.75 18.1688C17.675 18.2438 17.5937 18.2812 17.5062 18.2812Z",
@@ -916,10 +918,10 @@ var SvgCampaignLocked = function SvgCampaignLocked(props) {
   })));
 };
 
-var _rect$2, _path$x, _path2$9;
-function _extends$J() { _extends$J = 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$J.apply(this, arguments); }
+var _rect$2, _path$s, _path2$9;
+function _extends$E() { _extends$E = 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$E.apply(this, arguments); }
 var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -930,7 +932,7 @@ var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
     height: 24,
     rx: 12,
     fill: "#F6F6F8"
-  })), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M11.2266 13.0313H14.997M11.2266 9.26075V13.0313V9.26075ZM11.2266 13.0313L20.121 5.03906L11.2266 13.0313Z",
     stroke: "#024780",
     strokeWidth: 1.5,
@@ -945,10 +947,10 @@ var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
   })));
 };
 
-var _rect$1, _path$w, _path2$8, _path3$3, _path4$1, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1;
-function _extends$I() { _extends$I = 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$I.apply(this, arguments); }
+var _rect$1, _path$r, _path2$8, _path3$3, _path4$1, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1;
+function _extends$D() { _extends$D = 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$D.apply(this, arguments); }
 var SvgCampaignProgress = function SvgCampaignProgress(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
@@ -959,7 +961,7 @@ var SvgCampaignProgress = function SvgCampaignProgress(props) {
     height: 24,
     rx: 12,
     fill: "#F6F6F8"
-  })), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M13.059 16.7647C13.059 16.1799 12.585 15.7059 12.0002 15.7059C11.4154 15.7059 10.9414 16.1799 10.9414 16.7647V19.9412C10.9414 20.5259 11.4154 21 12.0002 21C12.585 21 13.059 20.5259 13.059 19.9412V16.7647Z",
     fill: "#D1820A"
   })), _path2$8 || (_path2$8 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -992,22 +994,22 @@ var SvgCampaignProgress = function SvgCampaignProgress(props) {
   })));
 };
 
-var _g$c, _path$v, _path2$7, _path3$2, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
-function _extends$H() { _extends$H = 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$H.apply(this, arguments); }
+var _g$b, _path$q, _path2$7, _path3$2, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
+function _extends$C() { _extends$C = 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$C.apply(this, arguments); }
 var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _g$c || (_g$c = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$b || (_g$b = /*#__PURE__*/React__namespace.createElement("g", {
     opacity: 0.3
   }, /*#__PURE__*/React__namespace.createElement("path", {
     opacity: 0.3,
     d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
     fill: "#50BF95"
-  }))), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
+  }))), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12.487 3.19652C8.68003 3.19652 5.59895 6.27761 5.59895 10.0846C5.59895 10.2597 5.59895 10.4348 5.62438 10.5855C5.29857 11.1863 4.82307 12.013 4.24678 12.514C3.82117 12.8897 3.92096 13.2908 3.97085 13.4405C4.09609 13.7663 4.44635 14.0413 5.02265 14.2418C5.22322 14.3172 5.44825 14.3671 5.64883 14.417L5.67427 16.8464C5.67427 17.7984 6.47559 18.6251 7.45304 18.6251L8.93044 18.1496L9.08111 19.0263C9.18091 19.6026 9.68185 20.0282 10.2836 20.0282C10.3589 20.0282 10.4343 20.0282 10.5086 20.0028L15.1424 19.177C15.8185 19.0517 16.2441 18.4256 16.1443 17.7495L15.8185 16.1214C17.9974 14.9189 19.375 12.5892 19.375 10.0845C19.375 6.30279 16.2696 3.19641 12.4869 3.19641L12.487 3.19652Z",
     fill: "#2B8473",
     stroke: "#2B8473"
@@ -1064,22 +1066,22 @@ var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
   })));
 };
 
-var _g$b, _path$u;
-function _extends$G() { _extends$G = 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$G.apply(this, arguments); }
+var _g$a, _path$p;
+function _extends$B() { _extends$B = 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$B.apply(this, arguments); }
 var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _g$b || (_g$b = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$a || (_g$a = /*#__PURE__*/React__namespace.createElement("g", {
     opacity: 0.3
   }, /*#__PURE__*/React__namespace.createElement("path", {
     opacity: 0.3,
     d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
     fill: "#003A57"
-  }))), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
+  }))), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M17.9983 7.16705C17.5188 6.58566 17.1422 6.73039 17.1422 6.73039C17.1422 6.73039 16.406 7.02453 16.0401 7.16303C15.6742 7.30153 15.2408 7.17357 15.2408 7.17357L14.7579 6.8851C14.7579 6.8851 14.4296 6.56554 14.3656 6.18067C14.3123 5.78958 14.1888 5.00269 14.1888 5.00269C14.1888 5.00269 14.1356 4.61159 13.3938 4.47257C12.652 4.33356 12.4678 4.68715 12.4678 4.68715C12.4678 4.68715 12.0932 5.38344 11.9091 5.73703C11.7249 6.09062 11.3114 6.27118 11.3114 6.27118L10.7639 6.36908C10.7639 6.36908 10.3144 6.33771 10.0176 6.07271L9.12712 5.27769C9.12712 5.27769 8.8303 5.01268 8.18313 5.38632C7.53595 5.75997 7.61705 6.14953 7.61705 6.14953L7.86033 7.3182C7.94143 7.70776 7.74381 8.11275 7.74381 8.11275L7.38528 8.53794C7.38528 8.53794 7.02217 8.80577 6.62387 8.78845C6.22557 8.77114 5.43527 8.7474 5.43527 8.7474C5.43527 8.7474 5.03697 8.73009 4.78646 9.44201C4.53595 10.1539 4.84804 10.3956 4.84804 10.3956C4.84804 10.3956 5.46774 10.896 5.77983 11.1376C6.09192 11.3793 6.19373 11.8296 6.19373 11.8296L6.20207 12.3921C6.20207 12.3921 6.09618 12.8314 5.79331 13.079C5.49043 13.3266 4.86759 13.8171 4.86759 13.8171C4.86759 13.8171 4.56471 14.0647 4.81769 14.7769C5.08144 15.4828 5.46713 15.4783 5.46713 15.4783C5.46713 15.4783 6.26012 15.4569 6.64582 15.4524C7.03152 15.4479 7.40116 15.7145 7.40116 15.7145L7.76458 16.1447C7.76458 16.1447 7.96976 16.5499 7.89441 16.9425C7.81907 17.3351 7.66208 18.1094 7.66208 18.1094C7.66208 18.1094 7.58674 18.502 8.23785 18.8824C8.88895 19.2629 9.18553 19.0044 9.18553 19.0044C9.18553 19.0044 9.7724 18.4765 10.069 18.218C10.3655 17.9595 10.8115 17.9347 10.8115 17.9347L11.3609 18.0394C11.3609 18.0394 11.77 18.225 11.9608 18.5803C12.1516 18.9356 12.5268 19.6354 12.5268 19.6354C12.5268 19.6354 12.7176 19.9907 13.4583 19.8539C14.1946 19.7343 14.2529 19.337 14.2529 19.337C14.2529 19.337 14.3586 18.5487 14.4232 18.1623C14.4814 17.765 14.8086 17.4598 14.8086 17.4598L15.2939 17.1796C15.2939 17.1796 15.7281 17.0598 16.095 17.1971C16.4682 17.3453 17.1975 17.637 17.1975 17.637C17.1975 17.637 17.5707 17.7851 18.0424 17.2073C18.5142 16.6295 18.3189 16.2913 18.3189 16.2913C18.3189 16.2913 17.9006 15.6164 17.6882 15.2736C17.4759 14.9307 17.5197 14.4836 17.5197 14.4836L17.7038 13.9555C17.7038 13.9555 17.9482 13.5816 18.3203 13.454C18.6925 13.3264 19.4431 13.0822 19.4431 13.0822C19.4431 13.0822 19.8153 12.9546 19.8113 12.2005C19.8074 11.4464 19.4297 11.3153 19.4297 11.3153C19.4297 11.3153 18.6807 11.0641 18.303 10.9331C17.9253 10.802 17.677 10.4217 17.677 10.4217L17.4861 9.8919C17.4861 9.8919 17.4293 9.4447 17.6368 9.1067C17.8443 8.7687 18.2486 8.09891 18.2486 8.09891C18.2486 8.09891 18.4778 7.74844 17.9983 7.16707L17.9983 7.16705ZM9.33902 8.38466L10.6176 10.5992C10.0433 11.149 9.82793 11.9715 10.0567 12.7413L7.86713 14.0054C6.98868 12.0106 7.60355 9.66286 9.33905 8.38457L9.33902 8.38466ZM13.9748 16.414C11.9998 17.2778 9.65918 16.6363 8.37099 14.8783L10.5605 13.6141C11.1128 14.1971 11.9329 14.4219 12.6961 14.1994L13.9748 16.414ZM12.6552 13.132C12.1159 13.4434 11.4325 13.2561 11.1176 12.7107C10.8027 12.1652 10.9822 11.4797 11.5215 11.1684C12.0608 10.857 12.7441 11.0443 13.0591 11.5897C13.374 12.1352 13.1945 12.8207 12.6552 13.132ZM14.8376 15.9158L13.5591 13.7012C14.1333 13.1515 14.3487 12.3289 14.12 11.5591L16.3095 10.295C17.188 12.2898 16.5731 14.6376 14.8376 15.9159L14.8376 15.9158ZM13.6161 10.6863C13.0638 10.1034 12.2437 9.87862 11.4805 10.1011L10.2019 7.88652C12.1769 7.02266 14.5112 7.65314 15.8057 9.42223L13.6161 10.6863Z",
     fill: "#003A57"
   })));
@@ -1941,16 +1943,16 @@ const WaffleChart = ({ height, width, data, total, tooltip, }) => {
             } }) })));
 };
 
-var _g$a, _defs$7;
-function _extends$F() { _extends$F = 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$F.apply(this, arguments); }
+var _g$9, _defs$4;
+function _extends$A() { _extends$A = 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$A.apply(this, arguments); }
 var SvgSentiment1 = function SvgSentiment1(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
     width: 27,
     height: 26,
     viewBox: "0 0 27 26",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _g$a || (_g$a = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$9 || (_g$9 = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#clip0_21_19131)"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     d: "M26.5525 13C26.5525 20.1796 20.6084 26 13.2762 26C5.94481 26 0 20.1796 0 13C0 5.82111 5.94481 0 13.2762 0C20.6084 0 26.5525 5.82111 26.5525 13Z",
@@ -1958,7 +1960,7 @@ var SvgSentiment1 = function SvgSentiment1(props) {
   }), /*#__PURE__*/React__namespace.createElement("path", {
     d: "M18.7975 21.5782C18.7643 21.4489 17.9361 18.4155 13.2768 18.4155C8.61687 18.4155 7.78931 21.4489 7.75612 21.5782C7.73674 21.6544 7.74333 21.7347 7.77489 21.807C7.80644 21.8792 7.86124 21.9393 7.93093 21.9783C8.001 22.0168 8.08189 22.0322 8.1616 22.0222C8.24131 22.0121 8.3156 21.9773 8.37347 21.9227C8.38748 21.9089 9.81468 20.5822 13.2768 20.5822C16.739 20.5822 18.1669 21.9089 18.1802 21.9219C18.2373 21.9772 18.3112 22.0128 18.3907 22.0233C18.4703 22.0339 18.5512 22.0188 18.6213 21.9804C18.6916 21.9415 18.7469 21.8811 18.7787 21.8084C18.8106 21.7358 18.8172 21.6549 18.7975 21.5782ZM11.5856 12.4883C9.18479 10.1374 5.32657 10.11 5.16357 10.11C4.97366 10.1182 4.7943 10.1978 4.66285 10.3323C4.5314 10.4668 4.45798 10.6457 4.45789 10.8319C4.45779 11.018 4.53102 11.197 4.66234 11.3316C4.79365 11.4662 4.97293 11.546 5.16283 11.5544C5.18422 11.5544 6.58265 11.5703 8.10057 12.0867C7.66319 12.5489 7.37628 13.2668 7.37628 14.0822C7.37628 15.479 8.20162 16.61 9.2202 16.61C10.2388 16.61 11.0641 15.479 11.0641 14.0822C11.0641 13.9565 11.0501 13.8367 11.0368 13.716C11.0464 13.716 11.0553 13.7211 11.0641 13.7211C11.2101 13.7214 11.3529 13.6792 11.4744 13.5999C11.5959 13.5206 11.6906 13.4078 11.7465 13.2757C11.8024 13.1436 11.8169 12.9982 11.7883 12.858C11.7596 12.7178 11.6891 12.5891 11.5856 12.4883ZM21.3901 10.11C21.2271 10.11 17.3696 10.1374 14.9681 12.4883C14.8646 12.5891 14.794 12.7178 14.7654 12.858C14.7367 12.9982 14.7513 13.1436 14.8072 13.2757C14.863 13.4078 14.9577 13.5206 15.0792 13.5999C15.2007 13.6792 15.3435 13.7214 15.4895 13.7211C15.4991 13.7211 15.5072 13.716 15.5161 13.716C15.5043 13.8367 15.4895 13.9565 15.4895 14.0822C15.4895 15.479 16.3149 16.61 17.3335 16.61C18.352 16.61 19.1774 15.479 19.1774 14.0822C19.1774 13.2668 18.8905 12.5489 18.4531 12.0867C19.4008 11.77 20.3908 11.5907 21.3916 11.5544C21.4884 11.5543 21.5843 11.5356 21.6738 11.4992C21.7632 11.4628 21.8445 11.4095 21.9129 11.3424C21.9813 11.2753 22.0356 11.1956 22.0725 11.1079C22.1095 11.0203 22.1285 10.9263 22.1284 10.8315C22.1283 10.7366 22.1091 10.6427 22.072 10.5552C22.0348 10.4676 21.9804 10.388 21.9118 10.321C21.8433 10.254 21.7619 10.2009 21.6724 10.1647C21.5829 10.1285 21.4869 10.1099 21.3901 10.11Z",
     fill: "#2F3941"
-  }))), _defs$7 || (_defs$7 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  }))), _defs$4 || (_defs$4 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
     id: "clip0_21_19131"
   }, /*#__PURE__*/React__namespace.createElement("rect", {
     width: 26.5525,
@@ -1967,16 +1969,16 @@ var SvgSentiment1 = function SvgSentiment1(props) {
   })))));
 };
 
-var _g$9, _defs$6;
-function _extends$E() { _extends$E = 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$E.apply(this, arguments); }
+var _g$8, _defs$3;
+function _extends$z() { _extends$z = 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$z.apply(this, arguments); }
 var SvgSentiment2 = function SvgSentiment2(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
     width: 27,
     height: 26,
     viewBox: "0 0 27 26",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _g$9 || (_g$9 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$8 || (_g$8 = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#clip0_21_19130)"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     d: "M26.5525 13C26.5525 20.1796 20.6084 26 13.2762 26C5.94481 26 0 20.1796 0 13C0 5.82111 5.94481 0 13.2762 0C20.6084 0 26.5525 5.82111 26.5525 13Z",
@@ -1984,7 +1986,7 @@ var SvgSentiment2 = function SvgSentiment2(props) {
   }), /*#__PURE__*/React__namespace.createElement("path", {
     d: "M18.7975 21.5782C18.7643 21.4489 17.9361 18.4155 13.2768 18.4155C8.61687 18.4155 7.78932 21.4489 7.75612 21.5782C7.73674 21.6544 7.74333 21.7347 7.77489 21.807C7.80644 21.8792 7.86124 21.9393 7.93093 21.9783C8.001 22.0168 8.08189 22.0322 8.1616 22.0222C8.24131 22.0121 8.3156 21.9773 8.37347 21.9227C8.38748 21.9089 9.81468 20.5822 13.2768 20.5822C16.739 20.5822 18.1669 21.9089 18.1802 21.9219C18.2373 21.9772 18.3112 22.0128 18.3907 22.0233C18.4703 22.0339 18.5512 22.0188 18.6213 21.9804C18.6916 21.9415 18.7469 21.8811 18.7787 21.8084C18.8106 21.7358 18.8172 21.6549 18.7975 21.5782V21.5782ZM11.5856 12.4883C9.18479 10.1374 5.32657 10.11 5.16357 10.11C4.97366 10.1182 4.7943 10.1978 4.66285 10.3323C4.5314 10.4668 4.45798 10.6457 4.45789 10.8319C4.45779 11.018 4.53102 11.197 4.66234 11.3316C4.79365 11.4662 4.97293 11.546 5.16283 11.5544C5.18422 11.5544 6.58265 11.5703 8.10057 12.0867C7.66319 12.5489 7.37628 13.2668 7.37628 14.0822C7.37628 15.479 8.20162 16.61 9.2202 16.61C10.2388 16.61 11.0641 15.479 11.0641 14.0822C11.0641 13.9565 11.0501 13.8367 11.0368 13.716C11.0464 13.716 11.0553 13.7211 11.0641 13.7211C11.2101 13.7214 11.3529 13.6792 11.4744 13.5999C11.5959 13.5206 11.6906 13.4078 11.7465 13.2757C11.8024 13.1436 11.8169 12.9982 11.7883 12.858C11.7596 12.7178 11.6891 12.5891 11.5856 12.4883V12.4883ZM21.3901 10.11C21.2271 10.11 17.3696 10.1374 14.9681 12.4883C14.8646 12.5891 14.794 12.7178 14.7654 12.858C14.7367 12.9982 14.7513 13.1436 14.8072 13.2757C14.863 13.4078 14.9577 13.5206 15.0792 13.5999C15.2007 13.6792 15.3435 13.7214 15.4895 13.7211C15.4991 13.7211 15.5072 13.716 15.5161 13.716C15.5043 13.8367 15.4895 13.9565 15.4895 14.0822C15.4895 15.479 16.3149 16.61 17.3335 16.61C18.352 16.61 19.1774 15.479 19.1774 14.0822C19.1774 13.2668 18.8905 12.5489 18.4531 12.0867C19.4008 11.77 20.3908 11.5907 21.3916 11.5544C21.4884 11.5543 21.5843 11.5356 21.6738 11.4992C21.7632 11.4628 21.8445 11.4095 21.9129 11.3424C21.9813 11.2753 22.0356 11.1956 22.0725 11.1079C22.1095 11.0203 22.1285 10.9263 22.1284 10.8315C22.1283 10.7366 22.1091 10.6427 22.072 10.5552C22.0348 10.4676 21.9804 10.388 21.9118 10.321C21.8433 10.254 21.7619 10.2009 21.6724 10.1647C21.5829 10.1285 21.4869 10.1099 21.3901 10.11V10.11Z",
     fill: "#2F3941"
-  }))), _defs$6 || (_defs$6 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  }))), _defs$3 || (_defs$3 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
     id: "clip0_21_19130"
   }, /*#__PURE__*/React__namespace.createElement("rect", {
     width: 26.5525,
@@ -1993,16 +1995,16 @@ var SvgSentiment2 = function SvgSentiment2(props) {
   })))));
 };
 
-var _g$8, _defs$5;
-function _extends$D() { _extends$D = 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$D.apply(this, arguments); }
+var _g$7, _defs$2;
+function _extends$y() { _extends$y = 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$y.apply(this, arguments); }
 var SvgSentiment3 = function SvgSentiment3(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
     width: 27,
     height: 26,
     viewBox: "0 0 27 26",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _g$8 || (_g$8 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$7 || (_g$7 = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#clip0_21_19129)"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     d: "M26.5525 13C26.5525 20.1796 20.6084 26 13.2762 26C5.94481 26 0 20.1796 0 13C0 5.82111 5.94481 0 13.2762 0C20.6084 0 26.5525 5.82111 26.5525 13Z",
@@ -2016,7 +2018,7 @@ var SvgSentiment3 = function SvgSentiment3(props) {
   }), /*#__PURE__*/React__namespace.createElement("path", {
     d: "M18.122 18.0978H7.79604C7.60043 18.0978 7.41282 18.0217 7.2745 17.8862C7.13618 17.7508 7.05847 17.5671 7.05847 17.3755C7.05847 17.184 7.13618 17.0003 7.2745 16.8649C7.41282 16.7294 7.60043 16.6533 7.79604 16.6533H18.122C18.3176 16.6533 18.5052 16.7294 18.6435 16.8649C18.7819 17.0003 18.8596 17.184 18.8596 17.3755C18.8596 17.5671 18.7819 17.7508 18.6435 17.8862C18.5052 18.0217 18.3176 18.0978 18.122 18.0978Z",
     fill: "#2F3941"
-  }))), _defs$5 || (_defs$5 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  }))), _defs$2 || (_defs$2 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
     id: "clip0_21_19129"
   }, /*#__PURE__*/React__namespace.createElement("rect", {
     width: 26.5525,
@@ -2025,16 +2027,16 @@ var SvgSentiment3 = function SvgSentiment3(props) {
   })))));
 };
 
-var _g$7, _defs$4;
-function _extends$C() { _extends$C = 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$C.apply(this, arguments); }
+var _g$6, _defs$1;
+function _extends$x() { _extends$x = 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$x.apply(this, arguments); }
 var SvgSentiment4 = function SvgSentiment4(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
     width: 27,
     height: 26,
     viewBox: "0 0 27 26",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _g$7 || (_g$7 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$6 || (_g$6 = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#clip0_21_19127)"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     d: "M26.5525 13C26.5525 20.1796 20.6084 26 13.2762 26C5.94481 26 0 20.1796 0 13C0 5.82111 5.94481 0 13.2762 0C20.6084 0 26.5525 5.82111 26.5525 13Z",
@@ -2048,7 +2050,7 @@ var SvgSentiment4 = function SvgSentiment4(props) {
   }), /*#__PURE__*/React__namespace.createElement("path", {
     d: "M17.7015 12.0267C18.7198 12.0267 19.5454 10.895 19.5454 9.49897C19.5454 8.10292 18.7198 6.97119 17.7015 6.97119C16.6831 6.97119 15.8575 8.10292 15.8575 9.49897C15.8575 10.895 16.6831 12.0267 17.7015 12.0267Z",
     fill: "#2F3941"
-  }))), _defs$4 || (_defs$4 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  }))), _defs$1 || (_defs$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
     id: "clip0_21_19127"
   }, /*#__PURE__*/React__namespace.createElement("rect", {
     width: 26.5525,
@@ -2057,16 +2059,16 @@ var SvgSentiment4 = function SvgSentiment4(props) {
   })))));
 };
 
-var _g$6, _defs$3;
-function _extends$B() { _extends$B = 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$B.apply(this, arguments); }
+var _g$5, _defs;
+function _extends$w() { _extends$w = 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$w.apply(this, arguments); }
 var SvgSentiment5 = function SvgSentiment5(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
     width: 26,
     height: 26,
     viewBox: "0 0 26 26",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _g$6 || (_g$6 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$5 || (_g$5 = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#clip0_21_19125)"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     d: "M25.2051 13C25.2051 20.1796 19.5626 26 12.6025 26C5.64314 26 0 20.1796 0 13C0 5.82111 5.64314 0 12.6025 0C19.5626 0 25.2051 5.82111 25.2051 13Z",
@@ -2080,7 +2082,7 @@ var SvgSentiment5 = function SvgSentiment5(props) {
   }), /*#__PURE__*/React__namespace.createElement("path", {
     d: "M16.8032 12.0267C17.7699 12.0267 18.5536 10.895 18.5536 9.49897C18.5536 8.10292 17.7699 6.97119 16.8032 6.97119C15.8365 6.97119 15.0529 8.10292 15.0529 9.49897C15.0529 10.895 15.8365 12.0267 16.8032 12.0267Z",
     fill: "#2F3941"
-  }))), _defs$3 || (_defs$3 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
     id: "clip0_21_19125"
   }, /*#__PURE__*/React__namespace.createElement("rect", {
     width: 25.2051,
@@ -2092,7 +2094,7 @@ var SvgSentiment5 = function SvgSentiment5(props) {
 const Point = styled__default["default"].g `
   transform: translate(-13px, -13px);
 `;
-const ScrollingContainer$1 = styled__default["default"].div `
+const ScrollingContainer = styled__default["default"].div `
   width: 100%;
   overflow-x: scroll;
   -webkit-overflow-scrolling: touch;
@@ -2167,7 +2169,7 @@ const formatAxisX = (value) => {
 const SentimentChart = ({ data, width, height, margin, tooltip, i18n, }) => {
     var _a;
     const theme = React.useContext(styled.ThemeContext);
-    return (jsxRuntime.jsx(ScrollingContainer$1, { children: jsxRuntime.jsx(SentimentContainer, Object.assign({ width: width, height: height, id: "chart-container", style: { overflow: "hidden" } }, { children: jsxRuntime.jsx(line.ResponsiveLine, { theme: Object.assign(Object.assign({}, DEFAULT_CHARTS_THEME), { fontSize: theme.fontSizes.sm, axis: {
+    return (jsxRuntime.jsx(ScrollingContainer, { children: jsxRuntime.jsx(SentimentContainer, Object.assign({ width: width, height: height, id: "chart-container", style: { overflow: "hidden" } }, { children: jsxRuntime.jsx(line.ResponsiveLine, { theme: Object.assign(Object.assign({}, DEFAULT_CHARTS_THEME), { fontSize: theme.fontSizes.sm, axis: {
                         legend: {
                             text: {
                                 fill: getColor(theme.colors.primaryHue, 600),
@@ -2301,6 +2303,34 @@ const UgClose$1 = styled__default["default"](reactNotifications.Close) `
  */
 const Close = (props) => jsxRuntime.jsx(UgClose$1, Object.assign({}, props));
 
+var _circle;
+function _extends$v() { _extends$v = 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$v.apply(this, arguments); }
+var SvgCircleFullFill = function SvgCircleFullFill(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    focusable: "false",
+    viewBox: "0 0 16 16"
+  }, props), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 8,
+    cy: 8,
+    r: 8,
+    fill: "currentColor"
+  })));
+};
+
+const Trigger$1 = styled.styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  cursor: pointer;
+`;
+React__default["default"].forwardRef((props, ref) => {
+    var _a;
+    return (jsxRuntime.jsx(Trigger$1, Object.assign({ ref: ref }, props, { style: Object.assign(Object.assign({}, props.style), { color: props.color }) }, { children: (_a = props.children) !== null && _a !== void 0 ? _a : jsxRuntime.jsx(SvgCircleFullFill, {}) })));
+});
+
 const UgDrawer = styled__default["default"](reactModals.DrawerModal) `
   @media (max-width: ${({ theme }) => theme.breakpoints.sm}) {
     width: 100%;
@@ -2763,31 +2793,31 @@ const editorStyle = styled.css `
   }
 `;
 
-var _path$t;
-function _extends$A() { _extends$A = 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$A.apply(this, arguments); }
+var _path$o;
+function _extends$u() { _extends$u = 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$u.apply(this, arguments); }
 var SvgBoldFill = function SvgBoldFill(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
-  }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M7.5 0C9.952 0 12 2.048 12 4.5a4.483 4.483 0 01-1.27 3.108C12.078 8.39 13 9.855 13 11.5c0 2.452-2.048 4.5-4.5 4.5H4a1 1 0 01-1-1V1a1 1 0 011-1h3.5zM5 14h3.5c1.348 0 2.5-1.152 2.5-2.5S9.848 9 8.5 9H5v5zM7.5 2H5v5h2.5C8.848 7 10 5.848 10 4.5S8.848 2 7.5 2z"
   })));
 };
 
-var _path$s;
-function _extends$z() { _extends$z = 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$z.apply(this, arguments); }
+var _path$n;
+function _extends$t() { _extends$t = 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$t.apply(this, arguments); }
 var SvgItalicFill = function SvgItalicFill(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
-  }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     stroke: "currentColor",
     strokeLinecap: "round",
@@ -2796,16 +2826,16 @@ var SvgItalicFill = function SvgItalicFill(props) {
   })));
 };
 
-var _path$r, _path2$6;
-function _extends$y() { _extends$y = 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$y.apply(this, arguments); }
+var _path$m, _path2$6;
+function _extends$s() { _extends$s = 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$s.apply(this, arguments); }
 var SvgQuoteFill = function SvgQuoteFill(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
-  }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M7 8H4c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1zm6 0h-3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1z"
   })), _path2$6 || (_path2$6 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -2817,16 +2847,16 @@ var SvgQuoteFill = function SvgQuoteFill(props) {
   })));
 };
 
-var _g$5;
-function _extends$x() { _extends$x = 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$x.apply(this, arguments); }
+var _g$4;
+function _extends$r() { _extends$r = 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$r.apply(this, arguments); }
 var SvgH1Fill = function SvgH1Fill(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
-  }, props), _g$5 || (_g$5 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$4 || (_g$4 = /*#__PURE__*/React__namespace.createElement("g", {
     transform: "translate(-464 -332)"
   }, /*#__PURE__*/React__namespace.createElement("rect", {
     width: 16,
@@ -2847,16 +2877,16 @@ var SvgH1Fill = function SvgH1Fill(props) {
   }))));
 };
 
-var _g$4;
-function _extends$w() { _extends$w = 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$w.apply(this, arguments); }
+var _g$3;
+function _extends$q() { _extends$q = 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$q.apply(this, arguments); }
 var SvgH2Fill = function SvgH2Fill(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
-  }, props), _g$4 || (_g$4 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
     transform: "translate(-464 -332)"
   }, /*#__PURE__*/React__namespace.createElement("rect", {
     width: 16,
@@ -2877,16 +2907,16 @@ var SvgH2Fill = function SvgH2Fill(props) {
   }))));
 };
 
-var _g$3;
-function _extends$v() { _extends$v = 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$v.apply(this, arguments); }
+var _g$2;
+function _extends$p() { _extends$p = 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$p.apply(this, arguments); }
 var SvgH3Fill = function SvgH3Fill(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
-  }, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
     transform: "translate(-464 -332)"
   }, /*#__PURE__*/React__namespace.createElement("rect", {
     width: 16,
@@ -3091,16 +3121,16 @@ const Hint = styled__default["default"](reactForms.Hint) ``;
    **/
 const Input = React.forwardRef((props, ref) => jsxRuntime.jsx(UgInput, Object.assign({ ref: ref }, props)));
 
-var _g$2;
-function _extends$u() { _extends$u = 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$u.apply(this, arguments); }
+var _g$1;
+function _extends$o() { _extends$o = 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$o.apply(this, arguments); }
 var SvgNotesStroke = function SvgNotesStroke(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
-  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
     fill: "none",
     stroke: "currentColor"
   }, /*#__PURE__*/React__namespace.createElement("path", {
@@ -3213,16 +3243,16 @@ const UgRadio = styled__default["default"](reactForms.Radio) ``;
    **/
 const Radio = (props) => jsxRuntime.jsx(UgRadio, Object.assign({}, props));
 
-var _path$q;
-function _extends$t() { _extends$t = 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$t.apply(this, arguments); }
+var _path$l;
+function _extends$n() { _extends$n = 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$n.apply(this, arguments); }
 var SvgCheckLg = function SvgCheckLg(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
     width: 16,
     height: 16,
     viewBox: "0 0 16 16",
     fill: "#68737D",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M14.6464 2.64645C14.8417 2.45118 15.1583 2.45118 15.3536 2.64645C15.5488 2.84171 15.5488 3.15829 15.3536 3.35355L5.35355 13.3536C5.15829 13.5488 4.84171 13.5488 4.64645 13.3536L0.646447 9.35355C0.451184 9.15829 0.451184 8.84171 0.646447 8.64645C0.841709 8.45118 1.15829 8.45118 1.35355 8.64645L5 12.2929L14.6464 2.64645Z"
@@ -3410,49 +3440,87 @@ const Spinner = (props) => jsxRuntime.jsx(UgSpinner, Object.assign({}, props));
  */
 const Dots = (props) => jsxRuntime.jsx(reactLoaders.Dots, Object.assign({}, props));
 
-const UgBody = styled__default["default"](reactChrome.Body) `
-  background-color: ${({ theme }) => theme.palette.white};
-`;
-/**
- * A Body defines the main content of an HTML document which displays on the browser
- */
-const Body$1 = (props) => jsxRuntime.jsx(UgBody, Object.assign({}, props));
-
 /**
- * A Content defines the main content of an HTML document which displays on the browser
+ * Title is a basic component used to display a title. Often used in card headers.
  */
-const Content$1 = (props) => jsxRuntime.jsx(reactChrome.Content, Object.assign({}, props));
+const Title = (props) => jsxRuntime.jsx(reactNotifications.Title, Object.assign({}, props));
 
-var _path$p;
-function _extends$s() { _extends$s = 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$s.apply(this, arguments); }
-var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
+var _path$k;
+function _extends$m() { _extends$m = 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$m.apply(this, arguments); }
+var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
-  }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
-    d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
+    d: "M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"
   })));
 };
 
-const UgHeaderItem = styled__default["default"](reactChrome.HeaderItem) `
-  ${(props) => props.hasLogo && `border-right: none`};
-  font-family: ${({ theme }) => theme.fonts.system};
-`;
-styled__default["default"](reactChrome.HeaderItemWrapper) `
-  font-family: ${({ theme }) => theme.fonts.system};
-`;
-const HeaderItem = (props) => jsxRuntime.jsx(UgHeaderItem, Object.assign({}, props));
+function debounce(callback, wait) {
+    let timer;
+    return () => {
+        if (typeof timer !== "undefined")
+            clearTimeout(timer);
+        timer = setTimeout(() => {
+            timer = undefined;
+            callback();
+        }, wait);
+    };
+}
+function useWindowSize() {
+    const [size, setSize] = React.useState({
+        width: window.innerWidth,
+        height: window.innerHeight,
+    });
+    React.useLayoutEffect(() => {
+        const debounceUpdateSize = debounce(function () {
+            setSize({ width: window.innerWidth, height: window.innerHeight });
+        }, 300);
+        window.addEventListener("resize", debounceUpdateSize);
+        debounceUpdateSize();
+        return () => window.removeEventListener("resize", debounceUpdateSize);
+    }, []);
+    return size;
+}
 
-const UgHeaderItemText = styled__default["default"](reactChrome.HeaderItemText) `
-    font-family: ${({ theme }) => theme.fonts.system};
+const StyledCard = styled__default["default"](ContainerCard) `
+  @media screen and (max-width: ${theme.breakpoints.sm}) {
+    border: 0;
+  }
 `;
-const HeaderItemText = (props) => jsxRuntime.jsx(UgHeaderItemText, Object.assign({}, props));
-
-const HeaderItemIcon = (props) => (jsxRuntime.jsx(reactChrome.HeaderItemIcon, Object.assign({}, props)));
+/**
+ * Login Form
+ * <hr>
+ * Used for this:
+    - Login user to the application
+ */
+const LoginForm = (props) => {
+    const { width } = useWindowSize();
+    const breakpointMd = parseInt(theme.breakpoints.md, 10);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(StyledCard, Object.assign({}, (width > breakpointMd && { isFloating: true }), props.card, { children: [jsxRuntime.jsx(Title, Object.assign({ style: {
+                            textAlign: "center",
+                            marginTop: theme.space.sm,
+                            marginBottom: theme.space.lg,
+                        } }, { children: jsxRuntime.jsx(XL, Object.assign({ style: { color: theme.palette.blue[600] } }, { children: props.title })) })), jsxRuntime.jsx(formik.Formik, Object.assign({}, props, { initialValues: props.initialValues, onSubmit: props.onSubmit, validate: props.validate }, { children: ({ values, status, errors, touched, handleChange, handleSubmit, isSubmitting, }) => {
+                            return (jsxRuntime.jsxs(formik.Form, Object.assign({ onSubmit: handleSubmit }, { children: [jsxRuntime.jsxs(Field, { children: [jsxRuntime.jsx(Input, Object.assign({ type: "email", name: "email", placeholder: props.placeholderEmail, onChange: handleChange, value: values.email }, (errors && errors.email
+                                                ? { validation: "error" }
+                                                : touched.email
+                                                    ? { validation: "success" }
+                                                    : ""))), errors.email ? (jsxRuntime.jsx(Message, Object.assign({ validation: "error" }, { children: errors.email }))) : ("")] }), jsxRuntime.jsxs(Field, Object.assign({ style: { marginTop: theme.space.md } }, { children: [jsxRuntime.jsx(Input, Object.assign({ type: "password", name: "password", placeholder: props.placeholderPassword, onChange: handleChange, value: values.password }, (errors && errors.password
+                                                ? { validation: "error" }
+                                                : touched.password
+                                                    ? { validation: "success" }
+                                                    : ""))), errors.password && (jsxRuntime.jsx(Message, Object.assign({ validation: "error" }, { children: errors.password }))), props.passwordForgotLink && (jsxRuntime.jsx(reactForms.Hint, Object.assign({ style: { textAlign: "right" } }, { children: jsxRuntime.jsx(Anchor, Object.assign({ href: props.passwordForgotLink, style: { color: theme.palette.grey[500] } }, { children: props.passwordForgotLabel || "Forgot Password?" })) })))] })), jsxRuntime.jsx("br", {}), jsxRuntime.jsx(Button, Object.assign({ type: "submit", isStretched: true, disabled: Object.keys(errors).length
+                                            ? true
+                                            : isSubmitting
+                                                ? true
+                                                : false, isPrimary: true, isAccent: true, style: { marginBottom: theme.space.md } }, { children: props.buttonText })), status && (jsxRuntime.jsx("div", Object.assign({ style: { textAlign: "center" } }, { children: jsxRuntime.jsx(Message, Object.assign({ validation: "error" }, { children: status.message })) })))] })));
+                        } }))] })), props.onBackClick && (jsxRuntime.jsxs(Button, Object.assign({ onClick: props.onBackClick, isBasic: true, style: { marginTop: theme.space.md } }, { children: [jsxRuntime.jsx(Button.StartIcon, { children: jsxRuntime.jsx(SvgChevronLeftStroke, {}) }), props.backToLabel || "Back to UNGUESS"] })))] }));
+};
 
 var img$2 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5b %3c!ENTITY ns_extend 'http://ns.adobe.com/Extensibility/1.0/'%3e %3c!ENTITY ns_ai 'http://ns.adobe.com/AdobeIllustrator/10.0/'%3e %3c!ENTITY ns_graphs 'http://ns.adobe.com/Graphs/1.0/'%3e %3c!ENTITY ns_vars 'http://ns.adobe.com/Variables/1.0/'%3e %3c!ENTITY ns_imrep 'http://ns.adobe.com/ImageReplacement/1.0/'%3e %3c!ENTITY ns_sfw 'http://ns.adobe.com/SaveForWeb/1.0/'%3e %3c!ENTITY ns_custom 'http://ns.adobe.com/GenericCustomNamespace/1.0/'%3e %3c!ENTITY ns_adobe_xpath 'http://ns.adobe.com/XPath/1.0/'%3e%5d%3e%3csvg enable-background='new 0 0 479.42 154.1' version='1.1' viewBox='0 0 479.42 154.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23003A57%3b%7d .st1%7bfill:%2354C38A%3b%7d .st2%7bfill:%23B2C4CD%3b%7d .st3%7bfill:%23809CAB%3b%7d .st4%7bfill:%23CCEDDC%3b%7d .st5%7bfill:%23CCD8DD%3b%7d .st6%7bfill:%23E5EBEE%3b%7d .st7%7bfill:%23A9E1C5%3b%7d%3c/style%3e%3cswitch%3e %3cforeignObject width='1' height='1' requiredExtensions='http://ns.adobe.com/AdobeIllustrator/10.0/'%3e %3c/foreignObject%3e %3cg%3e %3cpath class='st0' d='m203.46 43.96c1.66 0 3.06 0.82 3.06 2.56 0 0.83-0.48 1.54-1.36 1.88 1.11 0.31 1.64 1.33 1.64 2.18 0 1.94-1.63 2.52-3.35 2.52h-3.99v-9.13h4zm-2.85 3.93h2.91c1.1 0 1.89-0.4 1.89-1.36 0-1.02-0.82-1.54-1.94-1.54h-2.86v2.9zm0 4.13h2.86c0.95 0 2.22-0.25 2.22-1.49-0.01-1.15-1.17-1.62-2.16-1.62h-2.91v3.11z'/%3e %3cpath class='st0' d='M212.75%2c43.96h6.41V45h-5.29v2.86h5.07v1.06h-5.07v3.09h5.5v1.08h-6.62V43.96z'/%3e %3cpath class='st0' d='m235.85 44.78c-1.16 0-2.4 0.46-2.4 1.56 0 0.99 1.13 1.28 2.48 1.5 1.83 0.29 3.62 0.65 3.62 2.71-0.01 2.05-1.97 2.71-3.72 2.71-1.62 0-3.16-0.59-3.86-2.11l0.94-0.55c0.59 1.08 1.81 1.6 2.93 1.6 1.11 0 2.58-0.35 2.58-1.69 0.01-1.13-1.26-1.46-2.63-1.67-1.76-0.27-3.47-0.68-3.47-2.53-0.03-1.9 1.92-2.55 3.49-2.55 1.36 0 2.65 0.27 3.45 1.66l-0.86 0.53c-0.48-0.79-1.54-1.15-2.55-1.17z'/%3e %3cpath class='st0' d='m250.07 50.22h-0.23l-3.31-4.64v7.51h-1.12v-9.13h1.36l3.21 4.69 3.18-4.69h1.36v9.13h-1.12v-7.49l-3.33 4.62z'/%3e %3cpath class='st0' d='m265.37 43.96 4.09 9.13h-1.23l-0.9-2.01h-5.22l-0.89 2.01h-1.22l4.09-9.13h1.28zm-0.64 1.15-2.16 4.93h4.33l-2.17-4.93z'/%3e %3cpath class='st0' d='m278.31 49.8h-2.22v3.29h-1.13v-9.13h4.15c2.06 0 3.09 1.43 3.09 2.92 0.01 1.38-0.74 2.67-2.62 2.83l3.01 3.38h-1.43l-2.85-3.29zm2.75-2.89c0.01-0.91-0.64-1.93-1.96-1.93h-3.01v3.81h2.96c1.37 0 2.01-0.85 2.01-1.88z'/%3e %3cpath class='st0' d='m287.15 44.98v-1.02h7.35v1.02h-3.12v8.11h-1.12v-8.11h-3.11z'/%3e %3cpath class='st0' d='m313.34 43.96v1.08h-5.2v3.18h4.98v1.06h-4.98v3.82h-1.14v-9.14h6.34z'/%3e %3cpath class='st0' d='m322.57 49.8h-2.22v3.29h-1.13v-9.13h4.15c2.06 0 3.09 1.43 3.09 2.92 0.01 1.38-0.74 2.67-2.62 2.83l3.01 3.38h-1.43l-2.85-3.29zm2.76-2.89c0.01-0.91-0.64-1.93-1.96-1.93h-3.01v3.81h2.96c1.37 0 2.01-0.85 2.01-1.88z'/%3e %3cpath class='st0' d='m341.26 48.55c-0.01 2.39-1.5 4.72-4.63 4.72s-4.64-2.32-4.64-4.72c0-2.65 1.77-4.75 4.65-4.75 3.1 0.02 4.64 2.34 4.62 4.75zm-4.61-3.7c-2.32 0-3.52 1.71-3.52 3.7 0 1.85 1.12 3.65 3.52 3.65s3.48-1.85 3.48-3.65c0.01-1.85-1.1-3.68-3.48-3.7z'/%3e %3cpath class='st0' d='m351.84 50.22h-0.23l-3.31-4.64v7.51h-1.12v-9.13h1.36l3.21 4.69 3.18-4.69h1.36v9.13h-1.12v-7.49l-3.33 4.62z'/%3e %3cpath class='st0' d='m368.77 44.98v-1.02h7.35v1.02h-3.12v8.11h-1.12v-8.11h-3.11z'/%3e %3cpath class='st0' d='m387.97 48.97h-5.22v4.12h-1.13v-9.13h1.13v3.95h5.22v-3.95h1.13v9.13h-1.13v-4.12z'/%3e %3cpath class='st0' d='M395.58%2c43.96H402V45h-5.29v2.86h5.07v1.06h-5.07v3.09h5.5v1.08h-6.62V43.96z'/%3e %3cpath class='st0' d='m418.68 44.78c-1.16 0-2.4 0.46-2.4 1.56 0 0.99 1.13 1.28 2.48 1.5 1.83 0.29 3.62 0.65 3.62 2.71-0.01 2.05-1.97 2.71-3.72 2.71-1.62 0-3.15-0.59-3.86-2.11l0.94-0.55c0.59 1.08 1.81 1.6 2.93 1.6 1.11 0 2.58-0.35 2.58-1.69 0.01-1.13-1.26-1.46-2.63-1.67-1.76-0.27-3.47-0.68-3.47-2.53-0.03-1.9 1.92-2.55 3.49-2.55 1.36 0 2.65 0.27 3.46 1.66l-0.86 0.53c-0.49-0.79-1.54-1.15-2.56-1.17z'/%3e %3cpath class='st0' d='m427.25 44.98v-1.02h7.35v1.02h-3.12v8.11h-1.12v-8.11h-3.11z'/%3e %3cpath class='st0' d='m443.63 43.96 4.09 9.13h-1.23l-0.9-2.01h-5.22l-0.89 2.01h-1.24l4.09-9.13h1.3zm-0.64 1.15-2.16 4.93h4.33l-2.17-4.93z'/%3e %3cpath class='st0' d='m456.57 49.8h-2.22v3.29h-1.13v-9.13h4.15c2.06 0 3.09 1.43 3.09 2.92 0.01 1.38-0.74 2.67-2.62 2.83l3.01 3.38h-1.43l-2.85-3.29zm2.75-2.89c0.01-0.91-0.64-1.93-1.96-1.93h-3.01v3.81h2.96c1.37 0 2.01-0.85 2.01-1.88z'/%3e %3cpath class='st0' d='m465.41 44.98v-1.02h7.35v1.02h-3.12v8.11h-1.12v-8.11h-3.11z'/%3e %3cpath class='st0' d='m157.64 115.24v-24.59c0-6.81-3.65-10.72-10.03-10.72-6 0-9.44 3.91-9.44 10.72v24.59h-8.58v-24.59c0-11.51 6.93-18.66 18.08-18.66 11.26 0 18.54 7.32 18.54 18.66v24.59h-8.57z'/%3e %3cpath class='st0' d='m214.63 116.35c-16.55 0-22.44-11.2-22.44-21.67 0-15.87 11.27-22.98 22.44-22.98 5.93 0 11.53 2.3 15.77 6.49l0.34 0.34-5.54 5.67-0.35-0.33c-2.55-2.44-6.57-4.02-10.23-4.02-8.14 0-13.82 6.1-13.82 14.83 0 6.48 3.63 13.4 13.82 13.4 3.51 0 6.11-0.89 8.89-3.07v-6.64h-10.61v-7.97h19.29v17.55l-0.63 0.76c-4.49 5.14-10.03 7.64-16.93 7.64z'/%3e %3cpath class='st0' d='m277.01 115.24c-11.26 0-18.54-7.32-18.54-18.66v-24.59h8.58v24.59c0 6.81 3.65 10.72 10.02 10.72 6 0 9.44-3.91 9.44-10.72v-24.59h8.58v24.59c0 11.51-6.92 18.66-18.08 18.66z'/%3e %3cpolygon class='st0' points='321.07 115.24 321.07 72.25 354.94 72.25 354.94 80.65 329.64 80.65 329.64 90.13 350.81 90.13 350.81 98.24 329.64 98.24 329.64 106.72 354.94 106.72 354.94 115.24'/%3e %3cpath class='st0' d='m397.19 116.06c-9.41 0-15.35-3.37-18.16-10.29l-0.17-0.41 7.25-3.76 0.2 0.5c1.55 3.85 5.66 6.14 10.99 6.14 2.08 0 8.86-0.4 8.86-5.61 0-3.05-2.94-4.85-8.97-5.5-14.45-1.72-16.4-7.43-16.4-12.79 0-8.43 8.14-12.27 16.22-12.33 8.06 0 13.73 2.88 16.41 8.34l0.21 0.43-6.92 3.56-0.23-0.39c-1.25-2.08-4.91-4.29-9.22-4.29-4.89 0-7.93 1.88-7.93 4.92 0 2.99 3.45 4.01 8.63 4.63 8.73 1.08 16.8 3.45 16.8 13.43-0.02 9.89-9.09 13.42-17.57 13.42z'/%3e %3cpath class='st0' d='m457.03 116.25c-9.4 0-15.33-3.36-18.14-10.28l-0.17-0.41 7.25-3.75 0.2 0.5c1.55 3.84 5.65 6.13 10.98 6.13 2.08 0 8.85-0.4 8.85-5.61 0-3.05-2.93-4.85-8.96-5.49-14.44-1.72-16.38-7.42-16.38-12.78 0-8.42 8.14-12.25 16.2-12.32 8.05 0 13.71 2.88 16.39 8.33l0.21 0.43-6.92 3.56-0.23-0.39c-1.25-2.08-4.9-4.29-9.21-4.29-4.89 0-7.93 1.88-7.93 4.91 0 2.99 3.45 4.01 8.62 4.62 8.72 1.07 16.79 3.44 16.79 13.42-0.01 9.9-9.07 13.42-17.55 13.42z'/%3e %3cpath class='st0' d='m94.63 93.63v4.23h-0.03c-0.36 6.13-3.75 9.62-9.43 9.62-6.03 0-9.62-3.49-10.01-9.62h-0.03v-4.23h-8.58v4.23 0.01 0.05c0.49 10.69 7.66 17.52 18.55 17.52 10.79 0 17.63-6.68 18.09-17.52v-4.29h-8.56z'/%3e %3crect class='st1' x='66.55' y='72.02' width='8.6' height='8.6'/%3e %3crect class='st0' x='94.41' y='72.02' width='8.72' height='8.72'/%3e %3crect class='st2' transform='matrix(-1.837e-16 1 -1 -1.837e-16 103.01 7.8599)' x='43.27' y='51.13' width='8.6' height='8.6'/%3e %3crect class='st3' transform='matrix(-1.837e-16 1 -1 -1.837e-16 126.9 6.4839)' x='55.9' y='62.39' width='8.6' height='8.6'/%3e %3crect class='st4' transform='matrix(-1.837e-16 1 -1 -1.837e-16 94.995 31.397)' x='27.5' y='58.89' width='8.6' height='8.6'/%3e %3crect class='st5' transform='matrix(-1.837e-16 1 -1 -1.837e-16 64.365 27.091)' x='14.34' y='41.43' width='8.6' height='8.6'/%3e %3crect class='st6' transform='matrix(-1.837e-16 1 -1 -1.837e-16 138.08 66.268)' x='31.6' y='97.87' width='8.6' height='8.6'/%3e %3crect class='st7' transform='matrix(-1.837e-16 1 -1 -1.837e-16 137.84 35.856)' x='46.69' y='82.55' width='8.6' height='8.6'/%3e %3c/g%3e%3c/switch%3e%3c/svg%3e";
 
@@ -3480,26 +3548,167 @@ const Logo = (props) => {
         }[props.type] })));
 };
 
-var _path$o;
-function _extends$r() { _extends$r = 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$r.apply(this, arguments); }
-var SvgMenuStroke = function SvgMenuStroke(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
-    xmlns: "http://www.w3.org/2000/svg",
+var _path$j;
+function _extends$l() { _extends$l = 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$l.apply(this, arguments); }
+var SvgPlus = function SvgPlus(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
     width: 16,
     height: 16,
-    focusable: "false",
-    viewBox: "0 0 16 16"
-  }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
+    viewBox: "0 0 16 16",
     fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    d: "M1.5 3.5h13m-13 4h13m-13 4h13"
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.5 2C7.22386 2 7 2.22386 7 2.5V8H1.5C1.22386 8 1 8.22386 1 8.5C1 8.77614 1.22386 9 1.5 9H7V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V9H13.5C13.7761 9 14 8.77614 14 8.5C14 8.22386 13.7761 8 13.5 8H8V2.5C8 2.22386 7.77614 2 7.5 2Z",
+    fill: "#68737D"
   })));
 };
 
-const StyledEllipsis = styled__default["default"](Ellipsis) `
-  ${({ theme, isCompact }) => isCompact &&
-    `
+const CustomItem$1 = reactDropdowns.Item;
+const GridAdd = styled__default["default"](SvgPlus) `
+  display: flex;
+  position: absolute;
+  top: 0;
+  left: 12px;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: calc(20px + 16px);
+`;
+const AddableItem = (props) => {
+    return (jsxRuntime.jsxs(CustomItem$1, Object.assign({ onClick: props.onClick, addable: true, disabled: true }, { children: [jsxRuntime.jsx(GridAdd, {}), props.label] })));
+};
+
+const CustomItem = reactDropdowns.Item;
+const Item = ({ option, checked, }) => {
+    return (jsxRuntime.jsx(CustomItem, Object.assign({ value: option, checked: checked }, { children: jsxRuntime.jsx("span", { children: option.label }) }), `${option.label}-${option.id}`));
+};
+
+const DisabledItem = ({ label }) => (jsxRuntime.jsx(Item$1, Object.assign({ disabled: true }, { children: label })));
+const MultiSelect = ({ options, onChange, creatable, i18n, maxItems, size, menuHeight, }) => {
+    var _a, _b, _c;
+    const [inputValue, setInputValue] = React.useState("");
+    const [matchingOptions, setMatchingOptions] = React.useState(options);
+    const itemToString = (item) => (item ? item.id : "");
+    React.useEffect(() => {
+        const matchedOptions = options.filter((option) => option.label
+            .trim()
+            .toLowerCase()
+            .indexOf(inputValue.trim().toLowerCase()) !== -1);
+        setMatchingOptions(matchedOptions);
+    }, [inputValue, options]);
+    return (jsxRuntime.jsxs(Dropdown, Object.assign({ inputValue: inputValue, selectedItems: options.filter((option) => option.selected), onSelect: (items) => onChange &&
+            onChange(options.map((o) => (Object.assign(Object.assign({}, o), { selected: items.some((i) => i.id === o.id) })))), downshiftProps: { itemToString }, onInputValueChange: (value) => setInputValue(value) }, { children: [jsxRuntime.jsxs(Field$1, { children: [jsxRuntime.jsx(Label, Object.assign({ hidden: true }, { children: (_a = i18n === null || i18n === void 0 ? void 0 : i18n.label) !== null && _a !== void 0 ? _a : "Multiselect" })), jsxRuntime.jsx(reactDropdowns.Multiselect, { placeholder: (_b = i18n === null || i18n === void 0 ? void 0 : i18n.placeholder) !== null && _b !== void 0 ? _b : "Select Items", renderShowMore: i18n === null || i18n === void 0 ? void 0 : i18n.showMore, isCompact: size !== "medium", maxItems: maxItems, renderItem: ({ value }) => (jsxRuntime.jsxs(reactTags.Tag, Object.assign({ isPill: true }, { children: [jsxRuntime.jsx("span", { children: value.label }), jsxRuntime.jsx(reactTags.Tag.Close, { onClick: () => onChange &&
+                                        onChange(options.map((o) => (Object.assign(Object.assign({}, o), { selected: o.selected && o.id !== value.id })))) })] }))) })] }), jsxRuntime.jsxs(Menu, { children: [jsxRuntime.jsxs("div", Object.assign({ style: { maxHeight: menuHeight !== null && menuHeight !== void 0 ? menuHeight : "200px" } }, { children: [matchingOptions.map((option) => {
+                                const items = options
+                                    .filter((o) => o.selected)
+                                    .map((item) => itemToString(item));
+                                return (jsxRuntime.jsx(Item, { option: option, checked: items.includes(itemToString(option)) }));
+                            }), matchingOptions.length === 0 && (jsxRuntime.jsx(DisabledItem, { label: (_c = i18n === null || i18n === void 0 ? void 0 : i18n.noMatches) !== null && _c !== void 0 ? _c : "No matches found" }))] })), creatable &&
+                        inputValue.length > 0 &&
+                        !matchingOptions.find((item) => item.label.toLowerCase() === inputValue.toLowerCase()) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Separator, {}), jsxRuntime.jsx(AddableItem, { onClick: () => __awaiter(void 0, void 0, void 0, function* () {
+                                    onChange && (yield onChange(options, inputValue));
+                                    setInputValue("");
+                                }), label: (i18n === null || i18n === void 0 ? void 0 : i18n.addNew)
+                                    ? i18n.addNew(inputValue)
+                                    : `Want to add ${inputValue}?` })] })) : null] })] })));
+};
+
+const StyledModal$1 = styled__default["default"](Modal) `
+  width: 100%;
+  height: 100%;
+  max-height: 100%;
+  border-radius: 0;
+  left: unset;
+  right: unset;
+  top: unset;
+  bottom: unset;
+`;
+const StyledHeader = styled__default["default"](Modal.Header) `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-direction: row;
+  padding: ${({ theme }) => `${theme.space.sm} ${theme.space.base * 6}px`};
+
+  @media (max-width: ${({ theme }) => theme.breakpoints.sm}) {
+    padding: ${({ theme }) => theme.space.md};
+  }
+`;
+const StyledBody$4 = styled__default["default"](Modal.Body) `
+  background-color: ${({ theme }) => theme.palette.grey["100"]};
+  padding: ${({ theme }) => `${theme.space.md} ${theme.space.base * 6}px`};
+
+  @media (max-width: ${({ theme }) => theme.breakpoints.sm}) {
+    padding: ${({ theme }) => `${theme.space.lg} ${theme.space.md}`};
+  }
+`;
+const StyledFooter$1 = styled__default["default"](Modal.Footer) `
+  padding: ${({ theme }) => theme.space.base * 4}px
+    ${({ theme }) => theme.space.base * 6}px;
+`;
+const StyledModalClose = styled__default["default"](reactModals.Close) `
+  position: relative;
+  top: unset;
+  right: unset;
+`;
+const ModalFullScreen = (props) => jsxRuntime.jsx(StyledModal$1, Object.assign({}, props));
+ModalFullScreen.Header = StyledHeader;
+ModalFullScreen.Body = StyledBody$4;
+ModalFullScreen.Footer = StyledFooter$1;
+ModalFullScreen.Close = StyledModalClose;
+ModalFullScreen.FooterItem = FooterItem;
+
+const UgBody = styled__default["default"](reactChrome.Body) `
+  background-color: ${({ theme }) => theme.palette.white};
+`;
+/**
+ * A Body defines the main content of an HTML document which displays on the browser
+ */
+const Body$1 = (props) => jsxRuntime.jsx(UgBody, Object.assign({}, props));
+
+/**
+ * A Content defines the main content of an HTML document which displays on the browser
+ */
+const Content$1 = (props) => jsxRuntime.jsx(reactChrome.Content, Object.assign({}, props));
+
+const UgHeaderItem = styled__default["default"](reactChrome.HeaderItem) `
+  ${(props) => props.hasLogo && `border-right: none`};
+  font-family: ${({ theme }) => theme.fonts.system};
+`;
+styled__default["default"](reactChrome.HeaderItemWrapper) `
+  font-family: ${({ theme }) => theme.fonts.system};
+`;
+const HeaderItem = (props) => jsxRuntime.jsx(UgHeaderItem, Object.assign({}, props));
+
+const UgHeaderItemText = styled__default["default"](reactChrome.HeaderItemText) `
+    font-family: ${({ theme }) => theme.fonts.system};
+`;
+const HeaderItemText = (props) => jsxRuntime.jsx(UgHeaderItemText, Object.assign({}, props));
+
+const HeaderItemIcon = (props) => (jsxRuntime.jsx(reactChrome.HeaderItemIcon, Object.assign({}, props)));
+
+var _path$i;
+function _extends$k() { _extends$k = 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$k.apply(this, arguments); }
+var SvgMenuStroke = function SvgMenuStroke(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    focusable: "false",
+    viewBox: "0 0 16 16"
+  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M1.5 3.5h13m-13 4h13m-13 4h13"
+  })));
+};
+
+const StyledEllipsis = styled__default["default"](Ellipsis) `
+  ${({ theme, isCompact }) => isCompact &&
+    `
     width: ${theme.components.chrome.nav.workspaceDropdownWidth}px; 
   `}
 `;
@@ -3572,6 +3781,21 @@ Header.HeaderItem = HeaderItem;
 Header.HeaderItemText = HeaderItemText;
 Header.HeaderItemIcon = HeaderItemIcon;
 
+var _path$h;
+function _extends$j() { _extends$j = 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$j.apply(this, arguments); }
+var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    focusable: "false",
+    viewBox: "0 0 16 16"
+  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
+  })));
+};
+
 const HeaderSkeleton = () => {
     return (jsxRuntime.jsxs(Header, Object.assign({ isStandalone: true }, { children: [jsxRuntime.jsx(LogoIconContainer, Object.assign({ hasLogo: true }, { children: jsxRuntime.jsx(HeaderItemIcon, { children: jsxRuntime.jsx(Logo, { type: "icon", size: 150 }) }) })), jsxRuntime.jsx(HeaderItem, Object.assign({ style: { marginRight: "auto", marginLeft: "-4px" } }, { children: window.matchMedia(`only screen and (min-width: 576px)`).matches ? (jsxRuntime.jsx(Skeleton, { width: "200px", height: theme.space.sm })) : (jsxRuntime.jsx(Skeleton, { width: "80px", height: theme.space.sm, style: { marginLeft: theme.space.sm } })) })), jsxRuntime.jsx(HeaderItem, Object.assign({ isRound: true }, { children: jsxRuntime.jsx(HeaderItemIcon, { children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(Skeleton, { width: "32px", height: "32px", style: { borderRadius: "100%" } }) }) }) }))] })));
 };
@@ -3590,6 +3814,24 @@ const AppHeader = (_a) => {
     return isLoading ? (jsxRuntime.jsx(HeaderSkeleton, {})) : (jsxRuntime.jsxs(Header, Object.assign({}, args, { style: Object.assign(Object.assign({}, style), { zIndex: (style === null || style === void 0 ? void 0 : style.zIndex) || theme.levels.front }) }, { children: [jsxRuntime.jsx(BrandItem, Object.assign({}, brand, { toggleMenu: args.onSidebarMenuToggle })), args.hasChangelog && args.changelogItem && (jsxRuntime.jsx(HeaderItem, Object.assign({ style: { marginRight: "-" + theme.space.xs } }, { children: jsxRuntime.jsx(HeaderItemIcon, { children: args.changelogItem }) }))), jsxRuntime.jsx(HeaderItem, Object.assign({ isRound: true, onClick: args.onProfileModalToggle }, { children: jsxRuntime.jsx(HeaderItemIcon, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Avatar, Object.assign({}, avatar)), jsxRuntime.jsx(ChevronButton, Object.assign({ size: "small", isRotated: args.isProfileModalOpen }, { children: jsxRuntime.jsx(SvgChevronDownStroke, {}) }))] }) }) }))] })));
 };
 
+const UgMain = styled__default["default"](reactChrome.Main) `
+  @media (min-width: ${({ theme }) => theme.breakpoints.sm}) {
+    margin: ${({ theme }) => theme.space.xxl}
+  }
+  
+  /* hide scrollbar for IE, Edge and Firefox */
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+
+  ::-webkit-scrollbar {
+    display: none;
+  }
+`;
+/**
+ * A Main defines the main content of an HTML document which displays on the browser
+ */
+const Main$1 = (props) => jsxRuntime.jsx(UgMain, Object.assign({}, props));
+
 const UgNav = styled__default["default"](reactChrome.Nav) `
   width: ${p => p.isExpanded ? "100%" : "0"};
   padding-top: ${({ theme }) => theme.space.sm};
@@ -3629,36 +3871,21 @@ const NavItemIcon = (props) => jsxRuntime.jsx(UgNavIcon, Object.assign({}, props
 
 const NavItemText = (props) => (jsxRuntime.jsx(reactChrome.NavItemText, Object.assign({}, props, { children: jsxRuntime.jsx(Ellipsis, Object.assign({ style: { width: "158px" } }, { children: props.children })) })));
 
-var _path$n;
-function _extends$q() { _extends$q = 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$q.apply(this, arguments); }
+var _path$g;
+function _extends$i() { _extends$i = 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$i.apply(this, arguments); }
 var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
-  }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"
   })));
 };
 
-var _path$m;
-function _extends$p() { _extends$p = 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$p.apply(this, arguments); }
-var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    focusable: "false",
-    viewBox: "0 0 16 16"
-  }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "currentColor",
-    d: "M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"
-  })));
-};
-
 const StyledToggle = styled__default["default"](IconButton) `
   display: none;
   width: ${({ theme }) => theme.space.base * 6}px;
@@ -3753,479 +3980,39 @@ NavAccordionItem.Panel = AccordionItemPanel;
 NavAccordionItem.Header = AccordionItemHeader;
 NavAccordionItem.Label = AccordionItemLabel;
 
-var _path$l;
-function _extends$o() { _extends$o = 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$o.apply(this, arguments); }
-var SvgHomeFill = function SvgHomeFill(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
-    width: 26,
-    height: 26,
-    viewBox: "0 0 26 26",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M11.027 21H5.973C5.436 21 5 20.523 5 19.935V17.065C5 16.475 5.436 16 5.973 16H11.027C11.564 16 12 16.476 12 17.065V19.935C12 20.523 11.564 21 11.027 21ZM11.024 14H5.977C5.437 14 5 13.577 5 13.055V5.945C5 5.425 5.438 5 5.977 5H11.024C11.564 5 12 5.424 12 5.946V13.056C12 13.577 11.563 14 11.024 14ZM14.979 5H20.021C20.561 5 21 5.478 21 6.069V8.932C21 9.522 20.561 10 20.021 10H14.979C14.439 10 14 9.522 14 8.932V6.07C14 5.48 14.439 5.001 14.979 5.001M14.972 12H20.028C20.565 12 21 12.42 21 12.94V20.06C21 20.579 20.565 21 20.028 21H14.972C14.435 21 14 20.579 14 20.06V12.94C14 12.42 14.435 12 14.972 12Z",
-    fill: "#336179"
-  })));
-};
-
-var _linearGradient, _path$k;
-function _extends$n() { _extends$n = 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$n.apply(this, arguments); }
-var SvgHomeFillStyled = function SvgHomeFillStyled(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
-    width: 26,
-    height: 26,
-    viewBox: "0 0 26 26",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _linearGradient || (_linearGradient = /*#__PURE__*/React__namespace.createElement("linearGradient", {
-    id: "unguessIconGradient"
-  }, /*#__PURE__*/React__namespace.createElement("stop", {
-    className: "stop1",
-    offset: "11.98%",
-    stopColor: "#70c38a"
-  }), /*#__PURE__*/React__namespace.createElement("stop", {
-    className: "stop3",
-    offset: "100%",
-    stopColor: "#001825"
-  }))), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "url(#unguessIconGradient)",
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M11.027 21H5.973C5.436 21 5 20.523 5 19.935V17.065C5 16.475 5.436 16 5.973 16H11.027C11.564 16 12 16.476 12 17.065V19.935C12 20.523 11.564 21 11.027 21ZM11.024 14H5.977C5.437 14 5 13.577 5 13.055V5.945C5 5.425 5.438 5 5.977 5H11.024C11.564 5 12 5.424 12 5.946V13.056C12 13.577 11.563 14 11.024 14ZM14.979 5H20.021C20.561 5 21 5.478 21 6.069V8.932C21 9.522 20.561 10 20.021 10H14.979C14.439 10 14 9.522 14 8.932V6.07C14 5.48 14.439 5.001 14.979 5.001M14.972 12H20.028C20.565 12 21 12.42 21 12.94V20.06C21 20.579 20.565 21 20.028 21H14.972C14.435 21 14 20.579 14 20.06V12.94C14 12.42 14.435 12 14.972 12Z"
-  })));
-};
-
-var _g$1, _defs$2;
-function _extends$m() { _extends$m = 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$m.apply(this, arguments); }
-var SvgToken = function SvgToken(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
-    fill: "none",
-    viewBox: "0 0 32 32",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
-    clipPath: "url(#a)"
-  }, /*#__PURE__*/React__namespace.createElement("path", {
-    d: "m32 16c0 8.8363-7.1635 16-16 16-8.8369 0-16-7.1635-16-16 0-8.8367 7.1632-16 16-16 8.8364 0 16 7.1632 16 16z",
-    clipRule: "evenodd",
-    fill: "#9FD7B1",
-    fillRule: "evenodd"
-  }), /*#__PURE__*/React__namespace.createElement("rect", {
-    x: 4.129,
-    y: 4.129,
-    width: 23.742,
-    height: 23.742,
-    rx: 11.871,
-    fill: "#003A57"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "m18.662 16.433v1.1544h-0.0144c-0.1011 1.6739-1.0246 2.6263-2.5686 2.6263-1.645 0-2.6263-0.9524-2.7273-2.6263h-0.0144v-1.1544h-2.3377v1.1688c0.1299 2.9149 2.0924 4.7764 5.065 4.7764 2.9437 0 4.8052-1.8182 4.9351-4.7764v-1.1688h-2.3377z",
-    fill: "#fff"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "m13.367 10.545h-2.3522v2.3521h2.3522v-2.3521z",
-    fill: "#54C38A"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "m20.986 10.545h-2.381v2.381h2.381v-2.381z",
-    fill: "#fff"
-  }))), _defs$2 || (_defs$2 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
-    id: "a"
-  }, /*#__PURE__*/React__namespace.createElement("rect", {
-    width: 32,
-    height: 32,
-    fill: "#fff"
-  })))));
-};
-
-var _path$j;
-function _extends$l() { _extends$l = 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$l.apply(this, arguments); }
-var SvgProjectsIcon = function SvgProjectsIcon(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
-    width: 26,
-    height: 26,
-    viewBox: "0 0 26 26",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M20.5 8H14.25V7.375C14.25 6.34232 13.4077 5.5 12.375 5.5H6.125C5.09232 5.5 4.25 6.34232 4.25 7.375V13.005C3.53426 13.0685 3.01354 13.7329 3.1335 14.4527L4.171 20.7027C4.27098 21.3026 4.79293 21.75 5.4 21.75H20.6C21.2071 21.75 21.729 21.3026 21.829 20.7027L22.8666 14.4523C22.9865 13.7329 22.4657 13.0685 21.75 13.005V9.25C21.75 8.55482 21.1952 8 20.5 8ZM21.633 14.25H4.36695L5.404 20.4973C5.40404 20.4974 20.6 20.5 20.6 20.5C20.5929 20.5 21.633 14.25 21.633 14.25ZM5.5 13H20.5V9.25H13V7.375C13 7.03268 12.7173 6.75 12.375 6.75H6.125C5.78268 6.75 5.5 7.03268 5.5 7.375V13Z",
-    fill: "#336179",
-    stroke: "#336179"
-  })));
-};
-
-var _path$i, _defs$1;
-function _extends$k() { _extends$k = 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$k.apply(this, arguments); }
-var SvgTemplates = function SvgTemplates(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
-    width: 26,
-    height: 26,
-    viewBox: "0 0 26 26",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 5H3.5C3.2 5 3 5.2 3 5.5V18.5C3 18.8 3.2 19 3.5 19H7C10 19 11 21 11 21H12V7C12 6.9 11 5 8 5ZM9 15H6C5.5 15 5 14.5 5 14C5 13.5 5.5 13 6 13H9C9.5 13 10 13.5 10 14C10 14.5 9.5 15 9 15ZM9 11H6C5.5 11 5 10.5 5 10C5 9.5 5.5 9 6 9H9C9.5 9 10 9.5 10 10C10 10.5 9.5 11 9 11ZM14 7V21H15C15 21 16 19 19 19H22.5C22.8 19 23 18.8 23 18.5V5.5C23 5.2 22.8 5 22.5 5H18C15 5 14 6.9 14 7ZM16 14C16 13.5 16.5 13 17 13H20C20.5 13 21 13.5 21 14C21 14.5 20.5 15 20 15H17C16.5 15 16 14.5 16 14ZM16 10C16 9.5 16.5 9 17 9H20C20.5 9 21 9.5 21 10C21 10.5 20.5 11 20 11H17C16.5 11 16 10.5 16 10Z",
-    fill: "url(#paint0_linear_342_21583)"
-  })), _defs$1 || (_defs$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
-    id: "paint0_linear_342_21583",
-    x1: 3,
-    y1: 5,
-    x2: 23.2766,
-    y2: 5.35853,
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React__namespace.createElement("stop", {
-    stopColor: "#001825"
-  }), /*#__PURE__*/React__namespace.createElement("stop", {
-    offset: 1,
-    stopColor: "#003A57"
-  })))));
-};
-
-var _path$h, _defs;
-function _extends$j() { _extends$j = 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$j.apply(this, arguments); }
-var SvgTemplatesActive = function SvgTemplatesActive(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
-    width: 26,
-    height: 26,
-    viewBox: "0 0 26 26",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 5H3.5C3.2 5 3 5.2 3 5.5V18.5C3 18.8 3.2 19 3.5 19H7C10 19 11 21 11 21H12V7C12 6.9 11 5 8 5ZM9 15H6C5.5 15 5 14.5 5 14C5 13.5 5.5 13 6 13H9C9.5 13 10 13.5 10 14C10 14.5 9.5 15 9 15ZM9 11H6C5.5 11 5 10.5 5 10C5 9.5 5.5 9 6 9H9C9.5 9 10 9.5 10 10C10 10.5 9.5 11 9 11ZM14 7V21H15C15 21 16 19 19 19H22.5C22.8 19 23 18.8 23 18.5V5.5C23 5.2 22.8 5 22.5 5H18C15 5 14 6.9 14 7ZM16 14C16 13.5 16.5 13 17 13H20C20.5 13 21 13.5 21 14C21 14.5 20.5 15 20 15H17C16.5 15 16 14.5 16 14ZM16 10C16 9.5 16.5 9 17 9H20C20.5 9 21 9.5 21 10C21 10.5 20.5 11 20 11H17C16.5 11 16 10.5 16 10Z",
-    fill: "url(#paint0_linear_342_4104)"
-  })), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
-    id: "paint0_linear_342_4104",
-    x1: 3,
-    y1: 5,
-    x2: 23.2766,
-    y2: 5.35853,
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React__namespace.createElement("stop", {
-    offset: 0.119792,
-    stopColor: "#003A57"
-  }), /*#__PURE__*/React__namespace.createElement("stop", {
-    offset: 1,
-    stopColor: "#70C38A"
-  })))));
-};
-
-const StyledNav = styled__default["default"](Nav) `
-  ${({ isExpanded, theme }) => isExpanded && `width: ${theme.components.chrome.nav.openWidth}`};
-`;
-const LoadingSidebar = (props) => {
-    const isExpanded = props.isExpanded;
-    return (jsxRuntime.jsxs(StyledNav, Object.assign({}, props, { isExpanded: isExpanded }, { children: [jsxRuntime.jsx(NavToggle, { isExpanded: isExpanded }), jsxRuntime.jsxs(NavItem, Object.assign({ isExpanded: isExpanded, isCurrent: true }, { children: [jsxRuntime.jsx(NavItemIcon, Object.assign({ isStyled: true }, { children: jsxRuntime.jsx(Skeleton, { width: "32px", height: "32px", style: { borderRadius: "100%" } }) })), jsxRuntime.jsx(Skeleton, { height: "12px", width: "60%" }), jsxRuntime.jsx(NavItemText, {})] })), jsxRuntime.jsx(NavDivider, { isExpanded: isExpanded }), jsxRuntime.jsxs(NavItemProject, Object.assign({ isExpanded: isExpanded, isCurrent: false }, { children: [jsxRuntime.jsx(Skeleton, { width: "60%", style: { marginBottom: "6px" } }), jsxRuntime.jsx(Skeleton, { height: "12px", width: "80%" })] }), 1), jsxRuntime.jsxs(NavItemProject, Object.assign({ isExpanded: isExpanded, isCurrent: false }, { children: [jsxRuntime.jsx(Skeleton, { width: "60%", style: { marginBottom: "6px" } }), jsxRuntime.jsx(Skeleton, { height: "12px", width: "80%" })] }), 2), jsxRuntime.jsxs(NavItemProject, Object.assign({ isExpanded: isExpanded, isCurrent: false }, { children: [jsxRuntime.jsx(Skeleton, { width: "60%", style: { marginBottom: "6px" } }), jsxRuntime.jsx(Skeleton, { height: "12px", width: "80%" })] }), 3), jsxRuntime.jsxs(NavItemProject, Object.assign({ isExpanded: isExpanded, isCurrent: false }, { children: [jsxRuntime.jsx(Skeleton, { width: "60%", style: { marginBottom: "6px" } }), jsxRuntime.jsx(Skeleton, { height: "12px", width: "80%" })] }), 4), jsxRuntime.jsxs(NavItem, Object.assign({ isExpanded: isExpanded, hasBrandmark: true, title: "Be smart from the start", style: { pointerEvents: "none" } }, { children: [jsxRuntime.jsx(NavItemIcon, { children: jsxRuntime.jsx(Skeleton, { width: "32px", height: "32px", style: { borderRadius: "100%" } }) }), jsxRuntime.jsx(NavItemText, { children: "UNGUESS" })] }))] })));
-};
-
-const TokenContainer = styled__default["default"].div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`;
-const ScrollingContainer = styled__default["default"].div `
-  display: flex;
-  flex-direction: column;
-  order: 1;
-  height: 100%;
-`;
-const StyledNavItem = styled__default["default"](NavItem) `
-  ${({ isExpanded }) => isExpanded &&
-    `
-    display: block;
-    padding-right: ${theme.space.md};
-  `};
-
-  &:hover,
-  &:focus {
-    background-color: white;
-  }
-`;
-const SidebarLabel = styled__default["default"](SM) `
-  color: ${({ theme }) => theme.palette.grey["500"]};
-  margin: ${({ theme }) => theme.space.xxs} 0 16px;
-  padding-left: 16px;
-  order: 1;
-
-  ${({ isExpanded }) => !isExpanded &&
-    `
-    display: none; `};
-`;
-/**
- * The UNGUESS Sidebar component provides a high-level layout structure and sets a framework for navigating around projects.
- * <br>
- * Used for this:
-    - To give a consistent dashboard and navigation experience
- */
-const Sidebar = (_a) => {
-    var { projects, defaultAccordionPanels = [0] } = _a, props = __rest(_a, ["projects", "defaultAccordionPanels"]);
-    const [nav, setNav] = React.useState(props.currentRoute || "home");
-    const prjRef = React.useRef(null);
-    const showWorkspacesDropdown = window.matchMedia(`only screen and (max-width: ${theme.breakpoints.sm})`).matches;
-    const toggleNav = () => {
-        props.onToggleMenu && props.onToggleMenu();
-    };
-    const navigate = (route, parameter) => {
-        let fullRoute = route + (parameter ? `/${parameter}` : "");
-        props.onNavToggle && props.onNavToggle(route, parameter);
-        setNav(fullRoute);
-    };
-    const padding = props.tokens
-        ? {
-            paddingBottom: 0,
-        }
-        : {};
-    React.useEffect(() => {
-        var _a;
-        if (prjRef && prjRef.current && props.isExpanded) {
-            (_a = prjRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
-                behavior: "smooth",
-                block: "end",
-            });
-        }
-    }, [props.isExpanded]);
-    return props.isLoading ? (jsxRuntime.jsx(LoadingSidebar, Object.assign({}, props))) : (jsxRuntime.jsxs(Nav, Object.assign({}, props, { children: [jsxRuntime.jsxs(ScrollingContainer, { children: [jsxRuntime.jsx(NavToggle, { onClick: toggleNav, isExpanded: props.isExpanded }), showWorkspacesDropdown &&
-                        props.workspaces &&
-                        props.workspaces.length > 1 && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(StyledNavItem, Object.assign({ title: "Workspaces", hasLogo: true, isExpanded: props.isExpanded, style: padding }, { children: jsxRuntime.jsx(WorkspacesDropdown, { workspaces: props.workspaces, workspacesLabel: props.workspacesLabel, activeWorkspace: props.activeWorkspace, onWorkspaceChange: props.onWorkspaceChange, isCompact: true }) })) })), props.tokens && (jsxRuntime.jsx(SidebarLabel, Object.assign({ isExpanded: props.isExpanded }, { children: props.activityLabel || "My activity" }))), jsxRuntime.jsxs(NavItem, Object.assign({ className: "sidebar-first-level-item", title: "Home", isExpanded: props.isExpanded, isCurrent: nav === "home", onClick: () => navigate("home") }, { children: [jsxRuntime.jsx(NavItemIcon, Object.assign({ isStyled: true }, { children: nav === "home" ? jsxRuntime.jsx(SvgHomeFillStyled, {}) : jsxRuntime.jsx(SvgHomeFill, {}) })), jsxRuntime.jsx(NavItemText, { children: props.homeItemLabel || "My Campaigns" })] })), projects && projects.length ? (jsxRuntime.jsx(NavAccordionItem, Object.assign({ className: "sidebar-project-accordion-first-item", level: 4, defaultExpandedSections: defaultAccordionPanels, isExpanded: props.isExpanded, isAnimated: false }, { children: jsxRuntime.jsxs(NavAccordionItem.Section, { children: [jsxRuntime.jsxs(NavAccordionItem.Header, { children: [jsxRuntime.jsx(SvgProjectsIcon, {}), jsxRuntime.jsxs(NavAccordionItem.Label, { children: [props.dividerLabel || "", " "] })] }), jsxRuntime.jsx(NavAccordionItem.Panel, Object.assign({ style: { padding: 0 } }, { children: projects.map((project) => (jsxRuntime.jsxs(NavItemProject, Object.assign({ className: "sidebar-project-item", isExpanded: props.isExpanded, isCurrent: nav === `projects/${project.id}` }, (nav === `projects/${project.id}` && { ref: prjRef }), { onClick: () => navigate("projects", project.id) }, { children: [jsxRuntime.jsx(NavItemProject.Title, { title: project.title, children: project.title }), jsxRuntime.jsx(NavItemProject.SubTitle, { children: project.campaigns })] }), project.id))) }))] }) }))) : null, jsxRuntime.jsx(NavDivider, { isExpanded: props.isExpanded }), jsxRuntime.jsxs(NavItem, Object.assign({ className: "sidebar-first-level-item", title: "Services", isExpanded: props.isExpanded, isCurrent: nav === "services", onClick: () => navigate("services"), style: { marginBottom: "16px" } }, { children: [jsxRuntime.jsx(NavItemIcon, Object.assign({ isStyled: true }, { children: nav === "services" ? jsxRuntime.jsx(SvgTemplatesActive, {}) : jsxRuntime.jsx(SvgTemplates, {}) })), jsxRuntime.jsx(NavItemText, { children: props.servicesItemLabel || "Services" })] })), props.tokens && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SidebarLabel, Object.assign({ isExpanded: props.isExpanded }, { children: props.walletLabel || "Wallet" })), jsxRuntime.jsx(StyledNavItem, Object.assign({ title: "Tokens", isExpanded: props.isExpanded, style: { pointerEvents: "none", paddingTop: 0 } }, { children: jsxRuntime.jsx(Card, Object.assign({ style: { padding: theme.space.sm } }, { children: jsxRuntime.jsxs(TokenContainer, { children: [jsxRuntime.jsx(SvgToken, { width: 32 }), jsxRuntime.jsx(Span, Object.assign({ isBold: true, style: {
-                                                    marginLeft: theme.space.xs,
-                                                    color: theme.palette.grey[800],
-                                                } }, { children: props.tokens + " " + (props.tokensLabel || "tokens") }))] }) })) }))] }))] }), jsxRuntime.jsxs(NavItem, Object.assign({ isExpanded: props.isExpanded, hasBrandmark: true, title: "Be smart from the start", style: { pointerEvents: "none", paddingBottom: theme.space.md } }, { children: [jsxRuntime.jsx(NavItemIcon, { children: jsxRuntime.jsx(Logo, { type: "icon", size: 150 }) }), jsxRuntime.jsx(NavItemText, { children: "UNGUESS" })] }))] })));
-};
-
-const UgMain = styled__default["default"](reactChrome.Main) `
-  @media (min-width: ${({ theme }) => theme.breakpoints.sm}) {
-    margin: ${({ theme }) => theme.space.xxl}
-  }
-  
-  /* hide scrollbar for IE, Edge and Firefox */
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-
-  ::-webkit-scrollbar {
-    display: none;
-  }
-`;
-/**
- * A Main defines the main content of an HTML document which displays on the browser
- */
-const Main$1 = (props) => jsxRuntime.jsx(UgMain, Object.assign({}, props));
-
-const StyledHr = styled__default["default"].hr `
-  margin: ${theme.space.base * 6}px 0 ${theme.space.base * 8}px 0;
-  border: none;
-  border-top: 1px solid ${theme.palette.grey[300]};
-`;
-const PageLoader = () => {
-    const isSidebarOpen = window.matchMedia(`only screen and (min-width: 576px)`).matches;
-    return (jsxRuntime.jsx(reactChrome.Chrome, Object.assign({ isFluid: true, hue: theme.palette.white }, { children: jsxRuntime.jsxs(Body$1, { children: [jsxRuntime.jsx(AppHeader, { isLoading: true }), jsxRuntime.jsxs(Content$1, { children: [jsxRuntime.jsx(Sidebar, { isExpanded: isSidebarOpen, isLoading: true }), jsxRuntime.jsxs(Main$1, { children: [jsxRuntime.jsx(Skeleton, { width: "30%", height: "32px", style: { marginTop: theme.space.sm, marginLeft: theme.space.sm } }), jsxRuntime.jsx(StyledHr, { style: { margin: "24px 0" } }), jsxRuntime.jsxs(Row$1, { children: [jsxRuntime.jsx(Col, Object.assign({ xs: 12, md: 6, lg: 3 }, { children: jsxRuntime.jsx(CampaignCard, { isLoading: true, projectTitle: "", campaignTitle: "", date: "" }) })), jsxRuntime.jsx(Col, Object.assign({ xs: 12, md: 6, lg: 3 }, { children: jsxRuntime.jsx(CampaignCard, { isLoading: true, projectTitle: "", campaignTitle: "", date: "" }) })), jsxRuntime.jsx(Col, Object.assign({ xs: 12, md: 6, lg: 3 }, { children: jsxRuntime.jsx(CampaignCard, { isLoading: true, projectTitle: "", campaignTitle: "", date: "" }) })), jsxRuntime.jsx(Col, Object.assign({ xs: 12, md: 6, lg: 3 }, { children: jsxRuntime.jsx(CampaignCard, { isLoading: true, projectTitle: "", campaignTitle: "", date: "" }) }))] })] })] })] }) })));
-};
-
-/**
- * Title is a basic component used to display a title. Often used in card headers.
- */
-const Title = (props) => jsxRuntime.jsx(reactNotifications.Title, Object.assign({}, props));
-
-function debounce(callback, wait) {
-    let timer;
-    return () => {
-        if (typeof timer !== "undefined")
-            clearTimeout(timer);
-        timer = setTimeout(() => {
-            timer = undefined;
-            callback();
-        }, wait);
-    };
-}
-function useWindowSize() {
-    const [size, setSize] = React.useState({
-        width: window.innerWidth,
-        height: window.innerHeight,
-    });
-    React.useLayoutEffect(() => {
-        const debounceUpdateSize = debounce(function () {
-            setSize({ width: window.innerWidth, height: window.innerHeight });
-        }, 300);
-        window.addEventListener("resize", debounceUpdateSize);
-        debounceUpdateSize();
-        return () => window.removeEventListener("resize", debounceUpdateSize);
-    }, []);
-    return size;
-}
-
-const StyledCard = styled__default["default"](ContainerCard) `
-  @media screen and (max-width: ${theme.breakpoints.sm}) {
-    border: 0;
-  }
-`;
-/**
- * Login Form
- * <hr>
- * Used for this:
-    - Login user to the application
- */
-const LoginForm = (props) => {
-    const { width } = useWindowSize();
-    const breakpointMd = parseInt(theme.breakpoints.md, 10);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(StyledCard, Object.assign({}, (width > breakpointMd && { isFloating: true }), props.card, { children: [jsxRuntime.jsx(Title, Object.assign({ style: {
-                            textAlign: "center",
-                            marginTop: theme.space.sm,
-                            marginBottom: theme.space.lg,
-                        } }, { children: jsxRuntime.jsx(XL, Object.assign({ style: { color: theme.palette.blue[600] } }, { children: props.title })) })), jsxRuntime.jsx(formik.Formik, Object.assign({}, props, { initialValues: props.initialValues, onSubmit: props.onSubmit, validate: props.validate }, { children: ({ values, status, errors, touched, handleChange, handleSubmit, isSubmitting, }) => {
-                            return (jsxRuntime.jsxs(formik.Form, Object.assign({ onSubmit: handleSubmit }, { children: [jsxRuntime.jsxs(Field, { children: [jsxRuntime.jsx(Input, Object.assign({ type: "email", name: "email", placeholder: props.placeholderEmail, onChange: handleChange, value: values.email }, (errors && errors.email
-                                                ? { validation: "error" }
-                                                : touched.email
-                                                    ? { validation: "success" }
-                                                    : ""))), errors.email ? (jsxRuntime.jsx(Message, Object.assign({ validation: "error" }, { children: errors.email }))) : ("")] }), jsxRuntime.jsxs(Field, Object.assign({ style: { marginTop: theme.space.md } }, { children: [jsxRuntime.jsx(Input, Object.assign({ type: "password", name: "password", placeholder: props.placeholderPassword, onChange: handleChange, value: values.password }, (errors && errors.password
-                                                ? { validation: "error" }
-                                                : touched.password
-                                                    ? { validation: "success" }
-                                                    : ""))), errors.password && (jsxRuntime.jsx(Message, Object.assign({ validation: "error" }, { children: errors.password }))), props.passwordForgotLink && (jsxRuntime.jsx(reactForms.Hint, Object.assign({ style: { textAlign: "right" } }, { children: jsxRuntime.jsx(Anchor, Object.assign({ href: props.passwordForgotLink, style: { color: theme.palette.grey[500] } }, { children: props.passwordForgotLabel || "Forgot Password?" })) })))] })), jsxRuntime.jsx("br", {}), jsxRuntime.jsx(Button, Object.assign({ type: "submit", isStretched: true, disabled: Object.keys(errors).length
-                                            ? true
-                                            : isSubmitting
-                                                ? true
-                                                : false, isPrimary: true, isAccent: true, style: { marginBottom: theme.space.md } }, { children: props.buttonText })), status && (jsxRuntime.jsx("div", Object.assign({ style: { textAlign: "center" } }, { children: jsxRuntime.jsx(Message, Object.assign({ validation: "error" }, { children: status.message })) })))] })));
-                        } }))] })), props.onBackClick && (jsxRuntime.jsxs(Button, Object.assign({ onClick: props.onBackClick, isBasic: true, style: { marginTop: theme.space.md } }, { children: [jsxRuntime.jsx(Button.StartIcon, { children: jsxRuntime.jsx(SvgChevronLeftStroke, {}) }), props.backToLabel || "Back to UNGUESS"] })))] }));
-};
-
-var _path$g;
-function _extends$i() { _extends$i = 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$i.apply(this, arguments); }
-var SvgPlus = function SvgPlus(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
-    width: 16,
-    height: 16,
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M7.5 2C7.22386 2 7 2.22386 7 2.5V8H1.5C1.22386 8 1 8.22386 1 8.5C1 8.77614 1.22386 9 1.5 9H7V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V9H13.5C13.7761 9 14 8.77614 14 8.5C14 8.22386 13.7761 8 13.5 8H8V2.5C8 2.22386 7.77614 2 7.5 2Z",
-    fill: "#68737D"
-  })));
-};
-
-const CustomItem$1 = reactDropdowns.Item;
-const GridAdd = styled__default["default"](SvgPlus) `
-  display: flex;
-  position: absolute;
-  top: 0;
-  left: 12px;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: calc(20px + 16px);
-`;
-const AddableItem = (props) => {
-    return (jsxRuntime.jsxs(CustomItem$1, Object.assign({ onClick: props.onClick, addable: true, disabled: true }, { children: [jsxRuntime.jsx(GridAdd, {}), props.label] })));
-};
-
-const CustomItem = reactDropdowns.Item;
-const Item = ({ option, checked, }) => {
-    return (jsxRuntime.jsx(CustomItem, Object.assign({ value: option, checked: checked }, { children: jsxRuntime.jsx("span", { children: option.label }) }), `${option.label}-${option.id}`));
-};
-
-const DisabledItem = ({ label }) => (jsxRuntime.jsx(Item$1, Object.assign({ disabled: true }, { children: label })));
-const MultiSelect = ({ options, onChange, creatable, i18n, maxItems, size, menuHeight, }) => {
-    var _a, _b, _c;
-    const [inputValue, setInputValue] = React.useState("");
-    const [matchingOptions, setMatchingOptions] = React.useState(options);
-    const itemToString = (item) => (item ? item.id : "");
-    React.useEffect(() => {
-        const matchedOptions = options.filter((option) => option.label
-            .trim()
-            .toLowerCase()
-            .indexOf(inputValue.trim().toLowerCase()) !== -1);
-        setMatchingOptions(matchedOptions);
-    }, [inputValue, options]);
-    return (jsxRuntime.jsxs(Dropdown, Object.assign({ inputValue: inputValue, selectedItems: options.filter((option) => option.selected), onSelect: (items) => onChange &&
-            onChange(options.map((o) => (Object.assign(Object.assign({}, o), { selected: items.some((i) => i.id === o.id) })))), downshiftProps: { itemToString }, onInputValueChange: (value) => setInputValue(value) }, { children: [jsxRuntime.jsxs(Field$1, { children: [jsxRuntime.jsx(Label, Object.assign({ hidden: true }, { children: (_a = i18n === null || i18n === void 0 ? void 0 : i18n.label) !== null && _a !== void 0 ? _a : "Multiselect" })), jsxRuntime.jsx(reactDropdowns.Multiselect, { placeholder: (_b = i18n === null || i18n === void 0 ? void 0 : i18n.placeholder) !== null && _b !== void 0 ? _b : "Select Items", renderShowMore: i18n === null || i18n === void 0 ? void 0 : i18n.showMore, isCompact: size !== "medium", maxItems: maxItems, renderItem: ({ value }) => (jsxRuntime.jsxs(reactTags.Tag, Object.assign({ isPill: true }, { children: [jsxRuntime.jsx("span", { children: value.label }), jsxRuntime.jsx(reactTags.Tag.Close, { onClick: () => onChange &&
-                                        onChange(options.map((o) => (Object.assign(Object.assign({}, o), { selected: o.selected && o.id !== value.id })))) })] }))) })] }), jsxRuntime.jsxs(Menu, { children: [jsxRuntime.jsxs("div", Object.assign({ style: { maxHeight: menuHeight !== null && menuHeight !== void 0 ? menuHeight : "200px" } }, { children: [matchingOptions.map((option) => {
-                                const items = options
-                                    .filter((o) => o.selected)
-                                    .map((item) => itemToString(item));
-                                return (jsxRuntime.jsx(Item, { option: option, checked: items.includes(itemToString(option)) }));
-                            }), matchingOptions.length === 0 && (jsxRuntime.jsx(DisabledItem, { label: (_c = i18n === null || i18n === void 0 ? void 0 : i18n.noMatches) !== null && _c !== void 0 ? _c : "No matches found" }))] })), creatable &&
-                        inputValue.length > 0 &&
-                        !matchingOptions.find((item) => item.label.toLowerCase() === inputValue.toLowerCase()) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Separator, {}), jsxRuntime.jsx(AddableItem, { onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-                                    onChange && (yield onChange(options, inputValue));
-                                    setInputValue("");
-                                }), label: (i18n === null || i18n === void 0 ? void 0 : i18n.addNew)
-                                    ? i18n.addNew(inputValue)
-                                    : `Want to add ${inputValue}?` })] })) : null] })] })));
-};
-
-const StyledModal$1 = styled__default["default"](Modal) `
-  width: 100%;
-  height: 100%;
-  max-height: 100%;
-  border-radius: 0;
-  left: unset;
-  right: unset;
-  top: unset;
-  bottom: unset;
-`;
-const StyledHeader = styled__default["default"](Modal.Header) `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-direction: row;
-  padding: ${({ theme }) => `${theme.space.sm} ${theme.space.base * 6}px`};
-
-  @media (max-width: ${({ theme }) => theme.breakpoints.sm}) {
-    padding: ${({ theme }) => theme.space.md};
-  }
-`;
-const StyledBody$4 = styled__default["default"](Modal.Body) `
-  background-color: ${({ theme }) => theme.palette.grey["100"]};
-  padding: ${({ theme }) => `${theme.space.md} ${theme.space.base * 6}px`};
-
-  @media (max-width: ${({ theme }) => theme.breakpoints.sm}) {
-    padding: ${({ theme }) => `${theme.space.lg} ${theme.space.md}`};
-  }
-`;
-const StyledFooter$1 = styled__default["default"](Modal.Footer) `
-  padding: ${({ theme }) => theme.space.base * 4}px
-    ${({ theme }) => theme.space.base * 6}px;
-`;
-const StyledModalClose = styled__default["default"](reactModals.Close) `
-  position: relative;
-  top: unset;
-  right: unset;
-`;
-const ModalFullScreen = (props) => jsxRuntime.jsx(StyledModal$1, Object.assign({}, props));
-ModalFullScreen.Header = StyledHeader;
-ModalFullScreen.Body = StyledBody$4;
-ModalFullScreen.Footer = StyledFooter$1;
-ModalFullScreen.Close = StyledModalClose;
-ModalFullScreen.FooterItem = FooterItem;
-
-/**
- * The Chrome component provides a high-level layout structure and sets a framework for navigating around Zendesk products.
- * <br>
- * Used for this:
-    - To give a consistent dashboard and navigation experience
- */
-const Chrome = (props) => jsxRuntime.jsx(reactChrome.Chrome, Object.assign({}, props));
+/**
+ * The Chrome component provides a high-level layout structure and sets a framework for navigating around Zendesk products.
+ * <br>
+ * Used for this:
+    - To give a consistent dashboard and navigation experience
+ */
+const Chrome = (props) => jsxRuntime.jsx(reactChrome.Chrome, Object.assign({}, props));
 
 const NOTIFICATION_COMPONENT_ID = "notifications.notification";
 const CLOSE_COMPONENT_ID = "notifications.notification.close";
 const CLOSE_ICON_COMPONENT_ID = "notifications.notification.close-icon";
 const TITLE_COMPONENT_ID = "notifications.notification.title";
-const UgClose = styled__default["default"](Close).attrs({
-    "data-custom-id": CLOSE_ICON_COMPONENT_ID,
+const UgClose = styled__default["default"](Close).attrs((props) => {
+    var _a;
+    return ({
+        "data-custom-id": (_a = props["data-custom-id"]) !== null && _a !== void 0 ? _a : CLOSE_ICON_COMPONENT_ID,
+    });
 }) `
   ${(props) => reactTheming.retrieveComponentStyles(CLOSE_ICON_COMPONENT_ID, props)};
 `;
-const UgAnchor = styled__default["default"](reactButtons.Anchor).attrs({
-    "data-custom-id": CLOSE_COMPONENT_ID,
+const UgAnchor = styled__default["default"](reactButtons.Anchor).attrs((props) => {
+    var _a;
+    return ({
+        "data-custom-id": (_a = props["data-custom-id"]) !== null && _a !== void 0 ? _a : CLOSE_COMPONENT_ID,
+    });
 }) `
   ${(props) => reactTheming.retrieveComponentStyles(CLOSE_COMPONENT_ID, props)};
 `;
-const UgTitle = styled__default["default"](Title).attrs({
-    "data-custom-id": TITLE_COMPONENT_ID,
+const UgTitle = styled__default["default"](Title).attrs((props) => {
+    var _a;
+    return ({
+        "data-custom-id": (_a = props["data-custom-id"]) !== null && _a !== void 0 ? _a : TITLE_COMPONENT_ID,
+    });
 }) `
   ${(props) => reactTheming.retrieveComponentStyles(TITLE_COMPONENT_ID, props)};
 `;
@@ -6070,7 +5857,6 @@ exports.NextItem = NextItem;
 exports.Notification = Notification;
 exports.OrderedList = OrderedList;
 exports.PageHeader = PageHeader;
-exports.PageLoader = PageLoader;
 exports.Pagination = Pagination;
 exports.Paragraph = Paragraph;
 exports.PieChart = PieChart;
@@ -6087,7 +5873,6 @@ exports.Select = Select;
 exports.SentimentChart = SentimentChart;
 exports.Separator = Separator;
 exports.ServiceCard = ServiceCard;
-exports.Sidebar = Sidebar;
 exports.Skeleton = Skeleton;
 exports.Slider = Slider;
 exports.Span = Span;