@stihl-design-system/components 1.0.0-RC.31 → 1.0.0-RC.34

package/chunks/{CustomReactSelect.iE5iTdez.js → CustomReactSelect.Dg3wC_VH.js}

@@ -1,20 +1,20 @@
 "use client";
 import { jsxs as de, jsx as M } from "react/jsx-runtime";
-import { d as ee } from "./index.CgTHIF3K.js";
-import { c as L } from "./index.CEyLAtio.js";
+import { d as ee } from "./index.D-sRdssb.js";
+import { c as L } from "./index.DL9mof6u.js";
 import * as X from "react";
-import { useState as ue, useCallback as T, useLayoutEffect as Dt, useRef as Q, useMemo as ae, createContext as Ot, useContext as Tt, Component as wt, Fragment as Re, useEffect as lt, forwardRef as rt } from "react";
+import { useState as ue, useCallback as T, useLayoutEffect as Dt, useRef as Q, useMemo as oe, createContext as Ot, useContext as Tt, Component as wt, Fragment as Re, useEffect as lt, forwardRef as rt } from "react";
 import { jsx as f, css as st, keyframes as Jt } from "@emotion/react";
 import { createPortal as Lt } from "react-dom";
-import { a as Yt } from "./floating-ui.dom.C9TD1WpB.js";
+import { a as Yt } from "./floating-ui.dom.BT8pKtCQ.js";
 import { t as zt } from "./translate.nuU7uChI.js";
-import { g as pe, r as kt } from "./helpers.BbWkXTr3.js";
-import { u as jt } from "./useBreakpoint.CMOR9ZOB.js";
-import { Asterisk as Ut } from "../asterisk.CR60hx8S.js";
-import { D as be } from "./Icon.DGTYCv63.js";
-import { D as Qt } from "./SystemFeedback.B9f67mjJ.js";
-import { OptionCheckbox as _t } from "../optioncheckbox.D97W3zeW.js";
-import '../assets/CustomReactSelect.D0b1Hg1T.css';const Uo = ({
+import { g as pe, r as kt } from "./helpers.CexwVao7.js";
+import { u as jt } from "./useBreakpoint.BzR_yaIv.js";
+import { Asterisk as Ut } from "../asterisk.B2ih8VwF.js";
+import { D as be } from "./Icon.CDLyB7Pv.js";
+import { D as Qt } from "./SystemFeedback.CjlARKki.js";
+import { OptionCheckbox as _t } from "../optioncheckbox.nBVwGv6c.js";
+import '../assets/CustomReactSelect.E_jJFVew.css';const Qo = ({
   id: n,
   label: e,
   options: i
@@ -27,7 +27,7 @@ import '../assets/CustomReactSelect.D0b1Hg1T.css';const Uo = ({
     if (i.length === 0)
       throw new Error(pe("DSCombobox", "The options array must not be empty."));
   } else throw new Error(pe("DSCombobox", kt("options", "DSCombobox")));
-}, Qo = ["medium", "small"], $t = {
+}, _o = ["medium", "small"], $t = {
   placeholder: "",
   navigationGuidance: "Use Up and Down to choose options",
   selectGuidance: "press Enter to select the currently focused option",
@@ -91,27 +91,27 @@ import '../assets/CustomReactSelect.D0b1Hg1T.css';const Uo = ({
   en: $t,
   de: Kt
 };
-function le(n) {
+function ae(n) {
   "@babel/helpers - typeof";
-  return le = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return ae = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, le(n);
+  }, ae(n);
 }
 function qt(n, e) {
-  if (le(n) != "object" || !n) return n;
+  if (ae(n) != "object" || !n) return n;
   var i = n[Symbol.toPrimitive];
   if (i !== void 0) {
     var u = i.call(n, e);
-    if (le(u) != "object") return u;
+    if (ae(u) != "object") return u;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (e === "string" ? String : Number)(n);
 }
 function ct(n) {
   var e = qt(n, "string");
-  return le(e) == "symbol" ? e : e + "";
+  return ae(e) == "symbol" ? e : e + "";
 }
 function ce(n, e, i) {
   return (e = ct(e)) in n ? Object.defineProperty(n, e, {
@@ -205,24 +205,24 @@ function te(n, e) {
 }
 var on = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function an(n) {
-  var e = n.defaultInputValue, i = e === void 0 ? "" : e, u = n.defaultMenuIsOpen, t = u === void 0 ? !1 : u, a = n.defaultValue, l = a === void 0 ? null : a, s = n.inputValue, o = n.menuIsOpen, r = n.onChange, c = n.onInputChange, d = n.onMenuClose, b = n.onMenuOpen, p = n.value, v = te(n, on), m = ue(s !== void 0 ? s : i), g = q(m, 2), I = g[0], x = g[1], V = ue(o !== void 0 ? o : t), y = q(V, 2), F = y[0], E = y[1], S = ue(p !== void 0 ? p : l), A = q(S, 2), R = A[0], H = A[1], O = T(function(w, B) {
-    typeof r == "function" && r(w, B), H(w);
-  }, [r]), D = T(function(w, B) {
-    var U;
-    typeof c == "function" && (U = c(w, B)), x(U !== void 0 ? U : w);
-  }, [c]), z = T(function() {
-    typeof b == "function" && b(), E(!0);
+  var e = n.defaultInputValue, i = e === void 0 ? "" : e, u = n.defaultMenuIsOpen, t = u === void 0 ? !1 : u, a = n.defaultValue, l = a === void 0 ? null : a, s = n.inputValue, o = n.menuIsOpen, r = n.onChange, c = n.onInputChange, d = n.onMenuClose, b = n.onMenuOpen, p = n.value, m = te(n, on), v = ue(s !== void 0 ? s : i), g = q(v, 2), I = g[0], V = g[1], x = ue(o !== void 0 ? o : t), y = q(x, 2), B = y[0], S = y[1], F = ue(p !== void 0 ? p : l), A = q(F, 2), R = A[0], D = A[1], O = T(function(w, U) {
+    typeof r == "function" && r(w, U), D(w);
+  }, [r]), P = T(function(w, U) {
+    var E;
+    typeof c == "function" && (E = c(w, U)), V(E !== void 0 ? E : w);
+  }, [c]), Y = T(function() {
+    typeof b == "function" && b(), S(!0);
   }, [b]), k = T(function() {
-    typeof d == "function" && d(), E(!1);
-  }, [d]), N = s !== void 0 ? s : I, P = o !== void 0 ? o : F, Y = p !== void 0 ? p : R;
-  return C(C({}, v), {}, {
+    typeof d == "function" && d(), S(!1);
+  }, [d]), N = s !== void 0 ? s : I, Z = o !== void 0 ? o : B, z = p !== void 0 ? p : R;
+  return C(C({}, m), {}, {
     inputValue: N,
-    menuIsOpen: P,
+    menuIsOpen: Z,
     onChange: O,
-    onInputChange: D,
+    onInputChange: P,
     onMenuClose: k,
-    onMenuOpen: z,
-    value: Y
+    onMenuOpen: Y,
+    value: z
   });
 }
 function h() {
@@ -285,7 +285,7 @@ function cn(n) {
   return n;
 }
 function dn(n, e) {
-  if (e && (le(e) == "object" || typeof e == "function")) return e;
+  if (e && (ae(e) == "object" || typeof e == "function")) return e;
   if (e !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
   return cn(n);
 }
@@ -339,12 +339,12 @@ function Cn(n, e) {
   }).join(" ");
 }
 var Ye = function(e) {
-  return Fn(e) ? e.filter(Boolean) : le(e) === "object" && e !== null ? [e] : [];
+  return Fn(e) ? e.filter(Boolean) : ae(e) === "object" && e !== null ? [e] : [];
 }, gt = function(e) {
   e.className, e.clearValue, e.cx, e.getStyles, e.getClassNames, e.getValue, e.hasValue, e.isMulti, e.isRtl, e.options, e.selectOption, e.selectProps, e.setValue, e.theme;
   var i = te(e, vn);
   return C({}, i);
-}, Z = function(e, i, u) {
+}, W = function(e, i, u) {
   var t = e.cx, a = e.getStyles, l = e.getClassNames, s = e.className;
   return {
     css: a(i, e),
@@ -450,57 +450,57 @@ function Wn(n) {
     maxHeight: e
   };
   if (!i || !i.offsetParent) return r;
-  var c = o.getBoundingClientRect(), d = c.height, b = i.getBoundingClientRect(), p = b.bottom, v = b.height, m = b.top, g = i.offsetParent.getBoundingClientRect(), I = g.top, x = l ? window.innerHeight : hn(o), V = pt(o), y = parseInt(getComputedStyle(i).marginBottom, 10), F = parseInt(getComputedStyle(i).marginTop, 10), E = I - F, S = x - m, A = E + V, R = d - V - m, H = p - x + V + y, O = V + m - F, D = 160;
+  var c = o.getBoundingClientRect(), d = c.height, b = i.getBoundingClientRect(), p = b.bottom, m = b.height, v = b.top, g = i.offsetParent.getBoundingClientRect(), I = g.top, V = l ? window.innerHeight : hn(o), x = pt(o), y = parseInt(getComputedStyle(i).marginBottom, 10), B = parseInt(getComputedStyle(i).marginTop, 10), S = I - B, F = V - v, A = S + x, R = d - x - v, D = p - V + x + y, O = x + v - B, P = 160;
   switch (t) {
     case "auto":
     case "bottom":
-      if (S >= v)
+      if (F >= m)
         return {
           placement: "bottom",
           maxHeight: e
         };
-      if (R >= v && !l)
-        return a && Ie(o, H, D), {
+      if (R >= m && !l)
+        return a && Ie(o, D, P), {
           placement: "bottom",
           maxHeight: e
         };
-      if (!l && R >= u || l && S >= u) {
-        a && Ie(o, H, D);
-        var z = l ? S - y : R - y;
+      if (!l && R >= u || l && F >= u) {
+        a && Ie(o, D, P);
+        var Y = l ? F - y : R - y;
         return {
           placement: "bottom",
-          maxHeight: z
+          maxHeight: Y
         };
       }
       if (t === "auto" || l) {
-        var k = e, N = l ? E : A;
+        var k = e, N = l ? S : A;
         return N >= u && (k = Math.min(N - y - s, e)), {
           placement: "top",
           maxHeight: k
         };
       }
       if (t === "bottom")
-        return a && Ae(o, H), {
+        return a && Ae(o, D), {
           placement: "bottom",
           maxHeight: e
         };
       break;
     case "top":
-      if (E >= v)
+      if (S >= m)
         return {
           placement: "top",
           maxHeight: e
         };
-      if (A >= v && !l)
-        return a && Ie(o, O, D), {
+      if (A >= m && !l)
+        return a && Ie(o, O, P), {
           placement: "top",
           maxHeight: e
         };
-      if (!l && A >= u || l && E >= u) {
-        var P = e;
-        return (!l && A >= u || l && E >= u) && (P = l ? E - F : A - F), a && Ie(o, O, D), {
+      if (!l && A >= u || l && S >= u) {
+        var Z = e;
+        return (!l && A >= u || l && S >= u) && (Z = l ? S - B : A - B), a && Ie(o, O, P), {
           placement: "top",
-          maxHeight: P
+          maxHeight: Z
         };
       }
       return {
@@ -533,31 +533,31 @@ var mt = function(e) {
     marginTop: s.menuGutter
   });
 }, vt = /* @__PURE__ */ Ot(null), Nn = function(e) {
-  var i = e.children, u = e.minMenuHeight, t = e.maxMenuHeight, a = e.menuPlacement, l = e.menuPosition, s = e.menuShouldScrollIntoView, o = e.theme, r = Tt(vt) || {}, c = r.setPortalPlacement, d = Q(null), b = ue(t), p = q(b, 2), v = p[0], m = p[1], g = ue(null), I = q(g, 2), x = I[0], V = I[1], y = o.spacing.controlHeight;
+  var i = e.children, u = e.minMenuHeight, t = e.maxMenuHeight, a = e.menuPlacement, l = e.menuPosition, s = e.menuShouldScrollIntoView, o = e.theme, r = Tt(vt) || {}, c = r.setPortalPlacement, d = Q(null), b = ue(t), p = q(b, 2), m = p[0], v = p[1], g = ue(null), I = q(g, 2), V = I[0], x = I[1], y = o.spacing.controlHeight;
   return Pe(function() {
-    var F = d.current;
-    if (F) {
-      var E = l === "fixed", S = s && !E, A = Wn({
+    var B = d.current;
+    if (B) {
+      var S = l === "fixed", F = s && !S, A = Wn({
         maxHeight: t,
-        menuEl: F,
+        menuEl: B,
         minHeight: u,
         placement: a,
-        shouldScroll: S,
-        isFixedPosition: E,
+        shouldScroll: F,
+        isFixedPosition: S,
         controlHeight: y
       });
-      m(A.maxHeight), V(A.placement), c == null || c(A.placement);
+      v(A.maxHeight), x(A.placement), c?.(A.placement);
     }
   }, [t, a, l, s, u, c, y]), i({
     ref: d,
     placerProps: C(C({}, e), {}, {
-      placement: x || mt(a),
-      maxHeight: v
+      placement: V || mt(a),
+      maxHeight: m
     })
   });
 }, Mn = function(e) {
   var i = e.children, u = e.innerRef, t = e.innerProps;
-  return f("div", h({}, Z(e, "menu", {
+  return f("div", h({}, W(e, "menu", {
     menu: !0
   }), {
     ref: u
@@ -576,7 +576,7 @@ var mt = function(e) {
   });
 }, On = function(e) {
   var i = e.children, u = e.innerProps, t = e.innerRef, a = e.isMulti;
-  return f("div", h({}, Z(e, "menuList", {
+  return f("div", h({}, W(e, "menuList", {
     "menu-list": !0,
     "menu-list--is-multi": a
   }), {
@@ -592,7 +592,7 @@ var mt = function(e) {
   });
 }, Tn = ft, wn = ft, Jn = function(e) {
   var i = e.children, u = i === void 0 ? "No options" : i, t = e.innerProps, a = te(e, Xn);
-  return f("div", h({}, Z(C(C({}, a), {}, {
+  return f("div", h({}, W(C(C({}, a), {}, {
     children: u,
     innerProps: t
   }), "noOptionsMessage", {
@@ -601,7 +601,7 @@ var mt = function(e) {
   }), t), u);
 }, Ln = function(e) {
   var i = e.children, u = i === void 0 ? "Loading..." : i, t = e.innerProps, a = te(e, Rn);
-  return f("div", h({}, Z(C(C({}, a), {}, {
+  return f("div", h({}, W(C(C({}, a), {}, {
     children: u,
     innerProps: t
   }), "loadingMessage", {
@@ -618,37 +618,37 @@ var mt = function(e) {
     zIndex: 1
   };
 }, zn = function(e) {
-  var i = e.appendTo, u = e.children, t = e.controlElement, a = e.innerProps, l = e.menuPlacement, s = e.menuPosition, o = Q(null), r = Q(null), c = ue(mt(l)), d = q(c, 2), b = d[0], p = d[1], v = ae(function() {
+  var i = e.appendTo, u = e.children, t = e.controlElement, a = e.innerProps, l = e.menuPlacement, s = e.menuPosition, o = Q(null), r = Q(null), c = ue(mt(l)), d = q(c, 2), b = d[0], p = d[1], m = oe(function() {
     return {
       setPortalPlacement: p
     };
-  }, []), m = ue(null), g = q(m, 2), I = g[0], x = g[1], V = T(function() {
+  }, []), v = ue(null), g = q(v, 2), I = g[0], V = g[1], x = T(function() {
     if (t) {
-      var S = xn(t), A = s === "fixed" ? 0 : window.pageYOffset, R = S[b] + A;
-      (R !== (I == null ? void 0 : I.offset) || S.left !== (I == null ? void 0 : I.rect.left) || S.width !== (I == null ? void 0 : I.rect.width)) && x({
+      var F = xn(t), A = s === "fixed" ? 0 : window.pageYOffset, R = F[b] + A;
+      (R !== I?.offset || F.left !== I?.rect.left || F.width !== I?.rect.width) && V({
         offset: R,
-        rect: S
+        rect: F
       });
     }
-  }, [t, s, b, I == null ? void 0 : I.offset, I == null ? void 0 : I.rect.left, I == null ? void 0 : I.rect.width]);
+  }, [t, s, b, I?.offset, I?.rect.left, I?.rect.width]);
   Pe(function() {
-    V();
-  }, [V]);
+    x();
+  }, [x]);
   var y = T(function() {
-    typeof r.current == "function" && (r.current(), r.current = null), t && o.current && (r.current = Yt(t, o.current, V, {
+    typeof r.current == "function" && (r.current(), r.current = null), t && o.current && (r.current = Yt(t, o.current, x, {
       elementResize: "ResizeObserver" in window
     }));
-  }, [t, V]);
+  }, [t, x]);
   Pe(function() {
     y();
   }, [y]);
-  var F = T(function(S) {
-    o.current = S, y();
+  var B = T(function(F) {
+    o.current = F, y();
   }, [y]);
   if (!i && s !== "fixed" || !I) return null;
-  var E = f("div", h({
-    ref: F
-  }, Z(C(C({}, e), {}, {
+  var S = f("div", h({
+    ref: B
+  }, W(C(C({}, e), {}, {
     offset: I.offset,
     position: s,
     rect: I.rect
@@ -656,8 +656,8 @@ var mt = function(e) {
     "menu-portal": !0
   }), a), u);
   return f(vt.Provider, {
-    value: v
-  }, i ? /* @__PURE__ */ Lt(E, i) : E);
+    value: m
+  }, i ? /* @__PURE__ */ Lt(S, i) : S);
 }, kn = function(e) {
   var i = e.isDisabled, u = e.isRtl;
   return {
@@ -669,7 +669,7 @@ var mt = function(e) {
   };
 }, jn = function(e) {
   var i = e.children, u = e.innerProps, t = e.isDisabled, a = e.isRtl;
-  return f("div", h({}, Z(e, "container", {
+  return f("div", h({}, W(e, "container", {
     "--is-disabled": t,
     "--is-rtl": a
   }), u), i);
@@ -688,7 +688,7 @@ var mt = function(e) {
   });
 }, Qn = function(e) {
   var i = e.children, u = e.innerProps, t = e.isMulti, a = e.hasValue;
-  return f("div", h({}, Z(e, "valueContainer", {
+  return f("div", h({}, W(e, "valueContainer", {
     "value-container": !0,
     "value-container--is-multi": t,
     "value-container--has-value": a
@@ -702,7 +702,7 @@ var mt = function(e) {
   };
 }, $n = function(e) {
   var i = e.children, u = e.innerProps;
-  return f("div", h({}, Z(e, "indicatorsContainer", {
+  return f("div", h({}, W(e, "indicatorsContainer", {
     indicators: !0
   }), u), i);
 }, je, Kn = ["size"], qn = ["innerProps", "isRtl", "size"];
@@ -754,13 +754,13 @@ var ti = process.env.NODE_ENV === "production" ? {
   });
 }, ni = At, ii = function(e) {
   var i = e.children, u = e.innerProps;
-  return f("div", h({}, Z(e, "dropdownIndicator", {
+  return f("div", h({}, W(e, "dropdownIndicator", {
     indicator: !0,
     "dropdown-indicator": !0
   }), u), i || f(ht, null));
 }, ui = At, oi = function(e) {
   var i = e.children, u = e.innerProps;
-  return f("div", h({}, Z(e, "clearIndicator", {
+  return f("div", h({}, W(e, "clearIndicator", {
     indicator: !0,
     "clear-indicator": !0
   }), u), i || f(He, null));
@@ -777,7 +777,7 @@ var ti = process.env.NODE_ENV === "production" ? {
   });
 }, li = function(e) {
   var i = e.innerProps;
-  return f("span", h({}, i, Z(e, "indicatorSeparator", {
+  return f("span", h({}, i, W(e, "indicatorSeparator", {
     "indicator-separator": !0
   })));
 }, ri = Jt(je || (je = mn([`
@@ -815,7 +815,7 @@ var ti = process.env.NODE_ENV === "production" ? {
   });
 }, ci = function(e) {
   var i = e.innerProps, u = e.isRtl, t = e.size, a = t === void 0 ? 4 : t, l = te(e, qn);
-  return f("div", h({}, Z(C(C({}, l), {}, {
+  return f("div", h({}, W(C(C({}, l), {}, {
     innerProps: i,
     isRtl: u,
     size: a
@@ -860,7 +860,7 @@ var ti = process.env.NODE_ENV === "production" ? {
   var i = e.children, u = e.isDisabled, t = e.isFocused, a = e.innerRef, l = e.innerProps, s = e.menuIsOpen;
   return f("div", h({
     ref: a
-  }, Z(e, "control", {
+  }, W(e, "control", {
     control: !0,
     "control--is-disabled": u,
     "control--is-focused": t,
@@ -876,7 +876,7 @@ var ti = process.env.NODE_ENV === "production" ? {
   };
 }, mi = function(e) {
   var i = e.children, u = e.cx, t = e.getStyles, a = e.getClassNames, l = e.Heading, s = e.headingProps, o = e.innerProps, r = e.label, c = e.theme, d = e.selectProps;
-  return f("div", h({}, Z(e, "group", {
+  return f("div", h({}, W(e, "group", {
     group: !0
   }), o), f(l, h({}, s, {
     selectProps: d,
@@ -904,7 +904,7 @@ var ti = process.env.NODE_ENV === "production" ? {
   var i = gt(e);
   i.data;
   var u = te(i, pi);
-  return f("div", h({}, Z(e, "groupHeading", {
+  return f("div", h({}, W(e, "groupHeading", {
     "group-heading": !0
   }), u));
 }, Ci = mi, hi = ["innerRef", "isDisabled", "isHidden", "inputClassName"], Ai = function(e, i) {
@@ -948,7 +948,7 @@ var ti = process.env.NODE_ENV === "production" ? {
   }, Gt);
 }, yi = function(e) {
   var i = e.cx, u = e.value, t = gt(e), a = t.innerRef, l = t.isDisabled, s = t.isHidden, o = t.inputClassName, r = te(t, hi);
-  return f("div", h({}, Z(e, "input", {
+  return f("div", h({}, W(e, "input", {
     "input-container": !0
   }), {
     "data-value": u || ""
@@ -1015,20 +1015,20 @@ var Wi = function(e) {
   var i = e.children, u = e.components, t = e.data, a = e.innerProps, l = e.isDisabled, s = e.removeProps, o = e.selectProps, r = u.Container, c = u.Label, d = u.Remove;
   return f(r, {
     data: t,
-    innerProps: C(C({}, Z(e, "multiValue", {
+    innerProps: C(C({}, W(e, "multiValue", {
       "multi-value": !0,
       "multi-value--is-disabled": l
     })), a),
     selectProps: o
   }, f(c, {
     data: t,
-    innerProps: C({}, Z(e, "multiValueLabel", {
+    innerProps: C({}, W(e, "multiValueLabel", {
       "multi-value__label": !0
     })),
     selectProps: o
   }, i), f(d, {
     data: t,
-    innerProps: C(C({}, Z(e, "multiValueRemove", {
+    innerProps: C(C({}, W(e, "multiValueRemove", {
       "multi-value__remove": !0
     })), {}, {
       "aria-label": "Remove ".concat(i || "option")
@@ -1056,7 +1056,7 @@ var Wi = function(e) {
   });
 }, Ni = function(e) {
   var i = e.children, u = e.isDisabled, t = e.isFocused, a = e.isSelected, l = e.innerRef, s = e.innerProps;
-  return f("div", h({}, Z(e, "option", {
+  return f("div", h({}, W(e, "option", {
     option: !0,
     "option--is-disabled": u,
     "option--is-focused": t,
@@ -1077,7 +1077,7 @@ var Wi = function(e) {
   });
 }, Di = function(e) {
   var i = e.children, u = e.innerProps;
-  return f("div", h({}, Z(e, "placeholder", {
+  return f("div", h({}, W(e, "placeholder", {
     placeholder: !0
   }), u), i);
 }, Oi = Di, Ti = function(e, i) {
@@ -1096,7 +1096,7 @@ var Wi = function(e) {
   });
 }, wi = function(e) {
   var i = e.children, u = e.isDisabled, t = e.innerProps;
-  return f("div", h({}, Z(e, "singleValue", {
+  return f("div", h({}, W(e, "singleValue", {
     "single-value": !0,
     "single-value--is-disabled": u
   }), t), i);
@@ -1208,8 +1208,8 @@ var Ui = process.env.NODE_ENV === "production" ? {
     }
   },
   onFocus: function(e) {
-    var i = e.context, u = e.focused, t = e.options, a = e.label, l = a === void 0 ? "" : a, s = e.selectValue, o = e.isDisabled, r = e.isSelected, c = e.isAppleDevice, d = function(m, g) {
-      return m && m.length ? "".concat(m.indexOf(g) + 1, " of ").concat(m.length) : "";
+    var i = e.context, u = e.focused, t = e.options, a = e.label, l = a === void 0 ? "" : a, s = e.selectValue, o = e.isDisabled, r = e.isSelected, c = e.isAppleDevice, d = function(v, g) {
+      return v && v.length ? "".concat(v.indexOf(g) + 1, " of ").concat(v.length) : "";
     };
     if (i === "value" && s)
       return "value ".concat(l, " focused, ").concat(d(s, u), ".");
@@ -1224,83 +1224,83 @@ var Ui = process.env.NODE_ENV === "production" ? {
     return "".concat(u).concat(i ? " for search term " + i : "", ".");
   }
 }, $i = function(e) {
-  var i = e.ariaSelection, u = e.focusedOption, t = e.focusedValue, a = e.focusableOptions, l = e.isFocused, s = e.selectValue, o = e.selectProps, r = e.id, c = e.isAppleDevice, d = o.ariaLiveMessages, b = o.getOptionLabel, p = o.inputValue, v = o.isMulti, m = o.isOptionDisabled, g = o.isSearchable, I = o.menuIsOpen, x = o.options, V = o.screenReaderStatus, y = o.tabSelectsValue, F = o.isLoading, E = o["aria-label"], S = o["aria-live"], A = ae(function() {
+  var i = e.ariaSelection, u = e.focusedOption, t = e.focusedValue, a = e.focusableOptions, l = e.isFocused, s = e.selectValue, o = e.selectProps, r = e.id, c = e.isAppleDevice, d = o.ariaLiveMessages, b = o.getOptionLabel, p = o.inputValue, m = o.isMulti, v = o.isOptionDisabled, g = o.isSearchable, I = o.menuIsOpen, V = o.options, x = o.screenReaderStatus, y = o.tabSelectsValue, B = o.isLoading, S = o["aria-label"], F = o["aria-live"], A = oe(function() {
     return C(C({}, _i), d || {});
-  }, [d]), R = ae(function() {
+  }, [d]), R = oe(function() {
     var N = "";
     if (i && A.onChange) {
-      var P = i.option, Y = i.options, w = i.removedValue, B = i.removedValues, U = i.value, oe = function(K) {
+      var Z = i.option, z = i.options, w = i.removedValue, U = i.removedValues, E = i.value, le = function(K) {
         return Array.isArray(K) ? null : K;
-      }, W = w || P || oe(U), J = W ? b(W) : "", $ = Y || B || void 0, ne = $ ? $.map(b) : [], j = C({
+      }, H = w || Z || le(E), J = H ? b(H) : "", $ = z || U || void 0, ne = $ ? $.map(b) : [], j = C({
         // multiSelected items are usually items that have already been selected
         // or set by the user as a default value so we assume they are not disabled
-        isDisabled: W && m(W, s),
+        isDisabled: H && v(H, s),
         label: J,
         labels: ne
       }, i);
       N = A.onChange(j);
     }
     return N;
-  }, [i, A, m, s, b]), H = ae(function() {
-    var N = "", P = u || t, Y = !!(u && s && s.includes(u));
-    if (P && A.onFocus) {
+  }, [i, A, v, s, b]), D = oe(function() {
+    var N = "", Z = u || t, z = !!(u && s && s.includes(u));
+    if (Z && A.onFocus) {
       var w = {
-        focused: P,
-        label: b(P),
-        isDisabled: m(P, s),
-        isSelected: Y,
+        focused: Z,
+        label: b(Z),
+        isDisabled: v(Z, s),
+        isSelected: z,
         options: a,
-        context: P === u ? "menu" : "value",
+        context: Z === u ? "menu" : "value",
         selectValue: s,
         isAppleDevice: c
       };
       N = A.onFocus(w);
     }
     return N;
-  }, [u, t, b, m, A, a, s, c]), O = ae(function() {
+  }, [u, t, b, v, A, a, s, c]), O = oe(function() {
     var N = "";
-    if (I && x.length && !F && A.onFilter) {
-      var P = V({
+    if (I && V.length && !B && A.onFilter) {
+      var Z = x({
         count: a.length
       });
       N = A.onFilter({
         inputValue: p,
-        resultsMessage: P
+        resultsMessage: Z
       });
     }
     return N;
-  }, [a, p, I, A, x, V, F]), D = (i == null ? void 0 : i.action) === "initial-input-focus", z = ae(function() {
+  }, [a, p, I, A, V, x, B]), P = i?.action === "initial-input-focus", Y = oe(function() {
     var N = "";
     if (A.guidance) {
-      var P = t ? "value" : I ? "menu" : "input";
+      var Z = t ? "value" : I ? "menu" : "input";
       N = A.guidance({
-        "aria-label": E,
-        context: P,
-        isDisabled: u && m(u, s),
-        isMulti: v,
+        "aria-label": S,
+        context: Z,
+        isDisabled: u && v(u, s),
+        isMulti: m,
         isSearchable: g,
         tabSelectsValue: y,
-        isInitialFocus: D
+        isInitialFocus: P
       });
     }
     return N;
-  }, [E, u, t, v, m, g, I, A, s, y, D]), k = f(Re, null, f("span", {
+  }, [S, u, t, m, v, g, I, A, s, y, P]), k = f(Re, null, f("span", {
     id: "aria-selection"
   }, R), f("span", {
     id: "aria-focused"
-  }, H), f("span", {
+  }, D), f("span", {
     id: "aria-results"
   }, O), f("span", {
     id: "aria-guidance"
-  }, z));
+  }, Y));
   return f(Re, null, f(Qe, {
     id: r
-  }, D && k), f(Qe, {
-    "aria-live": S,
+  }, P && k), f(Qe, {
+    "aria-live": F,
     "aria-atomic": "false",
     "aria-relevant": "additions text",
     role: "log"
-  }, l && !D && k));
+  }, l && !P && k));
 }, Ki = $i, Ne = [{
   base: "A",
   letters: "AⒶＡÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ"
@@ -1614,8 +1614,8 @@ var ou = function(e) {
 function au(n) {
   var e = n.isEnabled, i = n.onBottomArrive, u = n.onBottomLeave, t = n.onTopArrive, a = n.onTopLeave, l = Q(!1), s = Q(!1), o = Q(0), r = Q(null), c = T(function(g, I) {
     if (r.current !== null) {
-      var x = r.current, V = x.scrollTop, y = x.scrollHeight, F = x.clientHeight, E = r.current, S = I > 0, A = y - F - V, R = !1;
-      A > I && l.current && (u && u(g), l.current = !1), S && s.current && (a && a(g), s.current = !1), S && I > A ? (i && !l.current && i(g), E.scrollTop = y, R = !0, l.current = !0) : !S && -I > V && (t && !s.current && t(g), E.scrollTop = 0, R = !0, s.current = !0), R && ou(g);
+      var V = r.current, x = V.scrollTop, y = V.scrollHeight, B = V.clientHeight, S = r.current, F = I > 0, A = y - B - x, R = !1;
+      A > I && l.current && (u && u(g), l.current = !1), F && s.current && (a && a(g), s.current = !1), F && I > A ? (i && !l.current && i(g), S.scrollTop = y, R = !0, l.current = !0) : !F && -I > x && (t && !s.current && t(g), S.scrollTop = 0, R = !0, s.current = !0), R && ou(g);
     }
   }, [i, u, t, a]), d = T(function(g) {
     c(g, g.deltaY);
@@ -1624,24 +1624,24 @@ function au(n) {
   }, []), p = T(function(g) {
     var I = o.current - g.changedTouches[0].clientY;
     c(g, I);
-  }, [c]), v = T(function(g) {
+  }, [c]), m = T(function(g) {
     if (g) {
       var I = Bn ? {
         passive: !1
       } : !1;
       g.addEventListener("wheel", d, I), g.addEventListener("touchstart", b, I), g.addEventListener("touchmove", p, I);
     }
-  }, [p, b, d]), m = T(function(g) {
+  }, [p, b, d]), v = T(function(g) {
     g && (g.removeEventListener("wheel", d, !1), g.removeEventListener("touchstart", b, !1), g.removeEventListener("touchmove", p, !1));
   }, [p, b, d]);
   return lt(function() {
     if (e) {
       var g = r.current;
-      return v(g), function() {
-        m(g);
+      return m(g), function() {
+        v(g);
       };
     }
-  }, [e, v, m]), function(g) {
+  }, [e, m, v]), function(g) {
     r.current = g;
   };
 }
@@ -1673,14 +1673,14 @@ function lu(n) {
   var e = n.isEnabled, i = n.accountForScrollbars, u = i === void 0 ? !0 : i, t = Q({}), a = Q(null), l = T(function(o) {
     if (it) {
       var r = document.body, c = r && r.style;
-      if (u && $e.forEach(function(v) {
-        var m = c && c[v];
-        t.current[v] = m;
+      if (u && $e.forEach(function(m) {
+        var v = c && c[m];
+        t.current[m] = v;
       }), u && se < 1) {
         var d = parseInt(t.current.paddingRight, 10) || 0, b = document.body ? document.body.clientWidth : 0, p = window.innerWidth - b + d || 0;
-        Object.keys(Ke).forEach(function(v) {
-          var m = Ke[v];
-          c && (c[v] = m);
+        Object.keys(Ke).forEach(function(m) {
+          var v = Ke[m];
+          c && (c[m] = v);
         }), c && (c.paddingRight = "".concat(p, "px"));
       }
       r && nt() && (r.addEventListener("touchmove", qe, re), o && (o.addEventListener("touchstart", tt, re), o.addEventListener("touchmove", et, re))), se += 1;
@@ -1992,7 +1992,7 @@ function Wt(n, e, i) {
 var Zt = function(e) {
   var i = e.hideSelectedOptions, u = e.isMulti;
   return i === void 0 ? u : i;
-}, Pu = 1, Pt = /* @__PURE__ */ function(n) {
+}, Pu = 1, Pt = /* @__PURE__ */ (function(n) {
   sn(i, n);
   var e = bn(i);
   function i(u) {
@@ -2024,10 +2024,10 @@ var Zt = function(e) {
       var c = t.props, d = c.onChange, b = c.name;
       r.name = b, t.ariaOnChange(o, r), d(o, r);
     }, t.setValue = function(o, r, c) {
-      var d = t.props, b = d.closeMenuOnSelect, p = d.isMulti, v = d.inputValue;
+      var d = t.props, b = d.closeMenuOnSelect, p = d.isMulti, m = d.inputValue;
       t.onInputChange("", {
         action: "set-value",
-        prevInputValue: v
+        prevInputValue: m
       }), b && (t.setState({
         inputIsHiddenAfterUpdate: !p
       }), t.onMenuClose()), t.setState({
@@ -2037,13 +2037,13 @@ var Zt = function(e) {
         option: c
       });
     }, t.selectOption = function(o) {
-      var r = t.props, c = r.blurInputOnSelect, d = r.isMulti, b = r.name, p = t.state.selectValue, v = d && t.isOptionSelected(o, p), m = t.isOptionDisabled(o, p);
-      if (v) {
+      var r = t.props, c = r.blurInputOnSelect, d = r.isMulti, b = r.name, p = t.state.selectValue, m = d && t.isOptionSelected(o, p), v = t.isOptionDisabled(o, p);
+      if (m) {
         var g = t.getOptionValue(o);
         t.setValue(p.filter(function(I) {
           return t.getOptionValue(I) !== g;
         }), "deselect-option", o);
-      } else if (!m)
+      } else if (!v)
         d ? t.setValue([].concat(Me(p), [o]), "select-option", o) : t.setValue(o, "select-option");
       else {
         t.ariaOnChange(o, {
@@ -2055,8 +2055,8 @@ var Zt = function(e) {
       }
       c && t.blurInput();
     }, t.removeValue = function(o) {
-      var r = t.props.isMulti, c = t.state.selectValue, d = t.getOptionValue(o), b = c.filter(function(v) {
-        return t.getOptionValue(v) !== d;
+      var r = t.props.isMulti, c = t.state.selectValue, d = t.getOptionValue(o), b = c.filter(function(m) {
+        return t.getOptionValue(m) !== d;
       }), p = ve(r, b, b[0] || null);
       t.onChange(p, {
         action: "remove-value",
@@ -2196,8 +2196,8 @@ var Zt = function(e) {
     }, t.onValueInputFocus = function(o) {
       o.preventDefault(), o.stopPropagation(), t.focus();
     }, t.onKeyDown = function(o) {
-      var r = t.props, c = r.isMulti, d = r.backspaceRemovesValue, b = r.escapeClearsValue, p = r.inputValue, v = r.isClearable, m = r.isDisabled, g = r.menuIsOpen, I = r.onKeyDown, x = r.tabSelectsValue, V = r.openMenuOnFocus, y = t.state, F = y.focusedOption, E = y.focusedValue, S = y.selectValue;
-      if (!m && !(typeof I == "function" && (I(o), o.defaultPrevented))) {
+      var r = t.props, c = r.isMulti, d = r.backspaceRemovesValue, b = r.escapeClearsValue, p = r.inputValue, m = r.isClearable, v = r.isDisabled, g = r.menuIsOpen, I = r.onKeyDown, V = r.tabSelectsValue, x = r.openMenuOnFocus, y = t.state, B = y.focusedOption, S = y.focusedValue, F = y.selectValue;
+      if (!v && !(typeof I == "function" && (I(o), o.defaultPrevented))) {
         switch (t.blockOptionHover = !0, o.key) {
           case "ArrowLeft":
             if (!c || p) return;
@@ -2210,26 +2210,26 @@ var Zt = function(e) {
           case "Delete":
           case "Backspace":
             if (p) return;
-            if (E)
-              t.removeValue(E);
+            if (S)
+              t.removeValue(S);
             else {
               if (!d) return;
-              c ? t.popValue() : v && t.clearValue();
+              c ? t.popValue() : m && t.clearValue();
             }
             break;
           case "Tab":
-            if (t.isComposing || o.shiftKey || !g || !x || !F || // don't capture the event if the menu opens on focus and the focused
+            if (t.isComposing || o.shiftKey || !g || !V || !B || // don't capture the event if the menu opens on focus and the focused
             // option is already selected; it breaks the flow of navigation
-            V && t.isOptionSelected(F, S))
+            x && t.isOptionSelected(B, F))
               return;
-            t.selectOption(F);
+            t.selectOption(B);
             break;
           case "Enter":
             if (o.keyCode === 229)
               break;
             if (g) {
-              if (!F || t.isComposing) return;
-              t.selectOption(F);
+              if (!B || t.isComposing) return;
+              t.selectOption(B);
               break;
             }
             return;
@@ -2239,7 +2239,7 @@ var Zt = function(e) {
             }), t.onInputChange("", {
               action: "menu-close",
               prevInputValue: p
-            }), t.onMenuClose()) : v && b && t.clearValue();
+            }), t.onMenuClose()) : m && b && t.clearValue();
             break;
           case " ":
             if (p)
@@ -2248,8 +2248,8 @@ var Zt = function(e) {
               t.openMenu("first");
               break;
             }
-            if (!F) return;
-            t.selectOption(F);
+            if (!B) return;
+            t.selectOption(B);
             break;
           case "ArrowUp":
             g ? t.focusOption("up") : t.openMenu("last");
@@ -2413,17 +2413,17 @@ var Zt = function(e) {
   }, {
     key: "getCommonProps",
     value: function() {
-      var t = this.clearValue, a = this.cx, l = this.getStyles, s = this.getClassNames, o = this.getValue, r = this.selectOption, c = this.setValue, d = this.props, b = d.isMulti, p = d.isRtl, v = d.options, m = this.hasValue();
+      var t = this.clearValue, a = this.cx, l = this.getStyles, s = this.getClassNames, o = this.getValue, r = this.selectOption, c = this.setValue, d = this.props, b = d.isMulti, p = d.isRtl, m = d.options, v = this.hasValue();
       return {
         clearValue: t,
         cx: a,
         getStyles: l,
         getClassNames: s,
         getValue: o,
-        hasValue: m,
+        hasValue: v,
         isMulti: b,
         isRtl: p,
-        options: v,
+        options: m,
         selectOption: r,
         selectProps: d,
         setValue: c,
@@ -2520,7 +2520,7 @@ var Zt = function(e) {
       // Renderers
       // ==============================
       function() {
-        var t = this.props, a = t.isDisabled, l = t.isSearchable, s = t.inputId, o = t.inputValue, r = t.tabIndex, c = t.form, d = t.menuIsOpen, b = t.required, p = this.getComponents(), v = p.Input, m = this.state, g = m.inputIsHidden, I = m.ariaSelection, x = this.commonProps, V = s || this.getElementId("input"), y = C(C(C({
+        var t = this.props, a = t.isDisabled, l = t.isSearchable, s = t.inputId, o = t.inputValue, r = t.tabIndex, c = t.form, d = t.menuIsOpen, b = t.required, p = this.getComponents(), m = p.Input, v = this.state, g = v.inputIsHidden, I = v.ariaSelection, V = this.commonProps, x = s || this.getElementId("input"), y = C(C(C({
           "aria-autocomplete": "list",
           "aria-expanded": d,
           "aria-haspopup": !0,
@@ -2535,16 +2535,16 @@ var Zt = function(e) {
           "aria-controls": this.getElementId("listbox")
         }), !l && {
           "aria-readonly": !0
-        }), this.hasValue() ? (I == null ? void 0 : I.action) === "initial-input-focus" && {
+        }), this.hasValue() ? I?.action === "initial-input-focus" && {
           "aria-describedby": this.getElementId("live-region")
         } : {
           "aria-describedby": this.getElementId("placeholder")
         });
-        return l ? /* @__PURE__ */ X.createElement(v, h({}, x, {
+        return l ? /* @__PURE__ */ X.createElement(m, h({}, V, {
           autoCapitalize: "none",
           autoComplete: "off",
           autoCorrect: "off",
-          id: V,
+          id: x,
           innerRef: this.getInputRef,
           isDisabled: a,
           isHidden: g,
@@ -2557,7 +2557,7 @@ var Zt = function(e) {
           type: "text",
           value: o
         }, y)) : /* @__PURE__ */ X.createElement(uu, h({
-          id: V,
+          id: x,
           innerRef: this.getInputRef,
           onBlur: this.onInputBlur,
           onChange: he,
@@ -2573,27 +2573,27 @@ var Zt = function(e) {
   }, {
     key: "renderPlaceholderOrValue",
     value: function() {
-      var t = this, a = this.getComponents(), l = a.MultiValue, s = a.MultiValueContainer, o = a.MultiValueLabel, r = a.MultiValueRemove, c = a.SingleValue, d = a.Placeholder, b = this.commonProps, p = this.props, v = p.controlShouldRenderValue, m = p.isDisabled, g = p.isMulti, I = p.inputValue, x = p.placeholder, V = this.state, y = V.selectValue, F = V.focusedValue, E = V.isFocused;
-      if (!this.hasValue() || !v)
+      var t = this, a = this.getComponents(), l = a.MultiValue, s = a.MultiValueContainer, o = a.MultiValueLabel, r = a.MultiValueRemove, c = a.SingleValue, d = a.Placeholder, b = this.commonProps, p = this.props, m = p.controlShouldRenderValue, v = p.isDisabled, g = p.isMulti, I = p.inputValue, V = p.placeholder, x = this.state, y = x.selectValue, B = x.focusedValue, S = x.isFocused;
+      if (!this.hasValue() || !m)
         return I ? null : /* @__PURE__ */ X.createElement(d, h({}, b, {
           key: "placeholder",
-          isDisabled: m,
-          isFocused: E,
+          isDisabled: v,
+          isFocused: S,
           innerProps: {
             id: this.getElementId("placeholder")
           }
-        }), x);
+        }), V);
       if (g)
         return y.map(function(A, R) {
-          var H = A === F, O = "".concat(t.getOptionLabel(A), "-").concat(t.getOptionValue(A));
+          var D = A === B, O = "".concat(t.getOptionLabel(A), "-").concat(t.getOptionValue(A));
           return /* @__PURE__ */ X.createElement(l, h({}, b, {
             components: {
               Container: s,
               Label: o,
               Remove: r
             },
-            isFocused: H,
-            isDisabled: m,
+            isFocused: D,
+            isDisabled: v,
             key: O,
             index: R,
             removeProps: {
@@ -2603,8 +2603,8 @@ var Zt = function(e) {
               onTouchEnd: function() {
                 return t.removeValue(A);
               },
-              onMouseDown: function(z) {
-                z.preventDefault();
+              onMouseDown: function(Y) {
+                Y.preventDefault();
               }
             },
             data: A
@@ -2612,11 +2612,11 @@ var Zt = function(e) {
         });
       if (I)
         return null;
-      var S = y[0];
+      var F = y[0];
       return /* @__PURE__ */ X.createElement(c, h({}, b, {
-        data: S,
-        isDisabled: m
-      }), this.formatOptionLabel(S, "value"));
+        data: F,
+        isDisabled: v
+      }), this.formatOptionLabel(F, "value"));
     }
   }, {
     key: "renderClearIndicator",
@@ -2678,10 +2678,10 @@ var Zt = function(e) {
   }, {
     key: "renderMenu",
     value: function() {
-      var t = this, a = this.getComponents(), l = a.Group, s = a.GroupHeading, o = a.Menu, r = a.MenuList, c = a.MenuPortal, d = a.LoadingMessage, b = a.NoOptionsMessage, p = a.Option, v = this.commonProps, m = this.state.focusedOption, g = this.props, I = g.captureMenuScroll, x = g.inputValue, V = g.isLoading, y = g.loadingMessage, F = g.minMenuHeight, E = g.maxMenuHeight, S = g.menuIsOpen, A = g.menuPlacement, R = g.menuPosition, H = g.menuPortalTarget, O = g.menuShouldBlockScroll, D = g.menuShouldScrollIntoView, z = g.noOptionsMessage, k = g.onMenuScrollToTop, N = g.onMenuScrollToBottom;
-      if (!S) return null;
-      var P = function(J, $) {
-        var ne = J.type, j = J.data, ie = J.isDisabled, K = J.isSelected, ge = J.label, Nt = J.value, Oe = m === j, Te = ie ? void 0 : function() {
+      var t = this, a = this.getComponents(), l = a.Group, s = a.GroupHeading, o = a.Menu, r = a.MenuList, c = a.MenuPortal, d = a.LoadingMessage, b = a.NoOptionsMessage, p = a.Option, m = this.commonProps, v = this.state.focusedOption, g = this.props, I = g.captureMenuScroll, V = g.inputValue, x = g.isLoading, y = g.loadingMessage, B = g.minMenuHeight, S = g.maxMenuHeight, F = g.menuIsOpen, A = g.menuPlacement, R = g.menuPosition, D = g.menuPortalTarget, O = g.menuShouldBlockScroll, P = g.menuShouldScrollIntoView, Y = g.noOptionsMessage, k = g.onMenuScrollToTop, N = g.onMenuScrollToBottom;
+      if (!F) return null;
+      var Z = function(J, $) {
+        var ne = J.type, j = J.data, ie = J.isDisabled, K = J.isSelected, ge = J.label, Nt = J.value, Oe = v === j, Te = ie ? void 0 : function() {
           return t.onOptionHover(j);
         }, Mt = ie ? void 0 : function() {
           return t.selectOption(j);
@@ -2695,7 +2695,7 @@ var Zt = function(e) {
           "aria-selected": t.state.isAppleDevice ? void 0 : K
           // is not supported on Apple devices
         };
-        return /* @__PURE__ */ X.createElement(p, h({}, v, {
+        return /* @__PURE__ */ X.createElement(p, h({}, m, {
           innerProps: Ht,
           data: j,
           isDisabled: ie,
@@ -2707,55 +2707,55 @@ var Zt = function(e) {
           isFocused: Oe,
           innerRef: Oe ? t.getFocusedOptionRef : void 0
         }), t.formatOptionLabel(J.data, "menu"));
-      }, Y;
+      }, z;
       if (this.hasOptions())
-        Y = this.getCategorizedOptions().map(function(W) {
-          if (W.type === "group") {
-            var J = W.data, $ = W.options, ne = W.index, j = "".concat(t.getElementId("group"), "-").concat(ne), ie = "".concat(j, "-heading");
-            return /* @__PURE__ */ X.createElement(l, h({}, v, {
+        z = this.getCategorizedOptions().map(function(H) {
+          if (H.type === "group") {
+            var J = H.data, $ = H.options, ne = H.index, j = "".concat(t.getElementId("group"), "-").concat(ne), ie = "".concat(j, "-heading");
+            return /* @__PURE__ */ X.createElement(l, h({}, m, {
               key: j,
               data: J,
               options: $,
               Heading: s,
               headingProps: {
                 id: ie,
-                data: W.data
+                data: H.data
               },
-              label: t.formatGroupLabel(W.data)
-            }), W.options.map(function(K) {
-              return P(K, "".concat(ne, "-").concat(K.index));
+              label: t.formatGroupLabel(H.data)
+            }), H.options.map(function(K) {
+              return Z(K, "".concat(ne, "-").concat(K.index));
             }));
-          } else if (W.type === "option")
-            return P(W, "".concat(W.index));
+          } else if (H.type === "option")
+            return Z(H, "".concat(H.index));
         });
-      else if (V) {
+      else if (x) {
         var w = y({
-          inputValue: x
+          inputValue: V
         });
         if (w === null) return null;
-        Y = /* @__PURE__ */ X.createElement(d, v, w);
+        z = /* @__PURE__ */ X.createElement(d, m, w);
       } else {
-        var B = z({
-          inputValue: x
+        var U = Y({
+          inputValue: V
         });
-        if (B === null) return null;
-        Y = /* @__PURE__ */ X.createElement(b, v, B);
+        if (U === null) return null;
+        z = /* @__PURE__ */ X.createElement(b, m, U);
       }
-      var U = {
-        minMenuHeight: F,
-        maxMenuHeight: E,
+      var E = {
+        minMenuHeight: B,
+        maxMenuHeight: S,
         menuPlacement: A,
         menuPosition: R,
-        menuShouldScrollIntoView: D
-      }, oe = /* @__PURE__ */ X.createElement(Nn, h({}, v, U), function(W) {
-        var J = W.ref, $ = W.placerProps, ne = $.placement, j = $.maxHeight;
-        return /* @__PURE__ */ X.createElement(o, h({}, v, U, {
+        menuShouldScrollIntoView: P
+      }, le = /* @__PURE__ */ X.createElement(Nn, h({}, m, E), function(H) {
+        var J = H.ref, $ = H.placerProps, ne = $.placement, j = $.maxHeight;
+        return /* @__PURE__ */ X.createElement(o, h({}, m, E, {
           innerRef: J,
           innerProps: {
             onMouseDown: t.onMenuMouseDown,
             onMouseMove: t.onMenuMouseMove
           },
-          isLoading: V,
+          isLoading: x,
           placement: ne
         }), /* @__PURE__ */ X.createElement(du, {
           captureEnabled: I,
@@ -2763,27 +2763,27 @@ var Zt = function(e) {
           onBottomArrive: N,
           lockEnabled: O
         }, function(ie) {
-          return /* @__PURE__ */ X.createElement(r, h({}, v, {
+          return /* @__PURE__ */ X.createElement(r, h({}, m, {
             innerRef: function(ge) {
               t.getMenuListRef(ge), ie(ge);
             },
             innerProps: {
               role: "listbox",
-              "aria-multiselectable": v.isMulti,
+              "aria-multiselectable": m.isMulti,
               id: t.getElementId("listbox")
             },
-            isLoading: V,
+            isLoading: x,
             maxHeight: j,
-            focusedOption: m
-          }), Y);
+            focusedOption: v
+          }), z);
         }));
       });
-      return H || R === "fixed" ? /* @__PURE__ */ X.createElement(c, h({}, v, {
-        appendTo: H,
+      return D || R === "fixed" ? /* @__PURE__ */ X.createElement(c, h({}, m, {
+        appendTo: D,
         controlElement: this.controlRef,
         menuPlacement: A,
         menuPosition: R
-      }), oe) : oe;
+      }), le) : le;
     }
   }, {
     key: "renderFormField",
@@ -2797,8 +2797,8 @@ var Zt = function(e) {
       if (!(!r || s))
         if (o)
           if (l) {
-            var b = d.map(function(m) {
-              return t.getOptionValue(m);
+            var b = d.map(function(v) {
+              return t.getOptionValue(v);
             }).join(l);
             return /* @__PURE__ */ X.createElement("input", {
               name: r,
@@ -2806,12 +2806,12 @@ var Zt = function(e) {
               value: b
             });
           } else {
-            var p = d.length > 0 ? d.map(function(m, g) {
+            var p = d.length > 0 ? d.map(function(v, g) {
               return /* @__PURE__ */ X.createElement("input", {
                 key: "i-".concat(g),
                 name: r,
                 type: "hidden",
-                value: t.getOptionValue(m)
+                value: t.getOptionValue(v)
               });
             }) : /* @__PURE__ */ X.createElement("input", {
               name: r,
@@ -2821,11 +2821,11 @@ var Zt = function(e) {
             return /* @__PURE__ */ X.createElement("div", null, p);
           }
         else {
-          var v = d[0] ? this.getOptionValue(d[0]) : "";
+          var m = d[0] ? this.getOptionValue(d[0]) : "";
           return /* @__PURE__ */ X.createElement("input", {
             name: r,
             type: "hidden",
-            value: v
+            value: m
           });
         }
     }
@@ -2847,61 +2847,61 @@ var Zt = function(e) {
   }, {
     key: "render",
     value: function() {
-      var t = this.getComponents(), a = t.Control, l = t.IndicatorsContainer, s = t.SelectContainer, o = t.ValueContainer, r = this.props, c = r.className, d = r.id, b = r.isDisabled, p = r.menuIsOpen, v = this.state.isFocused, m = this.commonProps = this.getCommonProps();
-      return /* @__PURE__ */ X.createElement(s, h({}, m, {
+      var t = this.getComponents(), a = t.Control, l = t.IndicatorsContainer, s = t.SelectContainer, o = t.ValueContainer, r = this.props, c = r.className, d = r.id, b = r.isDisabled, p = r.menuIsOpen, m = this.state.isFocused, v = this.commonProps = this.getCommonProps();
+      return /* @__PURE__ */ X.createElement(s, h({}, v, {
         className: c,
         innerProps: {
           id: d,
           onKeyDown: this.onKeyDown
         },
         isDisabled: b,
-        isFocused: v
-      }), this.renderLiveRegion(), /* @__PURE__ */ X.createElement(a, h({}, m, {
+        isFocused: m
+      }), this.renderLiveRegion(), /* @__PURE__ */ X.createElement(a, h({}, v, {
         innerRef: this.getControlRef,
         innerProps: {
           onMouseDown: this.onControlMouseDown,
           onTouchEnd: this.onControlTouchEnd
         },
         isDisabled: b,
-        isFocused: v,
+        isFocused: m,
         menuIsOpen: p
-      }), /* @__PURE__ */ X.createElement(o, h({}, m, {
+      }), /* @__PURE__ */ X.createElement(o, h({}, v, {
         isDisabled: b
-      }), this.renderPlaceholderOrValue(), this.renderInput()), /* @__PURE__ */ X.createElement(l, h({}, m, {
+      }), this.renderPlaceholderOrValue(), this.renderInput()), /* @__PURE__ */ X.createElement(l, h({}, v, {
         isDisabled: b
       }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
     }
   }], [{
     key: "getDerivedStateFromProps",
     value: function(t, a) {
-      var l = a.prevProps, s = a.clearFocusValueOnUpdate, o = a.inputIsHiddenAfterUpdate, r = a.ariaSelection, c = a.isFocused, d = a.prevWasFocused, b = a.instancePrefix, p = t.options, v = t.value, m = t.menuIsOpen, g = t.inputValue, I = t.isMulti, x = Ye(v), V = {};
-      if (l && (v !== l.value || p !== l.options || m !== l.menuIsOpen || g !== l.inputValue)) {
-        var y = m ? Ru(t, x) : [], F = m ? ot(fe(t, x), "".concat(b, "-option")) : [], E = s ? Wu(a, x) : null, S = Zu(a, y), A = Xe(F, S);
-        V = {
-          selectValue: x,
-          focusedOption: S,
+      var l = a.prevProps, s = a.clearFocusValueOnUpdate, o = a.inputIsHiddenAfterUpdate, r = a.ariaSelection, c = a.isFocused, d = a.prevWasFocused, b = a.instancePrefix, p = t.options, m = t.value, v = t.menuIsOpen, g = t.inputValue, I = t.isMulti, V = Ye(m), x = {};
+      if (l && (m !== l.value || p !== l.options || v !== l.menuIsOpen || g !== l.inputValue)) {
+        var y = v ? Ru(t, V) : [], B = v ? ot(fe(t, V), "".concat(b, "-option")) : [], S = s ? Wu(a, V) : null, F = Zu(a, y), A = Xe(B, F);
+        x = {
+          selectValue: V,
+          focusedOption: F,
           focusedOptionId: A,
-          focusableOptionsWithIds: F,
-          focusedValue: E,
+          focusableOptionsWithIds: B,
+          focusedValue: S,
           clearFocusValueOnUpdate: !1
         };
       }
       var R = o != null && t !== l ? {
         inputIsHidden: o,
         inputIsHiddenAfterUpdate: void 0
-      } : {}, H = r, O = c && d;
-      return c && !O && (H = {
-        value: ve(I, x, x[0] || null),
-        options: x,
+      } : {}, D = r, O = c && d;
+      return c && !O && (D = {
+        value: ve(I, V, V[0] || null),
+        options: V,
         action: "initial-input-focus"
-      }, O = !d), (r == null ? void 0 : r.action) === "initial-input-focus" && (H = null), C(C(C({}, V), R), {}, {
+      }, O = !d), r?.action === "initial-input-focus" && (D = null), C(C(C({}, x), R), {}, {
         prevProps: t,
-        ariaSelection: H,
+        ariaSelection: D,
         prevWasFocused: O
       });
     }
   }]), i;
-}(wt);
+})(wt);
 Pt.defaultProps = Xu;
 var Nu = /* @__PURE__ */ rt(function(n, e) {
   var i = an(n);
@@ -2963,7 +2963,7 @@ const Hu = (n) => {
         isDisabled: o,
         isSelected: r,
         isAppleDevice: c
-      } = i, d = (b, p) => b != null && b.length ? `${b.indexOf(p) + 1} ${e("of")} ${b.length}.` : "";
+      } = i, d = (b, p) => b?.length ? `${b.indexOf(p) + 1} ${e("of")} ${b.length}.` : "";
       if (u === "value" && s)
         return `${e("focusValue", [l])}, ${d(s, t)}`;
       if (u === "menu" && c) {
@@ -2983,7 +2983,7 @@ const Hu = (n) => {
       return `${s} ${o},${r}`;
     }
   };
-}, Du = "ds-combobox_root_1q8z8_1", Ou = "ds-combobox_hint_1q8z8_10", Tu = "ds-combobox_label_1q8z8_10", wu = "ds-combobox_label--hidden_1q8z8_38", Ju = "ds-combobox_label--disabled_1q8z8_51", Lu = "ds-combobox_feedback_1q8z8_71", Yu = "ds-combobox_select_1q8z8_76", zu = "ds-combobox_select--small_1q8z8_84", ku = "ds-combobox_select--invalid_1q8z8_196", ju = "ds-combobox_select--disabled_1q8z8_296", Uu = "ds-combobox_select--focused_1q8z8_307", Qu = "ds-combobox_select--hovered_1q8z8_324", _u = "ds-combobox_placeholder_1q8z8_334", $u = "ds-combobox_menu-list_1q8z8_343", Ku = "ds-combobox_group-heading_1q8z8_360", qu = "ds-combobox_option_1q8z8_382", eo = "ds-combobox_option--small_1q8z8_398", to = "ds-combobox_option--single_1q8z8_413", no = "ds-combobox_option--disabled_1q8z8_416", io = "ds-combobox_option--focus-hover_1q8z8_424", uo = "ds-combobox_option--text_1q8z8_442", oo = "ds-combobox_option--check-icon_1q8z8_445", ao = "ds-combobox_option--check-icon--disabled_1q8z8_455", lo = "ds-combobox_single-option_1q8z8_464", ro = "ds-combobox_multi-option_1q8z8_470", so = "ds-combobox_single-value_1q8z8_474", co = "ds-combobox_single-value--text_1q8z8_478", bo = "ds-combobox_leading-icon_1q8z8_485", go = "ds-combobox_leading-icon--small_1q8z8_496", po = "ds-combobox_leading-icon--selected_1q8z8_496", Io = "ds-combobox_leading-icon--disabled_1q8z8_499", mo = "ds-combobox_indicator_1q8z8_508", vo = "ds-combobox_clear_1q8z8_509", fo = "ds-combobox_indicator--small_1q8z8_515", Co = "ds-combobox_clear--small_1q8z8_516", ho = "ds-combobox_indicator--icon_1q8z8_520", Ao = "ds-combobox_clear--icon_1q8z8_521", Go = "ds-combobox_indicator--icon--small_1q8z8_528", xo = "ds-combobox_clear--icon--small_1q8z8_529", G = {
+}, Du = "ds-combobox_root_196k7_1", Ou = "ds-combobox_hint_196k7_1", Tu = "ds-combobox_label_196k7_1", wu = "ds-combobox_label--hidden_196k7_29", Ju = "ds-combobox_label--disabled_196k7_42", Lu = "ds-combobox_feedback_196k7_62", Yu = "ds-combobox_select_196k7_66", zu = "ds-combobox_select--small_196k7_74", ku = "ds-combobox_select--invalid_196k7_186", ju = "ds-combobox_select--disabled_196k7_286", Uu = "ds-combobox_select--focused_196k7_297", Qu = "ds-combobox_select--hovered_196k7_314", _u = "ds-combobox_placeholder_196k7_324", $u = "ds-combobox_menu-list_196k7_333", Ku = "ds-combobox_group-heading_196k7_343", qu = "ds-combobox_option_196k7_365", eo = "ds-combobox_option--small_196k7_381", to = "ds-combobox_option--grouped_196k7_396", no = "ds-combobox_option--single_196k7_399", io = "ds-combobox_option--disabled_196k7_402", uo = "ds-combobox_option--focus-hover_196k7_410", oo = "ds-combobox_option--text_196k7_422", ao = "ds-combobox_option--check-icon_196k7_425", lo = "ds-combobox_option--check-icon--disabled_196k7_435", ro = "ds-combobox_single-option_196k7_444", so = "ds-combobox_multi-option_196k7_450", co = "ds-combobox_single-value_196k7_454", bo = "ds-combobox_single-value--text_196k7_458", go = "ds-combobox_leading-icon_196k7_465", po = "ds-combobox_leading-icon--small_196k7_476", Io = "ds-combobox_leading-icon--selected_196k7_476", mo = "ds-combobox_leading-icon--disabled_196k7_479", vo = "ds-combobox_indicator_196k7_488", fo = "ds-combobox_clear_196k7_489", Co = "ds-combobox_indicator--small_196k7_495", ho = "ds-combobox_clear--small_196k7_496", Ao = "ds-combobox_indicator--icon_196k7_500", Go = "ds-combobox_clear--icon_196k7_501", xo = "ds-combobox_indicator--icon--small_196k7_508", yo = "ds-combobox_clear--icon--small_196k7_509", G = {
   root: Du,
   hint: Ou,
   label: Tu,
@@ -3001,104 +3001,106 @@ const Hu = (n) => {
   groupHeading: Ku,
   option: qu,
   optionSmall: eo,
-  optionSingle: to,
-  optionDisabled: no,
-  optionFocusHover: io,
-  optionText: uo,
-  optionCheckIcon: oo,
-  optionCheckIconDisabled: ao,
-  singleOption: lo,
-  multiOption: ro,
-  singleValue: so,
-  singleValueText: co,
-  leadingIcon: bo,
-  leadingIconSmall: go,
-  leadingIconSelected: po,
-  leadingIconDisabled: Io,
-  indicator: mo,
-  clear: vo,
-  indicatorSmall: fo,
-  clearSmall: Co,
-  indicatorIcon: ho,
-  clearIcon: Ao,
-  indicatorIconSmall: Go,
-  clearIconSmall: xo
-}, yo = rt(({
+  optionGrouped: to,
+  optionSingle: no,
+  optionDisabled: io,
+  optionFocusHover: uo,
+  optionText: oo,
+  optionCheckIcon: ao,
+  optionCheckIconDisabled: lo,
+  singleOption: ro,
+  multiOption: so,
+  singleValue: co,
+  singleValueText: bo,
+  leadingIcon: go,
+  leadingIconSmall: po,
+  leadingIconSelected: Io,
+  leadingIconDisabled: mo,
+  indicator: vo,
+  clear: fo,
+  indicatorSmall: Co,
+  clearSmall: ho,
+  indicatorIcon: Ao,
+  clearIcon: Go,
+  indicatorIconSmall: xo,
+  clearIconSmall: yo
+}, Vo = rt(({
   id: n,
   label: e,
   options: i,
   className: u,
   disabled: t = !1,
-  hint: a,
-  hideLabel: l = !1,
-  invalid: s = !1,
-  isMulti: o = !1,
-  lang: r = "en",
-  required: c = !1,
-  size: d = "medium",
-  systemFeedback: b,
-  translations: p,
+  filterOption: a,
+  hint: l,
+  hideLabel: s = !1,
+  invalid: o = !1,
+  isMulti: r = !1,
+  lang: c = "en",
+  required: d = !1,
+  size: b = "medium",
+  systemFeedback: p,
+  translations: m,
   value: v,
-  onValueChange: m,
-  onInputChange: g,
-  ...I
+  onValueChange: g,
+  onInputChange: I,
+  ...V
 }, x) => {
-  const [V, y] = ue(!1), F = ae(() => i, [JSON.stringify(i)]), E = Q(null), S = (B) => {
-    B && (E.current = B, typeof x == "function" ? x(B.inputRef) : x && (x.current = B.inputRef));
-  }, A = p ? p.placeholder : ye[r].placeholder, R = jt(l), H = `${n}-label`, O = `${n}-feedback`, D = `${n}-hint`, z = a ? ` ${D}` : "", k = () => p ? p.filterNoOptions : ye[r].filterNoOptions, N = L(G.root, u), P = L(G.label, {
+  const [y, B] = ue(!1), S = oe(() => i, [JSON.stringify(i)]), F = Q(null), A = (E) => {
+    E && (F.current = E, typeof x == "function" ? x(E.inputRef) : x && (x.current = E.inputRef));
+  }, R = m ? m.placeholder : ye[c].placeholder, D = jt(s), O = `${n}-label`, P = `${n}-feedback`, Y = `${n}-hint`, k = l ? ` ${Y}` : "", N = () => m ? m.filterNoOptions : ye[c].filterNoOptions, Z = L(G.root, u), z = L(G.label, {
     // hide label only visually to keep them available for assistive technologies
-    [G.labelHidden]: R,
+    [G.labelHidden]: D,
     [G.labelDisabled]: t
-  }), Y = (B) => L(G.select, {
-    [G.selectSmall]: d === "small",
-    [G.selectFocused]: B.isFocused,
-    [G.selectHovered]: V,
+  }), w = (E) => L(G.select, {
+    [G.selectSmall]: b === "small",
+    [G.selectFocused]: E.isFocused,
+    [G.selectHovered]: y,
     [G.selectDisabled]: t,
-    [G.selectInvalid]: s
-  }), w = (B) => L({
-    [G.placeholder]: !B.isDisabled
+    [G.selectInvalid]: o
+  }), U = (E) => L({
+    [G.placeholder]: !E.isDisabled
   });
-  return /* @__PURE__ */ de("div", { className: N, children: [
-    /* @__PURE__ */ de("label", { className: P, id: H, htmlFor: n, onMouseEnter: () => !t && y(!0), onMouseLeave: () => !t && y(!1), children: [
+  return /* @__PURE__ */ de("div", { className: Z, children: [
+    /* @__PURE__ */ de("label", { className: z, id: O, htmlFor: n, onMouseEnter: () => !t && B(!0), onMouseLeave: () => !t && B(!1), children: [
       e,
-      c && /* @__PURE__ */ M(Ut, {})
+      d && /* @__PURE__ */ M(Ut, {})
     ] }),
-    a && /* @__PURE__ */ M("div", { className: G.hint, id: D, children: a }),
-    s && b && /* @__PURE__ */ M(Qt, { className: G.feedback, message: b, variant: "error", id: O }),
+    l && /* @__PURE__ */ M("div", { className: G.hint, id: Y, children: l }),
     /* @__PURE__ */ M(
       Mu,
       {
-        ...I,
-        "aria-errormessage": s && b ? O : void 0,
+        ...V,
+        "aria-errormessage": o && p ? P : void 0,
         "aria-label": e,
-        "aria-labelledby": `${H}${z}`,
-        "aria-invalid": s,
-        ariaLiveMessages: Hu(p || ye[r]),
+        "aria-labelledby": `${O}${k}`,
+        "aria-invalid": o,
+        ariaLiveMessages: Hu(m || ye[c]),
         inputId: n,
         classNames: {
-          control: Y,
-          placeholder: w
+          control: w,
+          placeholder: U
         },
-        closeMenuOnSelect: !o,
+        closeMenuOnSelect: !r,
+        filterOption: a,
         hideSelectedOptions: !1,
         instanceId: n,
         isDisabled: t,
-        isMulti: o,
+        isMulti: r,
         isSearchable: !0,
-        noOptionsMessage: k,
-        options: F,
-        placeholder: A,
-        required: c,
+        noOptionsMessage: N,
+        options: S,
+        placeholder: R,
+        required: d,
         unstyled: !0,
-        ref: S,
+        ref: A,
         styles: {
-          container: (B) => ({
-            ...B,
+          container: (E) => ({
+            ...E,
             // needed for cursor: not-allowed to work on disabled DSCombobox
             pointerEvents: "initial"
           }),
-          control: (B) => ({
-            ...B,
+          control: (E) => ({
+            ...E,
             outline: "initial",
             // we do not want to have paddingInlineEnd on the control, but rather on the valueContainer, so we remove it here
             paddingInlineEnd: 0,
@@ -3109,123 +3111,129 @@ const Hu = (n) => {
             cursor: "text"
           }),
           // increase the z-index
-          menu: (B) => ({
-            ...B,
+          menu: (E) => ({
+            ...E,
             zIndex: 99
           }),
           // needed for Values to not be squished like "A.., B..." but rather cut off "Apple, Bana"
-          multiValue: (B) => ({
-            ...B,
+          multiValue: (E) => ({
+            ...E,
             minWidth: "max-content"
           }),
-          noOptionsMessage: (B) => ({
-            ...B,
+          noOptionsMessage: (E) => ({
+            ...E,
             // remove default text align center
             textAlign: void 0
           }),
-          option: (B) => ({
-            ...B,
+          option: (E) => ({
+            ...E,
             display: "flex",
             // remove fontSize, so that we can change if based on size
             fontSize: void 0
           }),
-          valueContainer: (B) => ({
-            ...B,
+          valueContainer: (E) => ({
+            ...E,
             flexWrap: "nowrap",
-            paddingInlineEnd: d === "small" ? "7px" : "15px"
+            paddingInlineEnd: b === "small" ? "7px" : "15px"
             // reduced by one pixel to counteract Figma inner border
           })
         },
         components: {
-          ClearIndicator: Vo,
-          DropdownIndicator: Bo,
-          GroupHeading: Eo,
+          ClearIndicator: Bo,
+          DropdownIndicator: Eo,
+          GroupHeading: Fo,
           // separator between clear all icon and chevron down
           IndicatorSeparator: () => null,
-          Input: Fo,
-          MenuList: So,
-          MultiValueContainer: Xo,
+          Input: So,
+          MenuList: Xo,
+          MultiValueContainer: Ro,
           // remove button for each selected value
           MultiValueRemove: () => null,
-          NoOptionsMessage: Ro,
-          Option: Wo,
-          SingleValue: Zo
+          NoOptionsMessage: Wo,
+          Option: Zo,
+          SingleValue: Po
         },
-        invalid: s,
-        systemFeedback: b,
-        systemFeedbackId: O,
-        isSmall: d === "small",
+        invalid: o,
+        systemFeedback: p,
+        systemFeedbackId: P,
+        isSmall: b === "small",
         value: v,
-        onChange: (B, {
-          action: U
+        onChange: (E, {
+          action: le
         }) => {
-          var oe, W;
-          U === "clear" && !I.openMenuOnClick && !I.openMenuOnFocus && !o && ((oe = E.current) == null || oe.blur(), (W = E.current) == null || W.focus()), m && m(B);
+          le === "clear" && !V.openMenuOnClick && !V.openMenuOnFocus && !r && (F.current?.blur(), F.current?.focus()), g && g(E);
         },
-        onInputChange: (B) => {
-          g && g(B);
+        onInputChange: (E) => {
+          I && I(E);
         }
       }
-    )
+    ),
+    o && p && /* @__PURE__ */ M(Qt, { className: G.feedback, message: p, variant: "error", id: P })
   ] });
 });
-yo.displayName = "CustomReactSelect";
-const Vo = (n) => {
-  const e = ee.c(12);
-  let i;
-  e[0] !== n ? ({
-    ...i
-  } = n, e[0] = n, e[1] = i) : i = e[1];
-  const {
-    isSmall: u
-  } = i.selectProps;
-  let t;
-  e[2] !== u ? (t = L(G.clear, {
-    [G.clearSmall]: u
-  }), e[2] = u, e[3] = t) : t = e[3];
+Vo.displayName = "CustomReactSelect";
+const Bo = (n) => {
+  const e = ee.c(10);
+  let i, u, t;
+  if (e[0] !== n) {
+    ({
+      ...u
+    } = n);
+    const {
+      isSmall: o
+    } = u.selectProps;
+    i = L(G.clear, {
+      [G.clearSmall]: o
+    }), t = L(G.clearIcon, {
+      [G.clearIconSmall]: o
+    }), e[0] = n, e[1] = i, e[2] = u, e[3] = t;
+  } else
+    i = e[1], u = e[2], t = e[3];
   const a = t;
   let l;
-  e[4] !== u ? (l = L(G.clearIcon, {
-    [G.clearIconSmall]: u
-  }), e[4] = u, e[5] = l) : l = e[5];
-  const s = l;
-  let o;
-  e[6] !== s ? (o = /* @__PURE__ */ M(be, { name: "cross", className: s, "aria-hidden": "true" }), e[6] = s, e[7] = o) : o = e[7];
-  let r;
-  return e[8] !== a || e[9] !== i || e[10] !== o ? (r = /* @__PURE__ */ M(_.ClearIndicator, { ...i, className: a, children: o }), e[8] = a, e[9] = i, e[10] = o, e[11] = r) : r = e[11], r;
-}, Bo = (n) => {
-  const e = ee.c(12);
-  let i;
-  e[0] !== n ? ({
-    ...i
-  } = n, e[0] = n, e[1] = i) : i = e[1];
-  const {
-    isSmall: u,
-    openMenuOnClick: t,
-    openMenuOnFocus: a,
-    isDisabled: l
-  } = i.selectProps;
-  if (!t || !a || l)
-    return null;
+  e[4] !== a ? (l = /* @__PURE__ */ M(be, { name: "cross", className: a, "aria-hidden": "true" }), e[4] = a, e[5] = l) : l = e[5];
   let s;
-  e[2] !== u ? (s = L(G.indicator, {
-    [G.indicatorSmall]: u
-  }), e[2] = u, e[3] = s) : s = e[3];
-  const o = s;
-  let r;
-  e[4] !== u ? (r = L(G.indicatorIcon, {
-    [G.indicatorIconSmall]: u
-  }), e[4] = u, e[5] = r) : r = e[5];
-  const c = r;
-  let d;
-  e[6] !== c ? (d = /* @__PURE__ */ M(be, { name: "chevron-down", className: c, "aria-hidden": "true" }), e[6] = c, e[7] = d) : d = e[7];
-  let b;
-  return e[8] !== o || e[9] !== i || e[10] !== d ? (b = /* @__PURE__ */ M(_.DropdownIndicator, { ...i, className: o, children: d }), e[8] = o, e[9] = i, e[10] = d, e[11] = b) : b = e[11], b;
+  return e[6] !== i || e[7] !== u || e[8] !== l ? (s = /* @__PURE__ */ M(_.ClearIndicator, { ...u, className: i, children: l }), e[6] = i, e[7] = u, e[8] = l, e[9] = s) : s = e[9], s;
 }, Eo = (n) => {
+  const e = ee.c(11);
+  let i, u, t, a;
+  if (e[0] !== n) {
+    a = Symbol.for("react.early_return_sentinel");
+    e: {
+      ({
+        ...u
+      } = n);
+      const {
+        isSmall: r,
+        openMenuOnClick: c,
+        openMenuOnFocus: d,
+        isDisabled: b
+      } = u.selectProps;
+      if (!c || !d || b) {
+        a = null;
+        break e;
+      }
+      i = L(G.indicator, {
+        [G.indicatorSmall]: r
+      }), t = L(G.indicatorIcon, {
+        [G.indicatorIconSmall]: r
+      });
+    }
+    e[0] = n, e[1] = i, e[2] = u, e[3] = t, e[4] = a;
+  } else
+    i = e[1], u = e[2], t = e[3], a = e[4];
+  if (a !== Symbol.for("react.early_return_sentinel"))
+    return a;
+  const l = t;
+  let s;
+  e[5] !== l ? (s = /* @__PURE__ */ M(be, { name: "chevron-down", className: l, "aria-hidden": "true" }), e[5] = l, e[6] = s) : s = e[6];
+  let o;
+  return e[7] !== i || e[8] !== u || e[9] !== s ? (o = /* @__PURE__ */ M(_.DropdownIndicator, { ...u, className: i, children: s }), e[7] = i, e[8] = u, e[9] = s, e[10] = o) : o = e[10], o;
+}, Fo = (n) => {
   const e = ee.c(2);
   let i;
   return e[0] !== n ? (i = /* @__PURE__ */ M(_.GroupHeading, { ...n, className: G.groupHeading, children: n.children }), e[0] = n, e[1] = i) : i = e[1], i;
-}, Fo = (n) => {
+}, So = (n) => {
   const e = ee.c(3), {
     invalid: i,
     systemFeedback: u,
@@ -3233,11 +3241,11 @@ const Vo = (n) => {
   } = n.selectProps, a = i && u ? t : n["aria-describedby"];
   let l;
   return e[0] !== n || e[1] !== a ? (l = /* @__PURE__ */ M(_.Input, { ...n, "aria-describedby": a, autoComplete: n.selectProps.autoComplete }), e[0] = n, e[1] = a, e[2] = l) : l = e[2], l;
-}, So = (n) => {
+}, Xo = (n) => {
   const e = ee.c(2);
   let i;
   return e[0] !== n ? (i = /* @__PURE__ */ M(_.MenuList, { ...n, className: G.menuList, children: n.children }), e[0] = n, e[1] = i) : i = e[1], i;
-}, Xo = (n) => {
+}, Ro = (n) => {
   const e = ee.c(3);
   let i = !1;
   if (n.selectProps.value && Array.isArray(n.selectProps.value)) {
@@ -3250,69 +3258,72 @@ const Vo = (n) => {
     n.children,
     u
   ] }), e[0] = n, e[1] = u, e[2] = t) : t = e[2], t;
-}, Ro = (n) => {
-  const e = ee.c(10);
-  let i;
-  e[0] !== n ? ({
-    ...i
-  } = n, e[0] = n, e[1] = i) : i = e[1];
-  const {
-    isSmall: u
-  } = i.selectProps;
-  let t;
-  e[2] !== u ? (t = L(G.option, {
-    [G.optionSmall]: u
-  }), e[2] = u, e[3] = t) : t = e[3];
-  const a = t;
-  let l;
-  e[4] !== i.children ? (l = /* @__PURE__ */ M("span", { role: "option", children: i.children }), e[4] = i.children, e[5] = l) : l = e[5];
-  let s;
-  return e[6] !== a || e[7] !== i || e[8] !== l ? (s = /* @__PURE__ */ M(_.NoOptionsMessage, { ...i, className: a, children: l }), e[6] = a, e[7] = i, e[8] = l, e[9] = s) : s = e[9], s;
 }, Wo = (n) => {
-  const e = ee.c(24);
-  let i;
-  e[0] !== n ? ({
-    ...i
-  } = n, e[0] = n, e[1] = i) : i = e[1];
-  const {
-    isMulti: u,
-    isSmall: t
-  } = i.selectProps, {
-    leadingIconName: a
-  } = i.data, {
-    children: l,
-    isDisabled: s,
-    isFocused: o,
-    isSelected: r
-  } = i, c = !u && r;
-  let d;
-  e[2] !== s || e[3] !== o || e[4] !== t || e[5] !== c ? (d = L(G.option, {
-    [G.optionSmall]: t,
-    [G.optionSingle]: c,
-    [G.optionDisabled]: s,
-    [G.optionFocusHover]: o
-  }), e[2] = s, e[3] = o, e[4] = t, e[5] = c, e[6] = d) : d = e[6];
-  const b = d;
-  let p;
-  e[7] !== s || e[8] !== t ? (p = L(G.leadingIcon, {
-    [G.leadingIconSmall]: t,
-    [G.leadingIconDisabled]: s
-  }), e[7] = s, e[8] = t, e[9] = p) : p = e[9];
-  const v = p;
-  let m;
-  e[10] !== s ? (m = L(G.optionCheckIcon, {
-    [G.optionCheckIconDisabled]: s
-  }), e[10] = s, e[11] = m) : m = e[11];
-  const g = m;
-  let I;
-  e[12] !== g || e[13] !== l || e[14] !== s || e[15] !== u || e[16] !== r || e[17] !== v || e[18] !== a ? (I = u ? /* @__PURE__ */ M(_t, { label: l, checked: r, disabled: s, className: G.multiOption }) : /* @__PURE__ */ de("div", { className: G.singleOption, children: [
-    a && /* @__PURE__ */ M(be, { name: a, className: v, "aria-hidden": "true" }),
-    /* @__PURE__ */ M("span", { className: G.optionText, children: l }),
-    r && /* @__PURE__ */ M(be, { name: "check", className: g, "aria-hidden": "true" })
-  ] }), e[12] = g, e[13] = l, e[14] = s, e[15] = u, e[16] = r, e[17] = v, e[18] = a, e[19] = I) : I = e[19];
-  let x;
-  return e[20] !== b || e[21] !== i || e[22] !== I ? (x = /* @__PURE__ */ M(_.Option, { ...i, className: b, children: I }), e[20] = b, e[21] = i, e[22] = I, e[23] = x) : x = e[23], x;
+  const e = ee.c(9);
+  let i, u;
+  if (e[0] !== n) {
+    ({
+      ...i
+    } = n);
+    const {
+      isSmall: s
+    } = i.selectProps;
+    u = L(G.option, {
+      [G.optionSmall]: s
+    }), e[0] = n, e[1] = i, e[2] = u;
+  } else
+    i = e[1], u = e[2];
+  const t = u;
+  let a;
+  e[3] !== i.children ? (a = /* @__PURE__ */ M("span", { role: "option", children: i.children }), e[3] = i.children, e[4] = a) : a = e[4];
+  let l;
+  return e[5] !== t || e[6] !== i || e[7] !== a ? (l = /* @__PURE__ */ M(_.NoOptionsMessage, { ...i, className: t, children: a }), e[5] = t, e[6] = i, e[7] = a, e[8] = l) : l = e[8], l;
 }, Zo = (n) => {
+  const e = ee.c(22);
+  let i, u, t, a, l, s, o, r, c;
+  if (e[0] !== n) {
+    ({
+      ...r
+    } = n);
+    const {
+      isMulti: m,
+      isSmall: v
+    } = r.selectProps;
+    t = m, {
+      leadingIconName: s
+    } = r.data;
+    const {
+      children: g,
+      isDisabled: I,
+      isFocused: V,
+      isSelected: x
+    } = r;
+    i = g, u = I, a = x;
+    const y = r.selectProps.options.some((B) => "options" in B && B.options.includes(r.data));
+    o = L(G.option, {
+      [G.optionSmall]: v,
+      [G.optionSingle]: !t && a,
+      [G.optionDisabled]: u,
+      [G.optionFocusHover]: V,
+      [G.optionGrouped]: y
+    }), l = L(G.leadingIcon, {
+      [G.leadingIconSmall]: v,
+      [G.leadingIconDisabled]: u
+    }), c = L(G.optionCheckIcon, {
+      [G.optionCheckIconDisabled]: u
+    }), e[0] = n, e[1] = i, e[2] = u, e[3] = t, e[4] = a, e[5] = l, e[6] = s, e[7] = o, e[8] = r, e[9] = c;
+  } else
+    i = e[1], u = e[2], t = e[3], a = e[4], l = e[5], s = e[6], o = e[7], r = e[8], c = e[9];
+  const d = c;
+  let b;
+  e[10] !== d || e[11] !== i || e[12] !== u || e[13] !== t || e[14] !== a || e[15] !== l || e[16] !== s ? (b = t ? /* @__PURE__ */ M(_t, { label: i, checked: a, disabled: u, className: G.multiOption }) : /* @__PURE__ */ de("div", { className: G.singleOption, children: [
+    s && /* @__PURE__ */ M(be, { name: s, className: l, "aria-hidden": "true" }),
+    /* @__PURE__ */ M("span", { className: G.optionText, children: i }),
+    a && /* @__PURE__ */ M(be, { name: "check", className: d, "aria-hidden": "true" })
+  ] }), e[10] = d, e[11] = i, e[12] = u, e[13] = t, e[14] = a, e[15] = l, e[16] = s, e[17] = b) : b = e[17];
+  let p;
+  return e[18] !== o || e[19] !== r || e[20] !== b ? (p = /* @__PURE__ */ M(_.Option, { ...r, className: o, children: b }), e[18] = o, e[19] = r, e[20] = b, e[21] = p) : p = e[21], p;
+}, Po = (n) => {
   const e = ee.c(11), {
     children: i,
     isDisabled: u
@@ -3335,10 +3346,10 @@ const Vo = (n) => {
   ] }), e[7] = n, e[8] = s, e[9] = o, e[10] = r) : r = e[10], r;
 };
 export {
-  Qo as C,
+  _o as C,
   $t as D,
   Kt as a,
   ye as b,
-  yo as c,
-  Uo as v
+  Vo as c,
+  Qo as v
 };