@northlight/ui 2.13.0 → 2.14.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$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 Accordion = (props) => /* @__PURE__ */ React.createElement(react.Accordion, __spreadValues$2c({}, props));
+
   var __defProp$2b = Object.defineProperty;
   var __getOwnPropSymbols$2b = Object.getOwnPropertySymbols;
   var __hasOwnProp$2b = Object.prototype.hasOwnProperty;
@@ -20,7 +38,7 @@
       }
     return a;
   };
-  const Accordion = (props) => /* @__PURE__ */ React.createElement(react.Accordion, __spreadValues$2b({}, props));
+  const AccordionButton = (props) => /* @__PURE__ */ React.createElement(react.AccordionButton, __spreadValues$2b({}, props));
 
   var __defProp$2a = Object.defineProperty;
   var __getOwnPropSymbols$2a = Object.getOwnPropertySymbols;
@@ -38,7 +56,7 @@
       }
     return a;
   };
-  const AccordionButton = (props) => /* @__PURE__ */ React.createElement(react.AccordionButton, __spreadValues$2a({}, props));
+  const AccordionPanel = (props) => /* @__PURE__ */ React.createElement(react.AccordionPanel, __spreadValues$2a({}, props));
 
   var __defProp$29 = Object.defineProperty;
   var __getOwnPropSymbols$29 = Object.getOwnPropertySymbols;
@@ -56,25 +74,7 @@
       }
     return a;
   };
-  const AccordionPanel = (props) => /* @__PURE__ */ React.createElement(react.AccordionPanel, __spreadValues$29({}, props));
-
-  var __defProp$28 = Object.defineProperty;
-  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$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;
-  };
-  const AccordionItem = (props) => /* @__PURE__ */ React.createElement(react.AccordionItem, __spreadValues$28({}, props));
+  const AccordionItem = (props) => /* @__PURE__ */ React.createElement(react.AccordionItem, __spreadValues$29({}, props));
 
   const useDebounce = (value, delay) => {
     const [debouncedValue, setDebouncedValue] = React.useState(value);
@@ -390,6 +390,24 @@
     return fieldError;
   }
 
+  var __defProp$28 = Object.defineProperty;
+  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$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;
+  };
+  const passPropsToChild = (child, styles) => React.isValidElement(child) ? React.cloneElement(child, __spreadValues$28({}, styles)) : child;
+
   var __defProp$27 = Object.defineProperty;
   var __getOwnPropSymbols$27 = Object.getOwnPropertySymbols;
   var __hasOwnProp$27 = Object.prototype.hasOwnProperty;
@@ -406,27 +424,9 @@
       }
     return a;
   };
-  const passPropsToChild = (child, styles) => React.isValidElement(child) ? React.cloneElement(child, __spreadValues$27({}, styles)) : child;
-
-  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$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;
-  };
   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$26({}, styles)) : child);
+    const childrenWithoutFocus = childrenAsArr.map((child, i) => predicate(child, i) ? passPropsToChild(child, __spreadValues$27({}, styles)) : child);
     return childrenWithoutFocus;
   };
 
@@ -453,79 +453,79 @@
     return theme;
   };
 
-  var __defProp$25 = Object.defineProperty;
+  var __defProp$26 = Object.defineProperty;
   var __defProps$y = Object.defineProperties;
   var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
-  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 __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 __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
   const customSelectStyles = {
-    container: (provided) => __spreadProps$y(__spreadValues$25({}, provided), {
+    container: (provided) => __spreadProps$y(__spreadValues$26({}, provided), {
       width: "100%",
       color: "text.default"
     }),
-    option: (provided, state) => __spreadProps$y(__spreadValues$25({}, provided), {
+    option: (provided, state) => __spreadProps$y(__spreadValues$26({}, provided), {
       background: state.isFocused && "background.select.option-focus",
       _active: {
         background: "background.select.option-active"
       }
     }),
-    valueContainer: (provided) => __spreadProps$y(__spreadValues$25({}, provided), {
+    valueContainer: (provided) => __spreadProps$y(__spreadValues$26({}, provided), {
       paddingInlineStart: "padding-inline.select.default"
     }),
-    downChevron: (provided) => __spreadProps$y(__spreadValues$25({}, provided), {
+    downChevron: (provided) => __spreadProps$y(__spreadValues$26({}, provided), {
       color: "icon.select.default"
     }),
-    placeholder: (provided) => __spreadProps$y(__spreadValues$25({}, provided), {
+    placeholder: (provided) => __spreadProps$y(__spreadValues$26({}, 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$25({}, provided), {
+      return __spreadProps$y(__spreadValues$26({}, provided), {
         bgColor: background,
         color: getContrastColor(background)
       });
     },
-    menuList: (provided) => __spreadProps$y(__spreadValues$25({}, provided), {
+    menuList: (provided) => __spreadProps$y(__spreadValues$26({}, provided), {
       bgColor: "background.default"
     })
   };
 
-  var __defProp$24 = Object.defineProperty;
+  var __defProp$25 = Object.defineProperty;
   var __defProps$x = Object.defineProperties;
   var __getOwnPropDescs$x = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$24 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$24 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$24 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$24 = (obj, key, value) => key in obj ? __defProp$24(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$24 = (a, b) => {
+  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$24.call(b, prop))
-        __defNormalProp$24(a, prop, b[prop]);
-    if (__getOwnPropSymbols$24)
-      for (var prop of __getOwnPropSymbols$24(b)) {
-        if (__propIsEnum$24.call(b, prop))
-          __defNormalProp$24(a, prop, b[prop]);
+      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;
   };
   var __spreadProps$x = (a, b) => __defProps$x(a, __getOwnPropDescs$x(b));
-  const tagsInputStyles = (isFocused, borderColor) => __spreadProps$x(__spreadValues$24({}, customSelectStyles), {
-    container: (provided) => __spreadProps$x(__spreadValues$24({}, provided), {
+  const tagsInputStyles = (isFocused, borderColor) => __spreadProps$x(__spreadValues$25({}, customSelectStyles), {
+    container: (provided) => __spreadProps$x(__spreadValues$25({}, 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$24({}, provided), {
+    control: (provided) => __spreadProps$x(__spreadValues$25({}, provided), {
       minHeight: "20",
       height: "100%",
       alignItems: "start"
     }),
-    valueContainer: (provided) => __spreadProps$x(__spreadValues$24({}, provided), {
+    valueContainer: (provided) => __spreadProps$x(__spreadValues$25({}, provided), {
       paddingInlineStart: "padding-inline.select.default",
       overflowY: "auto",
       maxH: "100%"
     })
   });
 
-  var __defProp$23 = Object.defineProperty;
+  var __defProp$24 = Object.defineProperty;
   var __defProps$w = Object.defineProperties;
   var __getOwnPropDescs$w = Object.getOwnPropertyDescriptors;
-  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) => {
+  var __getOwnPropSymbols$24 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$24 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$24 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$24 = (obj, key, value) => key in obj ? __defProp$24(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$24 = (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]);
+      if (__hasOwnProp$24.call(b, prop))
+        __defNormalProp$24(a, prop, b[prop]);
+    if (__getOwnPropSymbols$24)
+      for (var prop of __getOwnPropSymbols$24(b)) {
+        if (__propIsEnum$24.call(b, prop))
+          __defNormalProp$24(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$w = (a, b) => __defProps$w(a, __getOwnPropDescs$w(b));
-  var __objRest$1w = (source, exclude) => {
+  var __objRest$1x = (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;
@@ -589,7 +589,7 @@
       loadingList = () => null,
       "data-testid": testId,
       value = []
-    } = _b, rest = __objRest$1w(_b, [
+    } = _b, rest = __objRest$1x(_b, [
       "options",
       "onChange",
       "isLoading",
@@ -657,7 +657,7 @@
     };
     return /* @__PURE__ */ React.createElement(react.Box, { w: "full", "data-testid": testId }, /* @__PURE__ */ React.createElement(
       CustomSelect,
-      __spreadValues$23(__spreadProps$w(__spreadValues$23({
+      __spreadValues$24(__spreadProps$w(__spreadValues$24({
         isMulti: true,
         menuPortalTarget: document.body,
         placeholder: "Type something and press Enter or comma...",
@@ -690,30 +690,30 @@
     ));
   }
 
-  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$1v = (source, exclude) => {
+  var __objRest$1w = (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;
@@ -723,7 +723,7 @@
       name,
       image,
       variant = "square"
-    } = _b, rest = __objRest$1v(_b, [
+    } = _b, rest = __objRest$1w(_b, [
       "name",
       "image",
       "variant"
@@ -732,7 +732,7 @@
     const {
       container,
       text
-    } = react.useMultiStyleConfig("Avatar", __spreadValues$22({ variant, image }, rest));
+    } = react.useMultiStyleConfig("Avatar", __spreadValues$23({ variant, image }, rest));
     return /* @__PURE__ */ React.createElement(
       react.chakra.div,
       {
@@ -749,30 +749,30 @@
     );
   };
 
-  var __defProp$21 = Object.defineProperty;
-  var __getOwnPropSymbols$21 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$21 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$21 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$21 = (obj, key, value) => key in obj ? __defProp$21(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$21 = (a, b) => {
+  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$21.call(b, prop))
-        __defNormalProp$21(a, prop, b[prop]);
-    if (__getOwnPropSymbols$21)
-      for (var prop of __getOwnPropSymbols$21(b)) {
-        if (__propIsEnum$21.call(b, prop))
-          __defNormalProp$21(a, prop, b[prop]);
+      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 __objRest$1v = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$21.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$22.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$21)
-      for (var prop of __getOwnPropSymbols$21(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$21.call(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;
@@ -781,12 +781,30 @@
     var _b = _a, {
       variant = "success",
       children
-    } = _b, rest = __objRest$1u(_b, [
+    } = _b, rest = __objRest$1v(_b, [
       "variant",
       "children"
     ]);
-    return /* @__PURE__ */ React.createElement(react.Alert, __spreadValues$21({ variant }, rest), children);
+    return /* @__PURE__ */ React.createElement(react.Alert, __spreadValues$22({ variant }, rest), children);
+  };
+
+  var __defProp$21 = Object.defineProperty;
+  var __getOwnPropSymbols$21 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$21 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$21 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$21 = (obj, key, value) => key in obj ? __defProp$21(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$21 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$21.call(b, prop))
+        __defNormalProp$21(a, prop, b[prop]);
+    if (__getOwnPropSymbols$21)
+      for (var prop of __getOwnPropSymbols$21(b)) {
+        if (__propIsEnum$21.call(b, prop))
+          __defNormalProp$21(a, prop, b[prop]);
+      }
+    return a;
   };
+  const AspectRatio = (props) => /* @__PURE__ */ React.createElement(react.AspectRatio, __spreadValues$21({}, props));
 
   var __defProp$20 = Object.defineProperty;
   var __getOwnPropSymbols$20 = Object.getOwnPropertySymbols;
@@ -804,32 +822,14 @@
       }
     return a;
   };
-  const AspectRatio = (props) => /* @__PURE__ */ React.createElement(react.AspectRatio, __spreadValues$20({}, props));
-
-  var __defProp$1$ = Object.defineProperty;
-  var __getOwnPropSymbols$1$ = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1$ = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1$ = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1$ = (obj, key, value) => key in obj ? __defProp$1$(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1$ = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$1$.call(b, prop))
-        __defNormalProp$1$(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1$)
-      for (var prop of __getOwnPropSymbols$1$(b)) {
-        if (__propIsEnum$1$.call(b, prop))
-          __defNormalProp$1$(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __objRest$1t = (source, exclude) => {
+  var __objRest$1u = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1$.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$20.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1$)
-      for (var prop of __getOwnPropSymbols$1$(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1$.call(source, prop))
+    if (source != null && __getOwnPropSymbols$20)
+      for (var prop of __getOwnPropSymbols$20(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$20.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -840,7 +840,7 @@
       size,
       color,
       boxSize
-    } = _b, rest = __objRest$1t(_b, [
+    } = _b, rest = __objRest$1u(_b, [
       "as",
       "size",
       "color",
@@ -850,7 +850,7 @@
     const styles = react.useStyleConfig("Icon", { size, color, boxSize });
     return /* @__PURE__ */ React.createElement(
       react.Icon,
-      __spreadValues$1$({
+      __spreadValues$20({
         ref,
         sx: styles
       }, rest),
@@ -865,30 +865,30 @@
     return /* @__PURE__ */ React.createElement(react.chakra.span, { sx: badge }, notificationCount > 999 ? "999+" : notificationCount);
   };
 
-  var __defProp$1_ = Object.defineProperty;
-  var __getOwnPropSymbols$1_ = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1_ = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1_ = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1_ = (obj, key, value) => key in obj ? __defProp$1_(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1_ = (a, b) => {
+  var __defProp$1$ = Object.defineProperty;
+  var __getOwnPropSymbols$1$ = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1$ = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1$ = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1$ = (obj, key, value) => key in obj ? __defProp$1$(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1$ = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1_.call(b, prop))
-        __defNormalProp$1_(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1_)
-      for (var prop of __getOwnPropSymbols$1_(b)) {
-        if (__propIsEnum$1_.call(b, prop))
-          __defNormalProp$1_(a, prop, b[prop]);
+      if (__hasOwnProp$1$.call(b, prop))
+        __defNormalProp$1$(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1$)
+      for (var prop of __getOwnPropSymbols$1$(b)) {
+        if (__propIsEnum$1$.call(b, prop))
+          __defNormalProp$1$(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1s = (source, exclude) => {
+  var __objRest$1t = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1_.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1$.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1_)
-      for (var prop of __getOwnPropSymbols$1_(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1_.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1$)
+      for (var prop of __getOwnPropSymbols$1$(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1$.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -900,7 +900,7 @@
       name,
       image,
       size
-    } = _b, rest = __objRest$1s(_b, [
+    } = _b, rest = __objRest$1t(_b, [
       "variant",
       "notificationCount",
       "name",
@@ -913,7 +913,7 @@
       size,
       name
     });
-    return /* @__PURE__ */ React.createElement(react.Box, __spreadValues$1_({ __css: container, "data-testid": "avatar-test-id" }, rest), image ? /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react.Box, __spreadValues$1$({ __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$1_ = Object.defineProperty;
+  var __getOwnPropSymbols$1_ = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1_ = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1_ = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1_ = (obj, key, value) => key in obj ? __defProp$1_(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1_ = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$1_.call(b, prop))
+        __defNormalProp$1_(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1_)
+      for (var prop of __getOwnPropSymbols$1_(b)) {
+        if (__propIsEnum$1_.call(b, prop))
+          __defNormalProp$1_(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __objRest$1s = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$1_.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$1_)
+      for (var prop of __getOwnPropSymbols$1_(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1_.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  const H1$1 = (_a) => {
+    var _b = _a, {
+      children,
+      sx = {}
+    } = _b, rest = __objRest$1s(_b, [
+      "children",
+      "sx"
+    ]);
+    const styles = react.useStyleConfig("H1", { sx });
+    return /* @__PURE__ */ React.createElement(
+      react.Heading,
+      __spreadValues$1_({
+        as: "h1",
+        sx: styles
+      }, rest),
+      children
+    );
+  };
+
   var __defProp$1Z = Object.defineProperty;
   var __getOwnPropSymbols$1Z = Object.getOwnPropertySymbols;
   var __hasOwnProp$1Z = 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$1Z({
-        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$1Y({
-        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$1X({
-        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$1W({
-        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$1V({
-        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$1m(_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$1U({
-        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$1l(_b, [
-      "children",
-      "variant",
-      "sx"
-    ]);
-    const styles = react.useStyleConfig("P", { variant, sx });
-    return /* @__PURE__ */ React.createElement(
-      react.Text,
-      __spreadValues$1T({
-        variant,
-        sx: styles
-      }, rest),
-      children
-    );
+  const Blockquote$1 = (_a) => {
+    var _b = _a, { children, sx = {} } = _b, rest = __objRest$1l(_b, ["children", "sx"]);
+    const styles = react.useStyleConfig("Blockquote", { sx });
+    return /* @__PURE__ */ React.createElement(react.Text, __spreadValues$1T({ as: "span", sx: styles }, rest), children);
   };
 
   var __defProp$1S = Object.defineProperty;
@@ -1289,10 +1323,23 @@
       }
     return target;
   };
-  const Blockquote$1 = (_a) => {
-    var _b = _a, { children, sx = {} } = _b, rest = __objRest$1k(_b, ["children", "sx"]);
-    const styles = react.useStyleConfig("Blockquote", { sx });
-    return /* @__PURE__ */ React.createElement(react.Text, __spreadValues$1S({ as: "span", sx: styles }, rest), children);
+  const Capitalized$1 = (_a) => {
+    var _b = _a, {
+      children,
+      sx = {}
+    } = _b, rest = __objRest$1k(_b, [
+      "children",
+      "sx"
+    ]);
+    const styles = react.useStyleConfig("Capitalized", { sx });
+    return /* @__PURE__ */ React.createElement(
+      react.Text,
+      __spreadValues$1S({
+        as: "span",
+        sx: styles
+      }, rest),
+      children
+    );
   };
 
   var __defProp$1R = 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$1R({
@@ -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$1Q({
-        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$1P({
-        as: "small",
+        as: "span",
         sx: styles
       }, rest),
       children
@@ -1464,59 +1511,12 @@
       }
     return target;
   };
-  const Tiny$1 = (_a) => {
-    var _b = _a, {
-      children,
-      sx = {}
-    } = _b, rest = __objRest$1g(_b, [
-      "children",
-      "sx"
-    ]);
-    const styles = react.useStyleConfig("Tiny", { sx });
-    return /* @__PURE__ */ React.createElement(
-      react.Text,
-      __spreadValues$1O({
-        as: "span",
-        sx: styles
-      }, rest),
-      children
-    );
-  };
-
-  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$1f = (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 Label$1 = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       size = "sm",
       sx = {}
-    } = _b, rest = __objRest$1f(_b, [
+    } = _b, rest = __objRest$1g(_b, [
       "children",
       "size",
       "sx"
@@ -1524,7 +1524,7 @@
     const styles = react.useStyleConfig("Label", { sx, size });
     return /* @__PURE__ */ React.createElement(
       react.FormLabel,
-      __spreadValues$1N({
+      __spreadValues$1O({
         sx: styles,
         requiredIndicator: /* @__PURE__ */ React.createElement(react.VisuallyHidden, null),
         ref
@@ -1613,30 +1613,30 @@
     return { rect, containerRef };
   };
 
-  var __defProp$1M = Object.defineProperty;
-  var __getOwnPropSymbols$1M = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1M = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1M = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1M = (obj, key, value) => key in obj ? __defProp$1M(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1M = (a, b) => {
+  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$1M.call(b, prop))
-        __defNormalProp$1M(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1M)
-      for (var prop of __getOwnPropSymbols$1M(b)) {
-        if (__propIsEnum$1M.call(b, prop))
-          __defNormalProp$1M(a, prop, b[prop]);
+      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$1e = (source, exclude) => {
+  var __objRest$1f = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1M.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1N.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1M)
-      for (var prop of __getOwnPropSymbols$1M(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1M.call(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;
@@ -1646,21 +1646,39 @@
       children,
       max = Infinity,
       spacing = "-4"
-    } = _b, rest = __objRest$1e(_b, [
+    } = _b, rest = __objRest$1f(_b, [
       "children",
       "max",
       "spacing"
     ]);
     const [nbrRemainingAvatars, setNbrRemainingAvatars] = React.useState(0);
-    return /* @__PURE__ */ React.createElement(react.HStack, __spreadValues$1M({ 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$1N({ 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$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) => {
+  var __defProp$1M = Object.defineProperty;
+  var __getOwnPropSymbols$1M = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1M = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1M = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1M = (obj, key, value) => key in obj ? __defProp$1M(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1M = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$1M.call(b, prop))
+        __defNormalProp$1M(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1M)
+      for (var prop of __getOwnPropSymbols$1M(b)) {
+        if (__propIsEnum$1M.call(b, prop))
+          __defNormalProp$1M(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const Badge = (props) => /* @__PURE__ */ React.createElement(react.Badge, __spreadValues$1M({}, props));
+
+  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]);
@@ -1671,7 +1689,31 @@
       }
     return a;
   };
-  const Badge = (props) => /* @__PURE__ */ React.createElement(react.Badge, __spreadValues$1L({}, props));
+  var __objRest$1e = (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 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$1L({ sx: styles, "data-testid": "blinker-test-id" }, rest));
+  };
 
   var __defProp$1K = Object.defineProperty;
   var __getOwnPropSymbols$1K = Object.getOwnPropertySymbols;
@@ -1701,18 +1743,9 @@
       }
     return target;
   };
-  const Blinker$1 = (_a) => {
-    var _b = _a, {
-      color = "",
-      size,
-      isBlinking = true
-    } = _b, rest = __objRest$1d(_b, [
-      "color",
-      "size",
-      "isBlinking"
-    ]);
-    const styles = react.useStyleConfig("Blinker", { color, size, isBlinking });
-    return /* @__PURE__ */ React.createElement(react.Box, __spreadValues$1K({ sx: styles, "data-testid": "blinker-test-id" }, rest));
+  const Spinner$1 = (_a) => {
+    var rest = __objRest$1d(_a, []);
+    return /* @__PURE__ */ React.createElement(react.Spinner, __spreadValues$1K({}, rest));
   };
 
   var __defProp$1J = Object.defineProperty;
@@ -1743,39 +1776,6 @@
       }
     return target;
   };
-  const Spinner$1 = (_a) => {
-    var rest = __objRest$1c(_a, []);
-    return /* @__PURE__ */ React.createElement(react.Spinner, __spreadValues$1J({}, rest));
-  };
-
-  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$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$1b = (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 SpinnerSizeMap = {
     xs: "xs",
     sm: "sm",
@@ -1784,10 +1784,10 @@
   };
   const Button$1 = React.forwardRef(
     (_a, ref) => {
-      var _b = _a, { variant = "default", children, size = "md" } = _b, rest = __objRest$1b(_b, ["variant", "children", "size"]);
+      var _b = _a, { variant = "default", children, size = "md" } = _b, rest = __objRest$1c(_b, ["variant", "children", "size"]);
       return /* @__PURE__ */ React.createElement(
         react.Button,
-        __spreadValues$1I({
+        __spreadValues$1J({
           variant,
           ref,
           size,
@@ -1803,30 +1803,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$1a = (source, exclude) => {
+  var __objRest$1b = (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;
@@ -1838,7 +1838,7 @@
       name,
       size = "md",
       variant = "default"
-    } = _b, rest = __objRest$1a(_b, [
+    } = _b, rest = __objRest$1b(_b, [
       "value",
       "onChange",
       "name",
@@ -1847,7 +1847,7 @@
     ]);
     return /* @__PURE__ */ React.createElement(
       react.Checkbox,
-      __spreadValues$1H({
+      __spreadValues$1I({
         size,
         id: name,
         onChange,
@@ -1873,30 +1873,30 @@
     return newObj;
   };
 
-  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$19 = (source, exclude) => {
+  var __objRest$1a = (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;
@@ -1913,7 +1913,7 @@
       shouldTrim = true,
       innerFormStyle = {},
       joiSchema
-    } = _b, rest = __objRest$19(_b, [
+    } = _b, rest = __objRest$1a(_b, [
       "initialValues",
       "onSubmit",
       "children",
@@ -1936,7 +1936,7 @@
         return joi.joiResolver(joiSchema);
       return void 0;
     };
-    const newMethods = methods || reactHookForm.useForm(__spreadValues$1G({
+    const newMethods = methods || reactHookForm.useForm(__spreadValues$1H({
       defaultValues: initialValues,
       resolver: getResolver()
     }, formSettings));
@@ -1962,36 +1962,36 @@
       newMethods.trigger();
       e.preventDefault();
     };
-    return /* @__PURE__ */ React.createElement(reactHookForm.FormProvider, __spreadValues$1G(__spreadValues$1G({}, newMethods), rest), /* @__PURE__ */ React.createElement("form", { style: __spreadValues$1G({ width: "100%" }, innerFormStyle), onSubmit: handleSubmit }, typeof children === "function" ? children(newMethods) : children));
+    return /* @__PURE__ */ React.createElement(reactHookForm.FormProvider, __spreadValues$1H(__spreadValues$1H({}, newMethods), rest), /* @__PURE__ */ React.createElement("form", { style: __spreadValues$1H({ width: "100%" }, innerFormStyle), onSubmit: handleSubmit }, typeof children === "function" ? children(newMethods) : children));
   });
 
-  var __defProp$1F = Object.defineProperty;
+  var __defProp$1G = Object.defineProperty;
   var __defProps$v = Object.defineProperties;
   var __getOwnPropDescs$v = 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;
   };
   var __spreadProps$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
-  var __objRest$18 = (source, exclude) => {
+  var __objRest$19 = (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;
@@ -1999,12 +1999,12 @@
   const FormLabel = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children: label
-    } = _b, rest = __objRest$18(_b, [
+    } = _b, rest = __objRest$19(_b, [
       "children"
     ]);
     return /* @__PURE__ */ React.createElement(
       Label$1,
-      __spreadProps$v(__spreadValues$1F({
+      __spreadProps$v(__spreadValues$1G({
         size: "sm",
         sx: {
           width: "80%",
@@ -2020,30 +2020,30 @@
     );
   });
 
-  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;
   };
-  var __objRest$17 = (source, exclude) => {
+  var __objRest$18 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1E.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1F.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1E)
-      for (var prop of __getOwnPropSymbols$1E(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1E.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1F)
+      for (var prop of __getOwnPropSymbols$1F(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1F.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2058,7 +2058,7 @@
       noLabelConnection = false,
       validate,
       control: passedControl
-    } = _b, rest = __objRest$17(_b, [
+    } = _b, rest = __objRest$18(_b, [
       "name",
       "label",
       "children",
@@ -2074,7 +2074,7 @@
     const fieldError = getFieldError(name, errors);
     return /* @__PURE__ */ React.createElement(react.FormControl, { isInvalid: !!fieldError, isRequired, ref }, /* @__PURE__ */ React.createElement(
       react.Stack,
-      __spreadValues$1E({
+      __spreadValues$1F({
         spacing: "auto",
         direction,
         alignItems: direction === "column" ? "stretch" : "center"
@@ -2102,30 +2102,30 @@
     return setValueRefreshed;
   };
 
-  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$16 = (source, exclude) => {
+  var __objRest$17 = (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;
@@ -2141,7 +2141,7 @@
       direction = "row",
       labelPlacement = "left",
       labelSize = "md"
-    } = _b, rest = __objRest$16(_b, [
+    } = _b, rest = __objRest$17(_b, [
       "name",
       "label",
       "variant",
@@ -2176,7 +2176,7 @@
           },
           /* @__PURE__ */ React.createElement(
             Checkbox$1,
-            __spreadValues$1D({
+            __spreadValues$1E({
               name,
               onChange: (e) => {
                 onChange(e);
@@ -2193,30 +2193,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$15 = (source, exclude) => {
+  var __objRest$16 = (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;
@@ -2227,7 +2227,7 @@
       icon,
       "aria-label": ariaLabel,
       children
-    } = _b, rest = __objRest$15(_b, [
+    } = _b, rest = __objRest$16(_b, [
       "variant",
       "icon",
       "aria-label",
@@ -2237,7 +2237,7 @@
     const IconWithSize = React.cloneElement(IconComponent, { size: rest.size });
     return /* @__PURE__ */ React.createElement(
       react.IconButton,
-      __spreadValues$1C({
+      __spreadValues$1D({
         variant,
         icon: IconWithSize,
         "aria-label": ariaLabel,
@@ -2328,30 +2328,30 @@
     );
   };
 
-  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) => {
+  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) => {
     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;
   };
-  var __objRest$14 = (source, exclude) => {
+  var __objRest$15 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1B.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1C.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1B)
-      for (var prop of __getOwnPropSymbols$1B(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1B.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1C)
+      for (var prop of __getOwnPropSymbols$1C(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1C.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2366,7 +2366,7 @@
       name,
       size = "md",
       popoverProps
-    } = _b, rest = __objRest$14(_b, [
+    } = _b, rest = __objRest$15(_b, [
       "onChange",
       "colors",
       "expandedColors",
@@ -2425,14 +2425,14 @@
     };
     return /* @__PURE__ */ React.createElement(react.Box, { "data-testid": "color-picker-test-id" }, /* @__PURE__ */ React.createElement(
       react.Popover,
-      __spreadValues$1B({
+      __spreadValues$1C({
         isOpen,
         onClose,
         initialFocusRef
       }, popoverProps),
       /* @__PURE__ */ React.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React.createElement(
         IconButton,
-        __spreadValues$1B({
+        __spreadValues$1C({
           onClick: onToggle,
           "aria-label": name || "color picker",
           name,
@@ -2481,30 +2481,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$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;
@@ -2516,7 +2516,7 @@
       direction,
       isRequired,
       validate
-    } = _b, rest = __objRest$13(_b, [
+    } = _b, rest = __objRest$14(_b, [
       "name",
       "label",
       "direction",
@@ -2534,7 +2534,7 @@
       },
       ({ onChange, value }) => /* @__PURE__ */ React.createElement(
         ColorPicker$1,
-        __spreadValues$1A({
+        __spreadValues$1B({
           name,
           onChange,
           value
@@ -2543,21 +2543,21 @@
     );
   };
 
-  var __defProp$1z = Object.defineProperty;
+  var __defProp$1A = Object.defineProperty;
   var __defProps$u = Object.defineProperties;
   var __getOwnPropDescs$u = 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;
   };
@@ -2565,7 +2565,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$1z({}, props), {
+    const propsWithLabel = __spreadProps$u(__spreadValues$1A({}, props), {
       "aria-label": `${isMulti ? "Checkbox" : "Radio"}-button-group`
     });
     return isMulti ? checkbox$1.useCheckboxGroup(
@@ -2582,33 +2582,33 @@
     return { state, flipButtonGroupProps };
   };
 
-  var __defProp$1y = Object.defineProperty;
+  var __defProp$1z = Object.defineProperty;
   var __defProps$t = Object.defineProperties;
   var __getOwnPropDescs$t = Object.getOwnPropertyDescriptors;
-  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) => {
+  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$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]);
+      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 __spreadProps$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(b));
-  var __objRest$12 = (source, exclude) => {
+  var __objRest$13 = (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;
@@ -2623,7 +2623,7 @@
       icon,
       value,
       iconPlacement = "left"
-    } = _a, rest = __objRest$12(_a, [
+    } = _a, rest = __objRest$13(_a, [
       "children",
       "size",
       "variant",
@@ -2647,7 +2647,7 @@
     };
     const focusRing = isFocused ? focusStyles : {};
     const isSelected = isMulti ? state.isSelected(value) : state.selectedValue === value;
-    const flipButtonProps = __spreadProps$t(__spreadValues$1y({}, utils.mergeProps(inputProps, focusProps)), {
+    const flipButtonProps = __spreadProps$t(__spreadValues$1z({}, utils.mergeProps(inputProps, focusProps)), {
       ref,
       style: { opacity: "0", width: "0", height: "0" },
       "aria-label": isMulti ? "Checkbox-input" : "Radio-input"
@@ -2659,7 +2659,7 @@
       as: "label",
       cursor: "pointer"
     };
-    return typeof children === "function" ? children(__spreadValues$1y({
+    return typeof children === "function" ? children(__spreadValues$1z({
       state,
       containerProps,
       flipButtonProps,
@@ -2678,39 +2678,39 @@
         "aria-disabled": isDisabled,
         as: "label"
       },
-      /* @__PURE__ */ React.createElement("input", __spreadValues$1y({}, flipButtonProps)),
+      /* @__PURE__ */ React.createElement("input", __spreadValues$1z({}, 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$1x = Object.defineProperty;
+  var __defProp$1y = Object.defineProperty;
   var __defProps$s = Object.defineProperties;
   var __getOwnPropDescs$s = 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;
   };
   var __spreadProps$s = (a, b) => __defProps$s(a, __getOwnPropDescs$s(b));
-  var __objRest$11 = (source, exclude) => {
+  var __objRest$12 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1x.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1y.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1x)
-      for (var prop of __getOwnPropSymbols$1x(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1x.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1y)
+      for (var prop of __getOwnPropSymbols$1y(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1y.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2727,7 +2727,7 @@
       variant,
       icon,
       sx = {}
-    } = _a, rest = __objRest$11(_a, [
+    } = _a, rest = __objRest$12(_a, [
       "isMulti",
       "name",
       "children",
@@ -2742,7 +2742,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$1x({
+      (child) => React.isValidElement(child) ? React.cloneElement(child, __spreadValues$1y({
         key: child.props.value,
         isMulti,
         variant,
@@ -2761,7 +2761,7 @@
     const restWithoutOnChange = ramda.omit(["onChange"], rest);
     return /* @__PURE__ */ React.createElement(
       react.Stack,
-      __spreadValues$1x(__spreadProps$s(__spreadValues$1x({}, flipButtonGroupProps), {
+      __spreadValues$1y(__spreadProps$s(__spreadValues$1y({}, flipButtonGroupProps), {
         direction,
         id: name,
         spacing: 0,
@@ -2771,30 +2771,30 @@
     );
   };
 
-  var __defProp$1w = Object.defineProperty;
-  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 __defProp$1x = Object.defineProperty;
+  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;
   };
-  var __objRest$10 = (source, exclude) => {
+  var __objRest$11 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1w.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1x.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1w)
-      for (var prop of __getOwnPropSymbols$1w(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1w.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1x)
+      for (var prop of __getOwnPropSymbols$1x(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1x.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2809,7 +2809,7 @@
       iconPlacement = "left",
       onChange: onChangeCallback = ramda.identity,
       validate
-    } = _b, rest = __objRest$10(_b, [
+    } = _b, rest = __objRest$11(_b, [
       "name",
       "label",
       "children",
@@ -2831,7 +2831,7 @@
       },
       ({ onChange, value }) => /* @__PURE__ */ React.createElement(
         FlipButtonGroup,
-        __spreadValues$1w({
+        __spreadValues$1x({
           name,
           onChange: (e) => {
             onChange(e);
@@ -2846,21 +2846,21 @@
     );
   });
 
-  var __defProp$1v = Object.defineProperty;
-  var __defProps$r = Object.defineProperties;
-  var __getOwnPropDescs$r = 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 __defProp$1w = Object.defineProperty;
+  var __defProps$r = Object.defineProperties;
+  var __getOwnPropDescs$r = 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) => {
     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;
   };
@@ -2871,7 +2871,7 @@
     const { buttonProps } = button.useButton(props, ref);
     return /* @__PURE__ */ React.createElement(
       Button$1,
-      __spreadProps$r(__spreadValues$1v({}, buttonProps), {
+      __spreadProps$r(__spreadValues$1w({}, buttonProps), {
         ref,
         size: "sm",
         boxSize: 8,
@@ -2884,21 +2884,21 @@
     );
   };
 
-  var __defProp$1u = Object.defineProperty;
+  var __defProp$1v = Object.defineProperty;
   var __defProps$q = Object.defineProperties;
   var __getOwnPropDescs$q = 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;
   };
@@ -2911,7 +2911,7 @@
     const minWidth = `${String(segment.maxValue).length}ch`;
     return /* @__PURE__ */ React.createElement(
       react.Box,
-      __spreadProps$q(__spreadValues$1u({}, segmentProps), {
+      __spreadProps$q(__spreadValues$1v({}, segmentProps), {
         ref,
         __css: dateSegment,
         minWidth: isDivider ? 0 : minWidth,
@@ -2931,28 +2931,28 @@
   const formatQuery = (query) => mapFormat[ramda.toLower(query)[0]];
   const delimeterIncluded = /([.,:;|\-/\\])/;
 
-  var __defProp$1t = Object.defineProperty;
+  var __defProp$1u = Object.defineProperty;
   var __defProps$p = Object.defineProperties;
   var __getOwnPropDescs$p = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1t = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1t = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1t = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1t = (obj, key, value) => key in obj ? __defProp$1t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1t = (a, b) => {
+  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$1t.call(b, prop))
-        __defNormalProp$1t(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1t)
-      for (var prop of __getOwnPropSymbols$1t(b)) {
-        if (__propIsEnum$1t.call(b, prop))
-          __defNormalProp$1t(a, prop, b[prop]);
+      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;
   };
   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$1t({}, props), {
+    const state = datepicker$1.useDateFieldState(__spreadProps$p(__spreadValues$1u({}, 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 */
@@ -2965,13 +2965,13 @@
     const { dateFormat = "dd/mm/yyyy" } = props;
     const getMatchingSegment = (query, index) => ramda.find(
       (segment) => segment.placeholder === formatQuery(query)
-    )(segments) || __spreadProps$p(__spreadValues$1t({}, segments[index]), { text: query });
+    )(segments) || __spreadProps$p(__spreadValues$1u({}, 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$1t({}, fieldProps), {
+      __spreadProps$p(__spreadValues$1u({}, fieldProps), {
         ref,
         display: "flex",
         __css: dateField,
@@ -2984,44 +2984,44 @@
     );
   };
 
-  var __defProp$1s = Object.defineProperty;
+  var __defProp$1t = Object.defineProperty;
   var __defProps$o = Object.defineProperties;
   var __getOwnPropDescs$o = 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) => {
+  var __getOwnPropSymbols$1t = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1t = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1t = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1t = (obj, key, value) => key in obj ? __defProp$1t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1t = (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]);
+      if (__hasOwnProp$1t.call(b, prop))
+        __defNormalProp$1t(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1t)
+      for (var prop of __getOwnPropSymbols$1t(b)) {
+        if (__propIsEnum$1t.call(b, prop))
+          __defNormalProp$1t(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
-  var __objRest$$ = (source, exclude) => {
+  var __objRest$10 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1s.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1t.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1s)
-      for (var prop of __getOwnPropSymbols$1s(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1s.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1t)
+      for (var prop of __getOwnPropSymbols$1t(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1t.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$$(_b, ["isInvalid", "isDisabled", "children", "variant"]);
+      var _b = _a, { isInvalid, isDisabled, children, variant } = _b, rest = __objRest$10(_b, ["isInvalid", "isDisabled", "children", "variant"]);
       const { styledField } = react.useMultiStyleConfig("DatePicker", { variant });
       return /* @__PURE__ */ React.createElement(
         react.Box,
-        __spreadProps$o(__spreadValues$1s({}, rest), {
+        __spreadProps$o(__spreadValues$1t({}, rest), {
           ref,
           "aria-invalid": isInvalid,
           "aria-disabled": isDisabled,
@@ -3035,7 +3035,27 @@
     }
   );
 
+  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$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;
+  };
+  const Table$1 = (props) => /* @__PURE__ */ React.createElement(react.Table, __spreadValues$1s({}, props));
+
   var __defProp$1r = Object.defineProperty;
+  var __defProps$n = Object.defineProperties;
+  var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$1r = Object.getOwnPropertySymbols;
   var __hasOwnProp$1r = Object.prototype.hasOwnProperty;
   var __propIsEnum$1r = Object.prototype.propertyIsEnumerable;
@@ -3051,26 +3071,6 @@
       }
     return a;
   };
-  const Table$1 = (props) => /* @__PURE__ */ React.createElement(react.Table, __spreadValues$1r({}, props));
-
-  var __defProp$1q = Object.defineProperty;
-  var __defProps$n = Object.defineProperties;
-  var __getOwnPropDescs$n = 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) => {
-    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 __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
   const CalendarCell = ({
     state,
@@ -3085,9 +3085,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$1q({}, cellProps), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react.chakra.td, __spreadValues$1r({}, cellProps), /* @__PURE__ */ React.createElement(
       Button$1,
-      __spreadProps$n(__spreadValues$1q({}, buttonProps), {
+      __spreadProps$n(__spreadValues$1r({}, buttonProps), {
         ref,
         borderRadius: "xs",
         boxSize: 8,
@@ -3110,41 +3110,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$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$_ = (source, exclude) => {
+  var __objRest$$ = (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;
   };
   const CalendarGrid = React.memo(
     (_a) => {
-      var _b = _a, { state, locale } = _b, rest = __objRest$_(_b, ["state", "locale"]);
+      var _b = _a, { state, locale } = _b, rest = __objRest$$(_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$1p({ variant: "unstyled" }, gridProps), /* @__PURE__ */ React.createElement(react.Thead, __spreadValues$1p({}, 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$1q({ variant: "unstyled" }, gridProps), /* @__PURE__ */ React.createElement(react.Thead, __spreadValues$1q({}, 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,
           {
@@ -3158,44 +3158,44 @@
     }
   );
 
-  var __defProp$1o = Object.defineProperty;
+  var __defProp$1p = Object.defineProperty;
   var __defProps$m = Object.defineProperties;
   var __getOwnPropDescs$m = 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;
   };
   var __spreadProps$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b));
-  var __objRest$Z = (source, exclude) => {
+  var __objRest$_ = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1o.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1p.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))
+    if (source != null && __getOwnPropSymbols$1p)
+      for (var prop of __getOwnPropSymbols$1p(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1p.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
   };
   const MonthButton = (_a) => {
-    var _b = _a, { children } = _b, rest = __objRest$Z(_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$1o({}, buttonProps), {
+      __spreadProps$m(__spreadValues$1p({}, buttonProps), {
         boxSize: 8,
         size: "xs",
         variant: "ghost",
@@ -3344,21 +3344,21 @@
     return /* @__PURE__ */ React.createElement(YearSelect, { onChange, years });
   };
 
-  var __defProp$1n = Object.defineProperty;
+  var __defProp$1o = Object.defineProperty;
   var __defProps$l = Object.defineProperties;
   var __getOwnPropDescs$l = Object.getOwnPropertyDescriptors;
-  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 __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;
   };
@@ -3366,7 +3366,7 @@
   const Calendar$1 = (props) => {
     const { locale } = i18n.useLocale();
     const { container } = react.useMultiStyleConfig("Calendar");
-    const state = calendar$1.useCalendarState(__spreadProps$l(__spreadValues$1n({}, props), {
+    const state = calendar$1.useCalendarState(__spreadProps$l(__spreadValues$1o({}, props), {
       locale,
       createCalendar: () => new date.GregorianCalendar()
     }));
@@ -3374,24 +3374,24 @@
       props,
       state
     );
-    return /* @__PURE__ */ React.createElement(react.Box, __spreadProps$l(__spreadValues$1n({}, 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$1n({}, prevButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronLeftSolid, boxSize: 4 })), /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1n({}, 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$1o({}, 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$1o({}, prevButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronLeftSolid, boxSize: 4 })), /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1o({}, nextButtonProps), /* @__PURE__ */ React.createElement(Icon$1, { as: icons.ChevronRightSolid, boxSize: 4 })))), /* @__PURE__ */ React.createElement(CalendarGrid, { state, locale })));
   };
 
-  var __defProp$1m = Object.defineProperty;
+  var __defProp$1n = Object.defineProperty;
   var __defProps$k = Object.defineProperties;
   var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1m = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1m = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1m = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1m = (obj, key, value) => key in obj ? __defProp$1m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1m = (a, b) => {
+  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$1m.call(b, prop))
-        __defNormalProp$1m(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1m)
-      for (var prop of __getOwnPropSymbols$1m(b)) {
-        if (__propIsEnum$1m.call(b, prop))
-          __defNormalProp$1m(a, prop, b[prop]);
+      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;
   };
@@ -3408,12 +3408,12 @@
     } = props;
     const ref = React.useRef();
     const { group } = react.useMultiStyleConfig("DatePicker");
-    const state = datepicker$1.useDatePickerState(__spreadProps$k(__spreadValues$1m({}, props), {
+    const state = datepicker$1.useDatePickerState(__spreadProps$k(__spreadValues$1n({}, props), {
       shouldCloseOnSelect: false,
       hideTimeZone: true
     }));
     const { buttonProps, fieldProps, calendarProps, groupProps, dialogProps } = datepicker.useDatePicker(
-      __spreadProps$k(__spreadValues$1m({}, props), { minValue: minValue || date.parseDate("1994-03-08") }),
+      __spreadProps$k(__spreadValues$1n({}, props), { minValue: minValue || date.parseDate("1994-03-08") }),
       state,
       ref
     );
@@ -3425,7 +3425,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$1m({}, 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$1n({}, groupProps), { ref, __css: group }), /* @__PURE__ */ React.createElement(StyledField, { isDisabled, isInvalid, variant }, /* @__PURE__ */ React.createElement(
         react.Box,
         {
           paddingInlineStart: "1a",
@@ -3433,7 +3433,7 @@
         },
         /* @__PURE__ */ React.createElement(
           DateField,
-          __spreadProps$k(__spreadValues$1m({}, fieldProps), {
+          __spreadProps$k(__spreadValues$1n({}, fieldProps), {
             dateFormat
           })
         )
@@ -3445,7 +3445,7 @@
         },
         /* @__PURE__ */ React.createElement(
           Trigger,
-          __spreadProps$k(__spreadValues$1m({}, buttonProps), {
+          __spreadProps$k(__spreadValues$1n({}, buttonProps), {
             isDisabled,
             handleClick: togglePopup
           })
@@ -3463,50 +3463,50 @@
           icon: /* @__PURE__ */ React.createElement(Icon$1, { as: icons.XCloseSolid })
         }
       ))),
-      state.isOpen && /* @__PURE__ */ React.createElement(react.PopoverContent, __spreadProps$k(__spreadValues$1m({}, dialogProps), { ref, w: 64, border: "none" }), /* @__PURE__ */ React.createElement(focus.FocusScope, { contain: true, restoreFocus: true }, /* @__PURE__ */ React.createElement(Calendar$1, __spreadValues$1m({}, calendarProps))))
+      state.isOpen && /* @__PURE__ */ React.createElement(react.PopoverContent, __spreadProps$k(__spreadValues$1n({}, dialogProps), { ref, w: 64, border: "none" }), /* @__PURE__ */ React.createElement(focus.FocusScope, { contain: true, restoreFocus: true }, /* @__PURE__ */ React.createElement(Calendar$1, __spreadValues$1n({}, calendarProps))))
     );
   };
 
-  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]);
+  var __defProp$1m = Object.defineProperty;
+  var __getOwnPropSymbols$1m = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1m = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1m = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1m = (obj, key, value) => key in obj ? __defProp$1m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1m = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$1m.call(b, prop))
+        __defNormalProp$1m(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1m)
+      for (var prop of __getOwnPropSymbols$1m(b)) {
+        if (__propIsEnum$1m.call(b, prop))
+          __defNormalProp$1m(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$Y = (source, exclude) => {
+  var __objRest$Z = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1l.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1m.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))
+    if (source != null && __getOwnPropSymbols$1m)
+      for (var prop of __getOwnPropSymbols$1m(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1m.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
   };
   const Clickable = (_a) => {
-    var _b = _a, { href, linkProps } = _b, rest = __objRest$Y(_b, ["href", "linkProps"]);
+    var _b = _a, { href, linkProps } = _b, rest = __objRest$Z(_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$1l(__spreadValues$1l({
+      __spreadValues$1m(__spreadValues$1m({
         as: reactRouterDom.Link,
         _focusVisible: ring,
         to: href,
         _hover: { textDecoration: "none" }
       }, linkProps), clickable$1)
-    ), ramda.isNil(href) && /* @__PURE__ */ React.createElement(react.chakra.button, __spreadValues$1l({ _focusVisible: ring }, clickable$1)));
+    ), ramda.isNil(href) && /* @__PURE__ */ React.createElement(react.chakra.button, __spreadValues$1m({ _focusVisible: ring }, clickable$1)));
   };
 
   const defaultFadeDelay = 250;
@@ -3569,6 +3569,73 @@
     return hidden;
   };
 
+  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$Y = (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 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$Y(_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$1l({
+        in: showWithDelay,
+        transition,
+        unmountOnExit: hideDisplay
+      }, rest),
+      childrenWithProps
+    );
+  };
+
   var __defProp$1k = Object.defineProperty;
   var __getOwnPropSymbols$1k = Object.getOwnPropertySymbols;
   var __hasOwnProp$1k = Object.prototype.hasOwnProperty;
@@ -3597,7 +3664,7 @@
       }
     return target;
   };
-  const Fade = (_a) => {
+  const ScaleFade = (_a) => {
     var _b = _a, {
       children,
       enterDuration = null,
@@ -3626,7 +3693,7 @@
     const isHidden = useHiddenDisplay(show, exitDelay, exitDuration, duration, onTransitionComplete);
     const childrenWithProps = getChildrenWithFocus(children, disableFocus, isHidden);
     return /* @__PURE__ */ React.createElement(
-      react.Fade,
+      react.ScaleFade,
       __spreadValues$1k({
         in: showWithDelay,
         transition,
@@ -3664,7 +3731,7 @@
       }
     return target;
   };
-  const ScaleFade = (_a) => {
+  const Slide = (_a) => {
     var _b = _a, {
       children,
       enterDuration = null,
@@ -3675,6 +3742,7 @@
       hideDisplay = false,
       enterDelay = 0,
       exitDelay = 0,
+      direction = "bottom",
       onTransitionComplete = ramda.identity
     } = _b, rest = __objRest$W(_b, [
       "children",
@@ -3686,6 +3754,7 @@
       "hideDisplay",
       "enterDelay",
       "exitDelay",
+      "direction",
       "onTransitionComplete"
     ]);
     const transition = getDuration(enterDuration, exitDuration, duration);
@@ -3693,10 +3762,11 @@
     const isHidden = useHiddenDisplay(show, exitDelay, exitDuration, duration, onTransitionComplete);
     const childrenWithProps = getChildrenWithFocus(children, disableFocus, isHidden);
     return /* @__PURE__ */ React.createElement(
-      react.ScaleFade,
+      react.Slide,
       __spreadValues$1j({
         in: showWithDelay,
         transition,
+        direction,
         unmountOnExit: hideDisplay
       }, rest),
       childrenWithProps
@@ -3731,7 +3801,7 @@
       }
     return target;
   };
-  const Slide = (_a) => {
+  const SlideFade = (_a) => {
     var _b = _a, {
       children,
       enterDuration = null,
@@ -3740,9 +3810,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$V(_b, [
       "children",
@@ -3752,21 +3825,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$1i({
         in: showWithDelay,
         transition,
-        direction,
+        offsetX,
+        offsetY,
         unmountOnExit: hideDisplay
       }, rest),
       childrenWithProps
@@ -3801,7 +3879,7 @@
       }
     return target;
   };
-  const SlideFade = (_a) => {
+  const Collapse = (_a) => {
     var _b = _a, {
       children,
       enterDuration = null,
@@ -3810,10 +3888,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
@@ -3825,26 +3899,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$1h({
         in: showWithDelay,
         transition,
-        offsetX,
-        offsetY,
         unmountOnExit: hideDisplay
       }, rest),
       childrenWithProps
@@ -3852,6 +3919,8 @@
   };
 
   var __defProp$1g = Object.defineProperty;
+  var __defProps$j = Object.defineProperties;
+  var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$1g = Object.getOwnPropertySymbols;
   var __hasOwnProp$1g = Object.prototype.hasOwnProperty;
   var __propIsEnum$1g = Object.prototype.propertyIsEnumerable;
@@ -3867,77 +3936,8 @@
       }
     return a;
   };
-  var __objRest$T = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$1g.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))
-          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$T(_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$1g({
-        in: showWithDelay,
-        transition,
-        unmountOnExit: hideDisplay
-      }, rest),
-      childrenWithProps
-    );
-  };
-
-  var __defProp$1f = Object.defineProperty;
-  var __defProps$j = Object.defineProperties;
-  var __getOwnPropDescs$j = 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) => {
-    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]);
-      }
-    return a;
-  };
   var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
-  const MoveButton = (props) => /* @__PURE__ */ React.createElement(Clickable, __spreadProps$j(__spreadValues$1f({}, props), { w: "max-content" }), /* @__PURE__ */ React.createElement(
+  const MoveButton = (props) => /* @__PURE__ */ React.createElement(Clickable, __spreadProps$j(__spreadValues$1g({}, props), { w: "max-content" }), /* @__PURE__ */ React.createElement(
     P$1,
     {
       variant: "14",
@@ -3956,19 +3956,19 @@
 
   const validRange = (date, state) => !date || (!state.minValue || date.start >= state.minValue) && (!state.maxValue || date.end <= state.maxValue) && date.end >= date.start;
 
-  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;
   };
@@ -3984,7 +3984,7 @@
     },
     /* @__PURE__ */ React.createElement(Icon$1, { as: icon, color: "blue.500", size: "lg" }),
     dates.map(
-      (date) => validRange(date.value, state) && /* @__PURE__ */ React.createElement(MoveButton, __spreadValues$1e({}, getMethods(date)), date.label)
+      (date) => validRange(date.value, state) && /* @__PURE__ */ React.createElement(MoveButton, __spreadValues$1f({}, getMethods(date)), date.label)
     )
   );
 
@@ -4154,21 +4154,21 @@
     );
   };
 
-  var __defProp$1d = Object.defineProperty;
+  var __defProp$1e = Object.defineProperty;
   var __defProps$i = Object.defineProperties;
   var __getOwnPropDescs$i = 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;
   };
@@ -4184,9 +4184,9 @@
       ref
     );
     const isToday = date$1.compare(date.today(state.timeZone)) === 0;
-    return /* @__PURE__ */ React.createElement(react.chakra.td, __spreadValues$1d({}, cellProps), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react.chakra.td, __spreadValues$1e({}, cellProps), /* @__PURE__ */ React.createElement(
       react.chakra.button,
-      __spreadProps$i(__spreadValues$1d({}, buttonProps), {
+      __spreadProps$i(__spreadValues$1e({}, buttonProps), {
         type: "button",
         ref,
         borderRadius: "xs",
@@ -4222,21 +4222,21 @@
     ));
   };
 
-  var __defProp$1c = Object.defineProperty;
+  var __defProp$1d = Object.defineProperty;
   var __defProps$h = Object.defineProperties;
   var __getOwnPropDescs$h = 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;
   };
@@ -4246,7 +4246,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$1c({}, gridProps), { sx: { borderSpacing: "0px" } }), /* @__PURE__ */ React.createElement(react.chakra.thead, __spreadValues$1c({}, 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$1d({}, gridProps), { sx: { borderSpacing: "0px" } }), /* @__PURE__ */ React.createElement(react.chakra.thead, __spreadValues$1d({}, 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,
         {
@@ -4545,21 +4545,21 @@
     ));
   };
 
-  var __defProp$1b = Object.defineProperty;
+  var __defProp$1c = Object.defineProperty;
   var __defProps$g = Object.defineProperties;
   var __getOwnPropDescs$g = 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;
   };
@@ -4567,7 +4567,7 @@
   const RangeCalendar = (props) => {
     const { locale } = i18n.useLocale();
     const [updateRange, setUpdateRange] = React.useState(false);
-    const state = calendar$1.useRangeCalendarState(__spreadProps$g(__spreadValues$1b({}, props), {
+    const state = calendar$1.useRangeCalendarState(__spreadProps$g(__spreadValues$1c({}, props), {
       visibleDuration: { months: updateRange ? 1 : 2 },
       locale,
       createCalendar: () => new date.GregorianCalendar()
@@ -4585,7 +4585,7 @@
       ref
     );
     const { fiscalStartMonth, fiscalStartDay, handleClose, resetDate, isClearable = true } = props;
-    return /* @__PURE__ */ React.createElement(react.Box, __spreadProps$g(__spreadValues$1b({}, 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$1c({}, calendarProps), { ref, __css: rangeCalendarContainer }), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.Flex, { gap: 4 }, /* @__PURE__ */ React.createElement(
       QuickSelect,
       {
         state,
@@ -4594,7 +4594,7 @@
         fiscalStartMonth,
         fiscalStartDay
       }
-    ), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.HStack, { spacing: 2, alignSelf: "center" }, /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1b({}, 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$1b({}, 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$1c({}, 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$1c({}, 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,
@@ -4604,28 +4604,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$1a = Object.defineProperty;
+  var __defProp$1b = Object.defineProperty;
   var __defProps$f = Object.defineProperties;
   var __getOwnPropDescs$f = 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$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
   const SimpleRangeCalendar = (props) => {
     const { locale } = i18n.useLocale();
-    const state = calendar$1.useRangeCalendarState(__spreadProps$f(__spreadValues$1a({}, props), {
+    const state = calendar$1.useRangeCalendarState(__spreadProps$f(__spreadValues$1b({}, props), {
       visibleDuration: { months: 1 },
       locale,
       createCalendar: () => new date.GregorianCalendar()
@@ -4638,7 +4638,7 @@
       ref
     );
     const { fiscalStartMonth, fiscalStartDay, handleClose, resetDate, isClearable = true } = props;
-    return /* @__PURE__ */ React.createElement(react.Box, __spreadProps$f(__spreadValues$1a({}, 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$1b({}, calendarProps), { ref, __css: rangeCalendarContainer }), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.Flex, { gap: 4 }, /* @__PURE__ */ React.createElement(
       QuickSelect,
       {
         state,
@@ -4649,26 +4649,26 @@
         fiscalStartDay,
         height: "72"
       }
-    ), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.HStack, { spacing: 2, alignSelf: "center" }, /* @__PURE__ */ React.createElement(MonthButton, __spreadValues$1a({}, 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$1a({}, 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$1b({}, 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$1b({}, 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$19 = Object.defineProperty;
+  var __defProp$1a = Object.defineProperty;
   var __defProps$e = Object.defineProperties;
   var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
-  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 __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;
   };
@@ -4707,7 +4707,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$19(__spreadValues$19({}, props), parsedProps), {
+    const state = datepicker$1.useDateRangePickerState(__spreadProps$e(__spreadValues$1a(__spreadValues$1a({}, props), parsedProps), {
       shouldCloseOnSelect: false,
       hideTimeZone: true
     }));
@@ -4719,7 +4719,7 @@
       dialogProps,
       calendarProps
     } = datepicker.useDateRangePicker(
-      __spreadProps$e(__spreadValues$19(__spreadValues$19({}, props), parsedProps), {
+      __spreadProps$e(__spreadValues$1a(__spreadValues$1a({}, props), parsedProps), {
         minValue: parsedProps.minValue || date.parseDate("1994-03-08")
       }),
       state,
@@ -4736,7 +4736,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$19({}, 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$1a({}, groupProps), { ref, __css: group }), /* @__PURE__ */ React.createElement(StyledField, { isDisabled, isInvalid, variant }, /* @__PURE__ */ React.createElement(
         react.HStack,
         {
           paddingInlineStart: "1a",
@@ -4744,20 +4744,20 @@
         },
         /* @__PURE__ */ React.createElement(
           DateField,
-          __spreadProps$e(__spreadValues$19({}, startFieldProps), {
+          __spreadProps$e(__spreadValues$1a({}, startFieldProps), {
             dateFormat
           })
         ),
         /* @__PURE__ */ React.createElement(P$1, null, "-"),
         /* @__PURE__ */ React.createElement(
           DateField,
-          __spreadProps$e(__spreadValues$19({}, endFieldProps), {
+          __spreadProps$e(__spreadValues$1a({}, endFieldProps), {
             dateFormat
           })
         )
       )), /* @__PURE__ */ React.createElement(react.InputRightElement, { sx: { height: "100%", paddingRight: "1" } }, /* @__PURE__ */ React.createElement(
         Trigger,
-        __spreadProps$e(__spreadValues$19({}, buttonProps), {
+        __spreadProps$e(__spreadValues$1a({}, buttonProps), {
           isDisabled,
           handleClick: togglePopup
         })
@@ -4774,9 +4774,9 @@
           icon: /* @__PURE__ */ React.createElement(Icon$1, { as: icons.XCloseSolid })
         }
       ))),
-      state.isOpen && /* @__PURE__ */ React.createElement(react.PopoverContent, __spreadProps$e(__spreadValues$19({}, 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$1a({}, dialogProps), { ref, w: "max-content" }), /* @__PURE__ */ React.createElement(focus.FocusScope, { contain: true, restoreFocus: true }, mode === "simple" && /* @__PURE__ */ React.createElement(
         SimpleRangeCalendar,
-        __spreadProps$e(__spreadValues$19({}, calendarProps), {
+        __spreadProps$e(__spreadValues$1a({}, calendarProps), {
           resetDate,
           handleClose,
           fiscalStartMonth: fiscalStartMonth || 0,
@@ -4785,7 +4785,7 @@
         })
       ), mode === "advanced" && /* @__PURE__ */ React.createElement(
         RangeCalendar,
-        __spreadProps$e(__spreadValues$19({}, calendarProps), {
+        __spreadProps$e(__spreadValues$1a({}, calendarProps), {
           resetDate,
           handleClose,
           fiscalStartMonth: fiscalStartMonth || 0,
@@ -4796,30 +4796,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$S = (source, exclude) => {
+  var __objRest$T = (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;
@@ -4829,39 +4829,39 @@
       inputLeftElement,
       inputRightElement,
       children
-    } = _b, rest = __objRest$S(_b, [
+    } = _b, rest = __objRest$T(_b, [
       "inputLeftElement",
       "inputRightElement",
       "children"
     ]);
     const containsInputGroupElement = ramda.not(ramda.all(ramda.isNil, [inputLeftElement, inputRightElement]));
-    return containsInputGroupElement ? /* @__PURE__ */ React.createElement(react.InputGroup, __spreadValues$18({}, rest), inputLeftElement, children, inputRightElement) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return containsInputGroupElement ? /* @__PURE__ */ React.createElement(react.InputGroup, __spreadValues$19({}, rest), inputLeftElement, children, inputRightElement) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
   };
 
-  var __defProp$17 = Object.defineProperty;
-  var __getOwnPropSymbols$17 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$17 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$17 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$17 = (obj, key, value) => key in obj ? __defProp$17(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$17 = (a, b) => {
+  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$17.call(b, prop))
-        __defNormalProp$17(a, prop, b[prop]);
-    if (__getOwnPropSymbols$17)
-      for (var prop of __getOwnPropSymbols$17(b)) {
-        if (__propIsEnum$17.call(b, prop))
-          __defNormalProp$17(a, prop, b[prop]);
+      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 __objRest$S = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$17.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$18.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$17)
-      for (var prop of __getOwnPropSymbols$17(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$17.call(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;
@@ -4879,7 +4879,7 @@
       onChange: onChangeCallback = ramda.identity,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$R(_b, [
+    } = _b, rest = __objRest$S(_b, [
       "name",
       "minValue",
       "maxValue",
@@ -4923,7 +4923,7 @@
         },
         /* @__PURE__ */ React.createElement(
           DatePicker$1,
-          __spreadValues$17({
+          __spreadValues$18({
             firstDayOfWeek,
             "aria-label": label,
             isInvalid: !!errors[name],
@@ -4939,30 +4939,30 @@
     );
   });
 
-  var __defProp$16 = Object.defineProperty;
-  var __getOwnPropSymbols$16 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$16 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$16 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$16 = (obj, key, value) => key in obj ? __defProp$16(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$16 = (a, b) => {
+  var __defProp$17 = Object.defineProperty;
+  var __getOwnPropSymbols$17 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$17 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$17 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$17 = (obj, key, value) => key in obj ? __defProp$17(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$17 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$16.call(b, prop))
-        __defNormalProp$16(a, prop, b[prop]);
-    if (__getOwnPropSymbols$16)
-      for (var prop of __getOwnPropSymbols$16(b)) {
-        if (__propIsEnum$16.call(b, prop))
-          __defNormalProp$16(a, prop, b[prop]);
+      if (__hasOwnProp$17.call(b, prop))
+        __defNormalProp$17(a, prop, b[prop]);
+    if (__getOwnPropSymbols$17)
+      for (var prop of __getOwnPropSymbols$17(b)) {
+        if (__propIsEnum$17.call(b, prop))
+          __defNormalProp$17(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$Q = (source, exclude) => {
+  var __objRest$R = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$16.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$17.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$16)
-      for (var prop of __getOwnPropSymbols$16(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$16.call(source, prop))
+    if (source != null && __getOwnPropSymbols$17)
+      for (var prop of __getOwnPropSymbols$17(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$17.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -4979,7 +4979,7 @@
       firstDayOfWeek = "monday",
       onChange: onChangeCallback = ramda.identity,
       isClearable = true
-    } = _b, rest = __objRest$Q(_b, [
+    } = _b, rest = __objRest$R(_b, [
       "name",
       "minValue",
       "maxValue",
@@ -5016,7 +5016,7 @@
       },
       ({ value, onChange }, { formState: { errors } }) => /* @__PURE__ */ React.createElement(
         DateRangePicker,
-        __spreadValues$16({
+        __spreadValues$17({
           firstDayOfWeek,
           "aria-label": label,
           isInvalid: !!errors[name],
@@ -5032,6 +5032,156 @@
     );
   });
 
+  var __defProp$16 = Object.defineProperty;
+  var __getOwnPropSymbols$16 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$16 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$16 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$16 = (obj, key, value) => key in obj ? __defProp$16(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$16 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$16.call(b, prop))
+        __defNormalProp$16(a, prop, b[prop]);
+    if (__getOwnPropSymbols$16)
+      for (var prop of __getOwnPropSymbols$16(b)) {
+        if (__propIsEnum$16.call(b, prop))
+          __defNormalProp$16(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __objRest$Q = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$16.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$16)
+      for (var prop of __getOwnPropSymbols$16(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$16.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  const TimeoutProgressCircle = (_a) => {
+    var _b = _a, {
+      progress
+    } = _b, rest = __objRest$Q(_b, [
+      "progress"
+    ]);
+    const RADIUS = 22;
+    const STROKE_WIDTH = 3;
+    const SVG_SIZE = 2 * (RADIUS + STROKE_WIDTH);
+    const CIRCUMFERENCE = 2 * Math.PI * RADIUS;
+    const strokeDashoffset = CIRCUMFERENCE - progress / 100 * CIRCUMFERENCE;
+    return /* @__PURE__ */ React.createElement(
+      react.Circle,
+      __spreadValues$16({
+        as: "svg",
+        size: `${SVG_SIZE}px`,
+        viewBox: `0 0 ${SVG_SIZE} ${SVG_SIZE}`,
+        sx: {
+          transform: "rotate(-90deg)"
+        }
+      }, rest),
+      /* @__PURE__ */ React.createElement(
+        system.chakra.circle,
+        {
+          cx: SVG_SIZE / 2,
+          cy: SVG_SIZE / 2,
+          r: RADIUS,
+          fill: "transparent",
+          stroke: "border.hover",
+          strokeWidth: STROKE_WIDTH
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        system.chakra.circle,
+        {
+          cx: SVG_SIZE / 2,
+          cy: SVG_SIZE / 2,
+          r: RADIUS,
+          fill: "transparent",
+          stroke: "border.error",
+          strokeWidth: STROKE_WIDTH,
+          strokeDasharray: CIRCUMFERENCE,
+          strokeDashoffset,
+          strokeLinecap: "round"
+        }
+      )
+    );
+  };
+
+  const IntentButton = ({
+    icon = icons.TrashDuo,
+    timeout = 1e3,
+    onTimeout = () => {
+    },
+    tooltipText = "Hold to Delete",
+    "aria-label": ariaLabel = "confirm delete"
+  }) => {
+    const [progress, setProgress] = React.useState(0);
+    const [isHovering, setIsHovering] = React.useState(false);
+    const timerRef = React.useRef(void 0);
+    const clearTimer = () => {
+      if (timerRef.current) {
+        clearInterval(timerRef.current);
+        timerRef.current = void 0;
+      }
+      setProgress(0);
+    };
+    React.useEffect(() => clearTimer, []);
+    const startTimer = () => {
+      clearTimer();
+      const startTime = Date.now();
+      timerRef.current = setInterval(() => {
+        const elapsedTime = Date.now() - startTime;
+        const updatedProgress = elapsedTime / timeout * 100;
+        if (updatedProgress >= 100) {
+          clearInterval(timerRef.current);
+          onTimeout();
+        } else {
+          setProgress(updatedProgress);
+        }
+      }, 10);
+    };
+    const handleMouseEnter = () => {
+      setIsHovering(true);
+    };
+    const handleMouseLeave = () => {
+      setIsHovering(false);
+      clearTimer();
+    };
+    return /* @__PURE__ */ React.createElement(react.Tooltip, { label: tooltipText, placement: "top" }, /* @__PURE__ */ React.createElement(
+      react.Center,
+      {
+        position: "relative",
+        cursor: "pointer",
+        onMouseDown: startTimer,
+        onMouseUp: clearTimer,
+        onMouseLeave: handleMouseLeave,
+        onMouseEnter: handleMouseEnter,
+        boxSize: "50px",
+        opacity: `${(100 - progress) / 100}`
+      },
+      /* @__PURE__ */ React.createElement(
+        IconButton,
+        {
+          icon: /* @__PURE__ */ React.createElement(Icon$1, { as: icon }),
+          size: "md",
+          "aria-label": ariaLabel,
+          variant: "ghost"
+        }
+      ),
+      isHovering && /* @__PURE__ */ React.createElement(
+        TimeoutProgressCircle,
+        {
+          progress,
+          position: "absolute",
+          top: "0",
+          left: "0"
+        }
+      )
+    ));
+  };
+
   var __defProp$15 = Object.defineProperty;
   var __defProps$d = Object.defineProperties;
   var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
@@ -5098,7 +5248,7 @@
     };
     const defaultWidth = getPixelSize(size);
     const minWidth = getPixelSize("sm");
-    const maxWidth = getPixelSize("2xl");
+    const maxWidth = window.innerWidth;
     const [adjustableWidth, setAdjustableWidth] = React.useState(defaultWidth);
     return /* @__PURE__ */ React.createElement(react.Box, { w: adjustableWidth, display: isOpen && shouldPush ? "initial" : "none" }, /* @__PURE__ */ React.createElement(react.Portal, null, /* @__PURE__ */ React.createElement(
       Slide,
@@ -13591,6 +13741,7 @@
   exports.H6 = H6$1;
   exports.Icon = Icon$1;
   exports.IconButton = IconButton;
+  exports.IntentButton = IntentButton;
   exports.Label = Label$1;
   exports.Lead = Lead$1;
   exports.MaskedTextInput = MaskedTextInput;