@midas-ds/components 15.1.3 → 15.2.1

package/{ComboBox-t1RVXiiQ.js → ComboBox-BGXUTKrW.js}

@@ -1,20 +1,20 @@
 import { jsxs as xe, jsx as A } from "react/jsx-runtime";
-import _, { useRef as y, useMemo as J, useEffect as ce, useState as z, useCallback as de, forwardRef as bu, createContext as Ee } from "react";
+import _, { useRef as F, useMemo as J, useEffect as ce, useState as z, useCallback as de, forwardRef as bu, createContext as Ee } from "react";
 import { f as ae, c as Te, e as De, $ as Cu } from "./Button-BbfVT9Yl.js";
 import { $ as mu, c as xu, d as hu, e as fu, a as vu, f as Au } from "./utils-D2iKpxcZ.js";
-import { $ as Bu, F as he } from "./FieldError-CIxlNQCM.js";
+import { $ as Bu, F as he } from "./FieldError-DtEDCIQK.js";
 import { $ as Eu } from "./Form-CXcEMuBf.js";
 import { $ as ye } from "./Group-BAd7alBM.js";
 import { $ as Fe, a as Tu } from "./Input-CQzv-D9g.js";
 import { f as Du, g as yu, c as Se, d as Fu } from "./ListBox-5GK4ZRj1.js";
 import { p as Su, h as Lu, i as gu, n as ku } from "./Dialog-D4Py85wi.js";
 import { $ as Le } from "./Text-bqP9NeVg.js";
-import { b as Ku, c as ju } from "./Collection-BkxwF21i.js";
+import { b as Ku, c as Ou } from "./Collection-BkxwF21i.js";
 import { $ as Pu } from "./filterDOMProps-wsa9OcNI.js";
-import { a as Iu, g as Ou } from "./OverlayArrow-CjGslX2c.js";
-import { $ as Ru } from "./useFilter-Dn4vTT3G.js";
-import { d as Vu, $ as wu } from "./useFormValidation-By7G-T7y.js";
-import { e as Gu, f as ge, i as Mu } from "./SelectionManager-DoNLJm8c.js";
+import { a as Iu, g as Ru } from "./OverlayArrow-CjGslX2c.js";
+import { $ as Vu } from "./useFilter-Dn4vTT3G.js";
+import { d as wu, $ as Gu } from "./useFormValidation-By7G-T7y.js";
+import { e as Mu, f as ge, i as ju } from "./SelectionManager-DoNLJm8c.js";
 import { $ as zu } from "./useSingleSelectListState-GSY0f4qW.js";
 import { b as Nu } from "./useListState-CP7AKhOX.js";
 import { $ as Uu } from "./useControlledState-u436Wbp1.js";
@@ -30,10 +30,10 @@ import { a as Yu } from "./ListKeyboardDelegate-BBmpJ-2O.js";
 import { $ as Qu } from "./useLocalizedStringFormatter-CSEh15AZ.js";
 import { $ as en } from "./useTextField-I3QVGvyX.js";
 import { c as Ce } from "./clsx-jbLnTBqA.js";
-import { a as un, L as nn } from "./Label-BqvFQoEF.js";
-import { T as Ae } from "./Text-BBFWBNAH.js";
-import { L as on } from "./ListBox-BP_jDOdE.js";
-import { a as tn, L as ln, b as cn } from "./ListBoxSection-AIWxdu1v.js";
+import { a as un, L as nn } from "./Label-DH4JI6a4.js";
+import { T as Ae } from "./Text-CnY7jiPS.js";
+import { L as on } from "./ListBox-CfzKpJFW.js";
+import { a as tn, L as ln, b as cn } from "./ListBoxSection-XoMfdRLd.js";
 import { C as pn } from "./chevron-down-DmZMdOiC.js";
 import { u as dn } from "./useLocalizedStringFormatter-aOhh7wdl.js";
 import './assets/ComboBox.css';var ke = {};
@@ -76,8 +76,8 @@ Ke = {
   listboxLabel: "Предложения",
   selectedAnnouncement: (e) => `${e.optionText}, избрани`
 };
-var je = {};
-je = {
+var Oe = {};
+Oe = {
   buttonLabel: "Zobrazit doporučení",
   countAnnouncement: (e, u) => `K dispozici ${u.plural(e.optionCount, {
     one: () => `je ${u.number(e.optionCount)} možnost`,
@@ -136,8 +136,8 @@ Ie = {
   listboxLabel: "Empfehlungen",
   selectedAnnouncement: (e) => `${e.optionText}, ausgewählt`
 };
-var Oe = {};
-Oe = {
+var Re = {};
+Re = {
   buttonLabel: "Προβολή προτάσεων",
   countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
     one: () => `${u.number(e.optionCount)} επιλογή`,
@@ -156,8 +156,8 @@ Oe = {
   listboxLabel: "Προτάσεις",
   selectedAnnouncement: (e) => `${e.optionText}, επιλέχθηκε`
 };
-var Re = {};
-Re = {
+var Ve = {};
+Ve = {
   focusAnnouncement: (e, u) => `${u.select({
     true: () => `Entered group ${e.groupTitle}, with ${u.plural(e.groupCount, {
       one: () => `${u.number(e.groupCount)} option`,
@@ -176,8 +176,8 @@ Re = {
   buttonLabel: "Show suggestions",
   listboxLabel: "Suggestions"
 };
-var Ve = {};
-Ve = {
+var we = {};
+we = {
   buttonLabel: "Mostrar sugerencias",
   countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
     one: () => `${u.number(e.optionCount)} opción`,
@@ -196,8 +196,8 @@ Ve = {
   listboxLabel: "Sugerencias",
   selectedAnnouncement: (e) => `${e.optionText}, seleccionado`
 };
-var we = {};
-we = {
+var Ge = {};
+Ge = {
   buttonLabel: "Kuva soovitused",
   countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
     one: () => `${u.number(e.optionCount)} valik`,
@@ -216,8 +216,8 @@ we = {
   listboxLabel: "Soovitused",
   selectedAnnouncement: (e) => `${e.optionText}, valitud`
 };
-var Ge = {};
-Ge = {
+var Me = {};
+Me = {
   buttonLabel: "Näytä ehdotukset",
   countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
     one: () => `${u.number(e.optionCount)} vaihtoehto`,
@@ -236,8 +236,8 @@ Ge = {
   listboxLabel: "Ehdotukset",
   selectedAnnouncement: (e) => `${e.optionText}, valittu`
 };
-var Me = {};
-Me = {
+var je = {};
+je = {
   buttonLabel: "Afficher les suggestions",
   countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
     one: () => `${u.number(e.optionCount)} option`,
@@ -720,15 +720,15 @@ var su = {};
 su = {
   "ar-AE": ke,
   "bg-BG": Ke,
-  "cs-CZ": je,
+  "cs-CZ": Oe,
   "da-DK": Pe,
   "de-DE": Ie,
-  "el-GR": Oe,
-  "en-US": Re,
-  "es-ES": Ve,
-  "et-EE": we,
-  "fi-FI": Ge,
-  "fr-FR": Me,
+  "el-GR": Re,
+  "en-US": Ve,
+  "es-ES": we,
+  "et-EE": Ge,
+  "fi-FI": Me,
+  "fr-FR": je,
   "he-IL": ze,
   "hr-HR": Ne,
   "hu-HU": Ue,
@@ -757,14 +757,14 @@ function rn(e) {
   return e && e.__esModule ? e.default : e;
 }
 function sn(e, u) {
-  let { buttonRef: i, popoverRef: p, inputRef: t, listBoxRef: d, keyboardDelegate: B, layoutDelegate: b, shouldFocusWrap: x, isReadOnly: F, isDisabled: g } = e, h = y(null);
+  let { buttonRef: i, popoverRef: p, inputRef: t, listBoxRef: d, keyboardDelegate: B, layoutDelegate: b, shouldFocusWrap: x, isReadOnly: E, isDisabled: g } = e, h = F(null);
   i = i ?? h;
-  let E = Qu(rn(su), "@react-aria/combobox"), { menuTriggerProps: T, menuProps: D } = Su({
+  let T = Qu(rn(su), "@react-aria/combobox"), { menuTriggerProps: D, menuProps: y } = Su({
     type: "listbox",
-    isDisabled: g || F
+    isDisabled: g || E
   }, u, i);
   Du.set(u, {
-    id: D.id
+    id: y.id
   });
   let { collection: f } = u, { disabledKeys: S } = u.selectionManager, c = J(() => B || new Yu({
     collection: f,
@@ -777,7 +777,7 @@ function sn(e, u) {
     f,
     S,
     d
-  ]), { collectionProps: O } = Gu({
+  ]), { collectionProps: R } = Mu({
     selectionManager: u.selectionManager,
     keyboardDelegate: c,
     disallowTypeAhead: !0,
@@ -820,21 +820,21 @@ function sn(e, u) {
       }
   }, a = (n) => {
     var o;
-    let r = (i == null ? void 0 : i.current) && i.current === n.relatedTarget, G = (o = p.current) === null || o === void 0 ? void 0 : o.contains(n.relatedTarget);
-    r || G || (e.onBlur && e.onBlur(n), u.setFocused(!1));
+    let r = (i == null ? void 0 : i.current) && i.current === n.relatedTarget, M = (o = p.current) === null || o === void 0 ? void 0 : o.contains(n.relatedTarget);
+    r || M || (e.onBlur && e.onBlur(n), u.setFocused(!1));
   }, N = (n) => {
     u.isFocused || (e.onFocus && e.onFocus(n), u.setFocused(!0));
-  }, { isInvalid: ee, validationErrors: j, validationDetails: k } = u.displayValidation, { labelProps: v, inputProps: X, descriptionProps: ue, errorMessageProps: U } = en({
+  }, { isInvalid: ee, validationErrors: O, validationDetails: k } = u.displayValidation, { labelProps: v, inputProps: X, descriptionProps: ue, errorMessageProps: U } = en({
     ...e,
     onChange: u.setInputValue,
-    onKeyDown: F ? e.onKeyDown : qu(u.isOpen && O.onKeyDown, Q, e.onKeyDown),
+    onKeyDown: E ? e.onKeyDown : qu(u.isOpen && R.onKeyDown, Q, e.onKeyDown),
     onBlur: a,
     value: u.inputValue,
     defaultValue: u.defaultInputValue,
     onFocus: N,
     autoComplete: "off",
     validate: void 0,
-    [Vu]: u
+    [wu]: u
   }, t), ne = (n) => {
     if (n.pointerType === "touch") {
       var o;
@@ -846,22 +846,22 @@ function sn(e, u) {
       (o = t.current) === null || o === void 0 || o.focus(), u.toggle(n.pointerType === "keyboard" || n.pointerType === "virtual" ? "first" : null, "manual");
     }
   }, P = ve({
-    id: T.id,
-    "aria-label": E.format("buttonLabel"),
-    "aria-labelledby": e["aria-labelledby"] || v.id
-  }), R = ve({
     id: D.id,
-    "aria-label": E.format("listboxLabel"),
+    "aria-label": T.format("buttonLabel"),
     "aria-labelledby": e["aria-labelledby"] || v.id
-  }), L = y(0), oe = (n) => {
-    if (g || F) return;
+  }), V = ve({
+    id: y.id,
+    "aria-label": T.format("listboxLabel"),
+    "aria-labelledby": e["aria-labelledby"] || v.id
+  }), L = F(0), oe = (n) => {
+    if (g || E) return;
     if (n.timeStamp - L.current < 500) {
       var o;
       n.preventDefault(), (o = t.current) === null || o === void 0 || o.focus();
       return;
     }
-    let r = n.target.getBoundingClientRect(), G = n.changedTouches[0], H = Math.ceil(r.left + 0.5 * r.width), re = Math.ceil(r.top + 0.5 * r.height);
-    if (G.clientX === H && G.clientY === re) {
+    let r = n.target.getBoundingClientRect(), M = n.changedTouches[0], H = Math.ceil(r.left + 0.5 * r.width), re = Math.ceil(r.top + 0.5 * r.height);
+    if (M.clientX === H && M.clientY === re) {
       var ie;
       n.preventDefault(), (ie = t.current) === null || ie === void 0 || ie.focus(), u.toggle(null, "manual"), L.current = n.timeStamp;
     }
@@ -869,14 +869,14 @@ function sn(e, u) {
   var q;
   let K = (q = C == null ? void 0 : C.parentKey) !== null && q !== void 0 ? q : null;
   var W;
-  let I = (W = u.selectionManager.focusedKey) !== null && W !== void 0 ? W : null, Z = y(K), V = y(I);
+  let I = (W = u.selectionManager.focusedKey) !== null && W !== void 0 ? W : null, Z = F(K), w = F(I);
   ce(() => {
-    if (be() && C != null && I != null && I !== V.current) {
-      let o = u.selectionManager.isSelected(I), r = K != null ? u.collection.getItem(K) : null, G = (r == null ? void 0 : r["aria-label"]) || (typeof (r == null ? void 0 : r.rendered) == "string" ? r.rendered : "") || "";
+    if (be() && C != null && I != null && I !== w.current) {
+      let o = u.selectionManager.isSelected(I), r = K != null ? u.collection.getItem(K) : null, M = (r == null ? void 0 : r["aria-label"]) || (typeof (r == null ? void 0 : r.rendered) == "string" ? r.rendered : "") || "";
       var n;
-      let H = E.format("focusAnnouncement", {
+      let H = T.format("focusAnnouncement", {
         isGroupChange: (n = r && K !== Z.current) !== null && n !== void 0 ? n : !1,
-        groupTitle: G,
+        groupTitle: M,
         groupCount: r ? [
           ...ge(r, u.collection)
         ].length : 0,
@@ -885,23 +885,23 @@ function sn(e, u) {
       });
       ae(H);
     }
-    Z.current = K, V.current = I;
+    Z.current = K, w.current = I;
   });
-  let w = Ju(u.collection), te = y(w), le = y(u.isOpen);
+  let G = Ju(u.collection), te = F(G), le = F(u.isOpen);
   ce(() => {
     let n = u.isOpen !== le.current && (u.selectionManager.focusedKey == null || be());
-    if (u.isOpen && (n || w !== te.current)) {
-      let o = E.format("countAnnouncement", {
-        optionCount: w
+    if (u.isOpen && (n || G !== te.current)) {
+      let o = T.format("countAnnouncement", {
+        optionCount: G
       });
       ae(o);
     }
-    te.current = w, le.current = u.isOpen;
+    te.current = G, le.current = u.isOpen;
   });
-  let pe = y(u.selectedKey);
+  let pe = F(u.selectedKey);
   return ce(() => {
     if (be() && u.isFocused && u.selectedItem && u.selectedKey !== pe.current) {
-      let n = u.selectedItem["aria-label"] || u.selectedItem.textValue || "", o = E.format("selectedAnnouncement", {
+      let n = u.selectedItem["aria-label"] || u.selectedItem.textValue || "", o = T.format("selectedAnnouncement", {
         optionText: n
       });
       ae(o);
@@ -917,7 +917,7 @@ function sn(e, u) {
     t,
     p
   ]), Zu(() => {
-    !C && t.current && Wu(_u(t.current)) === t.current && Mu(t.current, null);
+    !C && t.current && Wu(_u(t.current)) === t.current && ju(t.current, null);
   }, [
     C
   ]), Hu(d, "react-aria-item-action", u.isOpen ? () => {
@@ -925,18 +925,18 @@ function sn(e, u) {
   } : void 0), {
     labelProps: v,
     buttonProps: {
-      ...T,
+      ...D,
       ...P,
       excludeFromTabOrder: !0,
       preventFocusOnPress: !0,
       onPress: ne,
       onPressStart: s,
-      isDisabled: g || F
+      isDisabled: g || E
     },
     inputProps: fe(X, {
       role: "combobox",
-      "aria-expanded": T["aria-expanded"],
-      "aria-controls": u.isOpen ? D.id : void 0,
+      "aria-expanded": D["aria-expanded"],
+      "aria-controls": u.isOpen ? y.id : void 0,
       // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
       "aria-autocomplete": "list",
       "aria-activedescendant": C ? yu(u, C.key) : void 0,
@@ -946,7 +946,7 @@ function sn(e, u) {
       // This disable's the macOS Safari spell check auto corrections.
       spellCheck: "false"
     }),
-    listBoxProps: fe(D, R, {
+    listBoxProps: fe(y, V, {
       autoFocus: u.focusStrategy || !0,
       shouldUseVirtualFocus: !0,
       shouldSelectOnPressUp: !0,
@@ -957,21 +957,21 @@ function sn(e, u) {
     descriptionProps: ue,
     errorMessageProps: U,
     isInvalid: ee,
-    validationErrors: j,
+    validationErrors: O,
     validationDetails: k
   };
 }
 function $n(e) {
   var u;
-  let { defaultFilter: i, menuTrigger: p = "input", allowsEmptyCollection: t = !1, allowsCustomValue: d, shouldCloseOnBlur: B = !0 } = e, [b, x] = z(!1), [F, g] = z(!1), [h, E] = z(null), T = (l) => {
+  let { defaultFilter: i, menuTrigger: p = "input", allowsEmptyCollection: t = !1, allowsCustomValue: d, shouldCloseOnBlur: B = !0 } = e, [b, x] = z(!1), [E, g] = z(!1), [h, T] = z(null), D = (l) => {
     e.onSelectionChange && e.onSelectionChange(l), l === c && (W(), C());
   };
-  var D;
-  let { collection: f, selectionManager: S, selectedKey: c, setSelectedKey: O, selectedItem: Y, disabledKeys: Q } = zu({
+  var y;
+  let { collection: f, selectionManager: S, selectedKey: c, setSelectedKey: R, selectedItem: Y, disabledKeys: Q } = zu({
     ...e,
-    onSelectionChange: T,
-    items: (D = e.items) !== null && D !== void 0 ? D : e.defaultItems
-  }), [a, N] = Uu(e.inputValue, Be(e.defaultInputValue, c, f) || "", e.onInputChange), [ee] = z(c), [j] = z(a), k = f, v = J(() => (
+    onSelectionChange: D,
+    items: (y = e.items) !== null && y !== void 0 ? y : e.defaultItems
+  }), [a, N] = Uu(e.inputValue, Be(e.defaultInputValue, c, f) || "", e.onInputChange), [ee] = z(c), [O] = z(a), k = f, v = J(() => (
     // No default filter if items are controlled.
     e.items != null || !i ? f : an(f, a, i)
   ), [
@@ -979,7 +979,7 @@ function $n(e) {
     a,
     i,
     e.items
-  ]), [X, ue] = z(v), U = y("focus"), s = Iu({
+  ]), [X, ue] = z(v), U = F("focus"), s = Iu({
     ...e,
     onOpenChange: (l) => {
       e.onOpenChange && e.onOpenChange(l, l ? U.current : void 0), S.setFocused(l), l || S.setFocusedKey(null);
@@ -988,8 +988,8 @@ function $n(e) {
     defaultOpen: void 0
   }), P = (l = null, $) => {
     let m = $ === "manual" || $ === "focus" && p === "focus";
-    (t || v.size > 0 || m && k.size > 0 || e.items) && (m && !s.isOpen && e.items === void 0 && x(!0), U.current = $, E(l), s.open());
-  }, R = (l = null, $) => {
+    (t || v.size > 0 || m && k.size > 0 || e.items) && (m && !s.isOpen && e.items === void 0 && x(!0), U.current = $, T(l), s.open());
+  }, V = (l = null, $) => {
     let m = $ === "manual" || $ === "focus" && p === "focus";
     !(t || v.size > 0 || m && k.size > 0 || e.items) && !s.isOpen || (m && !s.isOpen && e.items === void 0 && x(!0), s.isOpen || (U.current = $), oe(l));
   }, L = de(() => {
@@ -999,7 +999,7 @@ function $n(e) {
     k,
     v
   ]), oe = de((l = null) => {
-    s.isOpen && L(), E(l), s.toggle();
+    s.isOpen && L(), T(l), s.toggle();
   }, [
     s,
     L
@@ -1014,17 +1014,17 @@ function $n(e) {
     K(m), N(m);
   };
   var I, Z;
-  let V = y((Z = (I = e.selectedKey) !== null && I !== void 0 ? I : e.defaultSelectedKey) !== null && Z !== void 0 ? Z : null);
-  var w;
-  let te = y(c != null && (w = (u = f.getItem(c)) === null || u === void 0 ? void 0 : u.textValue) !== null && w !== void 0 ? w : "");
+  let w = F((Z = (I = e.selectedKey) !== null && I !== void 0 ? I : e.defaultSelectedKey) !== null && Z !== void 0 ? Z : null);
+  var G;
+  let te = F(c != null && (G = (u = f.getItem(c)) === null || u === void 0 ? void 0 : u.textValue) !== null && G !== void 0 ? G : "");
   ce(() => {
     var l;
-    F && (v.size > 0 || t) && !s.isOpen && a !== q && p !== "manual" && P(null, "input"), !b && !t && s.isOpen && v.size === 0 && C(), c != null && c !== V.current && C(), a !== q && (S.setFocusedKey(null), x(!1), a === "" && (e.inputValue === void 0 || e.selectedKey === void 0) && O(null)), c !== V.current && (e.inputValue === void 0 || e.selectedKey === void 0) ? W() : q !== a && K(a);
+    E && (v.size > 0 || t) && !s.isOpen && a !== q && p !== "manual" && P(null, "input"), !b && !t && s.isOpen && v.size === 0 && C(), c != null && c !== w.current && C(), a !== q && (S.setFocusedKey(null), x(!1), a === "" && (e.inputValue === void 0 || e.selectedKey === void 0) && R(null)), c !== w.current && (e.inputValue === void 0 || e.selectedKey === void 0) ? W() : q !== a && K(a);
     var $;
     let m = c != null && ($ = (l = f.getItem(c)) === null || l === void 0 ? void 0 : l.textValue) !== null && $ !== void 0 ? $ : "";
-    !F && c != null && e.inputValue === void 0 && c === V.current && te.current !== m && (K(m), N(m)), V.current = c, te.current = m;
+    !E && c != null && e.inputValue === void 0 && c === w.current && te.current !== m && (K(m), N(m)), w.current = c, te.current = m;
   });
-  let le = wu({
+  let le = Gu({
     ...e,
     value: J(() => ({
       inputValue: a,
@@ -1036,7 +1036,7 @@ function $n(e) {
   }), pe = () => {
     d && c == null ? n() : o();
   }, n = () => {
-    V.current = null, O(null), C();
+    w.current = null, R(null), C();
   }, o = () => {
     if (e.selectedKey !== void 0 && e.inputValue !== void 0) {
       var l, $;
@@ -1055,9 +1055,9 @@ function $n(e) {
     } else
       o();
   };
-  let G = () => {
-    s.isOpen && S.focusedKey != null ? c === S.focusedKey ? o() : O(S.focusedKey) : r();
-  }, H = y(a), re = (l) => {
+  let M = () => {
+    s.isOpen && S.focusedKey != null ? c === S.focusedKey ? o() : R(S.focusedKey) : r();
+  }, H = F(a), re = (l) => {
     l ? (H.current = a, p === "focus" && !e.isReadOnly && P(null, "focus")) : (B && r(), a !== H.current && le.commitValidation()), g(l);
   }, ie = J(() => s.isOpen ? b ? k : v : X, [
     s.isOpen,
@@ -1073,22 +1073,22 @@ function $n(e) {
     ...le,
     ...s,
     focusStrategy: h,
-    toggle: R,
+    toggle: V,
     open: P,
     close: r,
     selectionManager: S,
     selectedKey: c,
     defaultSelectedKey: me,
-    setSelectedKey: O,
+    setSelectedKey: R,
     disabledKeys: Q,
-    isFocused: F,
+    isFocused: E,
     setFocused: re,
     selectedItem: Y,
     collection: ie,
     inputValue: a,
-    defaultInputValue: ($e = Be(e.defaultInputValue, me, f)) !== null && $e !== void 0 ? $e : j,
+    defaultInputValue: ($e = Be(e.defaultInputValue, me, f)) !== null && $e !== void 0 ? $e : O,
     setInputValue: N,
-    commit: G,
+    commit: M,
     revert: pe
   };
 }
@@ -1162,7 +1162,7 @@ function hn({ props: e, collection: u, comboBoxRef: i }) {
   d && (t = "text");
   let { validationBehavior: B } = xu(Eu) || {};
   var b, x;
-  let F = (x = (b = e.validationBehavior) !== null && b !== void 0 ? b : B) !== null && x !== void 0 ? x : "native", { contains: g } = Ru({
+  let E = (x = (b = e.validationBehavior) !== null && b !== void 0 ? b : B) !== null && x !== void 0 ? x : "native", { contains: g } = Vu({
     sensitivity: "base"
   }), h = $n({
     defaultFilter: e.defaultFilter || g,
@@ -1171,40 +1171,40 @@ function hn({ props: e, collection: u, comboBoxRef: i }) {
     items: e.items,
     children: void 0,
     collection: u,
-    validationBehavior: F
-  }), E = y(null), T = y(null), D = y(null), f = y(null), [S, c] = hu(!e["aria-label"] && !e["aria-labelledby"]), { buttonProps: O, inputProps: Y, listBoxProps: Q, labelProps: a, descriptionProps: N, errorMessageProps: ee, ...j } = sn({
+    validationBehavior: E
+  }), T = F(null), D = F(null), y = F(null), f = F(null), [S, c] = hu(!e["aria-label"] && !e["aria-labelledby"]), { buttonProps: R, inputProps: Y, listBoxProps: Q, labelProps: a, descriptionProps: N, errorMessageProps: ee, ...O } = sn({
     ...fu(e),
     label: c,
-    inputRef: T,
-    buttonRef: E,
-    listBoxRef: D,
+    inputRef: D,
+    buttonRef: T,
+    listBoxRef: y,
     popoverRef: f,
     name: t === "text" ? p : void 0,
-    validationBehavior: F
+    validationBehavior: E
   }, h), [k, v] = z(null), X = de(() => {
-    if (T.current) {
+    if (D.current) {
       var P;
-      let R = (P = E.current) === null || P === void 0 ? void 0 : P.getBoundingClientRect(), L = T.current.getBoundingClientRect(), oe = R ? Math.min(R.left, L.left) : L.left, C = R ? Math.max(R.right, L.right) : L.right;
+      let V = (P = T.current) === null || P === void 0 ? void 0 : P.getBoundingClientRect(), L = D.current.getBoundingClientRect(), oe = V ? Math.min(V.left, L.left) : L.left, C = V ? Math.max(V.right, L.right) : L.right;
       v(C - oe + "px");
     }
   }, [
-    E,
     T,
+    D,
     v
   ]);
-  Ou({
-    ref: T,
+  Ru({
+    ref: D,
     onResize: X
   });
   let ue = J(() => ({
     isOpen: h.isOpen,
     isDisabled: e.isDisabled || !1,
-    isInvalid: j.isInvalid || !1,
+    isInvalid: O.isInvalid || !1,
     isRequired: e.isRequired || !1
   }), [
     h.isOpen,
     e.isDisabled,
-    j.isInvalid,
+    O.isInvalid,
     e.isRequired
   ]), U = vu({
     ...e,
@@ -1231,8 +1231,8 @@ function hn({ props: e, collection: u, comboBoxRef: i }) {
       [
         De,
         {
-          ...O,
-          ref: E,
+          ...R,
+          ref: T,
           isPressed: h.isOpen
         }
       ],
@@ -1240,7 +1240,7 @@ function hn({ props: e, collection: u, comboBoxRef: i }) {
         Fe,
         {
           ...Y,
-          ref: T
+          ref: D
         }
       ],
       [
@@ -1251,8 +1251,8 @@ function hn({ props: e, collection: u, comboBoxRef: i }) {
         ku,
         {
           ref: f,
-          triggerRef: T,
-          scrollRef: D,
+          triggerRef: D,
+          scrollRef: y,
           placement: "bottom start",
           isNonModal: !0,
           trigger: "ComboBox",
@@ -1266,7 +1266,7 @@ function hn({ props: e, collection: u, comboBoxRef: i }) {
         Se,
         {
           ...Q,
-          ref: D
+          ref: y
         }
       ],
       [
@@ -1285,13 +1285,13 @@ function hn({ props: e, collection: u, comboBoxRef: i }) {
       [
         ye,
         {
-          isInvalid: j.isInvalid,
+          isInvalid: O.isInvalid,
           isDisabled: e.isDisabled || !1
         }
       ],
       [
         Bu,
-        j
+        O
       ]
     ]
   }, /* @__PURE__ */ _.createElement("div", {
@@ -1302,7 +1302,7 @@ function hn({ props: e, collection: u, comboBoxRef: i }) {
     "data-focused": h.isFocused || void 0,
     "data-open": h.isOpen || void 0,
     "data-disabled": e.isDisabled || void 0,
-    "data-invalid": j.isInvalid || void 0,
+    "data-invalid": O.isInvalid || void 0,
     "data-required": e.isRequired || void 0
   }), p && t === "key" && /* @__PURE__ */ _.createElement("input", {
     type: "hidden",
@@ -1311,7 +1311,7 @@ function hn({ props: e, collection: u, comboBoxRef: i }) {
     value: (s = h.selectedKey) !== null && s !== void 0 ? s : ""
   }));
 }
-const fn = "_combobox_jpjjo_1", vn = "_inputField_jpjjo_6", An = "_medium_jpjjo_28", Bn = "_wrap_jpjjo_69", En = "_button_jpjjo_75", Tn = "_icon_jpjjo_107", Dn = "_emptyState_jpjjo_113", M = {
+const fn = "_combobox_ti2ot_1", vn = "_inputField_ti2ot_6", An = "_medium_ti2ot_28", Bn = "_wrap_ti2ot_74", En = "_button_ti2ot_80", Tn = "_icon_ti2ot_116", Dn = "_emptyState_ti2ot_122", j = {
   combobox: fn,
   inputField: vn,
   medium: An,
@@ -1333,43 +1333,45 @@ function Co({
   errorPosition: B = "top",
   size: b = "large",
   popover: x,
-  ...F
+  ...E
 }) {
-  const g = _.useRef(null), h = dn(Sn), E = (T) => {
-    var D;
-    T.currentTarget.value && ((D = g.current) == null || D.select());
+  const g = _.useRef(null), h = dn(Sn), T = (D) => {
+    var y;
+    D.currentTarget.value && ((y = g.current) == null || y.select());
   };
   return /* @__PURE__ */ xe(
     mn,
     {
-      className: Ce(M.combobox, d),
-      ...F,
+      className: Ce(j.combobox, d),
+      ...E,
+      "data-readonly": E.isReadOnly || void 0,
       children: [
         /* @__PURE__ */ A(un, { popover: x, children: e && /* @__PURE__ */ A(nn, { children: e }) }),
         u && /* @__PURE__ */ A(Ae, { slot: "description", children: u }),
         B === "top" && /* @__PURE__ */ A(he, { "data-testid": "fieldError", children: i }),
-        /* @__PURE__ */ xe("div", { className: M.wrap, children: [
+        /* @__PURE__ */ xe("div", { className: j.wrap, children: [
           /* @__PURE__ */ A(
             Tu,
             {
-              className: Ce(M.inputField, {
-                [M.medium]: b === "medium"
+              className: Ce(j.inputField, {
+                [j.medium]: b === "medium"
               }),
-              onMouseUp: E,
+              "data-readonly": E.isReadOnly || void 0,
+              onMouseUp: T,
               ref: g
             }
           ),
           /* @__PURE__ */ A(
             Cu,
             {
-              className: Ce(M.button, {
-                [M.medium]: b === "medium"
+              className: Ce(j.button, {
+                [j.medium]: b === "medium"
               }),
               "aria-label": h.format("showList"),
               children: /* @__PURE__ */ A(
                 "div",
                 {
-                  className: M.icon,
+                  className: j.icon,
                   "aria-hidden": "true",
                   children: /* @__PURE__ */ A(
                     pn,
@@ -1388,7 +1390,7 @@ function Co({
           on,
           {
             items: t,
-            renderEmptyState: () => /* @__PURE__ */ A(Ae, { className: M.emptyState, children: h.format("noResultsFound") }),
+            renderEmptyState: () => /* @__PURE__ */ A(Ae, { className: j.emptyState, children: h.format("noResultsFound") }),
             children: p
           }
         ) })
@@ -1397,16 +1399,10 @@ function Co({
   );
 }
 function Ln(e) {
-  return /* @__PURE__ */ A(
-    ln,
-    {
-      ...e,
-      hideSelectionIndicator: !0
-    }
-  );
+  return /* @__PURE__ */ A(ln, { ...e });
 }
 function mo(e) {
-  return /* @__PURE__ */ A(cn, { ...e, children: /* @__PURE__ */ A(ju, { items: e.children, children: (u) => /* @__PURE__ */ A(Ln, { children: u.name }, u.id) }) });
+  return /* @__PURE__ */ A(cn, { ...e, children: /* @__PURE__ */ A(Ou, { items: e.children, children: (u) => /* @__PURE__ */ A(Ln, { children: u.name }, u.id) }) });
 }
 export {
   Co as C,