@midas-ds/components 14.0.0 → 15.0.0

package/{ComboBox-D7eKe-M5.js → ComboBox-BDX4BYWJ.js}

@@ -1,41 +1,43 @@
 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 { f as ae, b as De, e as Te, $ as Cu } from "./Button-B6lxIKPk.js";
-import { $ as mu, c as xu, d as hu, e as fu, a as vu, f as Au } from "./utils-BMBoiyL7.js";
-import { $ as Bu, F as he } from "./FieldError-C4kD4yJZ.js";
+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 Eu } from "./Form-CXcEMuBf.js";
-import { $ as ye } from "./Group-C2hEIsGV.js";
-import { $ as Fe, a as Du } from "./Input-CkTOajNJ.js";
-import { d as Tu, e as yu, f as Se, g as Fu } from "./ListBox-2eEa1l0M.js";
-import { p as Su, h as Lu, i as gu, n as Ku } from "./Dialog-DOyFzvUa.js";
-import { $ as Le } from "./Text-BpERRete.js";
-import { b as ku, c as Pu } from "./Collection-j_iWeuZo.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 Pu } from "./Collection-BkxwF21i.js";
 import { $ as Iu } from "./filterDOMProps-wsa9OcNI.js";
-import { a as Ou, g as Ru } from "./OverlayArrow-Bh_G2tJ3.js";
-import { $ as Vu } from "./useFilter-DHcouDzv.js";
-import { d as ju, $ as wu } from "./useFormValidation-DdIIVZ5j.js";
-import { e as Gu, f as ge, h as Mu } from "./SelectionManager-D-4ThfPZ.js";
-import { $ as zu } from "./useSingleSelectListState-lyai-bC_.js";
-import { b as Nu } from "./useListState-D2yPZrFZ.js";
+import { a as Ou, g as Ru } from "./OverlayArrow-CjGslX2c.js";
+import { $ as Vu } from "./useFilter-Dn4vTT3G.js";
+import { d as ju, $ as wu } from "./useFormValidation-By7G-T7y.js";
+import { e as Gu, f as ge, i as Mu } 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";
 import { e as qu, a as fe } from "./mergeProps-Ct8m5-xW.js";
-import { c as Wu, b as _u } from "./utils-CrT5PVBA.js";
-import { c as Xu } from "./usePress-4yZ5a87p.js";
+import { c as Wu, b as _u } from "./utils-Dxh86KaB.js";
+import { c as Xu } from "./usePress-BqQIhkNY.js";
 import { $ as ve } from "./useLabels-D24on06F.js";
 import { $ as Zu } from "./useUpdateEffect-CCDx8D4X.js";
-import { o as be } from "./useHover-zCCNtF6g.js";
-import { a as Hu } from "./Separator-COlhRmJF.js";
-import { c as Ju } from "./ListKeyboardDelegate-Dyu4eFtP.js";
-import { $ as Yu } from "./useLocalizedStringFormatter-CSEh15AZ.js";
-import { $ as Qu } from "./useTextField-DjxrmW7d.js";
+import { o as be } from "./useHover-DkC5FyNd.js";
+import { $ as Hu } from "./useEvent-smuTnX4G.js";
+import { b as Ju } from "./Separator-CQfDz_zr.js";
+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 en, L as un } from "./Label-CV9p0K2n.js";
-import { T as Ae } from "./Text-BQe1I4-r.js";
-import { b as nn, L as on, a as tn, c as ln } from "./ListBoxSection-dksiACMZ.js";
-import { C as cn } from "./chevron-down-DmZMdOiC.js";
-import { u as pn } from "./useLocalizedStringFormatter-aOhh7wdl.js";
-import './assets/ComboBox.css';var Ke = {};
-Ke = {
+import { a as un, L as nn } from "./Label-FfEnd4ai.js";
+import { T as Ae } from "./Text-BBFWBNAH.js";
+import { L as on } from "./ListBox-LJ3VgZMr.js";
+import { a as tn, L as ln, b as cn } from "./ListBoxSection-DjGs1ndn.js";
+import { C as pn } from "./chevron-down-DmZMdOiC.js";
+import { u as dn } from "./useLocalizedStringFormatter-aOhh7wdl.js";
+import './assets/ComboBox.css';var ke = {};
+ke = {
   buttonLabel: "عرض المقترحات",
   countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
     one: () => `${u.number(e.optionCount)} خيار`,
@@ -54,8 +56,8 @@ Ke = {
   listboxLabel: "مقترحات",
   selectedAnnouncement: (e) => `${e.optionText}، محدد`
 };
-var ke = {};
-ke = {
+var Ke = {};
+Ke = {
   buttonLabel: "Покажи предложения",
   countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
     one: () => `${u.number(e.optionCount)} опция`,
@@ -716,8 +718,8 @@ ru = {
 };
 var su = {};
 su = {
-  "ar-AE": Ke,
-  "bg-BG": ke,
+  "ar-AE": ke,
+  "bg-BG": Ke,
   "cs-CZ": Pe,
   "da-DK": Ie,
   "de-DE": Oe,
@@ -751,37 +753,37 @@ su = {
   "zh-CN": du,
   "zh-TW": ru
 };
-function dn(e) {
+function rn(e) {
   return e && e.__esModule ? e.default : e;
 }
-function rn(e, u) {
-  let { buttonRef: l, popoverRef: p, inputRef: o, listBoxRef: r, keyboardDelegate: B, layoutDelegate: b, shouldFocusWrap: x, isReadOnly: F, isDisabled: g } = e, h = y(null);
-  l = l ?? h;
-  let E = Yu(dn(su), "@react-aria/combobox"), { menuTriggerProps: D, menuProps: T } = Su({
+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);
+  i = i ?? h;
+  let E = Qu(rn(su), "@react-aria/combobox"), { menuTriggerProps: T, menuProps: D } = Su({
     type: "listbox",
     isDisabled: g || F
-  }, u, l);
-  Tu.set(u, {
-    id: T.id
+  }, u, i);
+  Du.set(u, {
+    id: D.id
   });
-  let { collection: f } = u, { disabledKeys: S } = u.selectionManager, i = J(() => B || new Ju({
+  let { collection: f } = u, { disabledKeys: S } = u.selectionManager, c = J(() => B || new Yu({
     collection: f,
     disabledKeys: S,
-    ref: r,
+    ref: d,
     layoutDelegate: b
   }), [
     B,
     b,
     f,
     S,
-    r
+    d
   ]), { collectionProps: R } = Gu({
     selectionManager: u.selectionManager,
-    keyboardDelegate: i,
+    keyboardDelegate: c,
     disallowTypeAhead: !0,
     disallowEmptySelection: !0,
     shouldFocusWrap: x,
-    ref: o,
+    ref: t,
     // Prevent item scroll behavior from being applied here, should be handled in the user's Popover + ListBox component
     isVirtualized: !0
   }), Y = Xu(), Q = (n) => {
@@ -789,14 +791,18 @@ function rn(e, u) {
       switch (n.key) {
         case "Enter":
         case "Tab":
-          if (u.isOpen && n.key === "Enter" && n.preventDefault(), u.isOpen && r.current && u.selectionManager.focusedKey != null && u.selectionManager.isLink(u.selectionManager.focusedKey)) {
-            let c = r.current.querySelector(`[data-key="${CSS.escape(u.selectionManager.focusedKey.toString())}"]`);
-            if (n.key === "Enter" && c instanceof HTMLAnchorElement) {
-              let d = u.collection.getItem(u.selectionManager.focusedKey);
-              d && Y.open(c, n, d.props.href, d.props.routerOptions);
+          if (u.isOpen && n.key === "Enter" && n.preventDefault(), u.isOpen && d.current && u.selectionManager.focusedKey != null) {
+            let o = u.collection.getItem(u.selectionManager.focusedKey);
+            if (o != null && o.props.href) {
+              let r = d.current.querySelector(`[data-key="${CSS.escape(u.selectionManager.focusedKey.toString())}"]`);
+              n.key === "Enter" && r instanceof HTMLAnchorElement && Y.open(r, n, o.props.href, o.props.routerOptions), u.close();
+              break;
+            } else if (o != null && o.props.onAction) {
+              o.props.onAction(), u.close();
+              break;
             }
-            u.close();
-          } else u.commit();
+          }
+          u.commit();
           break;
         case "Escape":
           (u.selectedKey !== null || u.inputValue === "" || e.allowsCustomValue) && n.continuePropagation(), u.revert();
@@ -813,12 +819,12 @@ function rn(e, u) {
           break;
       }
   }, a = (n) => {
-    var c;
-    let d = (l == null ? void 0 : l.current) && l.current === n.relatedTarget, G = (c = p.current) === null || c === void 0 ? void 0 : c.contains(n.relatedTarget);
-    d || G || (e.onBlur && e.onBlur(n), u.setFocused(!1));
+    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));
   }, N = (n) => {
     u.isFocused || (e.onFocus && e.onFocus(n), u.setFocused(!0));
-  }, { isInvalid: ee, validationErrors: P, validationDetails: K } = u.displayValidation, { labelProps: v, inputProps: X, descriptionProps: ue, errorMessageProps: U } = Qu({
+  }, { isInvalid: ee, validationErrors: P, validationDetails: k } = u.displayValidation, { labelProps: v, inputProps: X, descriptionProps: ue, errorMessageProps: U } = en({
     ...e,
     onChange: u.setInputValue,
     onKeyDown: F ? e.onKeyDown : qu(u.isOpen && R.onKeyDown, Q, e.onKeyDown),
@@ -829,95 +835,97 @@ function rn(e, u) {
     autoComplete: "off",
     validate: void 0,
     [ju]: u
-  }, o), ne = (n) => {
+  }, t), ne = (n) => {
     if (n.pointerType === "touch") {
-      var c;
-      (c = o.current) === null || c === void 0 || c.focus(), u.toggle(null, "manual");
+      var o;
+      (o = t.current) === null || o === void 0 || o.focus(), u.toggle(null, "manual");
     }
   }, s = (n) => {
     if (n.pointerType !== "touch") {
-      var c;
-      (c = o.current) === null || c === void 0 || c.focus(), u.toggle(n.pointerType === "keyboard" || n.pointerType === "virtual" ? "first" : null, "manual");
+      var o;
+      (o = t.current) === null || o === void 0 || o.focus(), u.toggle(n.pointerType === "keyboard" || n.pointerType === "virtual" ? "first" : null, "manual");
     }
   }, I = ve({
-    id: D.id,
+    id: T.id,
     "aria-label": E.format("buttonLabel"),
     "aria-labelledby": e["aria-labelledby"] || v.id
   }), V = ve({
-    id: T.id,
+    id: D.id,
     "aria-label": E.format("listboxLabel"),
     "aria-labelledby": e["aria-labelledby"] || v.id
   }), L = y(0), oe = (n) => {
     if (g || F) return;
     if (n.timeStamp - L.current < 500) {
-      var c;
-      n.preventDefault(), (c = o.current) === null || c === void 0 || c.focus();
+      var o;
+      n.preventDefault(), (o = t.current) === null || o === void 0 || o.focus();
       return;
     }
-    let d = n.target.getBoundingClientRect(), G = n.changedTouches[0], H = Math.ceil(d.left + 0.5 * d.width), re = Math.ceil(d.top + 0.5 * d.height);
+    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) {
       var ie;
-      n.preventDefault(), (ie = o.current) === null || ie === void 0 || ie.focus(), u.toggle(null, "manual"), L.current = n.timeStamp;
+      n.preventDefault(), (ie = t.current) === null || ie === void 0 || ie.focus(), u.toggle(null, "manual"), L.current = n.timeStamp;
     }
   }, C = u.selectionManager.focusedKey != null && u.isOpen ? u.collection.getItem(u.selectionManager.focusedKey) : void 0;
   var q;
-  let k = (q = C == null ? void 0 : C.parentKey) !== null && q !== void 0 ? q : null;
+  let K = (q = C == null ? void 0 : C.parentKey) !== null && q !== void 0 ? q : null;
   var W;
-  let O = (W = u.selectionManager.focusedKey) !== null && W !== void 0 ? W : null, Z = y(k), j = y(O);
+  let O = (W = u.selectionManager.focusedKey) !== null && W !== void 0 ? W : null, Z = y(K), j = y(O);
   ce(() => {
     if (be() && C != null && O != null && O !== j.current) {
-      let c = u.selectionManager.isSelected(O), d = k != null ? u.collection.getItem(k) : null, G = (d == null ? void 0 : d["aria-label"]) || (typeof (d == null ? void 0 : d.rendered) == "string" ? d.rendered : "") || "";
+      let o = u.selectionManager.isSelected(O), 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 : "") || "";
       var n;
       let H = E.format("focusAnnouncement", {
-        isGroupChange: (n = d && k !== Z.current) !== null && n !== void 0 ? n : !1,
+        isGroupChange: (n = r && K !== Z.current) !== null && n !== void 0 ? n : !1,
         groupTitle: G,
-        groupCount: d ? [
-          ...ge(d, u.collection)
+        groupCount: r ? [
+          ...ge(r, u.collection)
         ].length : 0,
         optionText: C["aria-label"] || C.textValue || "",
-        isSelected: c
+        isSelected: o
       });
       ae(H);
     }
-    Z.current = k, j.current = O;
+    Z.current = K, j.current = O;
   });
-  let w = Hu(u.collection), te = y(w), le = y(u.isOpen);
+  let w = Ju(u.collection), te = y(w), le = y(u.isOpen);
   ce(() => {
     let n = u.isOpen !== le.current && (u.selectionManager.focusedKey == null || be());
     if (u.isOpen && (n || w !== te.current)) {
-      let c = E.format("countAnnouncement", {
+      let o = E.format("countAnnouncement", {
         optionCount: w
       });
-      ae(c);
+      ae(o);
     }
     te.current = w, le.current = u.isOpen;
   });
   let pe = y(u.selectedKey);
   return ce(() => {
     if (be() && u.isFocused && u.selectedItem && u.selectedKey !== pe.current) {
-      let n = u.selectedItem["aria-label"] || u.selectedItem.textValue || "", c = E.format("selectedAnnouncement", {
+      let n = u.selectedItem["aria-label"] || u.selectedItem.textValue || "", o = E.format("selectedAnnouncement", {
         optionText: n
       });
-      ae(c);
+      ae(o);
     }
     pe.current = u.selectedKey;
   }), ce(() => {
     if (u.isOpen) return Lu([
-      o.current,
+      t.current,
       p.current
     ].filter((n) => n != null));
   }, [
     u.isOpen,
-    o,
+    t,
     p
   ]), Zu(() => {
-    !C && o.current && Wu(_u(o.current)) === o.current && Mu(o.current, null);
+    !C && t.current && Wu(_u(t.current)) === t.current && Mu(t.current, null);
   }, [
     C
-  ]), {
+  ]), Hu(d, "react-aria-item-action", u.isOpen ? () => {
+    u.close();
+  } : void 0), {
     labelProps: v,
     buttonProps: {
-      ...D,
+      ...T,
       ...I,
       excludeFromTabOrder: !0,
       preventFocusOnPress: !0,
@@ -927,8 +935,8 @@ function rn(e, u) {
     },
     inputProps: fe(X, {
       role: "combobox",
-      "aria-expanded": D["aria-expanded"],
-      "aria-controls": u.isOpen ? T.id : void 0,
+      "aria-expanded": T["aria-expanded"],
+      "aria-controls": u.isOpen ? D.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,
@@ -938,59 +946,60 @@ function rn(e, u) {
       // This disable's the macOS Safari spell check auto corrections.
       spellCheck: "false"
     }),
-    listBoxProps: fe(T, V, {
+    listBoxProps: fe(D, V, {
       autoFocus: u.focusStrategy || !0,
       shouldUseVirtualFocus: !0,
       shouldSelectOnPressUp: !0,
       shouldFocusOnHover: !0,
-      linkBehavior: "selection"
+      linkBehavior: "selection",
+      UNSTABLE_itemBehavior: "action"
     }),
     descriptionProps: ue,
     errorMessageProps: U,
     isInvalid: ee,
     validationErrors: P,
-    validationDetails: K
+    validationDetails: k
   };
 }
-function sn(e) {
+function $n(e) {
   var u;
-  let { defaultFilter: l, menuTrigger: p = "input", allowsEmptyCollection: o = !1, allowsCustomValue: r, shouldCloseOnBlur: B = !0 } = e, [b, x] = z(!1), [F, g] = z(!1), [h, E] = z(null), D = (t) => {
-    e.onSelectionChange && e.onSelectionChange(t), t === i && (W(), C());
+  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) => {
+    e.onSelectionChange && e.onSelectionChange(l), l === c && (W(), C());
   };
-  var T;
-  let { collection: f, selectionManager: S, selectedKey: i, setSelectedKey: R, selectedItem: Y, disabledKeys: Q } = zu({
+  var D;
+  let { collection: f, selectionManager: S, selectedKey: c, setSelectedKey: R, selectedItem: Y, disabledKeys: Q } = zu({
     ...e,
-    onSelectionChange: D,
-    items: (T = e.items) !== null && T !== void 0 ? T : e.defaultItems
-  }), [a, N] = Uu(e.inputValue, Be(e.defaultInputValue, i, f) || "", e.onInputChange), [ee] = z(i), [P] = z(a), K = f, v = J(() => (
+    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), [P] = z(a), k = f, v = J(() => (
     // No default filter if items are controlled.
-    e.items != null || !l ? f : $n(f, a, l)
+    e.items != null || !i ? f : an(f, a, i)
   ), [
     f,
     a,
-    l,
+    i,
     e.items
   ]), [X, ue] = z(v), U = y("focus"), s = Ou({
     ...e,
-    onOpenChange: (t) => {
-      e.onOpenChange && e.onOpenChange(t, t ? U.current : void 0), S.setFocused(t), t || S.setFocusedKey(null);
+    onOpenChange: (l) => {
+      e.onOpenChange && e.onOpenChange(l, l ? U.current : void 0), S.setFocused(l), l || S.setFocusedKey(null);
     },
     isOpen: void 0,
     defaultOpen: void 0
-  }), I = (t = null, $) => {
+  }), I = (l = null, $) => {
     let m = $ === "manual" || $ === "focus" && p === "focus";
-    (o || v.size > 0 || m && K.size > 0 || e.items) && (m && !s.isOpen && e.items === void 0 && x(!0), U.current = $, E(t), s.open());
-  }, V = (t = null, $) => {
+    (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());
+  }, V = (l = null, $) => {
     let m = $ === "manual" || $ === "focus" && p === "focus";
-    !(o || 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(t));
+    !(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(() => {
-    ue(b ? K : v);
+    ue(b ? k : v);
   }, [
     b,
-    K,
+    k,
     v
-  ]), oe = de((t = null) => {
-    s.isOpen && L(), E(t), s.toggle();
+  ]), oe = de((l = null) => {
+    s.isOpen && L(), E(l), s.toggle();
   }, [
     s,
     L
@@ -999,60 +1008,60 @@ function sn(e) {
   }, [
     s,
     L
-  ]), [q, k] = z(a), W = () => {
-    var t, $;
-    let m = i != null && ($ = (t = f.getItem(i)) === null || t === void 0 ? void 0 : t.textValue) !== null && $ !== void 0 ? $ : "";
-    k(m), N(m);
+  ]), [q, K] = z(a), W = () => {
+    var l, $;
+    let m = c != null && ($ = (l = f.getItem(c)) === null || l === void 0 ? void 0 : l.textValue) !== null && $ !== void 0 ? $ : "";
+    K(m), N(m);
   };
   var O, Z;
   let j = y((Z = (O = e.selectedKey) !== null && O !== void 0 ? O : e.defaultSelectedKey) !== null && Z !== void 0 ? Z : null);
   var w;
-  let te = y(i != null && (w = (u = f.getItem(i)) === null || u === void 0 ? void 0 : u.textValue) !== null && w !== void 0 ? w : "");
+  let te = y(c != null && (w = (u = f.getItem(c)) === null || u === void 0 ? void 0 : u.textValue) !== null && w !== void 0 ? w : "");
   ce(() => {
-    var t;
-    F && (v.size > 0 || o) && !s.isOpen && a !== q && p !== "manual" && I(null, "input"), !b && !o && s.isOpen && v.size === 0 && C(), i != null && i !== j.current && C(), a !== q && (S.setFocusedKey(null), x(!1), a === "" && (e.inputValue === void 0 || e.selectedKey === void 0) && R(null)), i !== j.current && (e.inputValue === void 0 || e.selectedKey === void 0) ? W() : q !== a && k(a);
+    var l;
+    F && (v.size > 0 || t) && !s.isOpen && a !== q && p !== "manual" && I(null, "input"), !b && !t && s.isOpen && v.size === 0 && C(), c != null && c !== j.current && C(), a !== q && (S.setFocusedKey(null), x(!1), a === "" && (e.inputValue === void 0 || e.selectedKey === void 0) && R(null)), c !== j.current && (e.inputValue === void 0 || e.selectedKey === void 0) ? W() : q !== a && K(a);
     var $;
-    let m = i != null && ($ = (t = f.getItem(i)) === null || t === void 0 ? void 0 : t.textValue) !== null && $ !== void 0 ? $ : "";
-    !F && i != null && e.inputValue === void 0 && i === j.current && te.current !== m && (k(m), N(m)), j.current = i, te.current = m;
+    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 === j.current && te.current !== m && (K(m), N(m)), j.current = c, te.current = m;
   });
   let le = wu({
     ...e,
     value: J(() => ({
       inputValue: a,
-      selectedKey: i
+      selectedKey: c
     }), [
       a,
-      i
+      c
     ])
   }), pe = () => {
-    r && i == null ? n() : c();
+    d && c == null ? n() : o();
   }, n = () => {
     j.current = null, R(null), C();
-  }, c = () => {
+  }, o = () => {
     if (e.selectedKey !== void 0 && e.inputValue !== void 0) {
-      var t, $;
-      (t = e.onSelectionChange) === null || t === void 0 || t.call(e, i);
+      var l, $;
+      (l = e.onSelectionChange) === null || l === void 0 || l.call(e, c);
       var m;
-      let au = i != null && (m = ($ = f.getItem(i)) === null || $ === void 0 ? void 0 : $.textValue) !== null && m !== void 0 ? m : "";
-      k(au), C();
+      let au = c != null && (m = ($ = f.getItem(c)) === null || $ === void 0 ? void 0 : $.textValue) !== null && m !== void 0 ? m : "";
+      K(au), C();
     } else
       W(), C();
   };
-  const d = () => {
-    if (r) {
-      var t, $;
-      const m = i != null && ($ = (t = f.getItem(i)) === null || t === void 0 ? void 0 : t.textValue) !== null && $ !== void 0 ? $ : "";
-      a === m ? c() : n();
+  const r = () => {
+    if (d) {
+      var l, $;
+      const m = c != null && ($ = (l = f.getItem(c)) === null || l === void 0 ? void 0 : l.textValue) !== null && $ !== void 0 ? $ : "";
+      a === m ? o() : n();
     } else
-      c();
+      o();
   };
   let G = () => {
-    s.isOpen && S.focusedKey != null ? i === S.focusedKey ? c() : R(S.focusedKey) : d();
-  }, H = y(a), re = (t) => {
-    t ? (H.current = a, p === "focus" && !e.isReadOnly && I(null, "focus")) : (B && d(), a !== H.current && le.commitValidation()), g(t);
-  }, ie = J(() => s.isOpen ? b ? K : v : X, [
+    s.isOpen && S.focusedKey != null ? c === S.focusedKey ? o() : R(S.focusedKey) : r();
+  }, H = y(a), re = (l) => {
+    l ? (H.current = a, p === "focus" && !e.isReadOnly && I(null, "focus")) : (B && r(), a !== H.current && le.commitValidation()), g(l);
+  }, ie = J(() => s.isOpen ? b ? k : v : X, [
     s.isOpen,
-    K,
+    k,
     v,
     b,
     X
@@ -1066,9 +1075,9 @@ function sn(e) {
     focusStrategy: h,
     toggle: V,
     open: I,
-    close: d,
+    close: r,
     selectionManager: S,
-    selectedKey: i,
+    selectedKey: c,
     defaultSelectedKey: me,
     setSelectedKey: R,
     disabledKeys: Q,
@@ -1083,37 +1092,37 @@ function sn(e) {
     revert: pe
   };
 }
-function $n(e, u, l) {
-  return new Nu($u(e, e, u, l));
+function an(e, u, i) {
+  return new Nu($u(e, e, u, i));
 }
-function $u(e, u, l, p) {
-  let o = [];
-  for (let r of u)
-    if (r.type === "section" && r.hasChildNodes) {
-      let B = $u(e, ge(r, e), l, p);
+function $u(e, u, i, p) {
+  let t = [];
+  for (let d of u)
+    if (d.type === "section" && d.hasChildNodes) {
+      let B = $u(e, ge(d, e), i, p);
       [
         ...B
-      ].some((b) => b.type === "item") && o.push({
-        ...r,
+      ].some((b) => b.type === "item") && t.push({
+        ...d,
         childNodes: B
       });
-    } else r.type === "item" && p(r.textValue, l) ? o.push({
-      ...r
-    }) : r.type !== "item" && o.push({
-      ...r
+    } else d.type === "item" && p(d.textValue, i) ? t.push({
+      ...d
+    }) : d.type !== "item" && t.push({
+      ...d
     });
-  return o;
+  return t;
 }
-function Be(e, u, l) {
+function Be(e, u, i) {
   if (e == null) {
-    var p, o;
-    if (u != null) return (o = (p = l.getItem(u)) === null || p === void 0 ? void 0 : p.textValue) !== null && o !== void 0 ? o : "";
+    var p, t;
+    if (u != null) return (t = (p = i.getItem(u)) === null || p === void 0 ? void 0 : p.textValue) !== null && t !== void 0 ? t : "";
   }
   return e;
 }
-const an = /* @__PURE__ */ Ee(null), bn = /* @__PURE__ */ Ee(null), Cn = /* @__PURE__ */ bu(function(u, l) {
-  [u, l] = mu(u, l, an);
-  let { children: p, isDisabled: o = !1, isInvalid: r = !1, isRequired: B = !1 } = u, b = J(() => {
+const bn = /* @__PURE__ */ Ee(null), Cn = /* @__PURE__ */ Ee(null), mn = /* @__PURE__ */ bu(function(u, i) {
+  [u, i] = mu(u, i, bn);
+  let { children: p, isDisabled: t = !1, isInvalid: d = !1, isRequired: B = !1 } = u, b = J(() => {
     var x;
     return /* @__PURE__ */ _.createElement(Se.Provider, {
       value: {
@@ -1121,41 +1130,41 @@ const an = /* @__PURE__ */ Ee(null), bn = /* @__PURE__ */ Ee(null), Cn = /* @__P
       }
     }, typeof p == "function" ? p({
       isOpen: !1,
-      isDisabled: o,
-      isInvalid: r,
+      isDisabled: t,
+      isInvalid: d,
       isRequired: B,
       defaultChildren: null
     }) : p);
   }, [
     p,
-    o,
-    r,
+    t,
+    d,
     B,
     u.items,
     u.defaultItems
   ]);
-  return /* @__PURE__ */ _.createElement(ku, {
+  return /* @__PURE__ */ _.createElement(Ku, {
     content: b
-  }, (x) => /* @__PURE__ */ _.createElement(xn, {
+  }, (x) => /* @__PURE__ */ _.createElement(hn, {
     props: u,
     collection: x,
-    comboBoxRef: l
+    comboBoxRef: i
   }));
-}), mn = [
-  De,
+}), xn = [
   Te,
+  De,
   Fe,
   ye,
   Le
 ];
-function xn({ props: e, collection: u, comboBoxRef: l }) {
-  let { name: p, formValue: o = "key", allowsCustomValue: r } = e;
-  r && (o = "text");
+function hn({ props: e, collection: u, comboBoxRef: i }) {
+  let { name: p, formValue: t = "key", allowsCustomValue: d } = e;
+  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 } = Vu({
     sensitivity: "base"
-  }), h = sn({
+  }), h = $n({
     defaultFilter: e.defaultFilter || g,
     ...e,
     // If props.items isn't provided, rely on collection filtering (aka listbox.items is provided or defaultItems provided to Combobox)
@@ -1163,28 +1172,28 @@ function xn({ props: e, collection: u, comboBoxRef: l }) {
     children: void 0,
     collection: u,
     validationBehavior: F
-  }), E = y(null), D = y(null), T = y(null), f = y(null), [S, i] = hu(!e["aria-label"] && !e["aria-labelledby"]), { buttonProps: R, inputProps: Y, listBoxProps: Q, labelProps: a, descriptionProps: N, errorMessageProps: ee, ...P } = rn({
+  }), E = y(null), T = y(null), D = y(null), f = y(null), [S, c] = hu(!e["aria-label"] && !e["aria-labelledby"]), { buttonProps: R, inputProps: Y, listBoxProps: Q, labelProps: a, descriptionProps: N, errorMessageProps: ee, ...P } = sn({
     ...fu(e),
-    label: i,
-    inputRef: D,
+    label: c,
+    inputRef: T,
     buttonRef: E,
-    listBoxRef: T,
+    listBoxRef: D,
     popoverRef: f,
-    name: o === "text" ? p : void 0,
+    name: t === "text" ? p : void 0,
     validationBehavior: F
-  }, h), [K, v] = z(null), X = de(() => {
-    if (D.current) {
+  }, h), [k, v] = z(null), X = de(() => {
+    if (T.current) {
       var I;
-      let V = (I = E.current) === null || I === void 0 ? void 0 : I.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;
+      let V = (I = E.current) === null || I === void 0 ? void 0 : I.getBoundingClientRect(), L = T.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,
-    D,
+    T,
     v
   ]);
   Ru({
-    ref: D,
+    ref: T,
     onResize: X
   });
   let ue = J(() => ({
@@ -1209,18 +1218,18 @@ function xn({ props: e, collection: u, comboBoxRef: l }) {
   return /* @__PURE__ */ _.createElement(Au, {
     values: [
       [
-        bn,
+        Cn,
         h
       ],
       [
-        De,
+        Te,
         {
           ...a,
           ref: S
         }
       ],
       [
-        Te,
+        De,
         {
           ...R,
           ref: E,
@@ -1231,7 +1240,7 @@ function xn({ props: e, collection: u, comboBoxRef: l }) {
         Fe,
         {
           ...Y,
-          ref: D
+          ref: T
         }
       ],
       [
@@ -1239,25 +1248,25 @@ function xn({ props: e, collection: u, comboBoxRef: l }) {
         h
       ],
       [
-        Ku,
+        ku,
         {
           ref: f,
-          triggerRef: D,
-          scrollRef: T,
+          triggerRef: T,
+          scrollRef: D,
           placement: "bottom start",
           isNonModal: !0,
           trigger: "ComboBox",
           style: {
-            "--trigger-width": K
+            "--trigger-width": k
           },
-          clearContexts: mn
+          clearContexts: xn
         }
       ],
       [
         Se,
         {
           ...Q,
-          ref: T
+          ref: D
         }
       ],
       [
@@ -1288,60 +1297,60 @@ function xn({ props: e, collection: u, comboBoxRef: l }) {
   }, /* @__PURE__ */ _.createElement("div", {
     ...ne,
     ...U,
-    ref: l,
+    ref: i,
     slot: e.slot || void 0,
     "data-focused": h.isFocused || void 0,
     "data-open": h.isOpen || void 0,
     "data-disabled": e.isDisabled || void 0,
     "data-invalid": P.isInvalid || void 0,
     "data-required": e.isRequired || void 0
-  }), p && o === "key" && /* @__PURE__ */ _.createElement("input", {
+  }), p && t === "key" && /* @__PURE__ */ _.createElement("input", {
     type: "hidden",
     name: p,
     form: e.form,
     value: (s = h.selectedKey) !== null && s !== void 0 ? s : ""
   }));
 }
-const hn = "_combobox_j6di5_1", fn = "_inputField_j6di5_6", vn = "_medium_j6di5_28", An = "_wrap_j6di5_68", Bn = "_button_j6di5_74", En = "_icon_j6di5_106", Dn = "_emptyState_j6di5_112", M = {
-  combobox: hn,
-  inputField: fn,
-  medium: vn,
-  wrap: An,
-  button: Bn,
-  icon: En,
+const fn = "_combobox_j6di5_1", vn = "_inputField_j6di5_6", An = "_medium_j6di5_28", Bn = "_wrap_j6di5_68", En = "_button_j6di5_74", Tn = "_icon_j6di5_106", Dn = "_emptyState_j6di5_112", M = {
+  combobox: fn,
+  inputField: vn,
+  medium: An,
+  wrap: Bn,
+  button: En,
+  icon: Tn,
   emptyState: Dn
-}, Tn = { showList: "Show list", noResultsFound: "No results found" }, yn = { showList: "Visa lista", noResultsFound: "Inga träffar" }, Fn = {
-  en: Tn,
-  sv: yn
+}, yn = { showList: "Show list", noResultsFound: "No results found" }, Fn = { showList: "Visa lista", noResultsFound: "Inga träffar" }, Sn = {
+  en: yn,
+  sv: Fn
 };
-function $o({
+function Co({
   label: e,
   description: u,
-  errorMessage: l,
+  errorMessage: i,
   children: p,
-  items: o,
-  className: r,
+  items: t,
+  className: d,
   errorPosition: B = "top",
   size: b = "large",
   popover: x,
   ...F
 }) {
-  const g = _.useRef(null), h = pn(Fn), E = (D) => {
-    var T;
-    D.currentTarget.value && ((T = g.current) == null || T.select());
+  const g = _.useRef(null), h = dn(Sn), E = (T) => {
+    var D;
+    T.currentTarget.value && ((D = g.current) == null || D.select());
   };
   return /* @__PURE__ */ xe(
-    Cn,
+    mn,
     {
-      className: Ce(M.combobox, r),
+      className: Ce(M.combobox, d),
       ...F,
       children: [
-        /* @__PURE__ */ A(en, { popover: x, children: e && /* @__PURE__ */ A(un, { children: e }) }),
+        /* @__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: l }),
+        B === "top" && /* @__PURE__ */ A(he, { "data-testid": "fieldError", children: i }),
         /* @__PURE__ */ xe("div", { className: M.wrap, children: [
           /* @__PURE__ */ A(
-            Du,
+            Tu,
             {
               className: Ce(M.inputField, {
                 [M.medium]: b === "medium"
@@ -1363,7 +1372,7 @@ function $o({
                   className: M.icon,
                   "aria-hidden": "true",
                   children: /* @__PURE__ */ A(
-                    cn,
+                    pn,
                     {
                       size: 20,
                       "aria-hidden": !0
@@ -1374,11 +1383,11 @@ function $o({
             }
           )
         ] }),
-        B === "bottom" && /* @__PURE__ */ A(he, { "data-testid": "fieldError", children: l }),
-        /* @__PURE__ */ A(nn, { children: /* @__PURE__ */ A(
+        B === "bottom" && /* @__PURE__ */ A(he, { "data-testid": "fieldError", children: i }),
+        /* @__PURE__ */ A(tn, { children: /* @__PURE__ */ A(
           on,
           {
-            items: o,
+            items: t,
             renderEmptyState: () => /* @__PURE__ */ A(Ae, { className: M.emptyState, children: h.format("noResultsFound") }),
             children: p
           }
@@ -1387,14 +1396,20 @@ function $o({
     }
   );
 }
-function Sn(e) {
-  return /* @__PURE__ */ A(tn, { ...e });
+function Ln(e) {
+  return /* @__PURE__ */ A(
+    ln,
+    {
+      ...e,
+      hideSelectionIndicator: !0
+    }
+  );
 }
-function ao(e) {
-  return /* @__PURE__ */ A(ln, { ...e, children: /* @__PURE__ */ A(Pu, { items: e.children, children: (u) => /* @__PURE__ */ A(Sn, { children: u.name }, u.id) }) });
+function mo(e) {
+  return /* @__PURE__ */ A(cn, { ...e, children: /* @__PURE__ */ A(Pu, { items: e.children, children: (u) => /* @__PURE__ */ A(Ln, { children: u.name }, u.id) }) });
 }
 export {
-  $o as C,
-  Sn as a,
-  ao as b
+  Co as C,
+  Ln as a,
+  mo as b
 };