@paubox/ui 0.3.2 → 0.3.3

package/index.esm.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { keyframes, css } from '@emotion/react';
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
 import * as React from 'react';
 import React__default, { useState, useRef, forwardRef, useLayoutEffect, useEffect, createElement, cloneElement, Component, createRef, useCallback, useMemo } from 'react';
-import styled from '@emotion/styled';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { createPortal } from 'react-dom';
 
-function _define_property$11(obj, key, value) {
+function _define_property$12(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -19,7 +19,7 @@ function _define_property$11(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$x(target) {
+function _object_spread$y(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -29,7 +29,7 @@ function _object_spread$x(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$11(target, key, source[key]);
+            _define_property$12(target, key, source[key]);
         });
     }
     return target;
@@ -54,7 +54,7 @@ function _object_spread_props$u(target, source) {
     return target;
 }
 var Add = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$u(_object_spread$x({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$u(_object_spread$y({
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
@@ -68,7 +68,7 @@ var Add = function(props) {
     }));
 };
 
-function _define_property$10(obj, key, value) {
+function _define_property$11(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -81,7 +81,7 @@ function _define_property$10(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$w(target) {
+function _object_spread$x(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -91,7 +91,7 @@ function _object_spread$w(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$10(target, key, source[key]);
+            _define_property$11(target, key, source[key]);
         });
     }
     return target;
@@ -116,7 +116,7 @@ function _object_spread_props$t(target, source) {
     return target;
 }
 var CalendarIcon$1 = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$t(_object_spread$w({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$t(_object_spread$x({
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
@@ -130,7 +130,7 @@ var CalendarIcon$1 = function(props) {
     }));
 };
 
-function _define_property$$(obj, key, value) {
+function _define_property$10(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -143,7 +143,7 @@ function _define_property$$(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$v(target) {
+function _object_spread$w(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -153,7 +153,7 @@ function _object_spread$v(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$$(target, key, source[key]);
+            _define_property$10(target, key, source[key]);
         });
     }
     return target;
@@ -178,7 +178,7 @@ function _object_spread_props$s(target, source) {
     return target;
 }
 var Cancel = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$s(_object_spread$v({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$s(_object_spread$w({
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
@@ -192,7 +192,7 @@ var Cancel = function(props) {
     }));
 };
 
-function _define_property$_(obj, key, value) {
+function _define_property$$(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -205,7 +205,7 @@ function _define_property$_(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$u(target) {
+function _object_spread$v(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -215,7 +215,7 @@ function _object_spread$u(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$_(target, key, source[key]);
+            _define_property$$(target, key, source[key]);
         });
     }
     return target;
@@ -240,7 +240,7 @@ function _object_spread_props$r(target, source) {
     return target;
 }
 var ChevronDown = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$r(_object_spread$u({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$r(_object_spread$v({
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
@@ -258,7 +258,7 @@ var ChevronDown = function(props) {
     }));
 };
 
-function _define_property$Z(obj, key, value) {
+function _define_property$_(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -271,7 +271,7 @@ function _define_property$Z(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$t(target) {
+function _object_spread$u(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -281,7 +281,7 @@ function _object_spread$t(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$Z(target, key, source[key]);
+            _define_property$_(target, key, source[key]);
         });
     }
     return target;
@@ -306,7 +306,7 @@ function _object_spread_props$q(target, source) {
     return target;
 }
 var ChevronLeft = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$q(_object_spread$t({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$q(_object_spread$u({
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
@@ -324,7 +324,7 @@ var ChevronLeft = function(props) {
     }));
 };
 
-function _define_property$Y(obj, key, value) {
+function _define_property$Z(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -337,7 +337,7 @@ function _define_property$Y(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$s(target) {
+function _object_spread$t(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -347,7 +347,7 @@ function _object_spread$s(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$Y(target, key, source[key]);
+            _define_property$Z(target, key, source[key]);
         });
     }
     return target;
@@ -372,7 +372,7 @@ function _object_spread_props$p(target, source) {
     return target;
 }
 var ChevronRight = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$p(_object_spread$s({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$p(_object_spread$t({
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
@@ -390,7 +390,7 @@ var ChevronRight = function(props) {
     }));
 };
 
-function _define_property$X(obj, key, value) {
+function _define_property$Y(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -403,7 +403,7 @@ function _define_property$X(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$r(target) {
+function _object_spread$s(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -413,7 +413,7 @@ function _object_spread$r(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$X(target, key, source[key]);
+            _define_property$Y(target, key, source[key]);
         });
     }
     return target;
@@ -438,7 +438,7 @@ function _object_spread_props$o(target, source) {
     return target;
 }
 var ChevronUp = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$o(_object_spread$r({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$o(_object_spread$s({
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
@@ -456,7 +456,7 @@ var ChevronUp = function(props) {
     }));
 };
 
-function _define_property$W(obj, key, value) {
+function _define_property$X(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -469,7 +469,7 @@ function _define_property$W(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$q(target) {
+function _object_spread$r(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -479,7 +479,7 @@ function _object_spread$q(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$W(target, key, source[key]);
+            _define_property$X(target, key, source[key]);
         });
     }
     return target;
@@ -504,7 +504,7 @@ function _object_spread_props$n(target, source) {
     return target;
 }
 var Close = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$n(_object_spread$q({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$n(_object_spread$r({
         width: "1em",
         height: "1em",
         viewBox: "0 0 20 20",
@@ -518,7 +518,7 @@ var Close = function(props) {
     }));
 };
 
-function _define_property$V(obj, key, value) {
+function _define_property$W(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -531,7 +531,7 @@ function _define_property$V(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$p(target) {
+function _object_spread$q(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -541,7 +541,7 @@ function _object_spread$p(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$V(target, key, source[key]);
+            _define_property$W(target, key, source[key]);
         });
     }
     return target;
@@ -566,7 +566,7 @@ function _object_spread_props$m(target, source) {
     return target;
 }
 var Delete = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$m(_object_spread$p({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$m(_object_spread$q({
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
@@ -580,7 +580,7 @@ var Delete = function(props) {
     }));
 };
 
-function _define_property$U(obj, key, value) {
+function _define_property$V(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -593,7 +593,7 @@ function _define_property$U(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$o(target) {
+function _object_spread$p(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -603,7 +603,7 @@ function _object_spread$o(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$U(target, key, source[key]);
+            _define_property$V(target, key, source[key]);
         });
     }
     return target;
@@ -628,7 +628,7 @@ function _object_spread_props$l(target, source) {
     return target;
 }
 var Edit = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$l(_object_spread$o({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$l(_object_spread$p({
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
@@ -642,7 +642,7 @@ var Edit = function(props) {
     }));
 };
 
-function _define_property$T(obj, key, value) {
+function _define_property$U(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -655,7 +655,7 @@ function _define_property$T(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$n(target) {
+function _object_spread$o(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -665,7 +665,7 @@ function _object_spread$n(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$T(target, key, source[key]);
+            _define_property$U(target, key, source[key]);
         });
     }
     return target;
@@ -690,7 +690,7 @@ function _object_spread_props$k(target, source) {
     return target;
 }
 var Error$1 = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$k(_object_spread$n({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$k(_object_spread$o({
         width: "1em",
         height: "1em",
         viewBox: "0 0 24 24",
@@ -707,7 +707,7 @@ var Error$1 = function(props) {
     }));
 };
 
-function _define_property$S(obj, key, value) {
+function _define_property$T(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -720,7 +720,7 @@ function _define_property$S(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$m(target) {
+function _object_spread$n(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -730,7 +730,7 @@ function _object_spread$m(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$S(target, key, source[key]);
+            _define_property$T(target, key, source[key]);
         });
     }
     return target;
@@ -755,7 +755,7 @@ function _object_spread_props$j(target, source) {
     return target;
 }
 var Info = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$j(_object_spread$m({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$j(_object_spread$n({
         width: "1em",
         height: "1em",
         viewBox: "0 0 24 24",
@@ -769,7 +769,7 @@ var Info = function(props) {
     }));
 };
 
-function _define_property$R(obj, key, value) {
+function _define_property$S(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -782,7 +782,7 @@ function _define_property$R(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$l(target) {
+function _object_spread$m(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -792,7 +792,7 @@ function _object_spread$l(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$R(target, key, source[key]);
+            _define_property$S(target, key, source[key]);
         });
     }
     return target;
@@ -816,7 +816,7 @@ function _object_spread_props$i(target, source) {
     }
     return target;
 }
-function _tagged_template_literal$i(strings, raw) {
+function _tagged_template_literal$m(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -826,34 +826,23 @@ function _tagged_template_literal$i(strings, raw) {
         }
     }));
 }
-function _templateObject$i() {
-    var data = _tagged_template_literal$i([
-        "\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"
-    ]);
-    _templateObject$i = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1$a() {
-    var data = _tagged_template_literal$i([
-        "\n      animation: ",
-        " 1s linear infinite;\n    "
+function _templateObject$m() {
+    var data = _tagged_template_literal$m([
+        "\n  animation: rotate 1s linear infinite;\n\n  @keyframes rotate {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"
     ]);
-    _templateObject1$a = function _templateObject() {
+    _templateObject$m = function _templateObject() {
         return data;
     };
     return data;
 }
-var rotate = keyframes(_templateObject$i());
+var RotatingSvg = styled.svg(_templateObject$m());
 var LoadingWheel = function(props) {
-    return /*#__PURE__*/ jsxs("svg", _object_spread_props$i(_object_spread$l({
+    return /*#__PURE__*/ jsxs(RotatingSvg, _object_spread_props$i(_object_spread$m({
         width: "1em",
         height: "1em",
         viewBox: "0 0 56 56",
         fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        css: css(_templateObject1$a(), rotate)
+        xmlns: "http://www.w3.org/2000/svg"
     }, props), {
         children: [
             /*#__PURE__*/ jsx("path", {
@@ -871,7 +860,7 @@ var LoadingWheel = function(props) {
     }));
 };
 
-function _define_property$Q(obj, key, value) {
+function _define_property$R(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -884,7 +873,7 @@ function _define_property$Q(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$k(target) {
+function _object_spread$l(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -894,7 +883,7 @@ function _object_spread$k(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$Q(target, key, source[key]);
+            _define_property$R(target, key, source[key]);
         });
     }
     return target;
@@ -919,7 +908,7 @@ function _object_spread_props$h(target, source) {
     return target;
 }
 var MoreVertical = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$h(_object_spread$k({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$h(_object_spread$l({
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
@@ -933,7 +922,7 @@ var MoreVertical = function(props) {
     }));
 };
 
-function _define_property$P(obj, key, value) {
+function _define_property$Q(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -946,7 +935,7 @@ function _define_property$P(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$j(target) {
+function _object_spread$k(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -956,7 +945,7 @@ function _object_spread$j(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$P(target, key, source[key]);
+            _define_property$Q(target, key, source[key]);
         });
     }
     return target;
@@ -981,7 +970,7 @@ function _object_spread_props$g(target, source) {
     return target;
 }
 var Return = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$g(_object_spread$j({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$g(_object_spread$k({
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
@@ -996,7 +985,7 @@ var Return = function(props) {
     }));
 };
 
-function _define_property$O(obj, key, value) {
+function _define_property$P(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -1009,7 +998,7 @@ function _define_property$O(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$i(target) {
+function _object_spread$j(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -1019,7 +1008,7 @@ function _object_spread$i(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$O(target, key, source[key]);
+            _define_property$P(target, key, source[key]);
         });
     }
     return target;
@@ -1044,7 +1033,7 @@ function _object_spread_props$f(target, source) {
     return target;
 }
 var SearchIcon = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$f(_object_spread$i({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$f(_object_spread$j({
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
@@ -1058,7 +1047,7 @@ var SearchIcon = function(props) {
     }));
 };
 
-function _define_property$N(obj, key, value) {
+function _define_property$O(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -1071,7 +1060,7 @@ function _define_property$N(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$h(target) {
+function _object_spread$i(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -1081,7 +1070,7 @@ function _object_spread$h(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$N(target, key, source[key]);
+            _define_property$O(target, key, source[key]);
         });
     }
     return target;
@@ -1106,7 +1095,7 @@ function _object_spread_props$e(target, source) {
     return target;
 }
 var Success = function(props) {
-    return /*#__PURE__*/ jsx("svg", _object_spread_props$e(_object_spread$h({
+    return /*#__PURE__*/ jsx("svg", _object_spread_props$e(_object_spread$i({
         width: "1em",
         height: "1em",
         viewBox: "0 0 24 24",
@@ -1120,7 +1109,7 @@ var Success = function(props) {
     }));
 };
 
-function _define_property$M(obj, key, value) {
+function _define_property$N(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -1133,7 +1122,7 @@ function _define_property$M(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$g(target) {
+function _object_spread$h(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -1143,7 +1132,7 @@ function _object_spread$g(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$M(target, key, source[key]);
+            _define_property$N(target, key, source[key]);
         });
     }
     return target;
@@ -1168,7 +1157,7 @@ function _object_spread_props$d(target, source) {
     return target;
 }
 var Warning = function(props) {
-    return /*#__PURE__*/ jsxs("svg", _object_spread_props$d(_object_spread$g({
+    return /*#__PURE__*/ jsxs("svg", _object_spread_props$d(_object_spread$h({
         width: "1em",
         height: "1em",
         viewBox: "0 0 24 24",
@@ -1458,7 +1447,7 @@ var colors = /*#__PURE__*/Object.freeze({
   warning900: warning900
 });
 
-function _tagged_template_literal$h(strings, raw) {
+function _tagged_template_literal$l(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -1468,46 +1457,46 @@ function _tagged_template_literal$h(strings, raw) {
         }
     }));
 }
-function _templateObject$h() {
-    var data = _tagged_template_literal$h([
+function _templateObject$l() {
+    var data = _tagged_template_literal$l([
         "\n  box-shadow: 0px 2px 8px 0px #0000001f;\n"
     ]);
-    _templateObject$h = function _templateObject() {
+    _templateObject$l = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject1$9() {
-    var data = _tagged_template_literal$h([
+function _templateObject1$c() {
+    var data = _tagged_template_literal$l([
         "\n  box-shadow: 0px 4px 12px 0px #00000029;\n"
     ]);
-    _templateObject1$9 = function _templateObject() {
+    _templateObject1$c = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject2$8() {
-    var data = _tagged_template_literal$h([
+function _templateObject2$9() {
+    var data = _tagged_template_literal$l([
         "\n  box-shadow: 0px 8px 16px 0px #0000001f;\n"
     ]);
-    _templateObject2$8 = function _templateObject() {
+    _templateObject2$9 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject3$5() {
-    var data = _tagged_template_literal$h([
+function _templateObject3$6() {
+    var data = _tagged_template_literal$l([
         "\n  box-shadow: 0px 8px 32px 0px #00000029;\n"
     ]);
-    _templateObject3$5 = function _templateObject() {
+    _templateObject3$6 = function _templateObject() {
         return data;
     };
     return data;
 }
-var elevation100 = css(_templateObject$h());
-var elevation200 = css(_templateObject1$9());
-var elevation300 = css(_templateObject2$8());
-var elevation400 = css(_templateObject3$5());
+var elevation100 = css(_templateObject$l());
+var elevation200 = css(_templateObject1$c());
+var elevation300 = css(_templateObject2$9());
+var elevation400 = css(_templateObject3$6());
 
 var elevation = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -1522,7 +1511,7 @@ var spacing = function(multiple) {
     return multiple * DEFAULT_SPACING;
 };
 
-function _tagged_template_literal$g(strings, raw) {
+function _tagged_template_literal$k(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -1532,56 +1521,56 @@ function _tagged_template_literal$g(strings, raw) {
         }
     }));
 }
-function _templateObject$g() {
-    var data = _tagged_template_literal$g([
+function _templateObject$k() {
+    var data = _tagged_template_literal$k([
         "\n  font-family: 'Roboto', sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-smooth: never;\n"
     ]);
-    _templateObject$g = function _templateObject() {
+    _templateObject$k = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject1$8() {
-    var data = _tagged_template_literal$g([
+function _templateObject1$b() {
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 400;\n"
     ]);
-    _templateObject1$8 = function _templateObject() {
+    _templateObject1$b = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject2$7() {
-    var data = _tagged_template_literal$g([
+function _templateObject2$8() {
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 600;\n"
     ]);
-    _templateObject2$7 = function _templateObject() {
+    _templateObject2$8 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject3$4() {
-    var data = _tagged_template_literal$g([
+function _templateObject3$5() {
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 400;\n"
     ]);
-    _templateObject3$4 = function _templateObject() {
+    _templateObject3$5 = function _templateObject() {
         return data;
     };
     return data;
 }
 function _templateObject4$3() {
-    var data = _tagged_template_literal$g([
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
@@ -1594,7 +1583,7 @@ function _templateObject4$3() {
     return data;
 }
 function _templateObject5$3() {
-    var data = _tagged_template_literal$g([
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
@@ -1607,7 +1596,7 @@ function _templateObject5$3() {
     return data;
 }
 function _templateObject6$3() {
-    var data = _tagged_template_literal$g([
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
@@ -1619,112 +1608,112 @@ function _templateObject6$3() {
     };
     return data;
 }
-function _templateObject7$2() {
-    var data = _tagged_template_literal$g([
+function _templateObject7$1() {
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 400;\n"
     ]);
-    _templateObject7$2 = function _templateObject() {
+    _templateObject7$1 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject8$2() {
-    var data = _tagged_template_literal$g([
+function _templateObject8$1() {
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 600;\n"
     ]);
-    _templateObject8$2 = function _templateObject() {
+    _templateObject8$1 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject9$2() {
-    var data = _tagged_template_literal$g([
+function _templateObject9$1() {
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 400;\n"
     ]);
-    _templateObject9$2 = function _templateObject() {
+    _templateObject9$1 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject10$1() {
-    var data = _tagged_template_literal$g([
+function _templateObject10() {
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 600;\n"
     ]);
-    _templateObject10$1 = function _templateObject() {
+    _templateObject10 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject11$1() {
-    var data = _tagged_template_literal$g([
+function _templateObject11() {
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 400;\n"
     ]);
-    _templateObject11$1 = function _templateObject() {
+    _templateObject11 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject12$1() {
-    var data = _tagged_template_literal$g([
+function _templateObject12() {
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 500;\n"
     ]);
-    _templateObject12$1 = function _templateObject() {
+    _templateObject12 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject13$1() {
-    var data = _tagged_template_literal$g([
+function _templateObject13() {
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 600;\n"
     ]);
-    _templateObject13$1 = function _templateObject() {
+    _templateObject13 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject14$1() {
-    var data = _tagged_template_literal$g([
+function _templateObject14() {
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 700;\n"
     ]);
-    _templateObject14$1 = function _templateObject() {
+    _templateObject14 = function _templateObject() {
         return data;
     };
     return data;
 }
 function _templateObject15() {
-    var data = _tagged_template_literal$g([
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
@@ -1737,7 +1726,7 @@ function _templateObject15() {
     return data;
 }
 function _templateObject16() {
-    var data = _tagged_template_literal$g([
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
@@ -1750,7 +1739,7 @@ function _templateObject16() {
     return data;
 }
 function _templateObject17() {
-    var data = _tagged_template_literal$g([
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
@@ -1763,7 +1752,7 @@ function _templateObject17() {
     return data;
 }
 function _templateObject18() {
-    var data = _tagged_template_literal$g([
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
@@ -1776,7 +1765,7 @@ function _templateObject18() {
     return data;
 }
 function _templateObject19() {
-    var data = _tagged_template_literal$g([
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
@@ -1789,7 +1778,7 @@ function _templateObject19() {
     return data;
 }
 function _templateObject20() {
-    var data = _tagged_template_literal$g([
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
@@ -1802,7 +1791,7 @@ function _templateObject20() {
     return data;
 }
 function _templateObject21() {
-    var data = _tagged_template_literal$g([
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
@@ -1815,7 +1804,7 @@ function _templateObject21() {
     return data;
 }
 function _templateObject22() {
-    var data = _tagged_template_literal$g([
+    var data = _tagged_template_literal$k([
         "\n  ",
         "\n  font-size: ",
         "rem;\n  line-height: ",
@@ -1827,23 +1816,23 @@ function _templateObject22() {
     };
     return data;
 }
-var commonStyles = css(_templateObject$g());
+var commonStyles = css(_templateObject$k());
 // HEADLINES
-var $headline100Regular = css(_templateObject1$8(), commonStyles, headline100FontSize / BASE_FONT_SIZE, headline100LineHeight / BASE_FONT_SIZE, headline100LetterSpacing);
-var $headline100Semibold = css(_templateObject2$7(), commonStyles, headline100FontSize / BASE_FONT_SIZE, headline100LineHeight / BASE_FONT_SIZE, headline100LetterSpacing);
-var $headline200Regular = css(_templateObject3$4(), commonStyles, headline200FontSize / BASE_FONT_SIZE, headline200LineHeight / BASE_FONT_SIZE, headline200LetterSpacing);
+var $headline100Regular = css(_templateObject1$b(), commonStyles, headline100FontSize / BASE_FONT_SIZE, headline100LineHeight / BASE_FONT_SIZE, headline100LetterSpacing);
+var $headline100Semibold = css(_templateObject2$8(), commonStyles, headline100FontSize / BASE_FONT_SIZE, headline100LineHeight / BASE_FONT_SIZE, headline100LetterSpacing);
+var $headline200Regular = css(_templateObject3$5(), commonStyles, headline200FontSize / BASE_FONT_SIZE, headline200LineHeight / BASE_FONT_SIZE, headline200LetterSpacing);
 var $headline200Semibold = css(_templateObject4$3(), commonStyles, headline200FontSize / BASE_FONT_SIZE, headline200LineHeight / BASE_FONT_SIZE, headline200LetterSpacing);
 var $headline300Regular = css(_templateObject5$3(), commonStyles, headline300FontSize / BASE_FONT_SIZE, headline300LineHeight / BASE_FONT_SIZE, headline300LetterSpacing);
 var $headline300Semibold = css(_templateObject6$3(), commonStyles, headline300FontSize / BASE_FONT_SIZE, headline300LineHeight / BASE_FONT_SIZE, headline300LetterSpacing);
 // PARAGRAPH
-var $paragraph100Regular = css(_templateObject7$2(), commonStyles, paragraph100FontSize / BASE_FONT_SIZE, paragraph100LineHeight / BASE_FONT_SIZE, paragraph100LetterSpacing);
-var $paragraph100Semibold = css(_templateObject8$2(), commonStyles, paragraph100FontSize / BASE_FONT_SIZE, paragraph100LineHeight / BASE_FONT_SIZE, paragraph100LetterSpacing);
-var $paragraph200Regular = css(_templateObject9$2(), commonStyles, paragraph200FontSize / BASE_FONT_SIZE, paragraph200LineHeight / BASE_FONT_SIZE, paragraph200LetterSpacing);
-var $paragraph200Semibold = css(_templateObject10$1(), commonStyles, paragraph200FontSize / BASE_FONT_SIZE, paragraph200LineHeight / BASE_FONT_SIZE, paragraph200LetterSpacing);
-var $paragraph300Regular = css(_templateObject11$1(), commonStyles, paragraph300FontSize / BASE_FONT_SIZE, paragraph300LineHeight / BASE_FONT_SIZE, paragraph300LetterSpacing);
-var $paragraph300Medium = css(_templateObject12$1(), commonStyles, paragraph300FontSize / BASE_FONT_SIZE, paragraph300LineHeight / BASE_FONT_SIZE, paragraph300LetterSpacing);
-var $paragraph300Semibold = css(_templateObject13$1(), commonStyles, paragraph300FontSize / BASE_FONT_SIZE, paragraph300LineHeight / BASE_FONT_SIZE, paragraph300LetterSpacing);
-var $paragraph300Bold = css(_templateObject14$1(), commonStyles, paragraph300FontSize / BASE_FONT_SIZE, paragraph300LineHeight / BASE_FONT_SIZE, paragraph300LetterSpacing);
+var $paragraph100Regular = css(_templateObject7$1(), commonStyles, paragraph100FontSize / BASE_FONT_SIZE, paragraph100LineHeight / BASE_FONT_SIZE, paragraph100LetterSpacing);
+var $paragraph100Semibold = css(_templateObject8$1(), commonStyles, paragraph100FontSize / BASE_FONT_SIZE, paragraph100LineHeight / BASE_FONT_SIZE, paragraph100LetterSpacing);
+var $paragraph200Regular = css(_templateObject9$1(), commonStyles, paragraph200FontSize / BASE_FONT_SIZE, paragraph200LineHeight / BASE_FONT_SIZE, paragraph200LetterSpacing);
+var $paragraph200Semibold = css(_templateObject10(), commonStyles, paragraph200FontSize / BASE_FONT_SIZE, paragraph200LineHeight / BASE_FONT_SIZE, paragraph200LetterSpacing);
+var $paragraph300Regular = css(_templateObject11(), commonStyles, paragraph300FontSize / BASE_FONT_SIZE, paragraph300LineHeight / BASE_FONT_SIZE, paragraph300LetterSpacing);
+var $paragraph300Medium = css(_templateObject12(), commonStyles, paragraph300FontSize / BASE_FONT_SIZE, paragraph300LineHeight / BASE_FONT_SIZE, paragraph300LetterSpacing);
+var $paragraph300Semibold = css(_templateObject13(), commonStyles, paragraph300FontSize / BASE_FONT_SIZE, paragraph300LineHeight / BASE_FONT_SIZE, paragraph300LetterSpacing);
+var $paragraph300Bold = css(_templateObject14(), commonStyles, paragraph300FontSize / BASE_FONT_SIZE, paragraph300LineHeight / BASE_FONT_SIZE, paragraph300LetterSpacing);
 // BUTTON
 var $button100Medium = css(_templateObject15(), commonStyles, button100FontSize / BASE_FONT_SIZE, button100LineHeight / BASE_FONT_SIZE, button100LetterSpacing);
 var $button200Medium = css(_templateObject16(), commonStyles, button200FontSize / BASE_FONT_SIZE, button200LineHeight / BASE_FONT_SIZE, button200LetterSpacing);
@@ -1919,7 +1908,7 @@ function _non_iterable_rest$c() {
 function _sliced_to_array$c(arr, i) {
     return _array_with_holes$c(arr) || _iterable_to_array_limit$c(arr, i) || _unsupported_iterable_to_array$d(arr, i) || _non_iterable_rest$c();
 }
-function _tagged_template_literal$f(strings, raw) {
+function _tagged_template_literal$j(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -1937,49 +1926,49 @@ function _unsupported_iterable_to_array$d(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$d(o, minLen);
 }
-function _templateObject$f() {
-    var data = _tagged_template_literal$f([
+function _templateObject$j() {
+    var data = _tagged_template_literal$j([
         "\n    padding: ",
         ";\n    margin: 10px;\n    border-radius: 5px;\n    color: ",
         ";\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    gap: 0.5rem;\n  "
     ]);
-    _templateObject$f = function _templateObject() {
+    _templateObject$j = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject1$7() {
-    var data = _tagged_template_literal$f([
+function _templateObject1$a() {
+    var data = _tagged_template_literal$j([
         "\n    ",
         "\n    margin: 0;\n  "
     ]);
-    _templateObject1$7 = function _templateObject() {
+    _templateObject1$a = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject2$6() {
-    var data = _tagged_template_literal$f([
+function _templateObject2$7() {
+    var data = _tagged_template_literal$j([
         "\n    ",
         "\n    margin: 0;\n  "
     ]);
-    _templateObject2$6 = function _templateObject() {
+    _templateObject2$7 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject3$3() {
-    var data = _tagged_template_literal$f([
+function _templateObject3$4() {
+    var data = _tagged_template_literal$j([
         "\n      background-color: ",
         ";\n    "
     ]);
-    _templateObject3$3 = function _templateObject() {
+    _templateObject3$4 = function _templateObject() {
         return data;
     };
     return data;
 }
 function _templateObject4$2() {
-    var data = _tagged_template_literal$f([
+    var data = _tagged_template_literal$j([
         "\n      background-color: ",
         ";\n    "
     ]);
@@ -1989,7 +1978,7 @@ function _templateObject4$2() {
     return data;
 }
 function _templateObject5$2() {
-    var data = _tagged_template_literal$f([
+    var data = _tagged_template_literal$j([
         "\n      background-color: ",
         ";\n    "
     ]);
@@ -1999,7 +1988,7 @@ function _templateObject5$2() {
     return data;
 }
 function _templateObject6$2() {
-    var data = _tagged_template_literal$f([
+    var data = _tagged_template_literal$j([
         "\n      background-color: ",
         ";\n    "
     ]);
@@ -2008,32 +1997,32 @@ function _templateObject6$2() {
     };
     return data;
 }
-function _templateObject7$1() {
-    var data = _tagged_template_literal$f([
+function _templateObject7() {
+    var data = _tagged_template_literal$j([
         "\n    font-size: 1.5rem;\n    color: ",
         ";\n    margin-bottom: auto;\n    flex-shrink: 0;\n  "
     ]);
-    _templateObject7$1 = function _templateObject() {
+    _templateObject7 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject8$1() {
-    var data = _tagged_template_literal$f([
+function _templateObject8() {
+    var data = _tagged_template_literal$j([
         "\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n  "
     ]);
-    _templateObject8$1 = function _templateObject() {
+    _templateObject8 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject9$1() {
-    var data = _tagged_template_literal$f([
+function _templateObject9() {
+    var data = _tagged_template_literal$j([
         "\n    background-color: transparent;\n    border: none;\n    color: ",
         ";\n    cursor: pointer;\n    padding: 0.25rem;\n    font-size: 0.75;\n    margin-left: ",
         ";\n  "
     ]);
-    _templateObject9$1 = function _templateObject() {
+    _templateObject9 = function _templateObject() {
         return data;
     };
     return data;
@@ -2045,18 +2034,18 @@ var AlertBar = function(props) {
     var isTooLong = text.length > maxLength;
     var displayText = isExpanded || !isTooLong ? text : "".concat(text.slice(0, maxLength), "...");
     var textRef = useRef(null);
-    var alertBaseStyles = css(_templateObject$f(), size === 'large' ? '1rem' : '0.5rem 0.625rem ', neutral900);
-    var titleStyles = css(_templateObject1$7(), size === 'large' ? $paragraph100Semibold : $paragraph200Regular);
-    var textStyles = css(_templateObject2$6(), $paragraph200Regular);
+    var alertBaseStyles = css(_templateObject$j(), size === 'large' ? '1rem' : '0.5rem 0.625rem ', neutral900);
+    var titleStyles = css(_templateObject1$a(), size === 'large' ? $paragraph100Semibold : $paragraph200Regular);
+    var textStyles = css(_templateObject2$7(), $paragraph200Regular);
     var alertStyles = {
-        info: css(_templateObject3$3(), primary100),
+        info: css(_templateObject3$4(), primary100),
         warning: css(_templateObject4$2(), warning100),
         error: css(_templateObject5$2(), danger100),
         success: css(_templateObject6$2(), success100)
     };
-    var iconStyles = css(_templateObject7$1(), type === 'info' ? "".concat(primary700) : type === 'error' ? "".concat(danger700) : type === 'success' ? "".concat(success700) : "".concat(warning700));
-    var textWrapperStyles = css(_templateObject8$1());
-    var truncaterButtonStyles = css(_templateObject9$1(), primary700, !isExpanded ? '0' : '0.25rem');
+    var iconStyles = css(_templateObject7(), type === 'info' ? "".concat(primary700) : type === 'error' ? "".concat(danger700) : type === 'success' ? "".concat(success700) : "".concat(warning700));
+    var textWrapperStyles = css(_templateObject8());
+    var truncaterButtonStyles = css(_templateObject9(), primary700, !isExpanded ? '0' : '0.25rem');
     var icon = {
         info: Info,
         warning: Warning,
@@ -2101,7 +2090,7 @@ var AlertBar = function(props) {
     });
 };
 
-function _tagged_template_literal$e(strings, raw) {
+function _tagged_template_literal$i(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -2111,8 +2100,8 @@ function _tagged_template_literal$e(strings, raw) {
         }
     }));
 }
-function _templateObject$e() {
-    var data = _tagged_template_literal$e([
+function _templateObject$i() {
+    var data = _tagged_template_literal$i([
         "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: ",
         ";\n  border: none;\n  transition: all;\n  transition-duration: 200ms;\n  border-radius: ",
         ";\n  background-color: ",
@@ -2126,7 +2115,7 @@ function _templateObject$e() {
         ";\n    cursor: not-allowed;\n\n    color: ",
         ";\n  }\n"
     ]);
-    _templateObject$e = function _templateObject() {
+    _templateObject$i = function _templateObject() {
         return data;
     };
     return data;
@@ -2169,7 +2158,7 @@ var getTextColor = function(color) {
             return textPrimary;
     }
 };
-var BaseButton = styled.button(_templateObject$e(), function(props) {
+var BaseButton = styled.button(_templateObject$i(), function(props) {
     return props.size === 'large' ? '12px 16px' : '10px 12px';
 }, function(param) {
     var round = param.round;
@@ -2200,7 +2189,7 @@ var BaseButton = styled.button(_templateObject$e(), function(props) {
     return color === 'primary' ? textPrimaryIconDisabled : textPrimaryIconDisabled;
 });
 
-function _define_property$L(obj, key, value) {
+function _define_property$M(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -2213,7 +2202,7 @@ function _define_property$L(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$f(target) {
+function _object_spread$g(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -2223,7 +2212,7 @@ function _object_spread$f(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$L(target, key, source[key]);
+            _define_property$M(target, key, source[key]);
         });
     }
     return target;
@@ -2274,7 +2263,7 @@ function _object_without_properties_loose$a(source, excluded) {
     }
     return target;
 }
-function _tagged_template_literal$d(strings, raw) {
+function _tagged_template_literal$h(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -2284,17 +2273,17 @@ function _tagged_template_literal$d(strings, raw) {
         }
     }));
 }
-function _templateObject$d() {
-    var data = _tagged_template_literal$d([
+function _templateObject$h() {
+    var data = _tagged_template_literal$h([
         "\n  display: flex;\n  margin: ",
         ";\n"
     ]);
-    _templateObject$d = function _templateObject() {
+    _templateObject$h = function _templateObject() {
         return data;
     };
     return data;
 }
-var IconWrapper$2 = styled.span(_templateObject$d(), function(props) {
+var IconWrapper$2 = styled.span(_templateObject$h(), function(props) {
     return props.iconLeft ? '0 8px 0 0' : props.iconRight ? '0 0 0 8px' : '0';
 });
 var Button = /*#__PURE__*/ forwardRef(function(_param, ref) {
@@ -2303,7 +2292,7 @@ var Button = /*#__PURE__*/ forwardRef(function(_param, ref) {
         "iconRight",
         "children"
     ]);
-    return /*#__PURE__*/ jsxs(BaseButton, _object_spread_props$c(_object_spread$f({
+    return /*#__PURE__*/ jsxs(BaseButton, _object_spread_props$c(_object_spread$g({
         ref: ref
     }, props), {
         children: [
@@ -6130,7 +6119,7 @@ function _create_class$w(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$w(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$K(obj, key, value) {
+function _define_property$L(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -6207,7 +6196,7 @@ var TIMEZONE_UNIT_PRIORITY = 10;
 var Setter = /*#__PURE__*/ function() {
     function Setter() {
         _class_call_check$w(this, Setter);
-        _define_property$K(this, "subPriority", 0);
+        _define_property$L(this, "subPriority", 0);
     }
     _create_class$w(Setter, [
         {
@@ -6258,8 +6247,8 @@ var DateToSystemTimezoneSetter = /*#__PURE__*/ function(Setter) {
         _class_call_check$w(this, DateToSystemTimezoneSetter);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$K(_assert_this_initialized$v(_this), "priority", TIMEZONE_UNIT_PRIORITY);
-        _define_property$K(_assert_this_initialized$v(_this), "subPriority", -1);
+        _define_property$L(_assert_this_initialized$v(_this), "priority", TIMEZONE_UNIT_PRIORITY);
+        _define_property$L(_assert_this_initialized$v(_this), "subPriority", -1);
         return _this;
     }
     _create_class$w(DateToSystemTimezoneSetter, [
@@ -6344,7 +6333,7 @@ function _create_class$u(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$u(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$J(obj, key, value) {
+function _define_property$K(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -6424,8 +6413,8 @@ var EraParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$u(this, EraParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$J(_assert_this_initialized$u(_this), "priority", 140);
-        _define_property$J(_assert_this_initialized$u(_this), "incompatibleTokens", [
+        _define_property$K(_assert_this_initialized$u(_this), "priority", 140);
+        _define_property$K(_assert_this_initialized$u(_this), "incompatibleTokens", [
             "R",
             "u",
             "t",
@@ -6641,7 +6630,7 @@ function _create_class$t(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$t(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$I(obj, key, value) {
+function _define_property$J(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -6729,8 +6718,8 @@ var YearParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$t(this, YearParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$I(_assert_this_initialized$t(_this), "priority", 130);
-        _define_property$I(_assert_this_initialized$t(_this), "incompatibleTokens", [
+        _define_property$J(_assert_this_initialized$t(_this), "priority", 130);
+        _define_property$J(_assert_this_initialized$t(_this), "incompatibleTokens", [
             "Y",
             "R",
             "u",
@@ -6816,7 +6805,7 @@ function _create_class$s(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$s(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$H(obj, key, value) {
+function _define_property$I(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -6897,8 +6886,8 @@ var LocalWeekYearParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$s(this, LocalWeekYearParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$H(_assert_this_initialized$s(_this), "priority", 130);
-        _define_property$H(_assert_this_initialized$s(_this), "incompatibleTokens", [
+        _define_property$I(_assert_this_initialized$s(_this), "priority", 130);
+        _define_property$I(_assert_this_initialized$s(_this), "incompatibleTokens", [
             "y",
             "R",
             "u",
@@ -6987,7 +6976,7 @@ function _create_class$r(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$r(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$G(obj, key, value) {
+function _define_property$H(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -7068,8 +7057,8 @@ var ISOWeekYearParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$r(this, ISOWeekYearParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$G(_assert_this_initialized$r(_this), "priority", 130);
-        _define_property$G(_assert_this_initialized$r(_this), "incompatibleTokens", [
+        _define_property$H(_assert_this_initialized$r(_this), "priority", 130);
+        _define_property$H(_assert_this_initialized$r(_this), "incompatibleTokens", [
             "G",
             "y",
             "Y",
@@ -7135,7 +7124,7 @@ function _create_class$q(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$q(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$F(obj, key, value) {
+function _define_property$G(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -7215,8 +7204,8 @@ var ExtendedYearParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$q(this, ExtendedYearParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$F(_assert_this_initialized$q(_this), "priority", 130);
-        _define_property$F(_assert_this_initialized$q(_this), "incompatibleTokens", [
+        _define_property$G(_assert_this_initialized$q(_this), "priority", 130);
+        _define_property$G(_assert_this_initialized$q(_this), "incompatibleTokens", [
             "G",
             "y",
             "Y",
@@ -7277,7 +7266,7 @@ function _create_class$p(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$p(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$E(obj, key, value) {
+function _define_property$F(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -7357,8 +7346,8 @@ var QuarterParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$p(this, QuarterParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$E(_assert_this_initialized$p(_this), "priority", 120);
-        _define_property$E(_assert_this_initialized$p(_this), "incompatibleTokens", [
+        _define_property$F(_assert_this_initialized$p(_this), "priority", 120);
+        _define_property$F(_assert_this_initialized$p(_this), "incompatibleTokens", [
             "Y",
             "R",
             "q",
@@ -7463,7 +7452,7 @@ function _create_class$o(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$o(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$D(obj, key, value) {
+function _define_property$E(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -7543,8 +7532,8 @@ var StandAloneQuarterParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$o(this, StandAloneQuarterParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$D(_assert_this_initialized$o(_this), "priority", 120);
-        _define_property$D(_assert_this_initialized$o(_this), "incompatibleTokens", [
+        _define_property$E(_assert_this_initialized$o(_this), "priority", 120);
+        _define_property$E(_assert_this_initialized$o(_this), "incompatibleTokens", [
             "Y",
             "R",
             "Q",
@@ -7649,7 +7638,7 @@ function _create_class$n(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$n(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$C(obj, key, value) {
+function _define_property$D(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -7729,7 +7718,7 @@ var MonthParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$n(this, MonthParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$C(_assert_this_initialized$n(_this), "incompatibleTokens", [
+        _define_property$D(_assert_this_initialized$n(_this), "incompatibleTokens", [
             "Y",
             "R",
             "q",
@@ -7744,7 +7733,7 @@ var MonthParser = /*#__PURE__*/ function(Parser) {
             "t",
             "T"
         ]);
-        _define_property$C(_assert_this_initialized$n(_this), "priority", 110);
+        _define_property$D(_assert_this_initialized$n(_this), "priority", 110);
         return _this;
     }
     _create_class$n(MonthParser, [
@@ -7839,7 +7828,7 @@ function _create_class$m(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$m(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$B(obj, key, value) {
+function _define_property$C(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -7919,8 +7908,8 @@ var StandAloneMonthParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$m(this, StandAloneMonthParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$B(_assert_this_initialized$m(_this), "priority", 110);
-        _define_property$B(_assert_this_initialized$m(_this), "incompatibleTokens", [
+        _define_property$C(_assert_this_initialized$m(_this), "priority", 110);
+        _define_property$C(_assert_this_initialized$m(_this), "incompatibleTokens", [
             "Y",
             "R",
             "q",
@@ -8074,7 +8063,7 @@ function _create_class$l(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$l(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$A(obj, key, value) {
+function _define_property$B(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -8155,8 +8144,8 @@ var LocalWeekParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$l(this, LocalWeekParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$A(_assert_this_initialized$l(_this), "priority", 100);
-        _define_property$A(_assert_this_initialized$l(_this), "incompatibleTokens", [
+        _define_property$B(_assert_this_initialized$l(_this), "priority", 100);
+        _define_property$B(_assert_this_initialized$l(_this), "incompatibleTokens", [
             "y",
             "R",
             "u",
@@ -8257,7 +8246,7 @@ function _create_class$k(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$k(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$z(obj, key, value) {
+function _define_property$A(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -8338,8 +8327,8 @@ var ISOWeekParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$k(this, ISOWeekParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$z(_assert_this_initialized$k(_this), "priority", 100);
-        _define_property$z(_assert_this_initialized$k(_this), "incompatibleTokens", [
+        _define_property$A(_assert_this_initialized$k(_this), "priority", 100);
+        _define_property$A(_assert_this_initialized$k(_this), "incompatibleTokens", [
             "y",
             "Y",
             "u",
@@ -8413,7 +8402,7 @@ function _create_class$j(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$j(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$y(obj, key, value) {
+function _define_property$z(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -8522,9 +8511,9 @@ var DateParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$j(this, DateParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$y(_assert_this_initialized$j(_this), "priority", 90);
-        _define_property$y(_assert_this_initialized$j(_this), "subPriority", 1);
-        _define_property$y(_assert_this_initialized$j(_this), "incompatibleTokens", [
+        _define_property$z(_assert_this_initialized$j(_this), "priority", 90);
+        _define_property$z(_assert_this_initialized$j(_this), "subPriority", 1);
+        _define_property$z(_assert_this_initialized$j(_this), "incompatibleTokens", [
             "Y",
             "R",
             "q",
@@ -8605,7 +8594,7 @@ function _create_class$i(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$i(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$x(obj, key, value) {
+function _define_property$y(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -8685,9 +8674,9 @@ var DayOfYearParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$i(this, DayOfYearParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$x(_assert_this_initialized$i(_this), "priority", 90);
-        _define_property$x(_assert_this_initialized$i(_this), "subpriority", 1);
-        _define_property$x(_assert_this_initialized$i(_this), "incompatibleTokens", [
+        _define_property$y(_assert_this_initialized$i(_this), "priority", 90);
+        _define_property$y(_assert_this_initialized$i(_this), "subpriority", 1);
+        _define_property$y(_assert_this_initialized$i(_this), "incompatibleTokens", [
             "Y",
             "R",
             "q",
@@ -8812,7 +8801,7 @@ function _create_class$h(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$h(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$w(obj, key, value) {
+function _define_property$x(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -8893,8 +8882,8 @@ var DayParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$h(this, DayParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$w(_assert_this_initialized$h(_this), "priority", 90);
-        _define_property$w(_assert_this_initialized$h(_this), "incompatibleTokens", [
+        _define_property$x(_assert_this_initialized$h(_this), "priority", 90);
+        _define_property$x(_assert_this_initialized$h(_this), "incompatibleTokens", [
             "D",
             "i",
             "e",
@@ -8999,7 +8988,7 @@ function _create_class$g(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$g(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$v(obj, key, value) {
+function _define_property$w(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -9080,8 +9069,8 @@ var LocalDayParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$g(this, LocalDayParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$v(_assert_this_initialized$g(_this), "priority", 90);
-        _define_property$v(_assert_this_initialized$g(_this), "incompatibleTokens", [
+        _define_property$w(_assert_this_initialized$g(_this), "priority", 90);
+        _define_property$w(_assert_this_initialized$g(_this), "incompatibleTokens", [
             "y",
             "R",
             "u",
@@ -9207,7 +9196,7 @@ function _create_class$f(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$f(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$u(obj, key, value) {
+function _define_property$v(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -9288,8 +9277,8 @@ var StandAloneLocalDayParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$f(this, StandAloneLocalDayParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$u(_assert_this_initialized$f(_this), "priority", 90);
-        _define_property$u(_assert_this_initialized$f(_this), "incompatibleTokens", [
+        _define_property$v(_assert_this_initialized$f(_this), "priority", 90);
+        _define_property$v(_assert_this_initialized$f(_this), "incompatibleTokens", [
             "y",
             "R",
             "u",
@@ -9473,7 +9462,7 @@ function _create_class$e(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$e(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$t(obj, key, value) {
+function _define_property$u(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -9554,8 +9543,8 @@ var ISODayParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$e(this, ISODayParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$t(_assert_this_initialized$e(_this), "priority", 90);
-        _define_property$t(_assert_this_initialized$e(_this), "incompatibleTokens", [
+        _define_property$u(_assert_this_initialized$e(_this), "priority", 90);
+        _define_property$u(_assert_this_initialized$e(_this), "incompatibleTokens", [
             "y",
             "Y",
             "u",
@@ -9682,7 +9671,7 @@ function _create_class$d(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$d(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$s(obj, key, value) {
+function _define_property$t(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -9762,8 +9751,8 @@ var AMPMParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$d(this, AMPMParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$s(_assert_this_initialized$d(_this), "priority", 80);
-        _define_property$s(_assert_this_initialized$d(_this), "incompatibleTokens", [
+        _define_property$t(_assert_this_initialized$d(_this), "priority", 80);
+        _define_property$t(_assert_this_initialized$d(_this), "incompatibleTokens", [
             "b",
             "B",
             "H",
@@ -9843,7 +9832,7 @@ function _create_class$c(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$c(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$r(obj, key, value) {
+function _define_property$s(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -9923,8 +9912,8 @@ var AMPMMidnightParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$c(this, AMPMMidnightParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$r(_assert_this_initialized$c(_this), "priority", 80);
-        _define_property$r(_assert_this_initialized$c(_this), "incompatibleTokens", [
+        _define_property$s(_assert_this_initialized$c(_this), "priority", 80);
+        _define_property$s(_assert_this_initialized$c(_this), "incompatibleTokens", [
             "a",
             "B",
             "H",
@@ -10004,7 +9993,7 @@ function _create_class$b(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$b(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$q(obj, key, value) {
+function _define_property$r(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -10085,8 +10074,8 @@ var DayPeriodParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$b(this, DayPeriodParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$q(_assert_this_initialized$b(_this), "priority", 80);
-        _define_property$q(_assert_this_initialized$b(_this), "incompatibleTokens", [
+        _define_property$r(_assert_this_initialized$b(_this), "priority", 80);
+        _define_property$r(_assert_this_initialized$b(_this), "incompatibleTokens", [
             "a",
             "b",
             "t",
@@ -10164,7 +10153,7 @@ function _create_class$a(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$a(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$p(obj, key, value) {
+function _define_property$q(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -10244,8 +10233,8 @@ var Hour1to12Parser = /*#__PURE__*/ function(Parser) {
         _class_call_check$a(this, Hour1to12Parser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$p(_assert_this_initialized$a(_this), "priority", 70);
-        _define_property$p(_assert_this_initialized$a(_this), "incompatibleTokens", [
+        _define_property$q(_assert_this_initialized$a(_this), "priority", 70);
+        _define_property$q(_assert_this_initialized$a(_this), "incompatibleTokens", [
             "H",
             "K",
             "k",
@@ -10318,7 +10307,7 @@ function _create_class$9(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$9(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$o(obj, key, value) {
+function _define_property$p(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -10398,8 +10387,8 @@ var Hour0to23Parser = /*#__PURE__*/ function(Parser) {
         _class_call_check$9(this, Hour0to23Parser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$o(_assert_this_initialized$9(_this), "priority", 70);
-        _define_property$o(_assert_this_initialized$9(_this), "incompatibleTokens", [
+        _define_property$p(_assert_this_initialized$9(_this), "priority", 70);
+        _define_property$p(_assert_this_initialized$9(_this), "incompatibleTokens", [
             "a",
             "b",
             "h",
@@ -10467,7 +10456,7 @@ function _create_class$8(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$8(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$n(obj, key, value) {
+function _define_property$o(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -10547,8 +10536,8 @@ var Hour0To11Parser = /*#__PURE__*/ function(Parser) {
         _class_call_check$8(this, Hour0To11Parser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$n(_assert_this_initialized$8(_this), "priority", 70);
-        _define_property$n(_assert_this_initialized$8(_this), "incompatibleTokens", [
+        _define_property$o(_assert_this_initialized$8(_this), "priority", 70);
+        _define_property$o(_assert_this_initialized$8(_this), "incompatibleTokens", [
             "h",
             "H",
             "k",
@@ -10619,7 +10608,7 @@ function _create_class$7(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$7(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$m(obj, key, value) {
+function _define_property$n(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -10699,8 +10688,8 @@ var Hour1To24Parser = /*#__PURE__*/ function(Parser) {
         _class_call_check$7(this, Hour1To24Parser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$m(_assert_this_initialized$7(_this), "priority", 70);
-        _define_property$m(_assert_this_initialized$7(_this), "incompatibleTokens", [
+        _define_property$n(_assert_this_initialized$7(_this), "priority", 70);
+        _define_property$n(_assert_this_initialized$7(_this), "incompatibleTokens", [
             "a",
             "b",
             "h",
@@ -10769,7 +10758,7 @@ function _create_class$6(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$6(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$l(obj, key, value) {
+function _define_property$m(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -10849,8 +10838,8 @@ var MinuteParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$6(this, MinuteParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$l(_assert_this_initialized$6(_this), "priority", 60);
-        _define_property$l(_assert_this_initialized$6(_this), "incompatibleTokens", [
+        _define_property$m(_assert_this_initialized$6(_this), "priority", 60);
+        _define_property$m(_assert_this_initialized$6(_this), "incompatibleTokens", [
             "t",
             "T"
         ]);
@@ -10913,7 +10902,7 @@ function _create_class$5(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$5(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$k(obj, key, value) {
+function _define_property$l(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -10993,8 +10982,8 @@ var SecondParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$5(this, SecondParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$k(_assert_this_initialized$5(_this), "priority", 50);
-        _define_property$k(_assert_this_initialized$5(_this), "incompatibleTokens", [
+        _define_property$l(_assert_this_initialized$5(_this), "priority", 50);
+        _define_property$l(_assert_this_initialized$5(_this), "incompatibleTokens", [
             "t",
             "T"
         ]);
@@ -11057,7 +11046,7 @@ function _create_class$4(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$4(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$j(obj, key, value) {
+function _define_property$k(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -11137,8 +11126,8 @@ var FractionOfSecondParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$4(this, FractionOfSecondParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$j(_assert_this_initialized$4(_this), "priority", 30);
-        _define_property$j(_assert_this_initialized$4(_this), "incompatibleTokens", [
+        _define_property$k(_assert_this_initialized$4(_this), "priority", 30);
+        _define_property$k(_assert_this_initialized$4(_this), "incompatibleTokens", [
             "t",
             "T"
         ]);
@@ -11189,7 +11178,7 @@ function _create_class$3(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$3(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$i(obj, key, value) {
+function _define_property$j(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -11270,8 +11259,8 @@ var ISOTimezoneWithZParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$3(this, ISOTimezoneWithZParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$i(_assert_this_initialized$3(_this), "priority", 10);
-        _define_property$i(_assert_this_initialized$3(_this), "incompatibleTokens", [
+        _define_property$j(_assert_this_initialized$3(_this), "priority", 10);
+        _define_property$j(_assert_this_initialized$3(_this), "incompatibleTokens", [
             "t",
             "T",
             "x"
@@ -11332,7 +11321,7 @@ function _create_class$2(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$h(obj, key, value) {
+function _define_property$i(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -11413,8 +11402,8 @@ var ISOTimezoneParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$2(this, ISOTimezoneParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$h(_assert_this_initialized$2(_this), "priority", 10);
-        _define_property$h(_assert_this_initialized$2(_this), "incompatibleTokens", [
+        _define_property$i(_assert_this_initialized$2(_this), "priority", 10);
+        _define_property$i(_assert_this_initialized$2(_this), "incompatibleTokens", [
             "t",
             "T",
             "X"
@@ -11475,7 +11464,7 @@ function _create_class$1(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$g(obj, key, value) {
+function _define_property$h(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -11555,8 +11544,8 @@ var TimestampSecondsParser = /*#__PURE__*/ function(Parser) {
         _class_call_check$1(this, TimestampSecondsParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$g(_assert_this_initialized$1(_this), "priority", 40);
-        _define_property$g(_assert_this_initialized$1(_this), "incompatibleTokens", "*");
+        _define_property$h(_assert_this_initialized$1(_this), "priority", 40);
+        _define_property$h(_assert_this_initialized$1(_this), "incompatibleTokens", "*");
         return _this;
     }
     _create_class$1(TimestampSecondsParser, [
@@ -11605,7 +11594,7 @@ function _create_class(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$f(obj, key, value) {
+function _define_property$g(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -11685,8 +11674,8 @@ var TimestampMillisecondsParser = /*#__PURE__*/ function(Parser) {
         _class_call_check(this, TimestampMillisecondsParser);
         var _this;
         _this = _super.apply(this, arguments);
-        _define_property$f(_assert_this_initialized(_this), "priority", 20);
-        _define_property$f(_assert_this_initialized(_this), "incompatibleTokens", "*");
+        _define_property$g(_assert_this_initialized(_this), "priority", 20);
+        _define_property$g(_assert_this_initialized(_this), "incompatibleTokens", "*");
         return _this;
     }
     _create_class(TimestampMillisecondsParser, [
@@ -13078,7 +13067,7 @@ function getFrameElement(win) {
 /**
  * Custom positioning reference element.
  * @see https://floating-ui.com/docs/virtual-elements
- */ function _define_property$e(obj, key, value) {
+ */ function _define_property$f(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -13091,7 +13080,7 @@ function getFrameElement(win) {
     }
     return obj;
 }
-function _object_spread$e(target) {
+function _object_spread$f(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -13101,7 +13090,7 @@ function _object_spread$e(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$e(target, key, source[key]);
+            _define_property$f(target, key, source[key]);
         });
     }
     return target;
@@ -13230,7 +13219,7 @@ function getOppositePlacement(placement) {
     });
 }
 function expandPaddingObject(padding) {
-    return _object_spread$e({
+    return _object_spread$f({
         top: 0,
         right: 0,
         bottom: 0,
@@ -13296,7 +13285,7 @@ function _async_to_generator$1(fn) {
         });
     };
 }
-function _define_property$d(obj, key, value) {
+function _define_property$e(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -13315,7 +13304,7 @@ function _iterable_to_array$5(iter) {
 function _non_iterable_spread$5() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$d(target) {
+function _object_spread$e(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -13325,7 +13314,7 @@ function _object_spread$d(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$d(target, key, source[key]);
+            _define_property$e(target, key, source[key]);
         });
     }
     return target;
@@ -13601,7 +13590,7 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
                     _ref = _state.sent(), nextX = _ref.x, nextY = _ref.y, data = _ref.data, reset = _ref.reset;
                     x = nextX != null ? nextX : x;
                     y = nextY != null ? nextY : y;
-                    middlewareData = _object_spread_props$b(_object_spread$d({}, middlewareData), _define_property$d({}, name, _object_spread$d({}, middlewareData[name], data)));
+                    middlewareData = _object_spread_props$b(_object_spread$e({}, middlewareData), _define_property$e({}, name, _object_spread$e({}, middlewareData[name], data)));
                     if (!(reset && resetCount <= 50)) return [
                         3,
                         10
@@ -13907,9 +13896,9 @@ function _detectOverflow() {
                             alignmentOffset = shouldAddOffset ? center < min$1$1 ? center - min$1$1 : center - max : 0;
                             return [
                                 2,
-                                (_obj1 = {}, _define_property$d(_obj1, axis, coords[axis] + alignmentOffset), _define_property$d(_obj1, "data", _object_spread$d((_obj = {}, _define_property$d(_obj, axis, offset), _define_property$d(_obj, "centerOffset", center - offset - alignmentOffset), _obj), shouldAddOffset && {
+                                (_obj1 = {}, _define_property$e(_obj1, axis, coords[axis] + alignmentOffset), _define_property$e(_obj1, "data", _object_spread$e((_obj = {}, _define_property$e(_obj, axis, offset), _define_property$e(_obj, "centerOffset", center - offset - alignmentOffset), _obj), shouldAddOffset && {
                                     alignmentOffset: alignmentOffset
-                                })), _define_property$d(_obj1, "reset", shouldAddOffset), _obj1)
+                                })), _define_property$e(_obj1, "reset", shouldAddOffset), _obj1)
                             ];
                     }
                 });
@@ -14172,7 +14161,7 @@ function _convertValueToCoords() {
                                 {
                                     x: x + diffCoords.x,
                                     y: y + diffCoords.y,
-                                    data: _object_spread_props$b(_object_spread$d({}, diffCoords), {
+                                    data: _object_spread_props$b(_object_spread$e({}, diffCoords), {
                                         placement: placement
                                     })
                                 }
@@ -14224,7 +14213,7 @@ function _async_to_generator(fn) {
         });
     };
 }
-function _define_property$c(obj, key, value) {
+function _define_property$d(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -14270,7 +14259,7 @@ function _non_iterable_rest$a() {
 function _non_iterable_spread$4() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$c(target) {
+function _object_spread$d(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -14280,7 +14269,7 @@ function _object_spread$c(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$c(target, key, source[key]);
+            _define_property$d(target, key, source[key]);
         });
     }
     return target;
@@ -14645,7 +14634,7 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
         rect = getInnerBoundingClientRect(clippingAncestor, strategy);
     } else {
         var visualOffsets = getVisualOffsets(element);
-        rect = _object_spread_props$a(_object_spread$c({}, clippingAncestor), {
+        rect = _object_spread_props$a(_object_spread$d({}, clippingAncestor), {
             x: clippingAncestor.x - visualOffsets.x,
             y: clippingAncestor.y - visualOffsets.y
         });
@@ -14930,7 +14919,7 @@ function observeMove(element, onMove) {
         // Older browsers don't support a `document` as the root and will throw an
         // error.
         try {
-            io = new IntersectionObserver(handleObserve, _object_spread_props$a(_object_spread$c({}, options), {
+            io = new IntersectionObserver(handleObserve, _object_spread_props$a(_object_spread$d({}, options), {
                 // Handle <iframe>s
                 root: root.ownerDocument
             }));
@@ -15039,13 +15028,13 @@ function observeMove(element, onMove) {
     // multiple lifecycle resets re-use the same result. It only lives for a
     // single call. If other functions become expensive, we can add them as well.
     var cache = new Map();
-    var mergedOptions = _object_spread$c({
+    var mergedOptions = _object_spread$d({
         platform: platform
     }, options);
-    var platformWithCache = _object_spread_props$a(_object_spread$c({}, mergedOptions.platform), {
+    var platformWithCache = _object_spread_props$a(_object_spread$d({}, mergedOptions.platform), {
         _c: cache
     });
-    return computePosition$1(reference, floating, _object_spread_props$a(_object_spread$c({}, mergedOptions), {
+    return computePosition$1(reference, floating, _object_spread_props$a(_object_spread$d({}, mergedOptions), {
         platform: platformWithCache
     }));
 };
@@ -15058,7 +15047,7 @@ function _array_like_to_array$9(arr, len) {
 function _array_with_holes$9(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _define_property$b(obj, key, value) {
+function _define_property$c(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -15098,7 +15087,7 @@ function _iterable_to_array_limit$9(arr, i) {
 function _non_iterable_rest$9() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$b(target) {
+function _object_spread$c(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -15108,7 +15097,7 @@ function _object_spread$b(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$b(target, key, source[key]);
+            _define_property$c(target, key, source[key]);
         });
     }
     return target;
@@ -15271,7 +15260,7 @@ function useLatestRef(value) {
             config.platform = platformRef.current;
         }
         computePosition(referenceRef.current, floatingRef.current, config).then(function(data) {
-            var fullData = _object_spread_props$9(_object_spread$b({}, data), {
+            var fullData = _object_spread_props$9(_object_spread$c({}, data), {
                 // The floating element's position may be recomputed while it's closed
                 // but still mounted (such as when transitioning out). To ensure
                 // `isPositioned` will be `false` initially on the next open, avoid
@@ -15296,7 +15285,7 @@ function useLatestRef(value) {
         if (open === false && dataRef.current.isPositioned) {
             dataRef.current.isPositioned = false;
             setData(function(data) {
-                return _object_spread_props$9(_object_spread$b({}, data), {
+                return _object_spread_props$9(_object_spread$c({}, data), {
                     isPositioned: false
                 });
             });
@@ -15359,7 +15348,7 @@ function useLatestRef(value) {
         var x = roundByDPR(elements.floating, data.x);
         var y = roundByDPR(elements.floating, data.y);
         if (transform) {
-            return _object_spread$b(_object_spread_props$9(_object_spread$b({}, initialStyles), {
+            return _object_spread$c(_object_spread_props$9(_object_spread$c({}, initialStyles), {
                 transform: "translate(" + x + "px, " + y + "px)"
             }), getDPR(elements.floating) >= 1.5 && {
                 willChange: 'transform'
@@ -15378,7 +15367,7 @@ function useLatestRef(value) {
         data.y
     ]);
     return React.useMemo(function() {
-        return _object_spread_props$9(_object_spread$b({}, data), {
+        return _object_spread_props$9(_object_spread$c({}, data), {
             update: update,
             refs: refs,
             elements: elements,
@@ -15432,7 +15421,7 @@ function useLatestRef(value) {
  * object may be passed.
  * @see https://floating-ui.com/docs/offset
  */ var offset = function(options, deps) {
-    return _object_spread_props$9(_object_spread$b({}, offset$1(options)), {
+    return _object_spread_props$9(_object_spread$c({}, offset$1(options)), {
         options: [
             options,
             deps
@@ -15445,7 +15434,7 @@ function useLatestRef(value) {
  * clipping boundary. Alternative to `autoPlacement`.
  * @see https://floating-ui.com/docs/flip
  */ var flip = function(options, deps) {
-    return _object_spread_props$9(_object_spread$b({}, flip$1(options)), {
+    return _object_spread_props$9(_object_spread$c({}, flip$1(options)), {
         options: [
             options,
             deps
@@ -15458,7 +15447,7 @@ function useLatestRef(value) {
  * This wraps the core `arrow` middleware to allow React refs as the element.
  * @see https://floating-ui.com/docs/arrow
  */ var arrow = function(options, deps) {
-    return _object_spread_props$9(_object_spread$b({}, arrow$1(options)), {
+    return _object_spread_props$9(_object_spread$c({}, arrow$1(options)), {
         options: [
             options,
             deps
@@ -15477,7 +15466,7 @@ function _array_with_holes$8(arr) {
 function _array_without_holes$3(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$8(arr);
 }
-function _define_property$a(obj, key, value) {
+function _define_property$b(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -15523,7 +15512,7 @@ function _non_iterable_rest$8() {
 function _non_iterable_spread$3() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$a(target) {
+function _object_spread$b(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -15533,7 +15522,7 @@ function _object_spread$a(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$a(target, key, source[key]);
+            _define_property$b(target, key, source[key]);
         });
     }
     return target;
@@ -15599,7 +15588,7 @@ function _unsupported_iterable_to_array$8(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$8(o, minLen);
 }
 // https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379
-var SafeReact = _object_spread$a({}, React);
+var SafeReact = _object_spread$b({}, React);
 var useInsertionEffect = SafeReact.useInsertionEffect;
 var useSafeInsertionEffect = useInsertionEffect || function(fn) {
     return fn();
@@ -15776,10 +15765,10 @@ function error() {
         width: isCustomShape ? width : width + computedStrokeWidth,
         height: width,
         viewBox: "0 0 " + width + " " + (height > width ? height : width),
-        style: _object_spread$a((_obj = {
+        style: _object_spread$b((_obj = {
             position: 'absolute',
             pointerEvents: 'none'
-        }, _define_property$a(_obj, xOffsetProp, arrowX), _define_property$a(_obj, yOffsetProp, arrowY), _define_property$a(_obj, side, isVerticalSide || isCustomShape ? '100%' : "calc(100% - " + computedStrokeWidth / 2 + "px)"), _define_property$a(_obj, "transform", [
+        }, _define_property$b(_obj, xOffsetProp, arrowX), _define_property$b(_obj, yOffsetProp, arrowY), _define_property$b(_obj, side, isVerticalSide || isCustomShape ? '100%' : "calc(100% - " + computedStrokeWidth / 2 + "px)"), _define_property$b(_obj, "transform", [
             rotation,
             transform
         ].filter(function(t) {
@@ -15907,8 +15896,8 @@ function useFloatingRootContext(options) {
         options = {};
     }
     var nodeId = options.nodeId;
-    var internalRootContext = useFloatingRootContext(_object_spread_props$8(_object_spread$a({}, options), {
-        elements: _object_spread$a({
+    var internalRootContext = useFloatingRootContext(_object_spread_props$8(_object_spread$b({}, options), {
+        elements: _object_spread$b({
             reference: null,
             floating: null
         }, options.elements)
@@ -15928,8 +15917,8 @@ function useFloatingRootContext(options) {
     }, [
         domReference
     ]);
-    var position = useFloating$1(_object_spread_props$8(_object_spread$a({}, options), {
-        elements: _object_spread$a({}, computedElements, positionReference && {
+    var position = useFloating$1(_object_spread_props$8(_object_spread$b({}, options), {
+        elements: _object_spread$b({}, computedElements, positionReference && {
             reference: positionReference
         })
     }));
@@ -15964,7 +15953,7 @@ function useFloatingRootContext(options) {
         position.refs
     ]);
     var refs = React.useMemo(function() {
-        return _object_spread_props$8(_object_spread$a({}, position.refs), {
+        return _object_spread_props$8(_object_spread$b({}, position.refs), {
             setReference: setReference,
             setPositionReference: setPositionReference,
             domReference: domReferenceRef
@@ -15975,7 +15964,7 @@ function useFloatingRootContext(options) {
         setPositionReference
     ]);
     var elements = React.useMemo(function() {
-        return _object_spread_props$8(_object_spread$a({}, position.elements), {
+        return _object_spread_props$8(_object_spread$b({}, position.elements), {
             domReference: domReference
         });
     }, [
@@ -15983,7 +15972,7 @@ function useFloatingRootContext(options) {
         domReference
     ]);
     var context = React.useMemo(function() {
-        return _object_spread_props$8(_object_spread$a({}, position, rootContext), {
+        return _object_spread_props$8(_object_spread$b({}, position, rootContext), {
             refs: refs,
             elements: elements,
             nodeId: nodeId
@@ -16005,7 +15994,7 @@ function useFloatingRootContext(options) {
         }
     });
     return React.useMemo(function() {
-        return _object_spread_props$8(_object_spread$a({}, position), {
+        return _object_spread_props$8(_object_spread$b({}, position), {
             context: context,
             refs: refs,
             elements: elements
@@ -21352,7 +21341,7 @@ var DatePicker$1 = /** @class */ function(_super) {
 var PRESELECT_CHANGE_VIA_INPUT = "input";
 var PRESELECT_CHANGE_VIA_NAVIGATE = "navigate";
 
-function _tagged_template_literal$c(strings, raw) {
+function _tagged_template_literal$g(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -21362,8 +21351,8 @@ function _tagged_template_literal$c(strings, raw) {
         }
     }));
 }
-function _templateObject$c() {
-    var data = _tagged_template_literal$c([
+function _templateObject$g() {
+    var data = _tagged_template_literal$g([
         "\n  .react-datepicker__day-name {\n    ",
         "\n    color: ",
         ";\n  }\n  .react-datepicker__day-names {\n    margin: 12px 0;\n  }\n  .react-datepicker__day-name {\n    width: 40px;\n    margin: 0;\n  }\n  .react-datepicker__day {\n    height: 30px;\n    width: 40px;\n    margin: 0;\n    border-top: 5px solid white;\n    border-bottom: 5px solid white;\n    border-radius: 0;\n  }\n  .react-datepicker__day:hover,\n  .react-datepicker__day--today,\n  .react-datepicker__day--selected,\n  .react-datepicker__day--keyboard-selected {\n    background: none;\n  }\n  .react-datepicker__day div {\n    ",
@@ -21375,13 +21364,13 @@ function _templateObject$c() {
         ";\n    background: ",
         ";\n  }\n"
     ]);
-    _templateObject$c = function _templateObject() {
+    _templateObject$g = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject1$6() {
-    var data = _tagged_template_literal$c([
+function _templateObject1$9() {
+    var data = _tagged_template_literal$g([
         "\n  .react-datepicker__day--in-selecting-range:not(\n      .react-datepicker__day--selecting-range-start\n    ):not(.react-datepicker__day--selecting-range-end),\n  .react-datepicker__day--in-range:not(.react-datepicker__day--range-start):not(\n      .react-datepicker__day--range-end\n    ) {\n    color: ",
         ";\n    background: ",
         ";\n\n    &:hover {\n      background: ",
@@ -21396,13 +21385,13 @@ function _templateObject1$6() {
         ";\n    }\n  }\n  .react-datepicker__day--selecting-range-start:not(\n      .react-datepicker__day--selecting-range-end\n    ),\n  .react-datepicker__day--range-start:not(.react-datepicker__day--range-end) {\n    background: linear-gradient(\n      to right,\n      transparent 50%,\n      ",
         " 50%\n    );\n  }\n"
     ]);
-    _templateObject1$6 = function _templateObject() {
+    _templateObject1$9 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject2$5() {
-    var data = _tagged_template_literal$c([
+function _templateObject2$6() {
+    var data = _tagged_template_literal$g([
         "\n  &.calendar-container {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    position: relative;\n\n    border: none;\n    font-family: 'Roboto', sans-serif;\n    color: ",
         ";\n\n    .react-datepicker__header {\n      padding: 0;\n      border-bottom: none;\n      background: none;\n    }\n    .react-datepicker__navigation {\n      top: 6px;\n      background: ",
         ";\n      border-radius: 4px;\n      transition: background ease 0.3s;\n\n      &:hover {\n        background: ",
@@ -21412,14 +21401,14 @@ function _templateObject2$5() {
         "\n    ",
         "\n  }\n"
     ]);
-    _templateObject2$5 = function _templateObject() {
+    _templateObject2$6 = function _templateObject() {
         return data;
     };
     return data;
 }
-var dayStyles = css(_templateObject$c(), $paragraph300Medium, neutral400, $paragraph300Bold, primary600, $paragraph300Medium, neutral400, primary100, textPrimaryWhite, primary600);
-var rangeStyles = css(_templateObject1$6(), primary600, primary100, primary100, textPrimaryWhite, primary600, primary200, textPrimaryWhite, primary600, primary100, textPrimaryWhite, primary600, primary100);
-var Container = styled.div(_templateObject2$5(), textPrimary, neutral100, neutral300, textPrimary, $paragraph100Semibold, dayStyles, rangeStyles);
+var dayStyles = css(_templateObject$g(), $paragraph300Medium, neutral400, $paragraph300Bold, primary600, $paragraph300Medium, neutral400, primary100, textPrimaryWhite, primary600);
+var rangeStyles = css(_templateObject1$9(), primary600, primary100, primary100, textPrimaryWhite, primary600, primary200, textPrimaryWhite, primary600, primary100, textPrimaryWhite, primary600, primary100);
+var Container = styled.div(_templateObject2$6(), textPrimary, neutral100, neutral300, textPrimary, $paragraph100Semibold, dayStyles, rangeStyles);
 var CalendarContainer = function(param) {
     var children = param.children;
     return /*#__PURE__*/ jsx("div", {
@@ -21435,7 +21424,7 @@ var CalendarContainer = function(param) {
     });
 };
 
-function _define_property$9(obj, key, value) {
+function _define_property$a(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -21448,7 +21437,7 @@ function _define_property$9(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$9(target) {
+function _object_spread$a(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -21458,7 +21447,7 @@ function _object_spread$9(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$9(target, key, source[key]);
+            _define_property$a(target, key, source[key]);
         });
     }
     return target;
@@ -21484,7 +21473,7 @@ function _object_spread_props$7(target, source) {
 }
 var Calendar = function(param) {
     var _param_rangeSelect = param.rangeSelect, rangeSelect = _param_rangeSelect === void 0 ? false : _param_rangeSelect, selectedDate = param.selectedDate, startDate = param.startDate, endDate = param.endDate, onChange = param.onChange;
-    return /*#__PURE__*/ jsx(DatePicker$1, _object_spread$9({}, _object_spread_props$7(_object_spread$9({
+    return /*#__PURE__*/ jsx(DatePicker$1, _object_spread$a({}, _object_spread_props$7(_object_spread$a({
         onChange: onChange,
         selected: rangeSelect ? null : selectedDate,
         startDate: startDate || undefined,
@@ -21507,7 +21496,7 @@ var Calendar = function(param) {
     })));
 };
 
-function _define_property$8(obj, key, value) {
+function _define_property$9(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -21520,7 +21509,7 @@ function _define_property$8(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$8(target) {
+function _object_spread$9(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -21530,7 +21519,7 @@ function _object_spread$8(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$8(target, key, source[key]);
+            _define_property$9(target, key, source[key]);
         });
     }
     return target;
@@ -21562,7 +21551,7 @@ function _object_without_properties_loose$7(source, excluded) {
     }
     return target;
 }
-function _tagged_template_literal$b(strings, raw) {
+function _tagged_template_literal$f(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -21572,16 +21561,16 @@ function _tagged_template_literal$b(strings, raw) {
         }
     }));
 }
-function _templateObject$b() {
-    var data = _tagged_template_literal$b([
+function _templateObject$f() {
+    var data = _tagged_template_literal$f([
         "\n  height: 15px;\n  width: 15px;\n  cursor: pointer;\n"
     ]);
-    _templateObject$b = function _templateObject() {
+    _templateObject$f = function _templateObject() {
         return data;
     };
     return data;
 }
-var StyledCheckbox = styled.input(_templateObject$b());
+var StyledCheckbox = styled.input(_templateObject$f());
 var Checkbox = function(_param) {
     var _param_checked = _param.checked, checked = _param_checked === void 0 ? false : _param_checked, _param_indeterminate = _param.indeterminate, indeterminate = _param_indeterminate === void 0 ? false : _param_indeterminate, onChange = _param.onChange, props = _object_without_properties$7(_param, [
         "checked",
@@ -21597,7 +21586,7 @@ var Checkbox = function(_param) {
     }, [
         indeterminate
     ]);
-    return /*#__PURE__*/ jsx(StyledCheckbox, _object_spread$8({
+    return /*#__PURE__*/ jsx(StyledCheckbox, _object_spread$9({
         ref: checkboxRef,
         type: "checkbox",
         checked: checked,
@@ -21667,7 +21656,7 @@ function _non_iterable_rest$7() {
 function _sliced_to_array$7(arr, i) {
     return _array_with_holes$7(arr) || _iterable_to_array_limit$7(arr, i) || _unsupported_iterable_to_array$7(arr, i) || _non_iterable_rest$7();
 }
-function _tagged_template_literal$a(strings, raw) {
+function _tagged_template_literal$e(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -21685,18 +21674,18 @@ function _unsupported_iterable_to_array$7(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$7(o, minLen);
 }
-function _templateObject$a() {
-    var data = _tagged_template_literal$a([
+function _templateObject$e() {
+    var data = _tagged_template_literal$e([
         "\n  position: absolute;\n  z-index: 1;\n  transform: translate(-50%);\n  padding: ",
         "px;\n  border-radius: 8px;\n  background: white;\n  ",
         "\n"
     ]);
-    _templateObject$a = function _templateObject() {
+    _templateObject$e = function _templateObject() {
         return data;
     };
     return data;
 }
-var PopperContainer = styled.div(_templateObject$a(), spacing(1.5), elevation400);
+var PopperContainer = styled.div(_templateObject$e(), spacing(1.5), elevation400);
 var Popper = function(param) {
     var anchorRef = param.anchorRef, open = param.open, onClose = param.onClose, children = param.children;
     var _useState = _sliced_to_array$7(useState({
@@ -21779,7 +21768,7 @@ function _non_iterable_rest$6() {
 function _sliced_to_array$6(arr, i) {
     return _array_with_holes$6(arr) || _iterable_to_array_limit$6(arr, i) || _unsupported_iterable_to_array$6(arr, i) || _non_iterable_rest$6();
 }
-function _tagged_template_literal$9(strings, raw) {
+function _tagged_template_literal$d(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -21797,18 +21786,18 @@ function _unsupported_iterable_to_array$6(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$6(o, minLen);
 }
-function _templateObject$9() {
-    var data = _tagged_template_literal$9([
+function _templateObject$d() {
+    var data = _tagged_template_literal$d([
         "\n  display: flex;\n  justify-content: space-between;\n  padding: ",
         "px;\n  border: 1px solid ",
         ";\n  border-radius: 6;\n  font-weight: 700;\n  opacity: 0.8;\n"
     ]);
-    _templateObject$9 = function _templateObject() {
+    _templateObject$d = function _templateObject() {
         return data;
     };
     return data;
 }
-var DatePickerButton = styled(Button)(_templateObject$9(), spacing(1), neutral300);
+var DatePickerButton = styled(Button)(_templateObject$d(), spacing(1), neutral300);
 var DatePicker = function(param) {
     var _param_rangeSelect = param.rangeSelect, rangeSelect = _param_rangeSelect === void 0 ? false : _param_rangeSelect, _param_selectedDate = param.selectedDate, selectedDate = _param_selectedDate === void 0 ? new Date() : _param_selectedDate, _param_startDate = param.startDate, startDate = _param_startDate === void 0 ? new Date(Date.now() - 7 * 24 * 60 * 60 * 1000) : _param_startDate, _param_endDate = param.endDate, endDate = _param_endDate === void 0 ? new Date() : _param_endDate, onChange = param.onChange;
     var _useState = _sliced_to_array$6(useState(false), 2), open = _useState[0], setOpen = _useState[1];
@@ -21878,7 +21867,7 @@ var DatePicker = function(param) {
     });
 };
 
-function _define_property$7(obj, key, value) {
+function _define_property$8(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -21891,7 +21880,7 @@ function _define_property$7(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$7(target) {
+function _object_spread$8(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -21901,7 +21890,7 @@ function _object_spread$7(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$7(target, key, source[key]);
+            _define_property$8(target, key, source[key]);
         });
     }
     return target;
@@ -21952,7 +21941,7 @@ function _object_without_properties_loose$6(source, excluded) {
     }
     return target;
 }
-function _tagged_template_literal$8(strings, raw) {
+function _tagged_template_literal$c(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -21962,19 +21951,19 @@ function _tagged_template_literal$8(strings, raw) {
         }
     }));
 }
-function _templateObject$8() {
-    var data = _tagged_template_literal$8([
+function _templateObject$c() {
+    var data = _tagged_template_literal$c([
         "\n  display: ",
         ";\n  padding: 0.5rem 0rem;\n  align-items: center;\n  flex-direction: column;\n  position: absolute;\n  height: min-content;\n  width: fit-content;\n  z-index: 1;\n  background-color: ",
         ";\n  border-radius: 0.5rem;\n  min-width: 15.625rem;\n  box-shadow: 0px 4px 1rem rgba(0, 0, 0, 0.25);\n\n  z-index: 50;\n  margin: auto;\n\n  ",
         ";\n"
     ]);
-    _templateObject$8 = function _templateObject() {
+    _templateObject$c = function _templateObject() {
         return data;
     };
     return data;
 }
-var Menu = styled.div(_templateObject$8(), function(param) {
+var Menu = styled.div(_templateObject$c(), function(param) {
     var open = param.open;
     return open ? 'flex' : 'none';
 }, textPrimaryWhite, function(param) {
@@ -22012,7 +22001,7 @@ var Dropdown = function(_param) {
         open,
         handleClickOutside
     ]);
-    return /*#__PURE__*/ jsx(Menu, _object_spread_props$6(_object_spread$7({
+    return /*#__PURE__*/ jsx(Menu, _object_spread_props$6(_object_spread$8({
         ref: ref
     }, rest), {
         open: open,
@@ -22024,7 +22013,7 @@ var Dropdown = function(_param) {
     }));
 };
 
-function _tagged_template_literal$7(strings, raw) {
+function _tagged_template_literal$b(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -22034,50 +22023,50 @@ function _tagged_template_literal$7(strings, raw) {
         }
     }));
 }
-function _templateObject$7() {
-    var data = _tagged_template_literal$7([
+function _templateObject$b() {
+    var data = _tagged_template_literal$b([
         "\n    cursor: pointer;\n    width: 100%;\n    padding: 0 0.5rem;\n    display: flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    white-space: nowrap;\n    gap: 0.5rem;\n\n    &:hover {\n      background-color: ",
         ";\n    }\n  "
     ]);
-    _templateObject$7 = function _templateObject() {
+    _templateObject$b = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject1$5() {
-    var data = _tagged_template_literal$7([
+function _templateObject1$8() {
+    var data = _tagged_template_literal$b([
         "\n    cursor: pointer;\n    background-color: transparent;\n    text-align: left;\n    border: none;\n    padding: 1rem 0.625rem;\n    white-space: nowrap;\n    width: 100%;\n    ",
         "\n  "
     ]);
-    _templateObject1$5 = function _templateObject() {
+    _templateObject1$8 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject2$4() {
-    var data = _tagged_template_literal$7([
+function _templateObject2$5() {
+    var data = _tagged_template_literal$b([
         "\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  "
     ]);
-    _templateObject2$4 = function _templateObject() {
+    _templateObject2$5 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject3$2() {
-    var data = _tagged_template_literal$7([
+function _templateObject3$3() {
+    var data = _tagged_template_literal$b([
         "\n    display: inline-block;\n    width: 100%;\n  "
     ]);
-    _templateObject3$2 = function _templateObject() {
+    _templateObject3$3 = function _templateObject() {
         return data;
     };
     return data;
 }
 var DropdownOption = function(param) {
     var label = param.label, href = param.href, onClick = param.onClick, icon = param.icon;
-    var dropdownOptionStyles = css(_templateObject$7(), primary100);
-    var optionStyles = css(_templateObject1$5(), $paragraph200Regular);
-    var iconStyles = css(_templateObject2$4());
-    var dropdownOptionWrapper = css(_templateObject3$2());
+    var dropdownOptionStyles = css(_templateObject$b(), primary100);
+    var optionStyles = css(_templateObject1$8(), $paragraph200Regular);
+    var iconStyles = css(_templateObject2$5());
+    var dropdownOptionWrapper = css(_templateObject3$3());
     return /*#__PURE__*/ jsx("div", {
         css: dropdownOptionWrapper,
         children: /*#__PURE__*/ jsxs("div", {
@@ -22109,7 +22098,7 @@ var DropdownOption = function(param) {
     });
 };
 
-function _define_property$6(obj, key, value) {
+function _define_property$7(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -22122,7 +22111,7 @@ function _define_property$6(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$6(target) {
+function _object_spread$7(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -22132,7 +22121,7 @@ function _object_spread$6(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$6(target, key, source[key]);
+            _define_property$7(target, key, source[key]);
         });
     }
     return target;
@@ -22183,7 +22172,7 @@ function _object_without_properties_loose$5(source, excluded) {
     }
     return target;
 }
-function _tagged_template_literal$6(strings, raw) {
+function _tagged_template_literal$a(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -22193,17 +22182,17 @@ function _tagged_template_literal$6(strings, raw) {
         }
     }));
 }
-function _templateObject$6() {
-    var data = _tagged_template_literal$6([
+function _templateObject$a() {
+    var data = _tagged_template_literal$a([
         "\n  display: flex;\n  align-items: center;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n"
     ]);
-    _templateObject$6 = function _templateObject() {
+    _templateObject$a = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject1$4() {
-    var data = _tagged_template_literal$6([
+function _templateObject1$7() {
+    var data = _tagged_template_literal$a([
         "\n  flex: 1;\n  border: 1px solid\n    ",
         ";\n\n  background-color: ",
         ";\n  border-radius: 0.5rem;\n\n  color: ",
@@ -22216,26 +22205,26 @@ function _templateObject1$4() {
         ";\n  }\n\n  ",
         "\n"
     ]);
-    _templateObject1$4 = function _templateObject() {
+    _templateObject1$7 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject2$3() {
-    var data = _tagged_template_literal$6([
+function _templateObject2$4() {
+    var data = _tagged_template_literal$a([
         "\n  position: absolute;\n  left: ",
         ";\n  right: ",
         ";\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"
     ]);
-    _templateObject2$3 = function _templateObject() {
+    _templateObject2$4 = function _templateObject() {
         return data;
     };
     return data;
 }
 // Wrapper for the Input and Icons
-var InputWrapper$1 = styled.div(_templateObject$6());
+var InputWrapper$1 = styled.div(_templateObject$a());
 // Style for the Input itself
-var BaseInput = styled.input(_templateObject1$4(), function(param) {
+var BaseInput = styled.input(_templateObject1$7(), function(param) {
     var error = param.error, disabled = param.disabled;
     return error && !disabled ? danger600 : neutral200;
 }, function(param) {
@@ -22261,7 +22250,7 @@ var BaseInput = styled.input(_templateObject1$4(), function(param) {
     return sz === 'lg' ? $paragraph100Regular : $paragraph200Regular;
 });
 // Style for the Icons
-var IconWrapper$1 = styled.span(_templateObject2$3(), function(param) {
+var IconWrapper$1 = styled.span(_templateObject2$4(), function(param) {
     var position = param.position;
     return position === 'left' ? '0.5rem' : 'auto';
 }, function(param) {
@@ -22281,7 +22270,7 @@ var Input = function(_param) {
                 position: "left",
                 children: /*#__PURE__*/ jsx(LeftIcon, {})
             }),
-            /*#__PURE__*/ jsx(BaseInput, _object_spread_props$5(_object_spread$6({}, props), {
+            /*#__PURE__*/ jsx(BaseInput, _object_spread_props$5(_object_spread$7({}, props), {
                 sz: sz,
                 error: error
             })),
@@ -22304,7 +22293,7 @@ function _array_with_holes$5(arr) {
 function _array_without_holes$2(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$5(arr);
 }
-function _define_property$5(obj, key, value) {
+function _define_property$6(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -22350,7 +22339,7 @@ function _non_iterable_rest$5() {
 function _non_iterable_spread$2() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$5(target) {
+function _object_spread$6(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -22360,7 +22349,7 @@ function _object_spread$5(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$5(target, key, source[key]);
+            _define_property$6(target, key, source[key]);
         });
     }
     return target;
@@ -22414,7 +22403,7 @@ function _object_without_properties_loose$4(source, excluded) {
 function _sliced_to_array$5(arr, i) {
     return _array_with_holes$5(arr) || _iterable_to_array_limit$5(arr, i) || _unsupported_iterable_to_array$5(arr, i) || _non_iterable_rest$5();
 }
-function _tagged_template_literal$5(strings, raw) {
+function _tagged_template_literal$9(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -22435,26 +22424,26 @@ function _unsupported_iterable_to_array$5(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$5(o, minLen);
 }
-function _templateObject$5() {
-    var data = _tagged_template_literal$5([
+function _templateObject$9() {
+    var data = _tagged_template_literal$9([
         "\n  display: flex;\n  align-items: center;\n  width: 100%;\n"
     ]);
-    _templateObject$5 = function _templateObject() {
+    _templateObject$9 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject1$3() {
-    var data = _tagged_template_literal$5([
+function _templateObject1$6() {
+    var data = _tagged_template_literal$9([
         "\n  display: flex;\n  align-items: center;\n  width: 100%;\n  position: relative;\n"
     ]);
-    _templateObject1$3 = function _templateObject() {
+    _templateObject1$6 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject2$2() {
-    var data = _tagged_template_literal$5([
+function _templateObject2$3() {
+    var data = _tagged_template_literal$9([
         "\n  flex: 1;\n  cursor: pointer;\n  border: 1px solid\n    ",
         ";\n  background-color: ",
         ";\n  border-radius: 0.5rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  &::-ms-expand {\n    display: none;\n  }\n  color: ",
@@ -22464,24 +22453,24 @@ function _templateObject2$2() {
         ";\n  }\n\n  ",
         "\n"
     ]);
-    _templateObject2$2 = function _templateObject() {
+    _templateObject2$3 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject3$1() {
-    var data = _tagged_template_literal$5([
+function _templateObject3$2() {
+    var data = _tagged_template_literal$9([
         "\n  background-color: ",
         ";\n  border-radius: 1rem;\n  border: none;\n  cursor: pointer;\n  padding: 0.25rem 0.313rem;\n  display: flex;\n  gap: 0.25rem;\n  ",
         "\n  align-items: center;\n  justify-content: center;\n"
     ]);
-    _templateObject3$1 = function _templateObject() {
+    _templateObject3$2 = function _templateObject() {
         return data;
     };
     return data;
 }
 function _templateObject4$1() {
-    var data = _tagged_template_literal$5([
+    var data = _tagged_template_literal$9([
         "\n  position: absolute;\n  display: flex;\n  gap: 0.25rem;\n  width: min-content;\n  height: auto;\n  overflow-x: scroll;\n  padding: ",
         ";\n"
     ]);
@@ -22491,7 +22480,7 @@ function _templateObject4$1() {
     return data;
 }
 function _templateObject5$1() {
-    var data = _tagged_template_literal$5([
+    var data = _tagged_template_literal$9([
         "\n  position: absolute;\n  right: 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"
     ]);
     _templateObject5$1 = function _templateObject() {
@@ -22500,7 +22489,7 @@ function _templateObject5$1() {
     return data;
 }
 function _templateObject6$1() {
-    var data = _tagged_template_literal$5([
+    var data = _tagged_template_literal$9([
         "\n  ",
         "\n  color: ",
         "/80;\n"
@@ -22511,10 +22500,10 @@ function _templateObject6$1() {
     return data;
 }
 // Wrapper for the Input and Icons
-var InputWrapper = styled.div(_templateObject$5());
-var DropdownWrapper = styled.div(_templateObject1$3());
+var InputWrapper = styled.div(_templateObject$9());
+var DropdownWrapper = styled.div(_templateObject1$6());
 // Style for the Select itself
-var BaseSelect = styled.select(_templateObject2$2(), function(param) {
+var BaseSelect = styled.select(_templateObject2$3(), function(param) {
     var error = param.error, disabled = param.disabled;
     return error && !disabled ? danger600 : neutral200;
 }, function(param) {
@@ -22530,7 +22519,7 @@ var BaseSelect = styled.select(_templateObject2$2(), function(param) {
     var sz = param.sz;
     return sz === 'lg' ? $paragraph100Regular : $paragraph200Regular;
 });
-var Chip = styled.button(_templateObject3$1(), neutral100, $label200Medium);
+var Chip = styled.button(_templateObject3$2(), neutral100, $label200Medium);
 var ChipWrapper = styled.div(_templateObject4$1(), function(param) {
     var sz = param.sz;
     return sz === 'lg' ? '0.5rem 0.563rem' : '0.375rem 0.563rem';
@@ -22574,7 +22563,7 @@ var MultiSelect = function(_param) {
         children: [
             /*#__PURE__*/ jsxs(InputWrapper, {
                 children: [
-                    /*#__PURE__*/ jsx(BaseSelect, _object_spread_props$4(_object_spread$5({}, props), {
+                    /*#__PURE__*/ jsx(BaseSelect, _object_spread_props$4(_object_spread$6({}, props), {
                         onMouseDown: function(e) {
                             setOpen(!open);
                             e.stopPropagation();
@@ -22593,7 +22582,7 @@ var MultiSelect = function(_param) {
                     /*#__PURE__*/ jsx(ChipWrapper, {
                         sz: sz,
                         children: values.map(function(option) {
-                            return /*#__PURE__*/ jsx(MultiSelectChip, _object_spread_props$4(_object_spread$5({}, option), {
+                            return /*#__PURE__*/ jsx(MultiSelectChip, _object_spread_props$4(_object_spread$6({}, option), {
                                 onClick: function() {
                                     return toggleSelect(option);
                                 }
@@ -22608,7 +22597,7 @@ var MultiSelect = function(_param) {
                 bottom: 110,
                 children: /*#__PURE__*/ jsx(Fragment, {
                     children: options.map(function(option) {
-                        return /*#__PURE__*/ jsx(DropdownOption, _object_spread_props$4(_object_spread$5({}, option), {
+                        return /*#__PURE__*/ jsx(DropdownOption, _object_spread_props$4(_object_spread$6({}, option), {
                             onClick: function() {
                                 return toggleSelect(option);
                             }
@@ -22628,7 +22617,7 @@ function _array_like_to_array$4(arr, len) {
 function _array_with_holes$4(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _define_property$4(obj, key, value) {
+function _define_property$5(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -22668,7 +22657,7 @@ function _iterable_to_array_limit$4(arr, i) {
 function _non_iterable_rest$4() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$4(target) {
+function _object_spread$5(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -22678,7 +22667,7 @@ function _object_spread$4(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$4(target, key, source[key]);
+            _define_property$5(target, key, source[key]);
         });
     }
     return target;
@@ -22713,7 +22702,7 @@ function _object_without_properties_loose$3(source, excluded) {
 function _sliced_to_array$4(arr, i) {
     return _array_with_holes$4(arr) || _iterable_to_array_limit$4(arr, i) || _unsupported_iterable_to_array$4(arr, i) || _non_iterable_rest$4();
 }
-function _tagged_template_literal$4(strings, raw) {
+function _tagged_template_literal$8(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -22731,17 +22720,17 @@ function _unsupported_iterable_to_array$4(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$4(o, minLen);
 }
-function _templateObject$4() {
-    var data = _tagged_template_literal$4([
+function _templateObject$8() {
+    var data = _tagged_template_literal$8([
         "\n  font-size: 1rem;\n  animation: spin 500ms linear infinite;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ",
         ";\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"
     ]);
-    _templateObject$4 = function _templateObject() {
+    _templateObject$8 = function _templateObject() {
         return data;
     };
     return data;
 }
-var loadingWheelStyle = css(_templateObject$4(), primary500);
+var loadingWheelStyle = css(_templateObject$8(), primary500);
 var Loader = function() {
     return /*#__PURE__*/ jsx("div", {
         css: loadingWheelStyle,
@@ -22775,7 +22764,7 @@ var Search = function(_param) {
         setLoading,
         setSearchValue
     ]);
-    return /*#__PURE__*/ jsx(Input, _object_spread$4({
+    return /*#__PURE__*/ jsx(Input, _object_spread$5({
         value: value,
         leftIcon: SearchIcon,
         rightIcon: loading ? Loader : undefined,
@@ -22784,7 +22773,7 @@ var Search = function(_param) {
     }, props));
 };
 
-function _define_property$3(obj, key, value) {
+function _define_property$4(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -22797,7 +22786,7 @@ function _define_property$3(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$3(target) {
+function _object_spread$4(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -22807,7 +22796,7 @@ function _object_spread$3(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$3(target, key, source[key]);
+            _define_property$4(target, key, source[key]);
         });
     }
     return target;
@@ -22858,7 +22847,7 @@ function _object_without_properties_loose$2(source, excluded) {
     }
     return target;
 }
-function _tagged_template_literal$3(strings, raw) {
+function _tagged_template_literal$7(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -22868,18 +22857,18 @@ function _tagged_template_literal$3(strings, raw) {
         }
     }));
 }
-function _templateObject$3() {
-    var data = _tagged_template_literal$3([
+function _templateObject$7() {
+    var data = _tagged_template_literal$7([
         "\n  ",
         "\n  color: ",
         ";\n  font-family: 'Roboto', sans-serif;\n"
     ]);
-    _templateObject$3 = function _templateObject() {
+    _templateObject$7 = function _templateObject() {
         return data;
     };
     return data;
 }
-var StyledTypography = styled.div(_templateObject$3(), function(param) {
+var StyledTypography = styled.div(_templateObject$7(), function(param) {
     var $variant = param.$variant;
     return typography["$".concat($variant)];
 }, function(param) {
@@ -22894,7 +22883,7 @@ var Typography = function(_param) {
     ]);
     var Tag = getTagForVariant(variant);
     var colorString = color === 'primary' ? textPrimary : color === 'secondary' ? textSecondary : color;
-    return /*#__PURE__*/ jsx(StyledTypography, _object_spread_props$3(_object_spread$3({
+    return /*#__PURE__*/ jsx(StyledTypography, _object_spread_props$3(_object_spread$4({
         as: Tag,
         $variant: variant,
         $color: colorString
@@ -22937,7 +22926,7 @@ function getTagForVariant(variant) {
     }
 }
 
-function _tagged_template_literal$2(strings, raw) {
+function _tagged_template_literal$6(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -22947,29 +22936,29 @@ function _tagged_template_literal$2(strings, raw) {
         }
     }));
 }
-function _templateObject$2() {
-    var data = _tagged_template_literal$2([
+function _templateObject$6() {
+    var data = _tagged_template_literal$6([
         "\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: ",
         "px ",
         "px ",
         "px;\n"
     ]);
-    _templateObject$2 = function _templateObject() {
+    _templateObject$6 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject1$2() {
-    var data = _tagged_template_literal$2([
+function _templateObject1$5() {
+    var data = _tagged_template_literal$6([
         "\n  display: flex;\n  align-items: center;\n"
     ]);
-    _templateObject1$2 = function _templateObject() {
+    _templateObject1$5 = function _templateObject() {
         return data;
     };
     return data;
 }
-var PaginationContainer = styled.div(_templateObject$2(), spacing(2), spacing(1), spacing(1));
-var PageControls = styled.div(_templateObject1$2());
+var PaginationContainer = styled.div(_templateObject$6(), spacing(2), spacing(1), spacing(1));
+var PageControls = styled.div(_templateObject1$5());
 var Pagination = function(param) {
     var pageInfo = param.pageInfo, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, onPageSizeChange = param.onPageSizeChange, onPageChange = param.onPageChange;
     return /*#__PURE__*/ jsxs(PaginationContainer, {
@@ -22977,10 +22966,9 @@ var Pagination = function(param) {
             /*#__PURE__*/ jsxs(PageControls, {
                 children: [
                     /*#__PURE__*/ jsx(Typography, {
-                        variant: "paragraph100Regular",
+                        variant: "paragraph300Regular",
                         style: {
-                            marginRight: spacing(1),
-                            fontSize: 14
+                            marginRight: spacing(1)
                         },
                         as: "span",
                         children: "Rows per page:"
@@ -22993,6 +22981,9 @@ var Pagination = function(param) {
                             onPageSizeChange(Number(e.target.value));
                         },
                         disabled: isLoading,
+                        style: {
+                            fontSize: '0.75rem'
+                        },
                         children: [
                             /*#__PURE__*/ jsx("option", {
                                 value: "10",
@@ -23021,10 +23012,7 @@ var Pagination = function(param) {
             /*#__PURE__*/ jsxs(PageControls, {
                 children: [
                     /*#__PURE__*/ jsx(Typography, {
-                        variant: "paragraph100Regular",
-                        style: {
-                            fontSize: 14
-                        },
+                        variant: "paragraph300Regular",
                         as: "span",
                         children: "".concat(pageInfo.items * (pageInfo.currentPage - 1) + 1, " – ").concat(pageInfo.items * pageInfo.currentPage, " of ").concat(pageInfo.itemCount)
                     }),
@@ -23046,7 +23034,7 @@ var Pagination = function(param) {
                         onClick: function() {
                             return onPageChange(pageInfo.currentPage + 1);
                         },
-                        disabled: isLoading || pageInfo.currentPage === pageInfo.pageCount,
+                        disabled: isLoading || pageInfo.currentPage >= pageInfo.pageCount,
                         style: {
                             fontSize: 10,
                             padding: spacing(1),
@@ -23115,7 +23103,7 @@ function _array_with_holes$3(arr) {
 function _array_without_holes$1(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$3(arr);
 }
-function _define_property$2(obj, key, value) {
+function _define_property$3(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -23168,7 +23156,7 @@ function _non_iterable_rest$3() {
 function _non_iterable_spread$1() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$2(target) {
+function _object_spread$3(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -23178,7 +23166,7 @@ function _object_spread$2(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$2(target, key, source[key]);
+            _define_property$3(target, key, source[key]);
         });
     }
     return target;
@@ -23270,7 +23258,7 @@ function functionalUpdate(updater, input) {
 function makeStateUpdater(key, instance) {
     return function(updater) {
         instance.setState(function(old) {
-            return _object_spread_props$2(_object_spread$2({}, old), _define_property$2({}, key, functionalUpdate(updater, old[key])));
+            return _object_spread_props$2(_object_spread$3({}, old), _define_property$3({}, key, functionalUpdate(updater, old[key])));
         });
     };
 }
@@ -23381,7 +23369,7 @@ function createCell(table, row, column, columnId) {
 function createColumn(table, columnDef, depth, parent) {
     var _ref, _resolvedColumnDef$id;
     var defaultColumn = table._getDefaultColumnDef();
-    var resolvedColumnDef = _object_spread$2({}, defaultColumn, columnDef);
+    var resolvedColumnDef = _object_spread$3({}, defaultColumn, columnDef);
     var accessorKey = resolvedColumnDef.accessorKey;
     var id = (_ref = (_resolvedColumnDef$id = resolvedColumnDef.id) != null ? _resolvedColumnDef$id : accessorKey ? typeof String.prototype.replaceAll === 'function' ? accessorKey.replaceAll('.', '_') : accessorKey.replace(/\./g, '_') : undefined) != null ? _ref : typeof resolvedColumnDef.header === 'string' ? resolvedColumnDef.header : undefined;
     var accessorFn;
@@ -24060,7 +24048,7 @@ var ColumnFiltering = {
         };
     },
     getInitialState: function(state) {
-        return _object_spread$2({
+        return _object_spread$3({
             columnFilters: []
         }, state);
     },
@@ -24312,7 +24300,7 @@ var ColumnGrouping = {
         };
     },
     getInitialState: function(state) {
-        return _object_spread$2({
+        return _object_spread$3({
             grouping: []
         }, state);
     },
@@ -24444,7 +24432,7 @@ function orderColumns(leafColumns, grouping, groupedColumnMode) {
 //
 var ColumnOrdering = {
     getInitialState: function(state) {
-        return _object_spread$2({
+        return _object_spread$3({
             columnOrder: []
         }, state);
     },
@@ -24529,7 +24517,7 @@ var getDefaultColumnPinningState = function() {
 };
 var ColumnPinning = {
     getInitialState: function(state) {
-        return _object_spread$2({
+        return _object_spread$3({
             columnPinning: getDefaultColumnPinningState()
         }, state);
     },
@@ -24627,7 +24615,7 @@ var ColumnPinning = {
                     return cell.column.id === columnId;
                 });
             }).filter(Boolean).map(function(d) {
-                return _object_spread_props$2(_object_spread$2({}, d), {
+                return _object_spread_props$2(_object_spread$3({}, d), {
                     position: 'left'
                 });
             });
@@ -24644,7 +24632,7 @@ var ColumnPinning = {
                     return cell.column.id === columnId;
                 });
             }).filter(Boolean).map(function(d) {
-                return _object_spread_props$2(_object_spread$2({}, d), {
+                return _object_spread_props$2(_object_spread$3({}, d), {
                     position: 'right'
                 });
             });
@@ -24729,7 +24717,7 @@ var ColumnSizing = (_obj = {
         return defaultColumnSizing;
     },
     getInitialState: function(state) {
-        return _object_spread$2({
+        return _object_spread$3({
             columnSizing: {},
             columnSizingInfo: getDefaultColumnSizingInfoState()
         }, state);
@@ -24742,7 +24730,7 @@ var ColumnSizing = (_obj = {
             onColumnSizingInfoChange: makeStateUpdater('columnSizingInfo', table)
         };
     }
-}, _define_property$2(_obj, "createColumn", function(column, table) {
+}, _define_property$3(_obj, "createColumn", function(column, table) {
     column.getSize = function() {
         var _column$columnDef$min, _ref, _column$columnDef$max;
         var columnSize = table.getState().columnSizing[column.id];
@@ -24785,7 +24773,7 @@ var ColumnSizing = (_obj = {
     column.getIsResizing = function() {
         return table.getState().columnSizingInfo.isResizingColumn === column.id;
     };
-}), _define_property$2(_obj, "createHeader", function(header, table) {
+}), _define_property$3(_obj, "createHeader", function(header, table) {
     header.getSize = function() {
         var sum = 0;
         var recurse = function(header) {
@@ -24847,14 +24835,14 @@ var ColumnSizing = (_obj = {
                         var _$_ref3 = _sliced_to_array$3(_ref3, 2), columnId = _$_ref3[0], headerSize = _$_ref3[1];
                         newColumnSizing[columnId] = Math.round(Math.max(headerSize + headerSize * deltaPercentage, 0) * 100) / 100;
                     });
-                    return _object_spread_props$2(_object_spread$2({}, old), {
+                    return _object_spread_props$2(_object_spread$3({}, old), {
                         deltaOffset: deltaOffset,
                         deltaPercentage: deltaPercentage
                     });
                 });
                 if (table.options.columnResizeMode === 'onChange' || eventType === 'end') {
                     table.setColumnSizing(function(old) {
-                        return _object_spread$2({}, old, newColumnSizing);
+                        return _object_spread$3({}, old, newColumnSizing);
                     });
                 }
             };
@@ -24864,7 +24852,7 @@ var ColumnSizing = (_obj = {
             var onEnd = function(clientXPos) {
                 updateOffset('end', clientXPos);
                 table.setColumnSizingInfo(function(old) {
-                    return _object_spread_props$2(_object_spread$2({}, old), {
+                    return _object_spread_props$2(_object_spread$3({}, old), {
                         isResizingColumn: false,
                         startOffset: null,
                         startSize: null,
@@ -24916,7 +24904,7 @@ var ColumnSizing = (_obj = {
                 contextDocument == null || contextDocument.addEventListener('mouseup', mouseEvents.upHandler, passiveIfSupported);
             }
             table.setColumnSizingInfo(function(old) {
-                return _object_spread_props$2(_object_spread$2({}, old), {
+                return _object_spread_props$2(_object_spread$3({}, old), {
                     startOffset: clientX,
                     startSize: startSize,
                     deltaOffset: 0,
@@ -24927,7 +24915,7 @@ var ColumnSizing = (_obj = {
             });
         };
     };
-}), _define_property$2(_obj, "createTable", function(table) {
+}), _define_property$3(_obj, "createTable", function(table) {
     table.setColumnSizing = function(updater) {
         return table.options.onColumnSizingChange == null ? void 0 : table.options.onColumnSizingChange(updater);
     };
@@ -24993,7 +24981,7 @@ function isTouchStartEvent(e) {
 //
 var ColumnVisibility = {
     getInitialState: function(state) {
-        return _object_spread$2({
+        return _object_spread$3({
             columnVisibility: {}
         }, state);
     },
@@ -25006,7 +24994,7 @@ var ColumnVisibility = {
         column.toggleVisibility = function(value) {
             if (column.getCanHide()) {
                 table.setColumnVisibility(function(old) {
-                    return _object_spread_props$2(_object_spread$2({}, old), _define_property$2({}, column.id, value != null ? value : !column.getIsVisible()));
+                    return _object_spread_props$2(_object_spread$3({}, old), _define_property$3({}, column.id, value != null ? value : !column.getIsVisible()));
                 });
             }
         };
@@ -25091,7 +25079,7 @@ var ColumnVisibility = {
             var _value;
             value = (_value = value) != null ? _value : !table.getIsAllColumnsVisible();
             table.setColumnVisibility(table.getAllLeafColumns().reduce(function(obj, column) {
-                return _object_spread_props$2(_object_spread$2({}, obj), _define_property$2({}, column.id, !value ? !(column.getCanHide != null && column.getCanHide()) : value));
+                return _object_spread_props$2(_object_spread$3({}, obj), _define_property$3({}, column.id, !value ? !(column.getCanHide != null && column.getCanHide()) : value));
             }, {}));
         };
         table.getIsAllColumnsVisible = function() {
@@ -25144,7 +25132,7 @@ var GlobalFaceting = {
 //
 var GlobalFiltering = {
     getInitialState: function(state) {
-        return _object_spread$2({
+        return _object_spread$3({
             globalFilter: undefined
         }, state);
     },
@@ -25183,9 +25171,9 @@ var GlobalFiltering = {
     }
 };
 //
-var RowExpanding = _define_property$2({
+var RowExpanding = _define_property$3({
     getInitialState: function(state) {
-        return _object_spread$2({
+        return _object_spread$3({
             expanded: {}
         }, state);
     },
@@ -25299,7 +25287,7 @@ var RowExpanding = _define_property$2({
             }
             expanded = (_expanded = expanded) != null ? _expanded : !exists;
             if (!exists && expanded) {
-                return _object_spread_props$2(_object_spread$2({}, oldExpanded), _define_property$2({}, row.id, true));
+                return _object_spread_props$2(_object_spread$3({}, oldExpanded), _define_property$3({}, row.id, true));
             }
             if (exists && !expanded) {
                 var _row_id = row.id; oldExpanded[_row_id]; var rest = _object_without_properties$1(oldExpanded, [
@@ -25347,8 +25335,8 @@ var getDefaultPaginationState = function() {
 };
 var RowPagination = {
     getInitialState: function(state) {
-        return _object_spread_props$2(_object_spread$2({}, state), {
-            pagination: _object_spread$2({}, getDefaultPaginationState(), state == null ? void 0 : state.pagination)
+        return _object_spread_props$2(_object_spread$3({}, state), {
+            pagination: _object_spread$3({}, getDefaultPaginationState(), state == null ? void 0 : state.pagination)
         });
     },
     getDefaultOptions: function(table) {
@@ -25392,7 +25380,7 @@ var RowPagination = {
                 var pageIndex = functionalUpdate(updater, old.pageIndex);
                 var maxPageIndex = typeof table.options.pageCount === 'undefined' || table.options.pageCount === -1 ? Number.MAX_SAFE_INTEGER : table.options.pageCount - 1;
                 pageIndex = Math.max(0, Math.min(pageIndex, maxPageIndex));
-                return _object_spread_props$2(_object_spread$2({}, old), {
+                return _object_spread_props$2(_object_spread$3({}, old), {
                     pageIndex: pageIndex
                 });
             });
@@ -25410,7 +25398,7 @@ var RowPagination = {
                 var pageSize = Math.max(1, functionalUpdate(updater, old.pageSize));
                 var topRowIndex = old.pageSize * old.pageIndex;
                 var pageIndex = Math.floor(topRowIndex / pageSize);
-                return _object_spread_props$2(_object_spread$2({}, old), {
+                return _object_spread_props$2(_object_spread$3({}, old), {
                     pageIndex: pageIndex,
                     pageSize: pageSize
                 });
@@ -25424,7 +25412,7 @@ var RowPagination = {
                 if (typeof newPageCount === 'number') {
                     newPageCount = Math.max(-1, newPageCount);
                 }
-                return _object_spread_props$2(_object_spread$2({}, old), {
+                return _object_spread_props$2(_object_spread$3({}, old), {
                     pageCount: newPageCount
                 });
             });
@@ -25503,7 +25491,7 @@ var getDefaultRowPinningState = function() {
 };
 var RowPinning = {
     getInitialState: function(state) {
-        return _object_spread$2({
+        return _object_spread$3({
             rowPinning: getDefaultRowPinningState()
         }, state);
     },
@@ -25622,7 +25610,7 @@ var RowPinning = {
                 });
             });
             return rows.filter(Boolean).map(function(d) {
-                return _object_spread_props$2(_object_spread$2({}, d), {
+                return _object_spread_props$2(_object_spread$3({}, d), {
                     position: position
                 });
             });
@@ -25660,7 +25648,7 @@ var RowPinning = {
 //
 var RowSelection = {
     getInitialState: function(state) {
-        return _object_spread$2({
+        return _object_spread$3({
             rowSelection: {}
         }, state);
     },
@@ -25683,7 +25671,7 @@ var RowSelection = {
         table.toggleAllRowsSelected = function(value) {
             table.setRowSelection(function(old) {
                 value = typeof value !== 'undefined' ? value : !table.getIsAllRowsSelected();
-                var rowSelection = _object_spread$2({}, old);
+                var rowSelection = _object_spread$3({}, old);
                 var preGroupedFlatRows = table.getPreGroupedRowModel().flatRows;
                 // We don't use `mutateRowIsSelected` here for performance reasons.
                 // All of the rows are flat already, so it wouldn't be worth it
@@ -25705,7 +25693,7 @@ var RowSelection = {
         table.toggleAllPageRowsSelected = function(value) {
             return table.setRowSelection(function(old) {
                 var resolvedValue = typeof value !== 'undefined' ? value : !table.getIsAllPageRowsSelected();
-                var rowSelection = _object_spread$2({}, old);
+                var rowSelection = _object_spread$3({}, old);
                 table.getRowModel().rows.forEach(function(row) {
                     mutateRowIsSelected(rowSelection, row.id, resolvedValue, true, table);
                 });
@@ -25880,7 +25868,7 @@ var RowSelection = {
                 if (row.getCanSelect() && isSelected === value) {
                     return old;
                 }
-                var selectedRowIds = _object_spread$2({}, old);
+                var selectedRowIds = _object_spread$3({}, old);
                 mutateRowIsSelected(selectedRowIds, row.id, value, (_opts$selectChildren = opts == null ? void 0 : opts.selectChildren) != null ? _opts$selectChildren : true, table);
                 return selectedRowIds;
             });
@@ -25969,7 +25957,7 @@ function selectRowsFn(table, rowModel) {
                 newSelectedRowsById[row.id] = row;
             }
             if ((_row$subRows2 = row.subRows) != null && _row$subRows2.length) {
-                row = _object_spread_props$2(_object_spread$2({}, row), {
+                row = _object_spread_props$2(_object_spread$3({}, row), {
                     subRows: recurseRows(row.subRows)
                 });
             }
@@ -26118,7 +26106,7 @@ var sortingFns = {
 //
 var RowSorting = {
     getInitialState: function(state) {
-        return _object_spread$2({
+        return _object_spread$3({
             sorting: []
         }, state);
     },
@@ -26254,7 +26242,7 @@ var RowSorting = {
                     // This flips (or sets) the
                     newSorting = old.map(function(d) {
                         if (d.id === column.id) {
-                            return _object_spread_props$2(_object_spread$2({}, d), {
+                            return _object_spread_props$2(_object_spread$3({}, d), {
                                 desc: nextDesc
                             });
                         }
@@ -26391,10 +26379,10 @@ function createTable(options) {
         if (table.options.mergeOptions) {
             return table.options.mergeOptions(defaultOptions, options);
         }
-        return _object_spread$2({}, defaultOptions, options);
+        return _object_spread$3({}, defaultOptions, options);
     };
     var coreInitialState = {};
-    var initialState = _object_spread$2({}, coreInitialState, (_options$initialState = options.initialState) != null ? _options$initialState : {});
+    var initialState = _object_spread$3({}, coreInitialState, (_options$initialState = options.initialState) != null ? _options$initialState : {});
     table._features.forEach(function(feature) {
         var _feature$getInitialSt;
         initialState = (_feature$getInitialSt = feature.getInitialState == null ? void 0 : feature.getInitialState(initialState)) != null ? _feature$getInitialSt : initialState;
@@ -26403,7 +26391,7 @@ function createTable(options) {
     var queuedTimeout = false;
     var coreInstance = {
         _features: _features,
-        options: _object_spread$2({}, defaultOptions, options),
+        options: _object_spread$3({}, defaultOptions, options),
         initialState: initialState,
         _queue: function(cb) {
             queued.push(cb);
@@ -26475,7 +26463,7 @@ function createTable(options) {
         }, function(defaultColumn) {
             var _defaultColumn;
             defaultColumn = (_defaultColumn = defaultColumn) != null ? _defaultColumn : {};
-            return _object_spread$2({
+            return _object_spread$3({
                 header: function(props) {
                     var resolvedColumnDef = props.header.column.columnDef;
                     if (resolvedColumnDef.accessorKey) {
@@ -26903,7 +26891,7 @@ function getSortedRowModel() {
                 // This will also perform a stable sorting using the row index
                 // if needed.
                 var sortedData = rows.map(function(row) {
-                    return _object_spread$2({}, row);
+                    return _object_spread$3({}, row);
                 });
                 sortedData.sort(function(rowA, rowB) {
                     for(var i = 0; i < availableSorting.length; i += 1){
@@ -26979,7 +26967,7 @@ function getSortedRowModel() {
 function _array_with_holes$2(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _define_property$1(obj, key, value) {
+function _define_property$2(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -27019,7 +27007,7 @@ function _iterable_to_array_limit$2(arr, i) {
 function _non_iterable_rest$2() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$1(target) {
+function _object_spread$2(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -27029,7 +27017,7 @@ function _object_spread$1(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$1(target, key, source[key]);
+            _define_property$2(target, key, source[key]);
         });
     }
     return target;
@@ -27091,7 +27079,7 @@ function isExoticComponent(component) {
 }
 function useReactTable(options) {
     // Compose in the generic options to the user options
-    var resolvedOptions = _object_spread$1({
+    var resolvedOptions = _object_spread$2({
         state: {},
         // Dummy state
         onStateChange: function() {},
@@ -27111,8 +27099,8 @@ function useReactTable(options) {
     // Compose the default state above with any user state. This will allow the user
     // to only control a subset of the state if desired.
     tableRef.current.setOptions(function(prev) {
-        return _object_spread_props$1(_object_spread$1({}, prev, options), {
-            state: _object_spread$1({}, state, options.state),
+        return _object_spread_props$1(_object_spread$2({}, prev, options), {
+            state: _object_spread$2({}, state, options.state),
             // Similarly, we'll maintain both our internal state and any user-provided
             // state.
             onStateChange: function(updater) {
@@ -27124,7 +27112,7 @@ function useReactTable(options) {
     return tableRef.current;
 }
 
-function _tagged_template_literal$1(strings, raw) {
+function _tagged_template_literal$5(strings, raw) {
     if (!raw) {
         raw = strings.slice(0);
     }
@@ -27134,50 +27122,48 @@ function _tagged_template_literal$1(strings, raw) {
         }
     }));
 }
-function _templateObject$1() {
-    var data = _tagged_template_literal$1([
-        "\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid ",
-        ";\n  border-radius: ",
-        "px;\n  overflow: hidden;\n"
+function _templateObject$5() {
+    var data = _tagged_template_literal$5([
+        "\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0;\n"
     ]);
-    _templateObject$1 = function _templateObject() {
+    _templateObject$5 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject1$1() {
-    var data = _tagged_template_literal$1([
-        "\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  overflow-x: auto;\n"
+function _templateObject1$4() {
+    var data = _tagged_template_literal$5([
+        "\n  position: sticky;\n  top: 0;\n  z-index: 1;\n"
     ]);
-    _templateObject1$1 = function _templateObject() {
+    _templateObject1$4 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject2$1() {
-    var data = _tagged_template_literal$1([
-        "\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0;\n"
+function _templateObject2$2() {
+    var data = _tagged_template_literal$5([
+        "\n  padding: ",
+        "px;\n  text-align: left;\n  position: relative;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  background: ",
+        ";\n  border-bottom: 1px solid ",
+        ";\n\n  &:hover .pbui-table-resize-handle {\n    height: 100%;\n  }\n"
     ]);
-    _templateObject2$1 = function _templateObject() {
+    _templateObject2$2 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject3() {
-    var data = _tagged_template_literal$1([
-        "\n  position: sticky;\n  top: 0;\n  z-index: 1;\n"
+function _templateObject3$1() {
+    var data = _tagged_template_literal$5([
+        "\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"
     ]);
-    _templateObject3 = function _templateObject() {
+    _templateObject3$1 = function _templateObject() {
         return data;
     };
     return data;
 }
 function _templateObject4() {
-    var data = _tagged_template_literal$1([
-        "\n  padding: ",
-        "px;\n  text-align: left;\n  font-size: 14px;\n  position: relative;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  background: ",
-        ";\n  border-bottom: 1px solid ",
-        ";\n\n  &:hover .resize-handle {\n    height: 100%;\n  }\n"
+    var data = _tagged_template_literal$5([
+        "\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  height: 100%;\n  width: 6px;\n  padding-right: 10px;\n"
     ]);
     _templateObject4 = function _templateObject() {
         return data;
@@ -27185,9 +27171,9 @@ function _templateObject4() {
     return data;
 }
 function _templateObject5() {
-    var data = _tagged_template_literal$1([
-        "\n      &:hover {\n        background: ",
-        ";\n      }\n    "
+    var data = _tagged_template_literal$5([
+        "\n  position: absolute;\n  height: 0%;\n  width: 6px;\n  background-color: ",
+        ";\n  cursor: col-resize;\n  user-select: none;\n  touch-action: none;\n  transition: height ease 0.25s;\n"
     ]);
     _templateObject5 = function _templateObject() {
         return data;
@@ -27195,84 +27181,210 @@ function _templateObject5() {
     return data;
 }
 function _templateObject6() {
-    var data = _tagged_template_literal$1([
-        "\n  ",
-        "\n\n  &:last-child td {\n    border-bottom: none;\n  }\n"
+    var data = _tagged_template_literal$5([
+        "\n  font-size: 9px;\n  display: inline-flex;\n  flex-direction: column;\n  margin-left: ",
+        "px;\n  align-items: center;\n\n  & svg:first-of-type {\n    margin-bottom: -1.5px;\n  }\n  & svg:last-of-type {\n    margin-top: -1.5px;\n  }\n"
     ]);
     _templateObject6 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject7() {
-    var data = _tagged_template_literal$1([
-        "\n  border-bottom: 1px solid ",
-        ";\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n"
-    ]);
-    _templateObject7 = function _templateObject() {
-        return data;
-    };
-    return data;
+var StyledTable$1 = styled.table(_templateObject$5());
+var StyledHeader = styled.div(_templateObject1$4());
+var Th = styled(Typography)(_templateObject2$2(), spacing(1), neutral100, neutral300);
+var HeaderContent = styled.div(_templateObject3$1());
+var ResizeHandleContainer = styled.div(_templateObject4());
+var ResizeHandle = styled.div(_templateObject5(), neutral300);
+var SortIcon = styled.span(_templateObject6(), spacing(1));
+var TableHeader = function(param) {
+    var table = param.table, columnWidths = param.columnWidths, disableControls = param.disableControls, dense = param.dense;
+    return /*#__PURE__*/ jsx(StyledHeader, {
+        children: /*#__PURE__*/ jsxs(StyledTable$1, {
+            children: [
+                /*#__PURE__*/ jsx("colgroup", {
+                    children: columnWidths.map(function(param) {
+                        var id = param.id, width = param.width;
+                        return /*#__PURE__*/ jsx("col", {
+                            style: {
+                                width: "".concat(width, "px")
+                            }
+                        }, id);
+                    })
+                }),
+                /*#__PURE__*/ jsx("thead", {
+                    children: table.getHeaderGroups().map(function(headerGroup) {
+                        return /*#__PURE__*/ jsx("tr", {
+                            children: headerGroup.headers.map(function(header) {
+                                return /*#__PURE__*/ jsxs(Th, {
+                                    variant: "paragraph200Semibold",
+                                    as: "th",
+                                    style: {
+                                        padding: dense ? "".concat(spacing(1), "px ").concat(spacing(header.id === 'row-select' ? 1 : 1.5), "px") : "".concat(spacing(1.5), "px ").concat(spacing(header.id === 'row-select' ? 1 : 1.5), "px")
+                                    },
+                                    children: [
+                                        header.isPlaceholder ? null : /*#__PURE__*/ jsxs(HeaderContent, {
+                                            role: header.column.getCanSort() ? 'button' : undefined,
+                                            onClick: !disableControls ? header.column.getToggleSortingHandler() : undefined,
+                                            style: {
+                                                cursor: header.column.getCanSort() ? 'pointer' : 'default'
+                                            },
+                                            children: [
+                                                flexRender(header.column.columnDef.header, header.getContext()),
+                                                header.column.getCanSort() && /*#__PURE__*/ jsxs(SortIcon, {
+                                                    children: [
+                                                        /*#__PURE__*/ jsx(ChevronUp, {
+                                                            color: header.column.getIsSorted() === 'desc' ? neutral400 : undefined
+                                                        }),
+                                                        /*#__PURE__*/ jsx(ChevronDown, {
+                                                            color: header.column.getIsSorted() === 'asc' ? neutral400 : undefined
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        header.column.getCanResize() && /*#__PURE__*/ jsx(ResizeHandleContainer, {
+                                            children: /*#__PURE__*/ jsx(ResizeHandle, {
+                                                onMouseDown: header.getResizeHandler(),
+                                                onTouchStart: header.getResizeHandler(),
+                                                className: "pbui-table-resize-handle",
+                                                onClick: function(e) {
+                                                    e.stopPropagation();
+                                                    e.preventDefault();
+                                                }
+                                            })
+                                        })
+                                    ]
+                                }, header.id);
+                            })
+                        }, headerGroup.id);
+                    })
+                })
+            ]
+        })
+    });
+};
+
+function _tagged_template_literal$4(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
 }
-function _templateObject8() {
-    var data = _tagged_template_literal$1([
-        "\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"
+function _templateObject$4() {
+    var data = _tagged_template_literal$4([
+        "\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0;\n"
     ]);
-    _templateObject8 = function _templateObject() {
+    _templateObject$4 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject9() {
-    var data = _tagged_template_literal$1([
-        "\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  height: 100%;\n  width: 6px;\n  padding-right: 10px;\n"
+function _templateObject1$3() {
+    var data = _tagged_template_literal$4([
+        "\n      &:hover {\n        background: ",
+        ";\n      }\n    "
     ]);
-    _templateObject9 = function _templateObject() {
+    _templateObject1$3 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject10() {
-    var data = _tagged_template_literal$1([
-        "\n  position: absolute;\n  height: 0%;\n  width: 6px;\n  background-color: ",
-        ";\n  cursor: col-resize;\n  user-select: none;\n  touch-action: none;\n  transition: height ease 0.25s;\n"
+function _templateObject2$1() {
+    var data = _tagged_template_literal$4([
+        "\n  ",
+        "\n\n  &:last-child td {\n    border-bottom: none;\n  }\n"
     ]);
-    _templateObject10 = function _templateObject() {
+    _templateObject2$1 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject11() {
-    var data = _tagged_template_literal$1([
-        "\n  font-size: 9px;\n  display: inline-flex;\n  flex-direction: column;\n  margin-left: ",
-        "px;\n  align-items: center;\n\n  & svg:first-of-type {\n    margin-bottom: -1.5px;\n  }\n  & svg:last-of-type {\n    margin-top: -1.5px;\n  }\n"
+function _templateObject3() {
+    var data = _tagged_template_literal$4([
+        "\n  border-bottom: 1px solid ",
+        ";\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"
     ]);
-    _templateObject11 = function _templateObject() {
+    _templateObject3 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject12() {
-    var data = _tagged_template_literal$1([
-        "\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.05);\n  font-size: 22px;\n"
-    ]);
-    _templateObject12 = function _templateObject() {
-        return data;
-    };
-    return data;
+var StyledTable = styled.table(_templateObject$4());
+var Tr = styled.tr(_templateObject2$1(), function(props) {
+    return props.enableHover && css(_templateObject1$3(), primary100);
+});
+var Td = styled(Typography)(_templateObject3(), neutral300);
+var TableBody = function(param) {
+    var table = param.table, columnWidths = param.columnWidths, enableRowSelection = param.enableRowSelection, onRowClick = param.onRowClick, dense = param.dense;
+    return /*#__PURE__*/ jsxs(StyledTable, {
+        children: [
+            /*#__PURE__*/ jsx("colgroup", {
+                children: columnWidths.map(function(param) {
+                    var id = param.id, width = param.width;
+                    return /*#__PURE__*/ jsx("col", {
+                        style: {
+                            width: "".concat(width, "px")
+                        }
+                    }, id);
+                })
+            }),
+            /*#__PURE__*/ jsx("tbody", {
+                children: table.getRowModel().rows.map(function(row) {
+                    var rowClickEnabled = enableRowSelection || !!onRowClick;
+                    return /*#__PURE__*/ jsx(Tr, {
+                        role: rowClickEnabled ? 'button' : undefined,
+                        onClick: onRowClick ? function() {
+                            return onRowClick(row.original);
+                        } : row.getToggleSelectedHandler(),
+                        style: {
+                            cursor: rowClickEnabled ? 'pointer' : undefined,
+                            background: row.getIsSelected() ? primary100 : undefined
+                        },
+                        enableHover: rowClickEnabled,
+                        children: row.getVisibleCells().map(function(cell) {
+                            return /*#__PURE__*/ jsx(Td, {
+                                variant: "paragraph200Regular",
+                                as: "td",
+                                style: {
+                                    padding: dense ? "".concat(spacing(1), "px ").concat(spacing(cell.column.id === 'row-select' ? 1 : 1.5), "px") : "".concat(spacing(1.5), "px ").concat(spacing(cell.column.id === 'row-select' ? 1 : 1.5), "px")
+                                },
+                                children: flexRender(cell.column.columnDef.cell, cell.getContext())
+                            }, cell.id);
+                        })
+                    }, row.id);
+                })
+            })
+        ]
+    });
+};
+
+function _tagged_template_literal$3(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
 }
-function _templateObject13() {
-    var data = _tagged_template_literal$1([
+function _templateObject$3() {
+    var data = _tagged_template_literal$3([
         "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: ",
         "px;\n  background: none;\n  font-size: 20px;\n"
     ]);
-    _templateObject13 = function _templateObject() {
+    _templateObject$3 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject14() {
-    var data = _tagged_template_literal$1([
+function _templateObject1$2() {
+    var data = _tagged_template_literal$3([
         "\n  width: 100%;\n  padding: ",
         "px ",
         "px;\n  border: none;\n  background: none;\n  text-align: left;\n  cursor: ",
@@ -27281,27 +27393,13 @@ function _templateObject14() {
         "px;\n\n  &:hover:not(:disabled) {\n    background-color: ",
         ";\n  }\n"
     ]);
-    _templateObject14 = function _templateObject() {
+    _templateObject1$2 = function _templateObject() {
         return data;
     };
     return data;
 }
-var TableContainer = styled.div(_templateObject$1(), neutral300, spacing(1));
-var TableWrapper = styled.div(_templateObject1$1());
-var StyledTable = styled.table(_templateObject2$1());
-var TableHeader = styled.div(_templateObject3());
-var Th = styled(Typography)(_templateObject4(), spacing(1), neutral100, neutral300);
-var Tr = styled.tr(_templateObject6(), function(props) {
-    return props.enableHover && css(_templateObject5(), primary100);
-});
-var Td = styled(Typography)(_templateObject7(), neutral300);
-var HeaderContent = styled.div(_templateObject8());
-var ResizeHandleContainer = styled.div(_templateObject9());
-var ResizeHandle = styled.div(_templateObject10(), neutral300);
-var SortIcon = styled.span(_templateObject11(), spacing(1));
-var LoadingOverlay = styled.div(_templateObject12());
-var ContextMenuButton = styled(Button)(_templateObject13(), spacing(0.5));
-var MenuItem = styled.button(_templateObject14(), spacing(1), spacing(2), function(props) {
+var ContextMenuButton = styled(Button)(_templateObject$3(), spacing(0.5));
+var MenuItem = styled.button(_templateObject1$2(), spacing(1), spacing(2), function(props) {
     return props.disabled ? 'not-allowed' : 'pointer';
 }, function(props) {
     return props.disabled ? 0.5 : 1;
@@ -27347,6 +27445,34 @@ var ContextMenuCell = function(param) {
     });
 };
 
+function _tagged_template_literal$2(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject$2() {
+    var data = _tagged_template_literal$2([
+        "\n  position: absolute;\n  z-index: 2;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.05);\n  font-size: 32px;\n"
+    ]);
+    _templateObject$2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var Overlay = styled.div(_templateObject$2());
+var LoadingOverlay = function() {
+    return /*#__PURE__*/ jsx(Overlay, {
+        children: /*#__PURE__*/ jsx(LoadingWheel, {
+            color: primary500
+        })
+    });
+};
+
 function _array_like_to_array$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -27358,6 +27484,19 @@ function _array_with_holes$1(arr) {
 function _array_without_holes(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$1(arr);
 }
+function _define_property$1(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _iterable_to_array(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
@@ -27391,9 +27530,34 @@ function _non_iterable_rest$1() {
 function _non_iterable_spread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _object_spread$1(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$1(target, key, source[key]);
+        });
+    }
+    return target;
+}
 function _sliced_to_array$1(arr, i) {
     return _array_with_holes$1(arr) || _iterable_to_array_limit$1(arr, i) || _unsupported_iterable_to_array$1(arr, i) || _non_iterable_rest$1();
 }
+function _tagged_template_literal$1(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
 function _to_consumable_array(arr) {
     return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array$1(arr) || _non_iterable_spread();
 }
@@ -27405,19 +27569,46 @@ function _unsupported_iterable_to_array$1(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
 }
+function _templateObject$1() {
+    var data = _tagged_template_literal$1([
+        "\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid ",
+        ";\n  border-radius: ",
+        "px;\n  overflow: hidden;\n"
+    ]);
+    _templateObject$1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1$1() {
+    var data = _tagged_template_literal$1([
+        "\n  position: relative;\n  flex: 1;\n  min-height: 0;\n  overflow-x: auto;\n"
+    ]);
+    _templateObject1$1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var TableContainer = styled.div(_templateObject$1(), neutral300, spacing(1));
+var TableWrapper = styled.div(_templateObject1$1());
 var Table = function(param) {
-    var _param_height = param.height, height = _param_height === void 0 ? 400 : _param_height, data = param.data, pageInfo = param.pageInfo, columns = param.columns, getRowId = param.getRowId, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, sorting = param.sorting, onPageSizeChange = param.onPageSizeChange, onPageChange = param.onPageChange, onSortChange = param.onSortChange, _param_enableRowSelection = param.enableRowSelection, enableRowSelection = _param_enableRowSelection === void 0 ? false : _param_enableRowSelection, _param_selectedRows = param.selectedRows, selectedRows = _param_selectedRows === void 0 ? {} : _param_selectedRows, onRowSelectionChange = param.onRowSelectionChange, onRowClick = param.onRowClick, rowActions = param.rowActions, _param_dense = param.dense, dense = _param_dense === void 0 ? false : _param_dense;
+    var columns = param.columns, _param_data = param.data, data = _param_data === void 0 ? [] : _param_data, getRowId = param.getRowId, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_pageInfo = param.pageInfo, pageInfo = _param_pageInfo === void 0 ? {
+        pageCount: 1,
+        itemCount: 0,
+        currentPage: 1,
+        items: 50
+    } : _param_pageInfo, onPageSizeChange = param.onPageSizeChange, onPageChange = param.onPageChange, sortBy = param.sortBy, sortOrder = param.sortOrder, onSortChange = param.onSortChange, _param_enableRowSelection = param.enableRowSelection, enableRowSelection = _param_enableRowSelection === void 0 ? false : _param_enableRowSelection, _param_selectedRows = param.selectedRows, selectedRows = _param_selectedRows === void 0 ? {} : _param_selectedRows, onRowSelectionChange = param.onRowSelectionChange, onRowClick = param.onRowClick, rowActions = param.rowActions, _param_dense = param.dense, dense = _param_dense === void 0 ? false : _param_dense, _param_height = param.height, height = _param_height === void 0 ? 400 : _param_height;
     var _useState = _sliced_to_array$1(useState({}), 2), columnSizing = _useState[0], setColumnSizing = _useState[1];
     var _useState1 = _sliced_to_array$1(useState(null), 2), openMenuId = _useState1[0], setOpenMenuId = _useState1[1];
+    var disableControls = isLoading || !data.length;
     var tableColumns = useMemo(function() {
         return columns.map(function(col) {
-            return {
+            return _object_spread$1({
                 id: col.key,
                 accessorKey: col.key,
-                header: col.header,
                 size: col.width,
                 enableSorting: col.sortable
-            };
+            }, col);
         });
     }, [
         columns
@@ -27432,7 +27623,8 @@ var Table = function(param) {
                     return /*#__PURE__*/ jsx(Checkbox, {
                         checked: table.getIsAllRowsSelected(),
                         indeterminate: table.getIsSomeRowsSelected(),
-                        onChange: table.getToggleAllPageRowsSelectedHandler()
+                        onChange: table.getToggleAllPageRowsSelectedHandler(),
+                        disabled: disableControls
                     });
                 },
                 cell: function(param) {
@@ -27443,7 +27635,7 @@ var Table = function(param) {
                         },
                         children: /*#__PURE__*/ jsx(Checkbox, {
                             checked: row.getIsSelected(),
-                            disabled: !row.getCanSelect(),
+                            disabled: disableControls || !row.getCanSelect(),
                             onClick: function(e) {
                                 return e.stopPropagation();
                             },
@@ -27476,11 +27668,28 @@ var Table = function(param) {
         }
         return cols;
     }, [
-        columns,
+        tableColumns,
         enableRowSelection,
         rowActions,
+        disableControls,
         openMenuId
     ]);
+    var handleSortingChange = useCallback(function(updater) {
+        var nextState = typeof updater === 'function' ? updater(sortBy && sortOrder ? [
+            {
+                id: sortBy,
+                desc: sortOrder === 'desc'
+            }
+        ] : []) : updater;
+        if (typeof onSortChange === 'function') {
+            var _nextState_, _nextState_1;
+            onSortChange((_nextState_ = nextState[0]) === null || _nextState_ === void 0 ? void 0 : _nextState_.id, ((_nextState_1 = nextState[0]) === null || _nextState_1 === void 0 ? void 0 : _nextState_1.desc) ? 'desc' : 'asc');
+        }
+    }, [
+        sortBy,
+        sortOrder,
+        onSortChange
+    ]);
     var table = useReactTable({
         data: data,
         columns: allColumns,
@@ -27496,19 +27705,15 @@ var Table = function(param) {
                 pageSize: pageInfo.items
             },
             columnSizing: columnSizing,
-            sorting: sorting ? [
-                sorting
+            sorting: sortBy && sortOrder ? [
+                {
+                    id: sortBy,
+                    desc: sortOrder === 'desc'
+                }
             ] : [],
             rowSelection: selectedRows
         },
-        onSortingChange: function(updater) {
-            var nextState = typeof updater === 'function' ? updater(sorting ? [
-                sorting
-            ] : []) : updater;
-            if (typeof onSortChange === 'function') {
-                onSortChange(nextState[0]);
-            }
-        },
+        onSortingChange: handleSortingChange,
         manualPagination: true,
         manualSorting: true,
         pageCount: pageInfo.pageCount,
@@ -27535,118 +27740,34 @@ var Table = function(param) {
                     height: height
                 },
                 children: [
+                    isLoading && /*#__PURE__*/ jsx(LoadingOverlay, {}),
+                    Boolean(!isLoading && !data.length) && /*#__PURE__*/ jsx(Typography, {
+                        variant: "paragraph200Regular",
+                        as: "div",
+                        style: {
+                            position: 'absolute',
+                            left: '50%',
+                            top: '50%',
+                            transform: 'translate(-50%, -50%)'
+                        },
+                        children: "No results found."
+                    }),
                     /*#__PURE__*/ jsxs(TableWrapper, {
                         children: [
                             /*#__PURE__*/ jsx(TableHeader, {
-                                children: /*#__PURE__*/ jsxs(StyledTable, {
-                                    children: [
-                                        /*#__PURE__*/ jsx("colgroup", {
-                                            children: columnWidths.map(function(param) {
-                                                var id = param.id, width = param.width;
-                                                return /*#__PURE__*/ jsx("col", {
-                                                    style: {
-                                                        width: "".concat(width, "px")
-                                                    }
-                                                }, id);
-                                            })
-                                        }),
-                                        /*#__PURE__*/ jsx("thead", {
-                                            children: table.getHeaderGroups().map(function(headerGroup) {
-                                                return /*#__PURE__*/ jsx("tr", {
-                                                    children: headerGroup.headers.map(function(header) {
-                                                        return /*#__PURE__*/ jsxs(Th, {
-                                                            variant: "paragraph100Semibold",
-                                                            as: "th",
-                                                            style: {
-                                                                padding: dense ? "".concat(spacing(1), "px ").concat(spacing(header.id === 'row-select' ? 1 : 1.5), "px") : "".concat(spacing(1.5), "px ").concat(spacing(header.id === 'row-select' ? 1 : 1.5), "px")
-                                                            },
-                                                            children: [
-                                                                header.isPlaceholder ? null : /*#__PURE__*/ jsxs(HeaderContent, {
-                                                                    role: header.column.getCanSort() ? 'button' : undefined,
-                                                                    onClick: header.column.getToggleSortingHandler(),
-                                                                    style: {
-                                                                        cursor: header.column.getCanSort() ? 'pointer' : 'default'
-                                                                    },
-                                                                    children: [
-                                                                        flexRender(header.column.columnDef.header, header.getContext()),
-                                                                        header.column.getCanSort() && /*#__PURE__*/ jsxs(SortIcon, {
-                                                                            children: [
-                                                                                /*#__PURE__*/ jsx(ChevronUp, {
-                                                                                    color: header.column.getIsSorted() === 'desc' ? neutral400 : undefined
-                                                                                }),
-                                                                                /*#__PURE__*/ jsx(ChevronDown, {
-                                                                                    color: header.column.getIsSorted() === 'asc' ? neutral400 : undefined
-                                                                                })
-                                                                            ]
-                                                                        })
-                                                                    ]
-                                                                }),
-                                                                header.column.getCanResize() && /*#__PURE__*/ jsx(ResizeHandleContainer, {
-                                                                    children: /*#__PURE__*/ jsx(ResizeHandle, {
-                                                                        onMouseDown: header.getResizeHandler(),
-                                                                        onTouchStart: header.getResizeHandler(),
-                                                                        className: "resize-handle ".concat(header.column.getIsResizing() ? 'resizing' : ''),
-                                                                        onClick: function(e) {
-                                                                            e.stopPropagation();
-                                                                            e.preventDefault();
-                                                                        }
-                                                                    })
-                                                                })
-                                                            ]
-                                                        }, header.id);
-                                                    })
-                                                }, headerGroup.id);
-                                            })
-                                        })
-                                    ]
-                                })
+                                table: table,
+                                columnWidths: columnWidths,
+                                disableControls: disableControls,
+                                dense: dense
                             }),
-                            /*#__PURE__*/ jsxs(StyledTable, {
-                                children: [
-                                    /*#__PURE__*/ jsx("colgroup", {
-                                        children: columnWidths.map(function(param) {
-                                            var id = param.id, width = param.width;
-                                            return /*#__PURE__*/ jsx("col", {
-                                                style: {
-                                                    width: "".concat(width, "px")
-                                                }
-                                            }, id);
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsx("tbody", {
-                                        children: table.getRowModel().rows.map(function(row) {
-                                            var rowClickEnabled = enableRowSelection || !!onRowClick;
-                                            return /*#__PURE__*/ jsx(Tr, {
-                                                role: rowClickEnabled ? 'button' : undefined,
-                                                onClick: onRowClick ? function() {
-                                                    return onRowClick(row.original);
-                                                } : row.getToggleSelectedHandler(),
-                                                style: {
-                                                    cursor: rowClickEnabled ? 'pointer' : undefined,
-                                                    background: row.getIsSelected() ? primary100 : undefined
-                                                },
-                                                enableHover: rowClickEnabled,
-                                                children: row.getVisibleCells().map(function(cell) {
-                                                    return /*#__PURE__*/ jsx(Td, {
-                                                        variant: "paragraph100Regular",
-                                                        as: "td",
-                                                        style: {
-                                                            padding: dense ? "".concat(spacing(1), "px ").concat(spacing(cell.column.id === 'row-select' ? 1 : 1.5), "px") : "".concat(spacing(1.5), "px ").concat(spacing(cell.column.id === 'row-select' ? 1 : 1.5), "px")
-                                                        },
-                                                        children: flexRender(cell.column.columnDef.cell, cell.getContext())
-                                                    }, cell.id);
-                                                })
-                                            }, row.id);
-                                        })
-                                    })
-                                ]
+                            /*#__PURE__*/ jsx(TableBody, {
+                                table: table,
+                                columnWidths: columnWidths,
+                                enableRowSelection: enableRowSelection,
+                                onRowClick: onRowClick,
+                                dense: dense
                             })
                         ]
-                    }),
-                    isLoading && /*#__PURE__*/ jsx(LoadingOverlay, {
-                        children: /*#__PURE__*/ jsx(LoadingWheel, {
-                            color: primary500
-                        })
                     })
                 ]
             }),
@@ -27884,4 +28005,4 @@ var Tooltip = function(_param) {
     });
 };
 
-export { Add, AlertBar, Button, Calendar, CalendarIcon$1 as CalendarIcon, Cancel, Checkbox, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Close, DEFAULT_SPACING, DatePicker, Delete, Dropdown, DropdownOption, Edit, Error$1 as Error, Info, Input, InputWrapper, LoadingWheel, MoreVertical, MultiSelect, Pagination, Popper, Return, Search, SearchIcon, Success, Table, Tooltip, Typography, Warning, baseTypography, colors, elevation, loadingWheelStyle, spacing, typography };
+export { Add, AlertBar, Button, Calendar, CalendarIcon$1 as CalendarIcon, Cancel, Checkbox, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Close, DEFAULT_SPACING, DatePicker, Delete, Dropdown, DropdownOption, Edit, Error$1 as Error, Info, Input, InputWrapper, LoadingWheel, MoreVertical, MultiSelect, Pagination, Popper, Return, Search, SearchIcon, Success, Table, TableContainer, TableWrapper, Tooltip, Typography, Warning, baseTypography, colors, elevation, loadingWheelStyle, spacing, typography };