@hybr1d-tech/charizard 0.3.59 → 0.3.60

package/dist/hybr1d-ui.js

@@ -59,10 +59,10 @@ function Jo() {
         z.unshift("Warning: " + A), Function.prototype.apply.call(console[g], console, z);
       }
     }
-    var _ = !1, N = !1, S = !1, w = !1, E = !1, j;
+    var _ = !1, E = !1, S = !1, w = !1, N = !1, j;
     j = Symbol.for("react.module.reference");
     function H(g) {
-      return !!(typeof g == "string" || typeof g == "function" || g === o || g === a || E || g === n || g === c || g === d || w || g === b || _ || N || S || typeof g == "object" && g !== null && (g.$$typeof === h || g.$$typeof === p || g.$$typeof === l || g.$$typeof === u || g.$$typeof === i || // This needs to include all possible module reference object
+      return !!(typeof g == "string" || typeof g == "function" || g === o || g === a || N || g === n || g === c || g === d || w || g === b || _ || E || S || typeof g == "object" && g !== null && (g.$$typeof === h || g.$$typeof === p || g.$$typeof === l || g.$$typeof === u || g.$$typeof === i || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -1062,8 +1062,8 @@ function Ia({
   }, v = (C) => {
     let x = !1;
     return e.forEach((_) => {
-      _.values.forEach((N) => {
-        if (N === C) {
+      _.values.forEach((E) => {
+        if (E === C) {
           x = !0;
           return;
         }
@@ -1576,7 +1576,7 @@ function Ig({
   infiniteScrollConfig: b
 }) {
   var X;
-  const [f, v] = y.useState([]), [I, m] = y.useState({}), [C, x] = y.useState({}), { ref: _, inView: N } = Xo(), S = !e.isFetching && !e.isError && !t.length, { isCheckbox: w, isRadio: E, setSelectedRows: j } = a;
+  const [f, v] = y.useState([]), [I, m] = y.useState({}), [C, x] = y.useState({}), { ref: _, inView: E } = Xo(), S = !e.isFetching && !e.isError && !t.length, { isCheckbox: w, isRadio: N, setSelectedRows: j } = a;
   Mn(() => {
     if (!n || !f.length)
       return;
@@ -1588,8 +1588,8 @@ function Ig({
     const B = k.getSelectedRowModel().rows.map((M) => M.original);
     j([...B]);
   }, [C]), y.useEffect(() => {
-    b && N && b.fetchNextPage();
-  }, [b == null ? void 0 : b.fetchNextPage, N]);
+    b && E && b.fetchNextPage();
+  }, [b == null ? void 0 : b.fetchNextPage, E]);
   const H = [
     {
       id: ft,
@@ -1650,7 +1650,7 @@ function Ig({
     enableRowSelection: !0,
     // enableRowSelection: row => row.original.age > 18, // or enable row selection conditionally per row
     onRowSelectionChange: (a == null ? void 0 : a.setRowSelection) || x,
-    enableMultiRowSelection: !E,
+    enableMultiRowSelection: !N,
     manualPagination: !0,
     manualFiltering: !0,
     getCoreRowModel: Ho(),
@@ -1662,7 +1662,7 @@ function Ig({
     getRowId: a != null && a.rowIdKey ? (B) => B[a == null ? void 0 : a.rowIdKey] : void 0
   });
   return y.useLayoutEffect(() => {
-    if (w && E)
+    if (w && N)
       throw new Error(
         "Hybrid UI<Table>: Can not use both checkbox and radio columns, please use only one"
       );
@@ -1671,7 +1671,7 @@ function Ig({
     w || (B = k.getColumn(ft)) == null || B.toggleVisibility(!1);
   }, []), y.useLayoutEffect(() => {
     var B;
-    E || (B = k.getColumn(St)) == null || B.toggleVisibility(!1);
+    N || (B = k.getColumn(St)) == null || B.toggleVisibility(!1);
   }, []), y.useLayoutEffect(() => {
     var B;
     l.isDropdownActions || (B = k.getColumn(Gt)) == null || B.toggleVisibility(!1);
@@ -1714,7 +1714,7 @@ function Ig({
           {
             table: k,
             isCheckbox: w,
-            isRadio: E,
+            isRadio: N,
             loaderConfig: e,
             isEmpty: S,
             emptyStateConfig: p,
@@ -1727,7 +1727,7 @@ function Ig({
       {
         table: k,
         isCheckbox: w,
-        isRadio: E,
+        isRadio: N,
         loaderConfig: e,
         isEmpty: S,
         emptyStateConfig: p,
@@ -1837,30 +1837,30 @@ function Cg({
 }) {
   const [b, f] = y.useState(l), [v, I] = y.useState(""), m = Jt.collection({
     items: l,
-    itemToValue: (N) => N.value,
-    itemToString: (N) => N.label
+    itemToValue: (E) => E.value,
+    itemToString: (E) => E.label
   }), [C, x] = Se(
     Jt.machine({
       id: Ro(),
       collection: m,
-      onOpenChange(N) {
-        N.open && f(l);
+      onOpenChange(E) {
+        E.open && f(l);
       },
-      async onInputValueChange({ value: N }) {
-        if (I(N[0]), !u) {
+      async onInputValueChange({ value: E }) {
+        if (I(E[0]), !u) {
           const S = b.filter(
-            (w) => w.label.toLowerCase().includes(N[0].toLowerCase())
+            (w) => w.label.toLowerCase().includes(E[0].toLowerCase())
           );
           f(S);
           return;
         }
-        N[0] && i && (f([]), i(N[0]));
+        E[0] && i && (f([]), i(E[0]));
       },
       disabled: a,
       inputValue: h,
       // when multiple is allowed the onValueChange function will change
       multiple: !1,
-      onValueChange(N) {
+      onValueChange(E) {
       }
     }),
     {
@@ -1887,16 +1887,16 @@ function Cg({
         ..._.contentProps,
         className: Ze.options,
         style: { maxHeight: p },
-        children: b.map((N, S) => /* @__PURE__ */ s.jsx(
+        children: b.map((E, S) => /* @__PURE__ */ s.jsx(
           "li",
           {
             className: Ze.option,
             ..._.getItemProps({
-              item: N
+              item: E
             }),
-            children: N.listComponent ? N.listComponent : N.label
+            children: E.listComponent ? E.listComponent : E.label
           },
-          `${N.value}:${S}`
+          `${E.value}:${S}`
         ))
       }
     ) : v && /* @__PURE__ */ s.jsxs(
@@ -1976,11 +1976,11 @@ function xg({
   showHeaderBorder: v = !0,
   drawerPosition: I = "right"
 }) {
-  const m = y.useRef(null), C = y.useRef(null), x = y.useRef(null), _ = I === "left" ? "-100%" : "100%", N = !i && !c;
+  const m = y.useRef(null), C = y.useRef(null), x = y.useRef(null), _ = I === "left" ? "-100%" : "100%", E = !i && !c;
   return y.useEffect(() => {
     const S = setTimeout(() => {
-      var w, E;
-      m.current && C && x && (m.current.style.transform = t ? "translateX(0)" : `translateX(${_})`, C.current.style.maxHeight = `calc(100vh - (1.75rem * 2) - ${(w = x.current) == null ? void 0 : w.clientHeight}px)`, C.current.style.height = `calc(100vh - (1.75rem * 2) - ${(E = x.current) == null ? void 0 : E.clientHeight}px)`);
+      var w, N;
+      m.current && C && x && (m.current.style.transform = t ? "translateX(0)" : `translateX(${_})`, C.current.style.maxHeight = `calc(100vh - (1.75rem * 2) - ${(w = x.current) == null ? void 0 : w.clientHeight}px)`, C.current.style.height = `calc(100vh - (1.75rem * 2) - ${(N = x.current) == null ? void 0 : N.clientHeight}px)`);
     }, 0);
     return () => {
       clearTimeout(S);
@@ -2012,7 +2012,7 @@ function xg({
             {
               className: R(
                 ce.descriptionContainer,
-                { [ce.fullHeight]: N },
+                { [ce.fullHeight]: E },
                 b
               ),
               ref: C,
@@ -2145,8 +2145,8 @@ function Lt({
       i(!1), b(!0);
     else {
       i(!0);
-      const x = (C = c.current) == null ? void 0 : C.getBoundingClientRect(), _ = (x == null ? void 0 : x.right) + (x == null ? void 0 : x.width), N = window.innerWidth - 100;
-      _ > N && b(!1);
+      const x = (C = c.current) == null ? void 0 : C.getBoundingClientRect(), _ = (x == null ? void 0 : x.right) + (x == null ? void 0 : x.width), E = window.innerWidth - 100;
+      _ > E && b(!1);
     }
   }, I = (C) => (C.label + " " + C.value).toLowerCase().includes(d.toLowerCase());
   return /* @__PURE__ */ s.jsxs(
@@ -2756,18 +2756,20 @@ function Vg({
   isSearchable: f = !0,
   isMulti: v = !1,
   isClearable: I = !1,
-  CustomDropdownIndicator: m
+  customValue: m,
+  CustomDropdownIndicator: C
 }) {
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      onClick: (C) => C.stopPropagation(),
+      onClick: (x) => x.stopPropagation(),
       style: c,
       className: ne.selectContainer,
       children: [
         /* @__PURE__ */ s.jsx(
           Mo,
           {
+            value: m,
             isMulti: v,
             placeholder: a,
             defaultValue: u,
@@ -2783,15 +2785,15 @@ function Vg({
               Option: Cn,
               MultiValueLabel: xn,
               MultiValueRemove: An,
-              DropdownIndicator: m || _n,
+              DropdownIndicator: C || _n,
               ClearIndicator: yn,
               SingleValue: En
             },
             isDisabled: b,
-            onChange: (C, x) => {
+            onChange: (x, _) => {
               e(
-                v ? C.map((_) => _.value) : (C == null ? void 0 : C.value) ?? "",
-                x
+                v ? x.map((E) => E.value) : (x == null ? void 0 : x.value) ?? "",
+                _
               );
             },
             formatGroupLabel: i,
@@ -3194,8 +3196,8 @@ function Cu(t, e) {
       threshold: du(0, cu(1, i)) || 1
     };
     let x = !0;
-    function _(N) {
-      const S = N[0].intersectionRatio;
+    function _(E) {
+      const S = E[0].intersectionRatio;
       if (S !== i) {
         if (!x)
           return l();
@@ -3392,7 +3394,7 @@ function Lu(t) {
   };
   if (!r || !r.offsetParent)
     return c;
-  var d = i.getBoundingClientRect(), p = d.height, h = r.getBoundingClientRect(), b = h.bottom, f = h.height, v = h.top, I = r.offsetParent.getBoundingClientRect(), m = I.top, C = l ? window.innerHeight : Nu(i), x = Mr(i), _ = parseInt(getComputedStyle(r).marginBottom, 10), N = parseInt(getComputedStyle(r).marginTop, 10), S = m - N, w = C - v, E = S + x, j = p - x - v, H = b - C + x + _, k = x + v - N, X = 160;
+  var d = i.getBoundingClientRect(), p = d.height, h = r.getBoundingClientRect(), b = h.bottom, f = h.height, v = h.top, I = r.offsetParent.getBoundingClientRect(), m = I.top, C = l ? window.innerHeight : Nu(i), x = Mr(i), _ = parseInt(getComputedStyle(r).marginBottom, 10), E = parseInt(getComputedStyle(r).marginTop, 10), S = m - E, w = C - v, N = S + x, j = p - x - v, H = b - C + x + _, k = x + v - E, X = 160;
   switch (n) {
     case "auto":
     case "bottom":
@@ -3415,7 +3417,7 @@ function Lu(t) {
         };
       }
       if (n === "auto" || l) {
-        var M = e, O = l ? S : E;
+        var M = e, O = l ? S : N;
         return O >= o && (M = Math.min(O - _ - u, e)), {
           placement: "top",
           maxHeight: M
@@ -3433,14 +3435,14 @@ function Lu(t) {
           placement: "top",
           maxHeight: e
         };
-      if (E >= f && !l)
+      if (N >= f && !l)
         return a && Ct(i, k, X), {
           placement: "top",
           maxHeight: e
         };
-      if (!l && E >= o || l && S >= o) {
+      if (!l && N >= o || l && S >= o) {
         var Y = e;
-        return (!l && E >= o || l && S >= o) && (Y = l ? S - N : E - N), a && Ct(i, k, X), {
+        return (!l && N >= o || l && S >= o) && (Y = l ? S - E : N - E), a && Ct(i, k, X), {
           placement: "top",
           maxHeight: Y
         };
@@ -3477,18 +3479,18 @@ var Yr = function(e) {
 }, Jr = /* @__PURE__ */ Po(null), Xu = function(e) {
   var r = e.children, o = e.minMenuHeight, n = e.maxMenuHeight, a = e.menuPlacement, l = e.menuPosition, u = e.menuShouldScrollIntoView, i = e.theme, c = To(Jr) || {}, d = c.setPortalPlacement, p = Ne(null), h = ge(n), b = se(h, 2), f = b[0], v = b[1], I = ge(null), m = se(I, 2), C = m[0], x = m[1], _ = i.spacing.controlHeight;
   return pn(function() {
-    var N = p.current;
-    if (N) {
-      var S = l === "fixed", w = u && !S, E = Lu({
+    var E = p.current;
+    if (E) {
+      var S = l === "fixed", w = u && !S, N = Lu({
         maxHeight: n,
-        menuEl: N,
+        menuEl: E,
         minHeight: o,
         placement: a,
         shouldScroll: w,
         isFixedPosition: S,
         controlHeight: _
       });
-      v(E.maxHeight), x(E.placement), d == null || d(E.placement);
+      v(N.maxHeight), x(N.placement), d == null || d(N.placement);
     }
   }, [n, a, l, u, o, d, _]), r({
     ref: p,
@@ -3566,7 +3568,7 @@ var Yr = function(e) {
     };
   }, []), v = ge(null), I = se(v, 2), m = I[0], C = I[1], x = le(function() {
     if (n) {
-      var w = wu(n), E = u === "fixed" ? 0 : window.pageYOffset, j = w[h] + E;
+      var w = wu(n), N = u === "fixed" ? 0 : window.pageYOffset, j = w[h] + N;
       (j !== (m == null ? void 0 : m.offset) || w.left !== (m == null ? void 0 : m.rect.left) || w.width !== (m == null ? void 0 : m.rect.width)) && C({
         offset: j,
         rect: w
@@ -3584,13 +3586,13 @@ var Yr = function(e) {
   pn(function() {
     _();
   }, [_]);
-  var N = le(function(w) {
+  var E = le(function(w) {
     i.current = w, _();
   }, [_]);
   if (!r && u !== "fixed" || !m)
     return null;
   var S = T("div", P({
-    ref: N
+    ref: E
   }, $(F(F({}, e), {}, {
     offset: m.offset,
     position: u,
@@ -4167,11 +4169,11 @@ var td = process.env.NODE_ENV === "production" ? {
     return "".concat(o).concat(r ? " for search term " + r : "", ".");
   }
 }, od = function(e) {
-  var r = e.ariaSelection, o = e.focusedOption, n = e.focusedValue, a = e.focusableOptions, l = e.isFocused, u = e.selectValue, i = e.selectProps, c = e.id, d = e.isAppleDevice, p = i.ariaLiveMessages, h = i.getOptionLabel, b = i.inputValue, f = i.isMulti, v = i.isOptionDisabled, I = i.isSearchable, m = i.menuIsOpen, C = i.options, x = i.screenReaderStatus, _ = i.tabSelectsValue, N = i.isLoading, S = i["aria-label"], w = i["aria-live"], E = Me(function() {
+  var r = e.ariaSelection, o = e.focusedOption, n = e.focusedValue, a = e.focusableOptions, l = e.isFocused, u = e.selectValue, i = e.selectProps, c = e.id, d = e.isAppleDevice, p = i.ariaLiveMessages, h = i.getOptionLabel, b = i.inputValue, f = i.isMulti, v = i.isOptionDisabled, I = i.isSearchable, m = i.menuIsOpen, C = i.options, x = i.screenReaderStatus, _ = i.tabSelectsValue, E = i.isLoading, S = i["aria-label"], w = i["aria-live"], N = Me(function() {
     return F(F({}, rd), p || {});
   }, [p]), j = Me(function() {
     var O = "";
-    if (r && E.onChange) {
+    if (r && N.onChange) {
       var Y = r.option, be = r.options, re = r.removedValue, Ae = r.removedValues, Ie = r.value, Te = function(ue) {
         return Array.isArray(ue) ? null : ue;
       }, J = re || Y || Te(Ie), ie = J ? h(J) : "", Ce = be || Ae || void 0, de = Ce ? Ce.map(h) : [], ae = F({
@@ -4181,12 +4183,12 @@ var td = process.env.NODE_ENV === "production" ? {
         label: ie,
         labels: de
       }, r);
-      O = E.onChange(ae);
+      O = N.onChange(ae);
     }
     return O;
-  }, [r, E, v, u, h]), H = Me(function() {
+  }, [r, N, v, u, h]), H = Me(function() {
     var O = "", Y = o || n, be = !!(o && u && u.includes(o));
-    if (Y && E.onFocus) {
+    if (Y && N.onFocus) {
       var re = {
         focused: Y,
         label: h(Y),
@@ -4197,26 +4199,26 @@ var td = process.env.NODE_ENV === "production" ? {
         selectValue: u,
         isAppleDevice: d
       };
-      O = E.onFocus(re);
+      O = N.onFocus(re);
     }
     return O;
-  }, [o, n, h, v, E, a, u, d]), k = Me(function() {
+  }, [o, n, h, v, N, a, u, d]), k = Me(function() {
     var O = "";
-    if (m && C.length && !N && E.onFilter) {
+    if (m && C.length && !E && N.onFilter) {
       var Y = x({
         count: a.length
       });
-      O = E.onFilter({
+      O = N.onFilter({
         inputValue: b,
         resultsMessage: Y
       });
     }
     return O;
-  }, [a, b, m, E, C, x, N]), X = (r == null ? void 0 : r.action) === "initial-input-focus", B = Me(function() {
+  }, [a, b, m, N, C, x, E]), X = (r == null ? void 0 : r.action) === "initial-input-focus", B = Me(function() {
     var O = "";
-    if (E.guidance) {
+    if (N.guidance) {
       var Y = n ? "value" : m ? "menu" : "input";
-      O = E.guidance({
+      O = N.guidance({
         "aria-label": S,
         context: Y,
         isDisabled: o && v(o, u),
@@ -4227,7 +4229,7 @@ var td = process.env.NODE_ENV === "production" ? {
       });
     }
     return O;
-  }, [S, o, n, f, v, I, m, E, u, _, X]), M = T(sn, null, T("span", {
+  }, [S, o, n, f, v, I, m, N, u, _, X]), M = T(sn, null, T("span", {
     id: "aria-selection"
   }, j), T("span", {
     id: "aria-focused"
@@ -4558,8 +4560,8 @@ var gd = function(e) {
 function pd(t) {
   var e = t.isEnabled, r = t.onBottomArrive, o = t.onBottomLeave, n = t.onTopArrive, a = t.onTopLeave, l = Ne(!1), u = Ne(!1), i = Ne(0), c = Ne(null), d = le(function(I, m) {
     if (c.current !== null) {
-      var C = c.current, x = C.scrollTop, _ = C.scrollHeight, N = C.clientHeight, S = c.current, w = m > 0, E = _ - N - x, j = !1;
-      E > m && l.current && (o && o(I), l.current = !1), w && u.current && (a && a(I), u.current = !1), w && m > E ? (r && !l.current && r(I), S.scrollTop = _, j = !0, l.current = !0) : !w && -m > x && (n && !u.current && n(I), S.scrollTop = 0, j = !0, u.current = !0), j && gd(I);
+      var C = c.current, x = C.scrollTop, _ = C.scrollHeight, E = C.clientHeight, S = c.current, w = m > 0, N = _ - E - x, j = !1;
+      N > m && l.current && (o && o(I), l.current = !1), w && u.current && (a && a(I), u.current = !1), w && m > N ? (r && !l.current && r(I), S.scrollTop = _, j = !0, l.current = !0) : !w && -m > x && (n && !u.current && n(I), S.scrollTop = 0, j = !0, u.current = !0), j && gd(I);
     }
   }, [r, o, n, a]), p = le(function(I) {
     d(I, I.deltaY);
@@ -5140,7 +5142,7 @@ var go = function(e) {
     }, n.onValueInputFocus = function(i) {
       i.preventDefault(), i.stopPropagation(), n.focus();
     }, n.onKeyDown = function(i) {
-      var c = n.props, d = c.isMulti, p = c.backspaceRemovesValue, h = c.escapeClearsValue, b = c.inputValue, f = c.isClearable, v = c.isDisabled, I = c.menuIsOpen, m = c.onKeyDown, C = c.tabSelectsValue, x = c.openMenuOnFocus, _ = n.state, N = _.focusedOption, S = _.focusedValue, w = _.selectValue;
+      var c = n.props, d = c.isMulti, p = c.backspaceRemovesValue, h = c.escapeClearsValue, b = c.inputValue, f = c.isClearable, v = c.isDisabled, I = c.menuIsOpen, m = c.onKeyDown, C = c.tabSelectsValue, x = c.openMenuOnFocus, _ = n.state, E = _.focusedOption, S = _.focusedValue, w = _.selectValue;
       if (!v && !(typeof m == "function" && (m(i), i.defaultPrevented))) {
         switch (n.blockOptionHover = !0, i.key) {
           case "ArrowLeft":
@@ -5166,19 +5168,19 @@ var go = function(e) {
             }
             break;
           case "Tab":
-            if (n.isComposing || i.shiftKey || !I || !C || !N || // don't capture the event if the menu opens on focus and the focused
+            if (n.isComposing || i.shiftKey || !I || !C || !E || // don't capture the event if the menu opens on focus and the focused
             // option is already selected; it breaks the flow of navigation
-            x && n.isOptionSelected(N, w))
+            x && n.isOptionSelected(E, w))
               return;
-            n.selectOption(N);
+            n.selectOption(E);
             break;
           case "Enter":
             if (i.keyCode === 229)
               break;
             if (I) {
-              if (!N || n.isComposing)
+              if (!E || n.isComposing)
                 return;
-              n.selectOption(N);
+              n.selectOption(E);
               break;
             }
             return;
@@ -5197,9 +5199,9 @@ var go = function(e) {
               n.openMenu("first");
               break;
             }
-            if (!N)
+            if (!E)
               return;
-            n.selectOption(N);
+            n.selectOption(E);
             break;
           case "ArrowUp":
             I ? n.focusOption("up") : n.openMenu("last");
@@ -5525,7 +5527,7 @@ var go = function(e) {
   }, {
     key: "renderPlaceholderOrValue",
     value: function() {
-      var n = this, a = this.getComponents(), l = a.MultiValue, u = a.MultiValueContainer, i = a.MultiValueLabel, c = a.MultiValueRemove, d = a.SingleValue, p = a.Placeholder, h = this.commonProps, b = this.props, f = b.controlShouldRenderValue, v = b.isDisabled, I = b.isMulti, m = b.inputValue, C = b.placeholder, x = this.state, _ = x.selectValue, N = x.focusedValue, S = x.isFocused;
+      var n = this, a = this.getComponents(), l = a.MultiValue, u = a.MultiValueContainer, i = a.MultiValueLabel, c = a.MultiValueRemove, d = a.SingleValue, p = a.Placeholder, h = this.commonProps, b = this.props, f = b.controlShouldRenderValue, v = b.isDisabled, I = b.isMulti, m = b.inputValue, C = b.placeholder, x = this.state, _ = x.selectValue, E = x.focusedValue, S = x.isFocused;
       if (!this.hasValue() || !f)
         return m ? null : /* @__PURE__ */ y.createElement(p, P({}, h, {
           key: "placeholder",
@@ -5536,8 +5538,8 @@ var go = function(e) {
           }
         }), C);
       if (I)
-        return _.map(function(E, j) {
-          var H = E === N, k = "".concat(n.getOptionLabel(E), "-").concat(n.getOptionValue(E));
+        return _.map(function(N, j) {
+          var H = N === E, k = "".concat(n.getOptionLabel(N), "-").concat(n.getOptionValue(N));
           return /* @__PURE__ */ y.createElement(l, P({}, h, {
             components: {
               Container: u,
@@ -5550,17 +5552,17 @@ var go = function(e) {
             index: j,
             removeProps: {
               onClick: function() {
-                return n.removeValue(E);
+                return n.removeValue(N);
               },
               onTouchEnd: function() {
-                return n.removeValue(E);
+                return n.removeValue(N);
               },
               onMouseDown: function(B) {
                 B.preventDefault();
               }
             },
-            data: E
-          }), n.formatOptionLabel(E, "value"));
+            data: N
+          }), n.formatOptionLabel(N, "value"));
         });
       if (m)
         return null;
@@ -5633,7 +5635,7 @@ var go = function(e) {
   }, {
     key: "renderMenu",
     value: function() {
-      var n = this, a = this.getComponents(), l = a.Group, u = a.GroupHeading, i = a.Menu, c = a.MenuList, d = a.MenuPortal, p = a.LoadingMessage, h = a.NoOptionsMessage, b = a.Option, f = this.commonProps, v = this.state.focusedOption, I = this.props, m = I.captureMenuScroll, C = I.inputValue, x = I.isLoading, _ = I.loadingMessage, N = I.minMenuHeight, S = I.maxMenuHeight, w = I.menuIsOpen, E = I.menuPlacement, j = I.menuPosition, H = I.menuPortalTarget, k = I.menuShouldBlockScroll, X = I.menuShouldScrollIntoView, B = I.noOptionsMessage, M = I.onMenuScrollToTop, O = I.onMenuScrollToBottom;
+      var n = this, a = this.getComponents(), l = a.Group, u = a.GroupHeading, i = a.Menu, c = a.MenuList, d = a.MenuPortal, p = a.LoadingMessage, h = a.NoOptionsMessage, b = a.Option, f = this.commonProps, v = this.state.focusedOption, I = this.props, m = I.captureMenuScroll, C = I.inputValue, x = I.isLoading, _ = I.loadingMessage, E = I.minMenuHeight, S = I.maxMenuHeight, w = I.menuIsOpen, N = I.menuPlacement, j = I.menuPosition, H = I.menuPortalTarget, k = I.menuShouldBlockScroll, X = I.menuShouldScrollIntoView, B = I.noOptionsMessage, M = I.onMenuScrollToTop, O = I.onMenuScrollToBottom;
       if (!w)
         return null;
       var Y = function(ie, Ce) {
@@ -5700,9 +5702,9 @@ var go = function(e) {
         be = /* @__PURE__ */ y.createElement(h, f, Ae);
       }
       var Ie = {
-        minMenuHeight: N,
+        minMenuHeight: E,
         maxMenuHeight: S,
-        menuPlacement: E,
+        menuPlacement: N,
         menuPosition: j,
         menuShouldScrollIntoView: X
       }, Te = /* @__PURE__ */ y.createElement(Xu, P({}, f, Ie), function(J) {
@@ -5739,7 +5741,7 @@ var go = function(e) {
       return H || j === "fixed" ? /* @__PURE__ */ y.createElement(d, P({}, f, {
         appendTo: H,
         controlElement: this.controlRef,
-        menuPlacement: E,
+        menuPlacement: N,
         menuPosition: j
       }), Te) : Te;
     }
@@ -5834,12 +5836,12 @@ var go = function(e) {
     value: function(n, a) {
       var l = a.prevProps, u = a.clearFocusValueOnUpdate, i = a.inputIsHiddenAfterUpdate, c = a.ariaSelection, d = a.isFocused, p = a.prevWasFocused, h = a.instancePrefix, b = n.options, f = n.value, v = n.menuIsOpen, I = n.inputValue, m = n.isMulti, C = Tt(f), x = {};
       if (l && (f !== l.value || b !== l.options || v !== l.menuIsOpen || I !== l.inputValue)) {
-        var _ = v ? jd(n, C) : [], N = v ? Cr(At(n, C), "".concat(h, "-option")) : [], S = u ? Wd(a, C) : null, w = Ld(a, _), E = on(N, w);
+        var _ = v ? jd(n, C) : [], E = v ? Cr(At(n, C), "".concat(h, "-option")) : [], S = u ? Wd(a, C) : null, w = Ld(a, _), N = on(E, w);
         x = {
           selectValue: C,
           focusedOption: w,
-          focusedOptionId: E,
-          focusableOptionsWithIds: N,
+          focusedOptionId: N,
+          focusableOptionsWithIds: E,
           focusedValue: S,
           clearFocusValueOnUpdate: !1
         };
@@ -5863,7 +5865,7 @@ var go = function(e) {
 Fn.defaultProps = Pd;
 var Od = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function po(t) {
-  var e = t.defaultInputValue, r = e === void 0 ? "" : e, o = t.defaultMenuIsOpen, n = o === void 0 ? !1 : o, a = t.defaultValue, l = a === void 0 ? null : a, u = t.inputValue, i = t.menuIsOpen, c = t.onChange, d = t.onInputChange, p = t.onMenuClose, h = t.onMenuOpen, b = t.value, f = Be(t, Od), v = ge(u !== void 0 ? u : r), I = se(v, 2), m = I[0], C = I[1], x = ge(i !== void 0 ? i : n), _ = se(x, 2), N = _[0], S = _[1], w = ge(b !== void 0 ? b : l), E = se(w, 2), j = E[0], H = E[1], k = le(function(re, Ae) {
+  var e = t.defaultInputValue, r = e === void 0 ? "" : e, o = t.defaultMenuIsOpen, n = o === void 0 ? !1 : o, a = t.defaultValue, l = a === void 0 ? null : a, u = t.inputValue, i = t.menuIsOpen, c = t.onChange, d = t.onInputChange, p = t.onMenuClose, h = t.onMenuOpen, b = t.value, f = Be(t, Od), v = ge(u !== void 0 ? u : r), I = se(v, 2), m = I[0], C = I[1], x = ge(i !== void 0 ? i : n), _ = se(x, 2), E = _[0], S = _[1], w = ge(b !== void 0 ? b : l), N = se(w, 2), j = N[0], H = N[1], k = le(function(re, Ae) {
     typeof c == "function" && c(re, Ae), H(re);
   }, [c]), X = le(function(re, Ae) {
     var Ie;
@@ -5872,7 +5874,7 @@ function po(t) {
     typeof h == "function" && h(), S(!0);
   }, [h]), M = le(function() {
     typeof p == "function" && p(), S(!1);
-  }, [p]), O = u !== void 0 ? u : m, Y = i !== void 0 ? i : N, be = b !== void 0 ? b : j;
+  }, [p]), O = u !== void 0 ? u : m, Y = i !== void 0 ? i : E, be = b !== void 0 ? b : j;
   return F(F({}, f), {}, {
     inputValue: O,
     menuIsOpen: Y,
@@ -5887,7 +5889,7 @@ var Xd = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading
 function Zd(t) {
   var e = t.defaultOptions, r = e === void 0 ? !1 : e, o = t.cacheOptions, n = o === void 0 ? !1 : o, a = t.loadOptions;
   t.options;
-  var l = t.isLoading, u = l === void 0 ? !1 : l, i = t.onInputChange, c = t.filterOption, d = c === void 0 ? null : c, p = Be(t, Xd), h = p.inputValue, b = Ne(void 0), f = Ne(!1), v = ge(Array.isArray(r) ? r : void 0), I = se(v, 2), m = I[0], C = I[1], x = ge(typeof h < "u" ? h : ""), _ = se(x, 2), N = _[0], S = _[1], w = ge(r === !0), E = se(w, 2), j = E[0], H = E[1], k = ge(void 0), X = se(k, 2), B = X[0], M = X[1], O = ge([]), Y = se(O, 2), be = Y[0], re = Y[1], Ae = ge(!1), Ie = se(Ae, 2), Te = Ie[0], J = Ie[1], ie = ge({}), Ce = se(ie, 2), de = Ce[0], ae = Ce[1], xe = ge(void 0), ue = se(xe, 2), Fe = ue[0], De = ue[1], ze = ge(void 0), Oe = se(ze, 2), st = Oe[0], Ue = Oe[1];
+  var l = t.isLoading, u = l === void 0 ? !1 : l, i = t.onInputChange, c = t.filterOption, d = c === void 0 ? null : c, p = Be(t, Xd), h = p.inputValue, b = Ne(void 0), f = Ne(!1), v = ge(Array.isArray(r) ? r : void 0), I = se(v, 2), m = I[0], C = I[1], x = ge(typeof h < "u" ? h : ""), _ = se(x, 2), E = _[0], S = _[1], w = ge(r === !0), N = se(w, 2), j = N[0], H = N[1], k = ge(void 0), X = se(k, 2), B = X[0], M = X[1], O = ge([]), Y = se(O, 2), be = Y[0], re = Y[1], Ae = ge(!1), Ie = se(Ae, 2), Te = Ie[0], J = Ie[1], ie = ge({}), Ce = se(ie, 2), de = Ce[0], ae = Ce[1], xe = ge(void 0), ue = se(xe, 2), Fe = ue[0], De = ue[1], ze = ge(void 0), Oe = se(ze, 2), st = Oe[0], Ue = Oe[1];
   n !== st && (ae({}), Ue(n)), r !== Fe && (C(Array.isArray(r) ? r : void 0), De(r)), yt(function() {
     return f.current = !0, function() {
       f.current = !1;
@@ -5902,7 +5904,7 @@ function Zd(t) {
     });
   }, [a]);
   yt(function() {
-    r === !0 && Re(N, function(Xe) {
+    r === !0 && Re(E, function(Xe) {
       f.current && (C(Xe || []), H(!!b.current));
     });
   }, []);
@@ -5920,7 +5922,7 @@ function Zd(t) {
         f && Xt === b.current && (b.current = void 0, H(!1), M(me), re(Ye || []), J(!1), ae(Ye ? F(F({}, de), {}, rt({}, me, Ye)) : de));
       });
     }
-  }, [n, Re, B, de, i]), vt = Te ? [] : N && B ? be : m || [];
+  }, [n, Re, B, de, i]), vt = Te ? [] : E && B ? be : m || [];
   return F(F({}, p), {}, {
     options: vt,
     isLoading: j || u,
@@ -6024,14 +6026,14 @@ var kd = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel"
   }
 };
 function Yd(t) {
-  var e = t.allowCreateWhileLoading, r = e === void 0 ? !1 : e, o = t.createOptionPosition, n = o === void 0 ? "last" : o, a = t.formatCreateLabel, l = a === void 0 ? an.formatCreateLabel : a, u = t.isValidNewOption, i = u === void 0 ? an.isValidNewOption : u, c = t.getNewOptionData, d = c === void 0 ? an.getNewOptionData : c, p = t.onCreateOption, h = t.options, b = h === void 0 ? [] : h, f = t.onChange, v = Be(t, kd), I = v.getOptionValue, m = I === void 0 ? oo : I, C = v.getOptionLabel, x = C === void 0 ? ro : C, _ = v.inputValue, N = v.isLoading, S = v.isMulti, w = v.value, E = v.name, j = Me(function() {
+  var e = t.allowCreateWhileLoading, r = e === void 0 ? !1 : e, o = t.createOptionPosition, n = o === void 0 ? "last" : o, a = t.formatCreateLabel, l = a === void 0 ? an.formatCreateLabel : a, u = t.isValidNewOption, i = u === void 0 ? an.isValidNewOption : u, c = t.getNewOptionData, d = c === void 0 ? an.getNewOptionData : c, p = t.onCreateOption, h = t.options, b = h === void 0 ? [] : h, f = t.onChange, v = Be(t, kd), I = v.getOptionValue, m = I === void 0 ? oo : I, C = v.getOptionLabel, x = C === void 0 ? ro : C, _ = v.inputValue, E = v.isLoading, S = v.isMulti, w = v.value, N = v.name, j = Me(function() {
     return i(_, Tt(w), b, {
       getOptionValue: m,
       getOptionLabel: x
     }) ? d(_, l(_)) : void 0;
   }, [l, d, x, m, _, i, b, w]), H = Me(function() {
-    return (r || !N) && j ? n === "first" ? [j].concat(ot(b)) : [].concat(ot(b), [j]) : b;
-  }, [r, n, N, j, b]), k = le(function(X, B) {
+    return (r || !E) && j ? n === "first" ? [j].concat(ot(b)) : [].concat(ot(b), [j]) : b;
+  }, [r, n, E, j, b]), k = le(function(X, B) {
     if (B.action !== "select-option")
       return f(X, B);
     var M = Array.isArray(X) ? X : [X];
@@ -6041,7 +6043,7 @@ function Yd(t) {
       else {
         var O = d(_, _), Y = {
           action: "create-option",
-          name: E,
+          name: N,
           option: O
         };
         f(bt(S, [].concat(ot(Tt(w)), [O]), O), Y);
@@ -6049,7 +6051,7 @@ function Yd(t) {
       return;
     }
     f(X, B);
-  }, [d, _, S, E, j, p, f, w]);
+  }, [d, _, S, N, j, p, f, w]);
   return F(F({}, v), {}, {
     options: H,
     onChange: k
@@ -6116,13 +6118,13 @@ function Pg({
             onChange: async (x) => {
               if (x)
                 if (v) {
-                  const _ = x.filter((w) => w.__isNew__), N = x.filter((w) => !w.__isNew__);
-                  let S = N;
+                  const _ = x.filter((w) => w.__isNew__), E = x.filter((w) => !w.__isNew__);
+                  let S = E;
                   if (_.length > 0) {
                     const w = await m(
-                      _.map((E) => E.value)
+                      _.map((N) => N.value)
                     );
-                    w && (x = x.map((E) => (E.__isNew__ && (E.value = w[0].value, delete E.__isNew__), E)), await C(), S = [...N, ...w]);
+                    w && (x = x.map((N) => (N.__isNew__ && (N.value = w[0].value, delete N.__isNew__), N)), await C(), S = [...E, ...w]);
                   }
                   e(
                     S.map((w) => w.value),
@@ -6131,8 +6133,8 @@ function Pg({
                 } else {
                   let _;
                   if (x.__isNew__) {
-                    const N = await m(x.value);
-                    await C(), delete x.__isNew__, _ = N.value;
+                    const E = await m(x.value);
+                    await C(), delete x.__isNew__, _ = E.value;
                   } else
                     _ = x.value;
                   e(_ ?? "", x.actionMeta);
@@ -6243,24 +6245,24 @@ function Wg({
     f(p);
   }, [p]);
   const x = async () => {
-    const E = t[b].onContinueClick;
+    const N = t[b].onContinueClick;
     try {
-      E ? E.constructor && E.constructor.name === "AsyncFunction" ? (await E(), _()) : (E(), _()) : m && (r(), I(!0));
+      N ? N.constructor && N.constructor.name === "AsyncFunction" ? (await N(), _()) : (N(), _()) : m && (r(), I(!0));
     } catch {
       return;
     }
   }, _ = () => {
     m && !C ? (r(), I(!0)) : b < t.length - 1 && !C && f(b + 1);
-  }, N = () => {
+  }, E = () => {
     f(b - 1), I(!1);
-  }, S = (E) => {
-    c && E < b && f(E);
+  }, S = (N) => {
+    c && N < b && f(N);
   }, w = () => {
     h(), f(b + 1);
   };
   return /* @__PURE__ */ s.jsxs("div", { className: ve.progressContainer, children: [
     /* @__PURE__ */ s.jsxs("div", { className: ve.header, children: [
-      /* @__PURE__ */ s.jsx("div", { className: ve.steps, children: t.map((E, j) => /* @__PURE__ */ s.jsxs("div", { className: ve.step, onClick: () => S(j), children: [
+      /* @__PURE__ */ s.jsx("div", { className: ve.steps, children: t.map((N, j) => /* @__PURE__ */ s.jsxs("div", { className: ve.step, onClick: () => S(j), children: [
         j > 0 && /* @__PURE__ */ s.jsx("div", { className: ve.line }),
         /* @__PURE__ */ s.jsxs("div", { className: ve.labelContainer, children: [
           /* @__PURE__ */ s.jsx(
@@ -6274,7 +6276,7 @@ function Wg({
               children: j < b || v ? /* @__PURE__ */ s.jsx(oe, { path: m0, width: 20 }) : j + 1
             }
           ),
-          /* @__PURE__ */ s.jsx("div", { className: R(ve.label, b === j && ve.active), children: E.label })
+          /* @__PURE__ */ s.jsx("div", { className: R(ve.label, b === j && ve.active), children: N.label })
         ] })
       ] }, j)) }),
       l && /* @__PURE__ */ s.jsxs("div", { className: ve.btnsFlex, children: [
@@ -6287,7 +6289,7 @@ function Wg({
     u && /* @__PURE__ */ s.jsxs("div", { className: ve.footer, children: [
       /* @__PURE__ */ s.jsx(pe, { variant: We.SECONDARY, onClick: e, children: "Cancel" }),
       /* @__PURE__ */ s.jsxs("div", { className: ve.btnsFlex, children: [
-        b > 0 && /* @__PURE__ */ s.jsx(pe, { variant: We.SECONDARY, onClick: N, children: "Back" }),
+        b > 0 && /* @__PURE__ */ s.jsx(pe, { variant: We.SECONDARY, onClick: E, children: "Back" }),
         a && b === o && /* @__PURE__ */ s.jsx(pe, { onClick: w, variant: We.GHOST, children: d }),
         /* @__PURE__ */ s.jsx(pe, { onClick: x, children: m ? n : "Continue" })
       ] })