@commercetools/nimbus 0.0.11 → 0.0.12-rc1

package/dist/chunks/{combobox-wZEZ8t94.es.js → combobox-qAi2j415.es.js}

@@ -1,41 +1,43 @@
 import { jsx as i, jsxs as ce, Fragment as ye } from "react/jsx-runtime";
-import { createSlotRecipeContext as Ko, Flex as De, mergeRefs as Io, useSlotRecipe as Oo } from "@chakra-ui/react";
-import { c as Go } from "./combobox.recipe-BQy3LgVG.es.js";
-import H, { useEffect as pe, useRef as L, useMemo as se, useState as ee, useCallback as M, forwardRef as Ro, createContext as ge, useContext as Fe } from "react";
-import { $ as Le } from "./Button-BsN1D5Hi.es.js";
-import { $ as we, c as Mo, b as Vo, e as jo, a as zo, d as No } from "./utils-CEdpnSRC.es.js";
-import { $ as Wo, a as qo } from "./Form-yBl0QZl8.es.js";
-import { b as Pe, a as ke } from "./Group-Brffs0pl.es.js";
-import { a as xe, $ as Ke } from "./Input-Bxs2A5S-.es.js";
-import { $ as Ie } from "./Label-p7LXqne0.es.js";
-import { f as Uo, g as Xo, h as Zo, a as Oe, b as Ho, c as Jo, e as Yo, d as Qo } from "./ListBox-CiN7qgxV.es.js";
-import { k as _o, m as eu, b as ou, c as uu, $ as Ge, l as Re, e as nu, a as tu } from "./Dialog-CFERgD91.es.js";
-import { $ as Me } from "./Text-DOcU1ycg.es.js";
-import { m as lu, s as iu, t as Ve, a as cu, u as ru, h as pu, v as su, w as au, q as du, i as $u } from "./Separator-CBgksjWN.es.js";
-import { $ as bu } from "./filterDOMProps-HzsCnE3d.es.js";
-import { $ as Cu, a as fu } from "./OverlayArrow-BEiPDprB.es.js";
-import { b as hu, $ as xu } from "./useFormValidation-D4duh8Fb.es.js";
-import { $ as mu } from "./useSingleSelectListState-Dtne-c12.es.js";
-import { $ as vu } from "./useControlledState-u436Wbp1.es.js";
+import { i as Ko } from "./index--oJQaJZy.es.js";
+import { c as Io, u as Oo } from "./create-slot-recipe-context-Cv3lncUO.es.js";
+import H, { useEffect as pe, useRef as L, useMemo as se, useState as ee, useCallback as M, forwardRef as Go, createContext as De, useContext as ge } from "react";
+import { $ as Fe } from "./Button-BLHXvl6m.es.js";
+import { $ as Le, c as Ro, b as Mo, e as Vo, a as jo, d as zo } from "./utils-C4ruQppN.es.js";
+import { $ as No, a as Wo } from "./Form-yBl0QZl8.es.js";
+import { b as we, a as Pe } from "./Group-nelci54o.es.js";
+import { a as me, $ as ke } from "./Input-Cvh_r_c1.es.js";
+import { $ as Ke } from "./Label-BhU-HP65.es.js";
+import { f as qo, g as Uo, h as Xo, a as Ie, b as Zo, c as Ho, e as Jo, d as Yo } from "./ListBox-0C7L4Sat.es.js";
+import { k as Qo, m as _o, b as eu, c as ou, $ as Oe, l as Ge, e as uu, a as nu } from "./Dialog-CTf0VB6B.es.js";
+import { $ as Re } from "./Text-DOcU1ycg.es.js";
+import { m as tu, s as lu, t as Me, a as iu, u as cu, h as ru, v as pu, w as su, q as au, i as du } from "./Separator-ChieGwKF.es.js";
+import { $ as $u } from "./filterDOMProps-HzsCnE3d.es.js";
+import { $ as bu, a as Cu } from "./OverlayArrow-C1hn2WBd.es.js";
+import { b as fu, $ as hu } from "./useFormValidation-x8TYT3v1.es.js";
+import { $ as mu } from "./useSingleSelectListState-IunZbRoh.es.js";
+import { $ as xu } from "./useControlledState-u436Wbp1.es.js";
 import { $ as $e } from "./LiveAnnouncer-CsPyaceH.es.js";
-import { f as Au, $ as Be } from "./mergeProps-Bn6EInU5.es.js";
-import { c as yu } from "./FocusScope-8pBtcv8k.es.js";
-import { b as Bu } from "./domHelpers-InH3T0qs.es.js";
-import { $ as Eu } from "./openLink-BRnXRj9w.es.js";
-import { a as Ee } from "./useLabel-BuEJIpWS.es.js";
-import { $ as Tu } from "./useUpdateEffect-CCDx8D4X.es.js";
+import { e as vu, $ as Be } from "./mergeProps-C0OSi2w3.es.js";
+import { c as Au } from "./FocusScope-qJgAziUV.es.js";
+import { b as yu } from "./domHelpers-InH3T0qs.es.js";
+import { $ as Bu } from "./openLink-BRnXRj9w.es.js";
+import { a as Ee } from "./useLabel-Dsvi6pv1.es.js";
+import { $ as Eu } from "./useUpdateEffect-CCDx8D4X.es.js";
 import { h as be } from "./platform-D-bXaP3n.es.js";
-import { $ as Su } from "./useLocalizedStringFormatter-B_O_C-A0.es.js";
-import { $ as Du } from "./useTextField-DewF7uv9.es.js";
-import { e as me } from "./extractStyleProps-CxgBrz3O.es.js";
-import { Close as je, Loop as ze, KeyboardArrowDown as Ne, Check as gu } from "@commercetools/nimbus-icons";
-import { B as de } from "./box-DD4jYgS7.es.js";
-import { I as he } from "./icon-button-CPBzhg2C.es.js";
-import { T as Ce } from "./tag-group-CWIMWAG_.es.js";
-import { $ as Fu } from "./usePress-Bf0oV30S.es.js";
-import { b as Lu, $ as wu } from "./useFocusable-C_1ABg2H.es.js";
+import { $ as Tu } from "./useLocalizedStringFormatter-B_O_C-A0.es.js";
+import { $ as Su } from "./useTextField-DOho5fCG.es.js";
+import { e as xe } from "./extractStyleProps-KcWE_ep4.es.js";
+import { Close as Ve, Loop as je, KeyboardArrowDown as ze, Check as Du } from "@commercetools/nimbus-icons";
+import { B as de } from "./box-Cd4iddEV.es.js";
+import { I as he } from "./icon-button-C7MMcLBN.es.js";
+import { F as Ne } from "./flex-DgabwPpo.es.js";
+import { mergeRefs as gu } from "@chakra-ui/react";
+import { T as Ce } from "./tag-group-CZ0CriPC.es.js";
+import { $ as Fu } from "./usePress--0XlnE9U.es.js";
+import { b as Lu, $ as wu } from "./useFocusable-BzkEaBA7.es.js";
 import { h as Pu, o as ku } from "./utils-BR34o1UE.es.js";
-import { $ as Ku } from "./focusSafely-Cpgkt6WC.es.js";
+import { $ as Ku } from "./focusSafely-DJGT4IAS.es.js";
 function Iu(...e) {
   return e.length === 1 && e[0] ? e[0] : (o) => {
     let u = !1;
@@ -629,8 +631,8 @@ ho = {
   listboxLabel: "Návrhy",
   selectedAnnouncement: (e) => `${e.optionText}, vybraté`
 };
-var xo = {};
-xo = {
+var mo = {};
+mo = {
   buttonLabel: "Prikaži predloge",
   countAnnouncement: (e, o) => `Na voljo je ${o.plural(e.optionCount, {
     one: () => `${o.number(e.optionCount)} opcija`,
@@ -649,8 +651,8 @@ xo = {
   listboxLabel: "Predlogi",
   selectedAnnouncement: (e) => `${e.optionText}, izbrano`
 };
-var mo = {};
-mo = {
+var xo = {};
+xo = {
   buttonLabel: "Prikaži predloge",
   countAnnouncement: (e, o) => `Dostupno još: ${o.plural(e.optionCount, {
     one: () => `${o.number(e.optionCount)} opcija`,
@@ -798,8 +800,8 @@ To = {
   "ro-RO": Co,
   "ru-RU": fo,
   "sk-SK": ho,
-  "sl-SI": xo,
-  "sr-SP": mo,
+  "sl-SI": mo,
+  "sr-SP": xo,
   "sv-SE": vo,
   "tr-TR": Ao,
   "uk-UA": yo,
@@ -812,25 +814,25 @@ function Gu(e) {
 function Ru(e, o) {
   let { buttonRef: u, popoverRef: r, inputRef: n, listBoxRef: t, keyboardDelegate: $, layoutDelegate: p, shouldFocusWrap: l, isReadOnly: v, isDisabled: w } = e, b = L(null);
   u = u ?? b;
-  let y = Su(Gu(To), "@react-aria/combobox"), { menuTriggerProps: x, menuProps: T } = _o({
+  let y = Tu(Gu(To), "@react-aria/combobox"), { menuTriggerProps: m, menuProps: T } = Qo({
     type: "listbox",
     isDisabled: w || v
   }, o, u);
-  Uo.set(o, {
+  qo.set(o, {
     id: T.id
   });
-  let { collection: d } = o, { disabledKeys: m } = o.selectionManager, s = se(() => $ || new lu({
+  let { collection: d } = o, { disabledKeys: x } = o.selectionManager, s = se(() => $ || new tu({
     collection: d,
-    disabledKeys: m,
+    disabledKeys: x,
     ref: t,
     layoutDelegate: p
   }), [
     $,
     p,
     d,
-    m,
+    x,
     t
-  ]), { collectionProps: D } = iu({
+  ]), { collectionProps: D } = lu({
     selectionManager: o.selectionManager,
     keyboardDelegate: s,
     disallowTypeAhead: !0,
@@ -839,7 +841,7 @@ function Ru(e, o) {
     ref: n,
     // Prevent item scroll behavior from being applied here, should be handled in the user's Popover + ListBox component
     isVirtualized: !0
-  }), J = Eu(), ue = (a) => {
+  }), J = Bu(), ue = (a) => {
     if (!a.nativeEvent.isComposing)
       switch (a.key) {
         case "Enter":
@@ -873,16 +875,16 @@ function Ru(e, o) {
     h || k || (e.onBlur && e.onBlur(a), o.setFocused(!1));
   }, q = (a) => {
     o.isFocused || (e.onFocus && e.onFocus(a), o.setFocused(!0));
-  }, { isInvalid: V, validationErrors: A, validationDetails: Y } = o.displayValidation, { labelProps: K, inputProps: S, descriptionProps: Q, errorMessageProps: _ } = Du({
+  }, { isInvalid: V, validationErrors: A, validationDetails: Y } = o.displayValidation, { labelProps: K, inputProps: S, descriptionProps: Q, errorMessageProps: _ } = Su({
     ...e,
     onChange: o.setInputValue,
-    onKeyDown: v ? e.onKeyDown : Au(o.isOpen && D.onKeyDown, ue, e.onKeyDown),
+    onKeyDown: v ? e.onKeyDown : vu(o.isOpen && D.onKeyDown, ue, e.onKeyDown),
     onBlur: W,
     value: o.inputValue,
     onFocus: q,
     autoComplete: "off",
     validate: void 0,
-    [hu]: o
+    [fu]: o
   }, n), U = (a) => {
     if (a.pointerType === "touch") {
       var c;
@@ -894,7 +896,7 @@ function Ru(e, o) {
       (c = n.current) === null || c === void 0 || c.focus(), o.toggle(a.pointerType === "keyboard" || a.pointerType === "virtual" ? "first" : null, "manual");
     }
   }, C = Ee({
-    id: x.id,
+    id: m.id,
     "aria-label": y.format("buttonLabel"),
     "aria-labelledby": e["aria-labelledby"] || K.id
   }), F = Ee({
@@ -926,7 +928,7 @@ function Ru(e, o) {
         isGroupChange: (a = h && I !== j.current) !== null && a !== void 0 ? a : !1,
         groupTitle: k,
         groupCount: h ? [
-          ...Ve(h, o.collection)
+          ...Me(h, o.collection)
         ].length : 0,
         optionText: E["aria-label"] || E.textValue || "",
         isSelected: c
@@ -935,7 +937,7 @@ function Ru(e, o) {
     }
     j.current = I, te.current = N;
   });
-  let O = cu(o.collection), le = L(O), re = L(o.isOpen);
+  let O = iu(o.collection), le = L(O), re = L(o.isOpen);
   pe(() => {
     let a = o.isOpen !== re.current && (o.selectionManager.focusedKey == null || be());
     if (o.isOpen && (a || O !== le.current)) {
@@ -956,7 +958,7 @@ function Ru(e, o) {
     }
     G.current = o.selectedKey;
   }), pe(() => {
-    if (o.isOpen) return eu([
+    if (o.isOpen) return _o([
       n.current,
       r.current
     ].filter((a) => a != null));
@@ -964,14 +966,14 @@ function Ru(e, o) {
     o.isOpen,
     n,
     r
-  ]), Tu(() => {
-    !E && n.current && yu(Bu(n.current)) === n.current && ru(n.current, null);
+  ]), Eu(() => {
+    !E && n.current && Au(yu(n.current)) === n.current && cu(n.current, null);
   }, [
     E
   ]), {
     labelProps: K,
     buttonProps: {
-      ...x,
+      ...m,
       ...C,
       excludeFromTabOrder: !0,
       preventFocusOnPress: !0,
@@ -981,11 +983,11 @@ function Ru(e, o) {
     },
     inputProps: Be(S, {
       role: "combobox",
-      "aria-expanded": x["aria-expanded"],
+      "aria-expanded": m["aria-expanded"],
       "aria-controls": o.isOpen ? T.id : void 0,
       // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
       "aria-autocomplete": "list",
-      "aria-activedescendant": E ? Xo(o, E.key) : void 0,
+      "aria-activedescendant": E ? Uo(o, E.key) : void 0,
       onTouchEnd: X,
       // This disable's iOS's autocorrect suggestions, since the combo box provides its own suggestions.
       autoCorrect: "off",
@@ -1008,20 +1010,20 @@ function Ru(e, o) {
 }
 function Mu(e) {
   var o;
-  let { defaultFilter: u, menuTrigger: r = "input", allowsEmptyCollection: n = !1, allowsCustomValue: t, shouldCloseOnBlur: $ = !0 } = e, [p, l] = ee(!1), [v, w] = ee(!1), [b, y] = ee(null), x = (f) => {
+  let { defaultFilter: u, menuTrigger: r = "input", allowsEmptyCollection: n = !1, allowsCustomValue: t, shouldCloseOnBlur: $ = !0 } = e, [p, l] = ee(!1), [v, w] = ee(!1), [b, y] = ee(null), m = (f) => {
     e.onSelectionChange && e.onSelectionChange(f), f === s && (N(), P());
   };
   var T;
-  let { collection: d, selectionManager: m, selectedKey: s, setSelectedKey: D, selectedItem: J, disabledKeys: ue } = mu({
+  let { collection: d, selectionManager: x, selectedKey: s, setSelectedKey: D, selectedItem: J, disabledKeys: ue } = mu({
     ...e,
-    onSelectionChange: x,
+    onSelectionChange: m,
     items: (T = e.items) !== null && T !== void 0 ? T : e.defaultItems
   }), W = e.defaultInputValue;
   if (W == null) {
     var q, V;
     s == null ? W = "" : W = (V = (q = d.getItem(s)) === null || q === void 0 ? void 0 : q.textValue) !== null && V !== void 0 ? V : "";
   }
-  let [A, Y] = vu(e.inputValue, W, e.onInputChange), K = d, S = se(() => (
+  let [A, Y] = xu(e.inputValue, W, e.onInputChange), K = d, S = se(() => (
     // No default filter if items are controlled.
     e.items != null || !u ? d : Vu(d, A, u)
   ), [
@@ -1029,10 +1031,10 @@ function Mu(e) {
     A,
     u,
     e.items
-  ]), [Q, _] = ee(S), U = L("focus"), C = Cu({
+  ]), [Q, _] = ee(S), U = L("focus"), C = bu({
     ...e,
     onOpenChange: (f) => {
-      e.onOpenChange && e.onOpenChange(f, f ? U.current : void 0), m.setFocused(f), f || m.setFocusedKey(null);
+      e.onOpenChange && e.onOpenChange(f, f ? U.current : void 0), x.setFocused(f), f || x.setFocusedKey(null);
     },
     isOpen: void 0,
     defaultOpen: void 0
@@ -1069,12 +1071,12 @@ function Mu(e) {
   let re = L(s != null && (le = (o = d.getItem(s)) === null || o === void 0 ? void 0 : o.textValue) !== null && le !== void 0 ? le : "");
   pe(() => {
     var f;
-    v && (S.size > 0 || n) && !C.isOpen && A !== I && r !== "manual" && F(null, "input"), !p && !n && C.isOpen && S.size === 0 && P(), s != null && s !== O.current && P(), A !== I && (m.setFocusedKey(null), l(!1), A === "" && (e.inputValue === void 0 || e.selectedKey === void 0) && D(null)), s !== O.current && (e.inputValue === void 0 || e.selectedKey === void 0) ? N() : I !== A && Z(A);
+    v && (S.size > 0 || n) && !C.isOpen && A !== I && r !== "manual" && F(null, "input"), !p && !n && C.isOpen && S.size === 0 && P(), s != null && s !== O.current && P(), A !== I && (x.setFocusedKey(null), l(!1), A === "" && (e.inputValue === void 0 || e.selectedKey === void 0) && D(null)), s !== O.current && (e.inputValue === void 0 || e.selectedKey === void 0) ? N() : I !== A && Z(A);
     var B;
     let g = s != null && (B = (f = d.getItem(s)) === null || f === void 0 ? void 0 : f.textValue) !== null && B !== void 0 ? B : "";
     !v && s != null && e.inputValue === void 0 && s === O.current && re.current !== g && (Z(g), Y(g)), O.current = s, re.current = g;
   });
-  let G = xu({
+  let G = hu({
     ...e,
     value: se(() => ({
       inputValue: A,
@@ -1106,7 +1108,7 @@ function Mu(e) {
       h();
   };
   let R = () => {
-    C.isOpen && m.focusedKey != null ? s === m.focusedKey ? h() : D(m.focusedKey) : k();
+    C.isOpen && x.focusedKey != null ? s === x.focusedKey ? h() : D(x.focusedKey) : k();
   }, ie = L(A), ae = (f) => {
     f ? (ie.current = A, r === "focus" && !e.isReadOnly && F(null, "focus")) : ($ && k(), A !== ie.current && G.commitValidation()), w(f);
   }, Po = se(() => C.isOpen ? p ? K : S : Q, [
@@ -1123,7 +1125,7 @@ function Mu(e) {
     toggle: z,
     open: F,
     close: k,
-    selectionManager: m,
+    selectionManager: x,
     selectedKey: s,
     setSelectedKey: D,
     disabledKeys: ue,
@@ -1138,13 +1140,13 @@ function Mu(e) {
   };
 }
 function Vu(e, o, u) {
-  return new Zo(So(e, e, o, u));
+  return new Xo(So(e, e, o, u));
 }
 function So(e, o, u, r) {
   let n = [];
   for (let t of o)
     if (t.type === "section" && t.hasChildNodes) {
-      let $ = So(e, Ve(t, e), u, r);
+      let $ = So(e, Me(t, e), u, r);
       [
         ...$
       ].some((p) => p.type === "item") && n.push({
@@ -1158,11 +1160,11 @@ function So(e, o, u, r) {
     });
   return n;
 }
-const ju = /* @__PURE__ */ ge(null), ve = /* @__PURE__ */ ge(null), zu = /* @__PURE__ */ Ro(function(o, u) {
-  [o, u] = we(o, u, ju);
+const ju = /* @__PURE__ */ De(null), ve = /* @__PURE__ */ De(null), zu = /* @__PURE__ */ Go(function(o, u) {
+  [o, u] = Le(o, u, ju);
   let { children: r, isDisabled: n = !1, isInvalid: t = !1, isRequired: $ = !1 } = o, p = se(() => {
     var l;
-    return /* @__PURE__ */ H.createElement(Oe.Provider, {
+    return /* @__PURE__ */ H.createElement(Ie.Provider, {
       value: {
         items: (l = o.items) !== null && l !== void 0 ? l : o.defaultItems
       }
@@ -1181,7 +1183,7 @@ const ju = /* @__PURE__ */ ge(null), ve = /* @__PURE__ */ ge(null), zu = /* @__P
     o.items,
     o.defaultItems
   ]);
-  return /* @__PURE__ */ H.createElement(pu, {
+  return /* @__PURE__ */ H.createElement(ru, {
     content: p
   }, (l) => /* @__PURE__ */ H.createElement(Wu, {
     props: o,
@@ -1189,18 +1191,18 @@ const ju = /* @__PURE__ */ ge(null), ve = /* @__PURE__ */ ge(null), zu = /* @__P
     comboBoxRef: u
   }));
 }), Nu = [
-  Ie,
-  Le,
-  xe,
-  ke,
-  Me
+  Ke,
+  Fe,
+  me,
+  Pe,
+  Re
 ];
 function Wu({ props: e, collection: o, comboBoxRef: u }) {
   let { name: r, formValue: n = "key", allowsCustomValue: t } = e;
   t && (n = "text");
-  let { validationBehavior: $ } = Mo(Wo) || {};
+  let { validationBehavior: $ } = Ro(No) || {};
   var p, l;
-  let v = (l = (p = e.validationBehavior) !== null && p !== void 0 ? p : $) !== null && l !== void 0 ? l : "native", { contains: w } = Pe({
+  let v = (l = (p = e.validationBehavior) !== null && p !== void 0 ? p : $) !== null && l !== void 0 ? l : "native", { contains: w } = we({
     sensitivity: "base"
   }), b = Mu({
     defaultFilter: e.defaultFilter || w,
@@ -1210,28 +1212,28 @@ function Wu({ props: e, collection: o, comboBoxRef: u }) {
     children: void 0,
     collection: o,
     validationBehavior: v
-  }), y = L(null), x = L(null), T = L(null), d = L(null), [m, s] = Vo(!e["aria-label"] && !e["aria-labelledby"]), { buttonProps: D, inputProps: J, listBoxProps: ue, labelProps: W, descriptionProps: q, errorMessageProps: V, ...A } = Ru({
-    ...jo(e),
+  }), y = L(null), m = L(null), T = L(null), d = L(null), [x, s] = Mo(!e["aria-label"] && !e["aria-labelledby"]), { buttonProps: D, inputProps: J, listBoxProps: ue, labelProps: W, descriptionProps: q, errorMessageProps: V, ...A } = Ru({
+    ...Vo(e),
     label: s,
-    inputRef: x,
+    inputRef: m,
     buttonRef: y,
     listBoxRef: T,
     popoverRef: d,
     name: n === "text" ? r : void 0,
     validationBehavior: v
   }, b), [Y, K] = ee(null), S = M(() => {
-    if (x.current) {
+    if (m.current) {
       var C;
-      let F = (C = y.current) === null || C === void 0 ? void 0 : C.getBoundingClientRect(), z = x.current.getBoundingClientRect(), X = F ? Math.min(F.left, z.left) : z.left, E = F ? Math.max(F.right, z.right) : z.right;
+      let F = (C = y.current) === null || C === void 0 ? void 0 : C.getBoundingClientRect(), z = m.current.getBoundingClientRect(), X = F ? Math.min(F.left, z.left) : z.left, E = F ? Math.max(F.right, z.right) : z.right;
       K(E - X + "px");
     }
   }, [
     y,
-    x,
+    m,
     K
   ]);
-  fu({
-    ref: x,
+  Cu({
+    ref: m,
     onResize: S
   });
   let Q = se(() => ({
@@ -1244,28 +1246,28 @@ function Wu({ props: e, collection: o, comboBoxRef: u }) {
     e.isDisabled,
     A.isInvalid,
     e.isRequired
-  ]), _ = zo({
+  ]), _ = jo({
     ...e,
     values: Q,
     defaultClassName: "react-aria-ComboBox"
-  }), U = bu(e);
+  }), U = $u(e);
   delete U.id;
   var ne;
-  return /* @__PURE__ */ H.createElement(No, {
+  return /* @__PURE__ */ H.createElement(zo, {
     values: [
       [
         ve,
         b
       ],
       [
-        Ie,
+        Ke,
         {
           ...W,
-          ref: m
+          ref: x
         }
       ],
       [
-        Le,
+        Fe,
         {
           ...D,
           ref: y,
@@ -1273,21 +1275,21 @@ function Wu({ props: e, collection: o, comboBoxRef: u }) {
         }
       ],
       [
-        xe,
+        me,
         {
           ...J,
-          ref: x
+          ref: m
         }
       ],
       [
-        ou,
+        eu,
         b
       ],
       [
-        uu,
+        ou,
         {
           ref: d,
-          triggerRef: x,
+          triggerRef: m,
           scrollRef: T,
           placement: "bottom start",
           isNonModal: !0,
@@ -1299,18 +1301,18 @@ function Wu({ props: e, collection: o, comboBoxRef: u }) {
         }
       ],
       [
-        Oe,
+        Ie,
         {
           ...ue,
           ref: T
         }
       ],
       [
-        Ho,
+        Zo,
         b
       ],
       [
-        Me,
+        Re,
         {
           slots: {
             description: q,
@@ -1319,14 +1321,14 @@ function Wu({ props: e, collection: o, comboBoxRef: u }) {
         }
       ],
       [
-        ke,
+        Pe,
         {
           isInvalid: A.isInvalid,
           isDisabled: e.isDisabled || !1
         }
       ],
       [
-        qo,
+        Wo,
         A
       ]
     ]
@@ -1346,7 +1348,7 @@ function Wu({ props: e, collection: o, comboBoxRef: u }) {
     value: (ne = b.selectedKey) !== null && ne !== void 0 ? ne : ""
   }));
 }
-const { withProvider: qu, withContext: oe } = /* @__PURE__ */ Ko({
+const { withProvider: qu, withContext: oe } = /* @__PURE__ */ Io({
   key: "combobox"
 }), Uu = /* @__PURE__ */ qu("div", "root"), Do = /* @__PURE__ */ oe("div", "value"), go = /* @__PURE__ */ oe("div", "buttonGroup"), Xu = /* @__PURE__ */ oe("div", "popover"), Zu = /* @__PURE__ */ oe("input", "multiSelectInput"), Hu = /* @__PURE__ */ oe("div", "options"), Ju = /* @__PURE__ */ oe("div", "optionGroup"), Yu = /* @__PURE__ */ oe("div", "option"), Qu = /* @__PURE__ */ oe("span", "optionIndicator"), _u = /* @__PURE__ */ oe("span", "optionContent"), en = (e) => {
   const {
@@ -1356,7 +1358,7 @@ const { withProvider: qu, withContext: oe } = /* @__PURE__ */ Ko({
     onSubmitCustomValue: n,
     onInputChange: t,
     ref: $
-  } = e, [p, l] = we({}, $ || null, xe), v = Fe(ve), w = M(
+  } = e, [p, l] = Le({}, $ || null, me), v = ge(ve), w = M(
     // This method clears the input if the user has focused on a pre-populated combobox and starts typing
     (b) => {
       if (v?.selectedKey && l.current && // cursor is at the beginning of input...
@@ -1368,15 +1370,15 @@ const { withProvider: qu, withContext: oe } = /* @__PURE__ */ Ko({
       }
       if (b.key === "Enter" && u && u?.trim() !== "" && t && r && n && v)
         if (v.collection) {
-          const x = Array.from(v.collection).find((T) => T.textValue.toLowerCase() === u.toLowerCase());
-          x ? v.setSelectedKey(x.key) : n(u);
+          const m = Array.from(v.collection).find((T) => T.textValue.toLowerCase() === u.toLowerCase());
+          m ? v.setSelectedKey(m.key) : n(u);
         } else
           n(u);
     },
     [u, t, r, n, v]
   );
   return /* @__PURE__ */ i(Do, { asChild: !0, children: /* @__PURE__ */ i(
-    Ke,
+    ke,
     {
       ref: l,
       ...p,
@@ -1389,8 +1391,8 @@ const { withProvider: qu, withContext: oe } = /* @__PURE__ */ Ko({
   ref: o,
   ...u
 }) => {
-  const [r, n] = me(u);
-  return /* @__PURE__ */ i(Hu, { ...r, asChild: !0, children: /* @__PURE__ */ i(Jo, { ref: o, ...n, children: e }) });
+  const [r, n] = xe(u);
+  return /* @__PURE__ */ i(Hu, { ...r, asChild: !0, children: /* @__PURE__ */ i(Ho, { ref: o, ...n, children: e }) });
 };
 Ae.displayName = "ComboBox.Options";
 const on = ({
@@ -1398,7 +1400,7 @@ const on = ({
   isReadOnly: o,
   isLoading: u
 }) => {
-  const r = Fe(ve);
+  const r = ge(ve);
   return /* @__PURE__ */ ce(go, { children: [
     r?.selectedKey && /* @__PURE__ */ i(
       he,
@@ -1413,17 +1415,17 @@ const on = ({
         _expanded: { bg: "transparent" },
         onPress: () => r?.setSelectedKey(null),
         my: "auto",
-        children: /* @__PURE__ */ i(je, {})
+        children: /* @__PURE__ */ i(Ve, {})
       }
     ),
-    u ? /* @__PURE__ */ i(De, { my: "auto", w: "600", h: "600", children: /* @__PURE__ */ i(de, { color: "neutral.11", asChild: !0, m: "auto", w: "400", h: "400", children: /* @__PURE__ */ i(
+    u ? /* @__PURE__ */ i(Ne, { my: "auto", w: "600", h: "600", children: /* @__PURE__ */ i(de, { color: "neutral.11", asChild: !0, m: "auto", w: "400", h: "400", children: /* @__PURE__ */ i(
       de,
       {
         asChild: !0,
         animation: "spin",
         animationDuration: "slowest",
         "data-testid": "nimbus-combobox-loading",
-        children: /* @__PURE__ */ i(ze, {})
+        children: /* @__PURE__ */ i(je, {})
       }
     ) }) }) : /* @__PURE__ */ i(
       he,
@@ -1435,7 +1437,7 @@ const on = ({
         my: "auto",
         isDisabled: e || o,
         _expanded: { bg: "transparent" },
-        children: /* @__PURE__ */ i(Ne, {})
+        children: /* @__PURE__ */ i(ze, {})
       }
     )
   ] });
@@ -1490,7 +1492,7 @@ const on = ({
             isReadOnly: w.isReadOnly
           }
         ),
-        /* @__PURE__ */ i(Ge, { children: /* @__PURE__ */ i(Ae, { renderEmptyState: $, children: e }) })
+        /* @__PURE__ */ i(Oe, { children: /* @__PURE__ */ i(Ae, { renderEmptyState: $, children: e }) })
       ]
     }
   );
@@ -1527,32 +1529,32 @@ const nn = (
   }) => {
     const b = se(() => {
       if (!o) return [];
-      const x = Array.from(e);
+      const m = Array.from(e);
       if (Array.isArray(o)) {
         const d = o[0];
         if (d && Se(d)) {
           const s = [];
           return o.forEach((D) => {
             Se(D) && s.push(...D.children);
-          }), fe(s?.[0], u, r), x.map((D) => s.find((J) => J[u] === D)).filter((D) => D !== void 0);
+          }), fe(s?.[0], u, r), m.map((D) => s.find((J) => J[u] === D)).filter((D) => D !== void 0);
         }
-        const m = o;
-        return fe(m?.[0], u, r), x.map((s) => m.find((D) => D[u] === s)).filter((s) => s !== void 0);
+        const x = o;
+        return fe(x?.[0], u, r), m.map((s) => x.find((D) => D[u] === s)).filter((s) => s !== void 0);
       }
-      const T = x.map((d) => Array.from(o).find((m) => m[u] === d)).filter((d) => d !== void 0);
+      const T = m.map((d) => Array.from(o).find((x) => x[u] === d)).filter((d) => d !== void 0);
       return fe(T?.[0], u, r), T;
     }, [o, e, u]), y = M(
-      (x) => {
+      (m) => {
         if (!($ || p) && e instanceof Set) {
           const T = e, d = new Set(
-            [...T].filter((m) => !x.has(m))
+            [...T].filter((x) => !m.has(x))
           );
           t?.(d), v?.current && v.current.focus();
         }
       },
       [$, p, e, t]
     );
-    return /* @__PURE__ */ i(Re, { children: /* @__PURE__ */ i(
+    return /* @__PURE__ */ i(Ge, { children: /* @__PURE__ */ i(
       Do,
       {
         asChild: !0,
@@ -1587,7 +1589,7 @@ const nn = (
                     children: n
                   }
                 ),
-                children: (x) => /* @__PURE__ */ i(Ce.Tag, { id: x[u], maxW: "100%", children: x[r] })
+                children: (m) => /* @__PURE__ */ i(Ce.Tag, { id: m[u], maxW: "100%", children: m[r] })
               }
             )
           }
@@ -1608,7 +1610,7 @@ const nn = (
     o?.(/* @__PURE__ */ new Set()), u?.(""), r?.current && r.current.focus();
   }, []);
   return /* @__PURE__ */ ce(go, { children: [
-    /* @__PURE__ */ i(Re, { children: e instanceof Set && e.size > 0 && /* @__PURE__ */ i(
+    /* @__PURE__ */ i(Ge, { children: e instanceof Set && e.size > 0 && /* @__PURE__ */ i(
       he,
       {
         pointerEvents: "all",
@@ -1620,11 +1622,11 @@ const nn = (
         isDisabled: n || t,
         onPress: p,
         my: "auto",
-        children: /* @__PURE__ */ i(je, {})
+        children: /* @__PURE__ */ i(Ve, {})
       }
     ) }),
     /* @__PURE__ */ i(
-      De,
+      Ne,
       {
         my: "auto",
         w: "600",
@@ -1639,9 +1641,9 @@ const nn = (
             animation: "spin",
             animationDuration: "slowest",
             "data-testid": "nimbus-combobox-loading",
-            children: /* @__PURE__ */ i(ze, {})
+            children: /* @__PURE__ */ i(je, {})
           }
-        ) : /* @__PURE__ */ i(Ne, {}) })
+        ) : /* @__PURE__ */ i(ze, {}) })
       }
     )
   ] });
@@ -1665,10 +1667,10 @@ const cn = ({
   items: w,
   defaultItems: b,
   itemId: y = "id",
-  itemValue: x = "name",
+  itemValue: m = "name",
   isLoading: T,
   isDisabled: d,
-  isReadOnly: m,
+  isReadOnly: x,
   isRequired: s,
   isInvalid: D,
   className: J,
@@ -1680,9 +1682,9 @@ const cn = ({
   ref: Y,
   ...K
 }) => {
-  const [S, Q] = ee(!1), _ = L(!1), [U, ne] = ee(), C = $ ?? U ?? t, F = p ?? ne, [z, X] = ee(""), E = u ?? z ?? r, P = n ?? X, I = w ?? b, Z = Pe({ sensitivity: "base" }), N = (...c) => Z.contains.apply(void 0, c), j = M(
+  const [S, Q] = ee(!1), _ = L(!1), [U, ne] = ee(), C = $ ?? U ?? t, F = p ?? ne, [z, X] = ee(""), E = u ?? z ?? r, P = n ?? X, I = w ?? b, Z = we({ sensitivity: "base" }), N = (...c) => Z.contains.apply(void 0, c), j = M(
     (c) => {
-      if (d || m) {
+      if (d || x) {
         S && Q(!1);
         return;
       }
@@ -1692,14 +1694,14 @@ const cn = ({
         }, 50);
       }));
     },
-    [d, m, l, S]
+    [d, x, l, S]
   );
   pe(() => {
-    (d || m) && j(!1);
-  }, [d, m]);
+    (d || x) && j(!1);
+  }, [d, x]);
   const te = M(
     (c) => {
-      d || m || c.target === c.currentTarget && !S && !_.current && j(!0);
+      d || x || c.target === c.currentTarget && !S && !_.current && j(!0);
     },
     [S]
   ), O = M(() => {
@@ -1724,7 +1726,7 @@ const cn = ({
       }
       if (c.key === "Enter" && E.trim() !== "" && q && V)
         if (c.stopPropagation(), I) {
-          const h = E.trim(), k = Array.from(I).find((R) => (typeof R == "object" && R !== null && x in R ? String(R[x]) : JSON.stringify(R)).toLowerCase() === h.toLowerCase());
+          const h = E.trim(), k = Array.from(I).find((R) => (typeof R == "object" && R !== null && m in R ? String(R[m]) : JSON.stringify(R)).toLowerCase() === h.toLowerCase());
           if (k) {
             const R = typeof k == "object" && k !== null && y in k ? k[y] : k, ie = new Set(C);
             ie.add(R), F(ie), P("");
@@ -1739,14 +1741,14 @@ const cn = ({
       q,
       V,
       I,
-      x,
+      m,
       y,
       C,
       F,
       P
     ]
-  ), G = L(null), a = Io(Y, G);
-  return /* @__PURE__ */ ce(nu, { isOpen: S, onOpenChange: j, children: [
+  ), G = L(null), a = gu(Y, G);
+  return /* @__PURE__ */ ce(uu, { isOpen: S, onOpenChange: j, children: [
     /* @__PURE__ */ i(Ou, { allowTextSelectionOnPress: !0, children: /* @__PURE__ */ ce(
       "div",
       {
@@ -1759,7 +1761,7 @@ const cn = ({
         "aria-expanded": S,
         "aria-haspopup": "dialog",
         "aria-disabled": d,
-        "aria-readonly": m,
+        "aria-readonly": x,
         "aria-required": s,
         "aria-invalid": D,
         "data-disabled": d,
@@ -1775,12 +1777,12 @@ const cn = ({
               selectedKeys: C,
               onSelectionChange: F,
               itemId: y,
-              itemValue: x,
+              itemValue: m,
               placeholder: ue,
               size: W,
               containerRef: G,
               isDisabled: d,
-              isReadOnly: m
+              isReadOnly: x
             }
           ),
           /* @__PURE__ */ i(
@@ -1791,30 +1793,30 @@ const cn = ({
               onInputChange: P,
               containerRef: G,
               isDisabled: d,
-              isReadOnly: m,
+              isReadOnly: x,
               isLoading: T
             }
           )
         ]
       }
     ) }),
-    /* @__PURE__ */ i(Xu, { asChild: !0, children: /* @__PURE__ */ i(Ge, { triggerRef: G, placement: "bottom start", children: /* @__PURE__ */ i(tu, { "aria-label": "combobox dialog", children: /* @__PURE__ */ ce(
-      su,
+    /* @__PURE__ */ i(Xu, { asChild: !0, children: /* @__PURE__ */ i(Oe, { triggerRef: G, placement: "bottom start", children: /* @__PURE__ */ i(nu, { "aria-label": "combobox dialog", children: /* @__PURE__ */ ce(
+      pu,
       {
         filter: o ?? N,
         inputValue: E,
         onInputChange: P,
         children: [
           /* @__PURE__ */ i(Zu, { asChild: !0, children: /* @__PURE__ */ i(
-            au,
+            su,
             {
               autoFocus: !0,
               isDisabled: d,
-              isReadOnly: m,
+              isReadOnly: x,
               isRequired: s,
               "aria-label": "filter combobox options",
               children: /* @__PURE__ */ i(
-                Ke,
+                ke,
                 {
                   onKeyDownCapture: re,
                   placeholder: ue
@@ -1846,7 +1848,7 @@ const cn = ({
   ref: o,
   ...u
 }) => {
-  const r = Oo({ recipe: Go }), [n, t] = r.splitVariantProps(u), [$, p] = me(t), l = "selectionMode" in u && u.selectionMode === "multiple" ? cn : un;
+  const r = Oo({ recipe: Ko }), [n, t] = r.splitVariantProps(u), [$, p] = xe(t), l = "selectionMode" in u && u.selectionMode === "multiple" ? cn : un;
   return /* @__PURE__ */ i(
     Uu,
     {
@@ -1870,9 +1872,9 @@ const Lo = ({
     throw new Error(
       'ComboBoxOptionGroup: When "items" is provided, "children" must be a function'
     );
-  return /* @__PURE__ */ ce(Yo, { ref: r, ...n, children: [
-    /* @__PURE__ */ i(Ju, { asChild: !0, children: /* @__PURE__ */ i(du, { children: o }) }),
-    u ? /* @__PURE__ */ i($u, { items: u, children: (t) => typeof e == "function" ? e(t) : null }) : e
+  return /* @__PURE__ */ ce(Jo, { ref: r, ...n, children: [
+    /* @__PURE__ */ i(Ju, { asChild: !0, children: /* @__PURE__ */ i(au, { children: o }) }),
+    u ? /* @__PURE__ */ i(du, { items: u, children: (t) => typeof e == "function" ? e(t) : null }) : e
   ] });
 };
 Lo.displayName = "ComboBox.OptionGroup";
@@ -1881,9 +1883,9 @@ const wo = ({
   ref: o,
   ...u
 }) => {
-  const [r, n] = me(u), t = typeof e == "string" ? e : void 0;
+  const [r, n] = xe(u), t = typeof e == "string" ? e : void 0;
   return /* @__PURE__ */ i(Yu, { ...r, asChild: !0, children: /* @__PURE__ */ i(
-    Qo,
+    Yo,
     {
       ref: o,
       textValue: u.textValue ?? t,
@@ -1894,7 +1896,7 @@ const wo = ({
           ...$
         }) : e;
         return $.selectionMode === "multiple" ? /* @__PURE__ */ ce(ye, { children: [
-          /* @__PURE__ */ i(Qu, { children: /* @__PURE__ */ i("span", { "data-selected": $.isSelected, children: $.isSelected && /* @__PURE__ */ i(gu, {}) }) }),
+          /* @__PURE__ */ i(Qu, { children: /* @__PURE__ */ i("span", { "data-selected": $.isSelected, children: $.isSelected && /* @__PURE__ */ i(Du, {}) }) }),
           /* @__PURE__ */ i(_u, { children: p })
         ] }) : /* @__PURE__ */ i(ye, { children: p });
       }
@@ -1902,15 +1904,15 @@ const wo = ({
   ) });
 };
 wo.displayName = "ComboBox.Option";
-const Un = {
+const Zn = {
   Root: Fo,
   OptionGroup: Lo,
   Option: wo
 };
 export {
-  Un as C,
+  Zn as C,
   Fo as a,
   Lo as b,
   wo as c
 };
-//# sourceMappingURL=combobox-wZEZ8t94.es.js.map
+//# sourceMappingURL=combobox-qAi2j415.es.js.map