@stihl-design-system/components 1.0.0-RC.47 → 1.0.0-RC.48

package/chunks/{CustomReactSelect.oEQpO9iN.js → CustomReactSelect.DTAavYaz.js}

@@ -1,21 +1,21 @@
 "use client";
-import { jsxs as se, jsx as M } from "react/jsx-runtime";
+import { jsxs as ce, jsx as M } from "react/jsx-runtime";
 import { d as te } from "./index.cKLI89Eg.js";
 import { c as L } from "./index.DQOqod3i.js";
 import * as X from "react";
-import { useState as ue, useCallback as w, useLayoutEffect as Dt, useRef as $, useMemo as oe, createContext as Ot, useContext as Tt, Component as wt, Fragment as Re, useEffect as lt, forwardRef as rt } from "react";
+import { useState as oe, useCallback as T, useLayoutEffect as Dt, useRef as $, useMemo as ae, createContext as Ot, useContext as wt, Component as Tt, 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.react.Chmq0RmI.js";
-import { t as zt } from "./translate.nuU7uChI.js";
-import { g as ce, r as kt } from "./helpers.CexwVao7.js";
-import { u as jt } from "./useBreakpoint.1txsny17.js";
-import { Asterisk as Ut } from "../asterisk.Dwtdwpkq.js";
-import { D as ge } from "./Icon.DYtaQgbw.js";
-import { D as Qt } from "./Popover.ByaoNwGK.js";
-import { D as _t } from "./SystemFeedback.4osheYxC.js";
-import { OptionCheckbox as $t } from "../optioncheckbox.tlMEoyT0.js";
-import '../assets/CustomReactSelect.lKMLwL7n.css';const qo = ({
+import { t as zt } from "./translate.DSb-TdWR.js";
+import { g as de, r as jt } from "./helpers.CexwVao7.js";
+import { Asterisk as kt } from "../asterisk.Dwtdwpkq.js";
+import { D as pe } from "./Icon.DYtaQgbw.js";
+import { D as Ut } from "./Popover.CxZZ_y1Z.js";
+import { D as Qt } from "./SystemFeedback.DhWcYjnu.js";
+import { OptionCheckbox as _t } from "../optioncheckbox.tlMEoyT0.js";
+import { u as $t } from "./useBreakpoint.1txsny17.js";
+import '../assets/CustomReactSelect.CvWMmrAU.css';const qo = ({
   id: n,
   label: e,
   options: i,
@@ -23,28 +23,23 @@ import '../assets/CustomReactSelect.lKMLwL7n.css';const qo = ({
   popoverContent: t
 }) => {
   if (!n)
-    throw new Error(ce("DSCombobox", 'A unique "id" prop is required. Please add a unique "id" prop to the DSCombobox component.'));
+    throw new Error(de("DSCombobox", 'A unique "id" prop is required. Please add a unique "id" prop to the DSCombobox component.'));
   if (!e)
-    throw new Error(ce("DSCombobox", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSCombobox component. If you don't want to display a label, set hideLabel={true}.`));
+    throw new Error(de("DSCombobox", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSCombobox component. If you don't want to display a label, set hideLabel={true}.`));
   if (Array.isArray(i)) {
     if (i.length === 0)
-      throw new Error(ce("DSCombobox", "The options array must not be empty."));
-  } else throw new Error(ce("DSCombobox", kt("options", "DSCombobox")));
-  u && t && console.warn(ce("DSCombobox", "Using a popover when hideLabel is set to true is not supported."));
+      throw new Error(de("DSCombobox", "The options array must not be empty."));
+  } else throw new Error(de("DSCombobox", jt("options", "DSCombobox")));
+  u && t && console.warn(de("DSCombobox", "Using a popover when hideLabel is set to true is not supported."));
 }, ea = ["medium", "small"], Kt = {
   placeholder: "",
   navigationGuidance: "Use Up and Down to choose options",
   selectGuidance: "press Enter to select the currently focused option",
   exitGuidance: "press Escape to exit the menu",
   tabGuidance: "press Tab to select the option and exit the menu",
-  searchGuidance: "type to refine list",
-  // {0} is label property of DSCombobox {1} is searchGuidance
-  inputGuidance: "{0} is focused{1}, press Down to open the menu",
-  // {0} is option_one {1} is the label of an option
-  selectOptionDisabled: "{0} {1} is disabled. Select another option.",
-  // {0} is the label of an option
-  focusValue: "value {0}, focused",
-  // e.g. 1 of 2 options
+  inputGuidance: "{label} is focused{isSearchable, select, true {, type to refine list} other {}}, press Down to open the menu",
+  selectOptionDisabled: "option {label} is disabled. Select another option.",
+  focusValue: "value {label}, focused",
   of: "of",
   disabled: "disabled",
   selected: "selected",
@@ -53,14 +48,12 @@ import '../assets/CustomReactSelect.lKMLwL7n.css';const qo = ({
   valueGuidance: "Use left and right to toggle between focused values",
   deleteGuidance: "press Backspace to remove the currently focused value",
   clearAllOptions: "All selected options have been cleared",
-  filterTermHint: "for search term",
+  filterTermHint: "for search term {inputValue}",
   filterNoOptions: "No options found",
-  option_one: "option",
-  option_other: "options",
-  result_one: "result",
-  result_other: "results",
-  // {0} is result_one or result_other
-  resultsAvailable: "{0} available",
+  resultsAvailable: "{count, plural, one {# result available} other {# results available}}",
+  optionSelected: "option {label}, selected.",
+  optionsSelected: "{count, plural, one {option {labels} selected.} other {options {labels} selected.}}",
+  optionPosition: "{index} of {total}.",
   togglePopover: "Toggle popover"
 }, qt = {
   placeholder: "",
@@ -68,14 +61,9 @@ import '../assets/CustomReactSelect.lKMLwL7n.css';const qo = ({
   selectGuidance: "drücke die Eingabetaste, um die aktuell fokussierte Option auszuwählen",
   exitGuidance: "drücke Escape, um das Menü zu verlassen",
   tabGuidance: "drücke Tab, um die Option auszuwählen und das Menü zu verlassen",
-  searchGuidance: "tippe, um Liste zu verfeinern",
-  // {0} is label property of DSCombobox {1} is searchGuidance
-  inputGuidance: "{0} ist fokussiert{1}, drücke nach unten, um das Menü zu öffnen",
-  // {0} is option_one {1} is the label of an option
-  selectOptionDisabled: "{0} {1} ist deaktiviert. Wähle eine andere Option.",
-  // {0} is the label of an option
-  focusValue: "Wert {0}, fokussiert",
-  // e.g. 1 of 2 options
+  inputGuidance: "{label} ist fokussiert{isSearchable, select, true {, tippe, um Liste zu verfeinern} other {}}, drücke nach unten, um das Menü zu öffnen",
+  selectOptionDisabled: "Option {label} ist deaktiviert. Wähle eine andere Option.",
+  focusValue: "Wert {label}, fokussiert",
   of: "von",
   disabled: "deaktiviert",
   selected: "ausgewählt",
@@ -84,42 +72,40 @@ import '../assets/CustomReactSelect.lKMLwL7n.css';const qo = ({
   valueGuidance: "Benutze die linke und rechte Pfeiltaste, um zwischen den fokussierten Werten zu wechseln",
   deleteGuidance: "drücke die Rücktaste, um den aktuell fokussierten Wert zu entfernen",
   clearAllOptions: "Alle ausgewählten Optionen wurden gelöscht",
-  filterTermHint: "für den Suchbegriff",
+  filterTermHint: "für den Suchbegriff {inputValue}",
   filterNoOptions: "Keine Optionen gefunden",
-  option_one: "Option",
-  option_other: "Optionen",
-  result_one: "Ergebnis",
-  result_other: "Ergebnisse",
-  // {0} is result_one or result_other
-  resultsAvailable: "{0} verfügbar",
+  resultsAvailable: "{count, plural, one {# Ergebnis verfügbar} other {# Ergebnisse verfügbar}}",
+  optionSelected: "Option {label}, ausgewählt.",
+  optionsSelected: "{count, plural, one {Option {labels} ausgewählt.} other {Optionen {labels} ausgewählt.}}",
+  optionPosition: "{index} von {total}.",
   togglePopover: "Popover öffnen/schließen"
-}, Ie = {
+}, ue = {
   en: Kt,
   de: qt
 };
-function ae(n) {
+function le(n) {
   "@babel/helpers - typeof";
-  return ae = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return le = 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;
-  }, ae(n);
+  }, le(n);
 }
 function en(n, e) {
-  if (ae(n) != "object" || !n) return n;
+  if (le(n) != "object" || !n) return n;
   var i = n[Symbol.toPrimitive];
   if (i !== void 0) {
     var u = i.call(n, e);
-    if (ae(u) != "object") return u;
+    if (le(u) != "object") return u;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (e === "string" ? String : Number)(n);
 }
 function ct(n) {
   var e = en(n, "string");
-  return ae(e) == "symbol" ? e : e + "";
+  return le(e) == "symbol" ? e : e + "";
 }
-function be(n, e, i) {
+function ge(n, e, i) {
   return (e = ct(e)) in n ? Object.defineProperty(n, e, {
     value: i,
     enumerable: !0,
@@ -141,7 +127,7 @@ function C(n) {
   for (var e = 1; e < arguments.length; e++) {
     var i = arguments[e] != null ? arguments[e] : {};
     e % 2 ? Je(Object(i), !0).forEach(function(u) {
-      be(n, u, i[u]);
+      ge(n, u, i[u]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(i)) : Je(Object(i)).forEach(function(u) {
       Object.defineProperty(n, u, Object.getOwnPropertyDescriptor(i, u));
     });
@@ -172,16 +158,16 @@ function nn(n, e) {
     return s;
   }
 }
-function We(n, e) {
+function Pe(n, e) {
   (e == null || e > n.length) && (e = n.length);
   for (var i = 0, u = Array(e); i < e; i++) u[i] = n[i];
   return u;
 }
 function dt(n, e) {
   if (n) {
-    if (typeof n == "string") return We(n, e);
+    if (typeof n == "string") return Pe(n, e);
     var i = {}.toString.call(n).slice(8, -1);
-    return i === "Object" && n.constructor && (i = n.constructor.name), i === "Map" || i === "Set" ? Array.from(n) : i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i) ? We(n, e) : void 0;
+    return i === "Object" && n.constructor && (i = n.constructor.name), i === "Map" || i === "Set" ? Array.from(n) : i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i) ? Pe(n, e) : void 0;
   }
 }
 function un() {
@@ -211,24 +197,24 @@ function ne(n, e) {
 }
 var an = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function ln(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, g = n.onMenuOpen, p = n.value, I = ne(n, an), m = ue(s !== void 0 ? s : i), b = ee(m, 2), v = b[0], E = b[1], y = ue(o !== void 0 ? o : t), x = ee(y, 2), B = x[0], F = x[1], V = ue(p !== void 0 ? p : l), A = ee(V, 2), R = A[0], H = A[1], O = w(function(J, U) {
+  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, g = n.onMenuOpen, p = n.value, I = ne(n, an), m = oe(s !== void 0 ? s : i), b = ee(m, 2), v = b[0], E = b[1], y = oe(o !== void 0 ? o : t), x = ee(y, 2), B = x[0], F = x[1], V = oe(p !== void 0 ? p : l), A = ee(V, 2), R = A[0], H = A[1], O = T(function(J, U) {
     typeof r == "function" && r(J, U), H(J);
-  }, [r]), D = w(function(J, U) {
+  }, [r]), D = T(function(J, U) {
     var Q;
     typeof c == "function" && (Q = c(J, U)), E(Q !== void 0 ? Q : J);
-  }, [c]), Y = w(function() {
+  }, [c]), Y = T(function() {
     typeof g == "function" && g(), F(!0);
-  }, [g]), z = w(function() {
+  }, [g]), z = T(function() {
     typeof d == "function" && d(), F(!1);
-  }, [d]), W = s !== void 0 ? s : v, P = o !== void 0 ? o : B, k = p !== void 0 ? p : R;
+  }, [d]), P = s !== void 0 ? s : v, W = o !== void 0 ? o : B, j = p !== void 0 ? p : R;
   return C(C({}, I), {}, {
-    inputValue: W,
-    menuIsOpen: P,
+    inputValue: P,
+    menuIsOpen: W,
     onChange: O,
     onInputChange: D,
     onMenuClose: z,
     onMenuOpen: Y,
-    value: k
+    value: j
   });
 }
 function h() {
@@ -254,10 +240,10 @@ function sn(n, e, i) {
     writable: !1
   }), n;
 }
-function Pe(n, e) {
-  return Pe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, u) {
+function We(n, e) {
+  return We = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, u) {
     return i.__proto__ = u, i;
-  }, Pe(n, e);
+  }, We(n, e);
 }
 function cn(n, e) {
   if (typeof e != "function" && e !== null) throw new TypeError("Super expression must either be null or a function");
@@ -269,7 +255,7 @@ function cn(n, e) {
     }
   }), Object.defineProperty(n, "prototype", {
     writable: !1
-  }), e && Pe(n, e);
+  }), e && We(n, e);
 }
 function he(n) {
   return he = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
@@ -291,7 +277,7 @@ function dn(n) {
   return n;
 }
 function bn(n, e) {
-  if (e && (ae(e) == "object" || typeof e == "function")) return e;
+  if (e && (le(e) == "object" || typeof e == "function")) return e;
   if (e !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
   return dn(n);
 }
@@ -307,7 +293,7 @@ function gn(n) {
   };
 }
 function pn(n) {
-  if (Array.isArray(n)) return We(n);
+  if (Array.isArray(n)) return Pe(n);
 }
 function In(n) {
   if (typeof Symbol < "u" && n[Symbol.iterator] != null || n["@@iterator"] != null) return Array.from(n);
@@ -345,7 +331,7 @@ function hn(n, e) {
   }).join(" ");
 }
 var Ye = function(e) {
-  return Fn(e) ? e.filter(Boolean) : ae(e) === "object" && e !== null ? [e] : [];
+  return Fn(e) ? e.filter(Boolean) : le(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 = ne(e, fn);
@@ -408,7 +394,7 @@ function yn(n) {
     width: e.width
   };
 }
-function ke() {
+function je() {
   try {
     return document.createEvent("TouchEvent"), !0;
   } catch {
@@ -449,8 +435,8 @@ var Xn = function(e) {
     var o = ee(s, 2), r = o[0], c = o[1];
     return l[r] = c, l;
   }, {});
-}, Rn = ["children", "innerProps"], Wn = ["children", "innerProps"];
-function Pn(n) {
+}, Rn = ["children", "innerProps"], Pn = ["children", "innerProps"];
+function Wn(n) {
   var e = n.maxHeight, i = n.menuEl, u = n.minHeight, t = n.placement, a = n.shouldScroll, l = n.isFixedPosition, s = n.controlHeight, o = Gn(i), r = {
     placement: "bottom",
     maxHeight: e
@@ -479,8 +465,8 @@ function Pn(n) {
         };
       }
       if (t === "auto" || l) {
-        var z = e, W = l ? F : A;
-        return W >= u && (z = Math.min(W - x - s, e)), {
+        var z = e, P = l ? F : A;
+        return P >= u && (z = Math.min(P - x - s, e)), {
           placement: "top",
           maxHeight: z
         };
@@ -503,10 +489,10 @@ function Pn(n) {
           maxHeight: e
         };
       if (!l && A >= u || l && F >= u) {
-        var P = e;
-        return (!l && A >= u || l && F >= u) && (P = l ? F - B : A - B), a && me(o, O, D), {
+        var W = e;
+        return (!l && A >= u || l && F >= u) && (W = l ? F - B : A - B), a && me(o, O, D), {
           placement: "top",
-          maxHeight: P
+          maxHeight: W
         };
       }
       return {
@@ -531,7 +517,7 @@ var mt = function(e) {
   var u, t = e.placement, a = e.theme, l = a.borderRadius, s = a.spacing, o = a.colors;
   return C((u = {
     label: "menu"
-  }, be(u, Zn(t), "100%"), be(u, "position", "absolute"), be(u, "width", "100%"), be(u, "zIndex", 1), u), i ? {} : {
+  }, ge(u, Zn(t), "100%"), ge(u, "position", "absolute"), ge(u, "width", "100%"), ge(u, "zIndex", 1), u), i ? {} : {
     backgroundColor: o.neutral0,
     borderRadius: l,
     boxShadow: "0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)",
@@ -539,11 +525,11 @@ var mt = function(e) {
     marginTop: s.menuGutter
   });
 }, vt = /* @__PURE__ */ Ot(null), Mn = 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 = $(null), g = ue(t), p = ee(g, 2), I = p[0], m = p[1], b = ue(null), v = ee(b, 2), E = v[0], y = v[1], x = 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 = wt(vt) || {}, c = r.setPortalPlacement, d = $(null), g = oe(t), p = ee(g, 2), I = p[0], m = p[1], b = oe(null), v = ee(b, 2), E = v[0], y = v[1], x = o.spacing.controlHeight;
   return Ze(function() {
     var B = d.current;
     if (B) {
-      var F = l === "fixed", V = s && !F, A = Pn({
+      var F = l === "fixed", V = s && !F, A = Wn({
         maxHeight: t,
         menuEl: B,
         minHeight: u,
@@ -580,7 +566,7 @@ var mt = function(e) {
     paddingBottom: t,
     paddingTop: t
   });
-}, Tn = function(e) {
+}, wn = function(e) {
   var i = e.children, u = e.innerProps, t = e.innerRef, a = e.isMulti;
   return f("div", h({}, Z(e, "menuList", {
     "menu-list": !0,
@@ -596,7 +582,7 @@ var mt = function(e) {
     color: a.neutral40,
     padding: "".concat(t * 2, "px ").concat(t * 3, "px")
   });
-}, wn = ft, Jn = ft, Ln = function(e) {
+}, Tn = ft, Jn = ft, Ln = function(e) {
   var i = e.children, u = i === void 0 ? "No options" : i, t = e.innerProps, a = ne(e, Rn);
   return f("div", h({}, Z(C(C({}, a), {}, {
     children: u,
@@ -606,7 +592,7 @@ var mt = function(e) {
     "menu-notice--no-options": !0
   }), t), u);
 }, Yn = function(e) {
-  var i = e.children, u = i === void 0 ? "Loading..." : i, t = e.innerProps, a = ne(e, Wn);
+  var i = e.children, u = i === void 0 ? "Loading..." : i, t = e.innerProps, a = ne(e, Pn);
   return f("div", h({}, Z(C(C({}, a), {}, {
     children: u,
     innerProps: t
@@ -623,12 +609,12 @@ var mt = function(e) {
     width: i.width,
     zIndex: 1
   };
-}, kn = function(e) {
-  var i = e.appendTo, u = e.children, t = e.controlElement, a = e.innerProps, l = e.menuPlacement, s = e.menuPosition, o = $(null), r = $(null), c = ue(mt(l)), d = ee(c, 2), g = d[0], p = d[1], I = oe(function() {
+}, jn = function(e) {
+  var i = e.appendTo, u = e.children, t = e.controlElement, a = e.innerProps, l = e.menuPlacement, s = e.menuPosition, o = $(null), r = $(null), c = oe(mt(l)), d = ee(c, 2), g = d[0], p = d[1], I = ae(function() {
     return {
       setPortalPlacement: p
     };
-  }, []), m = ue(null), b = ee(m, 2), v = b[0], E = b[1], y = w(function() {
+  }, []), m = oe(null), b = ee(m, 2), v = b[0], E = b[1], y = T(function() {
     if (t) {
       var V = yn(t), A = s === "fixed" ? 0 : window.pageYOffset, R = V[g] + A;
       (R !== v?.offset || V.left !== v?.rect.left || V.width !== v?.rect.width) && E({
@@ -640,7 +626,7 @@ var mt = function(e) {
   Ze(function() {
     y();
   }, [y]);
-  var x = w(function() {
+  var x = T(function() {
     typeof r.current == "function" && (r.current(), r.current = null), t && o.current && (r.current = Yt(t, o.current, y, {
       elementResize: "ResizeObserver" in window
     }));
@@ -648,7 +634,7 @@ var mt = function(e) {
   Ze(function() {
     x();
   }, [x]);
-  var B = w(function(V) {
+  var B = T(function(V) {
     o.current = V, x();
   }, [x]);
   if (!i && s !== "fixed" || !v) return null;
@@ -664,7 +650,7 @@ var mt = function(e) {
   return f(vt.Provider, {
     value: I
   }, i ? /* @__PURE__ */ Lt(F, i) : F);
-}, jn = function(e) {
+}, kn = function(e) {
   var i = e.isDisabled, u = e.isRtl;
   return {
     label: "container",
@@ -711,7 +697,7 @@ var mt = function(e) {
   return f("div", h({}, Z(e, "indicatorsContainer", {
     indicators: !0
   }), u), i);
-}, je, qn = ["size"], ei = ["innerProps", "isRtl", "size"];
+}, ke, qn = ["size"], ei = ["innerProps", "isRtl", "size"];
 function ti() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
@@ -786,7 +772,7 @@ var ni = process.env.NODE_ENV === "production" ? {
   return f("span", h({}, i, Z(e, "indicatorSeparator", {
     "indicator-separator": !0
   })));
-}, si = Jt(je || (je = vn([`
+}, si = Jt(ke || (ke = vn([`
   0%, 80%, 100% { opacity: 0; }
   40% { opacity: 1; }
 `]))), ci = function(e, i) {
@@ -1009,7 +995,7 @@ var ni = process.env.NODE_ENV === "production" ? {
   var i = e.children, u = e.innerProps;
   return f("div", u, i);
 }, Xi = xt, Ri = xt;
-function Wi(n) {
+function Pi(n) {
   var e = n.children, i = n.innerProps;
   return f("div", h({
     role: "button"
@@ -1017,7 +1003,7 @@ function Wi(n) {
     size: 14
   }));
 }
-var Pi = function(e) {
+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,
@@ -1041,7 +1027,7 @@ var Pi = function(e) {
     }, s),
     selectProps: o
   }));
-}, Zi = Pi, Ni = function(e, i) {
+}, Zi = Wi, Ni = function(e, i) {
   var u = e.isDisabled, t = e.isFocused, a = e.isSelected, l = e.theme, s = l.spacing, o = l.colors;
   return C({
     label: "option",
@@ -1086,7 +1072,7 @@ var Pi = function(e) {
   return f("div", h({}, Z(e, "placeholder", {
     placeholder: !0
   }), u), i);
-}, Ti = Oi, wi = function(e, i) {
+}, wi = Oi, Ti = function(e, i) {
   var u = e.isDisabled, t = e.theme, a = t.spacing, l = t.colors;
   return C({
     label: "singleValue",
@@ -1119,16 +1105,16 @@ var Pi = function(e) {
   Input: Bi,
   LoadingIndicator: di,
   Menu: Dn,
-  MenuList: Tn,
-  MenuPortal: kn,
+  MenuList: wn,
+  MenuPortal: jn,
   LoadingMessage: Yn,
   NoOptionsMessage: Ln,
   MultiValue: Zi,
   MultiValueContainer: Xi,
   MultiValueLabel: Ri,
-  MultiValueRemove: Wi,
+  MultiValueRemove: Pi,
   Option: Hi,
-  Placeholder: Ti,
+  Placeholder: wi,
   SelectContainer: Un,
   SingleValue: Li,
   ValueContainer: _n
@@ -1140,7 +1126,7 @@ var Pi = function(e) {
 function zi(n, e) {
   return !!(n === e || Ue(n) && Ue(e));
 }
-function ki(n, e) {
+function ji(n, e) {
   if (n.length !== e.length)
     return !1;
   for (var i = 0; i < n.length; i++)
@@ -1148,8 +1134,8 @@ function ki(n, e) {
       return !1;
   return !0;
 }
-function ji(n, e) {
-  e === void 0 && (e = ki);
+function ki(n, e) {
+  e === void 0 && (e = ji);
   var i = null;
   function u() {
     for (var t = [], a = 0; a < arguments.length; a++)
@@ -1230,58 +1216,58 @@ var Qi = process.env.NODE_ENV === "production" ? {
     return "".concat(u).concat(i ? " for search term " + i : "", ".");
   }
 }, Ki = 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, g = o.getOptionLabel, p = o.inputValue, I = o.isMulti, m = o.isOptionDisabled, b = o.isSearchable, v = o.menuIsOpen, E = o.options, y = o.screenReaderStatus, x = o.tabSelectsValue, B = o.isLoading, F = o["aria-label"], V = o["aria-live"], A = oe(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, g = o.getOptionLabel, p = o.inputValue, I = o.isMulti, m = o.isOptionDisabled, b = o.isSearchable, v = o.menuIsOpen, E = o.options, y = o.screenReaderStatus, x = o.tabSelectsValue, B = o.isLoading, F = o["aria-label"], V = o["aria-live"], A = ae(function() {
     return C(C({}, $i), d || {});
-  }, [d]), R = oe(function() {
-    var W = "";
+  }, [d]), R = ae(function() {
+    var P = "";
     if (i && A.onChange) {
-      var P = i.option, k = i.options, J = i.removedValue, U = i.removedValues, Q = i.value, le = function(q) {
+      var W = i.option, j = i.options, J = i.removedValue, U = i.removedValues, Q = i.value, re = function(q) {
         return Array.isArray(q) ? null : q;
-      }, N = J || P || le(Q), T = N ? g(N) : "", S = k || U || void 0, _ = S ? S.map(g) : [], j = C({
+      }, N = J || W || re(Q), w = N ? g(N) : "", S = j || U || void 0, _ = S ? S.map(g) : [], k = 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: N && m(N, s),
-        label: T,
+        label: w,
         labels: _
       }, i);
-      W = A.onChange(j);
+      P = A.onChange(k);
     }
-    return W;
-  }, [i, A, m, s, g]), H = oe(function() {
-    var W = "", P = u || t, k = !!(u && s && s.includes(u));
-    if (P && A.onFocus) {
+    return P;
+  }, [i, A, m, s, g]), H = ae(function() {
+    var P = "", W = u || t, j = !!(u && s && s.includes(u));
+    if (W && A.onFocus) {
       var J = {
-        focused: P,
-        label: g(P),
-        isDisabled: m(P, s),
-        isSelected: k,
+        focused: W,
+        label: g(W),
+        isDisabled: m(W, s),
+        isSelected: j,
         options: a,
-        context: P === u ? "menu" : "value",
+        context: W === u ? "menu" : "value",
         selectValue: s,
         isAppleDevice: c
       };
-      W = A.onFocus(J);
+      P = A.onFocus(J);
     }
-    return W;
-  }, [u, t, g, m, A, a, s, c]), O = oe(function() {
-    var W = "";
+    return P;
+  }, [u, t, g, m, A, a, s, c]), O = ae(function() {
+    var P = "";
     if (v && E.length && !B && A.onFilter) {
-      var P = y({
+      var W = y({
         count: a.length
       });
-      W = A.onFilter({
+      P = A.onFilter({
         inputValue: p,
-        resultsMessage: P
+        resultsMessage: W
       });
     }
-    return W;
-  }, [a, p, v, A, E, y, B]), D = i?.action === "initial-input-focus", Y = oe(function() {
-    var W = "";
+    return P;
+  }, [a, p, v, A, E, y, B]), D = i?.action === "initial-input-focus", Y = ae(function() {
+    var P = "";
     if (A.guidance) {
-      var P = t ? "value" : v ? "menu" : "input";
-      W = A.guidance({
+      var W = t ? "value" : v ? "menu" : "input";
+      P = A.guidance({
         "aria-label": F,
-        context: P,
+        context: W,
         isDisabled: u && m(u, s),
         isMulti: I,
         isSearchable: b,
@@ -1289,7 +1275,7 @@ var Qi = process.env.NODE_ENV === "production" ? {
         isInitialFocus: D
       });
     }
-    return W;
+    return P;
   }, [F, u, t, I, m, b, v, A, s, x, D]), z = f(Re, null, f("span", {
     id: "aria-selection"
   }, R), f("span", {
@@ -1569,7 +1555,7 @@ var Vt = function(e) {
   return e.replace(eu, function(i) {
     return yt[i];
   });
-}, tu = ji(Vt), _e = function(e) {
+}, tu = ki(Vt), _e = function(e) {
   return e.replace(/^\s+|\s+$/g, "");
 }, nu = function(e) {
   return "".concat(e.label, " ").concat(e.value);
@@ -1618,26 +1604,26 @@ var au = function(e) {
   e.cancelable && e.preventDefault(), e.stopPropagation();
 };
 function lu(n) {
-  var e = n.isEnabled, i = n.onBottomArrive, u = n.onBottomLeave, t = n.onTopArrive, a = n.onTopLeave, l = $(!1), s = $(!1), o = $(0), r = $(null), c = w(function(b, v) {
+  var e = n.isEnabled, i = n.onBottomArrive, u = n.onBottomLeave, t = n.onTopArrive, a = n.onTopLeave, l = $(!1), s = $(!1), o = $(0), r = $(null), c = T(function(b, v) {
     if (r.current !== null) {
       var E = r.current, y = E.scrollTop, x = E.scrollHeight, B = E.clientHeight, F = r.current, V = v > 0, A = x - B - y, R = !1;
       A > v && l.current && (u && u(b), l.current = !1), V && s.current && (a && a(b), s.current = !1), V && v > A ? (i && !l.current && i(b), F.scrollTop = x, R = !0, l.current = !0) : !V && -v > y && (t && !s.current && t(b), F.scrollTop = 0, R = !0, s.current = !0), R && au(b);
     }
-  }, [i, u, t, a]), d = w(function(b) {
+  }, [i, u, t, a]), d = T(function(b) {
     c(b, b.deltaY);
-  }, [c]), g = w(function(b) {
+  }, [c]), g = T(function(b) {
     o.current = b.changedTouches[0].clientY;
-  }, []), p = w(function(b) {
+  }, []), p = T(function(b) {
     var v = o.current - b.changedTouches[0].clientY;
     c(b, v);
-  }, [c]), I = w(function(b) {
+  }, [c]), I = T(function(b) {
     if (b) {
       var v = En ? {
         passive: !1
       } : !1;
       b.addEventListener("wheel", d, v), b.addEventListener("touchstart", g, v), b.addEventListener("touchmove", p, v);
     }
-  }, [p, g, d]), m = w(function(b) {
+  }, [p, g, d]), m = T(function(b) {
     b && (b.removeEventListener("wheel", d, !1), b.removeEventListener("touchstart", g, !1), b.removeEventListener("touchmove", p, !1));
   }, [p, g, d]);
   return lt(function() {
@@ -1671,33 +1657,33 @@ function tt() {
 function nt() {
   return "ontouchstart" in window || navigator.maxTouchPoints;
 }
-var it = !!(typeof window < "u" && window.document && window.document.createElement), de = 0, re = {
+var it = !!(typeof window < "u" && window.document && window.document.createElement), be = 0, se = {
   capture: !1,
   passive: !1
 };
 function ru(n) {
-  var e = n.isEnabled, i = n.accountForScrollbars, u = i === void 0 ? !0 : i, t = $({}), a = $(null), l = w(function(o) {
+  var e = n.isEnabled, i = n.accountForScrollbars, u = i === void 0 ? !0 : i, t = $({}), a = $(null), l = T(function(o) {
     if (it) {
       var r = document.body, c = r && r.style;
       if (u && $e.forEach(function(I) {
         var m = c && c[I];
         t.current[I] = m;
-      }), u && de < 1) {
+      }), u && be < 1) {
         var d = parseInt(t.current.paddingRight, 10) || 0, g = document.body ? document.body.clientWidth : 0, p = window.innerWidth - g + d || 0;
         Object.keys(Ke).forEach(function(I) {
           var m = Ke[I];
           c && (c[I] = m);
         }), c && (c.paddingRight = "".concat(p, "px"));
       }
-      r && nt() && (r.addEventListener("touchmove", qe, re), o && (o.addEventListener("touchstart", tt, re), o.addEventListener("touchmove", et, re))), de += 1;
+      r && nt() && (r.addEventListener("touchmove", qe, se), o && (o.addEventListener("touchstart", tt, se), o.addEventListener("touchmove", et, se))), be += 1;
     }
-  }, [u]), s = w(function(o) {
+  }, [u]), s = T(function(o) {
     if (it) {
       var r = document.body, c = r && r.style;
-      de = Math.max(de - 1, 0), u && de < 1 && $e.forEach(function(d) {
+      be = Math.max(be - 1, 0), u && be < 1 && $e.forEach(function(d) {
         var g = t.current[d];
         c && (c[d] = g);
-      }), r && nt() && (r.removeEventListener("touchmove", qe, re), o && (o.removeEventListener("touchstart", tt, re), o.removeEventListener("touchmove", et, re)));
+      }), r && nt() && (r.removeEventListener("touchmove", qe, se), o && (o.removeEventListener("touchstart", tt, se), o.removeEventListener("touchmove", et, se)));
     }
   }, [u]);
   return lt(function() {
@@ -1798,7 +1784,7 @@ var Au = function(e) {
   return !!e.isDisabled;
 }, Vu = {
   clearIndicator: oi,
-  container: jn,
+  container: kn,
   control: bi,
   dropdownIndicator: ii,
   group: mi,
@@ -1814,10 +1800,10 @@ var Au = function(e) {
   multiValue: Ei,
   multiValueLabel: Si,
   multiValueRemove: Fi,
-  noOptionsMessage: wn,
+  noOptionsMessage: Tn,
   option: Ni,
   placeholder: Di,
-  singleValue: wi,
+  singleValue: Ti,
   valueContainer: Qn
 }, Bu = {
   primary: "#2684FF",
@@ -1848,8 +1834,8 @@ var Au = function(e) {
 }, Ru = {
   "aria-live": "polite",
   backspaceRemovesValue: !0,
-  blurInputOnSelect: ke(),
-  captureMenuScroll: !ke(),
+  blurInputOnSelect: je(),
+  captureMenuScroll: !je(),
   classNames: {},
   closeMenuOnSelect: !0,
   closeMenuOnScroll: !1,
@@ -1944,18 +1930,18 @@ function ot(n, e) {
     }), i;
   }, []);
 }
-function Wu(n, e) {
+function Pu(n, e) {
   return St(Ce(n, e));
 }
 function at(n, e) {
   var i = n.inputValue, u = i === void 0 ? "" : i, t = e.data, a = e.isSelected, l = e.label, s = e.value;
-  return (!Pt(n) || !a) && Wt(n, {
+  return (!Wt(n) || !a) && Pt(n, {
     label: l,
     value: s,
     data: t
   }, u);
 }
-function Pu(n, e) {
+function Wu(n, e) {
   var i = n.focusedValue, u = n.selectValue, t = u.indexOf(i);
   if (t > -1) {
     var a = e.indexOf(i);
@@ -1992,10 +1978,10 @@ function Rt(n, e, i) {
     return xe(n, t) === u;
   });
 }
-function Wt(n, e, i) {
+function Pt(n, e, i) {
   return n.filterOption ? n.filterOption(e, i) : !0;
 }
-var Pt = function(e) {
+var Wt = function(e) {
   var i = e.hideSelectedOptions, u = e.isMulti;
   return i === void 0 ? u : i;
 }, Nu = 1, Zt = /* @__PURE__ */ (function(n) {
@@ -2198,7 +2184,7 @@ var Pt = function(e) {
         });
       }
     }, t.shouldHideSelectedOptions = function() {
-      return Pt(t.props);
+      return Wt(t.props);
     }, t.onValueInputFocus = function(o) {
       o.preventDefault(), o.stopPropagation(), t.focus();
     }, t.onKeyDown = function(o) {
@@ -2466,7 +2452,7 @@ var Pt = function(e) {
   }, {
     key: "filterOption",
     value: function(t, a) {
-      return Wt(this.props, t, a);
+      return Pt(this.props, t, a);
     }
   }, {
     key: "formatOptionLabel",
@@ -2684,18 +2670,18 @@ var Pt = 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, g = a.NoOptionsMessage, p = a.Option, I = this.commonProps, m = this.state.focusedOption, b = this.props, v = b.captureMenuScroll, E = b.inputValue, y = b.isLoading, x = b.loadingMessage, B = b.minMenuHeight, F = b.maxMenuHeight, V = b.menuIsOpen, A = b.menuPlacement, R = b.menuPosition, H = b.menuPortalTarget, O = b.menuShouldBlockScroll, D = b.menuShouldScrollIntoView, Y = b.noOptionsMessage, z = b.onMenuScrollToTop, W = b.onMenuScrollToBottom;
+      var t = this, a = this.getComponents(), l = a.Group, s = a.GroupHeading, o = a.Menu, r = a.MenuList, c = a.MenuPortal, d = a.LoadingMessage, g = a.NoOptionsMessage, p = a.Option, I = this.commonProps, m = this.state.focusedOption, b = this.props, v = b.captureMenuScroll, E = b.inputValue, y = b.isLoading, x = b.loadingMessage, B = b.minMenuHeight, F = b.maxMenuHeight, V = b.menuIsOpen, A = b.menuPlacement, R = b.menuPosition, H = b.menuPortalTarget, O = b.menuShouldBlockScroll, D = b.menuShouldScrollIntoView, Y = b.noOptionsMessage, z = b.onMenuScrollToTop, P = b.onMenuScrollToBottom;
       if (!V) return null;
-      var P = function(T, S) {
-        var _ = T.type, j = T.data, ie = T.isDisabled, q = T.isSelected, pe = T.label, Nt = T.value, Oe = m === j, Te = ie ? void 0 : function() {
-          return t.onOptionHover(j);
+      var W = function(w, S) {
+        var _ = w.type, k = w.data, ie = w.isDisabled, q = w.isSelected, Ie = w.label, Nt = w.value, Oe = m === k, we = ie ? void 0 : function() {
+          return t.onOptionHover(k);
         }, Mt = ie ? void 0 : function() {
-          return t.selectOption(j);
-        }, we = "".concat(t.getElementId("option"), "-").concat(S), Ht = {
-          id: we,
+          return t.selectOption(k);
+        }, Te = "".concat(t.getElementId("option"), "-").concat(S), Ht = {
+          id: Te,
           onClick: Mt,
-          onMouseMove: Te,
-          onMouseOver: Te,
+          onMouseMove: we,
+          onMouseOver: we,
           tabIndex: -1,
           role: "option",
           "aria-selected": t.state.isAppleDevice ? void 0 : q
@@ -2703,24 +2689,24 @@ var Pt = function(e) {
         };
         return /* @__PURE__ */ X.createElement(p, h({}, I, {
           innerProps: Ht,
-          data: j,
+          data: k,
           isDisabled: ie,
           isSelected: q,
-          key: we,
-          label: pe,
+          key: Te,
+          label: Ie,
           type: _,
           value: Nt,
           isFocused: Oe,
           innerRef: Oe ? t.getFocusedOptionRef : void 0
-        }), t.formatOptionLabel(T.data, "menu"));
-      }, k;
+        }), t.formatOptionLabel(w.data, "menu"));
+      }, j;
       if (this.hasOptions())
-        k = this.getCategorizedOptions().map(function(N) {
+        j = this.getCategorizedOptions().map(function(N) {
           if (N.type === "group") {
-            var T = N.data, S = N.options, _ = N.index, j = "".concat(t.getElementId("group"), "-").concat(_), ie = "".concat(j, "-heading");
+            var w = N.data, S = N.options, _ = N.index, k = "".concat(t.getElementId("group"), "-").concat(_), ie = "".concat(k, "-heading");
             return /* @__PURE__ */ X.createElement(l, h({}, I, {
-              key: j,
-              data: T,
+              key: k,
+              data: w,
               options: S,
               Heading: s,
               headingProps: {
@@ -2729,23 +2715,23 @@ var Pt = function(e) {
               },
               label: t.formatGroupLabel(N.data)
             }), N.options.map(function(q) {
-              return P(q, "".concat(_, "-").concat(q.index));
+              return W(q, "".concat(_, "-").concat(q.index));
             }));
           } else if (N.type === "option")
-            return P(N, "".concat(N.index));
+            return W(N, "".concat(N.index));
         });
       else if (y) {
         var J = x({
           inputValue: E
         });
         if (J === null) return null;
-        k = /* @__PURE__ */ X.createElement(d, I, J);
+        j = /* @__PURE__ */ X.createElement(d, I, J);
       } else {
         var U = Y({
           inputValue: E
         });
         if (U === null) return null;
-        k = /* @__PURE__ */ X.createElement(g, I, U);
+        j = /* @__PURE__ */ X.createElement(g, I, U);
       }
       var Q = {
         minMenuHeight: B,
@@ -2753,10 +2739,10 @@ var Pt = function(e) {
         menuPlacement: A,
         menuPosition: R,
         menuShouldScrollIntoView: D
-      }, le = /* @__PURE__ */ X.createElement(Mn, h({}, I, Q), function(N) {
-        var T = N.ref, S = N.placerProps, _ = S.placement, j = S.maxHeight;
+      }, re = /* @__PURE__ */ X.createElement(Mn, h({}, I, Q), function(N) {
+        var w = N.ref, S = N.placerProps, _ = S.placement, k = S.maxHeight;
         return /* @__PURE__ */ X.createElement(o, h({}, I, Q, {
-          innerRef: T,
+          innerRef: w,
           innerProps: {
             onMouseDown: t.onMenuMouseDown,
             onMouseMove: t.onMenuMouseMove
@@ -2766,12 +2752,12 @@ var Pt = function(e) {
         }), /* @__PURE__ */ X.createElement(bu, {
           captureEnabled: v,
           onTopArrive: z,
-          onBottomArrive: W,
+          onBottomArrive: P,
           lockEnabled: O
         }, function(ie) {
           return /* @__PURE__ */ X.createElement(r, h({}, I, {
-            innerRef: function(pe) {
-              t.getMenuListRef(pe), ie(pe);
+            innerRef: function(Ie) {
+              t.getMenuListRef(Ie), ie(Ie);
             },
             innerProps: {
               role: "listbox",
@@ -2779,9 +2765,9 @@ var Pt = function(e) {
               id: t.getElementId("listbox")
             },
             isLoading: y,
-            maxHeight: j,
+            maxHeight: k,
             focusedOption: m
-          }), k);
+          }), j);
         }));
       });
       return H || R === "fixed" ? /* @__PURE__ */ X.createElement(c, h({}, I, {
@@ -2789,7 +2775,7 @@ var Pt = function(e) {
         controlElement: this.controlRef,
         menuPlacement: A,
         menuPosition: R
-      }), le) : le;
+      }), re) : re;
     }
   }, {
     key: "renderFormField",
@@ -2882,7 +2868,7 @@ var Pt = function(e) {
     value: function(t, a) {
       var l = a.prevProps, s = a.clearFocusValueOnUpdate, o = a.inputIsHiddenAfterUpdate, r = a.ariaSelection, c = a.isFocused, d = a.prevWasFocused, g = a.instancePrefix, p = t.options, I = t.value, m = t.menuIsOpen, b = t.inputValue, v = t.isMulti, E = Ye(I), y = {};
       if (l && (I !== l.value || p !== l.options || m !== l.menuIsOpen || b !== l.inputValue)) {
-        var x = m ? Wu(t, E) : [], B = m ? ot(Ce(t, E), "".concat(g, "-option")) : [], F = s ? Pu(a, E) : null, V = Zu(a, x), A = Xe(B, V);
+        var x = m ? Pu(t, E) : [], B = m ? ot(Ce(t, E), "".concat(g, "-option")) : [], F = s ? Wu(a, E) : null, V = Zu(a, x), A = Xe(B, V);
         y = {
           selectValue: E,
           focusedOption: V,
@@ -2907,7 +2893,7 @@ var Pt = function(e) {
       });
     }
   }]), i;
-})(wt);
+})(Tt);
 Zt.defaultProps = Ru;
 var Mu = /* @__PURE__ */ rt(function(n, e) {
   var i = ln(n);
@@ -2915,90 +2901,109 @@ var Mu = /* @__PURE__ */ rt(function(n, e) {
     ref: e
   }, i));
 }), Hu = Mu;
-const Du = (n) => {
-  const e = zt(n);
+const Du = (n, e) => {
+  const i = zt(n, e);
   return {
-    guidance: (i) => {
+    guidance: (u) => {
       const {
-        isSearchable: u,
-        isMulti: t,
-        tabSelectsValue: a,
-        context: l,
-        isInitialFocus: s
-      } = i, o = a ? `, ${e("tabGuidance")}` : "", r = u ? `, ${e("searchGuidance")}` : "", c = t ? `, ${e("focusSelectedMultiGuidance")}` : "";
-      switch (l) {
+        isSearchable: t,
+        isMulti: a,
+        tabSelectsValue: l,
+        context: s,
+        isInitialFocus: o
+      } = u, r = l ? `, ${i("tabGuidance")}` : "";
+      switch (s) {
         case "menu":
-          return ` ${e("navigationGuidance")}, ${e("selectGuidance")}${a ? `${o}` : ""}, ${e("exitGuidance")}.`;
+          return ` ${i("navigationGuidance")}, ${i("selectGuidance")}${l ? `${r}` : ""}, ${i("exitGuidance")}.`;
         case "input":
-          return s ? `${e("inputGuidance", [i["aria-label"], r])}${c}` : "";
+          return o ? `${i("inputGuidance", {
+            label: u["aria-label"],
+            isSearchable: String(t)
+          })}${a ? `, ${i("focusSelectedMultiGuidance")}` : ""}` : "";
         case "value":
-          return t ? `${e("valueGuidance")}, ${e("deleteGuidance")}` : e("valueGuidance");
+          return a ? `${i("valueGuidance")}, ${i("deleteGuidance")}` : i("valueGuidance");
         default:
           return "";
       }
     },
-    onChange: (i) => {
+    onChange: (u) => {
       const {
-        action: u,
-        label: t = "",
-        labels: a,
-        isDisabled: l
-      } = i;
-      switch (u) {
+        action: t,
+        label: a = "",
+        labels: l,
+        isDisabled: s
+      } = u;
+      switch (t) {
         case "deselect-option":
         case "pop-value":
         case "remove-value":
-          return `${t}, ${e("deselected")}.`;
+          return `${a}, ${i("deselected")}.`;
         case "clear":
-          return `${e("clearAllOptions")}.`;
+          return `${i("clearAllOptions")}.`;
         case "initial-input-focus":
-          return a.length > 0 ? `${a.length > 1 ? e("option_other") : e("option_one")} ${a.join(", ")} ${e("selected")}.` : "";
+          return l.length > 0 ? i("optionsSelected", {
+            count: l.length,
+            labels: l.join(", ")
+          }) : "";
         case "select-option":
-          return l ? e("selectOptionDisabled", [e("option_one"), t]) : `${e("option_one")} ${t}, ${e("selected")}.`;
+          return s ? i("selectOptionDisabled", {
+            label: a
+          }) : i("optionSelected", {
+            label: a
+          });
         default:
           return "";
       }
     },
-    onFocus: (i) => {
+    onFocus: (u) => {
       const {
-        context: u,
-        focused: t,
-        options: a,
-        label: l = "",
-        selectValue: s,
-        isDisabled: o,
-        isSelected: r,
-        isAppleDevice: c
-      } = i, d = (g, p) => g?.length ? `${g.indexOf(p) + 1} ${e("of")} ${g.length}.` : "";
-      if (u === "value" && s)
-        return `${e("focusValue", [l])}, ${d(s, t)}`;
-      if (u === "menu" && c) {
-        const g = o ? ` ${e("disabled")}` : "", p = `${r ? `, ${e("selected")}` : ""}${g}`;
-        return `${l}${p}, ${d(a, t)}`;
+        context: t,
+        focused: a,
+        options: l,
+        label: s = "",
+        selectValue: o,
+        isDisabled: r,
+        isSelected: c,
+        isAppleDevice: d
+      } = u, g = (p, I) => p?.length ? i("optionPosition", {
+        index: p.indexOf(I) + 1,
+        total: p.length
+      }) : "";
+      if (t === "value" && o)
+        return `${i("focusValue", {
+          label: s
+        })}, ${g(o, a)}`;
+      if (t === "menu" && d) {
+        const p = r ? ` ${i("disabled")}` : "", I = `${c ? `, ${i("selected")}` : ""}${p}`;
+        return `${s}${I}, ${g(l, a)}`;
       }
       return "";
     },
-    onFilter: (i) => {
+    onFilter: (u) => {
       const {
-        inputValue: u,
-        resultsMessage: t
-      } = i, l = /(\d+) result/.exec(t);
-      let s = 0;
-      l && l[1] && (s = parseInt(l[1], 10));
-      const o = e("resultsAvailable", [e(s !== 1 ? "result_other" : "result_one")]), r = u ? ` ${e("filterTermHint")} ${u}` : "";
-      return `${s} ${o},${r}`;
+        inputValue: t,
+        resultsMessage: a
+      } = u, s = /(\d+) result/.exec(a);
+      let o = 0;
+      s && s[1] && (o = parseInt(s[1], 10));
+      const r = i("resultsAvailable", {
+        count: o
+      }), c = t ? ` ${i("filterTermHint", {
+        inputValue: t
+      })}` : "";
+      return c ? `${r},${c}` : r;
     }
   };
-}, Ou = "ds-combobox_root_lfxhq_1", Tu = "ds-combobox_hint_lfxhq_1", wu = "ds-combobox_label-wrapper_lfxhq_1", Ju = "ds-combobox_label_lfxhq_1", Lu = "ds-combobox_label--disabled_lfxhq_30", Yu = "ds-combobox_label-wrapper--hidden_lfxhq_42", zu = "ds-combobox_feedback_lfxhq_70", ku = "ds-combobox_select_lfxhq_74", ju = "ds-combobox_select--small_lfxhq_82", Uu = "ds-combobox_select--invalid_lfxhq_194", Qu = "ds-combobox_select--disabled_lfxhq_294", _u = "ds-combobox_select--focused_lfxhq_305", $u = "ds-combobox_select--hovered_lfxhq_322", Ku = "ds-combobox_placeholder_lfxhq_332", qu = "ds-combobox_menu-list_lfxhq_341", eo = "ds-combobox_group-heading_lfxhq_351", to = "ds-combobox_option_lfxhq_373", no = "ds-combobox_option--small_lfxhq_389", io = "ds-combobox_option--grouped_lfxhq_404", uo = "ds-combobox_option--single_lfxhq_407", oo = "ds-combobox_option--disabled_lfxhq_410", ao = "ds-combobox_option--focus-hover_lfxhq_418", lo = "ds-combobox_option--text_lfxhq_430", ro = "ds-combobox_option--check-icon_lfxhq_433", so = "ds-combobox_option--check-icon--disabled_lfxhq_443", co = "ds-combobox_single-option_lfxhq_452", bo = "ds-combobox_multi-option_lfxhq_458", go = "ds-combobox_single-value_lfxhq_462", po = "ds-combobox_single-value--text_lfxhq_466", Io = "ds-combobox_leading-icon_lfxhq_473", mo = "ds-combobox_leading-icon--small_lfxhq_484", vo = "ds-combobox_leading-icon--selected_lfxhq_484", fo = "ds-combobox_leading-icon--disabled_lfxhq_487", Co = "ds-combobox_indicator_lfxhq_496", ho = "ds-combobox_clear_lfxhq_497", Ao = "ds-combobox_indicator--small_lfxhq_503", Go = "ds-combobox_clear--small_lfxhq_504", xo = "ds-combobox_indicator--icon_lfxhq_508", yo = "ds-combobox_clear--icon_lfxhq_509", Vo = "ds-combobox_indicator--icon--small_lfxhq_516", Bo = "ds-combobox_clear--icon--small_lfxhq_517", G = {
+}, Ou = "ds-combobox_root_j92wf_1", wu = "ds-combobox_hint_j92wf_1", Tu = "ds-combobox_label-wrapper_j92wf_1", Ju = "ds-combobox_label_j92wf_1", Lu = "ds-combobox_label--disabled_j92wf_30", Yu = "ds-combobox_label-wrapper--hidden_j92wf_50", zu = "ds-combobox_feedback_j92wf_81", ju = "ds-combobox_select_j92wf_85", ku = "ds-combobox_select--small_j92wf_93", Uu = "ds-combobox_select--invalid_j92wf_211", Qu = "ds-combobox_select--disabled_j92wf_425", _u = "ds-combobox_select--focused_j92wf_436", $u = "ds-combobox_select--hovered_j92wf_453", Ku = "ds-combobox_placeholder_j92wf_463", qu = "ds-combobox_menu-list_j92wf_472", eo = "ds-combobox_group-heading_j92wf_482", to = "ds-combobox_option_j92wf_504", no = "ds-combobox_option--small_j92wf_520", io = "ds-combobox_option--grouped_j92wf_535", uo = "ds-combobox_option--single_j92wf_538", oo = "ds-combobox_option--disabled_j92wf_541", ao = "ds-combobox_option--focus-hover_j92wf_549", lo = "ds-combobox_option--text_j92wf_561", ro = "ds-combobox_option--check-icon_j92wf_564", so = "ds-combobox_option--check-icon--disabled_j92wf_574", co = "ds-combobox_single-option_j92wf_583", bo = "ds-combobox_multi-option_j92wf_589", go = "ds-combobox_single-value_j92wf_593", po = "ds-combobox_single-value--text_j92wf_597", Io = "ds-combobox_leading-icon_j92wf_604", mo = "ds-combobox_leading-icon--small_j92wf_615", vo = "ds-combobox_leading-icon--selected_j92wf_615", fo = "ds-combobox_leading-icon--disabled_j92wf_618", Co = "ds-combobox_indicator_j92wf_627", ho = "ds-combobox_clear_j92wf_628", Ao = "ds-combobox_indicator--small_j92wf_634", Go = "ds-combobox_clear--small_j92wf_635", xo = "ds-combobox_indicator--icon_j92wf_639", yo = "ds-combobox_clear--icon_j92wf_640", Vo = "ds-combobox_indicator--icon--small_j92wf_647", Bo = "ds-combobox_clear--icon--small_j92wf_648", G = {
   root: Ou,
-  hint: Tu,
-  labelWrapper: wu,
+  hint: wu,
+  labelWrapper: Tu,
   label: Ju,
   labelDisabled: Lu,
   labelWrapperHidden: Yu,
   feedback: zu,
-  select: ku,
-  selectSmall: ju,
+  select: ju,
+  selectSmall: ku,
   selectInvalid: Uu,
   selectDisabled: Qu,
   selectFocused: _u,
@@ -3054,14 +3059,14 @@ const Du = (n) => {
   onInputChange: y,
   ...x
 }, B) => {
-  const [F, V] = ue(!1), A = oe(() => i, [JSON.stringify(i)]), R = $(null), H = (S) => {
+  const [F, V] = oe(!1), A = ae(() => i, [JSON.stringify(i)]), R = $(null), H = (S) => {
     S && (R.current = S, typeof B == "function" ? B(S.inputRef) : B && (B.current = S.inputRef));
   }, O = {
     ...g,
-    label: b && b.togglePopover || g?.label || Ie[c].togglePopover
-  }, D = b ? b.placeholder : Ie[c].placeholder, Y = jt(s), z = `${n}-label`, W = `${n}-feedback`, P = `${n}-hint`, k = l ? ` ${P}` : "", J = () => b ? b.filterNoOptions : Ie[c].filterNoOptions, U = L(G.root, u), Q = L(G.label, {
+    label: b && b.togglePopover || g?.label || (ue[c] || ue.en).togglePopover
+  }, D = b ? b.placeholder : (ue[c] || ue.en).placeholder, Y = $t(s), z = `${n}-label`, P = `${n}-feedback`, W = `${n}-hint`, j = l ? ` ${W}` : "", J = () => b ? b.filterNoOptions : (ue[c] || ue.en).filterNoOptions, U = L(G.root, u), Q = L(G.label, {
     [G.labelDisabled]: t
-  }), le = L(G.labelWrapper, {
+  }), re = L(G.labelWrapper, {
     // hide label only visually to keep them available for assistive technologies
     [G.labelWrapperHidden]: Y
   }), N = (S) => L(G.select, {
@@ -3070,31 +3075,31 @@ const Du = (n) => {
     [G.selectHovered]: F,
     [G.selectDisabled]: t,
     [G.selectInvalid]: o
-  }), T = (S) => L({
+  }), w = (S) => L({
     [G.placeholder]: !S.isDisabled
   });
-  return /* @__PURE__ */ se("div", { className: U, children: [
-    /* @__PURE__ */ se("div", { className: le, children: [
-      /* @__PURE__ */ se("label", { className: Q, id: z, htmlFor: n, onMouseEnter: () => !t && V(!0), onMouseLeave: () => !t && V(!1), children: [
+  return /* @__PURE__ */ ce("div", { className: U, children: [
+    /* @__PURE__ */ ce("div", { className: re, children: [
+      /* @__PURE__ */ ce("label", { className: Q, id: z, htmlFor: n, onMouseEnter: () => !t && V(!0), onMouseLeave: () => !t && V(!1), children: [
         e,
-        p && /* @__PURE__ */ M(Ut, {})
+        p && /* @__PURE__ */ M(kt, {})
       ] }),
-      d && !Y && /* @__PURE__ */ M(Qt, { placement: "top", defaultAnchorButtonProps: O, children: d })
+      d && !Y && /* @__PURE__ */ M(Ut, { placement: "top", defaultAnchorButtonProps: O, children: d })
     ] }),
-    l && /* @__PURE__ */ M("div", { className: G.hint, id: P, children: l }),
+    l && /* @__PURE__ */ M("div", { className: G.hint, id: W, children: l }),
     /* @__PURE__ */ M(
       Hu,
       {
         ...x,
-        "aria-errormessage": o && m ? W : void 0,
+        "aria-errormessage": o && m ? P : void 0,
         "aria-label": e,
-        "aria-labelledby": `${z}${k}`,
+        "aria-labelledby": `${z}${j}`,
         "aria-invalid": o,
-        ariaLiveMessages: Du(b || Ie[c]),
+        ariaLiveMessages: Du(b || ue[c] || ue.en, c),
         inputId: n,
         classNames: {
           control: N,
-          placeholder: T
+          placeholder: w
         },
         closeMenuOnSelect: !r,
         filterOption: a,
@@ -3161,8 +3166,8 @@ const Du = (n) => {
           // separator between clear all icon and chevron down
           IndicatorSeparator: () => null,
           Input: Ro,
-          MenuList: Wo,
-          MultiValueContainer: Po,
+          MenuList: Po,
+          MultiValueContainer: Wo,
           // remove button for each selected value
           MultiValueRemove: () => null,
           NoOptionsMessage: Zo,
@@ -3171,7 +3176,7 @@ const Du = (n) => {
         },
         invalid: o,
         systemFeedback: m,
-        systemFeedbackId: W,
+        systemFeedbackId: P,
         isSmall: I === "small",
         value: v,
         onChange: (S, {
@@ -3184,7 +3189,7 @@ const Du = (n) => {
         }
       }
     ),
-    o && m && /* @__PURE__ */ M(_t, { className: G.feedback, message: m, variant: "error", id: W })
+    o && m && /* @__PURE__ */ M(Qt, { className: G.feedback, message: m, variant: "error", id: P })
   ] });
 });
 Eo.displayName = "CustomReactSelect";
@@ -3207,7 +3212,7 @@ const So = (n) => {
     i = e[1], u = e[2], t = e[3];
   const a = t;
   let l;
-  e[4] !== a ? (l = /* @__PURE__ */ M(ge, { name: "cross", className: a, "aria-hidden": "true" }), e[4] = a, e[5] = l) : l = e[5];
+  e[4] !== a ? (l = /* @__PURE__ */ M(pe, { name: "cross", className: a, "aria-hidden": "true" }), e[4] = a, e[5] = l) : l = e[5];
   let s;
   return e[6] !== i || e[7] !== u || e[8] !== l ? (s = /* @__PURE__ */ M(K.ClearIndicator, { ...u, className: i, children: l }), e[6] = i, e[7] = u, e[8] = l, e[9] = s) : s = e[9], s;
 }, Fo = (n) => {
@@ -3242,7 +3247,7 @@ const So = (n) => {
     return a;
   const l = t;
   let s;
-  e[5] !== l ? (s = /* @__PURE__ */ M(ge, { name: "chevron-down", className: l, "aria-hidden": "true" }), e[5] = l, e[6] = s) : s = e[6];
+  e[5] !== l ? (s = /* @__PURE__ */ M(pe, { 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(K.DropdownIndicator, { ...u, className: i, children: s }), e[7] = i, e[8] = u, e[9] = s, e[10] = o) : o = e[10], o;
 }, Xo = (n) => {
@@ -3257,11 +3262,11 @@ const So = (n) => {
   } = n.selectProps, a = i && u ? t : n["aria-describedby"];
   let l;
   return e[0] !== n || e[1] !== a ? (l = /* @__PURE__ */ M(K.Input, { ...n, "aria-describedby": a, autoComplete: n.selectProps.autoComplete }), e[0] = n, e[1] = a, e[2] = l) : l = e[2], l;
-}, Wo = (n) => {
+}, Po = (n) => {
   const e = te.c(2);
   let i;
   return e[0] !== n ? (i = /* @__PURE__ */ M(K.MenuList, { ...n, className: G.menuList, children: n.children }), e[0] = n, e[1] = i) : i = e[1], i;
-}, Po = (n) => {
+}, Wo = (n) => {
   const e = te.c(3);
   let i = !1;
   if (n.selectProps.value && Array.isArray(n.selectProps.value)) {
@@ -3270,7 +3275,7 @@ const So = (n) => {
   }
   const u = n.selectProps.menuIsOpen || !i ? ", " : "";
   let t;
-  return e[0] !== n || e[1] !== u ? (t = /* @__PURE__ */ se(K.MultiValueContainer, { ...n, children: [
+  return e[0] !== n || e[1] !== u ? (t = /* @__PURE__ */ ce(K.MultiValueContainer, { ...n, children: [
     n.children,
     u
   ] }), e[0] = n, e[1] = u, e[2] = t) : t = e[2], t;
@@ -3337,10 +3342,10 @@ const So = (n) => {
     ...g
   }, e[11] = g, e[12] = c.innerProps, e[13] = p) : p = e[13];
   let I;
-  e[14] !== i || e[15] !== u || e[16] !== t || e[17] !== a || e[18] !== l || e[19] !== s || e[20] !== o ? (I = a ? /* @__PURE__ */ M($t, { label: u, checked: l, disabled: t, className: G.multiOption }) : /* @__PURE__ */ se("div", { className: G.singleOption, children: [
-    o && /* @__PURE__ */ M(ge, { name: o, className: s, "aria-hidden": "true" }),
+  e[14] !== i || e[15] !== u || e[16] !== t || e[17] !== a || e[18] !== l || e[19] !== s || e[20] !== o ? (I = a ? /* @__PURE__ */ M(_t, { label: u, checked: l, disabled: t, className: G.multiOption }) : /* @__PURE__ */ ce("div", { className: G.singleOption, children: [
+    o && /* @__PURE__ */ M(pe, { name: o, className: s, "aria-hidden": "true" }),
     /* @__PURE__ */ M("span", { className: G.optionText, children: u }),
-    l && /* @__PURE__ */ M(ge, { name: "check", className: i, "aria-hidden": "true" })
+    l && /* @__PURE__ */ M(pe, { name: "check", className: i, "aria-hidden": "true" })
   ] }), e[14] = i, e[15] = u, e[16] = t, e[17] = a, e[18] = l, e[19] = s, e[20] = o, e[21] = I) : I = e[21];
   let m;
   return e[22] !== r || e[23] !== c || e[24] !== p || e[25] !== I ? (m = /* @__PURE__ */ M(K.Option, { ...c, className: r, innerProps: p, children: I }), e[22] = r, e[23] = c, e[24] = p, e[25] = I, e[26] = m) : m = e[26], m;
@@ -3357,11 +3362,11 @@ const So = (n) => {
   }), e[0] = u, e[1] = a) : a = e[1];
   const l = a;
   let s;
-  e[2] !== l || e[3] !== t ? (s = t && /* @__PURE__ */ M(ge, { name: t, className: l, "aria-hidden": "true" }), e[2] = l, e[3] = t, e[4] = s) : s = e[4];
+  e[2] !== l || e[3] !== t ? (s = t && /* @__PURE__ */ M(pe, { name: t, className: l, "aria-hidden": "true" }), e[2] = l, e[3] = t, e[4] = s) : s = e[4];
   let o;
   e[5] !== i ? (o = /* @__PURE__ */ M("span", { className: G.singleValueText, children: i }), e[5] = i, e[6] = o) : o = e[6];
   let r;
-  return e[7] !== n || e[8] !== s || e[9] !== o ? (r = /* @__PURE__ */ se(K.SingleValue, { ...n, className: G.singleValue, children: [
+  return e[7] !== n || e[8] !== s || e[9] !== o ? (r = /* @__PURE__ */ ce(K.SingleValue, { ...n, className: G.singleValue, children: [
     s,
     o
   ] }), e[7] = n, e[8] = s, e[9] = o, e[10] = r) : r = e[10], r;
@@ -3371,7 +3376,7 @@ function Ho(n) {
 }
 export {
   ea as C,
-  Ie as D,
+  ue as D,
   qt as a,
   Kt as b,
   Eo as c,