@midas-ds/components 1.0.2 → 1.0.3

package/index85.js

@@ -1,27 +1,27 @@
 import { jsxs as be, jsx as j } from "react/jsx-runtime";
-import W, { useRef as h, useMemo as ee, useEffect as pe, useState as Q, useCallback as se, forwardRef as ou, createContext as xe } from "react";
-import { b as $e, a as tu, $ as lu } from "./Button-CCevm2s3.js";
-import { o as iu, D as cu, J as re, e as ae, a as pu, u as du, v as su, w as $u, d as ru, n as bu, x as au } from "./useFocusRing-D97-G3fT.js";
-import { f as Cu, $ as xu, c as hu, d as mu } from "./Form-DXLoQL91.js";
-import { a as fu } from "./Group-DPMuN3h8.js";
-import { $ as vu, a as Au, b as Bu } from "./TextField.module-Cwq1FAm7.js";
-import { a as Eu } from "./Label-C18A_4Z5.js";
-import { d as Du, e as Tu, a as he, $ as yu, b as Fu, c as gu } from "./ListBox-D21tdwTs.js";
-import { e as Su, j as ku, f as Lu, g as Iu, h as Pu, i as Ku, a as Ou } from "./Dialog-CLTyYwkS.js";
-import { $ as Ru } from "./Text-DGLaY3HR.js";
-import { c as Gu } from "./Collection-B3xUVWPF.js";
-import { $ as Vu } from "./useFilter-BnJDBCkt.js";
-import { d as wu, e as me } from "./SelectionManager-D4WtKtey.js";
-import { $ as Mu } from "./useSingleSelectListState-CmX9_L5H.js";
-import { a as ju } from "./useListState-DSOTbsL3.js";
-import { a as Ce, $ as zu } from "./useControlledState-S_TYcV_c.js";
-import { a as Nu } from "./Separator-DLUHK9vv.js";
-import { a as Uu } from "./ListKeyboardDelegate-DxMjfMsI.js";
-import { $ as _u } from "./useLocalizedStringFormatter-DVCAZqcL.js";
-import { I as qu } from "./TextField-C_hq9WeT.js";
+import W, { useRef as m, useMemo as ee, useEffect as pe, useState as Q, useCallback as se, forwardRef as ou, createContext as xe } from "react";
+import { b as $e, a as tu, $ as lu } from "./Button-B4vMZbC6.js";
+import { o as iu, G as cu, M as re, e as ae, a as pu, x as du, y as su, z as $u, d as ru, n as bu, A as au } from "./useFocusRing-BKGhL91C.js";
+import { f as Cu, c as xu, $ as fu, a as hu } from "./Form-BQQs3jUk.js";
+import { a as mu } from "./Group-CdwXhx8Q.js";
+import { a as vu, $ as Au, b as Bu } from "./TextField.module-0-u4LVPp.js";
+import { $ as Eu } from "./useField-Dz62UHCP.js";
+import { d as Du, e as Tu, a as fe, $ as yu, b as Fu, c as gu } from "./ListBox-BKWkIIm6.js";
+import { e as Su, j as ku, f as Lu, g as Iu, h as Pu, i as Ku, a as Ou } from "./Dialog-Cb6toyXO.js";
+import { $ as Ru } from "./Text-CQPW6xs7.js";
+import { $ as Gu } from "./Collection-COLWgm24.js";
+import { $ as Vu } from "./useFilter-ViwzkzZe.js";
+import { e as wu, f as he } from "./SelectionManager-8o40f7mx.js";
+import { $ as Mu } from "./useSingleSelectListState-BHTLh8Ob.js";
+import { a as ju } from "./useListState-DKnP5TB5.js";
+import { a as Ce, $ as zu } from "./useControlledState-DrAoodI6.js";
+import { a as Nu } from "./Separator-BlvmQjwz.js";
+import { a as Uu } from "./ListKeyboardDelegate-BH-K5hyq.js";
+import { $ as _u } from "./useLocalizedStringFormatter-DsZ-ZWSk.js";
+import { I as qu } from "./TextField-DeK_yiK-.js";
 import { C as Wu } from "./chevron-down-Cd1bkzXT.js";
-import './ComboBox.css';var fe = {};
-fe = {
+import './ComboBox.css';var me = {};
+me = {
   buttonLabel: "عرض المقترحات",
   countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
     one: () => `${u.number(e.optionCount)} خيار`,
@@ -640,8 +640,8 @@ He = {
   listboxLabel: "Öneriler",
   selectedAnnouncement: (e) => `${e.optionText}, seçildi`
 };
-var Je = {};
-Je = {
+var Xe = {};
+Xe = {
   buttonLabel: "Показати пропозиції",
   countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
     one: () => `${u.number(e.optionCount)} параметр`,
@@ -660,8 +660,8 @@ Je = {
   listboxLabel: "Пропозиції",
   selectedAnnouncement: (e) => `${e.optionText}, вибрано`
 };
-var Xe = {};
-Xe = {
+var Je = {};
+Je = {
   buttonLabel: "显示建议",
   countAnnouncement: (e, u) => `有 ${u.plural(e.optionCount, {
     one: () => `${u.number(e.optionCount)} 个选项`,
@@ -702,7 +702,7 @@ Ye = {
 };
 var Qe = {};
 Qe = {
-  "ar-AE": fe,
+  "ar-AE": me,
   "bg-BG": ve,
   "cs-CZ": Ae,
   "da-DK": Be,
@@ -733,41 +733,41 @@ Qe = {
   "sr-SP": We,
   "sv-SE": Ze,
   "tr-TR": He,
-  "uk-UA": Je,
-  "zh-CN": Xe,
+  "uk-UA": Xe,
+  "zh-CN": Je,
   "zh-TW": Ye
 };
 function Zu(e) {
   return e && e.__esModule ? e.default : e;
 }
 function Hu(e, u) {
-  let { buttonRef: l, popoverRef: b, inputRef: i, listBoxRef: d, keyboardDelegate: m, layoutDelegate: a, shouldFocusWrap: I, isReadOnly: F, isDisabled: z } = e, f = h(null);
-  l = l ?? f;
-  let v = _u(Zu(Qe), "@react-aria/combobox"), { menuTriggerProps: A, menuProps: D } = Su({
+  let { buttonRef: c, popoverRef: b, inputRef: l, listBoxRef: d, keyboardDelegate: f, layoutDelegate: C, shouldFocusWrap: h, isReadOnly: g, isDisabled: z } = e, v = m(null);
+  c = c ?? v;
+  let A = _u(Zu(Qe), "@react-aria/combobox"), { menuTriggerProps: B, menuProps: T } = Su({
     type: "listbox",
-    isDisabled: z || F
-  }, u, l);
+    isDisabled: z || g
+  }, u, c);
   Du.set(u, {
-    id: D.id
+    id: T.id
   });
-  let { collection: x } = u, { disabledKeys: T } = u.selectionManager, t = ee(() => m || new Uu({
+  let { collection: x } = u, { disabledKeys: y } = u.selectionManager, t = ee(() => f || new Uu({
     collection: x,
-    disabledKeys: T,
+    disabledKeys: y,
     ref: d,
-    layoutDelegate: a
+    layoutDelegate: C
   }), [
-    m,
-    a,
+    f,
+    C,
     x,
-    T,
+    y,
     d
   ]), { collectionProps: R } = wu({
     selectionManager: u.selectionManager,
     keyboardDelegate: t,
     disallowTypeAhead: !0,
     disallowEmptySelection: !0,
-    shouldFocusWrap: I,
-    ref: i,
+    shouldFocusWrap: h,
+    ref: l,
     // Prevent item scroll behavior from being applied here, should be handled in the user's Popover + ListBox component
     isVirtualized: !0
   }), ue = iu(), ne = (n) => {
@@ -776,10 +776,10 @@ function Hu(e, u) {
         case "Enter":
         case "Tab":
           if (u.isOpen && n.key === "Enter" && n.preventDefault(), u.isOpen && d.current && u.selectionManager.focusedKey != null && u.selectionManager.isLink(u.selectionManager.focusedKey)) {
-            let c = d.current.querySelector(`[data-key="${CSS.escape(u.selectionManager.focusedKey.toString())}"]`);
-            if (n.key === "Enter" && c instanceof HTMLAnchorElement) {
+            let i = d.current.querySelector(`[data-key="${CSS.escape(u.selectionManager.focusedKey.toString())}"]`);
+            if (n.key === "Enter" && i instanceof HTMLAnchorElement) {
               let p = u.collection.getItem(u.selectionManager.focusedKey);
-              p && ue.open(c, n, p.props.href, p.props.routerOptions);
+              p && ue.open(i, n, p.props.href, p.props.routerOptions);
             }
             u.close();
           } else u.commit();
@@ -799,127 +799,127 @@ function Hu(e, u) {
           break;
       }
   }, G = (n) => {
-    var c;
-    let p = (l == null ? void 0 : l.current) && l.current === n.relatedTarget, L = (c = b.current) === null || c === void 0 ? void 0 : c.contains(n.relatedTarget);
-    p || L || (e.onBlur && e.onBlur(n), u.setFocused(!1));
+    var i;
+    let p = (c == null ? void 0 : c.current) && c.current === n.relatedTarget, I = (i = b.current) === null || i === void 0 ? void 0 : i.contains(n.relatedTarget);
+    p || I || (e.onBlur && e.onBlur(n), u.setFocused(!1));
   }, N = (n) => {
     u.isFocused || (e.onFocus && e.onFocus(n), u.setFocused(!0));
-  }, { isInvalid: U, validationErrors: s, validationDetails: _ } = u.displayValidation, { labelProps: B, inputProps: E, descriptionProps: Z, errorMessageProps: oe } = vu({
+  }, { isInvalid: U, validationErrors: s, validationDetails: _ } = u.displayValidation, { labelProps: E, inputProps: D, descriptionProps: Z, errorMessageProps: oe } = vu({
     ...e,
     onChange: u.setInputValue,
-    onKeyDown: F ? e.onKeyDown : cu(u.isOpen && R.onKeyDown, ne, e.onKeyDown),
+    onKeyDown: g ? e.onKeyDown : cu(u.isOpen && R.onKeyDown, ne, e.onKeyDown),
     onBlur: G,
     value: u.inputValue,
     onFocus: N,
     autoComplete: "off",
     validate: void 0,
     [Cu]: u
-  }, i), V = (n) => {
+  }, l), V = (n) => {
     if (n.pointerType === "touch") {
-      var c;
-      (c = i.current) === null || c === void 0 || c.focus(), u.toggle(null, "manual");
+      var i;
+      (i = l.current) === null || i === void 0 || i.focus(), u.toggle(null, "manual");
     }
   }, H = (n) => {
     if (n.pointerType !== "touch") {
-      var c;
-      (c = i.current) === null || c === void 0 || c.focus(), u.toggle(n.pointerType === "keyboard" || n.pointerType === "virtual" ? "first" : null, "manual");
+      var i;
+      (i = l.current) === null || i === void 0 || i.focus(), u.toggle(n.pointerType === "keyboard" || n.pointerType === "virtual" ? "first" : null, "manual");
     }
   }, $ = Ce({
-    id: A.id,
-    "aria-label": v.format("buttonLabel"),
-    "aria-labelledby": e["aria-labelledby"] || B.id
-  }), g = Ce({
-    id: D.id,
-    "aria-label": v.format("listboxLabel"),
-    "aria-labelledby": e["aria-labelledby"] || B.id
-  }), P = h(0), w = (n) => {
-    if (z || F) return;
+    id: B.id,
+    "aria-label": A.format("buttonLabel"),
+    "aria-labelledby": e["aria-labelledby"] || E.id
+  }), S = Ce({
+    id: T.id,
+    "aria-label": A.format("listboxLabel"),
+    "aria-labelledby": e["aria-labelledby"] || E.id
+  }), P = m(0), w = (n) => {
+    if (z || g) return;
     if (n.timeStamp - P.current < 500) {
-      var c;
-      n.preventDefault(), (c = i.current) === null || c === void 0 || c.focus();
+      var i;
+      n.preventDefault(), (i = l.current) === null || i === void 0 || i.focus();
       return;
     }
-    let p = n.target.getBoundingClientRect(), L = n.changedTouches[0], ie = Math.ceil(p.left + 0.5 * p.width), de = Math.ceil(p.top + 0.5 * p.height);
-    if (L.clientX === ie && L.clientY === de) {
+    let p = n.target.getBoundingClientRect(), I = n.changedTouches[0], ie = Math.ceil(p.left + 0.5 * p.width), de = Math.ceil(p.top + 0.5 * p.height);
+    if (I.clientX === ie && I.clientY === de) {
       var ce;
-      n.preventDefault(), (ce = i.current) === null || ce === void 0 || ce.focus(), u.toggle(null, "manual"), P.current = n.timeStamp;
+      n.preventDefault(), (ce = l.current) === null || ce === void 0 || ce.focus(), u.toggle(null, "manual"), P.current = n.timeStamp;
     }
-  }, y = u.selectionManager.focusedKey != null && u.isOpen ? u.collection.getItem(u.selectionManager.focusedKey) : void 0;
-  var S;
-  let K = (S = y == null ? void 0 : y.parentKey) !== null && S !== void 0 ? S : null;
+  }, F = u.selectionManager.focusedKey != null && u.isOpen ? u.collection.getItem(u.selectionManager.focusedKey) : void 0;
+  var k;
+  let K = (k = F == null ? void 0 : F.parentKey) !== null && k !== void 0 ? k : null;
   var M;
-  let O = (M = u.selectionManager.focusedKey) !== null && M !== void 0 ? M : null, J = h(K), X = h(O);
+  let O = (M = u.selectionManager.focusedKey) !== null && M !== void 0 ? M : null, X = m(K), J = m(O);
   pe(() => {
-    if (re() && y != null && O != null && O !== X.current) {
-      let c = u.selectionManager.isSelected(O), p = K != null ? u.collection.getItem(K) : null, L = (p == null ? void 0 : p["aria-label"]) || (typeof (p == null ? void 0 : p.rendered) == "string" ? p.rendered : "") || "";
+    if (re() && F != null && O != null && O !== J.current) {
+      let i = u.selectionManager.isSelected(O), p = K != null ? u.collection.getItem(K) : null, I = (p == null ? void 0 : p["aria-label"]) || (typeof (p == null ? void 0 : p.rendered) == "string" ? p.rendered : "") || "";
       var n;
-      let ie = v.format("focusAnnouncement", {
-        isGroupChange: (n = p && K !== J.current) !== null && n !== void 0 ? n : !1,
-        groupTitle: L,
+      let ie = A.format("focusAnnouncement", {
+        isGroupChange: (n = p && K !== X.current) !== null && n !== void 0 ? n : !1,
+        groupTitle: I,
         groupCount: p ? [
-          ...me(p, u.collection)
+          ...he(p, u.collection)
         ].length : 0,
-        optionText: y["aria-label"] || y.textValue || "",
-        isSelected: c
+        optionText: F["aria-label"] || F.textValue || "",
+        isSelected: i
       });
       $e(ie);
     }
-    J.current = K, X.current = O;
+    X.current = K, J.current = O;
   });
-  let k = Nu(u.collection), Y = h(k), te = h(u.isOpen);
+  let L = Nu(u.collection), Y = m(L), te = m(u.isOpen);
   pe(() => {
     let n = u.isOpen !== te.current && (u.selectionManager.focusedKey == null || re());
-    if (u.isOpen && (n || k !== Y.current)) {
-      let c = v.format("countAnnouncement", {
-        optionCount: k
+    if (u.isOpen && (n || L !== Y.current)) {
+      let i = A.format("countAnnouncement", {
+        optionCount: L
       });
-      $e(c);
+      $e(i);
     }
-    Y.current = k, te.current = u.isOpen;
+    Y.current = L, te.current = u.isOpen;
   });
-  let le = h(u.selectedKey);
+  let le = m(u.selectedKey);
   return pe(() => {
     if (re() && u.isFocused && u.selectedItem && u.selectedKey !== le.current) {
-      let n = u.selectedItem["aria-label"] || u.selectedItem.textValue || "", c = v.format("selectedAnnouncement", {
+      let n = u.selectedItem["aria-label"] || u.selectedItem.textValue || "", i = A.format("selectedAnnouncement", {
         optionText: n
       });
-      $e(c);
+      $e(i);
     }
     le.current = u.selectedKey;
   }), pe(() => {
     if (u.isOpen) return ku([
-      i.current,
+      l.current,
       b.current
     ].filter((n) => n != null));
   }, [
     u.isOpen,
-    i,
+    l,
     b
   ]), {
-    labelProps: B,
+    labelProps: E,
     buttonProps: {
-      ...A,
+      ...B,
       ...$,
       excludeFromTabOrder: !0,
       preventFocusOnPress: !0,
       onPress: V,
       onPressStart: H,
-      isDisabled: z || F
+      isDisabled: z || g
     },
-    inputProps: ae(E, {
+    inputProps: ae(D, {
       role: "combobox",
-      "aria-expanded": A["aria-expanded"],
-      "aria-controls": u.isOpen ? D.id : void 0,
+      "aria-expanded": B["aria-expanded"],
+      "aria-controls": u.isOpen ? T.id : void 0,
       // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
       "aria-autocomplete": "list",
-      "aria-activedescendant": y ? Tu(u, y.key) : void 0,
+      "aria-activedescendant": F ? Tu(u, F.key) : void 0,
       onTouchEnd: w,
       // This disable's iOS's autocorrect suggestions, since the combo box provides its own suggestions.
       autoCorrect: "off",
       // This disable's the macOS Safari spell check auto corrections.
       spellCheck: "false"
     }),
-    listBoxProps: ae(D, g, {
+    listBoxProps: ae(T, S, {
       autoFocus: u.focusStrategy,
       shouldUseVirtualFocus: !0,
       shouldSelectOnPressUp: !0,
@@ -933,73 +933,73 @@ function Hu(e, u) {
     validationDetails: _
   };
 }
-function Ju(e) {
+function Xu(e) {
   var u;
-  let { defaultFilter: l, menuTrigger: b = "input", allowsEmptyCollection: i = !1, allowsCustomValue: d, shouldCloseOnBlur: m = !0 } = e, [a, I] = Q(!1), [F, z] = Q(!1), [f, v] = Q(null), A = (o) => {
-    e.onSelectionChange && e.onSelectionChange(o), o === t && (O(), S());
+  let { defaultFilter: c, menuTrigger: b = "input", allowsEmptyCollection: l = !1, allowsCustomValue: d, shouldCloseOnBlur: f = !0 } = e, [C, h] = Q(!1), [g, z] = Q(!1), [v, A] = Q(null), B = (o) => {
+    e.onSelectionChange && e.onSelectionChange(o), o === t && (O(), k());
   };
-  var D;
-  let { collection: x, selectionManager: T, selectedKey: t, setSelectedKey: R, selectedItem: ue, disabledKeys: ne } = Mu({
+  var T;
+  let { collection: x, selectionManager: y, selectedKey: t, setSelectedKey: R, selectedItem: ue, disabledKeys: ne } = Mu({
     ...e,
-    onSelectionChange: A,
-    items: (D = e.items) !== null && D !== void 0 ? D : e.defaultItems
+    onSelectionChange: B,
+    items: (T = e.items) !== null && T !== void 0 ? T : e.defaultItems
   }), G = e.defaultInputValue;
   if (G == null) {
     var N, U;
     t == null ? G = "" : G = (U = (N = x.getItem(t)) === null || N === void 0 ? void 0 : N.textValue) !== null && U !== void 0 ? U : "";
   }
-  let [s, _] = zu(e.inputValue, G, e.onInputChange), B = x, E = ee(() => (
+  let [s, _] = zu(e.inputValue, G, e.onInputChange), E = x, D = ee(() => (
     // No default filter if items are controlled.
-    e.items != null || !l ? x : Xu(x, s, l)
+    e.items != null || !c ? x : Ju(x, s, c)
   ), [
     x,
     s,
-    l,
+    c,
     e.items
-  ]), [Z, oe] = Q(E), V = h("focus"), $ = Lu({
+  ]), [Z, oe] = Q(D), V = m("focus"), $ = Lu({
     ...e,
     onOpenChange: (o) => {
-      e.onOpenChange && e.onOpenChange(o, o ? V.current : void 0), T.setFocused(o), o || T.setFocusedKey(null);
+      e.onOpenChange && e.onOpenChange(o, o ? V.current : void 0), y.setFocused(o), o || y.setFocusedKey(null);
     },
     isOpen: void 0,
     defaultOpen: void 0
-  }), g = (o = null, r) => {
-    let C = r === "manual" || r === "focus" && b === "focus";
-    (i || E.size > 0 || C && B.size > 0 || e.items) && (C && !$.isOpen && e.items === void 0 && I(!0), V.current = r, v(o), $.open());
+  }), S = (o = null, r) => {
+    let a = r === "manual" || r === "focus" && b === "focus";
+    (l || D.size > 0 || a && E.size > 0 || e.items) && (a && !$.isOpen && e.items === void 0 && h(!0), V.current = r, A(o), $.open());
   }, P = (o = null, r) => {
-    let C = r === "manual" || r === "focus" && b === "focus";
-    !(i || E.size > 0 || C && B.size > 0 || e.items) && !$.isOpen || (C && !$.isOpen && e.items === void 0 && I(!0), $.isOpen || (V.current = r), y(o));
+    let a = r === "manual" || r === "focus" && b === "focus";
+    !(l || D.size > 0 || a && E.size > 0 || e.items) && !$.isOpen || (a && !$.isOpen && e.items === void 0 && h(!0), $.isOpen || (V.current = r), F(o));
   }, w = se(() => {
-    oe(a ? B : E);
+    oe(C ? E : D);
   }, [
-    a,
-    B,
-    E
-  ]), y = se((o = null) => {
-    $.isOpen && w(), v(o), $.toggle();
+    C,
+    E,
+    D
+  ]), F = se((o = null) => {
+    $.isOpen && w(), A(o), $.toggle();
   }, [
     $,
     w
-  ]), S = se(() => {
+  ]), k = se(() => {
     $.isOpen && (w(), $.close());
   }, [
     $,
     w
   ]), [K, M] = Q(s), O = () => {
     var o, r;
-    let C = t != null && (r = (o = x.getItem(t)) === null || o === void 0 ? void 0 : o.textValue) !== null && r !== void 0 ? r : "";
-    M(C), _(C);
+    let a = t != null && (r = (o = x.getItem(t)) === null || o === void 0 ? void 0 : o.textValue) !== null && r !== void 0 ? r : "";
+    M(a), _(a);
   };
-  var J, X;
-  let k = h((X = (J = e.selectedKey) !== null && J !== void 0 ? J : e.defaultSelectedKey) !== null && X !== void 0 ? X : null);
+  var X, J;
+  let L = m((J = (X = e.selectedKey) !== null && X !== void 0 ? X : e.defaultSelectedKey) !== null && J !== void 0 ? J : null);
   var Y;
-  let te = h(t != null && (Y = (u = x.getItem(t)) === null || u === void 0 ? void 0 : u.textValue) !== null && Y !== void 0 ? Y : "");
+  let te = m(t != null && (Y = (u = x.getItem(t)) === null || u === void 0 ? void 0 : u.textValue) !== null && Y !== void 0 ? Y : "");
   pe(() => {
     var o;
-    F && (E.size > 0 || i) && !$.isOpen && s !== K && b !== "manual" && g(null, "input"), !a && !i && $.isOpen && E.size === 0 && S(), t != null && t !== k.current && S(), s !== K && (T.setFocusedKey(null), I(!1), s === "" && (e.inputValue === void 0 || e.selectedKey === void 0) && R(null)), t !== k.current && (e.inputValue === void 0 || e.selectedKey === void 0) ? O() : K !== s && M(s);
+    g && (D.size > 0 || l) && !$.isOpen && s !== K && b !== "manual" && S(null, "input"), !C && !l && $.isOpen && D.size === 0 && k(), t != null && t !== L.current && k(), s !== K && (y.setFocusedKey(null), h(!1), s === "" && (e.inputValue === void 0 || e.selectedKey === void 0) && R(null)), t !== L.current && (e.inputValue === void 0 || e.selectedKey === void 0) ? O() : K !== s && M(s);
     var r;
-    let C = t != null && (r = (o = x.getItem(t)) === null || o === void 0 ? void 0 : o.textValue) !== null && r !== void 0 ? r : "";
-    !F && t != null && e.inputValue === void 0 && t === k.current && te.current !== C && (M(C), _(C)), k.current = t, te.current = C;
+    let a = t != null && (r = (o = x.getItem(t)) === null || o === void 0 ? void 0 : o.textValue) !== null && r !== void 0 ? r : "";
+    !g && t != null && e.inputValue === void 0 && t === L.current && te.current !== a && (M(a), _(a)), L.current = t, te.current = a;
   });
   let le = xu({
     ...e,
@@ -1011,50 +1011,50 @@ function Ju(e) {
       t
     ])
   }), n = () => {
-    d && t == null ? c() : p();
-  }, c = () => {
-    k.current = null, R(null), S();
+    d && t == null ? i() : p();
+  }, i = () => {
+    L.current = null, R(null), k();
   }, p = () => {
     if (e.selectedKey !== void 0 && e.inputValue !== void 0) {
       var o, r;
       (o = e.onSelectionChange) === null || o === void 0 || o.call(e, t);
-      var C;
-      let nu = t != null && (C = (r = x.getItem(t)) === null || r === void 0 ? void 0 : r.textValue) !== null && C !== void 0 ? C : "";
-      M(nu), S();
+      var a;
+      let nu = t != null && (a = (r = x.getItem(t)) === null || r === void 0 ? void 0 : r.textValue) !== null && a !== void 0 ? a : "";
+      M(nu), k();
     } else
-      O(), S();
+      O(), k();
   };
-  const L = () => {
+  const I = () => {
     if (d) {
       var o, r;
-      const C = t != null && (r = (o = x.getItem(t)) === null || o === void 0 ? void 0 : o.textValue) !== null && r !== void 0 ? r : "";
-      s === C ? p() : c();
+      const a = t != null && (r = (o = x.getItem(t)) === null || o === void 0 ? void 0 : o.textValue) !== null && r !== void 0 ? r : "";
+      s === a ? p() : i();
     } else
       p();
   };
   let ie = () => {
-    $.isOpen && T.focusedKey != null ? t === T.focusedKey ? p() : R(T.focusedKey) : L();
-  }, de = h(s), ce = (o) => {
-    o ? (de.current = s, b === "focus" && !e.isReadOnly && g(null, "focus")) : (m && L(), s !== de.current && le.commitValidation()), z(o);
-  }, uu = ee(() => $.isOpen ? a ? B : E : Z, [
+    $.isOpen && y.focusedKey != null ? t === y.focusedKey ? p() : R(y.focusedKey) : I();
+  }, de = m(s), ce = (o) => {
+    o ? (de.current = s, b === "focus" && !e.isReadOnly && S(null, "focus")) : (f && I(), s !== de.current && le.commitValidation()), z(o);
+  }, uu = ee(() => $.isOpen ? C ? E : D : Z, [
     $.isOpen,
-    B,
     E,
-    a,
+    D,
+    C,
     Z
   ]);
   return {
     ...le,
     ...$,
-    focusStrategy: f,
+    focusStrategy: v,
     toggle: P,
-    open: g,
-    close: L,
-    selectionManager: T,
+    open: S,
+    close: I,
+    selectionManager: y,
     selectedKey: t,
     setSelectedKey: R,
     disabledKeys: ne,
-    isFocused: F,
+    isFocused: g,
     setFocused: ce,
     selectedItem: ue,
     collection: uu,
@@ -1064,105 +1064,104 @@ function Ju(e) {
     revert: n
   };
 }
-function Xu(e, u, l) {
-  return new ju(eu(e, e, u, l));
+function Ju(e, u, c) {
+  return new ju(eu(e, e, u, c));
 }
-function eu(e, u, l, b) {
-  let i = [];
+function eu(e, u, c, b) {
+  let l = [];
   for (let d of u)
     if (d.type === "section" && d.hasChildNodes) {
-      let m = eu(e, me(d, e), l, b);
+      let f = eu(e, he(d, e), c, b);
       [
-        ...m
-      ].some((a) => a.type === "item") && i.push({
+        ...f
+      ].some((C) => C.type === "item") && l.push({
         ...d,
-        childNodes: m
+        childNodes: f
       });
-    } else d.type === "item" && b(d.textValue, l) ? i.push({
+    } else d.type === "item" && b(d.textValue, c) ? l.push({
       ...d
-    }) : d.type !== "item" && i.push({
+    }) : d.type !== "item" && l.push({
       ...d
     });
-  return i;
+  return l;
 }
-const Yu = /* @__PURE__ */ xe(null), Qu = /* @__PURE__ */ xe(null);
-function en(e, u) {
-  [e, u] = pu(e, u, Yu);
-  let { children: l, isDisabled: b = !1, isInvalid: i = !1, isRequired: d = !1 } = e, m = ee(() => {
-    var a;
-    return /* @__PURE__ */ W.createElement(he.Provider, {
+const Yu = /* @__PURE__ */ xe(null), Qu = /* @__PURE__ */ xe(null), en = /* @__PURE__ */ ou(function(u, c) {
+  [u, c] = pu(u, c, Yu);
+  let { children: b, isDisabled: l = !1, isInvalid: d = !1, isRequired: f = !1 } = u, C = ee(() => {
+    var h;
+    return /* @__PURE__ */ W.createElement(fe.Provider, {
       value: {
-        items: (a = e.items) !== null && a !== void 0 ? a : e.defaultItems
+        items: (h = u.items) !== null && h !== void 0 ? h : u.defaultItems
       }
-    }, typeof l == "function" ? l({
+    }, typeof b == "function" ? b({
       isOpen: !1,
-      isDisabled: b,
-      isInvalid: i,
-      isRequired: d,
+      isDisabled: l,
+      isInvalid: d,
+      isRequired: f,
       defaultChildren: null
-    }) : l);
+    }) : b);
   }, [
-    l,
     b,
-    i,
+    l,
     d,
-    e.items,
-    e.defaultItems
+    f,
+    u.items,
+    u.defaultItems
   ]);
   return /* @__PURE__ */ W.createElement(Gu, {
-    content: m
-  }, (a) => /* @__PURE__ */ W.createElement(un, {
-    props: e,
-    collection: a,
-    comboBoxRef: u
+    content: C
+  }, (h) => /* @__PURE__ */ W.createElement(un, {
+    props: u,
+    collection: h,
+    comboBoxRef: c
   }));
-}
-function un({ props: e, collection: u, comboBoxRef: l }) {
-  let { name: b, formValue: i = "key", allowsCustomValue: d } = e;
-  d && (i = "text");
-  let { validationBehavior: m } = du(hu) || {};
-  var a, I;
-  let F = (I = (a = e.validationBehavior) !== null && a !== void 0 ? a : m) !== null && I !== void 0 ? I : "native", { contains: z } = Vu({
+});
+function un({ props: e, collection: u, comboBoxRef: c }) {
+  let { name: b, formValue: l = "key", allowsCustomValue: d } = e;
+  d && (l = "text");
+  let { validationBehavior: f } = du(fu) || {};
+  var C, h;
+  let g = (h = (C = e.validationBehavior) !== null && C !== void 0 ? C : f) !== null && h !== void 0 ? h : "native", { contains: z } = Vu({
     sensitivity: "base"
-  }), f = Ju({
+  }), v = Xu({
     defaultFilter: e.defaultFilter || z,
     ...e,
     // If props.items isn't provided, rely on collection filtering (aka listbox.items is provided or defaultItems provided to Combobox)
     items: e.items,
     children: void 0,
     collection: u,
-    validationBehavior: F
-  }), v = h(null), A = h(null), D = h(null), x = h(null), [T, t] = su(), { buttonProps: R, inputProps: ue, listBoxProps: ne, labelProps: G, descriptionProps: N, errorMessageProps: U, ...s } = Hu({
+    validationBehavior: g
+  }), A = m(null), B = m(null), T = m(null), x = m(null), [y, t] = su(), { buttonProps: R, inputProps: ue, listBoxProps: ne, labelProps: G, descriptionProps: N, errorMessageProps: U, ...s } = Hu({
     ...$u(e),
     label: t,
-    inputRef: A,
-    buttonRef: v,
-    listBoxRef: D,
+    inputRef: B,
+    buttonRef: A,
+    listBoxRef: T,
     popoverRef: x,
-    name: i === "text" ? b : void 0,
-    validationBehavior: F
-  }, f), [_, B] = Q(null), E = se(() => {
-    if (A.current) {
+    name: l === "text" ? b : void 0,
+    validationBehavior: g
+  }, v), [_, E] = Q(null), D = se(() => {
+    if (B.current) {
       var $;
-      let g = ($ = v.current) === null || $ === void 0 ? void 0 : $.getBoundingClientRect(), P = A.current.getBoundingClientRect(), w = g ? Math.min(g.left, P.left) : P.left, y = g ? Math.max(g.right, P.right) : P.right;
-      B(y - w + "px");
+      let S = ($ = A.current) === null || $ === void 0 ? void 0 : $.getBoundingClientRect(), P = B.current.getBoundingClientRect(), w = S ? Math.min(S.left, P.left) : P.left, F = S ? Math.max(S.right, P.right) : P.right;
+      E(F - w + "px");
     }
   }, [
-    v,
     A,
-    B
+    B,
+    E
   ]);
   Iu({
-    ref: A,
-    onResize: E
+    ref: B,
+    onResize: D
   });
   let Z = ee(() => ({
-    isOpen: f.isOpen,
+    isOpen: v.isOpen,
     isDisabled: e.isDisabled || !1,
     isInvalid: s.isInvalid || !1,
     isRequired: e.isRequired || !1
   }), [
-    f.isOpen,
+    v.isOpen,
     e.isDisabled,
     s.isInvalid,
     e.isRequired
@@ -1177,40 +1176,40 @@ function un({ props: e, collection: u, comboBoxRef: l }) {
     values: [
       [
         Qu,
-        f
+        v
       ],
       [
         Eu,
         {
           ...G,
-          ref: T
+          ref: y
         }
       ],
       [
         tu,
         {
           ...R,
-          ref: v,
-          isPressed: f.isOpen
+          ref: A,
+          isPressed: v.isOpen
         }
       ],
       [
         Au,
         {
           ...ue,
-          ref: A
+          ref: B
         }
       ],
       [
         Pu,
-        f
+        v
       ],
       [
         Ku,
         {
           ref: x,
-          triggerRef: A,
-          scrollRef: D,
+          triggerRef: B,
+          scrollRef: T,
           placement: "bottom start",
           isNonModal: !0,
           trigger: "ComboBox",
@@ -1220,15 +1219,15 @@ function un({ props: e, collection: u, comboBoxRef: l }) {
         }
       ],
       [
-        he,
+        fe,
         {
           ...ne,
-          ref: D
+          ref: T
         }
       ],
       [
         yu,
-        f
+        v
       ],
       [
         Ru,
@@ -1240,68 +1239,68 @@ function un({ props: e, collection: u, comboBoxRef: l }) {
         }
       ],
       [
-        fu,
+        mu,
         {
           isInvalid: s.isInvalid,
           isDisabled: e.isDisabled || !1
         }
       ],
       [
-        mu,
+        hu,
         s
       ]
     ]
   }, /* @__PURE__ */ W.createElement("div", {
     ...V,
     ...oe,
-    ref: l,
+    ref: c,
     slot: e.slot || void 0,
-    "data-focused": f.isFocused || void 0,
-    "data-open": f.isOpen || void 0,
+    "data-focused": v.isFocused || void 0,
+    "data-open": v.isOpen || void 0,
     "data-disabled": e.isDisabled || void 0,
     "data-invalid": s.isInvalid || void 0,
     "data-required": e.isRequired || void 0
-  }), b && i === "key" && /* @__PURE__ */ W.createElement("input", {
+  }), b && l === "key" && /* @__PURE__ */ W.createElement("input", {
     type: "hidden",
     name: b,
-    value: (H = f.selectedKey) !== null && H !== void 0 ? H : ""
+    value: (H = v.selectedKey) !== null && H !== void 0 ? H : ""
   }));
 }
-const nn = /* @__PURE__ */ ou(en), on = '"../theme/tokens.css"', tn = '"Inter", sans-serif', ln = "#000000", cn = "#b31b1b", pn = "(max-width: 767px)", dn = "#bfbfbf", sn = "#e6e6e6", $n = "#f2f2f2", rn = "0 0 0 2px #ffffff, 0 0 0 4px #000000", bn = "#f2f2f2", an = "_input_1ek0k_4", Cn = "_combobox_1ek0k_33", xn = "_text_1ek0k_49", hn = "_wrap_1ek0k_54", mn = "_button_1ek0k_59", fn = "_icon_1ek0k_77", vn = "_popover_1ek0k_83", An = "_fieldError_1ek0k_91", Bn = "_listBoxItem_1ek0k_102", q = {
-  tokens: on,
-  display: tn,
-  black: ln,
-  signalRed130: cn,
-  smBreakpoint: pn,
-  gray50: dn,
-  gray20: sn,
-  gray10: $n,
-  focus: rn,
-  backgroundSecondary: bn,
-  input: an,
-  combobox: Cn,
-  text: xn,
-  wrap: hn,
-  button: mn,
-  icon: fn,
-  popover: vn,
-  fieldError: An,
-  listBoxItem: Bn
+const nn = '"../theme/tokens.css"', on = '"Inter", sans-serif', tn = "#000000", ln = "#b31b1b", cn = "(max-width: 767px)", pn = "#bfbfbf", dn = "#e6e6e6", sn = "#f2f2f2", $n = "0 0 0 2px #ffffff, 0 0 0 4px #000000", rn = "#f2f2f2", bn = "_input_1ek0k_4", an = "_combobox_1ek0k_33", Cn = "_text_1ek0k_49", xn = "_wrap_1ek0k_54", fn = "_button_1ek0k_59", hn = "_icon_1ek0k_77", mn = "_popover_1ek0k_83", vn = "_fieldError_1ek0k_91", An = "_listBoxItem_1ek0k_102", q = {
+  tokens: nn,
+  display: on,
+  black: tn,
+  signalRed130: ln,
+  smBreakpoint: cn,
+  gray50: pn,
+  gray20: dn,
+  gray10: sn,
+  focus: $n,
+  backgroundSecondary: rn,
+  input: bn,
+  combobox: an,
+  text: Cn,
+  wrap: xn,
+  button: fn,
+  icon: hn,
+  popover: mn,
+  fieldError: vn,
+  listBoxItem: An
 };
-function _n({
+function Un({
   label: e,
   description: u,
-  errorMessage: l,
+  errorMessage: c,
   children: b,
-  items: i,
+  items: l,
   ...d
 }) {
-  const m = W.useRef(null);
+  const f = W.useRef(null);
   return /* @__PURE__ */ be(
-    nn,
+    en,
     {
       className: q.combobox,
-      ref: m,
+      ref: f,
       ...d,
       children: [
         /* @__PURE__ */ j(
@@ -1309,7 +1308,7 @@ function _n({
           {
             label: e,
             description: u,
-            errorMessage: l,
+            errorMessage: c,
             children: /* @__PURE__ */ be("div", { className: q.wrap, children: [
               /* @__PURE__ */ j(Bu, { className: q.input }),
               /* @__PURE__ */ j(
@@ -1341,15 +1340,15 @@ function _n({
           {
             className: q.popover,
             offset: 0,
-            UNSTABLE_portalContainer: m.current || void 0,
-            children: /* @__PURE__ */ j(Fu, { items: i, children: b })
+            UNSTABLE_portalContainer: f.current || void 0,
+            children: /* @__PURE__ */ j(Fu, { items: l, children: b })
           }
         )
       ]
     }
   );
 }
-function qn(e) {
+function _n(e) {
   return /* @__PURE__ */ j(
     gu,
     {
@@ -1359,6 +1358,6 @@ function qn(e) {
   );
 }
 export {
-  _n as ComboBox,
-  qn as ComboBoxItem
+  Un as ComboBox,
+  _n as ComboBoxItem
 };