@northlight/ui 2.16.0 → 2.17.0

package/dist/umd/northlight.cjs

@@ -4,6 +4,24 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.northlight = {}, global.react, global.React, global.chakraReactSelect, global.ramda, global.focus, global.reactHookForm, global.system, global.tokens, global.icons, global.joi, global.checkbox$1, global.radio$1, global.utils, global.radio, global.checkbox, global.datepicker, global.datepicker$1, global.date, global.button, global.i18n, global.calendar$1, global.calendar, global.reactRouterDom, global.clickable, global.framerMotion, global.core, global.utilities, global.sortable, global.modifiers, global.reactWindow, global.AutoSizer, global.AvatarEditor, global.themeTools, global.reactNumberFormat, global.InputMask));
 })(this, (function (exports, react, React, chakraReactSelect, ramda, focus, reactHookForm, system, tokens, icons, joi, checkbox$1, radio$1, utils, radio, checkbox, datepicker, datepicker$1, date, button, i18n, calendar$1, calendar, reactRouterDom, clickable, framerMotion, core, utilities, sortable, modifiers, reactWindow, AutoSizer, AvatarEditor, themeTools, reactNumberFormat, InputMask) { 'use strict';
 
+  var __defProp$2g = Object.defineProperty;
+  var __getOwnPropSymbols$2g = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2g = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2g = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2g = (obj, key, value) => key in obj ? __defProp$2g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2g = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$2g.call(b, prop))
+        __defNormalProp$2g(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2g)
+      for (var prop of __getOwnPropSymbols$2g(b)) {
+        if (__propIsEnum$2g.call(b, prop))
+          __defNormalProp$2g(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const Accordion = (props) => /* @__PURE__ */ React.createElement(react.Accordion, __spreadValues$2g({}, props));
+
   var __defProp$2f = Object.defineProperty;
   var __getOwnPropSymbols$2f = Object.getOwnPropertySymbols;
   var __hasOwnProp$2f = Object.prototype.hasOwnProperty;
@@ -20,7 +38,7 @@
       }
     return a;
   };
-  const Accordion = (props) => /* @__PURE__ */ React.createElement(react.Accordion, __spreadValues$2f({}, props));
+  const AccordionButton = (props) => /* @__PURE__ */ React.createElement(react.AccordionButton, __spreadValues$2f({}, props));
 
   var __defProp$2e = Object.defineProperty;
   var __getOwnPropSymbols$2e = Object.getOwnPropertySymbols;
@@ -38,7 +56,7 @@
       }
     return a;
   };
-  const AccordionButton = (props) => /* @__PURE__ */ React.createElement(react.AccordionButton, __spreadValues$2e({}, props));
+  const AccordionPanel = (props) => /* @__PURE__ */ React.createElement(react.AccordionPanel, __spreadValues$2e({}, props));
 
   var __defProp$2d = Object.defineProperty;
   var __getOwnPropSymbols$2d = Object.getOwnPropertySymbols;
@@ -56,25 +74,7 @@
       }
     return a;
   };
-  const AccordionPanel = (props) => /* @__PURE__ */ React.createElement(react.AccordionPanel, __spreadValues$2d({}, props));
-
-  var __defProp$2c = Object.defineProperty;
-  var __getOwnPropSymbols$2c = Object.getOwnPropertySymbols;
-  var __hasOwnProp$2c = Object.prototype.hasOwnProperty;
-  var __propIsEnum$2c = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$2c = (obj, key, value) => key in obj ? __defProp$2c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$2c = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$2c.call(b, prop))
-        __defNormalProp$2c(a, prop, b[prop]);
-    if (__getOwnPropSymbols$2c)
-      for (var prop of __getOwnPropSymbols$2c(b)) {
-        if (__propIsEnum$2c.call(b, prop))
-          __defNormalProp$2c(a, prop, b[prop]);
-      }
-    return a;
-  };
-  const AccordionItem = (props) => /* @__PURE__ */ React.createElement(react.AccordionItem, __spreadValues$2c({}, props));
+  const AccordionItem = (props) => /* @__PURE__ */ React.createElement(react.AccordionItem, __spreadValues$2d({}, props));
 
   const useDebounce = (value, delay) => {
     const [debouncedValue, setDebouncedValue] = React.useState(value);
@@ -390,6 +390,24 @@
     return fieldError;
   }
 
+  var __defProp$2c = Object.defineProperty;
+  var __getOwnPropSymbols$2c = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2c = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2c = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2c = (obj, key, value) => key in obj ? __defProp$2c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2c = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$2c.call(b, prop))
+        __defNormalProp$2c(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2c)
+      for (var prop of __getOwnPropSymbols$2c(b)) {
+        if (__propIsEnum$2c.call(b, prop))
+          __defNormalProp$2c(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const passPropsToChild = (child, styles) => React.isValidElement(child) ? React.cloneElement(child, __spreadValues$2c({}, styles)) : child;
+
   var __defProp$2b = Object.defineProperty;
   var __getOwnPropSymbols$2b = Object.getOwnPropertySymbols;
   var __hasOwnProp$2b = Object.prototype.hasOwnProperty;
@@ -406,27 +424,9 @@
       }
     return a;
   };
-  const passPropsToChild = (child, styles) => React.isValidElement(child) ? React.cloneElement(child, __spreadValues$2b({}, styles)) : child;
-
-  var __defProp$2a = Object.defineProperty;
-  var __getOwnPropSymbols$2a = Object.getOwnPropertySymbols;
-  var __hasOwnProp$2a = Object.prototype.hasOwnProperty;
-  var __propIsEnum$2a = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$2a = (obj, key, value) => key in obj ? __defProp$2a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$2a = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$2a.call(b, prop))
-        __defNormalProp$2a(a, prop, b[prop]);
-    if (__getOwnPropSymbols$2a)
-      for (var prop of __getOwnPropSymbols$2a(b)) {
-        if (__propIsEnum$2a.call(b, prop))
-          __defNormalProp$2a(a, prop, b[prop]);
-      }
-    return a;
-  };
   const getChildrenWithProps = (children, styles, predicate = ramda.T) => {
     const childrenAsArr = React.Children.toArray(children);
-    const childrenWithoutFocus = childrenAsArr.map((child, i) => predicate(child, i) ? passPropsToChild(child, __spreadValues$2a({}, styles)) : child);
+    const childrenWithoutFocus = childrenAsArr.map((child, i) => predicate(child, i) ? passPropsToChild(child, __spreadValues$2b({}, styles)) : child);
     return childrenWithoutFocus;
   };
 
@@ -453,79 +453,79 @@
     return theme;
   };
 
-  var __defProp$29 = Object.defineProperty;
+  var __defProp$2a = Object.defineProperty;
   var __defProps$y = Object.defineProperties;
   var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$29 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$29 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$29 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$29 = (obj, key, value) => key in obj ? __defProp$29(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$29 = (a, b) => {
+  var __getOwnPropSymbols$2a = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2a = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2a = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2a = (obj, key, value) => key in obj ? __defProp$2a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2a = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$29.call(b, prop))
-        __defNormalProp$29(a, prop, b[prop]);
-    if (__getOwnPropSymbols$29)
-      for (var prop of __getOwnPropSymbols$29(b)) {
-        if (__propIsEnum$29.call(b, prop))
-          __defNormalProp$29(a, prop, b[prop]);
+      if (__hasOwnProp$2a.call(b, prop))
+        __defNormalProp$2a(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2a)
+      for (var prop of __getOwnPropSymbols$2a(b)) {
+        if (__propIsEnum$2a.call(b, prop))
+          __defNormalProp$2a(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
   const customSelectStyles = {
-    container: (provided) => __spreadProps$y(__spreadValues$29({}, provided), {
+    container: (provided) => __spreadProps$y(__spreadValues$2a({}, provided), {
       width: "100%",
       color: "text.default"
     }),
-    option: (provided, state) => __spreadProps$y(__spreadValues$29({}, provided), {
+    option: (provided, state) => __spreadProps$y(__spreadValues$2a({}, provided), {
       background: state.isFocused && "background.select.option-focus",
       _active: {
         background: "background.select.option-active"
       }
     }),
-    valueContainer: (provided) => __spreadProps$y(__spreadValues$29({}, provided), {
+    valueContainer: (provided) => __spreadProps$y(__spreadValues$2a({}, provided), {
       paddingInlineStart: "padding-inline.select.default"
     }),
-    downChevron: (provided) => __spreadProps$y(__spreadValues$29({}, provided), {
+    downChevron: (provided) => __spreadProps$y(__spreadValues$2a({}, provided), {
       color: "icon.select.default"
     }),
-    placeholder: (provided) => __spreadProps$y(__spreadValues$29({}, provided), {
+    placeholder: (provided) => __spreadProps$y(__spreadValues$2a({}, provided), {
       color: "text.select.placeholder"
     }),
     multiValue: (provided, state) => {
       var _a;
       const background = state.data.isFixed ? "background.select.option-disabled" : (_a = state.data.color) != null ? _a : provided.bgColor;
-      return __spreadProps$y(__spreadValues$29({}, provided), {
+      return __spreadProps$y(__spreadValues$2a({}, provided), {
         bgColor: background,
         color: getContrastColor(background)
       });
     },
-    menuList: (provided) => __spreadProps$y(__spreadValues$29({}, provided), {
+    menuList: (provided) => __spreadProps$y(__spreadValues$2a({}, provided), {
       bgColor: "background.default"
     })
   };
 
-  var __defProp$28 = Object.defineProperty;
+  var __defProp$29 = Object.defineProperty;
   var __defProps$x = Object.defineProperties;
   var __getOwnPropDescs$x = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$28 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$28 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$28 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$28 = (obj, key, value) => key in obj ? __defProp$28(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$28 = (a, b) => {
+  var __getOwnPropSymbols$29 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$29 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$29 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$29 = (obj, key, value) => key in obj ? __defProp$29(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$29 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$28.call(b, prop))
-        __defNormalProp$28(a, prop, b[prop]);
-    if (__getOwnPropSymbols$28)
-      for (var prop of __getOwnPropSymbols$28(b)) {
-        if (__propIsEnum$28.call(b, prop))
-          __defNormalProp$28(a, prop, b[prop]);
+      if (__hasOwnProp$29.call(b, prop))
+        __defNormalProp$29(a, prop, b[prop]);
+    if (__getOwnPropSymbols$29)
+      for (var prop of __getOwnPropSymbols$29(b)) {
+        if (__propIsEnum$29.call(b, prop))
+          __defNormalProp$29(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$x = (a, b) => __defProps$x(a, __getOwnPropDescs$x(b));
-  const tagsInputStyles = (isFocused, borderColor) => __spreadProps$x(__spreadValues$28({}, customSelectStyles), {
-    container: (provided) => __spreadProps$x(__spreadValues$28({}, provided), {
+  const tagsInputStyles = (isFocused, borderColor) => __spreadProps$x(__spreadValues$29({}, customSelectStyles), {
+    container: (provided) => __spreadProps$x(__spreadValues$29({}, provided), {
       w: "full",
       height: "100%",
       resize: "vertical",
@@ -538,45 +538,45 @@
       color: "text.default",
       boxShadow: isFocused ? `0 0 0 1px ${borderColor}` : "none"
     }),
-    control: (provided) => __spreadProps$x(__spreadValues$28({}, provided), {
+    control: (provided) => __spreadProps$x(__spreadValues$29({}, provided), {
       minHeight: "20",
       height: "100%",
       alignItems: "start"
     }),
-    valueContainer: (provided) => __spreadProps$x(__spreadValues$28({}, provided), {
+    valueContainer: (provided) => __spreadProps$x(__spreadValues$29({}, provided), {
       paddingInlineStart: "padding-inline.select.default",
       overflowY: "auto",
       maxH: "100%"
     })
   });
 
-  var __defProp$27 = Object.defineProperty;
+  var __defProp$28 = Object.defineProperty;
   var __defProps$w = Object.defineProperties;
   var __getOwnPropDescs$w = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$27 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$27 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$27 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$27 = (obj, key, value) => key in obj ? __defProp$27(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$27 = (a, b) => {
+  var __getOwnPropSymbols$28 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$28 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$28 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$28 = (obj, key, value) => key in obj ? __defProp$28(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$28 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$27.call(b, prop))
-        __defNormalProp$27(a, prop, b[prop]);
-    if (__getOwnPropSymbols$27)
-      for (var prop of __getOwnPropSymbols$27(b)) {
-        if (__propIsEnum$27.call(b, prop))
-          __defNormalProp$27(a, prop, b[prop]);
+      if (__hasOwnProp$28.call(b, prop))
+        __defNormalProp$28(a, prop, b[prop]);
+    if (__getOwnPropSymbols$28)
+      for (var prop of __getOwnPropSymbols$28(b)) {
+        if (__propIsEnum$28.call(b, prop))
+          __defNormalProp$28(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$w = (a, b) => __defProps$w(a, __getOwnPropDescs$w(b));
-  var __objRest$1y = (source, exclude) => {
+  var __objRest$1z = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$27.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$28.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$27)
-      for (var prop of __getOwnPropSymbols$27(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$27.call(source, prop))
+    if (source != null && __getOwnPropSymbols$28)
+      for (var prop of __getOwnPropSymbols$28(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$28.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -589,7 +589,7 @@
       loadingList = () => null,
       "data-testid": testId,
       value = []
-    } = _b, rest = __objRest$1y(_b, [
+    } = _b, rest = __objRest$1z(_b, [
       "options",
       "onChange",
       "isLoading",
@@ -657,7 +657,7 @@
     };
     return /* @__PURE__ */ React.createElement(react.Box, { w: "full", "data-testid": testId }, /* @__PURE__ */ React.createElement(
       CustomSelect,
-      __spreadValues$27(__spreadProps$w(__spreadValues$27({
+      __spreadValues$28(__spreadProps$w(__spreadValues$28({
         isMulti: true,
         menuPortalTarget: document.body,
         placeholder: "Type something and press Enter or comma...",
@@ -690,30 +690,30 @@
     ));
   }
 
-  var __defProp$26 = Object.defineProperty;
-  var __getOwnPropSymbols$26 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$26 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$26 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$26 = (obj, key, value) => key in obj ? __defProp$26(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$26 = (a, b) => {
+  var __defProp$27 = Object.defineProperty;
+  var __getOwnPropSymbols$27 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$27 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$27 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$27 = (obj, key, value) => key in obj ? __defProp$27(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$27 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$26.call(b, prop))
-        __defNormalProp$26(a, prop, b[prop]);
-    if (__getOwnPropSymbols$26)
-      for (var prop of __getOwnPropSymbols$26(b)) {
-        if (__propIsEnum$26.call(b, prop))
-          __defNormalProp$26(a, prop, b[prop]);
+      if (__hasOwnProp$27.call(b, prop))
+        __defNormalProp$27(a, prop, b[prop]);
+    if (__getOwnPropSymbols$27)
+      for (var prop of __getOwnPropSymbols$27(b)) {
+        if (__propIsEnum$27.call(b, prop))
+          __defNormalProp$27(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1x = (source, exclude) => {
+  var __objRest$1y = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$26.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$27.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$26)
-      for (var prop of __getOwnPropSymbols$26(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$26.call(source, prop))
+    if (source != null && __getOwnPropSymbols$27)
+      for (var prop of __getOwnPropSymbols$27(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$27.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -723,7 +723,7 @@
       name,
       image,
       variant = "square"
-    } = _b, rest = __objRest$1x(_b, [
+    } = _b, rest = __objRest$1y(_b, [
       "name",
       "image",
       "variant"
@@ -732,7 +732,7 @@
     const {
       container,
       text
-    } = react.useMultiStyleConfig("Avatar", __spreadValues$26({ variant, image }, rest));
+    } = react.useMultiStyleConfig("Avatar", __spreadValues$27({ variant, image }, rest));
     return /* @__PURE__ */ React.createElement(
       react.chakra.div,
       {
@@ -749,30 +749,30 @@
     );
   };
 
-  var __defProp$25 = Object.defineProperty;
-  var __getOwnPropSymbols$25 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$25 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$25 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$25 = (obj, key, value) => key in obj ? __defProp$25(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$25 = (a, b) => {
+  var __defProp$26 = Object.defineProperty;
+  var __getOwnPropSymbols$26 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$26 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$26 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$26 = (obj, key, value) => key in obj ? __defProp$26(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$26 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$25.call(b, prop))
-        __defNormalProp$25(a, prop, b[prop]);
-    if (__getOwnPropSymbols$25)
-      for (var prop of __getOwnPropSymbols$25(b)) {
-        if (__propIsEnum$25.call(b, prop))
-          __defNormalProp$25(a, prop, b[prop]);
+      if (__hasOwnProp$26.call(b, prop))
+        __defNormalProp$26(a, prop, b[prop]);
+    if (__getOwnPropSymbols$26)
+      for (var prop of __getOwnPropSymbols$26(b)) {
+        if (__propIsEnum$26.call(b, prop))
+          __defNormalProp$26(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1w = (source, exclude) => {
+  var __objRest$1x = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$25.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$26.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$25)
-      for (var prop of __getOwnPropSymbols$25(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$25.call(source, prop))
+    if (source != null && __getOwnPropSymbols$26)
+      for (var prop of __getOwnPropSymbols$26(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$26.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -781,12 +781,30 @@
     var _b = _a, {
       variant = "success",
       children
-    } = _b, rest = __objRest$1w(_b, [
+    } = _b, rest = __objRest$1x(_b, [
       "variant",
       "children"
     ]);
-    return /* @__PURE__ */ React.createElement(react.Alert, __spreadValues$25({ variant }, rest), children);
+    return /* @__PURE__ */ React.createElement(react.Alert, __spreadValues$26({ variant }, rest), children);
+  };
+
+  var __defProp$25 = Object.defineProperty;
+  var __getOwnPropSymbols$25 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$25 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$25 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$25 = (obj, key, value) => key in obj ? __defProp$25(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$25 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$25.call(b, prop))
+        __defNormalProp$25(a, prop, b[prop]);
+    if (__getOwnPropSymbols$25)
+      for (var prop of __getOwnPropSymbols$25(b)) {
+        if (__propIsEnum$25.call(b, prop))
+          __defNormalProp$25(a, prop, b[prop]);
+      }
+    return a;
   };
+  const AspectRatio = (props) => /* @__PURE__ */ React.createElement(react.AspectRatio, __spreadValues$25({}, props));
 
   var __defProp$24 = Object.defineProperty;
   var __getOwnPropSymbols$24 = Object.getOwnPropertySymbols;
@@ -804,32 +822,14 @@
       }
     return a;
   };
-  const AspectRatio = (props) => /* @__PURE__ */ React.createElement(react.AspectRatio, __spreadValues$24({}, props));
-
-  var __defProp$23 = Object.defineProperty;
-  var __getOwnPropSymbols$23 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$23 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$23 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$23 = (obj, key, value) => key in obj ? __defProp$23(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$23 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$23.call(b, prop))
-        __defNormalProp$23(a, prop, b[prop]);
-    if (__getOwnPropSymbols$23)
-      for (var prop of __getOwnPropSymbols$23(b)) {
-        if (__propIsEnum$23.call(b, prop))
-          __defNormalProp$23(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __objRest$1v = (source, exclude) => {
+  var __objRest$1w = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$23.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$24.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$23)
-      for (var prop of __getOwnPropSymbols$23(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$23.call(source, prop))
+    if (source != null && __getOwnPropSymbols$24)
+      for (var prop of __getOwnPropSymbols$24(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$24.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -840,7 +840,7 @@
       size,
       color,
       boxSize
-    } = _b, rest = __objRest$1v(_b, [
+    } = _b, rest = __objRest$1w(_b, [
       "as",
       "size",
       "color",
@@ -850,7 +850,7 @@
     const styles = react.useStyleConfig("Icon", { size, color, boxSize });
     return /* @__PURE__ */ React.createElement(
       react.Icon,
-      __spreadValues$23({
+      __spreadValues$24({
         ref,
         sx: styles
       }, rest),
@@ -865,30 +865,30 @@
     return /* @__PURE__ */ React.createElement(react.chakra.span, { sx: badge }, notificationCount > 999 ? "999+" : notificationCount);
   };
 
-  var __defProp$22 = Object.defineProperty;
-  var __getOwnPropSymbols$22 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$22 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$22 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$22 = (obj, key, value) => key in obj ? __defProp$22(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$22 = (a, b) => {
+  var __defProp$23 = Object.defineProperty;
+  var __getOwnPropSymbols$23 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$23 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$23 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$23 = (obj, key, value) => key in obj ? __defProp$23(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$23 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$22.call(b, prop))
-        __defNormalProp$22(a, prop, b[prop]);
-    if (__getOwnPropSymbols$22)
-      for (var prop of __getOwnPropSymbols$22(b)) {
-        if (__propIsEnum$22.call(b, prop))
-          __defNormalProp$22(a, prop, b[prop]);
+      if (__hasOwnProp$23.call(b, prop))
+        __defNormalProp$23(a, prop, b[prop]);
+    if (__getOwnPropSymbols$23)
+      for (var prop of __getOwnPropSymbols$23(b)) {
+        if (__propIsEnum$23.call(b, prop))
+          __defNormalProp$23(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1u = (source, exclude) => {
+  var __objRest$1v = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$22.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$23.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$22)
-      for (var prop of __getOwnPropSymbols$22(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$22.call(source, prop))
+    if (source != null && __getOwnPropSymbols$23)
+      for (var prop of __getOwnPropSymbols$23(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$23.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -900,7 +900,7 @@
       name,
       image,
       size
-    } = _b, rest = __objRest$1u(_b, [
+    } = _b, rest = __objRest$1v(_b, [
       "variant",
       "notificationCount",
       "name",
@@ -913,7 +913,7 @@
       size,
       name
     });
-    return /* @__PURE__ */ React.createElement(react.Box, __spreadValues$22({ __css: container, "data-testid": "avatar-test-id" }, rest), image ? /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react.Box, __spreadValues$23({ __css: container, "data-testid": "avatar-test-id" }, rest), image ? /* @__PURE__ */ React.createElement(
       react.chakra.img,
       {
         alt: name,
@@ -930,6 +930,53 @@
     ), notificationCount > 0 && /* @__PURE__ */ React.createElement(AvatarBadge, { notificationCount }));
   };
 
+  var __defProp$22 = Object.defineProperty;
+  var __getOwnPropSymbols$22 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$22 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$22 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$22 = (obj, key, value) => key in obj ? __defProp$22(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$22 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$22.call(b, prop))
+        __defNormalProp$22(a, prop, b[prop]);
+    if (__getOwnPropSymbols$22)
+      for (var prop of __getOwnPropSymbols$22(b)) {
+        if (__propIsEnum$22.call(b, prop))
+          __defNormalProp$22(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __objRest$1u = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$22.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$22)
+      for (var prop of __getOwnPropSymbols$22(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$22.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  const H1$1 = (_a) => {
+    var _b = _a, {
+      children,
+      sx = {}
+    } = _b, rest = __objRest$1u(_b, [
+      "children",
+      "sx"
+    ]);
+    const styles = react.useStyleConfig("H1", { sx });
+    return /* @__PURE__ */ React.createElement(
+      react.Heading,
+      __spreadValues$22({
+        as: "h1",
+        sx: styles
+      }, rest),
+      children
+    );
+  };
+
   var __defProp$21 = Object.defineProperty;
   var __getOwnPropSymbols$21 = Object.getOwnPropertySymbols;
   var __hasOwnProp$21 = Object.prototype.hasOwnProperty;
@@ -958,7 +1005,7 @@
       }
     return target;
   };
-  const H1$1 = (_a) => {
+  const H2$1 = (_a) => {
     var _b = _a, {
       children,
       sx = {}
@@ -966,11 +1013,11 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("H1", { sx });
+    const styles = react.useStyleConfig("H2", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Heading,
       __spreadValues$21({
-        as: "h1",
+        as: "h2",
         sx: styles
       }, rest),
       children
@@ -1005,7 +1052,7 @@
       }
     return target;
   };
-  const H2$1 = (_a) => {
+  const H3$1 = (_a) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1013,11 +1060,11 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("H2", { sx });
+    const styles = react.useStyleConfig("H3", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Heading,
       __spreadValues$20({
-        as: "h2",
+        as: "h3",
         sx: styles
       }, rest),
       children
@@ -1052,7 +1099,7 @@
       }
     return target;
   };
-  const H3$1 = (_a) => {
+  const H4$1 = (_a) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1060,11 +1107,11 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("H3", { sx });
+    const styles = react.useStyleConfig("H4", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Heading,
       __spreadValues$1$({
-        as: "h3",
+        as: "h4",
         sx: styles
       }, rest),
       children
@@ -1099,7 +1146,7 @@
       }
     return target;
   };
-  const H4$1 = (_a) => {
+  const H5$1 = (_a) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1107,11 +1154,11 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("H4", { sx });
+    const styles = react.useStyleConfig("H5", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Heading,
       __spreadValues$1_({
-        as: "h4",
+        as: "h5",
         sx: styles
       }, rest),
       children
@@ -1146,7 +1193,7 @@
       }
     return target;
   };
-  const H5$1 = (_a) => {
+  const H6$1 = (_a) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1154,11 +1201,11 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("H5", { sx });
+    const styles = react.useStyleConfig("H6", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Heading,
       __spreadValues$1Z({
-        as: "h5",
+        as: "h6",
         sx: styles
       }, rest),
       children
@@ -1193,19 +1240,21 @@
       }
     return target;
   };
-  const H6$1 = (_a) => {
+  const P$1 = (_a) => {
     var _b = _a, {
       children,
+      variant = "16",
       sx = {}
     } = _b, rest = __objRest$1o(_b, [
       "children",
+      "variant",
       "sx"
     ]);
-    const styles = react.useStyleConfig("H6", { sx });
+    const styles = react.useStyleConfig("P", { variant, sx });
     return /* @__PURE__ */ React.createElement(
-      react.Heading,
+      react.Text,
       __spreadValues$1Y({
-        as: "h6",
+        variant,
         sx: styles
       }, rest),
       children
@@ -1240,25 +1289,10 @@
       }
     return target;
   };
-  const P$1 = (_a) => {
-    var _b = _a, {
-      children,
-      variant = "16",
-      sx = {}
-    } = _b, rest = __objRest$1n(_b, [
-      "children",
-      "variant",
-      "sx"
-    ]);
-    const styles = react.useStyleConfig("P", { variant, sx });
-    return /* @__PURE__ */ React.createElement(
-      react.Text,
-      __spreadValues$1X({
-        variant,
-        sx: styles
-      }, rest),
-      children
-    );
+  const Blockquote$1 = (_a) => {
+    var _b = _a, { children, sx = {} } = _b, rest = __objRest$1n(_b, ["children", "sx"]);
+    const styles = react.useStyleConfig("Blockquote", { sx });
+    return /* @__PURE__ */ React.createElement(react.Text, __spreadValues$1X({ as: "span", sx: styles }, rest), children);
   };
 
   var __defProp$1W = Object.defineProperty;
@@ -1289,10 +1323,23 @@
       }
     return target;
   };
-  const Blockquote$1 = (_a) => {
-    var _b = _a, { children, sx = {} } = _b, rest = __objRest$1m(_b, ["children", "sx"]);
-    const styles = react.useStyleConfig("Blockquote", { sx });
-    return /* @__PURE__ */ React.createElement(react.Text, __spreadValues$1W({ as: "span", sx: styles }, rest), children);
+  const Capitalized$1 = (_a) => {
+    var _b = _a, {
+      children,
+      sx = {}
+    } = _b, rest = __objRest$1m(_b, [
+      "children",
+      "sx"
+    ]);
+    const styles = react.useStyleConfig("Capitalized", { sx });
+    return /* @__PURE__ */ React.createElement(
+      react.Text,
+      __spreadValues$1W({
+        as: "span",
+        sx: styles
+      }, rest),
+      children
+    );
   };
 
   var __defProp$1V = Object.defineProperty;
@@ -1323,7 +1370,7 @@
       }
     return target;
   };
-  const Capitalized$1 = (_a) => {
+  const Lead$1 = (_a) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1331,7 +1378,7 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("Capitalized", { sx });
+    const styles = react.useStyleConfig("Lead", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Text,
       __spreadValues$1V({
@@ -1370,7 +1417,7 @@
       }
     return target;
   };
-  const Lead$1 = (_a) => {
+  const Small$1 = (_a) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1378,11 +1425,11 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("Lead", { sx });
+    const styles = react.useStyleConfig("Small", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Text,
       __spreadValues$1U({
-        as: "span",
+        as: "small",
         sx: styles
       }, rest),
       children
@@ -1417,7 +1464,7 @@
       }
     return target;
   };
-  const Small$1 = (_a) => {
+  const Tiny$1 = (_a) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1425,11 +1472,11 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("Small", { sx });
+    const styles = react.useStyleConfig("Tiny", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Text,
       __spreadValues$1T({
-        as: "small",
+        as: "span",
         sx: styles
       }, rest),
       children
@@ -1464,24 +1511,27 @@
       }
     return target;
   };
-  const Tiny$1 = (_a) => {
+  const Label$1 = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
+      size = "sm",
       sx = {}
     } = _b, rest = __objRest$1i(_b, [
       "children",
+      "size",
       "sx"
     ]);
-    const styles = react.useStyleConfig("Tiny", { sx });
+    const styles = react.useStyleConfig("Label", { sx, size });
     return /* @__PURE__ */ React.createElement(
-      react.Text,
+      react.FormLabel,
       __spreadValues$1S({
-        as: "span",
-        sx: styles
+        sx: styles,
+        requiredIndicator: /* @__PURE__ */ React.createElement(react.VisuallyHidden, null),
+        ref
       }, rest),
       children
     );
-  };
+  });
 
   var __defProp$1R = Object.defineProperty;
   var __getOwnPropSymbols$1R = Object.getOwnPropertySymbols;
@@ -1511,63 +1561,13 @@
       }
     return target;
   };
-  const Label$1 = React.forwardRef((_a, ref) => {
-    var _b = _a, {
-      children,
-      size = "sm",
-      sx = {}
-    } = _b, rest = __objRest$1h(_b, [
-      "children",
-      "size",
-      "sx"
-    ]);
-    const styles = react.useStyleConfig("Label", { sx, size });
-    return /* @__PURE__ */ React.createElement(
-      react.FormLabel,
-      __spreadValues$1R({
-        sx: styles,
-        requiredIndicator: /* @__PURE__ */ React.createElement(react.VisuallyHidden, null),
-        ref
-      }, rest),
-      children
-    );
-  });
-
-  var __defProp$1Q = Object.defineProperty;
-  var __getOwnPropSymbols$1Q = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1Q = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1Q = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1Q = (obj, key, value) => key in obj ? __defProp$1Q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1Q = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$1Q.call(b, prop))
-        __defNormalProp$1Q(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1Q)
-      for (var prop of __getOwnPropSymbols$1Q(b)) {
-        if (__propIsEnum$1Q.call(b, prop))
-          __defNormalProp$1Q(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __objRest$1g = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$1Q.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1Q)
-      for (var prop of __getOwnPropSymbols$1Q(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1Q.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
   const NumVal$1 = React.forwardRef(
     (_a, ref) => {
-      var _b = _a, { children, size = "sm", sx = {} } = _b, rest = __objRest$1g(_b, ["children", "size", "sx"]);
+      var _b = _a, { children, size = "sm", sx = {} } = _b, rest = __objRest$1h(_b, ["children", "size", "sx"]);
       const styles = react.useStyleConfig("NumVal", { sx, size });
       return /* @__PURE__ */ React.createElement(
         react.Text,
-        __spreadValues$1Q({
+        __spreadValues$1R({
           as: "span",
           sx: styles,
           ref
@@ -1657,30 +1657,30 @@
     return { rect, containerRef };
   };
 
-  var __defProp$1P = Object.defineProperty;
-  var __getOwnPropSymbols$1P = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1P = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1P = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1P = (obj, key, value) => key in obj ? __defProp$1P(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1P = (a, b) => {
+  var __defProp$1Q = Object.defineProperty;
+  var __getOwnPropSymbols$1Q = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1Q = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1Q = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1Q = (obj, key, value) => key in obj ? __defProp$1Q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1Q = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1P.call(b, prop))
-        __defNormalProp$1P(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1P)
-      for (var prop of __getOwnPropSymbols$1P(b)) {
-        if (__propIsEnum$1P.call(b, prop))
-          __defNormalProp$1P(a, prop, b[prop]);
+      if (__hasOwnProp$1Q.call(b, prop))
+        __defNormalProp$1Q(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1Q)
+      for (var prop of __getOwnPropSymbols$1Q(b)) {
+        if (__propIsEnum$1Q.call(b, prop))
+          __defNormalProp$1Q(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1f = (source, exclude) => {
+  var __objRest$1g = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1P.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1Q.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1P)
-      for (var prop of __getOwnPropSymbols$1P(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1P.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1Q)
+      for (var prop of __getOwnPropSymbols$1Q(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1Q.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -1690,15 +1690,33 @@
       children,
       max = Infinity,
       spacing = "-4"
-    } = _b, rest = __objRest$1f(_b, [
+    } = _b, rest = __objRest$1g(_b, [
       "children",
       "max",
       "spacing"
     ]);
     const [nbrRemainingAvatars, setNbrRemainingAvatars] = React.useState(0);
-    return /* @__PURE__ */ React.createElement(react.HStack, __spreadValues$1P({ bgColor: "background.default" }, rest), /* @__PURE__ */ React.createElement(react.HStack, { spacing }, /* @__PURE__ */ React.createElement(OverflowGroup, { max, onChange: setNbrRemainingAvatars }, children)), nbrRemainingAvatars > 0 && /* @__PURE__ */ React.createElement(Small$1, { sx: { color: "blue.500" } }, "+", nbrRemainingAvatars));
+    return /* @__PURE__ */ React.createElement(react.HStack, __spreadValues$1Q({ bgColor: "background.default" }, rest), /* @__PURE__ */ React.createElement(react.HStack, { spacing }, /* @__PURE__ */ React.createElement(OverflowGroup, { max, onChange: setNbrRemainingAvatars }, children)), nbrRemainingAvatars > 0 && /* @__PURE__ */ React.createElement(Small$1, { sx: { color: "blue.500" } }, "+", nbrRemainingAvatars));
   };
 
+  var __defProp$1P = Object.defineProperty;
+  var __getOwnPropSymbols$1P = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1P = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1P = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1P = (obj, key, value) => key in obj ? __defProp$1P(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1P = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$1P.call(b, prop))
+        __defNormalProp$1P(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1P)
+      for (var prop of __getOwnPropSymbols$1P(b)) {
+        if (__propIsEnum$1P.call(b, prop))
+          __defNormalProp$1P(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const Badge = React.forwardRef((props, ref) => /* @__PURE__ */ React.createElement(react.Badge, __spreadValues$1P({ ref }, props)));
+
   var __defProp$1O = Object.defineProperty;
   var __getOwnPropSymbols$1O = Object.getOwnPropertySymbols;
   var __hasOwnProp$1O = Object.prototype.hasOwnProperty;
@@ -1715,7 +1733,31 @@
       }
     return a;
   };
-  const Badge = (props) => /* @__PURE__ */ React.createElement(react.Badge, __spreadValues$1O({}, props));
+  var __objRest$1f = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$1O.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$1O)
+      for (var prop of __getOwnPropSymbols$1O(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1O.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  const Blinker$1 = (_a) => {
+    var _b = _a, {
+      color = "",
+      size,
+      isBlinking = true
+    } = _b, rest = __objRest$1f(_b, [
+      "color",
+      "size",
+      "isBlinking"
+    ]);
+    const styles = react.useStyleConfig("Blinker", { color, size, isBlinking });
+    return /* @__PURE__ */ React.createElement(react.Box, __spreadValues$1O({ sx: styles, "data-testid": "blinker-test-id" }, rest));
+  };
 
   var __defProp$1N = Object.defineProperty;
   var __getOwnPropSymbols$1N = Object.getOwnPropertySymbols;
@@ -1745,18 +1787,9 @@
       }
     return target;
   };
-  const Blinker$1 = (_a) => {
-    var _b = _a, {
-      color = "",
-      size,
-      isBlinking = true
-    } = _b, rest = __objRest$1e(_b, [
-      "color",
-      "size",
-      "isBlinking"
-    ]);
-    const styles = react.useStyleConfig("Blinker", { color, size, isBlinking });
-    return /* @__PURE__ */ React.createElement(react.Box, __spreadValues$1N({ sx: styles, "data-testid": "blinker-test-id" }, rest));
+  const Spinner$1 = (_a) => {
+    var rest = __objRest$1e(_a, []);
+    return /* @__PURE__ */ React.createElement(react.Spinner, __spreadValues$1N({}, rest));
   };
 
   var __defProp$1M = Object.defineProperty;
@@ -1787,39 +1820,6 @@
       }
     return target;
   };
-  const Spinner$1 = (_a) => {
-    var rest = __objRest$1d(_a, []);
-    return /* @__PURE__ */ React.createElement(react.Spinner, __spreadValues$1M({}, rest));
-  };
-
-  var __defProp$1L = Object.defineProperty;
-  var __getOwnPropSymbols$1L = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1L = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1L = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1L = (obj, key, value) => key in obj ? __defProp$1L(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1L = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$1L.call(b, prop))
-        __defNormalProp$1L(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1L)
-      for (var prop of __getOwnPropSymbols$1L(b)) {
-        if (__propIsEnum$1L.call(b, prop))
-          __defNormalProp$1L(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __objRest$1c = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$1L.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1L)
-      for (var prop of __getOwnPropSymbols$1L(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1L.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
   const SpinnerSizeMap = {
     xs: "xs",
     sm: "sm",
@@ -1828,10 +1828,10 @@
   };
   const Button$1 = React.forwardRef(
     (_a, ref) => {
-      var _b = _a, { variant = "default", children, size = "md" } = _b, rest = __objRest$1c(_b, ["variant", "children", "size"]);
+      var _b = _a, { variant = "default", children, size = "md" } = _b, rest = __objRest$1d(_b, ["variant", "children", "size"]);
       return /* @__PURE__ */ React.createElement(
         react.Button,
-        __spreadValues$1L({
+        __spreadValues$1M({
           variant,
           ref,
           size,
@@ -1847,30 +1847,30 @@
     }
   );
 
-  var __defProp$1K = Object.defineProperty;
-  var __getOwnPropSymbols$1K = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1K = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1K = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1K = (obj, key, value) => key in obj ? __defProp$1K(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1K = (a, b) => {
+  var __defProp$1L = Object.defineProperty;
+  var __getOwnPropSymbols$1L = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1L = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1L = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1L = (obj, key, value) => key in obj ? __defProp$1L(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1L = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1K.call(b, prop))
-        __defNormalProp$1K(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1K)
-      for (var prop of __getOwnPropSymbols$1K(b)) {
-        if (__propIsEnum$1K.call(b, prop))
-          __defNormalProp$1K(a, prop, b[prop]);
+      if (__hasOwnProp$1L.call(b, prop))
+        __defNormalProp$1L(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1L)
+      for (var prop of __getOwnPropSymbols$1L(b)) {
+        if (__propIsEnum$1L.call(b, prop))
+          __defNormalProp$1L(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1b = (source, exclude) => {
+  var __objRest$1c = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1K.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1L.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1K)
-      for (var prop of __getOwnPropSymbols$1K(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1K.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1L)
+      for (var prop of __getOwnPropSymbols$1L(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1L.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -1882,7 +1882,7 @@
       name,
       size = "md",
       variant = "default"
-    } = _b, rest = __objRest$1b(_b, [
+    } = _b, rest = __objRest$1c(_b, [
       "value",
       "onChange",
       "name",
@@ -1891,7 +1891,7 @@
     ]);
     return /* @__PURE__ */ React.createElement(
       react.Checkbox,
-      __spreadValues$1K({
+      __spreadValues$1L({
         size,
         id: name,
         onChange,
@@ -1917,30 +1917,30 @@
     return newObj;
   };
 
-  var __defProp$1J = Object.defineProperty;
-  var __getOwnPropSymbols$1J = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1J = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1J = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1J = (obj, key, value) => key in obj ? __defProp$1J(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1J = (a, b) => {
+  var __defProp$1K = Object.defineProperty;
+  var __getOwnPropSymbols$1K = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1K = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1K = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1K = (obj, key, value) => key in obj ? __defProp$1K(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1K = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1J.call(b, prop))
-        __defNormalProp$1J(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1J)
-      for (var prop of __getOwnPropSymbols$1J(b)) {
-        if (__propIsEnum$1J.call(b, prop))
-          __defNormalProp$1J(a, prop, b[prop]);
+      if (__hasOwnProp$1K.call(b, prop))
+        __defNormalProp$1K(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1K)
+      for (var prop of __getOwnPropSymbols$1K(b)) {
+        if (__propIsEnum$1K.call(b, prop))
+          __defNormalProp$1K(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1a = (source, exclude) => {
+  var __objRest$1b = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1J.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1K.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1J)
-      for (var prop of __getOwnPropSymbols$1J(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1J.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1K)
+      for (var prop of __getOwnPropSymbols$1K(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1K.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -1957,7 +1957,7 @@
       shouldTrim = true,
       innerFormStyle = {},
       joiSchema
-    } = _b, rest = __objRest$1a(_b, [
+    } = _b, rest = __objRest$1b(_b, [
       "initialValues",
       "onSubmit",
       "children",
@@ -1980,7 +1980,7 @@
         return joi.joiResolver(joiSchema);
       return void 0;
     };
-    const newMethods = methods || reactHookForm.useForm(__spreadValues$1J({
+    const newMethods = methods || reactHookForm.useForm(__spreadValues$1K({
       defaultValues: initialValues,
       resolver: getResolver()
     }, formSettings));
@@ -2006,36 +2006,36 @@
       newMethods.trigger();
       e.preventDefault();
     };
-    return /* @__PURE__ */ React.createElement(reactHookForm.FormProvider, __spreadValues$1J(__spreadValues$1J({}, newMethods), rest), /* @__PURE__ */ React.createElement("form", { style: __spreadValues$1J({ width: "100%" }, innerFormStyle), onSubmit: handleSubmit }, typeof children === "function" ? children(newMethods) : children));
+    return /* @__PURE__ */ React.createElement(reactHookForm.FormProvider, __spreadValues$1K(__spreadValues$1K({}, newMethods), rest), /* @__PURE__ */ React.createElement("form", { style: __spreadValues$1K({ width: "100%" }, innerFormStyle), onSubmit: handleSubmit }, typeof children === "function" ? children(newMethods) : children));
   });
 
-  var __defProp$1I = Object.defineProperty;
+  var __defProp$1J = Object.defineProperty;
   var __defProps$v = Object.defineProperties;
   var __getOwnPropDescs$v = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1I = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1I = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1I = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1I = (obj, key, value) => key in obj ? __defProp$1I(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1I = (a, b) => {
+  var __getOwnPropSymbols$1J = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1J = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1J = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1J = (obj, key, value) => key in obj ? __defProp$1J(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1J = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1I.call(b, prop))
-        __defNormalProp$1I(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1I)
-      for (var prop of __getOwnPropSymbols$1I(b)) {
-        if (__propIsEnum$1I.call(b, prop))
-          __defNormalProp$1I(a, prop, b[prop]);
+      if (__hasOwnProp$1J.call(b, prop))
+        __defNormalProp$1J(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1J)
+      for (var prop of __getOwnPropSymbols$1J(b)) {
+        if (__propIsEnum$1J.call(b, prop))
+          __defNormalProp$1J(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
-  var __objRest$19 = (source, exclude) => {
+  var __objRest$1a = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1I.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1J.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1I)
-      for (var prop of __getOwnPropSymbols$1I(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1I.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1J)
+      for (var prop of __getOwnPropSymbols$1J(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1J.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2043,12 +2043,12 @@
   const FormLabel = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children: label
-    } = _b, rest = __objRest$19(_b, [
+    } = _b, rest = __objRest$1a(_b, [
       "children"
     ]);
     return /* @__PURE__ */ React.createElement(
       Label$1,
-      __spreadProps$v(__spreadValues$1I({
+      __spreadProps$v(__spreadValues$1J({
         size: "sm",
         sx: {
           width: "80%",
@@ -2064,30 +2064,30 @@
     );
   });
 
-  var __defProp$1H = Object.defineProperty;
-  var __getOwnPropSymbols$1H = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1H = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1H = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1H = (obj, key, value) => key in obj ? __defProp$1H(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1H = (a, b) => {
+  var __defProp$1I = Object.defineProperty;
+  var __getOwnPropSymbols$1I = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1I = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1I = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1I = (obj, key, value) => key in obj ? __defProp$1I(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1I = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1H.call(b, prop))
-        __defNormalProp$1H(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1H)
-      for (var prop of __getOwnPropSymbols$1H(b)) {
-        if (__propIsEnum$1H.call(b, prop))
-          __defNormalProp$1H(a, prop, b[prop]);
+      if (__hasOwnProp$1I.call(b, prop))
+        __defNormalProp$1I(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1I)
+      for (var prop of __getOwnPropSymbols$1I(b)) {
+        if (__propIsEnum$1I.call(b, prop))
+          __defNormalProp$1I(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$18 = (source, exclude) => {
+  var __objRest$19 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1H.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1I.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1H)
-      for (var prop of __getOwnPropSymbols$1H(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1H.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1I)
+      for (var prop of __getOwnPropSymbols$1I(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1I.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2102,7 +2102,7 @@
       noLabelConnection = false,
       validate,
       control: passedControl
-    } = _b, rest = __objRest$18(_b, [
+    } = _b, rest = __objRest$19(_b, [
       "name",
       "label",
       "children",
@@ -2118,7 +2118,7 @@
     const fieldError = getFieldError(name, errors);
     return /* @__PURE__ */ React.createElement(react.FormControl, { isInvalid: !!fieldError, isRequired, ref }, /* @__PURE__ */ React.createElement(
       react.Stack,
-      __spreadValues$1H({
+      __spreadValues$1I({
         spacing: "auto",
         direction,
         alignItems: direction === "column" ? "stretch" : "center"
@@ -2146,30 +2146,30 @@
     return setValueRefreshed;
   };
 
-  var __defProp$1G = Object.defineProperty;
-  var __getOwnPropSymbols$1G = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1G = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1G = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1G = (obj, key, value) => key in obj ? __defProp$1G(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1G = (a, b) => {
+  var __defProp$1H = Object.defineProperty;
+  var __getOwnPropSymbols$1H = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1H = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1H = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1H = (obj, key, value) => key in obj ? __defProp$1H(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1H = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1G.call(b, prop))
-        __defNormalProp$1G(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1G)
-      for (var prop of __getOwnPropSymbols$1G(b)) {
-        if (__propIsEnum$1G.call(b, prop))
-          __defNormalProp$1G(a, prop, b[prop]);
+      if (__hasOwnProp$1H.call(b, prop))
+        __defNormalProp$1H(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1H)
+      for (var prop of __getOwnPropSymbols$1H(b)) {
+        if (__propIsEnum$1H.call(b, prop))
+          __defNormalProp$1H(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$17 = (source, exclude) => {
+  var __objRest$18 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1G.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1H.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1G)
-      for (var prop of __getOwnPropSymbols$1G(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1G.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1H)
+      for (var prop of __getOwnPropSymbols$1H(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1H.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2185,7 +2185,7 @@
       direction = "row",
       labelPlacement = "left",
       labelSize = "md"
-    } = _b, rest = __objRest$17(_b, [
+    } = _b, rest = __objRest$18(_b, [
       "name",
       "label",
       "variant",
@@ -2220,7 +2220,7 @@
           },
           /* @__PURE__ */ React.createElement(
             Checkbox$1,
-            __spreadValues$1G({
+            __spreadValues$1H({
               name,
               onChange: (e) => {
                 onChange(e);
@@ -2237,30 +2237,30 @@
     );
   });
 
-  var __defProp$1F = Object.defineProperty;
-  var __getOwnPropSymbols$1F = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1F = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1F = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1F = (obj, key, value) => key in obj ? __defProp$1F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1F = (a, b) => {
+  var __defProp$1G = Object.defineProperty;
+  var __getOwnPropSymbols$1G = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1G = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1G = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1G = (obj, key, value) => key in obj ? __defProp$1G(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1G = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1F.call(b, prop))
-        __defNormalProp$1F(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1F)
-      for (var prop of __getOwnPropSymbols$1F(b)) {
-        if (__propIsEnum$1F.call(b, prop))
-          __defNormalProp$1F(a, prop, b[prop]);
+      if (__hasOwnProp$1G.call(b, prop))
+        __defNormalProp$1G(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1G)
+      for (var prop of __getOwnPropSymbols$1G(b)) {
+        if (__propIsEnum$1G.call(b, prop))
+          __defNormalProp$1G(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$16 = (source, exclude) => {
+  var __objRest$17 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1F.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1G.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1F)
-      for (var prop of __getOwnPropSymbols$1F(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1F.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1G)
+      for (var prop of __getOwnPropSymbols$1G(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1G.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2271,7 +2271,7 @@
       icon,
       "aria-label": ariaLabel,
       children
-    } = _b, rest = __objRest$16(_b, [
+    } = _b, rest = __objRest$17(_b, [
       "variant",
       "icon",
       "aria-label",
@@ -2281,7 +2281,7 @@
     const IconWithSize = React.cloneElement(IconComponent, { size: rest.size });
     return /* @__PURE__ */ React.createElement(
       react.IconButton,
-      __spreadValues$1F({
+      __spreadValues$1G({
         variant,
         icon: IconWithSize,
         "aria-label": ariaLabel,
@@ -2334,23 +2334,23 @@
     );
   });
 
-  var __defProp$1E = Object.defineProperty;
-  var __getOwnPropSymbols$1E = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1E = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1E = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1E = (obj, key, value) => key in obj ? __defProp$1E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1E = (a, b) => {
+  var __defProp$1F = Object.defineProperty;
+  var __getOwnPropSymbols$1F = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1F = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1F = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1F = (obj, key, value) => key in obj ? __defProp$1F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1F = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1E.call(b, prop))
-        __defNormalProp$1E(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1E)
-      for (var prop of __getOwnPropSymbols$1E(b)) {
-        if (__propIsEnum$1E.call(b, prop))
-          __defNormalProp$1E(a, prop, b[prop]);
+      if (__hasOwnProp$1F.call(b, prop))
+        __defNormalProp$1F(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1F)
+      for (var prop of __getOwnPropSymbols$1F(b)) {
+        if (__propIsEnum$1F.call(b, prop))
+          __defNormalProp$1F(a, prop, b[prop]);
       }
     return a;
   };
-  const Popover = (props) => /* @__PURE__ */ React.createElement(react.Popover, __spreadValues$1E({ isLazy: true }, props));
+  const Popover = (props) => /* @__PURE__ */ React.createElement(react.Popover, __spreadValues$1F({ isLazy: true }, props));
 
   const ColorsExpandButton = ({
     onClick,
@@ -2390,30 +2390,30 @@
     );
   };
 
-  var __defProp$1D = Object.defineProperty;
-  var __getOwnPropSymbols$1D = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1D = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1D = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1D = (obj, key, value) => key in obj ? __defProp$1D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1D = (a, b) => {
+  var __defProp$1E = Object.defineProperty;
+  var __getOwnPropSymbols$1E = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1E = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1E = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1E = (obj, key, value) => key in obj ? __defProp$1E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1E = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1D.call(b, prop))
-        __defNormalProp$1D(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1D)
-      for (var prop of __getOwnPropSymbols$1D(b)) {
-        if (__propIsEnum$1D.call(b, prop))
-          __defNormalProp$1D(a, prop, b[prop]);
+      if (__hasOwnProp$1E.call(b, prop))
+        __defNormalProp$1E(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1E)
+      for (var prop of __getOwnPropSymbols$1E(b)) {
+        if (__propIsEnum$1E.call(b, prop))
+          __defNormalProp$1E(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$15 = (source, exclude) => {
+  var __objRest$16 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1D.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1E.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1D)
-      for (var prop of __getOwnPropSymbols$1D(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1D.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1E)
+      for (var prop of __getOwnPropSymbols$1E(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1E.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2428,7 +2428,7 @@
       name,
       size = "md",
       popoverProps
-    } = _b, rest = __objRest$15(_b, [
+    } = _b, rest = __objRest$16(_b, [
       "onChange",
       "colors",
       "expandedColors",
@@ -2487,14 +2487,14 @@
     };
     return /* @__PURE__ */ React.createElement(react.Box, { "data-testid": "color-picker-test-id" }, /* @__PURE__ */ React.createElement(
       Popover,
-      __spreadValues$1D({
+      __spreadValues$1E({
         isOpen,
         onClose,
         initialFocusRef
       }, popoverProps),
       /* @__PURE__ */ React.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React.createElement(
         IconButton,
-        __spreadValues$1D({
+        __spreadValues$1E({
           onClick: onToggle,
           "aria-label": name || "color picker",
           name,
@@ -2543,30 +2543,30 @@
     ));
   };
 
-  var __defProp$1C = Object.defineProperty;
-  var __getOwnPropSymbols$1C = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1C = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1C = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1C = (obj, key, value) => key in obj ? __defProp$1C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1C = (a, b) => {
+  var __defProp$1D = Object.defineProperty;
+  var __getOwnPropSymbols$1D = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1D = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1D = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1D = (obj, key, value) => key in obj ? __defProp$1D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1D = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1C.call(b, prop))
-        __defNormalProp$1C(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1C)
-      for (var prop of __getOwnPropSymbols$1C(b)) {
-        if (__propIsEnum$1C.call(b, prop))
-          __defNormalProp$1C(a, prop, b[prop]);
+      if (__hasOwnProp$1D.call(b, prop))
+        __defNormalProp$1D(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1D)
+      for (var prop of __getOwnPropSymbols$1D(b)) {
+        if (__propIsEnum$1D.call(b, prop))
+          __defNormalProp$1D(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$14 = (source, exclude) => {
+  var __objRest$15 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1C.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1D.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1C)
-      for (var prop of __getOwnPropSymbols$1C(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1C.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1D)
+      for (var prop of __getOwnPropSymbols$1D(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1D.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2578,7 +2578,7 @@
       direction,
       isRequired,
       validate
-    } = _b, rest = __objRest$14(_b, [
+    } = _b, rest = __objRest$15(_b, [
       "name",
       "label",
       "direction",
@@ -2596,7 +2596,7 @@
       },
       ({ onChange, value }) => /* @__PURE__ */ React.createElement(
         ColorPicker$1,
-        __spreadValues$1C({
+        __spreadValues$1D({
           name,
           onChange,
           value
@@ -2605,21 +2605,21 @@
     );
   };
 
-  var __defProp$1B = Object.defineProperty;
+  var __defProp$1C = Object.defineProperty;
   var __defProps$u = Object.defineProperties;
   var __getOwnPropDescs$u = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1B = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1B = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1B = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1B = (obj, key, value) => key in obj ? __defProp$1B(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1B = (a, b) => {
+  var __getOwnPropSymbols$1C = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1C = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1C = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1C = (obj, key, value) => key in obj ? __defProp$1C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1C = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1B.call(b, prop))
-        __defNormalProp$1B(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1B)
-      for (var prop of __getOwnPropSymbols$1B(b)) {
-        if (__propIsEnum$1B.call(b, prop))
-          __defNormalProp$1B(a, prop, b[prop]);
+      if (__hasOwnProp$1C.call(b, prop))
+        __defNormalProp$1C(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1C)
+      for (var prop of __getOwnPropSymbols$1C(b)) {
+        if (__propIsEnum$1C.call(b, prop))
+          __defNormalProp$1C(a, prop, b[prop]);
       }
     return a;
   };
@@ -2627,7 +2627,7 @@
   const FlipButtonContext = React.createContext(null);
   const useFlipButtonState = (props, isMulti) => isMulti ? checkbox.useCheckboxGroupState(props) : radio.useRadioGroupState(props);
   const useFlipButtonGroup = (props, state, isMulti) => {
-    const propsWithLabel = __spreadProps$u(__spreadValues$1B({}, props), {
+    const propsWithLabel = __spreadProps$u(__spreadValues$1C({}, props), {
       "aria-label": `${isMulti ? "Checkbox" : "Radio"}-button-group`
     });
     return isMulti ? checkbox$1.useCheckboxGroup(
@@ -2644,33 +2644,33 @@
     return { state, flipButtonGroupProps };
   };
 
-  var __defProp$1A = Object.defineProperty;
+  var __defProp$1B = Object.defineProperty;
   var __defProps$t = Object.defineProperties;
   var __getOwnPropDescs$t = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1A = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1A = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1A = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1A = (obj, key, value) => key in obj ? __defProp$1A(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1A = (a, b) => {
+  var __getOwnPropSymbols$1B = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1B = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1B = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1B = (obj, key, value) => key in obj ? __defProp$1B(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1B = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1A.call(b, prop))
-        __defNormalProp$1A(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1A)
-      for (var prop of __getOwnPropSymbols$1A(b)) {
-        if (__propIsEnum$1A.call(b, prop))
-          __defNormalProp$1A(a, prop, b[prop]);
+      if (__hasOwnProp$1B.call(b, prop))
+        __defNormalProp$1B(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1B)
+      for (var prop of __getOwnPropSymbols$1B(b)) {
+        if (__propIsEnum$1B.call(b, prop))
+          __defNormalProp$1B(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(b));
-  var __objRest$13 = (source, exclude) => {
+  var __objRest$14 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1A.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1B.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1A)
-      for (var prop of __getOwnPropSymbols$1A(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1A.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1B)
+      for (var prop of __getOwnPropSymbols$1B(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1B.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2685,7 +2685,7 @@
       icon,
       value,
       iconPlacement = "left"
-    } = _a, rest = __objRest$13(_a, [
+    } = _a, rest = __objRest$14(_a, [
       "children",
       "size",
       "variant",
@@ -2709,7 +2709,7 @@
     };
     const focusRing = isFocused ? focusStyles : {};
     const isSelected = isMulti ? state.isSelected(value) : state.selectedValue === value;
-    const flipButtonProps = __spreadProps$t(__spreadValues$1A({}, utils.mergeProps(inputProps, focusProps)), {
+    const flipButtonProps = __spreadProps$t(__spreadValues$1B({}, utils.mergeProps(inputProps, focusProps)), {
       ref,
       style: { opacity: "0", width: "0", height: "0" },
       "aria-label": isMulti ? "Checkbox-input" : "Radio-input"
@@ -2721,7 +2721,7 @@
       as: "label",
       cursor: "pointer"
     };
-    return typeof children === "function" ? children(__spreadValues$1A({
+    return typeof children === "function" ? children(__spreadValues$1B({
       state,
       containerProps,
       flipButtonProps,
@@ -2740,39 +2740,39 @@
         "aria-disabled": isDisabled,
         as: "label"
       },
-      /* @__PURE__ */ React.createElement("input", __spreadValues$1A({}, flipButtonProps)),
+      /* @__PURE__ */ React.createElement("input", __spreadValues$1B({}, flipButtonProps)),
       icon && iconPlacement !== "none" ? /* @__PURE__ */ React.createElement(Icon$1, { as: icon || icons.CheckSolid, sx: buttonIcon }) : isSelected && iconPlacement !== "none" && /* @__PURE__ */ React.createElement(react.SlideFade, { in: isSelected }, /* @__PURE__ */ React.createElement(Icon$1, { as: icon || icons.CheckSolid, sx: buttonIcon })),
       /* @__PURE__ */ React.createElement(react.Text, { textAlign: "center" }, children)
     );
   };
 
-  var __defProp$1z = Object.defineProperty;
+  var __defProp$1A = Object.defineProperty;
   var __defProps$s = Object.defineProperties;
   var __getOwnPropDescs$s = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1z = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1z = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1z = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1z = (obj, key, value) => key in obj ? __defProp$1z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1z = (a, b) => {
+  var __getOwnPropSymbols$1A = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1A = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1A = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1A = (obj, key, value) => key in obj ? __defProp$1A(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1A = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1z.call(b, prop))
-        __defNormalProp$1z(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1z)
-      for (var prop of __getOwnPropSymbols$1z(b)) {
-        if (__propIsEnum$1z.call(b, prop))
-          __defNormalProp$1z(a, prop, b[prop]);
+      if (__hasOwnProp$1A.call(b, prop))
+        __defNormalProp$1A(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1A)
+      for (var prop of __getOwnPropSymbols$1A(b)) {
+        if (__propIsEnum$1A.call(b, prop))
+          __defNormalProp$1A(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$s = (a, b) => __defProps$s(a, __getOwnPropDescs$s(b));
-  var __objRest$12 = (source, exclude) => {
+  var __objRest$13 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1z.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1A.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1z)
-      for (var prop of __getOwnPropSymbols$1z(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1z.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1A)
+      for (var prop of __getOwnPropSymbols$1A(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1A.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2789,7 +2789,7 @@
       variant,
       icon,
       sx = {}
-    } = _a, rest = __objRest$12(_a, [
+    } = _a, rest = __objRest$13(_a, [
       "isMulti",
       "name",
       "children",
@@ -2804,7 +2804,7 @@
     const { state, flipButtonGroupProps } = useFlipButton(props, isMulti);
     const numberOfButtons = React.Children.count(children);
     const childrenWithProps = React.Children.toArray(children).map(
-      (child) => React.isValidElement(child) ? React.cloneElement(child, __spreadValues$1z({
+      (child) => React.isValidElement(child) ? React.cloneElement(child, __spreadValues$1A({
         key: child.props.value,
         isMulti,
         variant,
@@ -2823,7 +2823,7 @@
     const restWithoutOnChange = ramda.omit(["onChange"], rest);
     return /* @__PURE__ */ React.createElement(
       react.Stack,
-      __spreadValues$1z(__spreadProps$s(__spreadValues$1z({}, flipButtonGroupProps), {
+      __spreadValues$1A(__spreadProps$s(__spreadValues$1A({}, flipButtonGroupProps), {
         direction,
         id: name,
         spacing: 0,
@@ -2833,30 +2833,30 @@
     );
   };
 
-  var __defProp$1y = Object.defineProperty;
-  var __getOwnPropSymbols$1y = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1y = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1y = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1y = (obj, key, value) => key in obj ? __defProp$1y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1y = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$1y.call(b, prop))
-        __defNormalProp$1y(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1y)
-      for (var prop of __getOwnPropSymbols$1y(b)) {
-        if (__propIsEnum$1y.call(b, prop))
-          __defNormalProp$1y(a, prop, b[prop]);
+  var __defProp$1z = Object.defineProperty;
+  var __getOwnPropSymbols$1z = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1z = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1z = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1z = (obj, key, value) => key in obj ? __defProp$1z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1z = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$1z.call(b, prop))
+        __defNormalProp$1z(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1z)
+      for (var prop of __getOwnPropSymbols$1z(b)) {
+        if (__propIsEnum$1z.call(b, prop))
+          __defNormalProp$1z(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$11 = (source, exclude) => {
+  var __objRest$12 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1y.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1z.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1y)
-      for (var prop of __getOwnPropSymbols$1y(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1y.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1z)
+      for (var prop of __getOwnPropSymbols$1z(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1z.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2871,7 +2871,7 @@
       iconPlacement = "left",
       onChange: onChangeCallback = ramda.identity,
       validate
-    } = _b, rest = __objRest$11(_b, [
+    } = _b, rest = __objRest$12(_b, [
       "name",
       "label",
       "children",
@@ -2893,7 +2893,7 @@
       },
       ({ onChange, value }) => /* @__PURE__ */ React.createElement(
         FlipButtonGroup,
-        __spreadValues$1y({
+        __spreadValues$1z({
           name,
           onChange: (e) => {
             onChange(e);
@@ -2908,21 +2908,21 @@
     );
   });
 
-  var __defProp$1x = Object.defineProperty;
+  var __defProp$1y = Object.defineProperty;
   var __defProps$r = Object.defineProperties;
   var __getOwnPropDescs$r = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1x = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1x = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1x = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1x = (obj, key, value) => key in obj ? __defProp$1x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1x = (a, b) => {
+  var __getOwnPropSymbols$1y = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1y = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1y = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1y = (obj, key, value) => key in obj ? __defProp$1y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1y = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1x.call(b, prop))
-        __defNormalProp$1x(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1x)
-      for (var prop of __getOwnPropSymbols$1x(b)) {
-        if (__propIsEnum$1x.call(b, prop))
-          __defNormalProp$1x(a, prop, b[prop]);
+      if (__hasOwnProp$1y.call(b, prop))
+        __defNormalProp$1y(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1y)
+      for (var prop of __getOwnPropSymbols$1y(b)) {
+        if (__propIsEnum$1y.call(b, prop))
+          __defNormalProp$1y(a, prop, b[prop]);
       }
     return a;
   };
@@ -2933,7 +2933,7 @@
     const { buttonProps } = button.useButton(props, ref);
     return /* @__PURE__ */ React.createElement(
       Button$1,
-      __spreadProps$r(__spreadValues$1x({}, buttonProps), {
+      __spreadProps$r(__spreadValues$1y({}, buttonProps), {
         ref,
         size: "sm",
         boxSize: 8,
@@ -2946,21 +2946,21 @@
     );
   };
 
-  var __defProp$1w = Object.defineProperty;
+  var __defProp$1x = Object.defineProperty;
   var __defProps$q = Object.defineProperties;
   var __getOwnPropDescs$q = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1w = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1w = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1w = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1w = (obj, key, value) => key in obj ? __defProp$1w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1w = (a, b) => {
+  var __getOwnPropSymbols$1x = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1x = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1x = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1x = (obj, key, value) => key in obj ? __defProp$1x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1x = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1w.call(b, prop))
-        __defNormalProp$1w(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1w)
-      for (var prop of __getOwnPropSymbols$1w(b)) {
-        if (__propIsEnum$1w.call(b, prop))
-          __defNormalProp$1w(a, prop, b[prop]);
+      if (__hasOwnProp$1x.call(b, prop))
+        __defNormalProp$1x(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1x)
+      for (var prop of __getOwnPropSymbols$1x(b)) {
+        if (__propIsEnum$1x.call(b, prop))
+          __defNormalProp$1x(a, prop, b[prop]);
       }
     return a;
   };
@@ -2973,7 +2973,7 @@
     const minWidth = `${String(segment.maxValue).length}ch`;
     return /* @__PURE__ */ React.createElement(
       react.Box,
-      __spreadProps$q(__spreadValues$1w({}, segmentProps), {
+      __spreadProps$q(__spreadValues$1x({}, segmentProps), {
         ref,
         __css: dateSegment,
         minWidth: isDivider ? 0 : minWidth,
@@ -2993,28 +2993,28 @@
   const formatQuery = (query) => mapFormat[ramda.toLower(query)[0]];
   const delimeterIncluded = /([.,:;|\-/\\])/;
 
-  var __defProp$1v = Object.defineProperty;
+  var __defProp$1w = Object.defineProperty;
   var __defProps$p = Object.defineProperties;
   var __getOwnPropDescs$p = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1v = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1v = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1v = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1v = (obj, key, value) => key in obj ? __defProp$1v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1v = (a, b) => {
+  var __getOwnPropSymbols$1w = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1w = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1w = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1w = (obj, key, value) => key in obj ? __defProp$1w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1w = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1v.call(b, prop))
-        __defNormalProp$1v(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1v)
-      for (var prop of __getOwnPropSymbols$1v(b)) {
-        if (__propIsEnum$1v.call(b, prop))
-          __defNormalProp$1v(a, prop, b[prop]);
+      if (__hasOwnProp$1w.call(b, prop))
+        __defNormalProp$1w(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1w)
+      for (var prop of __getOwnPropSymbols$1w(b)) {
+        if (__propIsEnum$1w.call(b, prop))
+          __defNormalProp$1w(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$p = (a, b) => __defProps$p(a, __getOwnPropDescs$p(b));
   const DateField = (props) => {
     const ref = React.useRef(null);
-    const state = datepicker$1.useDateFieldState(__spreadProps$p(__spreadValues$1v({}, props), {
+    const state = datepicker$1.useDateFieldState(__spreadProps$p(__spreadValues$1w({}, props), {
       /* Hard coding the United Kingdom locale,
        this enforces using english characters e.g.
         yyyy and not other such as åååå or chinese, which prevents hard to predict bugs */
@@ -3027,13 +3027,13 @@
     const { dateFormat = "dd/mm/yyyy" } = props;
     const getMatchingSegment = (query, index) => ramda.find(
       (segment) => segment.placeholder === formatQuery(query)
-    )(segments) || __spreadProps$p(__spreadValues$1v({}, segments[index]), { text: query });
+    )(segments) || __spreadProps$p(__spreadValues$1w({}, segments[index]), { text: query });
     const sortedSegments = ramda.split(delimeterIncluded, dateFormat).map(
       (query, index) => getMatchingSegment(query, index)
     );
     return /* @__PURE__ */ React.createElement(
       react.Box,
-      __spreadProps$p(__spreadValues$1v({}, fieldProps), {
+      __spreadProps$p(__spreadValues$1w({}, fieldProps), {
         ref,
         display: "flex",
         __css: dateField,
@@ -3046,44 +3046,44 @@
     );
   };
 
-  var __defProp$1u = Object.defineProperty;
+  var __defProp$1v = Object.defineProperty;
   var __defProps$o = Object.defineProperties;
   var __getOwnPropDescs$o = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1u = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1u = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1u = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1u = (obj, key, value) => key in obj ? __defProp$1u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1u = (a, b) => {
+  var __getOwnPropSymbols$1v = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1v = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1v = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1v = (obj, key, value) => key in obj ? __defProp$1v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1v = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1u.call(b, prop))
-        __defNormalProp$1u(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1u)
-      for (var prop of __getOwnPropSymbols$1u(b)) {
-        if (__propIsEnum$1u.call(b, prop))
-          __defNormalProp$1u(a, prop, b[prop]);
+      if (__hasOwnProp$1v.call(b, prop))
+        __defNormalProp$1v(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1v)
+      for (var prop of __getOwnPropSymbols$1v(b)) {
+        if (__propIsEnum$1v.call(b, prop))
+          __defNormalProp$1v(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
-  var __objRest$10 = (source, exclude) => {
+  var __objRest$11 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1u.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1v.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1u)
-      for (var prop of __getOwnPropSymbols$1u(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1u.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1v)
+      for (var prop of __getOwnPropSymbols$1v(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1v.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
   };
   const StyledField = React.forwardRef(
     (_a, ref) => {
-      var _b = _a, { isInvalid, isDisabled, children, variant } = _b, rest = __objRest$10(_b, ["isInvalid", "isDisabled", "children", "variant"]);
+      var _b = _a, { isInvalid, isDisabled, children, variant } = _b, rest = __objRest$11(_b, ["isInvalid", "isDisabled", "children", "variant"]);
       const { styledField } = react.useMultiStyleConfig("DatePicker", { variant });
       return /* @__PURE__ */ React.createElement(
         react.Box,
-        __spreadProps$o(__spreadValues$1u({}, rest), {
+        __spreadProps$o(__spreadValues$1v({}, rest), {
           ref,
           "aria-invalid": isInvalid,
           "aria-disabled": isDisabled,
@@ -3097,7 +3097,27 @@
     }
   );
 
+  var __defProp$1u = Object.defineProperty;
+  var __getOwnPropSymbols$1u = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1u = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1u = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1u = (obj, key, value) => key in obj ? __defProp$1u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1u = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$1u.call(b, prop))
+        __defNormalProp$1u(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1u)
+      for (var prop of __getOwnPropSymbols$1u(b)) {
+        if (__propIsEnum$1u.call(b, prop))
+          __defNormalProp$1u(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const Table$1 = (props) => /* @__PURE__ */ React.createElement(react.Table, __spreadValues$1u({}, props));
+
   var __defProp$1t = Object.defineProperty;
+  var __defProps$n = Object.defineProperties;
+  var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$1t = Object.getOwnPropertySymbols;
   var __hasOwnProp$1t = Object.prototype.hasOwnProperty;
   var __propIsEnum$1t = Object.prototype.propertyIsEnumerable;
@@ -3113,26 +3133,6 @@
       }
     return a;
   };
-  const Table$1 = (props) => /* @__PURE__ */ React.createElement(react.Table, __spreadValues$1t({}, props));
-
-  var __defProp$1s = Object.defineProperty;
-  var __defProps$n = Object.defineProperties;
-  var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1s = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1s = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1s = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1s = (obj, key, value) => key in obj ? __defProp$1s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1s = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$1s.call(b, prop))
-        __defNormalProp$1s(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1s)
-      for (var prop of __getOwnPropSymbols$1s(b)) {
-        if (__propIsEnum$1s.call(b, prop))
-          __defNormalProp$1s(a, prop, b[prop]);
-      }
-    return a;
-  };
   var __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
   const CalendarCell = ({
     state,
@@ -3147,9 +3147,9 @@
     );
     const isToday = date$1.compare(date.today(state.timeZone)) === 0;
     const isOutsideMonth = !date.isSameMonth(currentMonth, date$1);
-    return /* @__PURE__ */ React.createElement(react.chakra.td, __spreadValues$1s({}, cellProps), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react.chakra.td, __spreadValues$1t({}, cellProps), /* @__PURE__ */ React.createElement(
       Button$1,
-      __spreadProps$n(__spreadValues$1s({}, buttonProps), {
+      __spreadProps$n(__spreadValues$1t({}, buttonProps), {
         ref,
         borderRadius: "xs",
         boxSize: 8,
@@ -3172,41 +3172,41 @@
     return /* @__PURE__ */ React.createElement(system.chakra.tr, null, weekDaysWithIds.map(({ label, _id }) => /* @__PURE__ */ React.createElement(system.chakra.th, { key: _id, __css: dayLabel }, label)));
   });
 
-  var __defProp$1r = Object.defineProperty;
-  var __getOwnPropSymbols$1r = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1r = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1r = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1r = (obj, key, value) => key in obj ? __defProp$1r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1r = (a, b) => {
+  var __defProp$1s = Object.defineProperty;
+  var __getOwnPropSymbols$1s = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1s = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1s = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1s = (obj, key, value) => key in obj ? __defProp$1s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1s = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1r.call(b, prop))
-        __defNormalProp$1r(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1r)
-      for (var prop of __getOwnPropSymbols$1r(b)) {
-        if (__propIsEnum$1r.call(b, prop))
-          __defNormalProp$1r(a, prop, b[prop]);
+      if (__hasOwnProp$1s.call(b, prop))
+        __defNormalProp$1s(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1s)
+      for (var prop of __getOwnPropSymbols$1s(b)) {
+        if (__propIsEnum$1s.call(b, prop))
+          __defNormalProp$1s(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$$ = (source, exclude) => {
+  var __objRest$10 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1r.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1s.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1r)
-      for (var prop of __getOwnPropSymbols$1r(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1r.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1s)
+      for (var prop of __getOwnPropSymbols$1s(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1s.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
   };
   const CalendarGrid = React.memo(
     (_a) => {
-      var _b = _a, { state, locale } = _b, rest = __objRest$$(_b, ["state", "locale"]);
+      var _b = _a, { state, locale } = _b, rest = __objRest$10(_b, ["state", "locale"]);
       const startDate = state.visibleRange.start;
       const { gridProps, headerProps, weekDays } = calendar.useCalendarGrid(rest, state);
       const weeksInMonth = date.getWeeksInMonth(startDate, locale);
-      return /* @__PURE__ */ React.createElement(Table$1, __spreadValues$1r({ variant: "unstyled" }, gridProps), /* @__PURE__ */ React.createElement(react.Thead, __spreadValues$1r({}, headerProps), /* @__PURE__ */ React.createElement(DayLabels, { weekDays })), /* @__PURE__ */ React.createElement(react.Tbody, null, ramda.times((weekIndex) => /* @__PURE__ */ React.createElement(react.Tr, { key: weekIndex }, state.getDatesInWeek(weekIndex, startDate).map(
+      return /* @__PURE__ */ React.createElement(Table$1, __spreadValues$1s({ variant: "unstyled" }, gridProps), /* @__PURE__ */ React.createElement(react.Thead, __spreadValues$1s({}, headerProps), /* @__PURE__ */ React.createElement(DayLabels, { weekDays })), /* @__PURE__ */ React.createElement(react.Tbody, null, ramda.times((weekIndex) => /* @__PURE__ */ React.createElement(react.Tr, { key: weekIndex }, state.getDatesInWeek(weekIndex, startDate).map(
         (date) => date ? /* @__PURE__ */ React.createElement(
           CalendarCell,
           {
@@ -3220,44 +3220,44 @@
     }
   );
 
-  var __defProp$1q = Object.defineProperty;
+  var __defProp$1r = Object.defineProperty;
   var __defProps$m = Object.defineProperties;
   var __getOwnPropDescs$m = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1q = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1q = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1q = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1q = (obj, key, value) => key in obj ? __defProp$1q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1q = (a, b) => {
+  var __getOwnPropSymbols$1r = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1r = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1r = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1r = (obj, key, value) => key in obj ? __defProp$1r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1r = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1q.call(b, prop))
-        __defNormalProp$1q(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1q)
-      for (var prop of __getOwnPropSymbols$1q(b)) {
-        if (__propIsEnum$1q.call(b, prop))
-          __defNormalProp$1q(a, prop, b[prop]);
+      if (__hasOwnProp$1r.call(b, prop))
+        __defNormalProp$1r(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1r)
+      for (var prop of __getOwnPropSymbols$1r(b)) {
+        if (__propIsEnum$1r.call(b, prop))
+          __defNormalProp$1r(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b));
-  var __objRest$_ = (source, exclude) => {
+  var __objRest$$ = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1q.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1r.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1q)
-      for (var prop of __getOwnPropSymbols$1q(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1q.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1r)
+      for (var prop of __getOwnPropSymbols$1r(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1r.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
   };
   const MonthButton = (_a) => {
-    var _b = _a, { children } = _b, rest = __objRest$_(_b, ["children"]);
+    var _b = _a, { children } = _b, rest = __objRest$$(_b, ["children"]);
     const ref = React.useRef(null);
     const { buttonProps } = button.useButton(rest, ref);
     return /* @__PURE__ */ React.createElement(
       Button$1,
-      __spreadProps$m(__spreadValues$1q({}, buttonProps), {
+      __spreadProps$m(__spreadValues$1r({}, buttonProps), {
         boxSize: 8,
         size: "xs",
         variant: "ghost",
@@ -3394,21 +3394,21 @@
     return /* @__PURE__ */ React.createElement(YearSelect, { onChange, years });
   };
 
-  var __defProp$1p = Object.defineProperty;
+  var __defProp$1q = Object.defineProperty;
   var __defProps$l = Object.defineProperties;
   var __getOwnPropDescs$l = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1p = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1p = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1p = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1p = (obj, key, value) => key in obj ? __defProp$1p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1p = (a, b) => {
+  var __getOwnPropSymbols$1q = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1q = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1q = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1q = (obj, key, value) => key in obj ? __defProp$1q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1q = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1p.call(b, prop))
-        __defNormalProp$1p(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1p)
-      for (var prop of __getOwnPropSymbols$1p(b)) {
-        if (__propIsEnum$1p.call(b, prop))
-          __defNormalProp$1p(a, prop, b[prop]);
+      if (__hasOwnProp$1q.call(b, prop))
+        __defNormalProp$1q(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1q)
+      for (var prop of __getOwnPropSymbols$1q(b)) {
+        if (__propIsEnum$1q.call(b, prop))
+          __defNormalProp$1q(a, prop, b[prop]);
       }
     return a;
   };
@@ -3416,7 +3416,7 @@
   const Calendar$1 = (props) => {
     const { locale } = i18n.useLocale();
     const { container } = react.useMultiStyleConfig("Calendar");
-    const state = calendar$1.useCalendarState(__spreadProps$l(__spreadValues$1p({}, props), {
+    const state = calendar$1.useCalendarState(__spreadProps$l(__spreadValues$1q({}, props), {
       locale,
       createCalendar: () => new date.GregorianCalendar()
     }));
@@ -3424,24 +3424,24 @@
       props,
       state
     );
-    return /* @__PURE__ */ React.createElement(react.Box, __spreadProps$l(__spreadValues$1p({}, calendarProps), { __css: container }), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.Flex, { justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(react.Box, { paddingInlineStart: "2" }, /* @__PURE__ */ React.createElement(YearSelectCalendar, { state })), /* @__PURE__ */ React.createElement(react.HStack, { spacing: 2 }, /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1p({}, prevButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronLeftSolid, boxSize: 4 })), /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1p({}, nextButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronRightSolid, boxSize: 4 })))), /* @__PURE__ */ React.createElement(CalendarGrid, { state, locale })));
+    return /* @__PURE__ */ React.createElement(react.Box, __spreadProps$l(__spreadValues$1q({}, calendarProps), { __css: container }), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.Flex, { justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(react.Box, { paddingInlineStart: "2" }, /* @__PURE__ */ React.createElement(YearSelectCalendar, { state })), /* @__PURE__ */ React.createElement(react.HStack, { spacing: 2 }, /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1q({}, prevButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronLeftSolid, boxSize: 4 })), /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1q({}, nextButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronRightSolid, boxSize: 4 })))), /* @__PURE__ */ React.createElement(CalendarGrid, { state, locale })));
   };
 
-  var __defProp$1o = Object.defineProperty;
+  var __defProp$1p = Object.defineProperty;
   var __defProps$k = Object.defineProperties;
   var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1o = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1o = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1o = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1o = (obj, key, value) => key in obj ? __defProp$1o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1o = (a, b) => {
+  var __getOwnPropSymbols$1p = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1p = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1p = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1p = (obj, key, value) => key in obj ? __defProp$1p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1p = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1o.call(b, prop))
-        __defNormalProp$1o(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1o)
-      for (var prop of __getOwnPropSymbols$1o(b)) {
-        if (__propIsEnum$1o.call(b, prop))
-          __defNormalProp$1o(a, prop, b[prop]);
+      if (__hasOwnProp$1p.call(b, prop))
+        __defNormalProp$1p(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1p)
+      for (var prop of __getOwnPropSymbols$1p(b)) {
+        if (__propIsEnum$1p.call(b, prop))
+          __defNormalProp$1p(a, prop, b[prop]);
       }
     return a;
   };
@@ -3458,12 +3458,12 @@
     } = props;
     const ref = React.useRef();
     const { group } = react.useMultiStyleConfig("DatePicker");
-    const state = datepicker$1.useDatePickerState(__spreadProps$k(__spreadValues$1o({}, props), {
+    const state = datepicker$1.useDatePickerState(__spreadProps$k(__spreadValues$1p({}, props), {
       shouldCloseOnSelect: false,
       hideTimeZone: true
     }));
     const { buttonProps, fieldProps, calendarProps, groupProps, dialogProps } = datepicker.useDatePicker(
-      __spreadProps$k(__spreadValues$1o({}, props), { minValue: minValue || date.parseDate("1994-03-08") }),
+      __spreadProps$k(__spreadValues$1p({}, props), { minValue: minValue || date.parseDate("1994-03-08") }),
       state,
       ref
     );
@@ -3475,7 +3475,7 @@
         onClose: () => state.setOpen(false),
         placement: "bottom-end"
       },
-      /* @__PURE__ */ React.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React.createElement(react.HStack, { minW: 56 }, /* @__PURE__ */ React.createElement(react.InputGroup, __spreadProps$k(__spreadValues$1o({}, groupProps), { ref, __css: group }), /* @__PURE__ */ React.createElement(StyledField, { isDisabled, isInvalid, variant }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React.createElement(react.HStack, { minW: 56 }, /* @__PURE__ */ React.createElement(react.InputGroup, __spreadProps$k(__spreadValues$1p({}, groupProps), { ref, __css: group }), /* @__PURE__ */ React.createElement(StyledField, { isDisabled, isInvalid, variant }, /* @__PURE__ */ React.createElement(
         react.Box,
         {
           paddingInlineStart: "1a",
@@ -3483,7 +3483,7 @@
         },
         /* @__PURE__ */ React.createElement(
           DateField,
-          __spreadProps$k(__spreadValues$1o({}, fieldProps), {
+          __spreadProps$k(__spreadValues$1p({}, fieldProps), {
             dateFormat
           })
         )
@@ -3495,7 +3495,7 @@
         },
         /* @__PURE__ */ React.createElement(
           Trigger,
-          __spreadProps$k(__spreadValues$1o({}, buttonProps), {
+          __spreadProps$k(__spreadValues$1p({}, buttonProps), {
             isDisabled,
             handleClick: togglePopup
           })
@@ -3513,50 +3513,50 @@
           icon: /* @__PURE__ */ React.createElement(Icon$1, { as: icons.XCloseSolid })
         }
       ))),
-      state.isOpen && /* @__PURE__ */ React.createElement(react.PopoverContent, __spreadProps$k(__spreadValues$1o({}, dialogProps), { ref, w: 64, border: "none" }), /* @__PURE__ */ React.createElement(focus.FocusScope, { contain: true, restoreFocus: true }, /* @__PURE__ */ React.createElement(Calendar$1, __spreadValues$1o({}, calendarProps))))
+      state.isOpen && /* @__PURE__ */ React.createElement(react.PopoverContent, __spreadProps$k(__spreadValues$1p({}, dialogProps), { ref, w: 64, border: "none" }), /* @__PURE__ */ React.createElement(focus.FocusScope, { contain: true, restoreFocus: true }, /* @__PURE__ */ React.createElement(Calendar$1, __spreadValues$1p({}, calendarProps))))
     );
   };
 
-  var __defProp$1n = Object.defineProperty;
-  var __getOwnPropSymbols$1n = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1n = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1n = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1n = (obj, key, value) => key in obj ? __defProp$1n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1n = (a, b) => {
+  var __defProp$1o = Object.defineProperty;
+  var __getOwnPropSymbols$1o = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1o = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1o = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1o = (obj, key, value) => key in obj ? __defProp$1o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1o = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1n.call(b, prop))
-        __defNormalProp$1n(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1n)
-      for (var prop of __getOwnPropSymbols$1n(b)) {
-        if (__propIsEnum$1n.call(b, prop))
-          __defNormalProp$1n(a, prop, b[prop]);
+      if (__hasOwnProp$1o.call(b, prop))
+        __defNormalProp$1o(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1o)
+      for (var prop of __getOwnPropSymbols$1o(b)) {
+        if (__propIsEnum$1o.call(b, prop))
+          __defNormalProp$1o(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$Z = (source, exclude) => {
+  var __objRest$_ = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1n.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1o.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1n)
-      for (var prop of __getOwnPropSymbols$1n(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1n.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1o)
+      for (var prop of __getOwnPropSymbols$1o(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1o.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
   };
   const Clickable = (_a) => {
-    var _b = _a, { href, linkProps } = _b, rest = __objRest$Z(_b, ["href", "linkProps"]);
+    var _b = _a, { href, linkProps } = _b, rest = __objRest$_(_b, ["href", "linkProps"]);
     const clickable$1 = clickable.useClickable(rest);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, !ramda.isNil(href) && /* @__PURE__ */ React.createElement(
       react.Link,
-      __spreadValues$1n(__spreadValues$1n({
+      __spreadValues$1o(__spreadValues$1o({
         as: reactRouterDom.Link,
         _focusVisible: ring,
         to: href,
         _hover: { textDecoration: "none" }
       }, linkProps), clickable$1)
-    ), ramda.isNil(href) && /* @__PURE__ */ React.createElement(react.chakra.button, __spreadValues$1n({ _focusVisible: ring }, clickable$1)));
+    ), ramda.isNil(href) && /* @__PURE__ */ React.createElement(react.chakra.button, __spreadValues$1o({ _focusVisible: ring }, clickable$1)));
   };
 
   const defaultFadeDelay = 250;
@@ -3619,6 +3619,73 @@
     return hidden;
   };
 
+  var __defProp$1n = Object.defineProperty;
+  var __getOwnPropSymbols$1n = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1n = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1n = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1n = (obj, key, value) => key in obj ? __defProp$1n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1n = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$1n.call(b, prop))
+        __defNormalProp$1n(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1n)
+      for (var prop of __getOwnPropSymbols$1n(b)) {
+        if (__propIsEnum$1n.call(b, prop))
+          __defNormalProp$1n(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __objRest$Z = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$1n.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$1n)
+      for (var prop of __getOwnPropSymbols$1n(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1n.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  const Fade = (_a) => {
+    var _b = _a, {
+      children,
+      enterDuration = null,
+      exitDuration = null,
+      duration = null,
+      in: show = false,
+      disableFocus = true,
+      hideDisplay = false,
+      enterDelay = 0,
+      exitDelay = 0,
+      onTransitionComplete = ramda.identity
+    } = _b, rest = __objRest$Z(_b, [
+      "children",
+      "enterDuration",
+      "exitDuration",
+      "duration",
+      "in",
+      "disableFocus",
+      "hideDisplay",
+      "enterDelay",
+      "exitDelay",
+      "onTransitionComplete"
+    ]);
+    const transition = getDuration(enterDuration, exitDuration, duration);
+    const showWithDelay = useDelay(show, enterDelay, exitDelay);
+    const isHidden = useHiddenDisplay(show, exitDelay, exitDuration, duration, onTransitionComplete);
+    const childrenWithProps = getChildrenWithFocus(children, disableFocus, isHidden);
+    return /* @__PURE__ */ React.createElement(
+      react.Fade,
+      __spreadValues$1n({
+        in: showWithDelay,
+        transition,
+        unmountOnExit: hideDisplay
+      }, rest),
+      childrenWithProps
+    );
+  };
+
   var __defProp$1m = Object.defineProperty;
   var __getOwnPropSymbols$1m = Object.getOwnPropertySymbols;
   var __hasOwnProp$1m = Object.prototype.hasOwnProperty;
@@ -3647,7 +3714,7 @@
       }
     return target;
   };
-  const Fade = (_a) => {
+  const ScaleFade = (_a) => {
     var _b = _a, {
       children,
       enterDuration = null,
@@ -3676,7 +3743,7 @@
     const isHidden = useHiddenDisplay(show, exitDelay, exitDuration, duration, onTransitionComplete);
     const childrenWithProps = getChildrenWithFocus(children, disableFocus, isHidden);
     return /* @__PURE__ */ React.createElement(
-      react.Fade,
+      react.ScaleFade,
       __spreadValues$1m({
         in: showWithDelay,
         transition,
@@ -3714,7 +3781,7 @@
       }
     return target;
   };
-  const ScaleFade = (_a) => {
+  const Slide = (_a) => {
     var _b = _a, {
       children,
       enterDuration = null,
@@ -3725,6 +3792,7 @@
       hideDisplay = false,
       enterDelay = 0,
       exitDelay = 0,
+      direction = "bottom",
       onTransitionComplete = ramda.identity
     } = _b, rest = __objRest$X(_b, [
       "children",
@@ -3736,6 +3804,7 @@
       "hideDisplay",
       "enterDelay",
       "exitDelay",
+      "direction",
       "onTransitionComplete"
     ]);
     const transition = getDuration(enterDuration, exitDuration, duration);
@@ -3743,10 +3812,11 @@
     const isHidden = useHiddenDisplay(show, exitDelay, exitDuration, duration, onTransitionComplete);
     const childrenWithProps = getChildrenWithFocus(children, disableFocus, isHidden);
     return /* @__PURE__ */ React.createElement(
-      react.ScaleFade,
+      react.Slide,
       __spreadValues$1l({
         in: showWithDelay,
         transition,
+        direction,
         unmountOnExit: hideDisplay
       }, rest),
       childrenWithProps
@@ -3781,7 +3851,7 @@
       }
     return target;
   };
-  const Slide = (_a) => {
+  const SlideFade = (_a) => {
     var _b = _a, {
       children,
       enterDuration = null,
@@ -3790,9 +3860,12 @@
       in: show = false,
       disableFocus = true,
       hideDisplay = false,
+      direction = "bottom",
+      offset: delta = defaultOffset,
+      offsetX: deltaX = 0,
+      offsetY: deltaY = 0,
       enterDelay = 0,
       exitDelay = 0,
-      direction = "bottom",
       onTransitionComplete = ramda.identity
     } = _b, rest = __objRest$W(_b, [
       "children",
@@ -3802,21 +3875,26 @@
       "in",
       "disableFocus",
       "hideDisplay",
+      "direction",
+      "offset",
+      "offsetX",
+      "offsetY",
       "enterDelay",
       "exitDelay",
-      "direction",
       "onTransitionComplete"
     ]);
     const transition = getDuration(enterDuration, exitDuration, duration);
+    const { offsetX, offsetY } = getOffsets(direction, delta, deltaX, deltaY);
     const showWithDelay = useDelay(show, enterDelay, exitDelay);
     const isHidden = useHiddenDisplay(show, exitDelay, exitDuration, duration, onTransitionComplete);
     const childrenWithProps = getChildrenWithFocus(children, disableFocus, isHidden);
     return /* @__PURE__ */ React.createElement(
-      react.Slide,
+      react.SlideFade,
       __spreadValues$1k({
         in: showWithDelay,
         transition,
-        direction,
+        offsetX,
+        offsetY,
         unmountOnExit: hideDisplay
       }, rest),
       childrenWithProps
@@ -3851,7 +3929,7 @@
       }
     return target;
   };
-  const SlideFade = (_a) => {
+  const Collapse = (_a) => {
     var _b = _a, {
       children,
       enterDuration = null,
@@ -3860,10 +3938,6 @@
       in: show = false,
       disableFocus = true,
       hideDisplay = false,
-      direction = "bottom",
-      offset: delta = defaultOffset,
-      offsetX: deltaX = 0,
-      offsetY: deltaY = 0,
       enterDelay = 0,
       exitDelay = 0,
       onTransitionComplete = ramda.identity
@@ -3875,26 +3949,19 @@
       "in",
       "disableFocus",
       "hideDisplay",
-      "direction",
-      "offset",
-      "offsetX",
-      "offsetY",
       "enterDelay",
       "exitDelay",
       "onTransitionComplete"
     ]);
     const transition = getDuration(enterDuration, exitDuration, duration);
-    const { offsetX, offsetY } = getOffsets(direction, delta, deltaX, deltaY);
     const showWithDelay = useDelay(show, enterDelay, exitDelay);
     const isHidden = useHiddenDisplay(show, exitDelay, exitDuration, duration, onTransitionComplete);
     const childrenWithProps = getChildrenWithFocus(children, disableFocus, isHidden);
     return /* @__PURE__ */ React.createElement(
-      react.SlideFade,
+      react.Collapse,
       __spreadValues$1j({
         in: showWithDelay,
         transition,
-        offsetX,
-        offsetY,
         unmountOnExit: hideDisplay
       }, rest),
       childrenWithProps
@@ -3902,6 +3969,8 @@
   };
 
   var __defProp$1i = Object.defineProperty;
+  var __defProps$j = Object.defineProperties;
+  var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$1i = Object.getOwnPropertySymbols;
   var __hasOwnProp$1i = Object.prototype.hasOwnProperty;
   var __propIsEnum$1i = Object.prototype.propertyIsEnumerable;
@@ -3917,77 +3986,8 @@
       }
     return a;
   };
-  var __objRest$U = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$1i.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1i)
-      for (var prop of __getOwnPropSymbols$1i(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1i.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
-  const Collapse = (_a) => {
-    var _b = _a, {
-      children,
-      enterDuration = null,
-      exitDuration = null,
-      duration = null,
-      in: show = false,
-      disableFocus = true,
-      hideDisplay = false,
-      enterDelay = 0,
-      exitDelay = 0,
-      onTransitionComplete = ramda.identity
-    } = _b, rest = __objRest$U(_b, [
-      "children",
-      "enterDuration",
-      "exitDuration",
-      "duration",
-      "in",
-      "disableFocus",
-      "hideDisplay",
-      "enterDelay",
-      "exitDelay",
-      "onTransitionComplete"
-    ]);
-    const transition = getDuration(enterDuration, exitDuration, duration);
-    const showWithDelay = useDelay(show, enterDelay, exitDelay);
-    const isHidden = useHiddenDisplay(show, exitDelay, exitDuration, duration, onTransitionComplete);
-    const childrenWithProps = getChildrenWithFocus(children, disableFocus, isHidden);
-    return /* @__PURE__ */ React.createElement(
-      react.Collapse,
-      __spreadValues$1i({
-        in: showWithDelay,
-        transition,
-        unmountOnExit: hideDisplay
-      }, rest),
-      childrenWithProps
-    );
-  };
-
-  var __defProp$1h = Object.defineProperty;
-  var __defProps$j = Object.defineProperties;
-  var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1h = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1h = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1h = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1h = (obj, key, value) => key in obj ? __defProp$1h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1h = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$1h.call(b, prop))
-        __defNormalProp$1h(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1h)
-      for (var prop of __getOwnPropSymbols$1h(b)) {
-        if (__propIsEnum$1h.call(b, prop))
-          __defNormalProp$1h(a, prop, b[prop]);
-      }
-    return a;
-  };
   var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
-  const MoveButton = (props) => /* @__PURE__ */ React.createElement(Clickable, __spreadProps$j(__spreadValues$1h({}, props), { w: "max-content" }), /* @__PURE__ */ React.createElement(
+  const MoveButton = (props) => /* @__PURE__ */ React.createElement(Clickable, __spreadProps$j(__spreadValues$1i({}, props), { w: "max-content" }), /* @__PURE__ */ React.createElement(
     P$1,
     {
       variant: "14",
@@ -4006,19 +4006,19 @@
 
   const validRange = (date, state) => !date || (!state.minValue || date.start >= state.minValue) && (!state.maxValue || date.end <= state.maxValue) && date.end >= date.start;
 
-  var __defProp$1g = Object.defineProperty;
-  var __getOwnPropSymbols$1g = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1g = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1g = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1g = (obj, key, value) => key in obj ? __defProp$1g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1g = (a, b) => {
+  var __defProp$1h = Object.defineProperty;
+  var __getOwnPropSymbols$1h = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1h = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1h = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1h = (obj, key, value) => key in obj ? __defProp$1h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1h = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1g.call(b, prop))
-        __defNormalProp$1g(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1g)
-      for (var prop of __getOwnPropSymbols$1g(b)) {
-        if (__propIsEnum$1g.call(b, prop))
-          __defNormalProp$1g(a, prop, b[prop]);
+      if (__hasOwnProp$1h.call(b, prop))
+        __defNormalProp$1h(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1h)
+      for (var prop of __getOwnPropSymbols$1h(b)) {
+        if (__propIsEnum$1h.call(b, prop))
+          __defNormalProp$1h(a, prop, b[prop]);
       }
     return a;
   };
@@ -4034,7 +4034,7 @@
     },
     /* @__PURE__ */ React.createElement(Icon$1, { as: icon, color: "blue.500", size: "lg" }),
     dates.map(
-      (date) => validRange(date.value, state) && /* @__PURE__ */ React.createElement(react.Box, { ml: "1", display: "inline" }, /* @__PURE__ */ React.createElement(MoveButton, __spreadValues$1g({}, getMethods(date)), date.label))
+      (date) => validRange(date.value, state) && /* @__PURE__ */ React.createElement(react.Box, { ml: "1", display: "inline" }, /* @__PURE__ */ React.createElement(MoveButton, __spreadValues$1h({}, getMethods(date)), date.label))
     )
   );
 
@@ -4205,21 +4205,21 @@
     );
   };
 
-  var __defProp$1f = Object.defineProperty;
+  var __defProp$1g = Object.defineProperty;
   var __defProps$i = Object.defineProperties;
   var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1f = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1f = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1f = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1f = (obj, key, value) => key in obj ? __defProp$1f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1f = (a, b) => {
+  var __getOwnPropSymbols$1g = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1g = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1g = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1g = (obj, key, value) => key in obj ? __defProp$1g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1g = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1f.call(b, prop))
-        __defNormalProp$1f(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1f)
-      for (var prop of __getOwnPropSymbols$1f(b)) {
-        if (__propIsEnum$1f.call(b, prop))
-          __defNormalProp$1f(a, prop, b[prop]);
+      if (__hasOwnProp$1g.call(b, prop))
+        __defNormalProp$1g(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1g)
+      for (var prop of __getOwnPropSymbols$1g(b)) {
+        if (__propIsEnum$1g.call(b, prop))
+          __defNormalProp$1g(a, prop, b[prop]);
       }
     return a;
   };
@@ -4235,9 +4235,9 @@
       ref
     );
     const isToday = date$1.compare(date.today(state.timeZone)) === 0;
-    return /* @__PURE__ */ React.createElement(react.chakra.td, __spreadValues$1f({}, cellProps), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react.chakra.td, __spreadValues$1g({}, cellProps), /* @__PURE__ */ React.createElement(
       react.chakra.button,
-      __spreadProps$i(__spreadValues$1f({}, buttonProps), {
+      __spreadProps$i(__spreadValues$1g({}, buttonProps), {
         type: "button",
         ref,
         borderRadius: "xs",
@@ -4273,21 +4273,21 @@
     ));
   };
 
-  var __defProp$1e = Object.defineProperty;
+  var __defProp$1f = Object.defineProperty;
   var __defProps$h = Object.defineProperties;
   var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1e = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1e = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1e = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1e = (obj, key, value) => key in obj ? __defProp$1e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1e = (a, b) => {
+  var __getOwnPropSymbols$1f = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1f = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1f = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1f = (obj, key, value) => key in obj ? __defProp$1f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1f = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1e.call(b, prop))
-        __defNormalProp$1e(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1e)
-      for (var prop of __getOwnPropSymbols$1e(b)) {
-        if (__propIsEnum$1e.call(b, prop))
-          __defNormalProp$1e(a, prop, b[prop]);
+      if (__hasOwnProp$1f.call(b, prop))
+        __defNormalProp$1f(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1f)
+      for (var prop of __getOwnPropSymbols$1f(b)) {
+        if (__propIsEnum$1f.call(b, prop))
+          __defNormalProp$1f(a, prop, b[prop]);
       }
     return a;
   };
@@ -4297,7 +4297,7 @@
     const endDate = date.endOfMonth(startDate);
     const { gridProps, headerProps, weekDays } = calendar.useCalendarGrid({ startDate, endDate }, state);
     const weeksInMonth = date.getWeeksInMonth(state.visibleRange.start, locale);
-    return /* @__PURE__ */ React.createElement(react.Box, { h: "245px", p: "0" }, /* @__PURE__ */ React.createElement(react.chakra.table, __spreadProps$h(__spreadValues$1e({}, gridProps), { sx: { borderSpacing: "0px" } }), /* @__PURE__ */ React.createElement(react.chakra.thead, __spreadValues$1e({}, headerProps), /* @__PURE__ */ React.createElement(DayLabels, { weekDays })), /* @__PURE__ */ React.createElement(react.chakra.tbody, null, ramda.times((weekIndex) => /* @__PURE__ */ React.createElement(react.chakra.tr, { key: weekIndex }, state.getDatesInWeek(weekIndex, startDate).map(
+    return /* @__PURE__ */ React.createElement(react.Box, { h: "245px", p: "0" }, /* @__PURE__ */ React.createElement(react.chakra.table, __spreadProps$h(__spreadValues$1f({}, gridProps), { sx: { borderSpacing: "0px" } }), /* @__PURE__ */ React.createElement(react.chakra.thead, __spreadValues$1f({}, headerProps), /* @__PURE__ */ React.createElement(DayLabels, { weekDays })), /* @__PURE__ */ React.createElement(react.chakra.tbody, null, ramda.times((weekIndex) => /* @__PURE__ */ React.createElement(react.chakra.tr, { key: weekIndex }, state.getDatesInWeek(weekIndex, startDate).map(
       (date, i) => date ? /* @__PURE__ */ React.createElement(
         RangeCell,
         {
@@ -4596,21 +4596,21 @@
     ));
   };
 
-  var __defProp$1d = Object.defineProperty;
+  var __defProp$1e = Object.defineProperty;
   var __defProps$g = Object.defineProperties;
   var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1d = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1d = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1d = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1d = (obj, key, value) => key in obj ? __defProp$1d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1d = (a, b) => {
+  var __getOwnPropSymbols$1e = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1e = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1e = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1e = (obj, key, value) => key in obj ? __defProp$1e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1e = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1d.call(b, prop))
-        __defNormalProp$1d(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1d)
-      for (var prop of __getOwnPropSymbols$1d(b)) {
-        if (__propIsEnum$1d.call(b, prop))
-          __defNormalProp$1d(a, prop, b[prop]);
+      if (__hasOwnProp$1e.call(b, prop))
+        __defNormalProp$1e(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1e)
+      for (var prop of __getOwnPropSymbols$1e(b)) {
+        if (__propIsEnum$1e.call(b, prop))
+          __defNormalProp$1e(a, prop, b[prop]);
       }
     return a;
   };
@@ -4618,7 +4618,7 @@
   const RangeCalendar = (props) => {
     const { locale } = i18n.useLocale();
     const [updateRange, setUpdateRange] = React.useState(false);
-    const state = calendar$1.useRangeCalendarState(__spreadProps$g(__spreadValues$1d({}, props), {
+    const state = calendar$1.useRangeCalendarState(__spreadProps$g(__spreadValues$1e({}, props), {
       visibleDuration: { months: updateRange ? 1 : 2 },
       locale,
       createCalendar: () => new date.GregorianCalendar()
@@ -4636,7 +4636,7 @@
       ref
     );
     const { fiscalStartMonth, fiscalStartDay, handleClose, resetDate, isClearable = true } = props;
-    return /* @__PURE__ */ React.createElement(react.Box, __spreadProps$g(__spreadValues$1d({}, calendarProps), { ref, __css: rangeCalendarContainer }), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.Flex, { gap: 4 }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react.Box, __spreadProps$g(__spreadValues$1e({}, calendarProps), { ref, __css: rangeCalendarContainer }), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.Flex, { gap: 4 }, /* @__PURE__ */ React.createElement(
       QuickSelect,
       {
         state,
@@ -4645,7 +4645,7 @@
         fiscalStartMonth,
         fiscalStartDay
       }
-    ), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.HStack, { spacing: 2, alignSelf: "center" }, /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1d({}, prevButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronLeftSolid, boxSize: 4 })), /* @__PURE__ */ React.createElement(react.Box, { w: "52" }, /* @__PURE__ */ React.createElement(Label$1, { textAlign: "center" }, months[state.visibleRange.start.month - 1], " -", " ", months[state.visibleRange.start.month], " ", state.visibleRange.end.year)), /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1d({}, nextButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronRightSolid, boxSize: 4 }))), /* @__PURE__ */ React.createElement(react.HStack, { alignItems: "start", spacing: 4 }, /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.HStack, { alignSelf: "center", spacing: "0a" }, /* @__PURE__ */ React.createElement(MonthSelect, { state, offset: 0 }), /* @__PURE__ */ React.createElement(YearSelectRangeCalendar, { state, offset: 0 }), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronSelectorVerticalSolid, size: "xs", fontWeight: "bold" })), /* @__PURE__ */ React.createElement(RangeCalendarGrid, { state, locale }), /* @__PURE__ */ React.createElement(AdjustRange, { state, adjust: "start" })), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.HStack, { alignSelf: "center", spacing: "0a" }, /* @__PURE__ */ React.createElement(MonthSelect, { state, offset: 1 }), /* @__PURE__ */ React.createElement(YearSelectRangeCalendar, { state, offset: 1 }), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronSelectorVerticalSolid, size: "xs", fontWeight: "bold" })), /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.HStack, { spacing: 2, alignSelf: "center" }, /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1e({}, prevButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronLeftSolid, boxSize: 4 })), /* @__PURE__ */ React.createElement(react.Box, { w: "52" }, /* @__PURE__ */ React.createElement(Label$1, { textAlign: "center" }, months[state.visibleRange.start.month - 1], " -", " ", months[state.visibleRange.start.month], " ", state.visibleRange.end.year)), /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1e({}, nextButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronRightSolid, boxSize: 4 }))), /* @__PURE__ */ React.createElement(react.HStack, { alignItems: "start", spacing: 4 }, /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.HStack, { alignSelf: "center", spacing: "0a" }, /* @__PURE__ */ React.createElement(MonthSelect, { state, offset: 0 }), /* @__PURE__ */ React.createElement(YearSelectRangeCalendar, { state, offset: 0 }), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronSelectorVerticalSolid, size: "xs", fontWeight: "bold" })), /* @__PURE__ */ React.createElement(RangeCalendarGrid, { state, locale }), /* @__PURE__ */ React.createElement(AdjustRange, { state, adjust: "start" })), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.HStack, { alignSelf: "center", spacing: "0a" }, /* @__PURE__ */ React.createElement(MonthSelect, { state, offset: 1 }), /* @__PURE__ */ React.createElement(YearSelectRangeCalendar, { state, offset: 1 }), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronSelectorVerticalSolid, size: "xs", fontWeight: "bold" })), /* @__PURE__ */ React.createElement(
       RangeCalendarGrid,
       {
         state,
@@ -4655,28 +4655,28 @@
     ), /* @__PURE__ */ React.createElement(AdjustRange, { state, adjust: "end" }), /* @__PURE__ */ React.createElement(react.HStack, { alignSelf: "end", pt: "2" }, isClearable && /* @__PURE__ */ React.createElement(Button$1, { onClick: resetDate, variant: "ghost", size: "sm" }, "Clear"), /* @__PURE__ */ React.createElement(Button$1, { variant: "brand", onClick: handleClose, size: "sm" }, "Save"))))))));
   };
 
-  var __defProp$1c = Object.defineProperty;
+  var __defProp$1d = Object.defineProperty;
   var __defProps$f = Object.defineProperties;
   var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1c = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1c = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1c = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1c = (obj, key, value) => key in obj ? __defProp$1c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1c = (a, b) => {
+  var __getOwnPropSymbols$1d = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1d = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1d = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1d = (obj, key, value) => key in obj ? __defProp$1d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1d = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1c.call(b, prop))
-        __defNormalProp$1c(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1c)
-      for (var prop of __getOwnPropSymbols$1c(b)) {
-        if (__propIsEnum$1c.call(b, prop))
-          __defNormalProp$1c(a, prop, b[prop]);
+      if (__hasOwnProp$1d.call(b, prop))
+        __defNormalProp$1d(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1d)
+      for (var prop of __getOwnPropSymbols$1d(b)) {
+        if (__propIsEnum$1d.call(b, prop))
+          __defNormalProp$1d(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
   const SimpleRangeCalendar = (props) => {
     const { locale } = i18n.useLocale();
-    const state = calendar$1.useRangeCalendarState(__spreadProps$f(__spreadValues$1c({}, props), {
+    const state = calendar$1.useRangeCalendarState(__spreadProps$f(__spreadValues$1d({}, props), {
       visibleDuration: { months: 1 },
       locale,
       createCalendar: () => new date.GregorianCalendar()
@@ -4689,7 +4689,7 @@
       ref
     );
     const { fiscalStartMonth, fiscalStartDay, handleClose, resetDate, isClearable = true } = props;
-    return /* @__PURE__ */ React.createElement(react.Box, __spreadProps$f(__spreadValues$1c({}, calendarProps), { ref, __css: rangeCalendarContainer }), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.Flex, { gap: 4 }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react.Box, __spreadProps$f(__spreadValues$1d({}, calendarProps), { ref, __css: rangeCalendarContainer }), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.Flex, { gap: 4 }, /* @__PURE__ */ React.createElement(
       QuickSelect,
       {
         state,
@@ -4700,26 +4700,26 @@
         fiscalStartDay,
         height: "72"
       }
-    ), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.HStack, { spacing: 2, alignSelf: "center" }, /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1c({}, prevButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronLeftSolid, boxSize: 4 })), /* @__PURE__ */ React.createElement(react.HStack, { w: "full", justify: "center" }, /* @__PURE__ */ React.createElement(MonthSelect, { state, offset: 0 }), /* @__PURE__ */ React.createElement(YearSelectRangeCalendar, { state, offset: 0 })), /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1c({}, nextButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronRightSolid, boxSize: 4 }))), /* @__PURE__ */ React.createElement(react.Stack, { h: "full", justify: "space-between" }, /* @__PURE__ */ React.createElement(RangeCalendarGrid, { state, locale }), /* @__PURE__ */ React.createElement(react.HStack, { alignSelf: "end", pt: "2" }, isClearable && /* @__PURE__ */ React.createElement(Button$1, { onClick: resetDate, variant: "ghost", size: "sm" }, "Clear"), /* @__PURE__ */ React.createElement(Button$1, { variant: "brand", onClick: handleClose, size: "sm" }, "Save")))))));
+    ), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.HStack, { spacing: 2, alignSelf: "center" }, /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1d({}, prevButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronLeftSolid, boxSize: 4 })), /* @__PURE__ */ React.createElement(react.HStack, { w: "full", justify: "center" }, /* @__PURE__ */ React.createElement(MonthSelect, { state, offset: 0 }), /* @__PURE__ */ React.createElement(YearSelectRangeCalendar, { state, offset: 0 })), /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1d({}, nextButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronRightSolid, boxSize: 4 }))), /* @__PURE__ */ React.createElement(react.Stack, { h: "full", justify: "space-between" }, /* @__PURE__ */ React.createElement(RangeCalendarGrid, { state, locale }), /* @__PURE__ */ React.createElement(react.HStack, { alignSelf: "end", pt: "2" }, isClearable && /* @__PURE__ */ React.createElement(Button$1, { onClick: resetDate, variant: "ghost", size: "sm" }, "Clear"), /* @__PURE__ */ React.createElement(Button$1, { variant: "brand", onClick: handleClose, size: "sm" }, "Save")))))));
   };
 
   const isValidDateRange = (value) => ramda.is(Object, value) && ramda.has("startDate", value) && ramda.has("endDate", value) && ramda.is(String, value.startDate) && ramda.is(String, value.endDate);
 
-  var __defProp$1b = Object.defineProperty;
+  var __defProp$1c = Object.defineProperty;
   var __defProps$e = Object.defineProperties;
   var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1b = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1b = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1b = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1b = (obj, key, value) => key in obj ? __defProp$1b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1b = (a, b) => {
+  var __getOwnPropSymbols$1c = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1c = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1c = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1c = (obj, key, value) => key in obj ? __defProp$1c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1c = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1b.call(b, prop))
-        __defNormalProp$1b(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1b)
-      for (var prop of __getOwnPropSymbols$1b(b)) {
-        if (__propIsEnum$1b.call(b, prop))
-          __defNormalProp$1b(a, prop, b[prop]);
+      if (__hasOwnProp$1c.call(b, prop))
+        __defNormalProp$1c(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1c)
+      for (var prop of __getOwnPropSymbols$1c(b)) {
+        if (__propIsEnum$1c.call(b, prop))
+          __defNormalProp$1c(a, prop, b[prop]);
       }
     return a;
   };
@@ -4758,7 +4758,7 @@
       minValue: ramda.isNil(minValue) ? void 0 : date.parseDate(minValue),
       maxValue: ramda.isNil(maxValue) ? void 0 : date.parseDate(maxValue)
     };
-    const state = datepicker$1.useDateRangePickerState(__spreadProps$e(__spreadValues$1b(__spreadValues$1b({}, props), parsedProps), {
+    const state = datepicker$1.useDateRangePickerState(__spreadProps$e(__spreadValues$1c(__spreadValues$1c({}, props), parsedProps), {
       shouldCloseOnSelect: false,
       hideTimeZone: true
     }));
@@ -4770,7 +4770,7 @@
       dialogProps,
       calendarProps
     } = datepicker.useDateRangePicker(
-      __spreadProps$e(__spreadValues$1b(__spreadValues$1b({}, props), parsedProps), {
+      __spreadProps$e(__spreadValues$1c(__spreadValues$1c({}, props), parsedProps), {
         minValue: parsedProps.minValue || date.parseDate("1994-03-08")
       }),
       state,
@@ -4787,7 +4787,7 @@
         onClose: handleClose,
         placement: "bottom-start"
       },
-      /* @__PURE__ */ React.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React.createElement(react.HStack, null, /* @__PURE__ */ React.createElement(react.InputGroup, __spreadProps$e(__spreadValues$1b({}, groupProps), { ref, __css: group }), /* @__PURE__ */ React.createElement(StyledField, { isDisabled, isInvalid, variant }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React.createElement(react.HStack, null, /* @__PURE__ */ React.createElement(react.InputGroup, __spreadProps$e(__spreadValues$1c({}, groupProps), { ref, __css: group }), /* @__PURE__ */ React.createElement(StyledField, { isDisabled, isInvalid, variant }, /* @__PURE__ */ React.createElement(
         react.HStack,
         {
           paddingInlineStart: "1a",
@@ -4795,20 +4795,20 @@
         },
         /* @__PURE__ */ React.createElement(
           DateField,
-          __spreadProps$e(__spreadValues$1b({}, startFieldProps), {
+          __spreadProps$e(__spreadValues$1c({}, startFieldProps), {
             dateFormat
           })
         ),
         /* @__PURE__ */ React.createElement(P$1, null, "-"),
         /* @__PURE__ */ React.createElement(
           DateField,
-          __spreadProps$e(__spreadValues$1b({}, endFieldProps), {
+          __spreadProps$e(__spreadValues$1c({}, endFieldProps), {
             dateFormat
           })
         )
       )), /* @__PURE__ */ React.createElement(react.InputRightElement, { sx: { height: "100%", paddingRight: "1" } }, /* @__PURE__ */ React.createElement(
         Trigger,
-        __spreadProps$e(__spreadValues$1b({}, buttonProps), {
+        __spreadProps$e(__spreadValues$1c({}, buttonProps), {
           isDisabled,
           handleClick: togglePopup
         })
@@ -4825,9 +4825,9 @@
           icon: /* @__PURE__ */ React.createElement(Icon$1, { as: icons.XCloseSolid })
         }
       ))),
-      state.isOpen && /* @__PURE__ */ React.createElement(react.PopoverContent, __spreadProps$e(__spreadValues$1b({}, dialogProps), { ref, w: "max-content" }), /* @__PURE__ */ React.createElement(focus.FocusScope, { contain: true, restoreFocus: true }, mode === "simple" && /* @__PURE__ */ React.createElement(
+      state.isOpen && /* @__PURE__ */ React.createElement(react.PopoverContent, __spreadProps$e(__spreadValues$1c({}, dialogProps), { ref, w: "max-content" }), /* @__PURE__ */ React.createElement(focus.FocusScope, { contain: true, restoreFocus: true }, mode === "simple" && /* @__PURE__ */ React.createElement(
         SimpleRangeCalendar,
-        __spreadProps$e(__spreadValues$1b({}, calendarProps), {
+        __spreadProps$e(__spreadValues$1c({}, calendarProps), {
           resetDate,
           handleClose,
           fiscalStartMonth: fiscalStartMonth || 0,
@@ -4836,7 +4836,7 @@
         })
       ), mode === "advanced" && /* @__PURE__ */ React.createElement(
         RangeCalendar,
-        __spreadProps$e(__spreadValues$1b({}, calendarProps), {
+        __spreadProps$e(__spreadValues$1c({}, calendarProps), {
           resetDate,
           handleClose,
           fiscalStartMonth: fiscalStartMonth || 0,
@@ -4847,30 +4847,30 @@
     );
   };
 
-  var __defProp$1a = Object.defineProperty;
-  var __getOwnPropSymbols$1a = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1a = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1a = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1a = (obj, key, value) => key in obj ? __defProp$1a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1a = (a, b) => {
+  var __defProp$1b = Object.defineProperty;
+  var __getOwnPropSymbols$1b = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1b = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1b = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1b = (obj, key, value) => key in obj ? __defProp$1b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1b = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1a.call(b, prop))
-        __defNormalProp$1a(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1a)
-      for (var prop of __getOwnPropSymbols$1a(b)) {
-        if (__propIsEnum$1a.call(b, prop))
-          __defNormalProp$1a(a, prop, b[prop]);
+      if (__hasOwnProp$1b.call(b, prop))
+        __defNormalProp$1b(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1b)
+      for (var prop of __getOwnPropSymbols$1b(b)) {
+        if (__propIsEnum$1b.call(b, prop))
+          __defNormalProp$1b(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$T = (source, exclude) => {
+  var __objRest$U = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1a.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1b.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1a)
-      for (var prop of __getOwnPropSymbols$1a(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1a.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1b)
+      for (var prop of __getOwnPropSymbols$1b(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1b.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -4880,39 +4880,39 @@
       inputLeftElement,
       inputRightElement,
       children
-    } = _b, rest = __objRest$T(_b, [
+    } = _b, rest = __objRest$U(_b, [
       "inputLeftElement",
       "inputRightElement",
       "children"
     ]);
     const containsInputGroupElement = ramda.not(ramda.all(ramda.isNil, [inputLeftElement, inputRightElement]));
-    return containsInputGroupElement ? /* @__PURE__ */ React.createElement(react.InputGroup, __spreadValues$1a({}, rest), inputLeftElement, children, inputRightElement) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return containsInputGroupElement ? /* @__PURE__ */ React.createElement(react.InputGroup, __spreadValues$1b({}, rest), inputLeftElement, children, inputRightElement) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
   };
 
-  var __defProp$19 = Object.defineProperty;
-  var __getOwnPropSymbols$19 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$19 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$19 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$19 = (obj, key, value) => key in obj ? __defProp$19(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$19 = (a, b) => {
+  var __defProp$1a = Object.defineProperty;
+  var __getOwnPropSymbols$1a = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1a = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1a = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1a = (obj, key, value) => key in obj ? __defProp$1a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1a = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$19.call(b, prop))
-        __defNormalProp$19(a, prop, b[prop]);
-    if (__getOwnPropSymbols$19)
-      for (var prop of __getOwnPropSymbols$19(b)) {
-        if (__propIsEnum$19.call(b, prop))
-          __defNormalProp$19(a, prop, b[prop]);
+      if (__hasOwnProp$1a.call(b, prop))
+        __defNormalProp$1a(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1a)
+      for (var prop of __getOwnPropSymbols$1a(b)) {
+        if (__propIsEnum$1a.call(b, prop))
+          __defNormalProp$1a(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$S = (source, exclude) => {
+  var __objRest$T = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$19.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1a.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$19)
-      for (var prop of __getOwnPropSymbols$19(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$19.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1a)
+      for (var prop of __getOwnPropSymbols$1a(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1a.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -4930,7 +4930,7 @@
       onChange: onChangeCallback = ramda.identity,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$S(_b, [
+    } = _b, rest = __objRest$T(_b, [
       "name",
       "minValue",
       "maxValue",
@@ -4974,7 +4974,7 @@
         },
         /* @__PURE__ */ React.createElement(
           DatePicker$1,
-          __spreadValues$19({
+          __spreadValues$1a({
             firstDayOfWeek,
             "aria-label": label,
             isInvalid: !!errors[name],
@@ -4990,30 +4990,30 @@
     );
   });
 
-  var __defProp$18 = Object.defineProperty;
-  var __getOwnPropSymbols$18 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$18 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$18 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$18 = (obj, key, value) => key in obj ? __defProp$18(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$18 = (a, b) => {
+  var __defProp$19 = Object.defineProperty;
+  var __getOwnPropSymbols$19 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$19 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$19 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$19 = (obj, key, value) => key in obj ? __defProp$19(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$19 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$18.call(b, prop))
-        __defNormalProp$18(a, prop, b[prop]);
-    if (__getOwnPropSymbols$18)
-      for (var prop of __getOwnPropSymbols$18(b)) {
-        if (__propIsEnum$18.call(b, prop))
-          __defNormalProp$18(a, prop, b[prop]);
+      if (__hasOwnProp$19.call(b, prop))
+        __defNormalProp$19(a, prop, b[prop]);
+    if (__getOwnPropSymbols$19)
+      for (var prop of __getOwnPropSymbols$19(b)) {
+        if (__propIsEnum$19.call(b, prop))
+          __defNormalProp$19(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$R = (source, exclude) => {
+  var __objRest$S = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$18.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$19.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$18)
-      for (var prop of __getOwnPropSymbols$18(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$18.call(source, prop))
+    if (source != null && __getOwnPropSymbols$19)
+      for (var prop of __getOwnPropSymbols$19(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$19.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -5030,7 +5030,7 @@
       firstDayOfWeek = "monday",
       onChange: onChangeCallback = ramda.identity,
       isClearable = true
-    } = _b, rest = __objRest$R(_b, [
+    } = _b, rest = __objRest$S(_b, [
       "name",
       "minValue",
       "maxValue",
@@ -5067,7 +5067,7 @@
       },
       ({ value, onChange }, { formState: { errors } }) => /* @__PURE__ */ React.createElement(
         DateRangePicker,
-        __spreadValues$18({
+        __spreadValues$19({
           firstDayOfWeek,
           "aria-label": label,
           isInvalid: !!errors[name],
@@ -5083,6 +5083,39 @@
     );
   });
 
+  var __defProp$18 = Object.defineProperty;
+  var __getOwnPropSymbols$18 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$18 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$18 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$18 = (obj, key, value) => key in obj ? __defProp$18(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$18 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$18.call(b, prop))
+        __defNormalProp$18(a, prop, b[prop]);
+    if (__getOwnPropSymbols$18)
+      for (var prop of __getOwnPropSymbols$18(b)) {
+        if (__propIsEnum$18.call(b, prop))
+          __defNormalProp$18(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __objRest$R = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$18.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$18)
+      for (var prop of __getOwnPropSymbols$18(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$18.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  const Tooltip$1 = (_a) => {
+    var _b = _a, { hasArrow = true } = _b, rest = __objRest$R(_b, ["hasArrow"]);
+    return /* @__PURE__ */ React.createElement(react.Tooltip, __spreadValues$18({ hasArrow }, rest));
+  };
+
   var __defProp$17 = Object.defineProperty;
   var __getOwnPropSymbols$17 = Object.getOwnPropertySymbols;
   var __hasOwnProp$17 = Object.prototype.hasOwnProperty;
@@ -5200,7 +5233,7 @@
       setIsHovering(false);
       clearTimer();
     };
-    return /* @__PURE__ */ React.createElement(react.Tooltip, { label: tooltipText, placement: "top" }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(Tooltip$1, { label: tooltipText, placement: "top" }, /* @__PURE__ */ React.createElement(
       react.Center,
       {
         position: "relative",
@@ -10208,14 +10241,50 @@
     }
   };
 
+  const $arrowBg = themeTools.cssVar("popper-arrow-bg");
+  const $arrowBorder = themeTools.cssVar("popper-arrow-shadow-color");
   const Tooltip = {
-    baseStyle: ({ theme: { colors: color, space: spacing, radii: borderRadius } }) => ({
-      backgroundColor: color.background.tooltip.default,
+    baseStyle: ({
+      theme: { colors: color, space: spacing, radii: borderRadius }
+    }) => ({
       color: color.text.inverted,
       paddingInline: spacing["padding-inline"].tooltip.default,
       paddingY: spacing.paddingY.tooltip.default,
-      borderRadius: borderRadius.tooltip.default
-    })
+      borderRadius: borderRadius.tooltip.default,
+      backgroundColor: color.background.tooltip.default,
+      [$arrowBg.variable]: color.background.tooltip.default
+    }),
+    variants: {
+      success: ({ theme: { colors: color } }) => ({
+        color: color.text.default,
+        bgColor: "success-alt",
+        [$arrowBg.variable]: color["success-alt"]
+      }),
+      info: ({ theme: { colors: color } }) => ({
+        color: color.text.default,
+        bgColor: "brand-alt",
+        [$arrowBg.variable]: color["brand-alt"]
+      }),
+      ghost: ({ theme: { colors: color } }) => ({
+        color: color.text.default,
+        bgColor: color.bg.base,
+        borderWidth: "xs",
+        borderColor: color.border.default,
+        [$arrowBorder.variable]: color.border.default,
+        borderStyle: "solid",
+        [$arrowBg.variable]: color.bg.base
+      }),
+      danger: ({ theme: { colors: color } }) => ({
+        color: color.text.default,
+        bgColor: color["destructive-alt"],
+        [$arrowBg.variable]: color["destructive-alt"]
+      }),
+      warning: ({ theme: { colors: color } }) => ({
+        color: color.text.default,
+        bgColor: color["info-alt"],
+        [$arrowBg.variable]: color["info-alt"]
+      })
+    }
   };
 
   const Icon = {
@@ -11280,8 +11349,9 @@
   }) => /* @__PURE__ */ React.createElement(react.ChakraProvider, { resetCSS: true, theme: theme$1 }, /* @__PURE__ */ React.createElement(CustomTheme.Provider, { value: themeName }, children));
 
   const NumberInputStepper = ({
-    includePercentage = false
-  }) => /* @__PURE__ */ React.createElement(react.NumberInputStepper, null, /* @__PURE__ */ React.createElement(react.HStack, { alignItems: "center", h: "full" }, includePercentage && /* @__PURE__ */ React.createElement(react.Center, { bgColor: "gray.50", borderRadius: "md", boxSize: "6" }, /* @__PURE__ */ React.createElement(P$1, null, "%")), /* @__PURE__ */ React.createElement(react.HStack, { alignItems: "center", h: "full" }, /* @__PURE__ */ React.createElement(react.Divider, { orientation: "vertical", h: "50%" }), /* @__PURE__ */ React.createElement(react.NumberIncrementStepper, { border: "none" }, /* @__PURE__ */ React.createElement(
+    includePercentage = false,
+    enableStepperArrows = false
+  }) => /* @__PURE__ */ React.createElement(react.NumberInputStepper, null, /* @__PURE__ */ React.createElement(react.HStack, { alignItems: "center", h: "full" }, includePercentage && /* @__PURE__ */ React.createElement(react.Center, { bgColor: "gray.50", borderRadius: "md", boxSize: "6" }, /* @__PURE__ */ React.createElement(P$1, null, "%")), enableStepperArrows && /* @__PURE__ */ React.createElement(react.HStack, { alignItems: "center", h: "full" }, /* @__PURE__ */ React.createElement(react.Divider, { orientation: "vertical", h: "50%" }), /* @__PURE__ */ React.createElement(react.NumberIncrementStepper, { border: "none" }, /* @__PURE__ */ React.createElement(
     Icon$1,
     {
       as: icons.ChevronUpSolid,
@@ -11385,7 +11455,13 @@
         id: name
       }, percentageProps), rest),
       /* @__PURE__ */ React.createElement(react.NumberInputField, { onChange: handleChange }),
-      enableStepperArrows && /* @__PURE__ */ React.createElement(NumberInputStepper, { includePercentage: onlyAcceptPercentage })
+      /* @__PURE__ */ React.createElement(
+        NumberInputStepper,
+        {
+          includePercentage: onlyAcceptPercentage,
+          enableStepperArrows
+        }
+      )
     );
   };
 
@@ -12873,7 +12949,7 @@
         value
       }, rest)
     ), /* @__PURE__ */ React.createElement(react.InputRightElement, null, /* @__PURE__ */ React.createElement(
-      react.Tooltip,
+      Tooltip$1,
       {
         label: hasCopied ? "Copied!" : "Copy",
         placement: "left",
@@ -13635,10 +13711,6 @@
     enumerable: true,
     get: function () { return react.Thead; }
   });
-  Object.defineProperty(exports, 'Tooltip', {
-    enumerable: true,
-    get: function () { return react.Tooltip; }
-  });
   Object.defineProperty(exports, 'Tr', {
     enumerable: true,
     get: function () { return react.Tr; }
@@ -13924,6 +13996,7 @@
   exports.ToolboxContent = ToolboxContent;
   exports.ToolboxFooter = ToolboxFooter;
   exports.ToolboxHeader = ToolboxHeader;
+  exports.Tooltip = Tooltip$1;
   exports.addAlpha = addAlpha;
   exports.advancedParseFloat = advancedParseFloat;
   exports.createDebounceFunctionInstance = createDebounceFunctionInstance;