@northlight/ui 2.26.1 → 2.27.1

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)
@@ -8259,7 +8259,7 @@
       onClose,
       autoFocus = true,
       resizeLimit = "full"
-    } = _b, rest = __objRest$_(_b, [
+    } = _b, rest = __objRest$$(_b, [
       "isResizable",
       "isOpen",
       "children",
@@ -8344,7 +8344,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 +8360,7 @@
     var _b = _a, {
       children,
       onClose
-    } = _b, rest = __objRest$Z(_b, [
+    } = _b, rest = __objRest$_(_b, [
       "children",
       "onClose"
     ]);
@@ -8392,7 +8392,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 +8405,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 +8432,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 +8445,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 +8466,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 +8484,7 @@
       onChange,
       name,
       value
-    } = _b, rest = __objRest$W(_b, [
+    } = _b, rest = __objRest$X(_b, [
       "size",
       "onChange",
       "name",
@@ -8517,7 +8517,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 +8534,7 @@
       direction = "row",
       children,
       name
-    } = _b, rest = __objRest$V(_b, [
+    } = _b, rest = __objRest$W(_b, [
       "direction",
       "children",
       "name"
@@ -8558,7 +8558,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 +8579,7 @@
       isRequired,
       validate,
       onChange: onChangeCallback = ramda.identity
-    } = _b, rest = __objRest$U(_b, [
+    } = _b, rest = __objRest$V(_b, [
       "name",
       "label",
       "children",
@@ -8645,7 +8645,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 +8661,7 @@
     var _b = _a, {
       onClick,
       direction
-    } = _b, rest = __objRest$T(_b, [
+    } = _b, rest = __objRest$U(_b, [
       "onClick",
       "direction"
     ]);
@@ -8692,7 +8692,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 +8715,7 @@
       itemHeight = carouselItemWidth,
       spacing = carouselItemSpacing,
       carouselStyles = {}
-    } = _b, rest = __objRest$S(_b, [
+    } = _b, rest = __objRest$T(_b, [
       "children",
       "showArrows",
       "showRadio",
@@ -8904,7 +8904,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 +8926,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 +8952,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 +8983,7 @@
         value,
         onSearchInputChange = ramda.identity,
         icon = icons.SearchDuo
-      } = _b, rest = __objRest$Q(_b, [
+      } = _b, rest = __objRest$R(_b, [
         "defaultOptions",
         "isMulti",
         "customOption",
@@ -9085,7 +9085,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 +9109,7 @@
       onChange: onChangeCallback = ramda.identity,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$P(_b, [
+    } = _b, rest = __objRest$Q(_b, [
       "name",
       "label",
       "direction",
@@ -9202,7 +9202,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 +9220,7 @@
       variant = "solid",
       bgColor,
       colorScheme
-    } = _b, rest = __objRest$O(_b, [
+    } = _b, rest = __objRest$P(_b, [
       "children",
       "variant",
       "bgColor",
@@ -9258,7 +9258,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 +9276,7 @@
       max = Infinity,
       spacing = "2",
       OverflowIndicator: OverflowIndicator$1 = OverflowIndicator
-    } = _b, rest = __objRest$N(_b, [
+    } = _b, rest = __objRest$O(_b, [
       "children",
       "max",
       "spacing",
@@ -9312,7 +9312,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 +9331,7 @@
         isDragging,
         itemLabel = "Drag Me",
         bgColor
-      } = _b, rest = __objRest$M(_b, [
+      } = _b, rest = __objRest$N(_b, [
         "size",
         "isDragging",
         "itemLabel",
@@ -9371,7 +9371,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 +9389,7 @@
       children,
       disableDrag = false,
       "data-testid": dataTestId
-    } = _b, rest = __objRest$L(_b, [
+    } = _b, rest = __objRest$M(_b, [
       "itemLabel",
       "children",
       "disableDrag",
@@ -9401,7 +9401,7 @@
       setNodeRef,
       transform,
       isDragging
-    } = _a2, props = __objRest$L(_a2, [
+    } = _a2, props = __objRest$M(_a2, [
       "attributes",
       "listeners",
       "setNodeRef",
@@ -9446,7 +9446,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 +9462,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 +9507,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 +9526,7 @@
       children,
       disableDrag = false,
       "data-testid": dataTestId
-    } = _b, rest = __objRest$J(_b, [
+    } = _b, rest = __objRest$K(_b, [
       "itemLabel",
       "dblClickThreshold",
       "children",
@@ -9540,7 +9540,7 @@
       transform,
       transition,
       isDragging
-    } = _a2, props = __objRest$J(_a2, [
+    } = _a2, props = __objRest$K(_a2, [
       "attributes",
       "listeners",
       "setNodeRef",
@@ -9611,7 +9611,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 +9624,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 +9650,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 +9663,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 +9866,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 +9888,7 @@
       height,
       overscanCount = 0,
       initialScrollOffset
-    } = _b, rest = __objRest$G(_b, [
+    } = _b, rest = __objRest$H(_b, [
       "itemCount",
       "itemSize",
       "direction",
@@ -9930,7 +9930,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 +9953,7 @@
       height,
       overscanRowCount = 0,
       overscanColumnCount = 0
-    } = _b, rest = __objRest$F(_b, [
+    } = _b, rest = __objRest$G(_b, [
       "columns",
       "rows",
       "columnSize",
@@ -9997,7 +9997,15 @@
       }
     return a;
   };
-  const EditableControls = ({ size }) => {
+  const mapEditableVariantsToButtonSubmitVariants = {
+    brand: "brand",
+    default: "success"
+  };
+  const mapEditableVariantsToButtonCancelVariants = {
+    brand: "ghost",
+    default: "danger"
+  };
+  const EditableControls = ({ size, variant = "default" }) => {
     const {
       getSubmitButtonProps,
       getCancelButtonProps
@@ -10009,7 +10017,7 @@
       __spreadValues$O({
         "aria-label": "Cancel",
         sx: button,
-        variant: "danger"
+        variant: mapEditableVariantsToButtonCancelVariants[variant]
       }, getCancelButtonProps()),
       /* @__PURE__ */ React.createElement(Icon$1, { sx: icon, as: icons.XCloseSolid })
     ), /* @__PURE__ */ React.createElement(
@@ -10017,7 +10025,7 @@
       __spreadValues$O({
         "aria-label": "Save",
         sx: button,
-        variant: "success"
+        variant: mapEditableVariantsToButtonSubmitVariants[variant]
       }, getSubmitButtonProps()),
       /* @__PURE__ */ React.createElement(Icon$1, { sx: icon, as: icons.CheckDuo })
     )) : /* @__PURE__ */ React.createElement(
@@ -10048,7 +10056,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)
@@ -10065,12 +10073,14 @@
       size = "md",
       value: inputValue,
       onSubmit,
-      leftItem
-    } = _b, rest = __objRest$E(_b, [
+      leftItem,
+      variant = "default"
+    } = _b, rest = __objRest$F(_b, [
       "size",
       "value",
       "onSubmit",
-      "leftItem"
+      "leftItem",
+      "variant"
     ]);
     const [value, setValue] = React.useState(inputValue);
     const { input, preview } = react.useMultiStyleConfig("EditableText", { size, value });
@@ -10099,7 +10109,7 @@
           size,
           sx: input
         }
-      ), /* @__PURE__ */ React.createElement(react.InputRightElement, { sx: { width: "min-content" } }, /* @__PURE__ */ React.createElement(EditableControls, { size })))
+      ), /* @__PURE__ */ React.createElement(react.InputRightElement, { sx: { width: "min-content" } }, /* @__PURE__ */ React.createElement(EditableControls, { size, variant })))
     );
   };
 
@@ -10119,7 +10129,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)
@@ -10135,7 +10145,7 @@
     var _b = _a, {
       isCentered = true,
       children
-    } = _b, rest = __objRest$D(_b, [
+    } = _b, rest = __objRest$E(_b, [
       "isCentered",
       "children"
     ]);
@@ -10167,7 +10177,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)
@@ -10183,7 +10193,7 @@
     var _b = _a, {
       stayMountedOnClose = false,
       isOpen
-    } = _b, rest = __objRest$C(_b, [
+    } = _b, rest = __objRest$D(_b, [
       "stayMountedOnClose",
       "isOpen"
     ]);
@@ -10224,7 +10234,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)
@@ -10247,7 +10257,7 @@
       isImage,
       canEditFileName = true,
       canCropImage = false
-    } = _b, rest = __objRest$B(_b, [
+    } = _b, rest = __objRest$C(_b, [
       "fileName",
       "setFileName",
       "isOpen",
@@ -10332,7 +10342,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)
@@ -10350,7 +10360,7 @@
       onClose,
       confirmDelete,
       fileName
-    } = _b, rest = __objRest$A(_b, [
+    } = _b, rest = __objRest$B(_b, [
       "isOpen",
       "onClose",
       "confirmDelete",
@@ -10393,7 +10403,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)
@@ -10407,7 +10417,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({
@@ -10458,7 +10468,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)
@@ -10476,7 +10486,7 @@
       onLoadEnd = () => {
       },
       hideDisplay = true
-    } = _b, rest = __objRest$y(_b, [
+    } = _b, rest = __objRest$z(_b, [
       "loaded",
       "onLoadEnd",
       "hideDisplay"
@@ -10740,7 +10750,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)
@@ -10756,7 +10766,7 @@
     var _b = _a, {
       icon,
       color = "unset"
-    } = _b, rest = __objRest$x(_b, [
+    } = _b, rest = __objRest$y(_b, [
       "icon",
       "color"
     ]);
@@ -10782,7 +10792,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)
@@ -10806,7 +10816,7 @@
       loadWithSpinner = false,
       confirmDelete = false,
       editFileOptions = defaultEditOptions
-    } = _b, rest = __objRest$w(_b, [
+    } = _b, rest = __objRest$x(_b, [
       "acceptFormat",
       "onChange",
       "compression",
@@ -11112,7 +11122,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)
@@ -11132,7 +11142,7 @@
       isRequired,
       validate,
       onChange: onChangeCallback = ramda.identity
-    } = _b, rest = __objRest$v(_b, [
+    } = _b, rest = __objRest$w(_b, [
       "name",
       "label",
       "direction",
@@ -11190,7 +11200,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)
@@ -11210,7 +11220,7 @@
       addFilesToQueue = ramda.identity,
       updatePreviewFiles = ramda.identity,
       maxFileSize = fiveHundredMB
-    } = _b, rest = __objRest$u(_b, [
+    } = _b, rest = __objRest$v(_b, [
       "acceptFormat",
       "compression",
       "onChange",
@@ -11551,7 +11561,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)
@@ -11573,7 +11583,7 @@
       confirmDelete,
       editFileOptions = defaultEditOptions,
       enableSmartLoad = true
-    } = _b, rest = __objRest$t(_b, [
+    } = _b, rest = __objRest$u(_b, [
       "files",
       "uploadingFiles",
       "onChange",
@@ -11653,7 +11663,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)
@@ -11679,7 +11689,7 @@
       enableSmartLoad = true,
       editFileOptions = defaultEditOptions,
       variant
-    } = _b, rest = __objRest$s(_b, [
+    } = _b, rest = __objRest$t(_b, [
       "acceptFormat",
       "compression",
       "onChange",
@@ -11764,7 +11774,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)
@@ -11784,7 +11794,7 @@
       isRequired,
       validate,
       onChange: onChangeCallback = ramda.identity
-    } = _b, rest = __objRest$r(_b, [
+    } = _b, rest = __objRest$s(_b, [
       "name",
       "label",
       "direction",
@@ -11868,7 +11878,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)
@@ -11881,7 +11891,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));
   };
 
@@ -11942,7 +11952,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)
@@ -11963,7 +11973,7 @@
       enableStepperArrows = false,
       name,
       onlyAcceptPercentage = false
-    } = _b, rest = __objRest$p(_b, [
+    } = _b, rest = __objRest$q(_b, [
       "variant",
       "size",
       "onChange",
@@ -12018,7 +12028,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)
@@ -12041,7 +12051,7 @@
       onlyAcceptPercentage = false,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$o(_b, [
+    } = _b, rest = __objRest$p(_b, [
       "name",
       "label",
       "direction",
@@ -12108,7 +12118,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)
@@ -12128,7 +12138,7 @@
       hasNotification = false,
       blinkerColor = "green.500",
       size
-    } = _b, rest = __objRest$n(_b, [
+    } = _b, rest = __objRest$o(_b, [
       "variant",
       "icon",
       "aria-label",
@@ -12178,7 +12188,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)
@@ -12195,7 +12205,7 @@
       variant = "outline",
       hidden,
       children
-    } = _b, rest = __objRest$m(_b, [
+    } = _b, rest = __objRest$n(_b, [
       "variant",
       "hidden",
       "children"
@@ -12236,7 +12246,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)
@@ -12264,7 +12274,7 @@
       value,
       icon,
       components
-    } = _b, rest = __objRest$l(_b, [
+    } = _b, rest = __objRest$m(_b, [
       "options",
       "isMulti",
       "onChange",
@@ -12342,7 +12352,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)
@@ -12367,7 +12377,7 @@
       onChange: onChangeCallback = ramda.identity,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$k(_b, [
+    } = _b, rest = __objRest$l(_b, [
       "name",
       "label",
       "options",
@@ -12450,7 +12460,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)
@@ -12468,7 +12478,7 @@
       onChange,
       name,
       size = "md"
-    } = _b, rest = __objRest$j(_b, [
+    } = _b, rest = __objRest$k(_b, [
       "value",
       "onChange",
       "name",
@@ -12501,7 +12511,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)
@@ -12523,7 +12533,7 @@
       direction = "row",
       labelPlacement = "right",
       labelSize = "md"
-    } = _b, rest = __objRest$i(_b, [
+    } = _b, rest = __objRest$j(_b, [
       "name",
       "label",
       "isRequired",
@@ -12602,7 +12612,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)
@@ -12619,7 +12629,7 @@
       children,
       variant = "soft-rounded",
       isManual = true
-    } = _b, rest = __objRest$h(_b, [
+    } = _b, rest = __objRest$i(_b, [
       "children",
       "variant",
       "isManual"
@@ -12650,7 +12660,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)
@@ -12668,7 +12678,7 @@
       onChange,
       name,
       value
-    } = _b, rest = __objRest$g(_b, [
+    } = _b, rest = __objRest$h(_b, [
       "size",
       "onChange",
       "name",
@@ -12701,7 +12711,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)
@@ -12721,7 +12731,7 @@
       validate,
       direction,
       onChange: onChangeCallback = ramda.identity
-    } = _b, rest = __objRest$f(_b, [
+    } = _b, rest = __objRest$g(_b, [
       "name",
       "label",
       "isRequired",
@@ -12775,7 +12785,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)
@@ -12812,7 +12822,7 @@
       min = -Infinity,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$e(_b, [
+    } = _b, rest = __objRest$f(_b, [
       "preset",
       "isPercentage",
       "onChange",
@@ -12886,7 +12896,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)
@@ -12906,7 +12916,7 @@
       validate,
       onChange: onChangeCallback = ramda.identity,
       direction = "row"
-    } = _b, rest = __objRest$d(_b, [
+    } = _b, rest = __objRest$e(_b, [
       "name",
       "label",
       "isRequired",
@@ -12954,7 +12964,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)
@@ -12978,7 +12988,7 @@
       placeholder,
       onChange,
       onBlur
-    } = _b, rest = __objRest$c(_b, [
+    } = _b, rest = __objRest$d(_b, [
       "mask",
       "maskPlaceholder",
       "alwaysShowMask",
@@ -13025,7 +13035,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)
@@ -13048,7 +13058,7 @@
       onChange: onChangeCallback = ramda.identity,
       inputLeftElement,
       inputRightElement
-    } = _b, rest = __objRest$b(_b, [
+    } = _b, rest = __objRest$c(_b, [
       "name",
       "label",
       "as",
@@ -13108,7 +13118,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)
@@ -13126,7 +13136,7 @@
       title = "",
       description = "",
       onClose
-    } = _b, rest = __objRest$a(_b, [
+    } = _b, rest = __objRest$b(_b, [
       "variant",
       "title",
       "description",
@@ -13240,7 +13250,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)
@@ -13253,7 +13263,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;
@@ -13305,7 +13315,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)
@@ -13318,7 +13328,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,
@@ -13359,7 +13369,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)
@@ -13374,7 +13384,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)));
@@ -13432,7 +13442,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)
@@ -13445,7 +13455,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,
@@ -13488,7 +13498,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)
@@ -13501,7 +13511,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);
@@ -13523,7 +13533,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)
@@ -13540,7 +13550,7 @@
       size = "md",
       value,
       "aria-label": ariaLabel
-    } = _b, rest = __objRest$4(_b, [
+    } = _b, rest = __objRest$5(_b, [
       "size",
       "value",
       "aria-label"
@@ -13601,7 +13611,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)
@@ -13620,7 +13630,7 @@
       isOpen,
       minLeftWidth = 25,
       minRightWidth = 50
-    } = _b, rest = __objRest$3(_b, [
+    } = _b, rest = __objRest$4(_b, [
       "children",
       "initialSplit",
       "isOpen",
@@ -13689,7 +13699,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)
@@ -13702,7 +13712,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);
   };
 
@@ -13749,7 +13759,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)
@@ -13768,7 +13778,7 @@
       rowHeight = "10",
       stepCircleAlignment = "center",
       stepCircleMarginTopPx = 0
-    } = _b, rest = __objRest$1(_b, [
+    } = _b, rest = __objRest$2(_b, [
       "children",
       "spacing",
       "rowHeight",
@@ -13828,7 +13838,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)
@@ -13840,10 +13850,28 @@
       }
     return target;
   };
+  const { Option: ChakraOption } = chakraReactSelect.chakraComponents;
   const customComponents = {
     Option: (_a) => {
-      var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-      return /* @__PURE__ */ React.createElement(chakraReactSelect.chakraComponents.Option, __spreadValues$1({}, props), /* @__PURE__ */ React.createElement(React.Fragment, null, props.data.isCreation ? /* @__PURE__ */ React.createElement(react.Flex, { mr: 3, width: 1.5, mb: 0.5, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React.createElement(Icon$1, { mb: "4px", as: icons.PlusSolid, color: "brand" })) : /* @__PURE__ */ React.createElement(react.Box, { mr: 3, width: 1.5 }), 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,
+        {
+          mr: 3,
+          width: 1.5,
+          mb: 0.5,
+          justifyContent: "center",
+          alignItems: "center"
+        },
+        /* @__PURE__ */ React.createElement(Icon$1, { as: icons.PlusSolid, color: "brand" })
+      ), !props.data.isCreation && /* @__PURE__ */ React.createElement(react.Box, { mr: 3, width: 1.5 }), /* @__PURE__ */ React.createElement(
+        react.Text,
+        {
+          color: props.data.isCreation ? "text.brand" : "text.default",
+          fontWeight: props.data.isCreation ? "semibold" : "normal"
+        },
+        children
+      ));
     }
   };
 
@@ -13866,70 +13894,90 @@
     return a;
   };
   var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-  const CreatableSelectDropdown = ({
-    standardOptions,
-    initialPlaceholder = "Select or create...",
-    addOptionPlaceholder = "Enter text...",
-    creationOption = {
-      label: "Add option...",
-      value: "Add option...",
-      isCreation: true
-    },
-    onOptionChange,
-    width = "100%",
-    variant = "outline",
-    defaultValue,
-    value,
-    menuPlacement = "bottom"
-  }) => {
-    const initialSelectedOption = React.useMemo(
-      () => {
-        var _a, _b;
-        if (!ramda.isNil(value)) {
-          return (_a = standardOptions.find((option) => option.value === value)) != null ? _a : null;
-        }
-        if (!ramda.isNil(defaultValue)) {
-          return (_b = standardOptions.find((option) => option.value === defaultValue)) != null ? _b : null;
-        }
-        return null;
+  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 = (_a) => {
+    var _b = _a, {
+      standardOptions,
+      initialPlaceholder = "Select or create...",
+      addOptionPlaceholder = "Select or create...",
+      creationOption = {
+        label: "Add field",
+        value: CREATION_OPTION_VALUE,
+        isCreation: true
       },
-      [value]
-    );
-    const [selectedOption, setSelectedOption] = React.useState(initialSelectedOption);
-    const [newOptionText, setNewOptionText] = React.useState("");
+      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 _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([]);
+    const [createNewOption, setCreateNewOption] = React.useState(false);
+    const [addFieldInputValue, setAddFieldInputValue] = React.useState("");
     function isCreationOption(option) {
       return option && typeof option.isCreation === "boolean";
     }
     const ref = React.useRef(null);
-    react.useOutsideClick({
-      ref,
-      handler: () => {
-        if (isCreationOption(selectedOption)) {
-          setSelectedOption(initialSelectedOption);
-          setNewOptionPlaceholder(initialPlaceholder);
-        }
+    const checkIfNewOptionTextExistsInOptions = (string, options) => ramda.any((option) => ramda.toLower(option.value) === string, options);
+    const handleCreateOption = (newOptionTextString) => {
+      setCreateNewOption(true);
+      if (ramda.isEmpty(ramda.trim(newOptionTextString))) {
+        return;
       }
-    });
-    const handleInputChange = (newValue) => {
-      setNewOptionText(newValue);
-    };
-    const handleCreateOption = () => {
-      const newOptionTextLower = newOptionText.toLowerCase();
-      const newOptionExists = standardOptions.some((option) => option.value.toLowerCase() === newOptionTextLower);
-      if (!newOptionExists) {
-        const newOption = { label: newOptionText, value: newOptionText };
-        setCreatedOptions((currentCreatedOptions) => [...currentCreatedOptions, newOption]);
+      const newOptionTextLower = ramda.toLower(newOptionTextString);
+      const newOptionExistsInStandardOptions = checkIfNewOptionTextExistsInOptions(newOptionTextLower, standardOptions);
+      const newOptionExistsInCreatedOptions = checkIfNewOptionTextExistsInOptions(
+        newOptionTextLower,
+        createdOptions
+      );
+      if (!newOptionExistsInCreatedOptions && !newOptionExistsInStandardOptions) {
+        const newOption = {
+          label: newOptionTextString,
+          value: newOptionTextString
+        };
+        setCreatedOptions((currentCreatedOptions) => [
+          ...currentCreatedOptions,
+          newOption
+        ]);
         setSelectedOption(newOption);
         onOptionChange(newOption);
       }
-      setNewOptionText("");
       setNewOptionPlaceholder(initialPlaceholder);
     };
     const handleChange = (newValue, _actionMeta) => {
       const option = newValue;
-      if (option === null) {
+      if (newValue == null ? void 0 : newValue.isCreation) {
+        setCreateNewOption(true);
+      }
+      if (option == null) {
         return;
       }
       if (isCreationOption(option)) {
@@ -13937,29 +13985,58 @@
       } else {
         setNewOptionPlaceholder(initialPlaceholder);
       }
-      setSelectedOption(option);
-      onOptionChange(option);
-    };
-    const handleKeyDown = (event) => {
-      if (event.key === "Enter" && newOptionText) {
-        handleCreateOption();
-        event.preventDefault();
+      if (option.value !== CREATION_OPTION_VALUE) {
+        setSelectedOption(option);
       }
+      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
     ];
-    return /* @__PURE__ */ React.createElement(react.Box, { ref }, /* @__PURE__ */ React.createElement(
-      chakraReactSelect.CreatableSelect,
+    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,
       {
+        value: addFieldInputValue,
+        startWithEditView: true,
+        onChange: (v) => {
+          setAddFieldInputValue(v);
+        },
+        submitOnBlur: false,
+        onCancel: () => {
+          setAddFieldInputValue("");
+          setCreateNewOption(false);
+        },
+        onSubmit: (v) => {
+          handleCreateOption(v);
+          setCreateNewOption(false);
+        },
+        variant: "brand",
+        sx: {
+          minWidth: "100%",
+          width: "100%"
+        }
+      }
+    ), !createNewOption && /* @__PURE__ */ React.createElement(
+      chakraReactSelect.CreatableSelect,
+      __spreadValues({
         menuPlacement,
         chakraStyles: __spreadProps(__spreadValues({}, customSelectStyles), {
           container: (provided) => __spreadProps(__spreadValues({}, provided), {
-            width
+            width: "100%"
           }),
           option: (provided, { isSelected }) => __spreadValues(__spreadValues({}, provided), isSelected && {
             color: "black"
@@ -13970,14 +14047,14 @@
         value: selectedOption,
         onChange: handleChange,
         isMulti: false,
-        onInputChange: handleInputChange,
-        onKeyDown: handleKeyDown,
-        onCreateOption: handleCreateOption,
+        onCreateOption: (v) => {
+          setCreateNewOption(true);
+          setAddFieldInputValue(v);
+        },
         placeholder: newOptionPlaceholder,
-        inputValue: newOptionText,
         useBasicStyles: true,
         variant
-      }
+      }, restProps)
     ));
   };