@northlight/ui 2.12.3 → 2.12.5

package/dist/umd/northlight.cjs

@@ -454,8 +454,8 @@
   };
 
   var __defProp$25 = Object.defineProperty;
-  var __defProps$z = Object.defineProperties;
-  var __getOwnPropDescs$z = Object.getOwnPropertyDescriptors;
+  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;
@@ -471,43 +471,43 @@
       }
     return a;
   };
-  var __spreadProps$z = (a, b) => __defProps$z(a, __getOwnPropDescs$z(b));
+  var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
   const customSelectStyles = {
-    container: (provided) => __spreadProps$z(__spreadValues$25({}, provided), {
+    container: (provided) => __spreadProps$y(__spreadValues$25({}, provided), {
       width: "100%",
       color: "text.default"
     }),
-    option: (provided, state) => __spreadProps$z(__spreadValues$25({}, provided), {
+    option: (provided, state) => __spreadProps$y(__spreadValues$25({}, provided), {
       background: state.isFocused && "background.select.option-focus",
       _active: {
         background: "background.select.option-active"
       }
     }),
-    valueContainer: (provided) => __spreadProps$z(__spreadValues$25({}, provided), {
+    valueContainer: (provided) => __spreadProps$y(__spreadValues$25({}, provided), {
       paddingInlineStart: "padding-inline.select.default"
     }),
-    downChevron: (provided) => __spreadProps$z(__spreadValues$25({}, provided), {
+    downChevron: (provided) => __spreadProps$y(__spreadValues$25({}, provided), {
       color: "icon.select.default"
     }),
-    placeholder: (provided) => __spreadProps$z(__spreadValues$25({}, provided), {
+    placeholder: (provided) => __spreadProps$y(__spreadValues$25({}, 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$z(__spreadValues$25({}, provided), {
+      return __spreadProps$y(__spreadValues$25({}, provided), {
         bgColor: background,
         color: getContrastColor(background)
       });
     },
-    menuList: (provided) => __spreadProps$z(__spreadValues$25({}, provided), {
+    menuList: (provided) => __spreadProps$y(__spreadValues$25({}, provided), {
       bgColor: "background.default"
     })
   };
 
   var __defProp$24 = Object.defineProperty;
-  var __defProps$y = Object.defineProperties;
-  var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
+  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;
@@ -523,9 +523,9 @@
       }
     return a;
   };
-  var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
-  const tagsInputStyles = (isFocused, borderColor) => __spreadProps$y(__spreadValues$24({}, customSelectStyles), {
-    container: (provided) => __spreadProps$y(__spreadValues$24({}, provided), {
+  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), {
       w: "full",
       height: "100%",
       resize: "vertical",
@@ -538,12 +538,12 @@
       color: "text.default",
       boxShadow: isFocused ? `0 0 0 1px ${borderColor}` : "none"
     }),
-    control: (provided) => __spreadProps$y(__spreadValues$24({}, provided), {
+    control: (provided) => __spreadProps$x(__spreadValues$24({}, provided), {
       minHeight: "20",
       height: "100%",
       alignItems: "start"
     }),
-    valueContainer: (provided) => __spreadProps$y(__spreadValues$24({}, provided), {
+    valueContainer: (provided) => __spreadProps$x(__spreadValues$24({}, provided), {
       paddingInlineStart: "padding-inline.select.default",
       overflowY: "auto",
       maxH: "100%"
@@ -551,8 +551,8 @@
   });
 
   var __defProp$23 = Object.defineProperty;
-  var __defProps$x = Object.defineProperties;
-  var __getOwnPropDescs$x = Object.getOwnPropertyDescriptors;
+  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;
@@ -568,7 +568,7 @@
       }
     return a;
   };
-  var __spreadProps$x = (a, b) => __defProps$x(a, __getOwnPropDescs$x(b));
+  var __spreadProps$w = (a, b) => __defProps$w(a, __getOwnPropDescs$w(b));
   var __objRest$1w = (source, exclude) => {
     var target = {};
     for (var prop in source)
@@ -657,7 +657,7 @@
     };
     return /* @__PURE__ */ React.createElement(react.Box, { w: "full", "data-testid": testId }, /* @__PURE__ */ React.createElement(
       CustomSelect,
-      __spreadValues$23(__spreadProps$x(__spreadValues$23({
+      __spreadValues$23(__spreadProps$w(__spreadValues$23({
         isMulti: true,
         menuPortalTarget: document.body,
         placeholder: "Type something and press Enter or comma...",
@@ -1743,12 +1743,10 @@
       }
     return target;
   };
-  const Button$1 = React.forwardRef(
-    (_a, ref) => {
-      var _b = _a, { variant = "default", children } = _b, rest = __objRest$1c(_b, ["variant", "children"]);
-      return /* @__PURE__ */ React.createElement(react.Button, __spreadValues$1J({ variant, ref }, rest), children);
-    }
-  );
+  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;
@@ -1778,6 +1776,61 @@
       }
     return target;
   };
+  const SpinnerSizeMap = {
+    xs: "xs",
+    sm: "sm",
+    md: "sm",
+    lg: "md"
+  };
+  const Button$1 = React.forwardRef(
+    (_a, ref) => {
+      var _b = _a, { variant = "default", children, size = "md" } = _b, rest = __objRest$1b(_b, ["variant", "children", "size"]);
+      return /* @__PURE__ */ React.createElement(
+        react.Button,
+        __spreadValues$1I({
+          variant,
+          ref,
+          size,
+          spinner: /* @__PURE__ */ React.createElement(
+            Spinner$1,
+            {
+              size: SpinnerSizeMap[size]
+            }
+          )
+        }, rest),
+        children
+      );
+    }
+  );
+
+  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$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$1a = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$1H.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))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
   const Checkbox$1 = (_a) => {
     var _b = _a, {
       value,
@@ -1785,7 +1838,7 @@
       name,
       size = "md",
       variant = "default"
-    } = _b, rest = __objRest$1b(_b, [
+    } = _b, rest = __objRest$1a(_b, [
       "value",
       "onChange",
       "name",
@@ -1794,7 +1847,7 @@
     ]);
     return /* @__PURE__ */ React.createElement(
       react.Checkbox,
-      __spreadValues$1I({
+      __spreadValues$1H({
         size,
         id: name,
         onChange,
@@ -1820,30 +1873,30 @@
     return newObj;
   };
 
-  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$1G = Object.defineProperty;
+  var __getOwnPropSymbols$1G = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1G = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1G = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1G = (obj, key, value) => key in obj ? __defProp$1G(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1G = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$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$1G.call(b, prop))
+        __defNormalProp$1G(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1G)
+      for (var prop of __getOwnPropSymbols$1G(b)) {
+        if (__propIsEnum$1G.call(b, prop))
+          __defNormalProp$1G(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1a = (source, exclude) => {
+  var __objRest$19 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1H.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1G.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$1G)
+      for (var prop of __getOwnPropSymbols$1G(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1G.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -1859,7 +1912,7 @@
       enableReinitialize = false,
       shouldTrim = true,
       innerFormStyle = {}
-    } = _b, rest = __objRest$1a(_b, [
+    } = _b, rest = __objRest$19(_b, [
       "initialValues",
       "onSubmit",
       "children",
@@ -1874,7 +1927,7 @@
       values,
       errors: validate(values)
     });
-    const newMethods = methods || reactHookForm.useForm(__spreadValues$1H({
+    const newMethods = methods || reactHookForm.useForm(__spreadValues$1G({
       defaultValues: initialValues,
       resolver: validate ? customResolver : void 0
     }, formSettings));
@@ -1900,36 +1953,36 @@
       newMethods.trigger();
       e.preventDefault();
     };
-    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));
+    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));
   });
 
-  var __defProp$1G = Object.defineProperty;
-  var __defProps$w = Object.defineProperties;
-  var __getOwnPropDescs$w = Object.getOwnPropertyDescriptors;
-  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$1F = 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) => {
     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$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$w = (a, b) => __defProps$w(a, __getOwnPropDescs$w(b));
-  var __objRest$19 = (source, exclude) => {
+  var __spreadProps$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
+  var __objRest$18 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1G.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$1G)
-      for (var prop of __getOwnPropSymbols$1G(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1G.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;
@@ -1937,12 +1990,12 @@
   const FormLabel = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children: label
-    } = _b, rest = __objRest$19(_b, [
+    } = _b, rest = __objRest$18(_b, [
       "children"
     ]);
     return /* @__PURE__ */ React.createElement(
       Label$1,
-      __spreadProps$w(__spreadValues$1G({
+      __spreadProps$v(__spreadValues$1F({
         size: "sm",
         sx: {
           width: "80%",
@@ -1958,30 +2011,30 @@
     );
   });
 
-  var __defProp$1F = Object.defineProperty;
-  var __getOwnPropSymbols$1F = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1F = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1F = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1F = (obj, key, value) => key in obj ? __defProp$1F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1F = (a, b) => {
+  var __defProp$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$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$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$18 = (source, exclude) => {
+  var __objRest$17 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1F.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1E.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$1E)
+      for (var prop of __getOwnPropSymbols$1E(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1E.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -1996,7 +2049,7 @@
       noLabelConnection = false,
       validate,
       control: passedControl
-    } = _b, rest = __objRest$18(_b, [
+    } = _b, rest = __objRest$17(_b, [
       "name",
       "label",
       "children",
@@ -2012,7 +2065,7 @@
     const fieldError = getFieldError(name, errors);
     return /* @__PURE__ */ React.createElement(react.FormControl, { isInvalid: !!fieldError, isRequired, ref }, /* @__PURE__ */ React.createElement(
       react.Stack,
-      __spreadValues$1F({
+      __spreadValues$1E({
         spacing: "auto",
         direction,
         alignItems: direction === "column" ? "stretch" : "center"
@@ -2040,30 +2093,30 @@
     return setValueRefreshed;
   };
 
-  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$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$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$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$17 = (source, exclude) => {
+  var __objRest$16 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1E.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$1E)
-      for (var prop of __getOwnPropSymbols$1E(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1E.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;
@@ -2079,7 +2132,7 @@
       direction = "row",
       labelPlacement = "left",
       labelSize = "md"
-    } = _b, rest = __objRest$17(_b, [
+    } = _b, rest = __objRest$16(_b, [
       "name",
       "label",
       "variant",
@@ -2114,7 +2167,7 @@
           },
           /* @__PURE__ */ React.createElement(
             Checkbox$1,
-            __spreadValues$1E({
+            __spreadValues$1D({
               name,
               onChange: (e) => {
                 onChange(e);
@@ -2131,30 +2184,30 @@
     );
   });
 
-  var __defProp$1D = Object.defineProperty;
-  var __getOwnPropSymbols$1D = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1D = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1D = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1D = (obj, key, value) => key in obj ? __defProp$1D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1D = (a, b) => {
+  var __defProp$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$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$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$16 = (source, exclude) => {
+  var __objRest$15 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1D.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$1D)
-      for (var prop of __getOwnPropSymbols$1D(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1D.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;
@@ -2165,7 +2218,7 @@
       icon,
       "aria-label": ariaLabel,
       children
-    } = _b, rest = __objRest$16(_b, [
+    } = _b, rest = __objRest$15(_b, [
       "variant",
       "icon",
       "aria-label",
@@ -2175,7 +2228,7 @@
     const IconWithSize = React.cloneElement(IconComponent, { size: rest.size });
     return /* @__PURE__ */ React.createElement(
       react.IconButton,
-      __spreadValues$1D({
+      __spreadValues$1C({
         variant,
         icon: IconWithSize,
         "aria-label": ariaLabel,
@@ -2266,30 +2319,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$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$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$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$15 = (source, exclude) => {
+  var __objRest$14 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1C.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$1C)
-      for (var prop of __getOwnPropSymbols$1C(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1C.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;
@@ -2302,14 +2355,16 @@
       expandedColors = paletteColors,
       value = null,
       name,
-      size = "md"
-    } = _b, rest = __objRest$15(_b, [
+      size = "md",
+      popoverProps
+    } = _b, rest = __objRest$14(_b, [
       "onChange",
       "colors",
       "expandedColors",
       "value",
       "name",
-      "size"
+      "size",
+      "popoverProps"
     ]);
     const { isOpen, onToggle, onClose } = react.useDisclosure();
     const [expanded, setExpanded] = react.useBoolean();
@@ -2361,14 +2416,14 @@
     };
     return /* @__PURE__ */ React.createElement(react.Box, { "data-testid": "color-picker-test-id" }, /* @__PURE__ */ React.createElement(
       react.Popover,
-      {
+      __spreadValues$1B({
         isOpen,
         onClose,
         initialFocusRef
-      },
+      }, popoverProps),
       /* @__PURE__ */ React.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React.createElement(
         IconButton,
-        __spreadValues$1C({
+        __spreadValues$1B({
           onClick: onToggle,
           "aria-label": name || "color picker",
           name,
@@ -2417,30 +2472,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$1A = Object.defineProperty;
+  var __getOwnPropSymbols$1A = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1A = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1A = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1A = (obj, key, value) => key in obj ? __defProp$1A(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1A = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$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$1A.call(b, prop))
+        __defNormalProp$1A(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1A)
+      for (var prop of __getOwnPropSymbols$1A(b)) {
+        if (__propIsEnum$1A.call(b, prop))
+          __defNormalProp$1A(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$14 = (source, exclude) => {
+  var __objRest$13 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1B.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1A.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1B)
-      for (var prop of __getOwnPropSymbols$1B(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1B.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1A)
+      for (var prop of __getOwnPropSymbols$1A(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1A.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2452,7 +2507,7 @@
       direction,
       isRequired,
       validate
-    } = _b, rest = __objRest$14(_b, [
+    } = _b, rest = __objRest$13(_b, [
       "name",
       "label",
       "direction",
@@ -2470,7 +2525,7 @@
       },
       ({ onChange, value }) => /* @__PURE__ */ React.createElement(
         ColorPicker$1,
-        __spreadValues$1B({
+        __spreadValues$1A({
           name,
           onChange,
           value
@@ -2479,29 +2534,29 @@
     );
   };
 
-  var __defProp$1A = Object.defineProperty;
-  var __defProps$v = Object.defineProperties;
-  var __getOwnPropDescs$v = 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 __defProp$1z = 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) => {
     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$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$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
+  var __spreadProps$u = (a, b) => __defProps$u(a, __getOwnPropDescs$u(b));
   const FlipButtonContext = React.createContext(null);
   const useFlipButtonState = (props, isMulti) => isMulti ? checkbox.useCheckboxGroupState(props) : radio.useRadioGroupState(props);
   const useFlipButtonGroup = (props, state, isMulti) => {
-    const propsWithLabel = __spreadProps$v(__spreadValues$1A({}, props), {
+    const propsWithLabel = __spreadProps$u(__spreadValues$1z({}, props), {
       "aria-label": `${isMulti ? "Checkbox" : "Radio"}-button-group`
     });
     return isMulti ? checkbox$1.useCheckboxGroup(
@@ -2518,33 +2573,33 @@
     return { state, flipButtonGroupProps };
   };
 
-  var __defProp$1z = 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 __defProp$1y = 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) => {
     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$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$u = (a, b) => __defProps$u(a, __getOwnPropDescs$u(b));
-  var __objRest$13 = (source, exclude) => {
+  var __spreadProps$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(b));
+  var __objRest$12 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1z.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$1z)
-      for (var prop of __getOwnPropSymbols$1z(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1z.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;
@@ -2559,7 +2614,7 @@
       icon,
       value,
       iconPlacement = "left"
-    } = _a, rest = __objRest$13(_a, [
+    } = _a, rest = __objRest$12(_a, [
       "children",
       "size",
       "variant",
@@ -2583,7 +2638,7 @@
     };
     const focusRing = isFocused ? focusStyles : {};
     const isSelected = isMulti ? state.isSelected(value) : state.selectedValue === value;
-    const flipButtonProps = __spreadProps$u(__spreadValues$1z({}, utils.mergeProps(inputProps, focusProps)), {
+    const flipButtonProps = __spreadProps$t(__spreadValues$1y({}, utils.mergeProps(inputProps, focusProps)), {
       ref,
       style: { opacity: "0", width: "0", height: "0" },
       "aria-label": isMulti ? "Checkbox-input" : "Radio-input"
@@ -2595,7 +2650,7 @@
       as: "label",
       cursor: "pointer"
     };
-    return typeof children === "function" ? children(__spreadValues$1z({
+    return typeof children === "function" ? children(__spreadValues$1y({
       state,
       containerProps,
       flipButtonProps,
@@ -2614,39 +2669,39 @@
         "aria-disabled": isDisabled,
         as: "label"
       },
-      /* @__PURE__ */ React.createElement("input", __spreadValues$1z({}, flipButtonProps)),
+      /* @__PURE__ */ React.createElement("input", __spreadValues$1y({}, 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$1y = 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 __defProp$1x = 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) => {
     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$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 __spreadProps$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(b));
-  var __objRest$12 = (source, exclude) => {
+  var __spreadProps$s = (a, b) => __defProps$s(a, __getOwnPropDescs$s(b));
+  var __objRest$11 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1y.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$1y)
-      for (var prop of __getOwnPropSymbols$1y(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1y.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;
@@ -2663,7 +2718,7 @@
       variant,
       icon,
       sx = {}
-    } = _a, rest = __objRest$12(_a, [
+    } = _a, rest = __objRest$11(_a, [
       "isMulti",
       "name",
       "children",
@@ -2678,7 +2733,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$1y({
+      (child) => React.isValidElement(child) ? React.cloneElement(child, __spreadValues$1x({
         key: child.props.value,
         isMulti,
         variant,
@@ -2697,7 +2752,7 @@
     const restWithoutOnChange = ramda.omit(["onChange"], rest);
     return /* @__PURE__ */ React.createElement(
       react.Stack,
-      __spreadValues$1y(__spreadProps$t(__spreadValues$1y({}, flipButtonGroupProps), {
+      __spreadValues$1x(__spreadProps$s(__spreadValues$1x({}, flipButtonGroupProps), {
         direction,
         id: name,
         spacing: 0,
@@ -2707,30 +2762,30 @@
     );
   };
 
-  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) => {
+  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) => {
     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$1w.call(b, prop))
+        __defNormalProp$1w(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1w)
+      for (var prop of __getOwnPropSymbols$1w(b)) {
+        if (__propIsEnum$1w.call(b, prop))
+          __defNormalProp$1w(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$11 = (source, exclude) => {
+  var __objRest$10 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1x.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1w.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$1w)
+      for (var prop of __getOwnPropSymbols$1w(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1w.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2745,7 +2800,7 @@
       iconPlacement = "left",
       onChange: onChangeCallback = ramda.identity,
       validate
-    } = _b, rest = __objRest$11(_b, [
+    } = _b, rest = __objRest$10(_b, [
       "name",
       "label",
       "children",
@@ -2767,7 +2822,7 @@
       },
       ({ onChange, value }) => /* @__PURE__ */ React.createElement(
         FlipButtonGroup,
-        __spreadValues$1x({
+        __spreadValues$1w({
           name,
           onChange: (e) => {
             onChange(e);
@@ -2782,32 +2837,32 @@
     );
   });
 
-  var __defProp$1w = Object.defineProperty;
-  var __defProps$s = Object.defineProperties;
-  var __getOwnPropDescs$s = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1w = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1w = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1w = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1w = (obj, key, value) => key in obj ? __defProp$1w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1w = (a, b) => {
+  var __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) => {
     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$1v.call(b, prop))
+        __defNormalProp$1v(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1v)
+      for (var prop of __getOwnPropSymbols$1v(b)) {
+        if (__propIsEnum$1v.call(b, prop))
+          __defNormalProp$1v(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$s = (a, b) => __defProps$s(a, __getOwnPropDescs$s(b));
+  var __spreadProps$r = (a, b) => __defProps$r(a, __getOwnPropDescs$r(b));
   const Trigger = (props) => {
     const { isDisabled, handleClick } = props;
     const ref = React.useRef(null);
     const { buttonProps } = button.useButton(props, ref);
     return /* @__PURE__ */ React.createElement(
       Button$1,
-      __spreadProps$s(__spreadValues$1w({}, buttonProps), {
+      __spreadProps$r(__spreadValues$1v({}, buttonProps), {
         ref,
         size: "sm",
         boxSize: 8,
@@ -2820,25 +2875,25 @@
     );
   };
 
-  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$1u = 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) => {
     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$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$r = (a, b) => __defProps$r(a, __getOwnPropDescs$r(b));
+  var __spreadProps$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b));
   const DateSegment = ({ segment, state }) => {
     const ref = React.useRef(null);
     const { segmentProps } = datepicker.useDateSegment(segment, state, ref);
@@ -2847,7 +2902,7 @@
     const minWidth = `${String(segment.maxValue).length}ch`;
     return /* @__PURE__ */ React.createElement(
       react.Box,
-      __spreadProps$r(__spreadValues$1v({}, segmentProps), {
+      __spreadProps$q(__spreadValues$1u({}, segmentProps), {
         ref,
         __css: dateSegment,
         minWidth: isDivider ? 0 : minWidth,
@@ -2867,28 +2922,28 @@
   const formatQuery = (query) => mapFormat[ramda.toLower(query)[0]];
   const delimeterIncluded = /([.,:;|\-/\\])/;
 
-  var __defProp$1u = 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 __defProp$1t = 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) => {
     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$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$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b));
+  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$q(__spreadValues$1u({}, props), {
+    const state = datepicker$1.useDateFieldState(__spreadProps$p(__spreadValues$1t({}, 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 */
@@ -2901,13 +2956,13 @@
     const { dateFormat = "dd/mm/yyyy" } = props;
     const getMatchingSegment = (query, index) => ramda.find(
       (segment) => segment.placeholder === formatQuery(query)
-    )(segments) || __spreadProps$q(__spreadValues$1u({}, segments[index]), { text: query });
+    )(segments) || __spreadProps$p(__spreadValues$1t({}, segments[index]), { text: query });
     const sortedSegments = ramda.split(delimeterIncluded, dateFormat).map(
       (query, index) => getMatchingSegment(query, index)
     );
     return /* @__PURE__ */ React.createElement(
       react.Box,
-      __spreadProps$q(__spreadValues$1u({}, fieldProps), {
+      __spreadProps$p(__spreadValues$1t({}, fieldProps), {
         ref,
         display: "flex",
         __css: dateField,
@@ -2920,44 +2975,44 @@
     );
   };
 
-  var __defProp$1t = 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 __defProp$1s = 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) => {
     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$1s.call(b, prop))
+        __defNormalProp$1s(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1s)
+      for (var prop of __getOwnPropSymbols$1s(b)) {
+        if (__propIsEnum$1s.call(b, prop))
+          __defNormalProp$1s(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$p = (a, b) => __defProps$p(a, __getOwnPropDescs$p(b));
-  var __objRest$10 = (source, exclude) => {
+  var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
+  var __objRest$$ = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1t.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1s.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1t)
-      for (var prop of __getOwnPropSymbols$1t(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1t.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1s)
+      for (var prop of __getOwnPropSymbols$1s(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1s.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
   };
   const StyledField = React.forwardRef(
     (_a, ref) => {
-      var _b = _a, { isInvalid, isDisabled, children, variant } = _b, rest = __objRest$10(_b, ["isInvalid", "isDisabled", "children", "variant"]);
+      var _b = _a, { isInvalid, isDisabled, children, variant } = _b, rest = __objRest$$(_b, ["isInvalid", "isDisabled", "children", "variant"]);
       const { styledField } = react.useMultiStyleConfig("DatePicker", { variant });
       return /* @__PURE__ */ React.createElement(
         react.Box,
-        __spreadProps$p(__spreadValues$1t({}, rest), {
+        __spreadProps$o(__spreadValues$1s({}, rest), {
           ref,
           "aria-invalid": isInvalid,
           "aria-disabled": isDisabled,
@@ -2971,27 +3026,7 @@
     }
   );
 
-  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$o = Object.defineProperties;
-  var __getOwnPropDescs$o = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$1r = Object.getOwnPropertySymbols;
   var __hasOwnProp$1r = Object.prototype.hasOwnProperty;
   var __propIsEnum$1r = Object.prototype.propertyIsEnumerable;
@@ -3007,7 +3042,27 @@
       }
     return a;
   };
-  var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
+  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,
     date: date$1,
@@ -3021,9 +3076,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$1r({}, cellProps), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react.chakra.td, __spreadValues$1q({}, cellProps), /* @__PURE__ */ React.createElement(
       Button$1,
-      __spreadProps$o(__spreadValues$1r({}, buttonProps), {
+      __spreadProps$n(__spreadValues$1q({}, buttonProps), {
         ref,
         borderRadius: "xs",
         boxSize: 8,
@@ -3046,41 +3101,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$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) => {
+  var __defProp$1p = Object.defineProperty;
+  var __getOwnPropSymbols$1p = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1p = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1p = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1p = (obj, key, value) => key in obj ? __defProp$1p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1p = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1q.call(b, prop))
-        __defNormalProp$1q(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1q)
-      for (var prop of __getOwnPropSymbols$1q(b)) {
-        if (__propIsEnum$1q.call(b, prop))
-          __defNormalProp$1q(a, prop, b[prop]);
+      if (__hasOwnProp$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 __objRest$$ = (source, exclude) => {
+  var __objRest$_ = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1q.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1p.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1q)
-      for (var prop of __getOwnPropSymbols$1q(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1q.call(source, prop))
+    if (source != null && __getOwnPropSymbols$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 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$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(
+      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(
         (date) => date ? /* @__PURE__ */ React.createElement(
           CalendarCell,
           {
@@ -3094,44 +3149,44 @@
     }
   );
 
-  var __defProp$1p = Object.defineProperty;
-  var __defProps$n = Object.defineProperties;
-  var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1p = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1p = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1p = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1p = (obj, key, value) => key in obj ? __defProp$1p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1p = (a, b) => {
+  var __defProp$1o = 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) => {
     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$1o.call(b, prop))
+        __defNormalProp$1o(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1o)
+      for (var prop of __getOwnPropSymbols$1o(b)) {
+        if (__propIsEnum$1o.call(b, prop))
+          __defNormalProp$1o(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
-  var __objRest$_ = (source, exclude) => {
+  var __spreadProps$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b));
+  var __objRest$Z = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1p.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1o.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1p)
-      for (var prop of __getOwnPropSymbols$1p(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1p.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1o)
+      for (var prop of __getOwnPropSymbols$1o(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1o.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
   };
   const MonthButton = (_a) => {
-    var _b = _a, { children } = _b, rest = __objRest$_(_b, ["children"]);
+    var _b = _a, { children } = _b, rest = __objRest$Z(_b, ["children"]);
     const ref = React.useRef(null);
     const { buttonProps } = button.useButton(rest, ref);
     return /* @__PURE__ */ React.createElement(
       Button$1,
-      __spreadProps$n(__spreadValues$1p({}, buttonProps), {
+      __spreadProps$m(__spreadValues$1o({}, buttonProps), {
         boxSize: 8,
         size: "xs",
         variant: "ghost",
@@ -3280,29 +3335,29 @@
     return /* @__PURE__ */ React.createElement(YearSelect, { onChange, years });
   };
 
-  var __defProp$1o = 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 __defProp$1n = 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) => {
     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$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 __spreadProps$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b));
+  var __spreadProps$l = (a, b) => __defProps$l(a, __getOwnPropDescs$l(b));
   const Calendar$1 = (props) => {
     const { locale } = i18n.useLocale();
     const { container } = react.useMultiStyleConfig("Calendar");
-    const state = calendar$1.useCalendarState(__spreadProps$m(__spreadValues$1o({}, props), {
+    const state = calendar$1.useCalendarState(__spreadProps$l(__spreadValues$1n({}, props), {
       locale,
       createCalendar: () => new date.GregorianCalendar()
     }));
@@ -3310,28 +3365,28 @@
       props,
       state
     );
-    return /* @__PURE__ */ React.createElement(react.Box, __spreadProps$m(__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 })));
+    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 })));
   };
 
-  var __defProp$1n = 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 __defProp$1m = 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) => {
     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$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 __spreadProps$l = (a, b) => __defProps$l(a, __getOwnPropDescs$l(b));
+  var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
   const DatePicker$1 = (props) => {
     const {
       isDisabled,
@@ -3344,12 +3399,12 @@
     } = props;
     const ref = React.useRef();
     const { group } = react.useMultiStyleConfig("DatePicker");
-    const state = datepicker$1.useDatePickerState(__spreadProps$l(__spreadValues$1n({}, props), {
+    const state = datepicker$1.useDatePickerState(__spreadProps$k(__spreadValues$1m({}, props), {
       shouldCloseOnSelect: false,
       hideTimeZone: true
     }));
     const { buttonProps, fieldProps, calendarProps, groupProps, dialogProps } = datepicker.useDatePicker(
-      __spreadProps$l(__spreadValues$1n({}, props), { minValue: minValue || date.parseDate("1994-03-08") }),
+      __spreadProps$k(__spreadValues$1m({}, props), { minValue: minValue || date.parseDate("1994-03-08") }),
       state,
       ref
     );
@@ -3361,7 +3416,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$l(__spreadValues$1n({}, 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$1m({}, groupProps), { ref, __css: group }), /* @__PURE__ */ React.createElement(StyledField, { isDisabled, isInvalid, variant }, /* @__PURE__ */ React.createElement(
         react.Box,
         {
           paddingInlineStart: "1a",
@@ -3369,7 +3424,7 @@
         },
         /* @__PURE__ */ React.createElement(
           DateField,
-          __spreadProps$l(__spreadValues$1n({}, fieldProps), {
+          __spreadProps$k(__spreadValues$1m({}, fieldProps), {
             dateFormat
           })
         )
@@ -3381,7 +3436,7 @@
         },
         /* @__PURE__ */ React.createElement(
           Trigger,
-          __spreadProps$l(__spreadValues$1n({}, buttonProps), {
+          __spreadProps$k(__spreadValues$1m({}, buttonProps), {
             isDisabled,
             handleClick: togglePopup
           })
@@ -3399,50 +3454,50 @@
           icon: /* @__PURE__ */ React.createElement(Icon$1, { as: icons.XCloseSolid })
         }
       ))),
-      state.isOpen && /* @__PURE__ */ React.createElement(react.PopoverContent, __spreadProps$l(__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))))
+      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))))
     );
   };
 
-  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$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$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$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$Z = (source, exclude) => {
+  var __objRest$Y = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1m.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1l.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1m)
-      for (var prop of __getOwnPropSymbols$1m(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1m.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1l)
+      for (var prop of __getOwnPropSymbols$1l(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1l.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
   };
   const Clickable = (_a) => {
-    var _b = _a, { href, linkProps } = _b, rest = __objRest$Z(_b, ["href", "linkProps"]);
+    var _b = _a, { href, linkProps } = _b, rest = __objRest$Y(_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$1m(__spreadValues$1m({
+      __spreadValues$1l(__spreadValues$1l({
         as: reactRouterDom.Link,
         _focusVisible: ring,
         to: href,
         _hover: { textDecoration: "none" }
       }, linkProps), clickable$1)
-    ), ramda.isNil(href) && /* @__PURE__ */ React.createElement(react.chakra.button, __spreadValues$1m({ _focusVisible: ring }, clickable$1)));
+    ), ramda.isNil(href) && /* @__PURE__ */ React.createElement(react.chakra.button, __spreadValues$1l({ _focusVisible: ring }, clickable$1)));
   };
 
   const defaultFadeDelay = 250;
@@ -3505,73 +3560,6 @@
     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;
@@ -3600,7 +3588,7 @@
       }
     return target;
   };
-  const ScaleFade = (_a) => {
+  const Fade = (_a) => {
     var _b = _a, {
       children,
       enterDuration = null,
@@ -3629,7 +3617,7 @@
     const isHidden = useHiddenDisplay(show, exitDelay, exitDuration, duration, onTransitionComplete);
     const childrenWithProps = getChildrenWithFocus(children, disableFocus, isHidden);
     return /* @__PURE__ */ React.createElement(
-      react.ScaleFade,
+      react.Fade,
       __spreadValues$1k({
         in: showWithDelay,
         transition,
@@ -3667,7 +3655,7 @@
       }
     return target;
   };
-  const Slide = (_a) => {
+  const ScaleFade = (_a) => {
     var _b = _a, {
       children,
       enterDuration = null,
@@ -3678,7 +3666,6 @@
       hideDisplay = false,
       enterDelay = 0,
       exitDelay = 0,
-      direction = "bottom",
       onTransitionComplete = ramda.identity
     } = _b, rest = __objRest$W(_b, [
       "children",
@@ -3690,7 +3677,6 @@
       "hideDisplay",
       "enterDelay",
       "exitDelay",
-      "direction",
       "onTransitionComplete"
     ]);
     const transition = getDuration(enterDuration, exitDuration, duration);
@@ -3698,11 +3684,10 @@
     const isHidden = useHiddenDisplay(show, exitDelay, exitDuration, duration, onTransitionComplete);
     const childrenWithProps = getChildrenWithFocus(children, disableFocus, isHidden);
     return /* @__PURE__ */ React.createElement(
-      react.Slide,
+      react.ScaleFade,
       __spreadValues$1j({
         in: showWithDelay,
         transition,
-        direction,
         unmountOnExit: hideDisplay
       }, rest),
       childrenWithProps
@@ -3737,7 +3722,7 @@
       }
     return target;
   };
-  const SlideFade = (_a) => {
+  const Slide = (_a) => {
     var _b = _a, {
       children,
       enterDuration = null,
@@ -3746,12 +3731,9 @@
       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",
@@ -3761,26 +3743,21 @@
       "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.SlideFade,
+      react.Slide,
       __spreadValues$1i({
         in: showWithDelay,
         transition,
-        offsetX,
-        offsetY,
+        direction,
         unmountOnExit: hideDisplay
       }, rest),
       childrenWithProps
@@ -3815,7 +3792,7 @@
       }
     return target;
   };
-  const Collapse = (_a) => {
+  const SlideFade = (_a) => {
     var _b = _a, {
       children,
       enterDuration = null,
@@ -3824,6 +3801,10 @@
       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
@@ -3835,19 +3816,26 @@
       "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.Collapse,
+      react.SlideFade,
       __spreadValues$1h({
         in: showWithDelay,
         transition,
+        offsetX,
+        offsetY,
         unmountOnExit: hideDisplay
       }, rest),
       childrenWithProps
@@ -3855,8 +3843,6 @@
   };
 
   var __defProp$1g = Object.defineProperty;
-  var __defProps$k = Object.defineProperties;
-  var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$1g = Object.getOwnPropertySymbols;
   var __hasOwnProp$1g = Object.prototype.hasOwnProperty;
   var __propIsEnum$1g = Object.prototype.propertyIsEnumerable;
@@ -3872,8 +3858,77 @@
       }
     return a;
   };
-  var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
-  const MoveButton = (props) => /* @__PURE__ */ React.createElement(Clickable, __spreadProps$k(__spreadValues$1g({}, props), { w: "max-content" }), /* @__PURE__ */ React.createElement(
+  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(
     P$1,
     {
       variant: "14",
@@ -3892,19 +3947,19 @@
 
   const validRange = (date, state) => !date || (!state.minValue || date.start >= state.minValue) && (!state.maxValue || date.end <= state.maxValue) && date.end >= date.start;
 
-  var __defProp$1f = Object.defineProperty;
-  var __getOwnPropSymbols$1f = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1f = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1f = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1f = (obj, key, value) => key in obj ? __defProp$1f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1f = (a, b) => {
+  var __defProp$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$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$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;
   };
@@ -3920,7 +3975,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$1f({}, getMethods(date)), date.label)
+      (date) => validRange(date.value, state) && /* @__PURE__ */ React.createElement(MoveButton, __spreadValues$1e({}, getMethods(date)), date.label)
     )
   );
 
@@ -4090,25 +4145,25 @@
     );
   };
 
-  var __defProp$1e = Object.defineProperty;
-  var __defProps$j = Object.defineProperties;
-  var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1e = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1e = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1e = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1e = (obj, key, value) => key in obj ? __defProp$1e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1e = (a, b) => {
+  var __defProp$1d = 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) => {
     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$1d.call(b, prop))
+        __defNormalProp$1d(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1d)
+      for (var prop of __getOwnPropSymbols$1d(b)) {
+        if (__propIsEnum$1d.call(b, prop))
+          __defNormalProp$1d(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
+  var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
   const RangeCell = ({ state, date: date$1, currentMonth }) => {
     const isOutsideMonth = !date.isSameMonth(currentMonth, date$1);
     if (isOutsideMonth)
@@ -4120,9 +4175,9 @@
       ref
     );
     const isToday = date$1.compare(date.today(state.timeZone)) === 0;
-    return /* @__PURE__ */ React.createElement(react.chakra.td, __spreadValues$1e({}, cellProps), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react.chakra.td, __spreadValues$1d({}, cellProps), /* @__PURE__ */ React.createElement(
       react.chakra.button,
-      __spreadProps$j(__spreadValues$1e({}, buttonProps), {
+      __spreadProps$i(__spreadValues$1d({}, buttonProps), {
         type: "button",
         ref,
         borderRadius: "xs",
@@ -4158,31 +4213,31 @@
     ));
   };
 
-  var __defProp$1d = 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) => {
-    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]);
+  var __defProp$1c = 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) => {
+    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]);
       }
     return a;
   };
-  var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
+  var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
   const RangeCalendarGrid = ({ state, locale, offset = {} }) => {
     const startDate = state.visibleRange.start.add(offset);
     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$i(__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(
+    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(
       (date, i) => date ? /* @__PURE__ */ React.createElement(
         RangeCell,
         {
@@ -4248,7 +4303,7 @@
         start: date.startOfMonth(thisDay),
         end: date.endOfMonth(thisDay)
       },
-      label: "This month"
+      label: "This Month"
     };
     const lastMonth = {
       value: {
@@ -4325,6 +4380,16 @@
       },
       label: "Last Fiscal Year"
     };
+    const yearToDate = {
+      value: {
+        start: startOfMonthWithDays(
+          date.startOfYear(thisDay),
+          { months: fiscalStartMonth, days: fiscalStartDay }
+        ),
+        end: thisDay
+      },
+      label: "Year to Date"
+    };
     const F1 = {
       value: {
         start: startOfMonthWithDays(
@@ -4385,6 +4450,7 @@
       thisMonth,
       lastMonth,
       thisYear,
+      yearToDate,
       lastYear,
       nextMonth,
       nextThreeMonths,
@@ -4470,29 +4536,29 @@
     ));
   };
 
-  var __defProp$1c = 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 __defProp$1b = 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) => {
     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$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$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
+  var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
   const RangeCalendar = (props) => {
     const { locale } = i18n.useLocale();
     const [updateRange, setUpdateRange] = React.useState(false);
-    const state = calendar$1.useRangeCalendarState(__spreadProps$h(__spreadValues$1c({}, props), {
+    const state = calendar$1.useRangeCalendarState(__spreadProps$g(__spreadValues$1b({}, props), {
       visibleDuration: { months: updateRange ? 1 : 2 },
       locale,
       createCalendar: () => new date.GregorianCalendar()
@@ -4510,7 +4576,7 @@
       ref
     );
     const { fiscalStartMonth, fiscalStartDay, handleClose, resetDate, isClearable = true } = props;
-    return /* @__PURE__ */ React.createElement(react.Box, __spreadProps$h(__spreadValues$1c({}, calendarProps), { ref, __css: rangeCalendarContainer }), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.Flex, { gap: 4 }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react.Box, __spreadProps$g(__spreadValues$1b({}, calendarProps), { ref, __css: rangeCalendarContainer }), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.Flex, { gap: 4 }, /* @__PURE__ */ React.createElement(
       QuickSelect,
       {
         state,
@@ -4519,7 +4585,7 @@
         fiscalStartMonth,
         fiscalStartDay
       }
-    ), /* @__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(
+    ), /* @__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(
       RangeCalendarGrid,
       {
         state,
@@ -4529,28 +4595,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$1b = 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 __defProp$1a = 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) => {
     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$1a.call(b, prop))
+        __defNormalProp$1a(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1a)
+      for (var prop of __getOwnPropSymbols$1a(b)) {
+        if (__propIsEnum$1a.call(b, prop))
+          __defNormalProp$1a(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
+  var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
   const SimpleRangeCalendar = (props) => {
     const { locale } = i18n.useLocale();
-    const state = calendar$1.useRangeCalendarState(__spreadProps$g(__spreadValues$1b({}, props), {
+    const state = calendar$1.useRangeCalendarState(__spreadProps$f(__spreadValues$1a({}, props), {
       visibleDuration: { months: 1 },
       locale,
       createCalendar: () => new date.GregorianCalendar()
@@ -4563,7 +4629,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$f(__spreadValues$1a({}, calendarProps), { ref, __css: rangeCalendarContainer }), /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.Flex, { gap: 4 }, /* @__PURE__ */ React.createElement(
       QuickSelect,
       {
         state,
@@ -4574,30 +4640,30 @@
         fiscalStartDay,
         height: "72"
       }
-    ), /* @__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")))))));
+    ), /* @__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")))))));
   };
 
   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$1a = 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 __defProp$19 = 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) => {
     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$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 __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+  var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
   const parseValue = (value) => {
     if (!isValidDateRange(value))
       return null;
@@ -4632,7 +4698,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$f(__spreadValues$1a(__spreadValues$1a({}, props), parsedProps), {
+    const state = datepicker$1.useDateRangePickerState(__spreadProps$e(__spreadValues$19(__spreadValues$19({}, props), parsedProps), {
       shouldCloseOnSelect: false,
       hideTimeZone: true
     }));
@@ -4644,7 +4710,7 @@
       dialogProps,
       calendarProps
     } = datepicker.useDateRangePicker(
-      __spreadProps$f(__spreadValues$1a(__spreadValues$1a({}, props), parsedProps), {
+      __spreadProps$e(__spreadValues$19(__spreadValues$19({}, props), parsedProps), {
         minValue: parsedProps.minValue || date.parseDate("1994-03-08")
       }),
       state,
@@ -4661,7 +4727,7 @@
         onClose: handleClose,
         placement: "bottom-start"
       },
-      /* @__PURE__ */ React.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React.createElement(react.HStack, null, /* @__PURE__ */ React.createElement(react.InputGroup, __spreadProps$f(__spreadValues$1a({}, 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$19({}, groupProps), { ref, __css: group }), /* @__PURE__ */ React.createElement(StyledField, { isDisabled, isInvalid, variant }, /* @__PURE__ */ React.createElement(
         react.HStack,
         {
           paddingInlineStart: "1a",
@@ -4669,20 +4735,20 @@
         },
         /* @__PURE__ */ React.createElement(
           DateField,
-          __spreadProps$f(__spreadValues$1a({}, startFieldProps), {
+          __spreadProps$e(__spreadValues$19({}, startFieldProps), {
             dateFormat
           })
         ),
         /* @__PURE__ */ React.createElement(P$1, null, "-"),
         /* @__PURE__ */ React.createElement(
           DateField,
-          __spreadProps$f(__spreadValues$1a({}, endFieldProps), {
+          __spreadProps$e(__spreadValues$19({}, endFieldProps), {
             dateFormat
           })
         )
       )), /* @__PURE__ */ React.createElement(react.InputRightElement, { sx: { height: "100%", paddingRight: "1" } }, /* @__PURE__ */ React.createElement(
         Trigger,
-        __spreadProps$f(__spreadValues$1a({}, buttonProps), {
+        __spreadProps$e(__spreadValues$19({}, buttonProps), {
           isDisabled,
           handleClick: togglePopup
         })
@@ -4699,9 +4765,9 @@
           icon: /* @__PURE__ */ React.createElement(Icon$1, { as: icons.XCloseSolid })
         }
       ))),
-      state.isOpen && /* @__PURE__ */ React.createElement(react.PopoverContent, __spreadProps$f(__spreadValues$1a({}, 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$19({}, dialogProps), { ref, w: "max-content" }), /* @__PURE__ */ React.createElement(focus.FocusScope, { contain: true, restoreFocus: true }, mode === "simple" && /* @__PURE__ */ React.createElement(
         SimpleRangeCalendar,
-        __spreadProps$f(__spreadValues$1a({}, calendarProps), {
+        __spreadProps$e(__spreadValues$19({}, calendarProps), {
           resetDate,
           handleClose,
           fiscalStartMonth: fiscalStartMonth || 0,
@@ -4710,7 +4776,7 @@
         })
       ), mode === "advanced" && /* @__PURE__ */ React.createElement(
         RangeCalendar,
-        __spreadProps$f(__spreadValues$1a({}, calendarProps), {
+        __spreadProps$e(__spreadValues$19({}, calendarProps), {
           resetDate,
           handleClose,
           fiscalStartMonth: fiscalStartMonth || 0,
@@ -4721,30 +4787,30 @@
     );
   };
 
-  var __defProp$19 = Object.defineProperty;
-  var __getOwnPropSymbols$19 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$19 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$19 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$19 = (obj, key, value) => key in obj ? __defProp$19(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$19 = (a, b) => {
+  var __defProp$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$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$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$T = (source, exclude) => {
+  var __objRest$S = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$19.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$19)
-      for (var prop of __getOwnPropSymbols$19(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$19.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;
@@ -4754,39 +4820,39 @@
       inputLeftElement,
       inputRightElement,
       children
-    } = _b, rest = __objRest$T(_b, [
+    } = _b, rest = __objRest$S(_b, [
       "inputLeftElement",
       "inputRightElement",
       "children"
     ]);
     const containsInputGroupElement = ramda.not(ramda.all(ramda.isNil, [inputLeftElement, inputRightElement]));
-    return containsInputGroupElement ? /* @__PURE__ */ React.createElement(react.InputGroup, __spreadValues$19({}, rest), inputLeftElement, children, inputRightElement) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return containsInputGroupElement ? /* @__PURE__ */ React.createElement(react.InputGroup, __spreadValues$18({}, rest), inputLeftElement, children, inputRightElement) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
   };
 
-  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$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$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$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$S = (source, exclude) => {
+  var __objRest$R = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$18.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$18)
-      for (var prop of __getOwnPropSymbols$18(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$18.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;
@@ -4804,7 +4870,7 @@
       onChange: onChangeCallback = ramda.identity,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$S(_b, [
+    } = _b, rest = __objRest$R(_b, [
       "name",
       "minValue",
       "maxValue",
@@ -4848,7 +4914,7 @@
         },
         /* @__PURE__ */ React.createElement(
           DatePicker$1,
-          __spreadValues$18({
+          __spreadValues$17({
             firstDayOfWeek,
             "aria-label": label,
             isInvalid: !!errors[name],
@@ -4864,30 +4930,30 @@
     );
   });
 
-  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$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$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$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$R = (source, exclude) => {
+  var __objRest$Q = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$17.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$16.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$16)
+      for (var prop of __getOwnPropSymbols$16(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$16.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -4904,7 +4970,7 @@
       firstDayOfWeek = "monday",
       onChange: onChangeCallback = ramda.identity,
       isClearable = true
-    } = _b, rest = __objRest$R(_b, [
+    } = _b, rest = __objRest$Q(_b, [
       "name",
       "minValue",
       "maxValue",
@@ -4941,7 +5007,7 @@
       },
       ({ value, onChange }, { formState: { errors } }) => /* @__PURE__ */ React.createElement(
         DateRangePicker,
-        __spreadValues$17({
+        __spreadValues$16({
           firstDayOfWeek,
           "aria-label": label,
           isInvalid: !!errors[name],
@@ -4957,33 +5023,33 @@
     );
   });
 
-  var __defProp$16 = Object.defineProperty;
-  var __defProps$e = Object.defineProperties;
-  var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
-  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$15 = Object.defineProperty;
+  var __defProps$d = Object.defineProperties;
+  var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$15 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$15 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$15 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$15 = (obj, key, value) => key in obj ? __defProp$15(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$15 = (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$15.call(b, prop))
+        __defNormalProp$15(a, prop, b[prop]);
+    if (__getOwnPropSymbols$15)
+      for (var prop of __getOwnPropSymbols$15(b)) {
+        if (__propIsEnum$15.call(b, prop))
+          __defNormalProp$15(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
-  var __objRest$Q = (source, exclude) => {
+  var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+  var __objRest$P = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$16.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$15.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$15)
+      for (var prop of __getOwnPropSymbols$15(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$15.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -4999,7 +5065,7 @@
       size = "sm",
       onClose,
       autoFocus = true
-    } = _b, rest = __objRest$Q(_b, [
+    } = _b, rest = __objRest$P(_b, [
       "isResizable",
       "isOpen",
       "children",
@@ -5038,8 +5104,8 @@
       },
       /* @__PURE__ */ React.createElement(
         react.Flex,
-        __spreadValues$16({
-          sx: __spreadProps$e(__spreadValues$16({}, container), { w: adjustableWidth }),
+        __spreadValues$15({
+          sx: __spreadProps$d(__spreadValues$15({}, container), { w: adjustableWidth }),
           onKeyDown: handleKeyDown,
           position: "relative",
           overflow: "hidden"
@@ -5078,54 +5144,6 @@
     )));
   };
 
-  var __defProp$15 = Object.defineProperty;
-  var __getOwnPropSymbols$15 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$15 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$15 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$15 = (obj, key, value) => key in obj ? __defProp$15(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$15 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$15.call(b, prop))
-        __defNormalProp$15(a, prop, b[prop]);
-    if (__getOwnPropSymbols$15)
-      for (var prop of __getOwnPropSymbols$15(b)) {
-        if (__propIsEnum$15.call(b, prop))
-          __defNormalProp$15(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __objRest$P = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$15.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$15)
-      for (var prop of __getOwnPropSymbols$15(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$15.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
-  const ToolboxHeader = (_a) => {
-    var _b = _a, {
-      children,
-      onClose
-    } = _b, rest = __objRest$P(_b, [
-      "children",
-      "onClose"
-    ]);
-    const { header } = system.useMultiStyleConfig("Toolbox", {});
-    return /* @__PURE__ */ React.createElement(react.Flex, __spreadValues$15({ sx: header }, rest), typeof children === "string" ? /* @__PURE__ */ React.createElement(H3$1, null, children) : children, /* @__PURE__ */ React.createElement(
-      react.CloseButton,
-      {
-        "aria-label": "Close toolbox",
-        position: "fixed",
-        right: 4,
-        onClick: onClose
-      }
-    ));
-  };
-
   var __defProp$14 = Object.defineProperty;
   var __getOwnPropSymbols$14 = Object.getOwnPropertySymbols;
   var __hasOwnProp$14 = Object.prototype.hasOwnProperty;
@@ -5154,16 +5172,24 @@
       }
     return target;
   };
-  const ToolboxContent = (_a) => {
-    var _b = _a, { children } = _b, rest = __objRest$O(_b, ["children"]);
-    const { body } = system.useMultiStyleConfig("Toolbox", {});
-    return /* @__PURE__ */ React.createElement(
-      react.Flex,
-      __spreadValues$14({
-        sx: body
-      }, rest),
-      children
-    );
+  const ToolboxHeader = (_a) => {
+    var _b = _a, {
+      children,
+      onClose
+    } = _b, rest = __objRest$O(_b, [
+      "children",
+      "onClose"
+    ]);
+    const { header } = system.useMultiStyleConfig("Toolbox", {});
+    return /* @__PURE__ */ React.createElement(react.Flex, __spreadValues$14({ sx: header }, rest), typeof children === "string" ? /* @__PURE__ */ React.createElement(H3$1, null, children) : children, /* @__PURE__ */ React.createElement(
+      react.CloseButton,
+      {
+        "aria-label": "Close toolbox",
+        position: "fixed",
+        right: 4,
+        onClick: onClose
+      }
+    ));
   };
 
   var __defProp$13 = Object.defineProperty;
@@ -5194,10 +5220,16 @@
       }
     return target;
   };
-  const ToolboxFooter = (_a) => {
+  const ToolboxContent = (_a) => {
     var _b = _a, { children } = _b, rest = __objRest$N(_b, ["children"]);
-    const { footer } = system.useMultiStyleConfig("Toolbox", {});
-    return /* @__PURE__ */ React.createElement(react.Flex, __spreadValues$13({ sx: footer }, rest), children);
+    const { body } = system.useMultiStyleConfig("Toolbox", {});
+    return /* @__PURE__ */ React.createElement(
+      react.Flex,
+      __spreadValues$13({
+        sx: body
+      }, rest),
+      children
+    );
   };
 
   var __defProp$12 = Object.defineProperty;
@@ -5228,27 +5260,10 @@
       }
     return target;
   };
-  const Radio$1 = (_a) => {
-    var _b = _a, {
-      size = "md",
-      onChange,
-      name,
-      value
-    } = _b, rest = __objRest$M(_b, [
-      "size",
-      "onChange",
-      "name",
-      "value"
-    ]);
-    return /* @__PURE__ */ React.createElement(
-      react.Radio,
-      __spreadValues$12({
-        size,
-        id: name,
-        onChange,
-        value
-      }, rest)
-    );
+  const ToolboxFooter = (_a) => {
+    var _b = _a, { children } = _b, rest = __objRest$M(_b, ["children"]);
+    const { footer } = system.useMultiStyleConfig("Toolbox", {});
+    return /* @__PURE__ */ React.createElement(react.Flex, __spreadValues$12({ sx: footer }, rest), children);
   };
 
   var __defProp$11 = Object.defineProperty;
@@ -5279,17 +5294,27 @@
       }
     return target;
   };
-  const RadioGroup = (_a) => {
+  const Radio$1 = (_a) => {
     var _b = _a, {
-      direction = "row",
-      children,
-      name
+      size = "md",
+      onChange,
+      name,
+      value
     } = _b, rest = __objRest$L(_b, [
-      "direction",
-      "children",
-      "name"
+      "size",
+      "onChange",
+      "name",
+      "value"
     ]);
-    return /* @__PURE__ */ React.createElement(react.RadioGroup, __spreadValues$11({ name, id: name }, rest), /* @__PURE__ */ React.createElement(react.Stack, { direction }, children));
+    return /* @__PURE__ */ React.createElement(
+      react.Radio,
+      __spreadValues$11({
+        size,
+        id: name,
+        onChange,
+        value
+      }, rest)
+    );
   };
 
   var __defProp$10 = Object.defineProperty;
@@ -5320,6 +5345,47 @@
       }
     return target;
   };
+  const RadioGroup = (_a) => {
+    var _b = _a, {
+      direction = "row",
+      children,
+      name
+    } = _b, rest = __objRest$K(_b, [
+      "direction",
+      "children",
+      "name"
+    ]);
+    return /* @__PURE__ */ React.createElement(react.RadioGroup, __spreadValues$10({ name, id: name }, rest), /* @__PURE__ */ React.createElement(react.Stack, { direction }, children));
+  };
+
+  var __defProp$$ = Object.defineProperty;
+  var __getOwnPropSymbols$$ = Object.getOwnPropertySymbols;
+  var __hasOwnProp$$ = Object.prototype.hasOwnProperty;
+  var __propIsEnum$$ = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$$ = (obj, key, value) => key in obj ? __defProp$$(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$$ = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$$.call(b, prop))
+        __defNormalProp$$(a, prop, b[prop]);
+    if (__getOwnPropSymbols$$)
+      for (var prop of __getOwnPropSymbols$$(b)) {
+        if (__propIsEnum$$.call(b, prop))
+          __defNormalProp$$(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __objRest$J = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$$.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$$)
+      for (var prop of __getOwnPropSymbols$$(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$$.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
   const RadioGroupField = React.forwardRef((_a, ref) => {
     var _b = _a, {
       name,
@@ -5329,7 +5395,7 @@
       isRequired,
       validate,
       onChange: onChangeCallback = ramda.identity
-    } = _b, rest = __objRest$K(_b, [
+    } = _b, rest = __objRest$J(_b, [
       "name",
       "label",
       "children",
@@ -5350,7 +5416,7 @@
       },
       ({ onChange, value }) => /* @__PURE__ */ React.createElement(
         RadioGroup,
-        __spreadValues$10({
+        __spreadValues$$({
           name,
           onChange: (e) => {
             onChange(e);
@@ -5379,30 +5445,30 @@
     itemHeight = carouselItemWidth
   }) => /* @__PURE__ */ React.createElement(framerMotion.motion.div, { animate: isActive ? "active" : "inActive", variants }, /* @__PURE__ */ React.createElement(react.Center, { minW: `${itemWidth}px`, h: `${itemHeight}px ` }, children));
 
-  var __defProp$$ = Object.defineProperty;
-  var __getOwnPropSymbols$$ = Object.getOwnPropertySymbols;
-  var __hasOwnProp$$ = Object.prototype.hasOwnProperty;
-  var __propIsEnum$$ = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$$ = (obj, key, value) => key in obj ? __defProp$$(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$$ = (a, b) => {
+  var __defProp$_ = Object.defineProperty;
+  var __getOwnPropSymbols$_ = Object.getOwnPropertySymbols;
+  var __hasOwnProp$_ = Object.prototype.hasOwnProperty;
+  var __propIsEnum$_ = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$_ = (obj, key, value) => key in obj ? __defProp$_(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$_ = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$$.call(b, prop))
-        __defNormalProp$$(a, prop, b[prop]);
-    if (__getOwnPropSymbols$$)
-      for (var prop of __getOwnPropSymbols$$(b)) {
-        if (__propIsEnum$$.call(b, prop))
-          __defNormalProp$$(a, prop, b[prop]);
+      if (__hasOwnProp$_.call(b, prop))
+        __defNormalProp$_(a, prop, b[prop]);
+    if (__getOwnPropSymbols$_)
+      for (var prop of __getOwnPropSymbols$_(b)) {
+        if (__propIsEnum$_.call(b, prop))
+          __defNormalProp$_(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$J = (source, exclude) => {
+  var __objRest$I = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$$.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$_.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$$)
-      for (var prop of __getOwnPropSymbols$$(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$$.call(source, prop))
+    if (source != null && __getOwnPropSymbols$_)
+      for (var prop of __getOwnPropSymbols$_(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$_.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -5411,14 +5477,14 @@
     var _b = _a, {
       onClick,
       direction
-    } = _b, rest = __objRest$J(_b, [
+    } = _b, rest = __objRest$I(_b, [
       "onClick",
       "direction"
     ]);
     const { arrow } = react.useMultiStyleConfig("Carousel", {});
     return /* @__PURE__ */ React.createElement(
       react.Center,
-      __spreadValues$$({
+      __spreadValues$_({
         sx: arrow,
         onClick
       }, rest),
@@ -5426,30 +5492,30 @@
     );
   };
 
-  var __defProp$_ = Object.defineProperty;
-  var __getOwnPropSymbols$_ = Object.getOwnPropertySymbols;
-  var __hasOwnProp$_ = Object.prototype.hasOwnProperty;
-  var __propIsEnum$_ = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$_ = (obj, key, value) => key in obj ? __defProp$_(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$_ = (a, b) => {
+  var __defProp$Z = Object.defineProperty;
+  var __getOwnPropSymbols$Z = Object.getOwnPropertySymbols;
+  var __hasOwnProp$Z = Object.prototype.hasOwnProperty;
+  var __propIsEnum$Z = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$Z = (obj, key, value) => key in obj ? __defProp$Z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$Z = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$_.call(b, prop))
-        __defNormalProp$_(a, prop, b[prop]);
-    if (__getOwnPropSymbols$_)
-      for (var prop of __getOwnPropSymbols$_(b)) {
-        if (__propIsEnum$_.call(b, prop))
-          __defNormalProp$_(a, prop, b[prop]);
+      if (__hasOwnProp$Z.call(b, prop))
+        __defNormalProp$Z(a, prop, b[prop]);
+    if (__getOwnPropSymbols$Z)
+      for (var prop of __getOwnPropSymbols$Z(b)) {
+        if (__propIsEnum$Z.call(b, prop))
+          __defNormalProp$Z(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$I = (source, exclude) => {
+  var __objRest$H = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$_.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$Z.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$_)
-      for (var prop of __getOwnPropSymbols$_(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$_.call(source, prop))
+    if (source != null && __getOwnPropSymbols$Z)
+      for (var prop of __getOwnPropSymbols$Z(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$Z.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -5465,7 +5531,7 @@
       itemHeight = carouselItemWidth,
       spacing = carouselItemSpacing,
       carouselStyles = {}
-    } = _b, rest = __objRest$I(_b, [
+    } = _b, rest = __objRest$H(_b, [
       "children",
       "showArrows",
       "showRadio",
@@ -5512,7 +5578,7 @@
     };
     return /* @__PURE__ */ React.createElement(
       react.Box,
-      __spreadValues$_({
+      __spreadValues$Z({
         cursor: dragging ? "grabbing" : "grab",
         onMouseDown: () => setDragging(true),
         onMouseUp: () => setDragging(false),
@@ -5534,7 +5600,7 @@
         },
         /* @__PURE__ */ React.createElement(
           react.HStack,
-          __spreadValues$_({
+          __spreadValues$Z({
             spacing: `${spacing}px`,
             width: `${totalWidth}px`,
             h: "full"
@@ -5585,127 +5651,127 @@
     );
   };
 
-  var __defProp$Z = Object.defineProperty;
-  var __defProps$d = Object.defineProperties;
-  var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$Z = Object.getOwnPropertySymbols;
-  var __hasOwnProp$Z = Object.prototype.hasOwnProperty;
-  var __propIsEnum$Z = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$Z = (obj, key, value) => key in obj ? __defProp$Z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$Z = (a, b) => {
+  var __defProp$Y = Object.defineProperty;
+  var __defProps$c = Object.defineProperties;
+  var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$Y = Object.getOwnPropertySymbols;
+  var __hasOwnProp$Y = Object.prototype.hasOwnProperty;
+  var __propIsEnum$Y = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$Y = (obj, key, value) => key in obj ? __defProp$Y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$Y = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$Z.call(b, prop))
-        __defNormalProp$Z(a, prop, b[prop]);
-    if (__getOwnPropSymbols$Z)
-      for (var prop of __getOwnPropSymbols$Z(b)) {
-        if (__propIsEnum$Z.call(b, prop))
-          __defNormalProp$Z(a, prop, b[prop]);
+      if (__hasOwnProp$Y.call(b, prop))
+        __defNormalProp$Y(a, prop, b[prop]);
+    if (__getOwnPropSymbols$Y)
+      for (var prop of __getOwnPropSymbols$Y(b)) {
+        if (__propIsEnum$Y.call(b, prop))
+          __defNormalProp$Y(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+  var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
   const searchBarStyles = (sx) => ramda.merge({
-    container: (provided) => __spreadProps$d(__spreadValues$Z({}, provided), {
+    container: (provided) => __spreadProps$c(__spreadValues$Y({}, provided), {
       width: "100%",
       color: "text.default",
       alignSelf: "center"
     }),
-    option: (provided, state) => __spreadProps$d(__spreadValues$Z({}, provided), {
+    option: (provided, state) => __spreadProps$c(__spreadValues$Y({}, provided), {
       background: state.isFocused && "background.select.option-focus",
       _active: {
         background: "background.select.option-active"
       }
     }),
-    valueContainer: (provided) => __spreadProps$d(__spreadValues$Z({}, provided), {
+    valueContainer: (provided) => __spreadProps$c(__spreadValues$Y({}, provided), {
       paddingInlineStart: "padding-inline.select.default"
     }),
-    downChevron: (provided) => __spreadProps$d(__spreadValues$Z({}, provided), {
+    downChevron: (provided) => __spreadProps$c(__spreadValues$Y({}, provided), {
       color: "icon.select.default"
     }),
-    placeholder: (provided) => __spreadProps$d(__spreadValues$Z({}, provided), {
+    placeholder: (provided) => __spreadProps$c(__spreadValues$Y({}, 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 __spreadValues$Z(__spreadProps$d(__spreadValues$Z({}, provided), {
+      return __spreadValues$Y(__spreadProps$c(__spreadValues$Y({}, provided), {
         bgColor: background,
         color: getContrastColor(background)
       }), sx.multiValue);
     },
-    menuList: (provided) => __spreadProps$d(__spreadValues$Z({}, provided), {
+    menuList: (provided) => __spreadProps$c(__spreadValues$Y({}, provided), {
       bgColor: "background.default"
     })
   }, sx);
 
-  var __defProp$Y = Object.defineProperty;
-  var __getOwnPropSymbols$Y = Object.getOwnPropertySymbols;
-  var __hasOwnProp$Y = Object.prototype.hasOwnProperty;
-  var __propIsEnum$Y = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$Y = (obj, key, value) => key in obj ? __defProp$Y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$Y = (a, b) => {
+  var __defProp$X = Object.defineProperty;
+  var __getOwnPropSymbols$X = Object.getOwnPropertySymbols;
+  var __hasOwnProp$X = Object.prototype.hasOwnProperty;
+  var __propIsEnum$X = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$X = (obj, key, value) => key in obj ? __defProp$X(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$X = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$Y.call(b, prop))
-        __defNormalProp$Y(a, prop, b[prop]);
-    if (__getOwnPropSymbols$Y)
-      for (var prop of __getOwnPropSymbols$Y(b)) {
-        if (__propIsEnum$Y.call(b, prop))
-          __defNormalProp$Y(a, prop, b[prop]);
+      if (__hasOwnProp$X.call(b, prop))
+        __defNormalProp$X(a, prop, b[prop]);
+    if (__getOwnPropSymbols$X)
+      for (var prop of __getOwnPropSymbols$X(b)) {
+        if (__propIsEnum$X.call(b, prop))
+          __defNormalProp$X(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$H = (source, exclude) => {
+  var __objRest$G = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$Y.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$X.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$Y)
-      for (var prop of __getOwnPropSymbols$Y(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$Y.call(source, prop))
+    if (source != null && __getOwnPropSymbols$X)
+      for (var prop of __getOwnPropSymbols$X(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$X.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
   };
   function getComponents() {
     return {
-      DropdownIndicator: (props) => props.selectProps.icon ? /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.DropdownIndicator, __spreadValues$Y({}, props), /* @__PURE__ */ React.createElement(Icon$1, { as: props.selectProps.icon })) : /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.DropdownIndicator, __spreadValues$Y({}, props)),
-      Option: (props) => props.selectProps.customOption ? /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Option, __spreadValues$Y({}, props), props.selectProps.customOption(props.data)) : /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Option, __spreadValues$Y({}, props)),
-      MultiValueContainer: (props) => props.selectProps.customTag ? /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.MultiValueContainer, __spreadValues$Y({}, props), props.selectProps.customTag(props.data)) : /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.MultiValueContainer, __spreadValues$Y({}, props)),
+      DropdownIndicator: (props) => props.selectProps.icon ? /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.DropdownIndicator, __spreadValues$X({}, props), /* @__PURE__ */ React.createElement(Icon$1, { as: props.selectProps.icon })) : /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.DropdownIndicator, __spreadValues$X({}, props)),
+      Option: (props) => props.selectProps.customOption ? /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Option, __spreadValues$X({}, props), props.selectProps.customOption(props.data)) : /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Option, __spreadValues$X({}, props)),
+      MultiValueContainer: (props) => props.selectProps.customTag ? /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.MultiValueContainer, __spreadValues$X({}, props), props.selectProps.customTag(props.data)) : /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.MultiValueContainer, __spreadValues$X({}, props)),
       Control: (_a) => {
         var _b = _a, {
           children
-        } = _b, props = __objRest$H(_b, [
+        } = _b, props = __objRest$G(_b, [
           "children"
         ]);
-        return props.selectProps.leftIcon ? /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Control, __spreadValues$Y({}, props), /* @__PURE__ */ React.createElement(react.HStack, { w: "full", pl: "2" }, /* @__PURE__ */ React.createElement(Icon$1, { as: props.selectProps.leftIcon }), /* @__PURE__ */ React.createElement(react.HStack, { w: "full", justify: "space-between" }, children))) : /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Control, __spreadValues$Y({}, props), children);
+        return props.selectProps.leftIcon ? /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Control, __spreadValues$X({}, props), /* @__PURE__ */ React.createElement(react.HStack, { w: "full", pl: "2" }, /* @__PURE__ */ React.createElement(Icon$1, { as: props.selectProps.leftIcon }), /* @__PURE__ */ React.createElement(react.HStack, { w: "full", justify: "space-between" }, children))) : /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Control, __spreadValues$X({}, props), children);
       }
     };
   }
 
-  var __defProp$X = Object.defineProperty;
-  var __getOwnPropSymbols$X = Object.getOwnPropertySymbols;
-  var __hasOwnProp$X = Object.prototype.hasOwnProperty;
-  var __propIsEnum$X = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$X = (obj, key, value) => key in obj ? __defProp$X(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$X = (a, b) => {
+  var __defProp$W = Object.defineProperty;
+  var __getOwnPropSymbols$W = Object.getOwnPropertySymbols;
+  var __hasOwnProp$W = Object.prototype.hasOwnProperty;
+  var __propIsEnum$W = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$W = (obj, key, value) => key in obj ? __defProp$W(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$W = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$X.call(b, prop))
-        __defNormalProp$X(a, prop, b[prop]);
-    if (__getOwnPropSymbols$X)
-      for (var prop of __getOwnPropSymbols$X(b)) {
-        if (__propIsEnum$X.call(b, prop))
-          __defNormalProp$X(a, prop, b[prop]);
+      if (__hasOwnProp$W.call(b, prop))
+        __defNormalProp$W(a, prop, b[prop]);
+    if (__getOwnPropSymbols$W)
+      for (var prop of __getOwnPropSymbols$W(b)) {
+        if (__propIsEnum$W.call(b, prop))
+          __defNormalProp$W(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$G = (source, exclude) => {
+  var __objRest$F = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$X.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$W.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$X)
-      for (var prop of __getOwnPropSymbols$X(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$X.call(source, prop))
+    if (source != null && __getOwnPropSymbols$W)
+      for (var prop of __getOwnPropSymbols$W(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$W.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -5729,7 +5795,7 @@
         value,
         onSearchInputChange = ramda.identity,
         icon = icons.SearchDuo
-      } = _b, rest = __objRest$G(_b, [
+      } = _b, rest = __objRest$F(_b, [
         "defaultOptions",
         "isMulti",
         "customOption",
@@ -5789,7 +5855,7 @@
       };
       return /* @__PURE__ */ React.createElement(react.Box, { w: "full", "data-testid": testId }, /* @__PURE__ */ React.createElement(
         chakraReactSelect.AsyncSelect,
-        __spreadValues$X({
+        __spreadValues$W({
           cacheOptions: true,
           defaultOptions: filtered,
           loadOptions,
@@ -5815,30 +5881,30 @@
     }
   );
 
-  var __defProp$W = Object.defineProperty;
-  var __getOwnPropSymbols$W = Object.getOwnPropertySymbols;
-  var __hasOwnProp$W = Object.prototype.hasOwnProperty;
-  var __propIsEnum$W = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$W = (obj, key, value) => key in obj ? __defProp$W(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$W = (a, b) => {
+  var __defProp$V = Object.defineProperty;
+  var __getOwnPropSymbols$V = Object.getOwnPropertySymbols;
+  var __hasOwnProp$V = Object.prototype.hasOwnProperty;
+  var __propIsEnum$V = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$V = (obj, key, value) => key in obj ? __defProp$V(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$V = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$W.call(b, prop))
-        __defNormalProp$W(a, prop, b[prop]);
-    if (__getOwnPropSymbols$W)
-      for (var prop of __getOwnPropSymbols$W(b)) {
-        if (__propIsEnum$W.call(b, prop))
-          __defNormalProp$W(a, prop, b[prop]);
+      if (__hasOwnProp$V.call(b, prop))
+        __defNormalProp$V(a, prop, b[prop]);
+    if (__getOwnPropSymbols$V)
+      for (var prop of __getOwnPropSymbols$V(b)) {
+        if (__propIsEnum$V.call(b, prop))
+          __defNormalProp$V(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$F = (source, exclude) => {
+  var __objRest$E = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$W.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$V.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$W)
-      for (var prop of __getOwnPropSymbols$W(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$W.call(source, prop))
+    if (source != null && __getOwnPropSymbols$V)
+      for (var prop of __getOwnPropSymbols$V(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$V.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -5855,7 +5921,7 @@
       onChange: onChangeCallback = ramda.identity,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$F(_b, [
+    } = _b, rest = __objRest$E(_b, [
       "name",
       "label",
       "direction",
@@ -5886,7 +5952,7 @@
         },
         /* @__PURE__ */ React.createElement(
           SearchBar,
-          __spreadValues$W({
+          __spreadValues$V({
             name,
             isMulti,
             onChange: (values, event) => {
@@ -5914,24 +5980,6 @@
   };
   const SearchBarField = React.forwardRef(BaseSearchBarField);
 
-  var __defProp$V = Object.defineProperty;
-  var __getOwnPropSymbols$V = Object.getOwnPropertySymbols;
-  var __hasOwnProp$V = Object.prototype.hasOwnProperty;
-  var __propIsEnum$V = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$V = (obj, key, value) => key in obj ? __defProp$V(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$V = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$V.call(b, prop))
-        __defNormalProp$V(a, prop, b[prop]);
-    if (__getOwnPropSymbols$V)
-      for (var prop of __getOwnPropSymbols$V(b)) {
-        if (__propIsEnum$V.call(b, prop))
-          __defNormalProp$V(a, prop, b[prop]);
-      }
-    return a;
-  };
-  const DragAndDrop$1 = (props) => /* @__PURE__ */ React.createElement(core.DndContext, __spreadValues$V({}, props));
-
   var __defProp$U = Object.defineProperty;
   var __getOwnPropSymbols$U = Object.getOwnPropertySymbols;
   var __hasOwnProp$U = Object.prototype.hasOwnProperty;
@@ -5948,14 +5996,32 @@
       }
     return a;
   };
-  var __objRest$E = (source, exclude) => {
+  const DragAndDrop$1 = (props) => /* @__PURE__ */ React.createElement(core.DndContext, __spreadValues$U({}, props));
+
+  var __defProp$T = Object.defineProperty;
+  var __getOwnPropSymbols$T = Object.getOwnPropertySymbols;
+  var __hasOwnProp$T = Object.prototype.hasOwnProperty;
+  var __propIsEnum$T = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$T = (obj, key, value) => key in obj ? __defProp$T(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$T = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$T.call(b, prop))
+        __defNormalProp$T(a, prop, b[prop]);
+    if (__getOwnPropSymbols$T)
+      for (var prop of __getOwnPropSymbols$T(b)) {
+        if (__propIsEnum$T.call(b, prop))
+          __defNormalProp$T(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __objRest$D = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$U.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$T.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$U)
-      for (var prop of __getOwnPropSymbols$U(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$U.call(source, prop))
+    if (source != null && __getOwnPropSymbols$T)
+      for (var prop of __getOwnPropSymbols$T(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$T.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -5966,7 +6032,7 @@
       variant = "solid",
       bgColor,
       colorScheme
-    } = _b, rest = __objRest$E(_b, [
+    } = _b, rest = __objRest$D(_b, [
       "children",
       "variant",
       "bgColor",
@@ -5974,7 +6040,7 @@
     ]);
     return /* @__PURE__ */ React.createElement(
       react.Tag,
-      __spreadValues$U({
+      __spreadValues$T({
         bgColor,
         colorScheme,
         ref,
@@ -5988,30 +6054,30 @@
     nbrRemainingTags
   }) => /* @__PURE__ */ React.createElement(Tag$1, { variant: "subtle", minW: "max-content" }, "+", nbrRemainingTags);
 
-  var __defProp$T = Object.defineProperty;
-  var __getOwnPropSymbols$T = Object.getOwnPropertySymbols;
-  var __hasOwnProp$T = Object.prototype.hasOwnProperty;
-  var __propIsEnum$T = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$T = (obj, key, value) => key in obj ? __defProp$T(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$T = (a, b) => {
+  var __defProp$S = Object.defineProperty;
+  var __getOwnPropSymbols$S = Object.getOwnPropertySymbols;
+  var __hasOwnProp$S = Object.prototype.hasOwnProperty;
+  var __propIsEnum$S = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$S = (obj, key, value) => key in obj ? __defProp$S(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$S = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$T.call(b, prop))
-        __defNormalProp$T(a, prop, b[prop]);
-    if (__getOwnPropSymbols$T)
-      for (var prop of __getOwnPropSymbols$T(b)) {
-        if (__propIsEnum$T.call(b, prop))
-          __defNormalProp$T(a, prop, b[prop]);
+      if (__hasOwnProp$S.call(b, prop))
+        __defNormalProp$S(a, prop, b[prop]);
+    if (__getOwnPropSymbols$S)
+      for (var prop of __getOwnPropSymbols$S(b)) {
+        if (__propIsEnum$S.call(b, prop))
+          __defNormalProp$S(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$D = (source, exclude) => {
+  var __objRest$C = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$T.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$S.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$T)
-      for (var prop of __getOwnPropSymbols$T(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$T.call(source, prop))
+    if (source != null && __getOwnPropSymbols$S)
+      for (var prop of __getOwnPropSymbols$S(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$S.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -6022,7 +6088,7 @@
       max = Infinity,
       spacing = "2",
       OverflowIndicator: OverflowIndicator$1 = OverflowIndicator
-    } = _b, rest = __objRest$D(_b, [
+    } = _b, rest = __objRest$C(_b, [
       "children",
       "max",
       "spacing",
@@ -6032,7 +6098,7 @@
     const { rect, containerRef } = useOverflowGroup();
     return /* @__PURE__ */ React.createElement(
       react.HStack,
-      __spreadValues$T({
+      __spreadValues$S({
         bgColor: "background.default",
         ref: containerRef,
         overflow: "hidden"
@@ -6042,30 +6108,30 @@
     );
   };
 
-  var __defProp$S = Object.defineProperty;
-  var __getOwnPropSymbols$S = Object.getOwnPropertySymbols;
-  var __hasOwnProp$S = Object.prototype.hasOwnProperty;
-  var __propIsEnum$S = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$S = (obj, key, value) => key in obj ? __defProp$S(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$S = (a, b) => {
+  var __defProp$R = Object.defineProperty;
+  var __getOwnPropSymbols$R = Object.getOwnPropertySymbols;
+  var __hasOwnProp$R = Object.prototype.hasOwnProperty;
+  var __propIsEnum$R = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$R = (obj, key, value) => key in obj ? __defProp$R(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$R = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$S.call(b, prop))
-        __defNormalProp$S(a, prop, b[prop]);
-    if (__getOwnPropSymbols$S)
-      for (var prop of __getOwnPropSymbols$S(b)) {
-        if (__propIsEnum$S.call(b, prop))
-          __defNormalProp$S(a, prop, b[prop]);
+      if (__hasOwnProp$R.call(b, prop))
+        __defNormalProp$R(a, prop, b[prop]);
+    if (__getOwnPropSymbols$R)
+      for (var prop of __getOwnPropSymbols$R(b)) {
+        if (__propIsEnum$R.call(b, prop))
+          __defNormalProp$R(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$C = (source, exclude) => {
+  var __objRest$B = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$S.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$R.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$S)
-      for (var prop of __getOwnPropSymbols$S(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$S.call(source, prop))
+    if (source != null && __getOwnPropSymbols$R)
+      for (var prop of __getOwnPropSymbols$R(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$R.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -6077,7 +6143,7 @@
         isDragging,
         itemLabel = "Drag Me",
         bgColor
-      } = _b, rest = __objRest$C(_b, [
+      } = _b, rest = __objRest$B(_b, [
         "size",
         "isDragging",
         "itemLabel",
@@ -6085,7 +6151,7 @@
       ]);
       return /* @__PURE__ */ React.createElement(
         Tag$1,
-        __spreadValues$S({
+        __spreadValues$R({
           ref,
           cursor: isDragging ? "grabbing" : "grab",
           bgColor: bgColor || (isDragging ? "blue.200" : void 0),
@@ -6098,33 +6164,33 @@
     }
   );
 
-  var __defProp$R = Object.defineProperty;
-  var __defProps$c = Object.defineProperties;
-  var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$R = Object.getOwnPropertySymbols;
-  var __hasOwnProp$R = Object.prototype.hasOwnProperty;
-  var __propIsEnum$R = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$R = (obj, key, value) => key in obj ? __defProp$R(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$R = (a, b) => {
+  var __defProp$Q = Object.defineProperty;
+  var __defProps$b = Object.defineProperties;
+  var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$Q = Object.getOwnPropertySymbols;
+  var __hasOwnProp$Q = Object.prototype.hasOwnProperty;
+  var __propIsEnum$Q = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$Q = (obj, key, value) => key in obj ? __defProp$Q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$Q = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$R.call(b, prop))
-        __defNormalProp$R(a, prop, b[prop]);
-    if (__getOwnPropSymbols$R)
-      for (var prop of __getOwnPropSymbols$R(b)) {
-        if (__propIsEnum$R.call(b, prop))
-          __defNormalProp$R(a, prop, b[prop]);
+      if (__hasOwnProp$Q.call(b, prop))
+        __defNormalProp$Q(a, prop, b[prop]);
+    if (__getOwnPropSymbols$Q)
+      for (var prop of __getOwnPropSymbols$Q(b)) {
+        if (__propIsEnum$Q.call(b, prop))
+          __defNormalProp$Q(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
-  var __objRest$B = (source, exclude) => {
+  var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+  var __objRest$A = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$R.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$Q.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$R)
-      for (var prop of __getOwnPropSymbols$R(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$R.call(source, prop))
+    if (source != null && __getOwnPropSymbols$Q)
+      for (var prop of __getOwnPropSymbols$Q(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$Q.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -6134,18 +6200,18 @@
       itemLabel,
       children,
       disableDrag = false
-    } = _b, rest = __objRest$B(_b, [
+    } = _b, rest = __objRest$A(_b, [
       "itemLabel",
       "children",
       "disableDrag"
     ]);
-    const _a2 = core.useDraggable(__spreadValues$R({}, rest)), {
+    const _a2 = core.useDraggable(__spreadValues$Q({}, rest)), {
       attributes,
       listeners,
       setNodeRef,
       transform,
       isDragging
-    } = _a2, props = __objRest$B(_a2, [
+    } = _a2, props = __objRest$A(_a2, [
       "attributes",
       "listeners",
       "setNodeRef",
@@ -6157,54 +6223,20 @@
     }
     const childrenWithDragCursor = React.isValidElement(children) ? React.cloneElement(children, {
       cursor: isDragging ? "grabbing" : "grab"
-    }) : children;
-    const dragEventListeners = !disableDrag && listeners;
-    return /* @__PURE__ */ React.createElement(
-      react.Box,
-      __spreadValues$R(__spreadProps$c(__spreadValues$R({
-        ref: setNodeRef
-      }, attributes), {
-        transform: utilities.CSS.Translate.toString(transform),
-        _focusVisible: ring,
-        tabIndex: disableDrag ? -1 : 0,
-        w: "max-content"
-      }), dragEventListeners),
-      typeof childrenWithDragCursor === "function" ? childrenWithDragCursor(listeners, props) : childrenWithDragCursor || /* @__PURE__ */ React.createElement(DragItem, { isDragging, itemLabel })
-    );
-  };
-
-  var __defProp$Q = Object.defineProperty;
-  var __getOwnPropSymbols$Q = Object.getOwnPropertySymbols;
-  var __hasOwnProp$Q = Object.prototype.hasOwnProperty;
-  var __propIsEnum$Q = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$Q = (obj, key, value) => key in obj ? __defProp$Q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$Q = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$Q.call(b, prop))
-        __defNormalProp$Q(a, prop, b[prop]);
-    if (__getOwnPropSymbols$Q)
-      for (var prop of __getOwnPropSymbols$Q(b)) {
-        if (__propIsEnum$Q.call(b, prop))
-          __defNormalProp$Q(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __objRest$A = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$Q.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$Q)
-      for (var prop of __getOwnPropSymbols$Q(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$Q.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
-  const Droppable = (_a) => {
-    var _b = _a, { children } = _b, rest = __objRest$A(_b, ["children"]);
-    const _a2 = core.useDroppable(__spreadValues$Q({}, rest)), { setNodeRef } = _a2, props = __objRest$A(_a2, ["setNodeRef"]);
-    return /* @__PURE__ */ React.createElement(react.Box, { ref: setNodeRef }, typeof children === "function" ? children(props) : children || /* @__PURE__ */ React.createElement(react.Center, null, "Drop here"));
+    }) : children;
+    const dragEventListeners = !disableDrag && listeners;
+    return /* @__PURE__ */ React.createElement(
+      react.Box,
+      __spreadValues$Q(__spreadProps$b(__spreadValues$Q({
+        ref: setNodeRef
+      }, attributes), {
+        transform: utilities.CSS.Translate.toString(transform),
+        _focusVisible: ring,
+        tabIndex: disableDrag ? -1 : 0,
+        w: "max-content"
+      }), dragEventListeners),
+      typeof childrenWithDragCursor === "function" ? childrenWithDragCursor(listeners, props) : childrenWithDragCursor || /* @__PURE__ */ React.createElement(DragItem, { isDragging, itemLabel })
+    );
   };
 
   var __defProp$P = Object.defineProperty;
@@ -6223,11 +6255,25 @@
       }
     return a;
   };
-  const Sortable = (props) => /* @__PURE__ */ React.createElement(sortable.SortableContext, __spreadValues$P({}, props));
+  var __objRest$z = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$P.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$P)
+      for (var prop of __getOwnPropSymbols$P(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$P.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  const Droppable = (_a) => {
+    var _b = _a, { children } = _b, rest = __objRest$z(_b, ["children"]);
+    const _a2 = core.useDroppable(__spreadValues$P({}, rest)), { setNodeRef } = _a2, props = __objRest$z(_a2, ["setNodeRef"]);
+    return /* @__PURE__ */ React.createElement(react.Box, { ref: setNodeRef }, typeof children === "function" ? children(props) : children || /* @__PURE__ */ React.createElement(react.Center, null, "Drop here"));
+  };
 
   var __defProp$O = Object.defineProperty;
-  var __defProps$b = Object.defineProperties;
-  var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$O = Object.getOwnPropertySymbols;
   var __hasOwnProp$O = Object.prototype.hasOwnProperty;
   var __propIsEnum$O = Object.prototype.propertyIsEnumerable;
@@ -6243,15 +6289,35 @@
       }
     return a;
   };
-  var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
-  var __objRest$z = (source, exclude) => {
+  const Sortable = (props) => /* @__PURE__ */ React.createElement(sortable.SortableContext, __spreadValues$O({}, props));
+
+  var __defProp$N = Object.defineProperty;
+  var __defProps$a = Object.defineProperties;
+  var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$N = Object.getOwnPropertySymbols;
+  var __hasOwnProp$N = Object.prototype.hasOwnProperty;
+  var __propIsEnum$N = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$N = (obj, key, value) => key in obj ? __defProp$N(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$N = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$N.call(b, prop))
+        __defNormalProp$N(a, prop, b[prop]);
+    if (__getOwnPropSymbols$N)
+      for (var prop of __getOwnPropSymbols$N(b)) {
+        if (__propIsEnum$N.call(b, prop))
+          __defNormalProp$N(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+  var __objRest$y = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$O.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$N.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$O)
-      for (var prop of __getOwnPropSymbols$O(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$O.call(source, prop))
+    if (source != null && __getOwnPropSymbols$N)
+      for (var prop of __getOwnPropSymbols$N(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$N.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -6262,20 +6328,20 @@
       dblClickThreshold = 300,
       children,
       disableDrag = false
-    } = _b, rest = __objRest$z(_b, [
+    } = _b, rest = __objRest$y(_b, [
       "itemLabel",
       "dblClickThreshold",
       "children",
       "disableDrag"
     ]);
-    const _a2 = sortable.useSortable(__spreadValues$O({}, rest)), {
+    const _a2 = sortable.useSortable(__spreadValues$N({}, rest)), {
       attributes,
       listeners,
       setNodeRef,
       transform,
       transition,
       isDragging
-    } = _a2, props = __objRest$z(_a2, [
+    } = _a2, props = __objRest$y(_a2, [
       "attributes",
       "listeners",
       "setNodeRef",
@@ -6317,7 +6383,7 @@
     };
     return /* @__PURE__ */ React.createElement(
       react.Box,
-      __spreadValues$O(__spreadProps$b(__spreadValues$O({
+      __spreadValues$N(__spreadProps$a(__spreadValues$N({
         ref: setNodeRef,
         sx: style
       }, attributes), {
@@ -6329,45 +6395,6 @@
     );
   };
 
-  var __defProp$N = Object.defineProperty;
-  var __getOwnPropSymbols$N = Object.getOwnPropertySymbols;
-  var __hasOwnProp$N = Object.prototype.hasOwnProperty;
-  var __propIsEnum$N = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$N = (obj, key, value) => key in obj ? __defProp$N(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$N = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$N.call(b, prop))
-        __defNormalProp$N(a, prop, b[prop]);
-    if (__getOwnPropSymbols$N)
-      for (var prop of __getOwnPropSymbols$N(b)) {
-        if (__propIsEnum$N.call(b, prop))
-          __defNormalProp$N(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __objRest$y = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$N.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$N)
-      for (var prop of __getOwnPropSymbols$N(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$N.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
-  const DragHandle = (_a) => {
-    var _b = _a, { icon, isDragging } = _b, rest = __objRest$y(_b, ["icon", "isDragging"]);
-    return /* @__PURE__ */ React.createElement(
-      Icon$1,
-      __spreadValues$N({
-        as: icon || icons.DragDuo,
-        cursor: isDragging ? "grabbing" : "grab"
-      }, rest)
-    );
-  };
-
   var __defProp$M = Object.defineProperty;
   var __getOwnPropSymbols$M = Object.getOwnPropertySymbols;
   var __hasOwnProp$M = Object.prototype.hasOwnProperty;
@@ -6396,15 +6423,18 @@
       }
     return target;
   };
-  const DropZone = (_a) => {
-    var _b = _a, { sx = {}, name, children } = _b, rest = __objRest$x(_b, ["sx", "name", "children"]);
-    const { dropZone } = react.useMultiStyleConfig("DragAndDrop", { sx });
-    return /* @__PURE__ */ React.createElement(Droppable, { id: name }, /* @__PURE__ */ React.createElement(react.Stack, __spreadValues$M({ sx: dropZone }, rest), children));
+  const DragHandle = (_a) => {
+    var _b = _a, { icon, isDragging } = _b, rest = __objRest$x(_b, ["icon", "isDragging"]);
+    return /* @__PURE__ */ React.createElement(
+      Icon$1,
+      __spreadValues$M({
+        as: icon || icons.DragDuo,
+        cursor: isDragging ? "grabbing" : "grab"
+      }, rest)
+    );
   };
 
   var __defProp$L = Object.defineProperty;
-  var __defProps$a = Object.defineProperties;
-  var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$L = Object.getOwnPropertySymbols;
   var __hasOwnProp$L = Object.prototype.hasOwnProperty;
   var __propIsEnum$L = Object.prototype.propertyIsEnumerable;
@@ -6420,7 +6450,43 @@
       }
     return a;
   };
-  var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+  var __objRest$w = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$L.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$L)
+      for (var prop of __getOwnPropSymbols$L(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$L.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  const DropZone = (_a) => {
+    var _b = _a, { sx = {}, name, children } = _b, rest = __objRest$w(_b, ["sx", "name", "children"]);
+    const { dropZone } = react.useMultiStyleConfig("DragAndDrop", { sx });
+    return /* @__PURE__ */ React.createElement(Droppable, { id: name }, /* @__PURE__ */ React.createElement(react.Stack, __spreadValues$L({ sx: dropZone }, rest), children));
+  };
+
+  var __defProp$K = Object.defineProperty;
+  var __defProps$9 = Object.defineProperties;
+  var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$K = Object.getOwnPropertySymbols;
+  var __hasOwnProp$K = Object.prototype.hasOwnProperty;
+  var __propIsEnum$K = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$K = (obj, key, value) => key in obj ? __defProp$K(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$K = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$K.call(b, prop))
+        __defNormalProp$K(a, prop, b[prop]);
+    if (__getOwnPropSymbols$K)
+      for (var prop of __getOwnPropSymbols$K(b)) {
+        if (__propIsEnum$K.call(b, prop))
+          __defNormalProp$K(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
   function MultiSort({
     items: sortableItems,
     onChange = () => {
@@ -6431,7 +6497,7 @@
   }) {
     const [items, setItems] = React.useState(sortableItems);
     const [activeItem, setActiveItem] = React.useState(null);
-    const moveBetweenContainers = (activeContainerName, activeIndex, overContainerName, overIndex, item) => __spreadProps$a(__spreadValues$L({}, items), {
+    const moveBetweenContainers = (activeContainerName, activeIndex, overContainerName, overIndex, item) => __spreadProps$9(__spreadValues$K({}, items), {
       [activeContainerName]: ramda.remove(activeIndex, 1, items[activeContainerName]),
       [overContainerName]: ramda.insert(overIndex, item, items[overContainerName])
     });
@@ -6489,7 +6555,7 @@
         const overIndex = ramda.indexOf(overId, prev[overContainerName]);
         let newItems;
         if (activeContainerName === overContainerName) {
-          newItems = __spreadProps$a(__spreadValues$L({}, prev), {
+          newItems = __spreadProps$9(__spreadValues$K({}, prev), {
             [overContainerName]: sortable.arrayMove(
               prev[overContainerName],
               activeIndex,
@@ -6597,30 +6663,30 @@
 
   const SortableContainer = ({ children, items, strategy }) => /* @__PURE__ */ React.createElement(Sortable, { items, strategy: strategy || sortable.rectSortingStrategy }, items.map((id) => /* @__PURE__ */ React.createElement(SortableItem, { key: id, id, itemLabel: id }, typeof children === "function" ? children(id) : children)));
 
-  var __defProp$K = Object.defineProperty;
-  var __getOwnPropSymbols$K = Object.getOwnPropertySymbols;
-  var __hasOwnProp$K = Object.prototype.hasOwnProperty;
-  var __propIsEnum$K = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$K = (obj, key, value) => key in obj ? __defProp$K(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$K = (a, b) => {
+  var __defProp$J = Object.defineProperty;
+  var __getOwnPropSymbols$J = Object.getOwnPropertySymbols;
+  var __hasOwnProp$J = Object.prototype.hasOwnProperty;
+  var __propIsEnum$J = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$J = (obj, key, value) => key in obj ? __defProp$J(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$J = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$K.call(b, prop))
-        __defNormalProp$K(a, prop, b[prop]);
-    if (__getOwnPropSymbols$K)
-      for (var prop of __getOwnPropSymbols$K(b)) {
-        if (__propIsEnum$K.call(b, prop))
-          __defNormalProp$K(a, prop, b[prop]);
+      if (__hasOwnProp$J.call(b, prop))
+        __defNormalProp$J(a, prop, b[prop]);
+    if (__getOwnPropSymbols$J)
+      for (var prop of __getOwnPropSymbols$J(b)) {
+        if (__propIsEnum$J.call(b, prop))
+          __defNormalProp$J(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$w = (source, exclude) => {
+  var __objRest$v = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$K.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$J.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$K)
-      for (var prop of __getOwnPropSymbols$K(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$K.call(source, prop))
+    if (source != null && __getOwnPropSymbols$J)
+      for (var prop of __getOwnPropSymbols$J(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$J.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -6635,7 +6701,7 @@
       height,
       overscanCount = 0,
       initialScrollOffset
-    } = _b, rest = __objRest$w(_b, [
+    } = _b, rest = __objRest$v(_b, [
       "itemCount",
       "itemSize",
       "direction",
@@ -6647,7 +6713,7 @@
     ]);
     return /* @__PURE__ */ React.createElement(AutoSizer, null, ({ width: autoWidth, height: autoHeight }) => /* @__PURE__ */ React.createElement(
       reactWindow.VariableSizeList,
-      __spreadValues$K({
+      __spreadValues$J({
         itemCount,
         itemSize: typeof itemSize === "number" ? (_index) => itemSize : itemSize,
         height: height != null ? height : autoHeight,
@@ -6661,30 +6727,30 @@
     ));
   });
 
-  var __defProp$J = Object.defineProperty;
-  var __getOwnPropSymbols$J = Object.getOwnPropertySymbols;
-  var __hasOwnProp$J = Object.prototype.hasOwnProperty;
-  var __propIsEnum$J = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$J = (obj, key, value) => key in obj ? __defProp$J(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$J = (a, b) => {
+  var __defProp$I = Object.defineProperty;
+  var __getOwnPropSymbols$I = Object.getOwnPropertySymbols;
+  var __hasOwnProp$I = Object.prototype.hasOwnProperty;
+  var __propIsEnum$I = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$I = (obj, key, value) => key in obj ? __defProp$I(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$I = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$J.call(b, prop))
-        __defNormalProp$J(a, prop, b[prop]);
-    if (__getOwnPropSymbols$J)
-      for (var prop of __getOwnPropSymbols$J(b)) {
-        if (__propIsEnum$J.call(b, prop))
-          __defNormalProp$J(a, prop, b[prop]);
+      if (__hasOwnProp$I.call(b, prop))
+        __defNormalProp$I(a, prop, b[prop]);
+    if (__getOwnPropSymbols$I)
+      for (var prop of __getOwnPropSymbols$I(b)) {
+        if (__propIsEnum$I.call(b, prop))
+          __defNormalProp$I(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$v = (source, exclude) => {
+  var __objRest$u = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$J.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$I.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$J)
-      for (var prop of __getOwnPropSymbols$J(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$J.call(source, prop))
+    if (source != null && __getOwnPropSymbols$I)
+      for (var prop of __getOwnPropSymbols$I(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$I.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -6700,7 +6766,7 @@
       height,
       overscanRowCount = 0,
       overscanColumnCount = 0
-    } = _b, rest = __objRest$v(_b, [
+    } = _b, rest = __objRest$u(_b, [
       "columns",
       "rows",
       "columnSize",
@@ -6713,7 +6779,7 @@
     ]);
     return /* @__PURE__ */ React.createElement(AutoSizer, null, ({ width: autoWidth, height: autoHeight }) => /* @__PURE__ */ React.createElement(
       reactWindow.VariableSizeGrid,
-      __spreadValues$J({
+      __spreadValues$I({
         rowCount: rows,
         columnCount: columns,
         columnWidth: typeof columnSize === "number" ? (_index) => columnSize : columnSize,
@@ -6728,19 +6794,19 @@
     ));
   });
 
-  var __defProp$I = Object.defineProperty;
-  var __getOwnPropSymbols$I = Object.getOwnPropertySymbols;
-  var __hasOwnProp$I = Object.prototype.hasOwnProperty;
-  var __propIsEnum$I = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$I = (obj, key, value) => key in obj ? __defProp$I(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$I = (a, b) => {
+  var __defProp$H = Object.defineProperty;
+  var __getOwnPropSymbols$H = Object.getOwnPropertySymbols;
+  var __hasOwnProp$H = Object.prototype.hasOwnProperty;
+  var __propIsEnum$H = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$H = (obj, key, value) => key in obj ? __defProp$H(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$H = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$I.call(b, prop))
-        __defNormalProp$I(a, prop, b[prop]);
-    if (__getOwnPropSymbols$I)
-      for (var prop of __getOwnPropSymbols$I(b)) {
-        if (__propIsEnum$I.call(b, prop))
-          __defNormalProp$I(a, prop, b[prop]);
+      if (__hasOwnProp$H.call(b, prop))
+        __defNormalProp$H(a, prop, b[prop]);
+    if (__getOwnPropSymbols$H)
+      for (var prop of __getOwnPropSymbols$H(b)) {
+        if (__propIsEnum$H.call(b, prop))
+          __defNormalProp$H(a, prop, b[prop]);
       }
     return a;
   };
@@ -6753,7 +6819,7 @@
     const { button, icon, controls } = react.useMultiStyleConfig("EditableText", { size, isEditing });
     return /* @__PURE__ */ React.createElement(react.HStack, { spacing: 1, sx: controls }, isEditing ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       IconButton,
-      __spreadValues$I({
+      __spreadValues$H({
         "aria-label": "Cancel",
         sx: button,
         variant: "danger"
@@ -6761,7 +6827,7 @@
       /* @__PURE__ */ React.createElement(Icon$1, { sx: icon, as: icons.XCloseSolid })
     ), /* @__PURE__ */ React.createElement(
       IconButton,
-      __spreadValues$I({
+      __spreadValues$H({
         "aria-label": "Save",
         sx: button,
         variant: "success"
@@ -6779,30 +6845,30 @@
     ));
   };
 
-  var __defProp$H = Object.defineProperty;
-  var __getOwnPropSymbols$H = Object.getOwnPropertySymbols;
-  var __hasOwnProp$H = Object.prototype.hasOwnProperty;
-  var __propIsEnum$H = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$H = (obj, key, value) => key in obj ? __defProp$H(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$H = (a, b) => {
+  var __defProp$G = Object.defineProperty;
+  var __getOwnPropSymbols$G = Object.getOwnPropertySymbols;
+  var __hasOwnProp$G = Object.prototype.hasOwnProperty;
+  var __propIsEnum$G = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$G = (obj, key, value) => key in obj ? __defProp$G(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$G = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$H.call(b, prop))
-        __defNormalProp$H(a, prop, b[prop]);
-    if (__getOwnPropSymbols$H)
-      for (var prop of __getOwnPropSymbols$H(b)) {
-        if (__propIsEnum$H.call(b, prop))
-          __defNormalProp$H(a, prop, b[prop]);
+      if (__hasOwnProp$G.call(b, prop))
+        __defNormalProp$G(a, prop, b[prop]);
+    if (__getOwnPropSymbols$G)
+      for (var prop of __getOwnPropSymbols$G(b)) {
+        if (__propIsEnum$G.call(b, prop))
+          __defNormalProp$G(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$u = (source, exclude) => {
+  var __objRest$t = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$H.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$G.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$H)
-      for (var prop of __getOwnPropSymbols$H(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$H.call(source, prop))
+    if (source != null && __getOwnPropSymbols$G)
+      for (var prop of __getOwnPropSymbols$G(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$G.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -6813,7 +6879,7 @@
       value: inputValue,
       onSubmit,
       leftItem
-    } = _b, rest = __objRest$u(_b, [
+    } = _b, rest = __objRest$t(_b, [
       "size",
       "value",
       "onSubmit",
@@ -6826,7 +6892,7 @@
     }, [inputValue]);
     return /* @__PURE__ */ React.createElement(
       react.Editable,
-      __spreadValues$H({
+      __spreadValues$G({
         isPreviewFocusable: true,
         selectAllOnFocus: false,
         value,
@@ -6850,30 +6916,30 @@
     );
   };
 
-  var __defProp$G = Object.defineProperty;
-  var __getOwnPropSymbols$G = Object.getOwnPropertySymbols;
-  var __hasOwnProp$G = Object.prototype.hasOwnProperty;
-  var __propIsEnum$G = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$G = (obj, key, value) => key in obj ? __defProp$G(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$G = (a, b) => {
+  var __defProp$F = Object.defineProperty;
+  var __getOwnPropSymbols$F = Object.getOwnPropertySymbols;
+  var __hasOwnProp$F = Object.prototype.hasOwnProperty;
+  var __propIsEnum$F = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$F = (obj, key, value) => key in obj ? __defProp$F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$F = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$G.call(b, prop))
-        __defNormalProp$G(a, prop, b[prop]);
-    if (__getOwnPropSymbols$G)
-      for (var prop of __getOwnPropSymbols$G(b)) {
-        if (__propIsEnum$G.call(b, prop))
-          __defNormalProp$G(a, prop, b[prop]);
+      if (__hasOwnProp$F.call(b, prop))
+        __defNormalProp$F(a, prop, b[prop]);
+    if (__getOwnPropSymbols$F)
+      for (var prop of __getOwnPropSymbols$F(b)) {
+        if (__propIsEnum$F.call(b, prop))
+          __defNormalProp$F(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$t = (source, exclude) => {
+  var __objRest$s = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$G.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$F.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$G)
-      for (var prop of __getOwnPropSymbols$G(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$G.call(source, prop))
+    if (source != null && __getOwnPropSymbols$F)
+      for (var prop of __getOwnPropSymbols$F(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$F.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -6882,13 +6948,13 @@
     var _b = _a, {
       isCentered = true,
       children
-    } = _b, rest = __objRest$t(_b, [
+    } = _b, rest = __objRest$s(_b, [
       "isCentered",
       "children"
     ]);
     return /* @__PURE__ */ React.createElement(
       react.Modal,
-      __spreadValues$G({
+      __spreadValues$F({
         isCentered,
         scrollBehavior: "inside",
         motionPreset: "slideInBottom"
@@ -6901,37 +6967,37 @@
     var _d = _c, {
       stayMountedOnClose = false,
       isOpen
-    } = _d, rest = __objRest$t(_d, [
+    } = _d, rest = __objRest$s(_d, [
       "stayMountedOnClose",
       "isOpen"
     ]);
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, (stayMountedOnClose || isOpen) && /* @__PURE__ */ React.createElement(ModalBase, __spreadValues$G({ isOpen }, rest)));
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, (stayMountedOnClose || isOpen) && /* @__PURE__ */ React.createElement(ModalBase, __spreadValues$F({ isOpen }, rest)));
   };
 
-  var __defProp$F = Object.defineProperty;
-  var __getOwnPropSymbols$F = Object.getOwnPropertySymbols;
-  var __hasOwnProp$F = Object.prototype.hasOwnProperty;
-  var __propIsEnum$F = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$F = (obj, key, value) => key in obj ? __defProp$F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$F = (a, b) => {
+  var __defProp$E = Object.defineProperty;
+  var __getOwnPropSymbols$E = Object.getOwnPropertySymbols;
+  var __hasOwnProp$E = Object.prototype.hasOwnProperty;
+  var __propIsEnum$E = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$E = (obj, key, value) => key in obj ? __defProp$E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$E = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$F.call(b, prop))
-        __defNormalProp$F(a, prop, b[prop]);
-    if (__getOwnPropSymbols$F)
-      for (var prop of __getOwnPropSymbols$F(b)) {
-        if (__propIsEnum$F.call(b, prop))
-          __defNormalProp$F(a, prop, b[prop]);
+      if (__hasOwnProp$E.call(b, prop))
+        __defNormalProp$E(a, prop, b[prop]);
+    if (__getOwnPropSymbols$E)
+      for (var prop of __getOwnPropSymbols$E(b)) {
+        if (__propIsEnum$E.call(b, prop))
+          __defNormalProp$E(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$s = (source, exclude) => {
+  var __objRest$r = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$F.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$E.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$F)
-      for (var prop of __getOwnPropSymbols$F(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$F.call(source, prop))
+    if (source != null && __getOwnPropSymbols$E)
+      for (var prop of __getOwnPropSymbols$E(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$E.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -6947,7 +7013,7 @@
       isImage,
       canEditFileName = true,
       canCropImage = false
-    } = _b, rest = __objRest$s(_b, [
+    } = _b, rest = __objRest$r(_b, [
       "fileName",
       "setFileName",
       "isOpen",
@@ -6966,7 +7032,7 @@
     };
     return /* @__PURE__ */ React.createElement(
       Modal$1,
-      __spreadValues$F({
+      __spreadValues$E({
         isOpen,
         onClose,
         closeOnOverlayClick: false
@@ -7016,30 +7082,30 @@
     );
   });
 
-  var __defProp$E = Object.defineProperty;
-  var __getOwnPropSymbols$E = Object.getOwnPropertySymbols;
-  var __hasOwnProp$E = Object.prototype.hasOwnProperty;
-  var __propIsEnum$E = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$E = (obj, key, value) => key in obj ? __defProp$E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$E = (a, b) => {
+  var __defProp$D = Object.defineProperty;
+  var __getOwnPropSymbols$D = Object.getOwnPropertySymbols;
+  var __hasOwnProp$D = Object.prototype.hasOwnProperty;
+  var __propIsEnum$D = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$D = (obj, key, value) => key in obj ? __defProp$D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$D = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$E.call(b, prop))
-        __defNormalProp$E(a, prop, b[prop]);
-    if (__getOwnPropSymbols$E)
-      for (var prop of __getOwnPropSymbols$E(b)) {
-        if (__propIsEnum$E.call(b, prop))
-          __defNormalProp$E(a, prop, b[prop]);
+      if (__hasOwnProp$D.call(b, prop))
+        __defNormalProp$D(a, prop, b[prop]);
+    if (__getOwnPropSymbols$D)
+      for (var prop of __getOwnPropSymbols$D(b)) {
+        if (__propIsEnum$D.call(b, prop))
+          __defNormalProp$D(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$r = (source, exclude) => {
+  var __objRest$q = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$E.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$D.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$E)
-      for (var prop of __getOwnPropSymbols$E(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$E.call(source, prop))
+    if (source != null && __getOwnPropSymbols$D)
+      for (var prop of __getOwnPropSymbols$D(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$D.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -7050,7 +7116,7 @@
       onClose,
       confirmDelete,
       fileName
-    } = _b, rest = __objRest$r(_b, [
+    } = _b, rest = __objRest$q(_b, [
       "isOpen",
       "onClose",
       "confirmDelete",
@@ -7060,7 +7126,7 @@
       confirmDelete();
       onClose();
     };
-    return /* @__PURE__ */ React.createElement(Modal$1, __spreadValues$E({ isOpen, onClose }, rest), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(Modal$1, __spreadValues$D({ isOpen, onClose }, rest), /* @__PURE__ */ React.createElement(
       react.ModalHeader,
       {
         sx: { fontSize: "lg" },
@@ -7094,30 +7160,30 @@
   const updateTimeThreshold = 0.5;
   const animationSlideTime = 250;
 
-  var __defProp$D = Object.defineProperty;
-  var __getOwnPropSymbols$D = Object.getOwnPropertySymbols;
-  var __hasOwnProp$D = Object.prototype.hasOwnProperty;
-  var __propIsEnum$D = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$D = (obj, key, value) => key in obj ? __defProp$D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$D = (a, b) => {
+  var __defProp$C = Object.defineProperty;
+  var __getOwnPropSymbols$C = Object.getOwnPropertySymbols;
+  var __hasOwnProp$C = Object.prototype.hasOwnProperty;
+  var __propIsEnum$C = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$C = (obj, key, value) => key in obj ? __defProp$C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$C = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$D.call(b, prop))
-        __defNormalProp$D(a, prop, b[prop]);
-    if (__getOwnPropSymbols$D)
-      for (var prop of __getOwnPropSymbols$D(b)) {
-        if (__propIsEnum$D.call(b, prop))
-          __defNormalProp$D(a, prop, b[prop]);
+      if (__hasOwnProp$C.call(b, prop))
+        __defNormalProp$C(a, prop, b[prop]);
+    if (__getOwnPropSymbols$C)
+      for (var prop of __getOwnPropSymbols$C(b)) {
+        if (__propIsEnum$C.call(b, prop))
+          __defNormalProp$C(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$q = (source, exclude) => {
+  var __objRest$p = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$D.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$C.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$D)
-      for (var prop of __getOwnPropSymbols$D(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$D.call(source, prop))
+    if (source != null && __getOwnPropSymbols$C)
+      for (var prop of __getOwnPropSymbols$C(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$C.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -7128,7 +7194,7 @@
       onLoadEnd = () => {
       },
       hideDisplay = true
-    } = _b, rest = __objRest$q(_b, [
+    } = _b, rest = __objRest$p(_b, [
       "loaded",
       "onLoadEnd",
       "hideDisplay"
@@ -7165,7 +7231,7 @@
           }
         }
       },
-      /* @__PURE__ */ React.createElement(react.VStack, __spreadValues$D({}, rest), /* @__PURE__ */ React.createElement(Small$1, null, Math.round(progress * 100), "%", " ", !!timeLeft && `\xB7 ${formattedTime(timeLeft)} left`), /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(react.VStack, __spreadValues$C({}, rest), /* @__PURE__ */ React.createElement(Small$1, null, Math.round(progress * 100), "%", " ", !!timeLeft && `\xB7 ${formattedTime(timeLeft)} left`), /* @__PURE__ */ React.createElement(
         react.Progress,
         {
           ref,
@@ -7178,39 +7244,6 @@
     );
   };
 
-  var __defProp$C = Object.defineProperty;
-  var __getOwnPropSymbols$C = Object.getOwnPropertySymbols;
-  var __hasOwnProp$C = Object.prototype.hasOwnProperty;
-  var __propIsEnum$C = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$C = (obj, key, value) => key in obj ? __defProp$C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$C = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$C.call(b, prop))
-        __defNormalProp$C(a, prop, b[prop]);
-    if (__getOwnPropSymbols$C)
-      for (var prop of __getOwnPropSymbols$C(b)) {
-        if (__propIsEnum$C.call(b, prop))
-          __defNormalProp$C(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __objRest$p = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$C.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$C)
-      for (var prop of __getOwnPropSymbols$C(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$C.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
-  const Spinner$1 = (_a) => {
-    var rest = __objRest$p(_a, []);
-    return /* @__PURE__ */ React.createElement(react.Spinner, __spreadValues$C({}, rest));
-  };
-
   const fiveHundredMB = 524288e3;
   const imageLazyThreshold = 15728540;
   const defaultEditOptions = {
@@ -7220,8 +7253,8 @@
   };
 
   var __defProp$B = Object.defineProperty;
-  var __defProps$9 = Object.defineProperties;
-  var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+  var __defProps$8 = Object.defineProperties;
+  var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$B = Object.getOwnPropertySymbols;
   var __hasOwnProp$B = Object.prototype.hasOwnProperty;
   var __propIsEnum$B = Object.prototype.propertyIsEnumerable;
@@ -7237,7 +7270,7 @@
       }
     return a;
   };
-  var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+  var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
   const getResizingFactor = (imgWidth, imgHeight, maxWidth, maxHeight) => Math.min(1, Math.min(maxWidth / imgWidth, maxHeight / imgHeight));
   const convertBlobToFile = (blob, name, type) => new File([blob], name, { type });
   const compressImage = (file, maxWidth = 3e3, maxHeight = 3e3, quality = 0.75) => {
@@ -7313,7 +7346,7 @@
         buffer.forEach(
           (value, index) => {
             if (removedItemsIDs.includes(value.name)) {
-              const updatedData = __spreadProps$9(__spreadValues$B({}, value), {
+              const updatedData = __spreadProps$8(__spreadValues$B({}, value), {
                 uploaded: ramda.has("size", value) ? value.size : 0
               });
               buffer[index] = updatedData;
@@ -7452,8 +7485,8 @@
   };
 
   var __defProp$z = Object.defineProperty;
-  var __defProps$8 = Object.defineProperties;
-  var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+  var __defProps$7 = Object.defineProperties;
+  var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$z = Object.getOwnPropertySymbols;
   var __hasOwnProp$z = Object.prototype.hasOwnProperty;
   var __propIsEnum$z = Object.prototype.propertyIsEnumerable;
@@ -7469,7 +7502,7 @@
       }
     return a;
   };
-  var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+  var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
   const FilePicker$1 = ({
     acceptFormat = "*",
     onChange = ramda.identity,
@@ -7741,7 +7774,7 @@
       ))
     ), /* @__PURE__ */ React.createElement(
       FileEditorModal,
-      __spreadProps$8(__spreadValues$z({}, editModal), {
+      __spreadProps$7(__spreadValues$z({}, editModal), {
         fileName: name,
         setFileName: setName,
         image: file,
@@ -7753,7 +7786,7 @@
       })
     ), /* @__PURE__ */ React.createElement(
       ConfirmDeleteModal,
-      __spreadProps$8(__spreadValues$z({}, deleteModal), {
+      __spreadProps$7(__spreadValues$z({}, deleteModal), {
         confirmDelete: clearImage,
         fileName: name || "file"
       })
@@ -7952,8 +7985,8 @@
   }
 
   var __defProp$x = Object.defineProperty;
-  var __defProps$7 = Object.defineProperties;
-  var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+  var __defProps$6 = Object.defineProperties;
+  var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$x = Object.getOwnPropertySymbols;
   var __hasOwnProp$x = Object.prototype.hasOwnProperty;
   var __propIsEnum$x = Object.prototype.propertyIsEnumerable;
@@ -7969,7 +8002,7 @@
       }
     return a;
   };
-  var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+  var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
   function FileItem({
     onChangeCallback,
     addFile = ramda.identity,
@@ -8143,7 +8176,7 @@
         )
       ), canEdit && /* @__PURE__ */ React.createElement(
         FileEditorModal,
-        __spreadProps$7(__spreadValues$x({}, editModalDisclosure), {
+        __spreadProps$6(__spreadValues$x({}, editModalDisclosure), {
           fileName: fileName || file.name,
           setFileName,
           image: file.src,
@@ -8155,7 +8188,7 @@
         })
       ), /* @__PURE__ */ React.createElement(
         ConfirmDeleteModal,
-        __spreadProps$7(__spreadValues$x({}, deleteModalDisclosure), {
+        __spreadProps$6(__spreadValues$x({}, deleteModalDisclosure), {
           confirmDelete: clearImage,
           fileName: fileName || file.name
         })
@@ -10084,6 +10117,10 @@
           bgColor: color.background.step.hover,
           borderColor: color.border.step.hover
         },
+        _disabled: {
+          cursor: "not-allowed",
+          _hover: { borderColor: color.border.step.default }
+        },
         _active: {
           bgColor: color.background.step.active
         },
@@ -10783,8 +10820,8 @@
   });
 
   var __defProp$t = Object.defineProperty;
-  var __defProps$6 = Object.defineProperties;
-  var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+  var __defProps$5 = Object.defineProperties;
+  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$t = Object.getOwnPropertySymbols;
   var __hasOwnProp$t = Object.prototype.hasOwnProperty;
   var __propIsEnum$t = Object.prototype.propertyIsEnumerable;
@@ -10800,9 +10837,9 @@
       }
     return a;
   };
-  var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+  var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
   const WebappSkin = {
-    colors: __spreadProps$6(__spreadValues$t(__spreadValues$t({}, tokens.WebappSystemTokensSet.st.color), tokens.WebappComponentsTokensSet.color), {
+    colors: __spreadProps$5(__spreadValues$t(__spreadValues$t({}, tokens.WebappSystemTokensSet.st.color), tokens.WebappComponentsTokensSet.color), {
       border: __spreadValues$t(__spreadValues$t({}, tokens.WebappSystemTokensSet.st.color.border), tokens.WebappComponentsTokensSet.color.border)
     }),
     sizes: tokens.WebappComponentsTokensSet.sizing,
@@ -10815,8 +10852,8 @@
   };
 
   var __defProp$s = Object.defineProperty;
-  var __defProps$5 = Object.defineProperties;
-  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+  var __defProps$4 = Object.defineProperties;
+  var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
   var __hasOwnProp$s = Object.prototype.hasOwnProperty;
   var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
@@ -10832,9 +10869,9 @@
       }
     return a;
   };
-  var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+  var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
   const TottSkin = {
-    colors: __spreadProps$5(__spreadValues$s(__spreadValues$s({}, tokens.TottSysstemTokensSet.st.color), tokens.TottComponentsTokensSet.color), {
+    colors: __spreadProps$4(__spreadValues$s(__spreadValues$s({}, tokens.TottSysstemTokensSet.st.color), tokens.TottComponentsTokensSet.color), {
       border: __spreadValues$s(__spreadValues$s({}, tokens.TottSysstemTokensSet.st.color.border), tokens.TottComponentsTokensSet.color.border)
     }),
     sizes: tokens.TottComponentsTokensSet.sizing,
@@ -11180,8 +11217,8 @@
   });
 
   var __defProp$n = Object.defineProperty;
-  var __defProps$4 = Object.defineProperties;
-  var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+  var __defProps$3 = Object.defineProperties;
+  var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
   var __hasOwnProp$n = Object.prototype.hasOwnProperty;
   var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
@@ -11197,7 +11234,7 @@
       }
     return a;
   };
-  var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+  var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
   var __objRest$i = (source, exclude) => {
     var target = {};
     for (var prop in source)
@@ -11220,7 +11257,7 @@
       "hidden",
       "children"
     ]);
-    return /* @__PURE__ */ React.createElement(react.PinInput, __spreadProps$4(__spreadValues$n({}, rest), { variant, placeholder: "\u25CF", mask: hidden }), children);
+    return /* @__PURE__ */ React.createElement(react.PinInput, __spreadProps$3(__spreadValues$n({}, rest), { variant, placeholder: "\u25CF", mask: hidden }), children);
   };
 
   const isStringArray = (value) => ramda.is(Array, value) && ramda.length(value) > 0 && typeof value[0] === "string";
@@ -11281,8 +11318,8 @@
   const DROPDOWN_PADDING = 30;
 
   var __defProp$m = Object.defineProperty;
-  var __defProps$3 = Object.defineProperties;
-  var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+  var __defProps$2 = Object.defineProperties;
+  var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
   var __hasOwnProp$m = Object.prototype.hasOwnProperty;
   var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
@@ -11298,7 +11335,7 @@
       }
     return a;
   };
-  var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+  var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
   var __objRest$h = (source, exclude) => {
     var target = {};
     for (var prop in source)
@@ -11376,7 +11413,7 @@
     });
     return /* @__PURE__ */ React.createElement(react.Box, { w: "full", "data-testid": testId, "data-role": "select-container", ref: selectContainerRef }, /* @__PURE__ */ React.createElement(
       chakraReactSelect.Select,
-      __spreadValues$m(__spreadProps$3(__spreadValues$m({
+      __spreadValues$m(__spreadProps$2(__spreadValues$m({
         isMulti,
         options: renderedOptions,
         useBasicStyles: true,
@@ -11826,8 +11863,8 @@
   const roundToPrecision = (value, numberOfDecimals) => parseFloat(value.toFixed(numberOfDecimals));
 
   var __defProp$e = Object.defineProperty;
-  var __defProps$2 = Object.defineProperties;
-  var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+  var __defProps$1 = Object.defineProperties;
+  var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
   var __hasOwnProp$e = Object.prototype.hasOwnProperty;
   var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
@@ -11843,7 +11880,7 @@
       }
     return a;
   };
-  var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+  var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
   var __objRest$a = (source, exclude) => {
     var target = {};
     for (var prop in source)
@@ -11912,7 +11949,7 @@
       const newFloatValue = values.floatValue && isPercentage ? roundToPrecision(values.floatValue / 100, numberOfDecimals) : values.floatValue;
       setV(newFloatValue);
       onChange(
-        __spreadProps$2(__spreadValues$e({}, values), {
+        __spreadProps$1(__spreadValues$e({}, values), {
           floatValue: newFloatValue
         }),
         sourceInfo
@@ -12410,8 +12447,6 @@
   const Steps = (props) => /* @__PURE__ */ React.createElement(react.Tabs, __spreadValues$6({ isManual: true }, props));
 
   var __defProp$5 = Object.defineProperty;
-  var __defProps$1 = Object.defineProperties;
-  var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
   var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
   var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
@@ -12427,7 +12462,6 @@
       }
     return a;
   };
-  var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
   var __objRest$4 = (source, exclude) => {
     var target = {};
     for (var prop in source)
@@ -12441,28 +12475,28 @@
     return target;
   };
   const Step = (_a) => {
-    var _b = _a, {
-      label,
-      description
-    } = _b, rest = __objRest$4(_b, [
-      "label",
-      "description"
-    ]);
+    var _b = _a, { label, description } = _b, rest = __objRest$4(_b, ["label", "description"]);
     const {
       step,
       label: labelStyle,
       description: descriptionStyle
     } = react.useMultiStyleConfig("Step");
-    return /* @__PURE__ */ React.createElement(react.Tab, __spreadProps$1(__spreadValues$5({}, rest), { sx: step }), /* @__PURE__ */ React.createElement(
-      react.Flex,
-      {
-        flexDirection: "column",
-        alignItems: "flex-start",
-        _groupFocusVisible: ring
-      },
-      /* @__PURE__ */ React.createElement(Capitalized$1, { sx: labelStyle }, label),
-      /* @__PURE__ */ React.createElement(Lead$1, { sx: descriptionStyle }, description)
-    ));
+    return /* @__PURE__ */ React.createElement(
+      react.Tab,
+      __spreadValues$5({
+        sx: step
+      }, rest),
+      /* @__PURE__ */ React.createElement(
+        react.Flex,
+        {
+          flexDirection: "column",
+          alignItems: "flex-start",
+          _groupFocusVisible: ring
+        },
+        /* @__PURE__ */ React.createElement(Capitalized$1, { sx: labelStyle }, label),
+        /* @__PURE__ */ React.createElement(Lead$1, { sx: descriptionStyle }, description)
+      )
+    );
   };
 
   var __defProp$4 = Object.defineProperty;
@@ -12531,7 +12565,7 @@
       }
     return target;
   };
-  const ClipboardInput = (_a) => {
+  const ClipboardInput = React.forwardRef((_a, ref) => {
     var _b = _a, {
       size = "md",
       value,
@@ -12546,9 +12580,10 @@
     React.useEffect(() => {
       setValue(value);
     }, [value]);
-    return /* @__PURE__ */ React.createElement(react.InputGroup, { size, "data-testid": "clipboard-input-test-id" }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react.InputGroup, { size, "data-testid": "clipboard-input-test-id", ref }, /* @__PURE__ */ React.createElement(
       react.Input,
       __spreadValues$3({
+        textOverflow: "ellipsis",
         "aria-label": `Value to copy: ${value}`,
         isReadOnly: true,
         value
@@ -12578,7 +12613,7 @@
         )
       )
     )));
-  };
+  });
 
   const SplitPane = ({
     children,