@northlight/ui 2.27.0 → 2.27.2

package/dist/umd/northlight.cjs

@@ -604,7 +604,7 @@
     return a;
   };
   var __spreadProps$u = (a, b) => __defProps$u(a, __getOwnPropDescs$u(b));
-  var __objRest$1N = (source, exclude) => {
+  var __objRest$1O = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$2i.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -624,7 +624,7 @@
       loadingList = () => null,
       "data-testid": testId,
       value = []
-    } = _b, rest = __objRest$1N(_b, [
+    } = _b, rest = __objRest$1O(_b, [
       "options",
       "onChange",
       "isLoading",
@@ -741,7 +741,7 @@
       }
     return a;
   };
-  var __objRest$1M = (source, exclude) => {
+  var __objRest$1N = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$2h.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -758,7 +758,7 @@
       name,
       image,
       variant = "square"
-    } = _b, rest = __objRest$1M(_b, [
+    } = _b, rest = __objRest$1N(_b, [
       "name",
       "image",
       "variant"
@@ -800,7 +800,7 @@
       }
     return a;
   };
-  var __objRest$1L = (source, exclude) => {
+  var __objRest$1M = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$2g.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -816,7 +816,7 @@
     var _b = _a, {
       variant = "success",
       children
-    } = _b, rest = __objRest$1L(_b, [
+    } = _b, rest = __objRest$1M(_b, [
       "variant",
       "children"
     ]);
@@ -857,7 +857,7 @@
       }
     return a;
   };
-  var __objRest$1K = (source, exclude) => {
+  var __objRest$1L = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$2e.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -875,7 +875,7 @@
       size,
       color,
       boxSize
-    } = _b, rest = __objRest$1K(_b, [
+    } = _b, rest = __objRest$1L(_b, [
       "as",
       "size",
       "color",
@@ -916,7 +916,7 @@
       }
     return a;
   };
-  var __objRest$1J = (source, exclude) => {
+  var __objRest$1K = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$2d.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -935,7 +935,7 @@
       name,
       image,
       size
-    } = _b, rest = __objRest$1J(_b, [
+    } = _b, rest = __objRest$1K(_b, [
       "variant",
       "notificationCount",
       "name",
@@ -981,7 +981,7 @@
       }
     return a;
   };
-  var __objRest$1I = (source, exclude) => {
+  var __objRest$1J = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$2c.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -997,7 +997,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1I(_b, [
+    } = _b, rest = __objRest$1J(_b, [
       "children",
       "sx"
     ]);
@@ -1029,7 +1029,7 @@
       }
     return a;
   };
-  var __objRest$1H = (source, exclude) => {
+  var __objRest$1I = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$2b.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1045,7 +1045,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1H(_b, [
+    } = _b, rest = __objRest$1I(_b, [
       "children",
       "sx"
     ]);
@@ -1077,7 +1077,7 @@
       }
     return a;
   };
-  var __objRest$1G = (source, exclude) => {
+  var __objRest$1H = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$2a.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1093,7 +1093,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1G(_b, [
+    } = _b, rest = __objRest$1H(_b, [
       "children",
       "sx"
     ]);
@@ -1125,7 +1125,7 @@
       }
     return a;
   };
-  var __objRest$1F = (source, exclude) => {
+  var __objRest$1G = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$29.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1141,7 +1141,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1F(_b, [
+    } = _b, rest = __objRest$1G(_b, [
       "children",
       "sx"
     ]);
@@ -1173,7 +1173,7 @@
       }
     return a;
   };
-  var __objRest$1E = (source, exclude) => {
+  var __objRest$1F = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$28.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1189,7 +1189,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1E(_b, [
+    } = _b, rest = __objRest$1F(_b, [
       "children",
       "sx"
     ]);
@@ -1221,7 +1221,7 @@
       }
     return a;
   };
-  var __objRest$1D = (source, exclude) => {
+  var __objRest$1E = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$27.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1237,7 +1237,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1D(_b, [
+    } = _b, rest = __objRest$1E(_b, [
       "children",
       "sx"
     ]);
@@ -1269,7 +1269,7 @@
       }
     return a;
   };
-  var __objRest$1C = (source, exclude) => {
+  var __objRest$1D = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$26.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1286,7 +1286,7 @@
       children,
       variant = "16",
       sx = {}
-    } = _b, rest = __objRest$1C(_b, [
+    } = _b, rest = __objRest$1D(_b, [
       "children",
       "variant",
       "sx"
@@ -1318,7 +1318,7 @@
       }
     return a;
   };
-  var __objRest$1B = (source, exclude) => {
+  var __objRest$1C = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$25.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1331,7 +1331,7 @@
     return target;
   };
   const Blockquote$1 = (_a) => {
-    var _b = _a, { children, sx = {} } = _b, rest = __objRest$1B(_b, ["children", "sx"]);
+    var _b = _a, { children, sx = {} } = _b, rest = __objRest$1C(_b, ["children", "sx"]);
     const styles = react.useStyleConfig("Blockquote", { sx });
     return /* @__PURE__ */ React.createElement(react.Text, __spreadValues$25({ as: "span", sx: styles }, rest), children);
   };
@@ -1352,7 +1352,7 @@
       }
     return a;
   };
-  var __objRest$1A = (source, exclude) => {
+  var __objRest$1B = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$24.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1368,7 +1368,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1A(_b, [
+    } = _b, rest = __objRest$1B(_b, [
       "children",
       "sx"
     ]);
@@ -1399,7 +1399,7 @@
       }
     return a;
   };
-  var __objRest$1z = (source, exclude) => {
+  var __objRest$1A = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$23.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1415,7 +1415,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1z(_b, [
+    } = _b, rest = __objRest$1A(_b, [
       "children",
       "sx"
     ]);
@@ -1446,7 +1446,7 @@
       }
     return a;
   };
-  var __objRest$1y = (source, exclude) => {
+  var __objRest$1z = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$22.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1462,7 +1462,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1y(_b, [
+    } = _b, rest = __objRest$1z(_b, [
       "children",
       "sx"
     ]);
@@ -1493,7 +1493,7 @@
       }
     return a;
   };
-  var __objRest$1x = (source, exclude) => {
+  var __objRest$1y = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$21.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1509,7 +1509,7 @@
     var _b = _a, {
       children,
       sx = {}
-    } = _b, rest = __objRest$1x(_b, [
+    } = _b, rest = __objRest$1y(_b, [
       "children",
       "sx"
     ]);
@@ -1540,7 +1540,7 @@
       }
     return a;
   };
-  var __objRest$1w = (source, exclude) => {
+  var __objRest$1x = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$20.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1557,7 +1557,7 @@
       children,
       size = "sm",
       sx = {}
-    } = _b, rest = __objRest$1w(_b, [
+    } = _b, rest = __objRest$1x(_b, [
       "children",
       "size",
       "sx"
@@ -1590,7 +1590,7 @@
       }
     return a;
   };
-  var __objRest$1v = (source, exclude) => {
+  var __objRest$1w = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1$.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1604,7 +1604,7 @@
   };
   const NumVal$1 = React.forwardRef(
     (_a, ref) => {
-      var _b = _a, { children, size = "sm", sx = {} } = _b, rest = __objRest$1v(_b, ["children", "size", "sx"]);
+      var _b = _a, { children, size = "sm", sx = {} } = _b, rest = __objRest$1w(_b, ["children", "size", "sx"]);
       const styles = react.useStyleConfig("NumVal", { sx, size });
       return /* @__PURE__ */ React.createElement(
         react.Text,
@@ -1714,7 +1714,7 @@
       }
     return a;
   };
-  var __objRest$1u = (source, exclude) => {
+  var __objRest$1v = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1_.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1731,7 +1731,7 @@
       children,
       max = Infinity,
       spacing = "-4"
-    } = _b, rest = __objRest$1u(_b, [
+    } = _b, rest = __objRest$1v(_b, [
       "children",
       "max",
       "spacing"
@@ -1774,7 +1774,7 @@
       }
     return a;
   };
-  var __objRest$1t = (source, exclude) => {
+  var __objRest$1u = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1Y.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1791,7 +1791,7 @@
       color = "",
       size,
       isBlinking = true
-    } = _b, rest = __objRest$1t(_b, [
+    } = _b, rest = __objRest$1u(_b, [
       "color",
       "size",
       "isBlinking"
@@ -1816,7 +1816,7 @@
       }
     return a;
   };
-  var __objRest$1s = (source, exclude) => {
+  var __objRest$1t = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1X.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1829,7 +1829,7 @@
     return target;
   };
   const Spinner$1 = (_a) => {
-    var rest = __objRest$1s(_a, []);
+    var rest = __objRest$1t(_a, []);
     return /* @__PURE__ */ React.createElement(react.Spinner, __spreadValues$1X({}, rest));
   };
 
@@ -1849,7 +1849,7 @@
       }
     return a;
   };
-  var __objRest$1r = (source, exclude) => {
+  var __objRest$1s = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1W.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1869,7 +1869,7 @@
   };
   const Button$1 = React.forwardRef(
     (_a, ref) => {
-      var _b = _a, { variant = "default", children, size = "md" } = _b, rest = __objRest$1r(_b, ["variant", "children", "size"]);
+      var _b = _a, { variant = "default", children, size = "md" } = _b, rest = __objRest$1s(_b, ["variant", "children", "size"]);
       return /* @__PURE__ */ React.createElement(
         react.Button,
         __spreadValues$1W({
@@ -1904,7 +1904,7 @@
       }
     return a;
   };
-  var __objRest$1q = (source, exclude) => {
+  var __objRest$1r = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1V.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1923,7 +1923,7 @@
       name,
       size = "md",
       variant = "default"
-    } = _b, rest = __objRest$1q(_b, [
+    } = _b, rest = __objRest$1r(_b, [
       "value",
       "onChange",
       "name",
@@ -1974,7 +1974,7 @@
       }
     return a;
   };
-  var __objRest$1p = (source, exclude) => {
+  var __objRest$1q = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1U.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1998,7 +1998,7 @@
       shouldTrim = true,
       innerFormStyle = {},
       joiSchema
-    } = _b, rest = __objRest$1p(_b, [
+    } = _b, rest = __objRest$1q(_b, [
       "initialValues",
       "onSubmit",
       "children",
@@ -2069,7 +2069,7 @@
     return a;
   };
   var __spreadProps$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(b));
-  var __objRest$1o = (source, exclude) => {
+  var __objRest$1p = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1T.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2084,7 +2084,7 @@
   const FormLabel = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children: label
-    } = _b, rest = __objRest$1o(_b, [
+    } = _b, rest = __objRest$1p(_b, [
       "children"
     ]);
     return /* @__PURE__ */ React.createElement(
@@ -2121,7 +2121,7 @@
       }
     return a;
   };
-  var __objRest$1n = (source, exclude) => {
+  var __objRest$1o = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1S.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2143,7 +2143,7 @@
       noLabelConnection = false,
       validate,
       control: passedControl
-    } = _b, rest = __objRest$1n(_b, [
+    } = _b, rest = __objRest$1o(_b, [
       "name",
       "label",
       "children",
@@ -2203,7 +2203,7 @@
       }
     return a;
   };
-  var __objRest$1m = (source, exclude) => {
+  var __objRest$1n = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1R.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2226,7 +2226,7 @@
       direction = "row",
       labelPlacement = "left",
       labelSize = "md"
-    } = _b, rest = __objRest$1m(_b, [
+    } = _b, rest = __objRest$1n(_b, [
       "name",
       "label",
       "variant",
@@ -2294,7 +2294,7 @@
       }
     return a;
   };
-  var __objRest$1l = (source, exclude) => {
+  var __objRest$1m = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1Q.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2312,7 +2312,7 @@
       icon,
       "aria-label": ariaLabel,
       children
-    } = _b, rest = __objRest$1l(_b, [
+    } = _b, rest = __objRest$1m(_b, [
       "variant",
       "icon",
       "aria-label",
@@ -2448,7 +2448,7 @@
       }
     return a;
   };
-  var __objRest$1k = (source, exclude) => {
+  var __objRest$1l = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1O.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2470,7 +2470,7 @@
       name,
       size = "md",
       popoverProps
-    } = _b, rest = __objRest$1k(_b, [
+    } = _b, rest = __objRest$1l(_b, [
       "onChange",
       "colors",
       "expandedColors",
@@ -2601,7 +2601,7 @@
       }
     return a;
   };
-  var __objRest$1j = (source, exclude) => {
+  var __objRest$1k = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1N.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2620,7 +2620,7 @@
       direction,
       isRequired,
       validate
-    } = _b, rest = __objRest$1j(_b, [
+    } = _b, rest = __objRest$1k(_b, [
       "name",
       "label",
       "direction",
@@ -2705,7 +2705,7 @@
     return a;
   };
   var __spreadProps$r = (a, b) => __defProps$r(a, __getOwnPropDescs$r(b));
-  var __objRest$1i = (source, exclude) => {
+  var __objRest$1j = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1L.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2727,7 +2727,7 @@
       icon,
       value,
       iconPlacement = "left"
-    } = _a, rest = __objRest$1i(_a, [
+    } = _a, rest = __objRest$1j(_a, [
       "children",
       "size",
       "variant",
@@ -2807,7 +2807,7 @@
     return a;
   };
   var __spreadProps$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b));
-  var __objRest$1h = (source, exclude) => {
+  var __objRest$1i = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1K.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2831,7 +2831,7 @@
       variant,
       icon,
       sx = {}
-    } = _a, rest = __objRest$1h(_a, [
+    } = _a, rest = __objRest$1i(_a, [
       "isMulti",
       "name",
       "children",
@@ -2891,7 +2891,7 @@
       }
     return a;
   };
-  var __objRest$1g = (source, exclude) => {
+  var __objRest$1h = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1J.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2913,7 +2913,7 @@
       iconPlacement = "left",
       onChange: onChangeCallback = ramda.identity,
       validate
-    } = _b, rest = __objRest$1g(_b, [
+    } = _b, rest = __objRest$1h(_b, [
       "name",
       "label",
       "children",
@@ -5906,7 +5906,7 @@
       }
     return a;
   };
-  var __objRest$1f = (source, exclude) => {
+  var __objRest$1g = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1D.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -5923,7 +5923,7 @@
   };
   const ResizeHandle = React.forwardRef(
     (_a, ref) => {
-      var _b = _a, { color } = _b, rest = __objRest$1f(_b, ["color"]);
+      var _b = _a, { color } = _b, rest = __objRest$1g(_b, ["color"]);
       return /* @__PURE__ */ React.createElement(
         react.Box,
         __spreadValues$1D({
@@ -6100,7 +6100,7 @@
     return a;
   };
   var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
-  var __objRest$1e = (source, exclude) => {
+  var __objRest$1f = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1z.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -6114,7 +6114,7 @@
   };
   const StyledField = React.forwardRef(
     (_a, ref) => {
-      var _b = _a, { isInvalid, isDisabled, children, variant } = _b, rest = __objRest$1e(_b, ["isInvalid", "isDisabled", "children", "variant"]);
+      var _b = _a, { isInvalid, isDisabled, children, variant } = _b, rest = __objRest$1f(_b, ["isInvalid", "isDisabled", "children", "variant"]);
       const { styledField } = react.useMultiStyleConfig("DatePicker", { variant });
       return /* @__PURE__ */ React.createElement(
         react.Box,
@@ -6223,7 +6223,7 @@
       }
     return a;
   };
-  var __objRest$1d = (source, exclude) => {
+  var __objRest$1e = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1w.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -6237,7 +6237,7 @@
   };
   const CalendarGrid = React.memo(
     (_a) => {
-      var _b = _a, { state, locale } = _b, rest = __objRest$1d(_b, ["state", "locale"]);
+      var _b = _a, { state, locale } = _b, rest = __objRest$1e(_b, ["state", "locale"]);
       const startDate = state.visibleRange.start;
       const { gridProps, headerProps, weekDays } = calendar.useCalendarGrid(rest, state);
       const weeksInMonth = date.getWeeksInMonth(startDate, locale);
@@ -6274,7 +6274,7 @@
     return a;
   };
   var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
-  var __objRest$1c = (source, exclude) => {
+  var __objRest$1d = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1v.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -6287,7 +6287,7 @@
     return target;
   };
   const MonthButton = (_a) => {
-    var _b = _a, { children } = _b, rest = __objRest$1c(_b, ["children"]);
+    var _b = _a, { children } = _b, rest = __objRest$1d(_b, ["children"]);
     const ref = React.useRef(null);
     const { buttonProps } = button.useButton(rest, ref);
     return /* @__PURE__ */ React.createElement(
@@ -6535,7 +6535,7 @@
     return a;
   };
   var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
-  var __objRest$1b = (source, exclude) => {
+  var __objRest$1c = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1t.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -6551,7 +6551,7 @@
     var _b = _a, {
       state,
       range
-    } = _b, rest = __objRest$1b(_b, [
+    } = _b, rest = __objRest$1c(_b, [
       "state",
       "range"
     ]);
@@ -6730,7 +6730,7 @@
       }
     return a;
   };
-  var __objRest$1a = (source, exclude) => {
+  var __objRest$1b = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1q.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -6743,7 +6743,7 @@
     return target;
   };
   const Clickable = (_a) => {
-    var _b = _a, { href, linkProps } = _b, rest = __objRest$1a(_b, ["href", "linkProps"]);
+    var _b = _a, { href, linkProps } = _b, rest = __objRest$1b(_b, ["href", "linkProps"]);
     const clickable$1 = clickable.useClickable(rest);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, !ramda.isNil(href) && /* @__PURE__ */ React.createElement(
       react.Link,
@@ -7322,7 +7322,7 @@
       }
     return a;
   };
-  var __objRest$19 = (source, exclude) => {
+  var __objRest$1a = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1n.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -7339,7 +7339,7 @@
       inputLeftElement,
       inputRightElement,
       children
-    } = _b, rest = __objRest$19(_b, [
+    } = _b, rest = __objRest$1a(_b, [
       "inputLeftElement",
       "inputRightElement",
       "children"
@@ -7364,7 +7364,7 @@
       }
     return a;
   };
-  var __objRest$18 = (source, exclude) => {
+  var __objRest$19 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1m.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -7389,7 +7389,7 @@
       onChange: onChangeCallback = ramda.identity,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$18(_b, [
+    } = _b, rest = __objRest$19(_b, [
       "name",
       "minValue",
       "maxValue",
@@ -7465,7 +7465,7 @@
       }
     return a;
   };
-  var __objRest$17 = (source, exclude) => {
+  var __objRest$18 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1l.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -7489,7 +7489,7 @@
       firstDayOfWeek = "monday",
       onChange: onChangeCallback = ramda.identity,
       isClearable = true
-    } = _b, rest = __objRest$17(_b, [
+    } = _b, rest = __objRest$18(_b, [
       "name",
       "minValue",
       "maxValue",
@@ -7569,7 +7569,7 @@
       }
     return a;
   };
-  var __objRest$16 = (source, exclude) => {
+  var __objRest$17 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1k.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -7588,7 +7588,7 @@
       title = "",
       description = "",
       hasIcon = "true"
-    } = _b, rest = __objRest$16(_b, [
+    } = _b, rest = __objRest$17(_b, [
       "variant",
       "hasArrow",
       "title",
@@ -7634,7 +7634,7 @@
       }
     return a;
   };
-  var __objRest$15 = (source, exclude) => {
+  var __objRest$16 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1j.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -7650,7 +7650,7 @@
     var _b = _a, {
       progress,
       ringColor = "border.error"
-    } = _b, rest = __objRest$15(_b, [
+    } = _b, rest = __objRest$16(_b, [
       "progress",
       "ringColor"
     ]);
@@ -7713,7 +7713,7 @@
       }
     return a;
   };
-  var __objRest$14 = (source, exclude) => {
+  var __objRest$15 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1i.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -7734,7 +7734,7 @@
       },
       tooltipText = "Hold to Delete",
       "aria-label": ariaLabel = "confirm delete"
-    } = _b, rest = __objRest$14(_b, [
+    } = _b, rest = __objRest$15(_b, [
       "icon",
       "timeout",
       "ringColor",
@@ -7884,7 +7884,7 @@
       }
     return a;
   };
-  var __objRest$13 = (source, exclude) => {
+  var __objRest$14 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1h.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -7908,7 +7908,7 @@
       enterDelay = 0,
       exitDelay = 0,
       onTransitionComplete = ramda.identity
-    } = _b, rest = __objRest$13(_b, [
+    } = _b, rest = __objRest$14(_b, [
       "children",
       "enterDuration",
       "exitDuration",
@@ -7951,7 +7951,7 @@
       }
     return a;
   };
-  var __objRest$12 = (source, exclude) => {
+  var __objRest$13 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1g.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -7975,7 +7975,7 @@
       enterDelay = 0,
       exitDelay = 0,
       onTransitionComplete = ramda.identity
-    } = _b, rest = __objRest$12(_b, [
+    } = _b, rest = __objRest$13(_b, [
       "children",
       "enterDuration",
       "exitDuration",
@@ -8018,7 +8018,7 @@
       }
     return a;
   };
-  var __objRest$11 = (source, exclude) => {
+  var __objRest$12 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1f.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -8043,7 +8043,7 @@
       exitDelay = 0,
       direction = "bottom",
       onTransitionComplete = ramda.identity
-    } = _b, rest = __objRest$11(_b, [
+    } = _b, rest = __objRest$12(_b, [
       "children",
       "enterDuration",
       "exitDuration",
@@ -8088,7 +8088,7 @@
       }
     return a;
   };
-  var __objRest$10 = (source, exclude) => {
+  var __objRest$11 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1e.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -8116,7 +8116,7 @@
       enterDelay = 0,
       exitDelay = 0,
       onTransitionComplete = ramda.identity
-    } = _b, rest = __objRest$10(_b, [
+    } = _b, rest = __objRest$11(_b, [
       "children",
       "enterDuration",
       "exitDuration",
@@ -8166,7 +8166,7 @@
       }
     return a;
   };
-  var __objRest$$ = (source, exclude) => {
+  var __objRest$10 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1d.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -8190,7 +8190,7 @@
       enterDelay = 0,
       exitDelay = 0,
       onTransitionComplete = ramda.identity
-    } = _b, rest = __objRest$$(_b, [
+    } = _b, rest = __objRest$10(_b, [
       "children",
       "enterDuration",
       "exitDuration",
@@ -8236,7 +8236,7 @@
     return a;
   };
   var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
-  var __objRest$_ = (source, exclude) => {
+  var __objRest$$ = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1c.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -8258,8 +8258,9 @@
       size = "sm",
       onClose,
       autoFocus = true,
-      resizeLimit = "full"
-    } = _b, rest = __objRest$_(_b, [
+      resizeLimit = "full",
+      zIndex = tokens.coreZIndex.overlay
+    } = _b, rest = __objRest$$(_b, [
       "isResizable",
       "isOpen",
       "children",
@@ -8268,7 +8269,8 @@
       "size",
       "onClose",
       "autoFocus",
-      "resizeLimit"
+      "resizeLimit",
+      "zIndex"
     ]);
     const { container } = system.useMultiStyleConfig("Toolbox", { size });
     const newChildren = getChildrenWithProps(
@@ -8309,7 +8311,7 @@
           style: {
             height: container.h,
             width: adjustableWidth,
-            zIndex: tokens.coreZIndex.overlay
+            zIndex
           }
         },
         /* @__PURE__ */ React.createElement(
@@ -8344,7 +8346,7 @@
       }
     return a;
   };
-  var __objRest$Z = (source, exclude) => {
+  var __objRest$_ = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1b.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -8360,7 +8362,7 @@
     var _b = _a, {
       children,
       onClose
-    } = _b, rest = __objRest$Z(_b, [
+    } = _b, rest = __objRest$_(_b, [
       "children",
       "onClose"
     ]);
@@ -8392,7 +8394,7 @@
       }
     return a;
   };
-  var __objRest$Y = (source, exclude) => {
+  var __objRest$Z = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1a.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -8405,7 +8407,7 @@
     return target;
   };
   const ToolboxContent = (_a) => {
-    var _b = _a, { children } = _b, rest = __objRest$Y(_b, ["children"]);
+    var _b = _a, { children } = _b, rest = __objRest$Z(_b, ["children"]);
     const { body } = system.useMultiStyleConfig("Toolbox", {});
     return /* @__PURE__ */ React.createElement(
       react.Flex,
@@ -8432,7 +8434,7 @@
       }
     return a;
   };
-  var __objRest$X = (source, exclude) => {
+  var __objRest$Y = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$19.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -8445,7 +8447,7 @@
     return target;
   };
   const ToolboxFooter = (_a) => {
-    var _b = _a, { children } = _b, rest = __objRest$X(_b, ["children"]);
+    var _b = _a, { children } = _b, rest = __objRest$Y(_b, ["children"]);
     const { footer } = system.useMultiStyleConfig("Toolbox", {});
     return /* @__PURE__ */ React.createElement(react.Flex, __spreadValues$19({ sx: footer }, rest), children);
   };
@@ -8466,7 +8468,7 @@
       }
     return a;
   };
-  var __objRest$W = (source, exclude) => {
+  var __objRest$X = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$18.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -8484,7 +8486,7 @@
       onChange,
       name,
       value
-    } = _b, rest = __objRest$W(_b, [
+    } = _b, rest = __objRest$X(_b, [
       "size",
       "onChange",
       "name",
@@ -8517,7 +8519,7 @@
       }
     return a;
   };
-  var __objRest$V = (source, exclude) => {
+  var __objRest$W = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$17.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -8534,7 +8536,7 @@
       direction = "row",
       children,
       name
-    } = _b, rest = __objRest$V(_b, [
+    } = _b, rest = __objRest$W(_b, [
       "direction",
       "children",
       "name"
@@ -8558,7 +8560,7 @@
       }
     return a;
   };
-  var __objRest$U = (source, exclude) => {
+  var __objRest$V = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$16.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -8579,7 +8581,7 @@
       isRequired,
       validate,
       onChange: onChangeCallback = ramda.identity
-    } = _b, rest = __objRest$U(_b, [
+    } = _b, rest = __objRest$V(_b, [
       "name",
       "label",
       "children",
@@ -8645,7 +8647,7 @@
       }
     return a;
   };
-  var __objRest$T = (source, exclude) => {
+  var __objRest$U = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$15.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -8661,7 +8663,7 @@
     var _b = _a, {
       onClick,
       direction
-    } = _b, rest = __objRest$T(_b, [
+    } = _b, rest = __objRest$U(_b, [
       "onClick",
       "direction"
     ]);
@@ -8692,7 +8694,7 @@
       }
     return a;
   };
-  var __objRest$S = (source, exclude) => {
+  var __objRest$T = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$14.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -8715,7 +8717,7 @@
       itemHeight = carouselItemWidth,
       spacing = carouselItemSpacing,
       carouselStyles = {}
-    } = _b, rest = __objRest$S(_b, [
+    } = _b, rest = __objRest$T(_b, [
       "children",
       "showArrows",
       "showRadio",
@@ -8904,7 +8906,7 @@
       }
     return a;
   };
-  var __objRest$R = (source, exclude) => {
+  var __objRest$S = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$12.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -8926,7 +8928,7 @@
         Control: (_a) => {
           var _b = _a, {
             children
-          } = _b, props = __objRest$R(_b, [
+          } = _b, props = __objRest$S(_b, [
             "children"
           ]);
           return props.selectProps.leftComponent ? /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Control, __spreadValues$12({}, props), /* @__PURE__ */ React.createElement(react.HStack, { w: "full", pl: "2" }, props.selectProps.leftComponent, /* @__PURE__ */ React.createElement(react.HStack, { w: "full", justify: "space-between" }, children))) : /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Control, __spreadValues$12({}, props), children);
@@ -8952,7 +8954,7 @@
       }
     return a;
   };
-  var __objRest$Q = (source, exclude) => {
+  var __objRest$R = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$11.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -8983,7 +8985,7 @@
         value,
         onSearchInputChange = ramda.identity,
         icon = icons.SearchDuo
-      } = _b, rest = __objRest$Q(_b, [
+      } = _b, rest = __objRest$R(_b, [
         "defaultOptions",
         "isMulti",
         "customOption",
@@ -9085,7 +9087,7 @@
       }
     return a;
   };
-  var __objRest$P = (source, exclude) => {
+  var __objRest$Q = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$10.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -9109,7 +9111,7 @@
       onChange: onChangeCallback = ramda.identity,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$P(_b, [
+    } = _b, rest = __objRest$Q(_b, [
       "name",
       "label",
       "direction",
@@ -9202,7 +9204,7 @@
       }
     return a;
   };
-  var __objRest$O = (source, exclude) => {
+  var __objRest$P = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$_.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -9220,7 +9222,7 @@
       variant = "solid",
       bgColor,
       colorScheme
-    } = _b, rest = __objRest$O(_b, [
+    } = _b, rest = __objRest$P(_b, [
       "children",
       "variant",
       "bgColor",
@@ -9258,7 +9260,7 @@
       }
     return a;
   };
-  var __objRest$N = (source, exclude) => {
+  var __objRest$O = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$Z.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -9276,7 +9278,7 @@
       max = Infinity,
       spacing = "2",
       OverflowIndicator: OverflowIndicator$1 = OverflowIndicator
-    } = _b, rest = __objRest$N(_b, [
+    } = _b, rest = __objRest$O(_b, [
       "children",
       "max",
       "spacing",
@@ -9312,7 +9314,7 @@
       }
     return a;
   };
-  var __objRest$M = (source, exclude) => {
+  var __objRest$N = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$Y.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -9331,7 +9333,7 @@
         isDragging,
         itemLabel = "Drag Me",
         bgColor
-      } = _b, rest = __objRest$M(_b, [
+      } = _b, rest = __objRest$N(_b, [
         "size",
         "isDragging",
         "itemLabel",
@@ -9371,7 +9373,7 @@
     return a;
   };
   var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
-  var __objRest$L = (source, exclude) => {
+  var __objRest$M = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$X.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -9389,7 +9391,7 @@
       children,
       disableDrag = false,
       "data-testid": dataTestId
-    } = _b, rest = __objRest$L(_b, [
+    } = _b, rest = __objRest$M(_b, [
       "itemLabel",
       "children",
       "disableDrag",
@@ -9401,7 +9403,7 @@
       setNodeRef,
       transform,
       isDragging
-    } = _a2, props = __objRest$L(_a2, [
+    } = _a2, props = __objRest$M(_a2, [
       "attributes",
       "listeners",
       "setNodeRef",
@@ -9446,7 +9448,7 @@
       }
     return a;
   };
-  var __objRest$K = (source, exclude) => {
+  var __objRest$L = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$W.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -9462,11 +9464,11 @@
     var _b = _a, {
       children,
       "data-testid": testId
-    } = _b, rest = __objRest$K(_b, [
+    } = _b, rest = __objRest$L(_b, [
       "children",
       "data-testid"
     ]);
-    const _a2 = core.useDroppable(__spreadValues$W({}, rest)), { setNodeRef } = _a2, props = __objRest$K(_a2, ["setNodeRef"]);
+    const _a2 = core.useDroppable(__spreadValues$W({}, rest)), { setNodeRef } = _a2, props = __objRest$L(_a2, ["setNodeRef"]);
     return /* @__PURE__ */ React.createElement(react.Box, { ref: setNodeRef, "data-testid": testId }, typeof children === "function" ? children(props) : children || /* @__PURE__ */ React.createElement(react.Center, null, "Drop here"));
   };
 
@@ -9507,7 +9509,7 @@
     return a;
   };
   var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
-  var __objRest$J = (source, exclude) => {
+  var __objRest$K = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$U.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -9526,7 +9528,7 @@
       children,
       disableDrag = false,
       "data-testid": dataTestId
-    } = _b, rest = __objRest$J(_b, [
+    } = _b, rest = __objRest$K(_b, [
       "itemLabel",
       "dblClickThreshold",
       "children",
@@ -9540,7 +9542,7 @@
       transform,
       transition,
       isDragging
-    } = _a2, props = __objRest$J(_a2, [
+    } = _a2, props = __objRest$K(_a2, [
       "attributes",
       "listeners",
       "setNodeRef",
@@ -9611,7 +9613,7 @@
       }
     return a;
   };
-  var __objRest$I = (source, exclude) => {
+  var __objRest$J = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$T.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -9624,7 +9626,7 @@
     return target;
   };
   const DragHandle = (_a) => {
-    var _b = _a, { icon, isDragging } = _b, rest = __objRest$I(_b, ["icon", "isDragging"]);
+    var _b = _a, { icon, isDragging } = _b, rest = __objRest$J(_b, ["icon", "isDragging"]);
     return /* @__PURE__ */ React.createElement(
       Icon$1,
       __spreadValues$T({
@@ -9650,7 +9652,7 @@
       }
     return a;
   };
-  var __objRest$H = (source, exclude) => {
+  var __objRest$I = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$S.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -9663,7 +9665,7 @@
     return target;
   };
   const DropZone = (_a) => {
-    var _b = _a, { sx = {}, name, children } = _b, rest = __objRest$H(_b, ["sx", "name", "children"]);
+    var _b = _a, { sx = {}, name, children } = _b, rest = __objRest$I(_b, ["sx", "name", "children"]);
     const { dropZone } = react.useMultiStyleConfig("DragAndDrop", { sx });
     return /* @__PURE__ */ React.createElement(Droppable, { id: name }, /* @__PURE__ */ React.createElement(react.Stack, __spreadValues$S({ sx: dropZone }, rest), children));
   };
@@ -9866,7 +9868,7 @@
       }
     return a;
   };
-  var __objRest$G = (source, exclude) => {
+  var __objRest$H = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$Q.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -9888,7 +9890,7 @@
       height,
       overscanCount = 0,
       initialScrollOffset
-    } = _b, rest = __objRest$G(_b, [
+    } = _b, rest = __objRest$H(_b, [
       "itemCount",
       "itemSize",
       "direction",
@@ -9930,7 +9932,7 @@
       }
     return a;
   };
-  var __objRest$F = (source, exclude) => {
+  var __objRest$G = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$P.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -9953,7 +9955,7 @@
       height,
       overscanRowCount = 0,
       overscanColumnCount = 0
-    } = _b, rest = __objRest$F(_b, [
+    } = _b, rest = __objRest$G(_b, [
       "columns",
       "rows",
       "columnSize",
@@ -10056,7 +10058,7 @@
       }
     return a;
   };
-  var __objRest$E = (source, exclude) => {
+  var __objRest$F = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$N.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -10075,7 +10077,7 @@
       onSubmit,
       leftItem,
       variant = "default"
-    } = _b, rest = __objRest$E(_b, [
+    } = _b, rest = __objRest$F(_b, [
       "size",
       "value",
       "onSubmit",
@@ -10129,7 +10131,7 @@
       }
     return a;
   };
-  var __objRest$D = (source, exclude) => {
+  var __objRest$E = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$M.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -10145,7 +10147,7 @@
     var _b = _a, {
       isCentered = true,
       children
-    } = _b, rest = __objRest$D(_b, [
+    } = _b, rest = __objRest$E(_b, [
       "isCentered",
       "children"
     ]);
@@ -10177,7 +10179,7 @@
       }
     return a;
   };
-  var __objRest$C = (source, exclude) => {
+  var __objRest$D = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$L.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -10193,7 +10195,7 @@
     var _b = _a, {
       stayMountedOnClose = false,
       isOpen
-    } = _b, rest = __objRest$C(_b, [
+    } = _b, rest = __objRest$D(_b, [
       "stayMountedOnClose",
       "isOpen"
     ]);
@@ -10234,7 +10236,7 @@
       }
     return a;
   };
-  var __objRest$B = (source, exclude) => {
+  var __objRest$C = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$J.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -10257,7 +10259,7 @@
       isImage,
       canEditFileName = true,
       canCropImage = false
-    } = _b, rest = __objRest$B(_b, [
+    } = _b, rest = __objRest$C(_b, [
       "fileName",
       "setFileName",
       "isOpen",
@@ -10342,7 +10344,7 @@
       }
     return a;
   };
-  var __objRest$A = (source, exclude) => {
+  var __objRest$B = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$I.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -10360,7 +10362,7 @@
       onClose,
       confirmDelete,
       fileName
-    } = _b, rest = __objRest$A(_b, [
+    } = _b, rest = __objRest$B(_b, [
       "isOpen",
       "onClose",
       "confirmDelete",
@@ -10403,7 +10405,7 @@
       }
     return a;
   };
-  var __objRest$z = (source, exclude) => {
+  var __objRest$A = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$H.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -10417,7 +10419,7 @@
   };
   const ProgressBar = React.forwardRef(
     (_a, ref) => {
-      var _b = _a, { animationSlideTimeMs = animationSlideTime, sx } = _b, props = __objRest$z(_b, ["animationSlideTimeMs", "sx"]);
+      var _b = _a, { animationSlideTimeMs = animationSlideTime, sx } = _b, props = __objRest$A(_b, ["animationSlideTimeMs", "sx"]);
       return /* @__PURE__ */ React.createElement(
         react.Progress,
         __spreadValues$H({
@@ -10468,7 +10470,7 @@
       }
     return a;
   };
-  var __objRest$y = (source, exclude) => {
+  var __objRest$z = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$G.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -10486,7 +10488,7 @@
       onLoadEnd = () => {
       },
       hideDisplay = true
-    } = _b, rest = __objRest$y(_b, [
+    } = _b, rest = __objRest$z(_b, [
       "loaded",
       "onLoadEnd",
       "hideDisplay"
@@ -10750,7 +10752,7 @@
       }
     return a;
   };
-  var __objRest$x = (source, exclude) => {
+  var __objRest$y = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$E.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -10766,7 +10768,7 @@
     var _b = _a, {
       icon,
       color = "unset"
-    } = _b, rest = __objRest$x(_b, [
+    } = _b, rest = __objRest$y(_b, [
       "icon",
       "color"
     ]);
@@ -10792,7 +10794,7 @@
     return a;
   };
   var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
-  var __objRest$w = (source, exclude) => {
+  var __objRest$x = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$D.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -10816,7 +10818,7 @@
       loadWithSpinner = false,
       confirmDelete = false,
       editFileOptions = defaultEditOptions
-    } = _b, rest = __objRest$w(_b, [
+    } = _b, rest = __objRest$x(_b, [
       "acceptFormat",
       "onChange",
       "compression",
@@ -11122,7 +11124,7 @@
       }
     return a;
   };
-  var __objRest$v = (source, exclude) => {
+  var __objRest$w = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$C.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -11142,7 +11144,7 @@
       isRequired,
       validate,
       onChange: onChangeCallback = ramda.identity
-    } = _b, rest = __objRest$v(_b, [
+    } = _b, rest = __objRest$w(_b, [
       "name",
       "label",
       "direction",
@@ -11200,7 +11202,7 @@
       }
     return a;
   };
-  var __objRest$u = (source, exclude) => {
+  var __objRest$v = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$B.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -11220,7 +11222,7 @@
       addFilesToQueue = ramda.identity,
       updatePreviewFiles = ramda.identity,
       maxFileSize = fiveHundredMB
-    } = _b, rest = __objRest$u(_b, [
+    } = _b, rest = __objRest$v(_b, [
       "acceptFormat",
       "compression",
       "onChange",
@@ -11561,7 +11563,7 @@
       }
     return a;
   };
-  var __objRest$t = (source, exclude) => {
+  var __objRest$u = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$z.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -11583,7 +11585,7 @@
       confirmDelete,
       editFileOptions = defaultEditOptions,
       enableSmartLoad = true
-    } = _b, rest = __objRest$t(_b, [
+    } = _b, rest = __objRest$u(_b, [
       "files",
       "uploadingFiles",
       "onChange",
@@ -11663,7 +11665,7 @@
       }
     return a;
   };
-  var __objRest$s = (source, exclude) => {
+  var __objRest$t = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$y.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -11689,7 +11691,7 @@
       enableSmartLoad = true,
       editFileOptions = defaultEditOptions,
       variant
-    } = _b, rest = __objRest$s(_b, [
+    } = _b, rest = __objRest$t(_b, [
       "acceptFormat",
       "compression",
       "onChange",
@@ -11774,7 +11776,7 @@
       }
     return a;
   };
-  var __objRest$r = (source, exclude) => {
+  var __objRest$s = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$x.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -11794,7 +11796,7 @@
       isRequired,
       validate,
       onChange: onChangeCallback = ramda.identity
-    } = _b, rest = __objRest$r(_b, [
+    } = _b, rest = __objRest$s(_b, [
       "name",
       "label",
       "direction",
@@ -11878,7 +11880,7 @@
       }
     return a;
   };
-  var __objRest$q = (source, exclude) => {
+  var __objRest$r = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$w.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -11891,7 +11893,7 @@
     return target;
   };
   const Menu = (_a) => {
-    var _b = _a, { variant = "relaxed" } = _b, props = __objRest$q(_b, ["variant"]);
+    var _b = _a, { variant = "relaxed" } = _b, props = __objRest$r(_b, ["variant"]);
     return /* @__PURE__ */ React.createElement(react.Menu, __spreadValues$w({ variant }, props));
   };
 
@@ -11952,7 +11954,7 @@
       }
     return a;
   };
-  var __objRest$p = (source, exclude) => {
+  var __objRest$q = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$v.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -11973,7 +11975,7 @@
       enableStepperArrows = false,
       name,
       onlyAcceptPercentage = false
-    } = _b, rest = __objRest$p(_b, [
+    } = _b, rest = __objRest$q(_b, [
       "variant",
       "size",
       "onChange",
@@ -12028,7 +12030,7 @@
       }
     return a;
   };
-  var __objRest$o = (source, exclude) => {
+  var __objRest$p = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$u.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -12051,7 +12053,7 @@
       onlyAcceptPercentage = false,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$o(_b, [
+    } = _b, rest = __objRest$p(_b, [
       "name",
       "label",
       "direction",
@@ -12118,7 +12120,7 @@
       }
     return a;
   };
-  var __objRest$n = (source, exclude) => {
+  var __objRest$o = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$t.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -12138,7 +12140,7 @@
       hasNotification = false,
       blinkerColor = "green.500",
       size
-    } = _b, rest = __objRest$n(_b, [
+    } = _b, rest = __objRest$o(_b, [
       "variant",
       "icon",
       "aria-label",
@@ -12188,7 +12190,7 @@
     return a;
   };
   var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-  var __objRest$m = (source, exclude) => {
+  var __objRest$n = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$s.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -12205,7 +12207,7 @@
       variant = "outline",
       hidden,
       children
-    } = _b, rest = __objRest$m(_b, [
+    } = _b, rest = __objRest$n(_b, [
       "variant",
       "hidden",
       "children"
@@ -12246,7 +12248,7 @@
     return a;
   };
   var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-  var __objRest$l = (source, exclude) => {
+  var __objRest$m = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$r.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -12274,7 +12276,7 @@
       value,
       icon,
       components
-    } = _b, rest = __objRest$l(_b, [
+    } = _b, rest = __objRest$m(_b, [
       "options",
       "isMulti",
       "onChange",
@@ -12352,7 +12354,7 @@
       }
     return a;
   };
-  var __objRest$k = (source, exclude) => {
+  var __objRest$l = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$q.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -12377,7 +12379,7 @@
       onChange: onChangeCallback = ramda.identity,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$k(_b, [
+    } = _b, rest = __objRest$l(_b, [
       "name",
       "label",
       "options",
@@ -12460,7 +12462,7 @@
       }
     return a;
   };
-  var __objRest$j = (source, exclude) => {
+  var __objRest$k = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$p.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -12478,7 +12480,7 @@
       onChange,
       name,
       size = "md"
-    } = _b, rest = __objRest$j(_b, [
+    } = _b, rest = __objRest$k(_b, [
       "value",
       "onChange",
       "name",
@@ -12511,7 +12513,7 @@
       }
     return a;
   };
-  var __objRest$i = (source, exclude) => {
+  var __objRest$j = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -12533,7 +12535,7 @@
       direction = "row",
       labelPlacement = "right",
       labelSize = "md"
-    } = _b, rest = __objRest$i(_b, [
+    } = _b, rest = __objRest$j(_b, [
       "name",
       "label",
       "isRequired",
@@ -12612,7 +12614,7 @@
       }
     return a;
   };
-  var __objRest$h = (source, exclude) => {
+  var __objRest$i = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$m.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -12629,7 +12631,7 @@
       children,
       variant = "soft-rounded",
       isManual = true
-    } = _b, rest = __objRest$h(_b, [
+    } = _b, rest = __objRest$i(_b, [
       "children",
       "variant",
       "isManual"
@@ -12660,7 +12662,7 @@
       }
     return a;
   };
-  var __objRest$g = (source, exclude) => {
+  var __objRest$h = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$l.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -12678,7 +12680,7 @@
       onChange,
       name,
       value
-    } = _b, rest = __objRest$g(_b, [
+    } = _b, rest = __objRest$h(_b, [
       "size",
       "onChange",
       "name",
@@ -12711,7 +12713,7 @@
       }
     return a;
   };
-  var __objRest$f = (source, exclude) => {
+  var __objRest$g = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$k.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -12731,7 +12733,7 @@
       validate,
       direction,
       onChange: onChangeCallback = ramda.identity
-    } = _b, rest = __objRest$f(_b, [
+    } = _b, rest = __objRest$g(_b, [
       "name",
       "label",
       "isRequired",
@@ -12785,7 +12787,7 @@
     return a;
   };
   var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-  var __objRest$e = (source, exclude) => {
+  var __objRest$f = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$j.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -12822,7 +12824,7 @@
       min = -Infinity,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$e(_b, [
+    } = _b, rest = __objRest$f(_b, [
       "preset",
       "isPercentage",
       "onChange",
@@ -12896,7 +12898,7 @@
       }
     return a;
   };
-  var __objRest$d = (source, exclude) => {
+  var __objRest$e = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$i.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -12916,7 +12918,7 @@
       validate,
       onChange: onChangeCallback = ramda.identity,
       direction = "row"
-    } = _b, rest = __objRest$d(_b, [
+    } = _b, rest = __objRest$e(_b, [
       "name",
       "label",
       "isRequired",
@@ -12964,7 +12966,7 @@
       }
     return a;
   };
-  var __objRest$c = (source, exclude) => {
+  var __objRest$d = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$h.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -12988,7 +12990,7 @@
       placeholder,
       onChange,
       onBlur
-    } = _b, rest = __objRest$c(_b, [
+    } = _b, rest = __objRest$d(_b, [
       "mask",
       "maskPlaceholder",
       "alwaysShowMask",
@@ -13035,7 +13037,7 @@
       }
     return a;
   };
-  var __objRest$b = (source, exclude) => {
+  var __objRest$c = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -13058,7 +13060,7 @@
       onChange: onChangeCallback = ramda.identity,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$b(_b, [
+    } = _b, rest = __objRest$c(_b, [
       "name",
       "label",
       "as",
@@ -13118,7 +13120,7 @@
       }
     return a;
   };
-  var __objRest$a = (source, exclude) => {
+  var __objRest$b = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -13136,7 +13138,7 @@
       title = "",
       description = "",
       onClose
-    } = _b, rest = __objRest$a(_b, [
+    } = _b, rest = __objRest$b(_b, [
       "variant",
       "title",
       "description",
@@ -13250,7 +13252,7 @@
       }
     return a;
   };
-  var __objRest$9 = (source, exclude) => {
+  var __objRest$a = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -13263,7 +13265,7 @@
     return target;
   };
   const StatusPin = (_a) => {
-    var _b = _a, { size = "md", variant } = _b, rest = __objRest$9(_b, ["size", "variant"]);
+    var _b = _a, { size = "md", variant } = _b, rest = __objRest$a(_b, ["size", "variant"]);
     const pinColor = pinVariantMap[variant];
     const pinSizeTuple = pinSizeMap[size];
     const [outerSize, innerSize] = pinSizeTuple;
@@ -13315,7 +13317,7 @@
       }
     return a;
   };
-  var __objRest$8 = (source, exclude) => {
+  var __objRest$9 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -13328,7 +13330,7 @@
     return target;
   };
   const StatusBlock = (_a) => {
-    var _b = _a, { variant } = _b, rest = __objRest$8(_b, ["variant"]);
+    var _b = _a, { variant } = _b, rest = __objRest$9(_b, ["variant"]);
     const [bgColor, contentColor] = blockVariantMap[variant];
     return /* @__PURE__ */ React.createElement(
       Tag,
@@ -13369,7 +13371,7 @@
       }
     return a;
   };
-  var __objRest$7 = (source, exclude) => {
+  var __objRest$8 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -13384,7 +13386,7 @@
   const AsyncError = (_a) => {
     var _b = _a, {
       message = ""
-    } = _b, rest = __objRest$7(_b, [
+    } = _b, rest = __objRest$8(_b, [
       "message"
     ]);
     return /* @__PURE__ */ React.createElement(react.Alert, __spreadValues$b({ backgroundColor: "background.default", color: "text.default", width: "100%" }, rest), /* @__PURE__ */ React.createElement(react.VStack, { w: "full" }, /* @__PURE__ */ React.createElement(Icon$1, { as: toastIconMap.error, color: "icon.toast.error", boxSize: 6 }), /* @__PURE__ */ React.createElement(react.AlertTitle, null, " Error "), message && /* @__PURE__ */ React.createElement(react.AlertDescription, null, message)));
@@ -13442,7 +13444,7 @@
       }
     return a;
   };
-  var __objRest$6 = (source, exclude) => {
+  var __objRest$7 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -13455,7 +13457,7 @@
     return target;
   };
   const Step = (_a) => {
-    var _b = _a, { label, description } = _b, rest = __objRest$6(_b, ["label", "description"]);
+    var _b = _a, { label, description } = _b, rest = __objRest$7(_b, ["label", "description"]);
     const {
       step,
       label: labelStyle,
@@ -13498,7 +13500,7 @@
     return a;
   };
   var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-  var __objRest$5 = (source, exclude) => {
+  var __objRest$6 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -13511,7 +13513,7 @@
     return target;
   };
   const StepList = (_a) => {
-    var _b = _a, { children } = _b, rest = __objRest$5(_b, ["children"]);
+    var _b = _a, { children } = _b, rest = __objRest$6(_b, ["children"]);
     const tabs = React.Children.count(children);
     const styles = react.useStyleConfig("StepList", { tabs });
     return /* @__PURE__ */ React.createElement(react.TabList, __spreadProps$1(__spreadValues$7({}, rest), { sx: styles }), children);
@@ -13533,7 +13535,7 @@
       }
     return a;
   };
-  var __objRest$4 = (source, exclude) => {
+  var __objRest$5 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -13550,7 +13552,7 @@
       size = "md",
       value,
       "aria-label": ariaLabel
-    } = _b, rest = __objRest$4(_b, [
+    } = _b, rest = __objRest$5(_b, [
       "size",
       "value",
       "aria-label"
@@ -13611,7 +13613,7 @@
       }
     return a;
   };
-  var __objRest$3 = (source, exclude) => {
+  var __objRest$4 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -13630,7 +13632,7 @@
       isOpen,
       minLeftWidth = 25,
       minRightWidth = 50
-    } = _b, rest = __objRest$3(_b, [
+    } = _b, rest = __objRest$4(_b, [
       "children",
       "initialSplit",
       "isOpen",
@@ -13699,7 +13701,7 @@
       }
     return a;
   };
-  var __objRest$2 = (source, exclude) => {
+  var __objRest$3 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -13712,7 +13714,7 @@
     return target;
   };
   const PaneItem = (_a) => {
-    var _b = _a, { children } = _b, rest = __objRest$2(_b, ["children"]);
+    var _b = _a, { children } = _b, rest = __objRest$3(_b, ["children"]);
     return /* @__PURE__ */ React.createElement(react.GridItem, __spreadValues$4({ overflow: "hidden" }, rest), children);
   };
 
@@ -13759,7 +13761,7 @@
       }
     return a;
   };
-  var __objRest$1 = (source, exclude) => {
+  var __objRest$2 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -13778,7 +13780,7 @@
       rowHeight = "10",
       stepCircleAlignment = "center",
       stepCircleMarginTopPx = 0
-    } = _b, rest = __objRest$1(_b, [
+    } = _b, rest = __objRest$2(_b, [
       "children",
       "spacing",
       "rowHeight",
@@ -13838,7 +13840,7 @@
       }
     return a;
   };
-  var __objRest = (source, exclude) => {
+  var __objRest$1 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -13851,9 +13853,9 @@
     return target;
   };
   const { Option: ChakraOption } = chakraReactSelect.chakraComponents;
-  const customComponents = {
+  const getCustomComponents = () => ({
     Option: (_a) => {
-      var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+      var _b = _a, { children } = _b, props = __objRest$1(_b, ["children"]);
       return /* @__PURE__ */ React.createElement(ChakraOption, __spreadValues$1({}, props), props.data.isCreation && /* @__PURE__ */ React.createElement(
         react.Flex,
         {
@@ -13873,7 +13875,7 @@
         children
       ));
     }
-  };
+  });
 
   var __defProp = Object.defineProperty;
   var __defProps = Object.defineProperties;
@@ -13894,26 +13896,49 @@
     return a;
   };
   var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+  var __objRest = (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 CREATION_OPTION_VALUE = "add_field";
-  const CreatableSelectDropdown = ({
-    standardOptions,
-    initialPlaceholder = "Select or create...",
-    addOptionPlaceholder = "Select or create...",
-    creationOption = {
-      label: "Add field",
-      value: CREATION_OPTION_VALUE,
-      isCreation: true
-    },
-    onOptionChange,
-    variant = "outline",
-    defaultValue,
-    value,
-    menuPlacement = "bottom"
-  }) => {
+  const CreatableSelectDropdown = (_a) => {
+    var _b = _a, {
+      standardOptions,
+      initialPlaceholder = "Select or create...",
+      addOptionPlaceholder = "Select or create...",
+      creationOption = {
+        label: "Add field",
+        value: CREATION_OPTION_VALUE,
+        isCreation: true
+      },
+      onOptionChange,
+      variant = "outline",
+      defaultValue,
+      value,
+      menuPlacement = "bottom"
+    } = _b, restProps = __objRest(_b, [
+      "standardOptions",
+      "initialPlaceholder",
+      "addOptionPlaceholder",
+      "creationOption",
+      "onOptionChange",
+      "variant",
+      "defaultValue",
+      "value",
+      "menuPlacement"
+    ]);
     const [selectedOption, setSelectedOption] = React.useState(() => {
-      var _a, _b;
-      const targetValue = (_a = value != null ? value : defaultValue) != null ? _a : null;
-      return targetValue ? (_b = standardOptions.find((option) => option.value === targetValue)) != null ? _b : null : null;
+      var _a2, _b2;
+      const targetValue = (_a2 = value != null ? value : defaultValue) != null ? _a2 : null;
+      return targetValue ? (_b2 = standardOptions.find((option) => option.value === targetValue)) != null ? _b2 : null : null;
     });
     const [newOptionPlaceholder, setNewOptionPlaceholder] = React.useState(initialPlaceholder);
     const [createdOptions, setCreatedOptions] = React.useState([]);
@@ -13967,13 +13992,23 @@
       }
       onOptionChange(option);
     };
-    const combinedOptions = [...standardOptions, ...createdOptions];
+    const combinedOptions = React.useMemo(
+      () => [...standardOptions, ...createdOptions],
+      [standardOptions, createdOptions]
+    );
     const customOptions = [
       __spreadProps(__spreadValues({}, creationOption), {
         icon: /* @__PURE__ */ React.createElement(react.Icon, { as: icons.PlusSolid, color: "brand" })
       }),
       ...combinedOptions
     ];
+    React.useEffect(() => {
+      var _a2;
+      const newSelectedOption = (_a2 = combinedOptions.find((option) => option.value === value)) != null ? _a2 : null;
+      if ((selectedOption == null ? void 0 : selectedOption.value) !== (newSelectedOption == null ? void 0 : newSelectedOption.value)) {
+        setSelectedOption(newSelectedOption);
+      }
+    }, [value, combinedOptions]);
     return /* @__PURE__ */ React.createElement(react.Box, { ref, w: "sm", maxW: "full" }, createNewOption && /* @__PURE__ */ React.createElement(
       EditableText,
       {
@@ -13999,7 +14034,7 @@
       }
     ), !createNewOption && /* @__PURE__ */ React.createElement(
       chakraReactSelect.CreatableSelect,
-      {
+      __spreadValues({
         menuPlacement,
         chakraStyles: __spreadProps(__spreadValues({}, customSelectStyles), {
           container: (provided) => __spreadProps(__spreadValues({}, provided), {
@@ -14009,7 +14044,7 @@
             color: "black"
           })
         }),
-        components: customComponents,
+        components: getCustomComponents(),
         options: customOptions,
         value: selectedOption,
         onChange: handleChange,
@@ -14021,7 +14056,7 @@
         placeholder: newOptionPlaceholder,
         useBasicStyles: true,
         variant
-      }
+      }, restProps)
     ));
   };