@stihl-design-system/components 1.0.0-RC.30 → 1.0.0-RC.32

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

@@ -6,15 +6,15 @@ 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 { 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.VgHc0h4l.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 { D as be } from "./Icon.NSsVrYeq.js";
+import { D as Qt } from "./SystemFeedback.CyGbUCzT.js";
+import { OptionCheckbox as _t } from "../optioncheckbox.DqfXuPdi.js";
+import '../assets/CustomReactSelect.DGIItWIh.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",
@@ -214,10 +214,10 @@ function an(n) {
     typeof b == "function" && b(), E(!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;
+  }, [d]), N = s !== void 0 ? s : I, Z = o !== void 0 ? o : F, Y = p !== void 0 ? p : R;
   return C(C({}, v), {}, {
     inputValue: N,
-    menuIsOpen: P,
+    menuIsOpen: Z,
     onChange: O,
     onInputChange: D,
     onMenuClose: k,
@@ -248,10 +248,10 @@ function rn(n, e, i) {
     writable: !1
   }), n;
 }
-function Ze(n, e) {
-  return Ze = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, u) {
+function Pe(n, e) {
+  return Pe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, u) {
     return i.__proto__ = u, i;
-  }, Ze(n, e);
+  }, Pe(n, e);
 }
 function sn(n, e) {
   if (typeof e != "function" && e !== null) throw new TypeError("Super expression must either be null or a function");
@@ -263,7 +263,7 @@ function sn(n, e) {
     }
   }), Object.defineProperty(n, "prototype", {
     writable: !1
-  }), e && Ze(n, e);
+  }), e && Pe(n, e);
 }
 function Ce(n) {
   return Ce = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
@@ -320,7 +320,7 @@ function mn(n, e) {
     }
   }));
 }
-var Pe = Dt, vn = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"], he = function() {
+var Ze = Dt, vn = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"], he = function() {
 };
 function fn(n, e) {
   return e ? e[0] === "-" ? n + e : n + "__" + e : n;
@@ -344,7 +344,7 @@ var Ye = 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) {
+}, P = function(e, i, u) {
   var t = e.cx, a = e.getStyles, l = e.getClassNames, s = e.className;
   return {
     css: a(i, e),
@@ -497,10 +497,10 @@ function Wn(n) {
           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), {
+        var Z = e;
+        return (!l && A >= u || l && E >= u) && (Z = l ? E - F : A - F), a && Ie(o, O, D), {
           placement: "top",
-          maxHeight: P
+          maxHeight: Z
         };
       }
       return {
@@ -512,7 +512,7 @@ function Wn(n) {
   }
   return r;
 }
-function Zn(n) {
+function Pn(n) {
   var e = {
     bottom: "top",
     top: "bottom"
@@ -521,11 +521,11 @@ function Zn(n) {
 }
 var mt = function(e) {
   return e === "auto" ? "bottom" : e;
-}, Pn = function(e, i) {
+}, Zn = function(e, i) {
   var u, t = e.placement, a = e.theme, l = a.borderRadius, s = a.spacing, o = a.colors;
   return C((u = {
     label: "menu"
-  }, ce(u, Zn(t), "100%"), ce(u, "position", "absolute"), ce(u, "width", "100%"), ce(u, "zIndex", 1), u), i ? {} : {
+  }, ce(u, Pn(t), "100%"), ce(u, "position", "absolute"), ce(u, "width", "100%"), ce(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)",
@@ -534,7 +534,7 @@ var mt = function(e) {
   });
 }, 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;
-  return Pe(function() {
+  return Ze(function() {
     var F = d.current;
     if (F) {
       var E = l === "fixed", S = s && !E, A = Wn({
@@ -557,7 +557,7 @@ var mt = function(e) {
   });
 }, Mn = function(e) {
   var i = e.children, u = e.innerRef, t = e.innerProps;
-  return f("div", h({}, Z(e, "menu", {
+  return f("div", h({}, P(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({}, P(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({}, P(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({}, P(C(C({}, a), {}, {
     children: u,
     innerProps: t
   }), "loadingMessage", {
@@ -631,7 +631,7 @@ var mt = function(e) {
       });
     }
   }, [t, s, b, I == null ? void 0 : I.offset, I == null ? void 0 : I.rect.left, I == null ? void 0 : I.rect.width]);
-  Pe(function() {
+  Ze(function() {
     V();
   }, [V]);
   var y = T(function() {
@@ -639,7 +639,7 @@ var mt = function(e) {
       elementResize: "ResizeObserver" in window
     }));
   }, [t, V]);
-  Pe(function() {
+  Ze(function() {
     y();
   }, [y]);
   var F = T(function(S) {
@@ -648,7 +648,7 @@ var mt = function(e) {
   if (!i && s !== "fixed" || !I) return null;
   var E = f("div", h({
     ref: F
-  }, Z(C(C({}, e), {}, {
+  }, P(C(C({}, e), {}, {
     offset: I.offset,
     position: s,
     rect: I.rect
@@ -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({}, P(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({}, P(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({}, P(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({}, P(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({}, P(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, P(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({}, P(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", {
+  }, P(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({}, P(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({}, P(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({}, P(e, "input", {
     "input-container": !0
   }), {
     "data-value": u || ""
@@ -1015,27 +1015,27 @@ 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({}, P(e, "multiValue", {
       "multi-value": !0,
       "multi-value--is-disabled": l
     })), a),
     selectProps: o
   }, f(c, {
     data: t,
-    innerProps: C({}, Z(e, "multiValueLabel", {
+    innerProps: C({}, P(e, "multiValueLabel", {
       "multi-value__label": !0
     })),
     selectProps: o
   }, i), f(d, {
     data: t,
-    innerProps: C(C({}, Z(e, "multiValueRemove", {
+    innerProps: C(C({}, P(e, "multiValueRemove", {
       "multi-value__remove": !0
     })), {}, {
       "aria-label": "Remove ".concat(i || "option")
     }, s),
     selectProps: o
   }));
-}, Zi = Wi, Pi = function(e, i) {
+}, Pi = Wi, Zi = 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",
@@ -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({}, P(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({}, P(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({}, P(e, "singleValue", {
     "single-value": !0,
     "single-value--is-disabled": u
   }), t), i);
@@ -1117,7 +1117,7 @@ var Wi = function(e) {
   MenuPortal: zn,
   LoadingMessage: Ln,
   NoOptionsMessage: Jn,
-  MultiValue: Zi,
+  MultiValue: Pi,
   MultiValueContainer: Si,
   MultiValueLabel: Xi,
   MultiValueRemove: Ri,
@@ -1229,9 +1229,9 @@ var Ui = process.env.NODE_ENV === "production" ? {
   }, [d]), R = ae(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, Y = i.options, w = i.removedValue, B = i.removedValues, U = i.value, oe = 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({
+      }, W = w || Z || oe(U), J = W ? b(W) : "", $ = Y || B || 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),
@@ -1242,15 +1242,15 @@ var Ui = process.env.NODE_ENV === "production" ? {
     }
     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) {
+    var N = "", Z = u || t, Y = !!(u && s && s.includes(u));
+    if (Z && A.onFocus) {
       var w = {
-        focused: P,
-        label: b(P),
-        isDisabled: m(P, s),
+        focused: Z,
+        label: b(Z),
+        isDisabled: m(Z, s),
         isSelected: Y,
         options: a,
-        context: P === u ? "menu" : "value",
+        context: Z === u ? "menu" : "value",
         selectValue: s,
         isAppleDevice: c
       };
@@ -1260,22 +1260,22 @@ var Ui = process.env.NODE_ENV === "production" ? {
   }, [u, t, b, m, A, a, s, c]), O = ae(function() {
     var N = "";
     if (I && x.length && !F && A.onFilter) {
-      var P = V({
+      var Z = V({
         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() {
     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,
+        context: Z,
         isDisabled: u && m(u, s),
         isMulti: v,
         isSearchable: g,
@@ -1802,14 +1802,14 @@ var hu = function(e) {
   input: Ai,
   loadingIndicator: si,
   loadingMessage: wn,
-  menu: Pn,
+  menu: Zn,
   menuList: Dn,
   menuPortal: Yn,
   multiValue: Bi,
   multiValueLabel: Ei,
   multiValueRemove: Fi,
   noOptionsMessage: Tn,
-  option: Pi,
+  option: Zi,
   placeholder: Hi,
   singleValue: Ti,
   valueContainer: Un
@@ -1943,7 +1943,7 @@ function Ru(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 (!Zt(n) || !a) && Wt(n, {
+  return (!Pt(n) || !a) && Wt(n, {
     label: l,
     value: s,
     data: t
@@ -1960,7 +1960,7 @@ function Wu(n, e) {
   }
   return null;
 }
-function Zu(n, e) {
+function Pu(n, e) {
   var i = n.focusedOption;
   return i && e.indexOf(i) > -1 ? i : e[0];
 }
@@ -1989,10 +1989,10 @@ function Rt(n, e, i) {
 function Wt(n, e, i) {
   return n.filterOption ? n.filterOption(e, i) : !0;
 }
-var Zt = function(e) {
+var Pt = function(e) {
   var i = e.hideSelectedOptions, u = e.isMulti;
   return i === void 0 ? u : i;
-}, Pu = 1, Pt = /* @__PURE__ */ function(n) {
+}, Zu = 1, Zt = /* @__PURE__ */ function(n) {
   sn(i, n);
   var e = bn(i);
   function i(u) {
@@ -2192,7 +2192,7 @@ var Zt = function(e) {
         });
       }
     }, t.shouldHideSelectedOptions = function() {
-      return Zt(t.props);
+      return Pt(t.props);
     }, t.onValueInputFocus = function(o) {
       o.preventDefault(), o.stopPropagation(), t.focus();
     }, t.onKeyDown = function(o) {
@@ -2278,7 +2278,7 @@ var Zt = function(e) {
         }
         o.preventDefault();
       }
-    }, t.state.instancePrefix = "react-select-" + (t.props.instanceId || ++Pu), t.state.selectValue = Ye(u.value), u.menuIsOpen && t.state.selectValue.length) {
+    }, t.state.instancePrefix = "react-select-" + (t.props.instanceId || ++Zu), t.state.selectValue = Ye(u.value), u.menuIsOpen && t.state.selectValue.length) {
       var a = t.getFocusableOptionsWithIds(), l = t.buildFocusableOptions(), s = l.indexOf(t.state.selectValue[0]);
       t.state.focusableOptionsWithIds = a, t.state.focusedOption = l[s], t.state.focusedOptionId = Xe(a, l[s]);
     }
@@ -2680,7 +2680,7 @@ var Zt = function(e) {
     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 Z = 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() {
           return t.onOptionHover(j);
         }, Mt = ie ? void 0 : function() {
@@ -2723,10 +2723,10 @@ var Zt = function(e) {
               },
               label: t.formatGroupLabel(W.data)
             }), W.options.map(function(K) {
-              return P(K, "".concat(ne, "-").concat(K.index));
+              return Z(K, "".concat(ne, "-").concat(K.index));
             }));
           } else if (W.type === "option")
-            return P(W, "".concat(W.index));
+            return Z(W, "".concat(W.index));
         });
       else if (V) {
         var w = y({
@@ -2876,7 +2876,7 @@ var Zt = 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, 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);
+        var y = m ? Ru(t, x) : [], F = m ? ot(fe(t, x), "".concat(b, "-option")) : [], E = s ? Wu(a, x) : null, S = Pu(a, y), A = Xe(F, S);
         V = {
           selectValue: x,
           focusedOption: S,
@@ -2902,10 +2902,10 @@ var Zt = function(e) {
     }
   }]), i;
 }(wt);
-Pt.defaultProps = Xu;
+Zt.defaultProps = Xu;
 var Nu = /* @__PURE__ */ rt(function(n, e) {
   var i = an(n);
-  return /* @__PURE__ */ X.createElement(Pt, h({
+  return /* @__PURE__ */ X.createElement(Zt, h({
     ref: e
   }, i));
 }), Mu = Nu;
@@ -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_1b4rt_1", Ou = "ds-combobox_hint_1b4rt_10", Tu = "ds-combobox_label_1b4rt_10", wu = "ds-combobox_label--hidden_1b4rt_38", Ju = "ds-combobox_label--disabled_1b4rt_51", Lu = "ds-combobox_feedback_1b4rt_71", Yu = "ds-combobox_select_1b4rt_76", zu = "ds-combobox_select--small_1b4rt_84", ku = "ds-combobox_select--invalid_1b4rt_196", ju = "ds-combobox_select--disabled_1b4rt_296", Uu = "ds-combobox_select--focused_1b4rt_307", Qu = "ds-combobox_select--hovered_1b4rt_324", _u = "ds-combobox_placeholder_1b4rt_334", $u = "ds-combobox_menu-list_1b4rt_343", Ku = "ds-combobox_group-heading_1b4rt_353", qu = "ds-combobox_option_1b4rt_375", eo = "ds-combobox_option--small_1b4rt_391", to = "ds-combobox_option--grouped_1b4rt_406", no = "ds-combobox_option--single_1b4rt_409", io = "ds-combobox_option--disabled_1b4rt_412", uo = "ds-combobox_option--focus-hover_1b4rt_420", oo = "ds-combobox_option--text_1b4rt_432", ao = "ds-combobox_option--check-icon_1b4rt_435", lo = "ds-combobox_option--check-icon--disabled_1b4rt_445", ro = "ds-combobox_single-option_1b4rt_454", so = "ds-combobox_multi-option_1b4rt_460", co = "ds-combobox_single-value_1b4rt_464", bo = "ds-combobox_single-value--text_1b4rt_468", go = "ds-combobox_leading-icon_1b4rt_475", po = "ds-combobox_leading-icon--small_1b4rt_486", Io = "ds-combobox_leading-icon--selected_1b4rt_486", mo = "ds-combobox_leading-icon--disabled_1b4rt_489", vo = "ds-combobox_indicator_1b4rt_498", fo = "ds-combobox_clear_1b4rt_499", Co = "ds-combobox_indicator--small_1b4rt_505", ho = "ds-combobox_clear--small_1b4rt_506", Ao = "ds-combobox_indicator--icon_1b4rt_510", Go = "ds-combobox_clear--icon_1b4rt_511", xo = "ds-combobox_indicator--icon--small_1b4rt_518", yo = "ds-combobox_clear--icon--small_1b4rt_519", G = {
   root: Du,
   hint: Ou,
   label: Tu,
@@ -3001,29 +3001,30 @@ 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,
@@ -3045,7 +3046,7 @@ const Hu = (n) => {
 }, 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, {
+  }, 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), Z = L(G.label, {
     // hide label only visually to keep them available for assistive technologies
     [G.labelHidden]: R,
     [G.labelDisabled]: t
@@ -3059,7 +3060,7 @@ const Hu = (n) => {
     [G.placeholder]: !B.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: [
+    /* @__PURE__ */ de("label", { className: Z, id: H, htmlFor: n, onMouseEnter: () => !t && y(!0), onMouseLeave: () => !t && y(!1), children: [
       e,
       c && /* @__PURE__ */ M(Ut, {})
     ] }),
@@ -3137,18 +3138,18 @@ const Hu = (n) => {
           })
         },
         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,
+          NoOptionsMessage: Wo,
+          Option: Po,
           SingleValue: Zo
         },
         invalid: s,
@@ -3169,8 +3170,8 @@ const Hu = (n) => {
     )
   ] });
 });
-yo.displayName = "CustomReactSelect";
-const Vo = (n) => {
+Vo.displayName = "CustomReactSelect";
+const Bo = (n) => {
   const e = ee.c(12);
   let i;
   e[0] !== n ? ({
@@ -3193,7 +3194,7 @@ const Vo = (n) => {
   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) => {
+}, Eo = (n) => {
   const e = ee.c(12);
   let i;
   e[0] !== n ? ({
@@ -3221,11 +3222,11 @@ const Vo = (n) => {
   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;
-}, Eo = (n) => {
+}, 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 +3234,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,7 +3251,7 @@ const Vo = (n) => {
     n.children,
     u
   ] }), e[0] = n, e[1] = u, e[2] = t) : t = e[2], t;
-}, Ro = (n) => {
+}, Wo = (n) => {
   const e = ee.c(10);
   let i;
   e[0] !== n ? ({
@@ -3268,8 +3269,8 @@ const Vo = (n) => {
   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);
+}, Po = (n) => {
+  const e = ee.c(29);
   let i;
   e[0] !== n ? ({
     ...i
@@ -3284,34 +3285,41 @@ const Vo = (n) => {
     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, {
+  } = i;
+  let c;
+  if (e[2] !== s || e[3] !== o || e[4] !== u || e[5] !== r || e[6] !== t || e[7] !== i.data || e[8] !== i.selectProps.options) {
+    let x;
+    e[10] !== i.data ? (x = (y) => "options" in y && y.options.includes(i.data), e[10] = i.data, e[11] = x) : x = e[11];
+    const V = i.selectProps.options.some(x);
+    c = L(G.option, {
+      [G.optionSmall]: t,
+      [G.optionSingle]: !u && r,
+      [G.optionDisabled]: s,
+      [G.optionFocusHover]: o,
+      [G.optionGrouped]: V
+    }), e[2] = s, e[3] = o, e[4] = u, e[5] = r, e[6] = t, e[7] = i.data, e[8] = i.selectProps.options, e[9] = c;
+  } else
+    c = e[9];
+  const d = c;
+  let b;
+  e[12] !== s || e[13] !== t ? (b = 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, {
+  }), e[12] = s, e[13] = t, e[14] = b) : b = e[14];
+  const p = b;
+  let v;
+  e[15] !== s ? (v = 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" }),
+  }), e[15] = s, e[16] = v) : v = e[16];
+  const m = v;
+  let g;
+  e[17] !== m || e[18] !== l || e[19] !== s || e[20] !== u || e[21] !== r || e[22] !== p || e[23] !== a ? (g = 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: p, "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;
+    r && /* @__PURE__ */ M(be, { name: "check", className: m, "aria-hidden": "true" })
+  ] }), e[17] = m, e[18] = l, e[19] = s, e[20] = u, e[21] = r, e[22] = p, e[23] = a, e[24] = g) : g = e[24];
+  let I;
+  return e[25] !== d || e[26] !== i || e[27] !== g ? (I = /* @__PURE__ */ M(_.Option, { ...i, className: d, children: g }), e[25] = d, e[26] = i, e[27] = g, e[28] = I) : I = e[28], I;
 }, Zo = (n) => {
   const e = ee.c(11), {
     children: i,
@@ -3335,10 +3343,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
 };