@commercetools/nimbus 2.2.0 → 2.3.0

package/dist/chunks/{combobox-vjauyzlS.es.js → combobox-B30crY-T.es.js}

@@ -1,25 +1,25 @@
-import { jsx as g, jsxs as ve, Fragment as He } from "react/jsx-runtime";
-import { useReducer as St, useRef as A, useEffect as Y, createContext as Qe, useMemo as _, useContext as Pe, useState as Z, useCallback as R, isValidElement as wt, cloneElement as $t } from "react";
+import { jsx as g, jsxs as xe, Fragment as He } from "react/jsx-runtime";
+import { useReducer as St, useRef as A, useEffect as Z, createContext as Qe, useMemo as ee, useContext as Pe, useState as _, useCallback as R, isValidElement as wt, cloneElement as $t } from "react";
 import { d as Kt } from "./Header-CiYtrnTw.es.js";
 import { $ as Xe, a as It, b as Bt, c as Mt, d as At } from "./ListBox-RrHJjnuq.es.js";
 import { f as Ft, g as Ot } from "./CollectionBuilder-BOe312C_.es.js";
 import { createSlotRecipeContext as Vt } from "@chakra-ui/react";
-import { Close as Lt, KeyboardArrowDown as Tt, Check as Et } from "@commercetools/nimbus-icons";
-import { e as fe } from "./extract-style-props-BdibuNZ7.es.js";
+import { Close as Et, KeyboardArrowDown as Lt, Check as Tt } from "@commercetools/nimbus-icons";
+import { e as me } from "./extract-style-props-CM4QZGaE.es.js";
 import { P as Rt } from "./popover-CuA9VugH.es.js";
-import { I as Ue } from "./icon-button-CosIm3oY.es.js";
+import { I as Ue } from "./icon-button-DhHKxd27.es.js";
 import { L as Pt } from "./loading-spinner-gf62wtm3.es.js";
-import { $ as Me, a as Dt } from "./Input-Cmg08oRP.es.js";
-import { $ as De, T as Te } from "./tag-group-BE8d6xcP.es.js";
+import { $ as Be, a as Dt } from "./Input-Cmg08oRP.es.js";
+import { $ as De, T as Le } from "./tag-group-CMfyCIc3.es.js";
 import { useSlotRecipe as zt } from "@chakra-ui/react/styled-system";
 import { b as Nt } from "./RSPContexts-DLgb84PF.es.js";
-import { $ as Ee } from "./Button-BjcDZ5eb.es.js";
+import { $ as Te } from "./Button-BjcDZ5eb.es.js";
 import { $ as kt, e as Ye } from "./utils-B6pV5ewr.es.js";
 import { a as Wt } from "./Group-BQc9LuMT.es.js";
 import { $ as Gt } from "./Label-DIseLESi.es.js";
 import { h as qt } from "./Dialog-B0BQfdQa.es.js";
 import { $ as jt } from "./Text-DOcU1ycg.es.js";
-import { n as xe, u as Ht } from "./normalize-messages-D5T4I93D.es.js";
+import { n as he, u as Ht } from "./normalize-messages-D5T4I93D.es.js";
 import { $ as Ut } from "./useListData-CX8_NxJv.es.js";
 import { a as Je } from "./mergeProps-Dsl8k3Ig.es.js";
 import { a as Jt } from "./useListState-Dd0Mtev3.es.js";
@@ -110,12 +110,12 @@ function Qt(e, t) {
     case "loadingMore":
       switch (t.type) {
         case "success":
-          var p;
+          var m;
           r = e.selectedKeys === "all" || t.selectedKeys === "all" ? "all" : /* @__PURE__ */ new Set([
             ...e.selectedKeys,
-            ...(p = t.selectedKeys) !== null && p !== void 0 ? p : []
+            ...(m = t.selectedKeys) !== null && m !== void 0 ? m : []
           ]);
-          var K, T;
+          var K, E;
           return {
             ...e,
             state: "idle",
@@ -124,7 +124,7 @@ function Qt(e, t) {
               ...(K = t.items) !== null && K !== void 0 ? K : []
             ],
             selectedKeys: r,
-            sortDescriptor: (T = t.sortDescriptor) !== null && T !== void 0 ? T : e.sortDescriptor,
+            sortDescriptor: (E = t.sortDescriptor) !== null && E !== void 0 ? E : e.sortDescriptor,
             abortController: void 0,
             cursor: t.cursor
           };
@@ -175,20 +175,20 @@ function Xt(e) {
     filterText: c
   });
   const b = async (d, w) => {
-    let p = new AbortController();
+    let m = new AbortController();
     try {
       u({
         ...d,
-        abortController: p
+        abortController: m
       });
       var K;
       let y = (K = d.filterText) !== null && K !== void 0 ? K : l.filterText;
-      var T;
+      var E;
       let F = await w({
         items: l.items.slice(),
         selectedKeys: l.selectedKeys,
-        sortDescriptor: (T = d.sortDescriptor) !== null && T !== void 0 ? T : l.sortDescriptor,
-        signal: p.signal,
+        sortDescriptor: (E = d.sortDescriptor) !== null && E !== void 0 ? E : l.sortDescriptor,
+        signal: m.signal,
         cursor: d.type === "loadingMore" ? l.cursor : void 0,
         filterText: y,
         loadingState: l.state
@@ -198,8 +198,8 @@ function Xt(e) {
       u({
         type: "success",
         ...F,
-        abortController: p
-      }), $ && $ !== y && !p.signal.aborted && b({
+        abortController: m
+      }), $ && $ !== y && !m.signal.aborted && b({
         type: "filtering",
         filterText: $
       }, t);
@@ -207,12 +207,12 @@ function Xt(e) {
       u({
         type: "error",
         error: y,
-        abortController: p
+        abortController: m
       });
     }
   };
   let h = A(!1);
-  return Y(() => {
+  return Z(() => {
     h.current || (b({
       type: "loading"
     }, t), h.current = !0);
@@ -263,63 +263,63 @@ function Xt(e) {
 }
 const Yt = /* @__PURE__ */ Qe(null);
 function Zt(e, t, r, s) {
-  var o = this, n = A(null), c = A(0), l = A(0), u = A(null), b = A([]), h = A(), d = A(), w = A(e), p = A(!0), K = A(), T = A();
+  var o = this, n = A(null), c = A(0), l = A(0), u = A(null), b = A([]), h = A(), d = A(), w = A(e), m = A(!0), K = A(), E = A();
   w.current = e;
   var I = typeof window < "u", y = !t && t !== 0 && I;
   if (typeof e != "function") throw new TypeError("Expected a function");
   t = +t || 0;
-  var F = !!(r = r || {}).leading, $ = !("trailing" in r) || !!r.trailing, H = !!r.flushOnExit && $, U = "maxWait" in r, q = "debounceOnServer" in r && !!r.debounceOnServer, J = U ? Math.max(+r.maxWait || 0, t) : null, ne = _(function() {
+  var F = !!(r = r || {}).leading, $ = !("trailing" in r) || !!r.trailing, U = !!r.flushOnExit && $, J = "maxWait" in r, j = "debounceOnServer" in r && !!r.debounceOnServer, Q = J ? Math.max(+r.maxWait || 0, t) : null, se = ee(function() {
     var P = function(x) {
       var O = b.current, D = h.current;
       return b.current = h.current = null, c.current = x, l.current = l.current || x, d.current = w.current.apply(D, O);
-    }, Q = function(x, O) {
+    }, X = function(x, O) {
       y && cancelAnimationFrame(u.current), u.current = y ? requestAnimationFrame(x) : setTimeout(x, O);
-    }, se = function(x) {
-      if (!p.current) return !1;
-      var O = x - n.current;
-      return !n.current || O >= t || O < 0 || U && x - c.current >= J;
     }, le = function(x) {
+      if (!m.current) return !1;
+      var O = x - n.current;
+      return !n.current || O >= t || O < 0 || J && x - c.current >= Q;
+    }, ie = function(x) {
       return u.current = null, $ && b.current ? P(x) : (b.current = h.current = null, d.current);
-    }, B = function x() {
+    }, M = function x() {
       var O = Date.now();
-      if (F && l.current === c.current && me(), se(O)) return le(O);
-      if (p.current) {
-        var D = t - (O - n.current), j = U ? Math.min(D, J - (O - c.current)) : D;
-        Q(x, j);
+      if (F && l.current === c.current && pe(), le(O)) return ie(O);
+      if (m.current) {
+        var D = t - (O - n.current), H = J ? Math.min(D, Q - (O - c.current)) : D;
+        X(x, H);
       }
-    }, me = function() {
-    }, ee = function() {
-      if (I || q) {
-        var x, O = Date.now(), D = se(O);
-        if (b.current = [].slice.call(arguments), h.current = o, n.current = O, H && !K.current && (K.current = function() {
-          var j;
-          ((j = global.document) == null ? void 0 : j.visibilityState) === "hidden" && T.current.flush();
+    }, pe = function() {
+    }, te = function() {
+      if (I || j) {
+        var x, O = Date.now(), D = le(O);
+        if (b.current = [].slice.call(arguments), h.current = o, n.current = O, U && !K.current && (K.current = function() {
+          var H;
+          ((H = global.document) == null ? void 0 : H.visibilityState) === "hidden" && E.current.flush();
         }, (x = global.document) == null || x.addEventListener == null || x.addEventListener("visibilitychange", K.current)), D) {
-          if (!u.current && p.current) return c.current = n.current, Q(B, t), F ? P(n.current) : d.current;
-          if (U) return Q(B, t), P(n.current);
+          if (!u.current && m.current) return c.current = n.current, X(M, t), F ? P(n.current) : d.current;
+          if (J) return X(M, t), P(n.current);
         }
-        return u.current || Q(B, t), d.current;
+        return u.current || X(M, t), d.current;
       }
     };
-    return ee.cancel = function() {
+    return te.cancel = function() {
       var x = u.current;
       x && (y ? cancelAnimationFrame(u.current) : clearTimeout(u.current)), c.current = 0, b.current = n.current = h.current = u.current = null;
-    }, ee.isPending = function() {
+    }, te.isPending = function() {
       return !!u.current;
-    }, ee.flush = function() {
-      return u.current ? le(Date.now()) : d.current;
-    }, ee;
-  }, [F, U, t, J, $, H, y, I, q, s]);
-  return T.current = ne, Y(function() {
-    return p.current = !0, function() {
+    }, te.flush = function() {
+      return u.current ? ie(Date.now()) : d.current;
+    }, te;
+  }, [F, J, t, Q, $, U, y, I, j, s]);
+  return E.current = se, Z(function() {
+    return m.current = !0, function() {
       var P;
-      H && T.current.flush(), K.current && ((P = global.document) == null || P.removeEventListener == null || P.removeEventListener("visibilitychange", K.current), K.current = null), p.current = !1;
+      U && E.current.flush(), K.current && ((P = global.document) == null || P.removeEventListener == null || P.removeEventListener("visibilitychange", K.current), K.current = null), m.current = !1;
     };
-  }, [H]), ne;
+  }, [U]), se;
 }
-const { withProvider: _t, withContext: G } = /* @__PURE__ */ Vt({
+const { withProvider: _t, withContext: q } = /* @__PURE__ */ Vt({
   key: "combobox"
-}), er = /* @__PURE__ */ _t("div", "root"), tr = /* @__PURE__ */ G("div", "trigger"), rr = /* @__PURE__ */ G("div", "leadingElement"), or = /* @__PURE__ */ G("div", "content"), nr = /* @__PURE__ */ G("div", "tagGroup"), sr = /* @__PURE__ */ G("div", "input"), lr = /* @__PURE__ */ G("div", "popover"), ir = /* @__PURE__ */ G("div", "listBox"), cr = /* @__PURE__ */ G("div", "section"), ar = /* @__PURE__ */ G("div", "option"), ur = /* @__PURE__ */ G("div", "optionIndicator"), dr = /* @__PURE__ */ G("div", "optionContent"), fr = {
+}), er = /* @__PURE__ */ _t("div", "root"), tr = /* @__PURE__ */ q("div", "trigger"), rr = /* @__PURE__ */ q("div", "leadingElement"), or = /* @__PURE__ */ q("div", "content"), nr = /* @__PURE__ */ q("div", "tagGroup"), sr = /* @__PURE__ */ q("div", "input"), lr = /* @__PURE__ */ q("div", "popover"), ir = /* @__PURE__ */ q("div", "listBox"), cr = /* @__PURE__ */ q("div", "section"), ar = /* @__PURE__ */ q("div", "option"), ur = /* @__PURE__ */ q("div", "optionIndicator"), dr = /* @__PURE__ */ q("div", "optionContent"), fr = {
   clearSelection: "Clear selection",
   toggleOptions: "Toggle options",
   selectedValues: "Selected values",
@@ -345,11 +345,11 @@ const { withProvider: _t, withContext: G } = /* @__PURE__ */ Vt({
   selectedValues: "Valores selecionados",
   options: "Menu de opções"
 }, br = {
-  en: /* @__PURE__ */ xe(fr),
-  de: /* @__PURE__ */ xe(mr),
-  es: /* @__PURE__ */ xe(pr),
-  "fr-FR": /* @__PURE__ */ xe(gr),
-  "pt-BR": /* @__PURE__ */ xe(yr)
+  en: /* @__PURE__ */ he(fr),
+  de: /* @__PURE__ */ he(mr),
+  es: /* @__PURE__ */ he(pr),
+  "fr-FR": /* @__PURE__ */ he(gr),
+  "pt-BR": /* @__PURE__ */ he(yr)
 };
 function Ze(e) {
   if (typeof e == "string" || typeof e == "number")
@@ -361,9 +361,15 @@ function Ze(e) {
   );
 }
 function hr(e) {
-  return typeof e == "string" ? e : "name" in e ? String(e.name) : "label" in e ? String(e.label) : (console.warn(
-    "ComboBox - Item should have 'name' or 'label' property. Provide a getTextValue function to ensure proper item display and filtering."
-  ), String(e));
+  if (typeof e == "string")
+    return e;
+  if ("name" in e)
+    return String(e.name);
+  if ("label" in e)
+    return String(e.label);
+  throw new Error(
+    "ComboBox - Item must have 'name' or 'label' property, or provide a getTextValue function"
+  );
 }
 function xr(e) {
   return {
@@ -371,7 +377,7 @@ function xr(e) {
     name: e
   };
 }
-const vr = (e) => e ? e instanceof Set ? e : new Set(Array.isArray(e) ? e : [e]) : /* @__PURE__ */ new Set(), Cr = (e) => Array.from(e), Re = /* @__PURE__ */ Qe(null), Ae = () => {
+const vr = (e) => e ? e instanceof Set ? e : new Set(Array.isArray(e) ? e : [e]) : /* @__PURE__ */ new Set(), Cr = (e) => Array.from(e), Re = /* @__PURE__ */ Qe(null), Me = () => {
   const e = Pe(Re);
   if (!e)
     throw new Error(
@@ -390,7 +396,7 @@ const vr = (e) => e ? e instanceof Set ? e : new Set(Array.isArray(e) ? e : [e])
     inputValue: u
   } = e;
   if (!t) return null;
-  const b = _(() => {
+  const b = ee(() => {
     if (o === "single") {
       const h = Array.from(s)[0];
       return h ? n === "text" || c ? Array.from(l).find(
@@ -399,7 +405,7 @@ const vr = (e) => e ? e instanceof Set ? e : new Set(Array.isArray(e) ? e : [e])
     } else {
       const h = Array.from(s);
       return n === "text" || c ? h.map((d) => Array.from(l).find(
-        (p) => p.key === d
+        (m) => m.key === d
       )?.textValue || "").filter(Boolean).join(",") : h.join(",");
     }
   }, [
@@ -436,57 +442,57 @@ function et(e) {
     isLoading: h,
     allowsEmptyMenu: d,
     renderEmptyState: w,
-    async: p,
+    async: m,
     filter: K,
-    allowsCustomOptions: T = !1,
+    allowsCustomOptions: E = !1,
     isDisabled: I = !1,
     isInvalid: y = !1,
     isRequired: F = !1,
     isReadOnly: $ = !1
-  } = e, H = zt({ key: "combobox" }), [U, q] = H.splitVariantProps(e), [J, ne] = fe(q), P = A(null), Q = A(null), [se, le] = Z([]), B = Xt({
+  } = e, U = zt({ key: "combobox" }), [J, j] = U.splitVariantProps(e), [Q, se] = me(j), P = A(null), X = A(null), [le, ie] = _([]), M = Xt({
     getKey: o,
-    async load({ signal: M, filterText: k }) {
-      if (!p) return { items: [] };
-      const v = p.minSearchLength ?? 0;
-      if (!k || k.length < v)
+    async load({ signal: B, filterText: G }) {
+      if (!m) return { items: [] };
+      const oe = m.minSearchLength ?? 0;
+      if (!G || G.length < oe)
         return { items: [] };
       try {
-        return { items: await p.load(k, M) };
-      } catch (V) {
-        if (V.name === "AbortError")
-          throw V;
-        const te = V;
-        return p.onError?.(te), { items: [] };
+        return { items: await m.load(G, B) };
+      } catch (ae) {
+        if (ae.name === "AbortError")
+          throw ae;
+        const v = ae;
+        return m.onError?.(v), { items: [] };
       }
     }
-  }), [me, ee] = Z(u), [x, O] = Z(!1), [D, j] = Z([]), Fe = p?.debounce ?? 300, Ce = Zt((M) => {
-    O(!1), B.setFilterText(M);
-  }, Fe), Se = R(
-    (M) => {
-      ee(M), O(!0), Ce(M);
+  }), [pe, te] = _(u), [x, O] = _(!1), [D, H] = _([]), Ae = m?.debounce ?? 300, ve = Zt((B) => {
+    O(!1), M.setFilterText(B);
+  }, Ae), Ce = R(
+    (B) => {
+      te(B), O(!0), ve(B);
     },
-    [Ce]
-  ), z = p ? me : u, we = p ? Se : b, X = p ? x || B.loadingState === "loading" || B.loadingState === "loadingMore" || B.loadingState === "filtering" : h, $e = p || T ? !0 : d, Ke = R(() => X ? z?.length ? `loading results for "${z}"` : "loading results" : z?.length && p?.minSearchLength && z.length >= p.minSearchLength ? `no results for "${z}"` : p?.minSearchLength ? `enter at least ${p?.minSearchLength} characters` : "type to search", [p?.minSearchLength, X, z]), Ie = R(() => X ? z?.length ? `loading results for "${z}"` : "loading results" : 'hit "enter" to create an option', [X, z]), ge = (T ? Ie : p ? Ke : void 0) ?? w, ue = _(() => {
-    const M = p ? Array.from(B.items) : e.items, k = M ? Array.from(M) : [], v = new Set(k.map((ie) => o(ie)));
-    let te = [...se.filter(
-      (ie) => !v.has(o(ie))
-    ), ...k];
-    if (p && r === "multiple" && D.length > 0) {
-      const ie = new Set(te.map((L) => o(L)));
-      te = [...D.filter(
-        (L) => !ie.has(o(L))
-      ), ...te];
+    [ve]
+  ), N = m ? pe : u, Se = m ? Ce : b, Y = m ? x || M.loadingState === "loading" || M.loadingState === "loadingMore" || M.loadingState === "filtering" : h, we = m || E ? !0 : d, $e = R(() => Y ? N?.length ? `loading results for "${N}"` : "loading results" : N?.length && m?.minSearchLength && N.length >= m.minSearchLength ? `no results for "${N}"` : m?.minSearchLength ? `enter at least ${m?.minSearchLength} characters` : "type to search", [m?.minSearchLength, Y, N]), Ke = R(() => Y ? N?.length ? `loading results for "${N}"` : "loading results" : 'hit "enter" to create an option', [Y, N]), W = (E ? Ke : m ? $e : void 0) ?? w, re = ee(() => {
+    const B = m ? Array.from(M.items) : e.items, G = B ? Array.from(B) : [], oe = new Set(G.map((V) => o(V)));
+    let v = [...le.filter(
+      (V) => !oe.has(o(V))
+    ), ...G];
+    if (m && r === "multiple" && D.length > 0) {
+      const V = new Set(v.map((ye) => o(ye)));
+      v = [...D.filter(
+        (ye) => !V.has(o(ye))
+      ), ...v];
     }
-    return te;
+    return v;
   }, [
-    p,
-    B.items,
+    m,
+    M.items,
     e.items,
-    se,
+    le,
     D,
     r,
     o
-  ]), ye = _(
+  ]), ce = ee(
     () => ({
       selectionMode: r,
       size: s,
@@ -494,8 +500,8 @@ function et(e) {
       getTextValue: n,
       leadingElement: l,
       triggerRef: P,
-      inputRef: Q,
-      isLoading: X,
+      inputRef: X,
+      isLoading: Y,
       isDisabled: I,
       isRequired: F,
       isInvalid: y,
@@ -507,28 +513,28 @@ function et(e) {
       n,
       l,
       P,
-      Q,
+      X,
       I,
       F,
       y,
       $
     ]
-  ), be = _(() => {
-    if (ue)
-      return Array.from(ue).map((M) => {
-        const k = "id" in M, v = "textValue" in M;
-        return k && v ? M : {
-          ...M,
-          ...k ? {} : { id: o(M) },
-          ...v ? {} : { textValue: n(M) }
+  ), ge = ee(() => {
+    if (re)
+      return Array.from(re).map((B) => {
+        const G = "id" in B, oe = "textValue" in B;
+        return G && oe ? B : {
+          ...B,
+          ...G ? {} : { id: o(B) },
+          ...oe ? {} : { textValue: n(B) }
         };
       });
-  }, [ue, o, n]), Oe = _(
+  }, [re, o, n]), Oe = ee(
     () => /* @__PURE__ */ g(
       Re.Provider,
       {
-        value: ye,
-        children: /* @__PURE__ */ g(Xe.Provider, { value: { items: be }, children: typeof c == "function" ? c({
+        value: ce,
+        children: /* @__PURE__ */ g(Xe.Provider, { value: { items: ge }, children: typeof c == "function" ? c({
           isOpen: !1,
           isDisabled: I,
           isInvalid: y,
@@ -542,28 +548,28 @@ function et(e) {
       I,
       y,
       F,
-      be,
-      ye
+      ge,
+      ce
     ]
   );
   return /* @__PURE__ */ g(
     Ye,
     {
       values: [
-        [Ee, {}],
-        [Me, {}],
+        [Te, {}],
+        [Be, {}],
         [De, {}]
       ],
       children: /* @__PURE__ */ g(
         Re.Provider,
         {
-          value: ye,
+          value: ce,
           children: /* @__PURE__ */ g(
             er,
             {
               ref: t,
-              ...U,
               ...J,
+              ...Q,
               size: s,
               "data-disabled": I,
               "data-invalid": y,
@@ -571,31 +577,31 @@ function et(e) {
               "data-readonly": $,
               "data-open": e.isOpen,
               role: "group",
-              children: /* @__PURE__ */ g(Ft, { content: Oe, children: (M) => (
+              children: /* @__PURE__ */ g(Ft, { content: Oe, children: (B) => (
                 // Pass the built collection to ComboBoxRootInner which handles all behavior
                 /* @__PURE__ */ g(
                   Sr,
                   {
-                    ...ne,
+                    ...se,
                     size: s,
                     filter: K,
                     selectionMode: r,
-                    inputValue: z,
-                    onInputChange: we,
+                    inputValue: N,
+                    onInputChange: Se,
                     getKey: o,
                     getTextValue: n,
-                    allowsEmptyMenu: $e,
-                    renderEmptyState: ge,
+                    allowsEmptyMenu: we,
+                    renderEmptyState: W,
                     isDisabled: I,
                     isRequired: F,
                     isInvalid: y,
                     isReadOnly: $,
-                    collection: M,
-                    allowsCustomOptions: T,
-                    asyncConfig: p,
-                    onAsyncSelectedItemsChange: p && r === "multiple" ? j : void 0,
-                    onAddCustomItem: le,
-                    onAddAsyncSelectedItem: j
+                    collection: B,
+                    allowsCustomOptions: E,
+                    asyncConfig: m,
+                    onAsyncSelectedItemsChange: m && r === "multiple" ? H : void 0,
+                    onAddCustomItem: ie,
+                    onAddAsyncSelectedItem: H
                   }
                 )
               ) })
@@ -620,107 +626,107 @@ const Sr = (e) => {
     inputValue: h = "",
     onInputChange: d,
     filter: w,
-    placeholder: p,
+    placeholder: m,
     menuTrigger: K = "input",
-    shouldCloseOnBlur: T = !0,
+    shouldCloseOnBlur: E = !0,
     shouldCloseOnSelect: I = !0,
     isOpen: y,
     defaultOpen: F = !1,
     onOpenChange: $,
-    allowsEmptyMenu: H = !1,
-    renderEmptyState: U,
-    allowsCustomOptions: q = !1,
-    isValidNewOption: J,
-    getNewOptionData: ne = xr,
+    allowsEmptyMenu: U = !1,
+    renderEmptyState: J,
+    allowsCustomOptions: j = !1,
+    isValidNewOption: Q,
+    getNewOptionData: se = xr,
     onCreateOption: P,
-    "aria-label": Q,
-    "aria-labelledby": se,
-    "aria-describedby": le,
-    isDisabled: B = !1,
-    isRequired: me = !1,
-    isInvalid: ee = !1,
+    "aria-label": X,
+    "aria-labelledby": le,
+    "aria-describedby": ie,
+    isDisabled: M = !1,
+    isRequired: pe = !1,
+    isInvalid: te = !1,
     isReadOnly: x = !1,
     shouldFocusWrap: O = !0,
     autoFocus: D = !1,
-    name: j,
-    formValue: Fe,
-    validationBehavior: Ce = "aria",
-    form: Se,
-    validate: z,
-    isLoading: we,
-    asyncConfig: X,
-    onAsyncSelectedItemsChange: $e,
-    onAddCustomItem: Ke,
-    onAddAsyncSelectedItem: Ie
-  } = e, pe = Je(), ge = Je(), ue = A(null), ye = A(null), be = _(
+    name: H,
+    formValue: Ae,
+    validationBehavior: ve = "aria",
+    form: Ce,
+    validate: N,
+    isLoading: Se,
+    asyncConfig: Y,
+    onAsyncSelectedItemsChange: we,
+    onAddCustomItem: $e,
+    onAddAsyncSelectedItem: Ke
+  } = e, { triggerRef: Fe, inputRef: W } = Me(), re = Je(), ce = Je(), ge = A(null), Oe = A(null), B = ee(
     () => vr(l),
     [l]
-  ), Oe = !!u, [M, k] = Z(
-    be
-  ), v = Oe ? be : M, V = d !== void 0, te = () => {
+  ), G = !!u, [oe, ae] = _(
+    B
+  ), v = G ? B : oe, V = d !== void 0, ze = () => {
     if (h) return h;
     if (V || r !== "single") return "";
     const i = Array.from(v);
     if (i.length === 0) return "";
     const a = i[0];
     return o.getItem(a)?.textValue ?? "";
-  }, [ie, re] = Z(
-    te
-  ), L = V ? h : ie, oe = A(L), [at, ze] = Z(F), C = y ?? at, [Ve, he] = Z(
+  }, [ye, ue] = _(
+    ze
+  ), T = V ? h : ye, ne = A(T), [at, Ne] = _(F), C = y ?? at, [Ve, be] = _(
     null
-  ), E = R(
+  ), L = R(
     (i) => {
-      y === void 0 && ze(i), $?.(i);
+      y === void 0 && Ne(i), $?.(i);
     },
     [y, $]
-  ), ut = _(() => {
-    if (L.trim() === "")
+  ), ut = ee(() => {
+    if (T.trim() === "")
       return o;
     if (r === "single") {
       const a = Array.from(v);
       if (a.length > 0) {
         const f = a[0];
-        if (o.getItem(f)?.textValue === L)
+        if (o.getItem(f)?.textValue === T)
           return o;
       }
     }
     if (w) {
-      const a = Array.from(o), f = Array.from(w(a, L)), S = new Set(f.map((Be) => Be.key));
-      return o.filter?.((Be, Le) => S.has(Le.key)) ?? o;
+      const a = Array.from(o), f = Array.from(w(a, T)), S = new Set(f.map((Ie) => Ie.key));
+      return o.filter?.((Ie, Ee) => S.has(Ee.key)) ?? o;
     }
-    const i = L.toLowerCase();
+    const i = T.toLowerCase();
     return o.filter?.((a) => a.toLowerCase().includes(i)) ?? o;
-  }, [o, L, w, r, v]), dt = _(
+  }, [o, T, w, r, v]), dt = ee(
     () => r === "multiple" ? Array.from(v).map((i) => o.getItem(i)?.value).filter((i) => i !== void 0) : [],
     [r, v, o]
-  ), [ft, mt] = Z(null), pt = R(() => {
+  ), [ft, mt] = _(null), pt = R(() => {
     const i = y === void 0 ? !C : !y;
-    y === void 0 ? ze((a) => !a) : $?.(!y), i && (ce.current?.focus(), he("first"));
+    y === void 0 ? Ne((a) => !a) : $?.(!y), i && (W.current?.focus(), be("first"));
   }, [y, C, $]), gt = R(
     (i) => {
-      V || re(i), d?.(i), K === "input" && i !== oe.current && E(!0), oe.current = i;
+      V || ue(i), d?.(i), K === "input" && i !== ne.current && L(!0), ne.current = i;
     },
-    [V, d, K, E]
-  ), W = R(
+    [V, d, K, L]
+  ), z = R(
     (i, a) => {
-      let f = i === "all" ? new Set(Array.from(o).map((N) => N.key)) : i;
-      const S = a ?? v, Be = f.size > 0 && Array.from(f).every((N) => S.has(N)) && f.size < S.size;
-      if (r === "multiple" && f.size === 1 && !Be) {
-        const N = Array.from(f)[0], de = S.has(N), ae = new Set(S);
-        de ? ae.delete(N) : ae.add(N), f = ae;
+      let f = i === "all" ? new Set(Array.from(o).map((k) => k.key)) : i;
+      const S = a ?? v, Ie = f.size > 0 && Array.from(f).every((k) => S.has(k)) && f.size < S.size;
+      if (r === "multiple" && f.size === 1 && !Ie) {
+        const k = Array.from(f)[0], fe = S.has(k), de = new Set(S);
+        fe ? de.delete(k) : de.add(k), f = de;
       }
-      const Le = Cr(f);
-      if (u ? u(Le) : k(f), X && r === "multiple" && $e) {
-        const N = Array.from(f).map((de) => o.getItem(de)?.value).filter((de) => de !== void 0);
-        $e(N);
+      const Ee = Cr(f);
+      if (u ? u(Ee) : ae(f), Y && r === "multiple" && we) {
+        const k = Array.from(f).map((fe) => o.getItem(fe)?.value).filter((fe) => fe !== void 0);
+        we(k);
       }
       if (r === "single") {
-        const N = Array.from(f)[0];
-        if (N !== null) {
-          const ae = o.getItem(N)?.textValue ?? "";
-          V || (re(ae), oe.current = ae), d?.(ae);
+        const k = Array.from(f)[0];
+        if (k !== null) {
+          const de = o.getItem(k)?.textValue ?? "";
+          V || (ue(de), ne.current = de), d?.(de);
         }
-        I && E(!1);
+        I && L(!1);
       }
     },
     [
@@ -730,126 +736,134 @@ const Sr = (e) => {
       u,
       d,
       I,
-      E,
+      L,
       V
     ]
-  ), m = Jt({
+  ), p = Jt({
     selectionMode: r,
     collection: ut,
     selectedKeys: v,
-    onSelectionChange: W,
+    onSelectionChange: z,
     disabledKeys: b
   }), yt = R(() => {
-    m.selectionManager.setSelectedKeys(/* @__PURE__ */ new Set()), r === "single" && (V || (re(""), oe.current = ""), d?.(""));
-  }, [m.selectionManager, r, V, d]), Ne = R(
+    z(/* @__PURE__ */ new Set()), V || (ue(""), ne.current = ""), d?.(""), L(!0), requestAnimationFrame(() => {
+      W.current?.focus();
+    });
+  }, [
+    z,
+    V,
+    d,
+    L,
+    W
+  ]), ke = R(
     (i) => {
-      Ke?.((S) => [...S, i]), X && r === "multiple" && Ie?.((S) => [...S, i]);
+      $e?.((S) => [...S, i]), Y && r === "multiple" && Ke?.((S) => [...S, i]);
       const a = n(i), f = v;
       if (r === "single")
-        W(/* @__PURE__ */ new Set([a]), f);
+        z(/* @__PURE__ */ new Set([a]), f);
       else {
         const S = new Set(f);
-        S.add(a), W(S, f);
+        S.add(a), z(S, f);
       }
     },
     [
-      Ke,
-      X,
+      $e,
+      Y,
       r,
-      Ie,
+      Ke,
       n,
       v,
-      W
+      z
     ]
-  ), ke = R(() => {
-    if (!q) return !1;
-    const i = L.trim();
+  ), We = R(() => {
+    if (!j) return !1;
+    const i = T.trim();
     if (!i || Array.from(o).some(
       (S) => S.textValue?.toLowerCase() === i.toLowerCase()
-    ) || J && !J(i))
+    ) || Q && !Q(i))
       return !1;
-    const f = ne(i);
-    return Ne(f), r === "multiple" ? (V || (re(""), oe.current = ""), d?.("")) : (V || (re(i), oe.current = i), d?.(i)), P?.(f), !0;
+    const f = se(i);
+    return ke(f), r === "multiple" ? (V || (ue(""), ne.current = ""), d?.("")) : (V || (ue(i), ne.current = i), d?.(i)), P?.(f), !0;
   }, [
-    q,
-    ne,
-    J,
-    L,
+    j,
+    se,
+    Q,
+    T,
     o,
     r,
     d,
     P,
-    Ne,
+    ke,
     V,
-    re,
-    oe
+    ue,
+    ne
   ]), bt = R(
     (i) => {
-      if (B || x) return;
+      if (M || x) return;
       const a = v, f = new Set(a);
-      i.forEach((S) => f.delete(S)), W(f, a), f.size === 0 && ce.current?.focus();
+      i.forEach((S) => f.delete(S)), z(f, a), f.size === 0 && W.current?.focus();
     },
-    [v, W, B, x]
+    [v, z, M, x]
   ), ht = R(
     (i) => {
       switch (i.key) {
         case "ArrowDown":
           if (i.preventDefault(), !C)
-            E(!0), he("first");
+            L(!0), be("first");
           else {
-            const a = m.selectionManager.focusedKey, f = a ? m.collection.getKeyAfter(a) : m.collection.getFirstKey();
-            m.selectionManager.setFocusedKey(
-              f ?? m.collection.getFirstKey()
+            const a = p.selectionManager.focusedKey, f = a ? p.collection.getKeyAfter(a) : p.collection.getFirstKey();
+            p.selectionManager.setFocusedKey(
+              f ?? p.collection.getFirstKey()
             );
           }
           break;
         case "ArrowUp":
           if (i.preventDefault(), !C)
-            E(!0), he("last");
+            L(!0), be("last");
           else {
-            const a = m.selectionManager.focusedKey, f = a ? m.collection.getKeyBefore(a) : m.collection.getLastKey();
-            m.selectionManager.setFocusedKey(
-              f ?? m.collection.getLastKey()
+            const a = p.selectionManager.focusedKey, f = a ? p.collection.getKeyBefore(a) : p.collection.getLastKey();
+            p.selectionManager.setFocusedKey(
+              f ?? p.collection.getLastKey()
             );
           }
           break;
         case "Enter":
-          if (C && m.selectionManager.focusedKey) {
+          if (C && p.selectionManager.focusedKey) {
             i.preventDefault();
-            const a = m.selectionManager.focusedKey;
+            const a = p.selectionManager.focusedKey;
             if (r === "multiple") {
               const f = new Set(v);
-              f.has(a) ? f.delete(a) : f.add(a), W(f);
+              f.has(a) ? f.delete(a) : f.add(a), z(f);
             } else
-              W(/* @__PURE__ */ new Set([a])), m.selectionManager.setFocusedKey(null);
-          } else C && !m.selectionManager.focusedKey && q && ke() && i.preventDefault();
+              z(/* @__PURE__ */ new Set([a])), p.selectionManager.setFocusedKey(null);
+          } else C && !p.selectionManager.focusedKey && j && We() && i.preventDefault();
           break;
         case "Escape":
-          C && (i.preventDefault(), E(!1), m.selectionManager.setFocusedKey(null));
+          C && (i.preventDefault(), L(!1), p.selectionManager.setFocusedKey(null));
           break;
         case "Home":
           if (C) {
             i.preventDefault();
-            const a = m.collection.getFirstKey();
-            m.selectionManager.setFocusedKey(a);
+            const a = p.collection.getFirstKey();
+            p.selectionManager.setFocusedKey(a);
           }
           break;
         case "End":
           if (C) {
             i.preventDefault();
-            const a = m.collection.getLastKey();
-            m.selectionManager.setFocusedKey(a);
+            const a = p.collection.getLastKey();
+            p.selectionManager.setFocusedKey(a);
           }
           break;
         case "Backspace":
-          if (L === "") {
+          if (T === "") {
             const a = Array.from(v);
             if (a.length > 0)
               if (i.preventDefault(), r === "single")
-                W(/* @__PURE__ */ new Set());
+                z(/* @__PURE__ */ new Set());
               else {
                 const f = new Set(a);
-                f.delete(a[a.length - 1]), W(f);
+                f.delete(a[a.length - 1]), z(f);
               }
           }
           break;
@@ -857,82 +871,80 @@ const Sr = (e) => {
     },
     [
       C,
-      m.selectionManager,
-      m.collection,
-      W,
-      E,
-      he,
-      r,
+      p.selectionManager,
+      p.collection,
+      z,
       L,
+      be,
+      r,
+      T,
       v,
-      q,
-      ke
+      j,
+      We
     ]
   ), xt = R(() => {
-    K === "focus" && !B && !x && E(!0), r === "single" && L && ce.current && ce.current.select();
+    K === "focus" && !M && !x && L(!0), r === "single" && T && W.current && W.current.select();
   }, [
     K,
-    B,
+    M,
     x,
-    E,
+    L,
     r,
-    L
+    T
   ]), vt = R(
     (i) => {
-      if (!T) return;
+      if (!E) return;
       const a = i.currentTarget;
       setTimeout(() => {
         const f = document.activeElement;
-        a.contains(f) || E(!1);
+        a.contains(f) || L(!1);
       }, 150);
     },
-    [T, E]
-  ), We = A(null);
-  Y(() => {
-    D && ce.current && !B && ce.current.focus();
-  }, [D, B]);
-  const Ge = A(C);
-  Y(() => {
-    y === void 0 && Ge.current !== C && (Ge.current = C, $?.(C));
-  }, [C, y, $]), Y(() => {
+    [E, L]
+  ), Ge = A(null);
+  Z(() => {
+    D && W.current && !M && W.current.focus();
+  }, [D, M]);
+  const qe = A(C);
+  Z(() => {
+    y === void 0 && qe.current !== C && (qe.current = C, $?.(C));
+  }, [C, y, $]), Z(() => {
     if (r !== "single") return;
-    const i = Array.from(m.selectionManager.selectedKeys), a = i.length > 0 ? i[0] : null;
-    if (a === We.current) return;
-    We.current = a;
-    const f = a !== null ? m.collection.getItem(a) : null;
+    const i = Array.from(p.selectionManager.selectedKeys), a = i.length > 0 ? i[0] : null;
+    if (a === Ge.current) return;
+    Ge.current = a;
+    const f = a !== null ? p.collection.getItem(a) : null;
     if (a !== null && !f)
       return;
     const S = f?.textValue ?? "";
-    V ? d?.(S) : (re(S), oe.current = S);
+    V ? d?.(S) : (ue(S), ne.current = S);
   }, [
     r,
-    m.selectionManager.selectedKeys,
-    m.collection,
+    p.selectionManager.selectedKeys,
+    p.collection,
     V,
     d
-  ]), Y(() => {
+  ]), Z(() => {
     if (C && Ve) {
-      const i = Ve === "first" ? m.collection.getFirstKey() : m.collection.getLastKey();
-      m.selectionManager.setFocusedKey(i ?? null), he(null);
+      const i = Ve === "first" ? p.collection.getFirstKey() : p.collection.getLastKey();
+      p.selectionManager.setFocusedKey(i ?? null), be(null);
     }
-  }, [C, Ve, m.collection, m.selectionManager]), Y(() => {
-    C ? m.selectionManager.setFocused(!0) : (m.selectionManager.setFocused(!1), m.selectionManager.setFocusedKey(null));
-  }, [C, m.selectionManager]);
-  const qe = A(!1);
-  m.collection.size > 0 && (qe.current = !0), Y(() => {
-    if (!C || H || we || !qe.current) return;
-    m.collection.size > 0 || E(!1);
+  }, [C, Ve, p.collection, p.selectionManager]), Z(() => {
+    C ? p.selectionManager.setFocused(!0) : (p.selectionManager.setFocused(!1), p.selectionManager.setFocusedKey(null));
+  }, [C, p.selectionManager]);
+  const je = A(!1);
+  p.collection.size > 0 && (je.current = !0), Z(() => {
+    if (!C || U || Se || !je.current) return;
+    p.collection.size > 0 || L(!1);
   }, [
     C,
-    H,
-    we,
-    m.collection.size,
-    E,
-    L
-  ]);
-  const { triggerRef: je, inputRef: ce } = Ae();
-  Y(() => {
-    const i = je.current;
+    U,
+    Se,
+    p.collection.size,
+    L,
+    T
+  ]), Z(() => {
+    const i = Fe.current;
     if (!i) return;
     const a = () => {
       const S = i.offsetWidth;
@@ -948,35 +960,35 @@ const Sr = (e) => {
     // InputContext: Props for ComboBox.Input component
     // Configures the input field with ARIA attributes, event handlers, and validation
     [
-      Me,
+      Be,
       {
-        ref: ce,
+        ref: W,
         role: "combobox",
         // ARIA role for autocomplete input
         "aria-autocomplete": "list",
         // Indicates suggestions are in a list
-        "aria-controls": r === "multiple" ? `${ge} ${pe}` : pe,
+        "aria-controls": r === "multiple" ? `${ce} ${re}` : re,
         // Single-select: controls only listbox
         "aria-expanded": C,
         // Announces menu open/closed state
-        "aria-activedescendant": m.selectionManager.focusedKey ? `${pe}-option-${m.selectionManager.focusedKey}` : void 0,
-        "aria-describedby": r === "multiple" ? `${ge} ${le ?? ""}` : le,
-        "aria-label": Q,
-        "aria-labelledby": se,
-        value: L,
+        "aria-activedescendant": p.selectionManager.focusedKey ? `${re}-option-${p.selectionManager.focusedKey}` : void 0,
+        "aria-describedby": r === "multiple" ? `${ce} ${ie ?? ""}` : ie,
+        "aria-label": X,
+        "aria-labelledby": le,
+        value: T,
         onChange: (i) => gt(i.target.value),
         onKeyDown: ht,
         onFocus: xt,
         onBlur: vt,
-        disabled: B,
+        disabled: M,
         readOnly: x,
-        required: me,
-        "aria-invalid": ee,
-        placeholder: p,
-        name: j,
-        form: Se,
-        validationbehavior: Ce,
-        validate: z
+        required: pe,
+        "aria-invalid": te,
+        placeholder: m,
+        name: H,
+        form: Ce,
+        validationbehavior: ve,
+        validate: N
       }
     ],
     // TagGroupContext: Props for ComboBox.TagGroup component (multi-select only)
@@ -984,7 +996,7 @@ const Sr = (e) => {
     [
       De,
       {
-        id: ge,
+        id: ce,
         "aria-label": t.format("selectedValues"),
         items: dt,
         // Selected items to display as tags
@@ -995,13 +1007,13 @@ const Sr = (e) => {
     // ButtonContext: Props for toggle and clear buttons
     // Uses "slots" pattern to configure multiple buttons via single context
     [
-      Ee,
+      Te,
       {
         slots: {
           toggle: {
             onPress: pt,
             "aria-label": t.format("toggleOptions"),
-            isDisabled: B || x,
+            isDisabled: M || x,
             isPressed: C
             // Visual indicator that menu is open
           },
@@ -1009,7 +1021,7 @@ const Sr = (e) => {
             onPress: yt,
             "aria-label": t.format("clearSelection"),
             style: v.size > 0 ? void 0 : { display: "none" },
-            isDisabled: B || x || m.selectionManager.selectedKeys.size === 0
+            isDisabled: M || x || p.selectionManager.selectedKeys.size === 0
             // Disabled when nothing selected
           }
         }
@@ -1024,10 +1036,10 @@ const Sr = (e) => {
         // No-op onOpenChange: We control state internally, prevent React Aria from managing its own state
         onOpenChange: () => {
         },
-        ref: ye,
-        triggerRef: je,
+        ref: Oe,
+        triggerRef: Fe,
         // Popover positions relative to this element
-        scrollRef: ue,
+        scrollRef: ge,
         // Enables scroll-into-view for keyboard navigation
         isNonModal: !0,
         // Non-modal: doesn't trap focus, allows interaction outside
@@ -1042,8 +1054,8 @@ const Sr = (e) => {
         clearContexts: [
           // Clear these contexts so popover content doesn't inherit combobox contexts
           Gt,
-          Ee,
-          Me,
+          Te,
+          Be,
           Wt,
           jt
         ]
@@ -1059,11 +1071,11 @@ const Sr = (e) => {
       {
         items: s,
         // Items to render (merged from outer component)
-        id: pe,
+        id: re,
         // ID referenced by aria-controls on input
-        ref: ue,
+        ref: ge,
         // Ref for scroll positioning
-        renderEmptyState: U,
+        renderEmptyState: J,
         // Custom empty state renderer
         shouldFocusWrap: O,
         // Whether to wrap focus from last to first item
@@ -1071,9 +1083,9 @@ const Sr = (e) => {
       }
     ],
     // ListStateContext: React Aria's collection state for managing selection and focus
-    [It, m]
+    [It, p]
   ];
-  return /* @__PURE__ */ ve(
+  return /* @__PURE__ */ xe(
     Ye,
     {
       values: Ct,
@@ -1081,14 +1093,14 @@ const Sr = (e) => {
         /* @__PURE__ */ g(
           _e,
           {
-            name: j,
-            form: Se,
+            name: H,
+            form: Ce,
             selectedKeys: v,
             selectionMode: r,
-            formValue: Fe,
-            allowsCustomOptions: q,
-            collection: m.collection,
-            inputValue: L
+            formValue: Ae,
+            allowsCustomOptions: j,
+            collection: p.collection,
+            inputValue: T
           }
         ),
         c
@@ -1096,7 +1108,7 @@ const Sr = (e) => {
     }
   );
 }, tt = (e) => {
-  const [t, r] = fe(e), s = Pe(Me), { inputRef: o } = Ae();
+  const [t, r] = me(e), s = Pe(Be), { inputRef: o } = Me();
   let n = "", c = "";
   s && typeof s == "object" && "value" in s && (n = s.value || "", c = s.placeholder || "");
   const l = Math.max(n.length || c.length || 1, 1);
@@ -1114,17 +1126,17 @@ tt.displayName = "ComboBox.Input";
 const wr = ({
   children: e
 }) => /* @__PURE__ */ g(rr, { children: e }), rt = (e) => {
-  const { selectionMode: t, size: r, getKey: s, getTextValue: o, isDisabled: n, isReadOnly: c } = Ae(), [l, u] = fe(e), b = Pe(De), h = (b && "items" in b ? b.items : void 0) ?? [];
-  return t !== "multiple" ? null : /* @__PURE__ */ g(nr, { ...l, ...u, asChild: !0, children: /* @__PURE__ */ g(Te.Root, { size: r, children: /* @__PURE__ */ g(Te.TagList, { items: h, display: "contents", children: (d) => {
-    const w = s(d), p = o(d);
+  const { selectionMode: t, size: r, getKey: s, getTextValue: o, isDisabled: n, isReadOnly: c } = Me(), [l, u] = me(e), b = Pe(De), h = (b && "items" in b ? b.items : void 0) ?? [];
+  return t !== "multiple" ? null : /* @__PURE__ */ g(nr, { ...l, ...u, asChild: !0, children: /* @__PURE__ */ g(Le.Root, { size: r, children: /* @__PURE__ */ g(Le.TagList, { items: h, display: "contents", children: (d) => {
+    const w = s(d), m = o(d);
     return /* @__PURE__ */ g(
-      Te.Tag,
+      Le.Tag,
       {
         id: w,
-        textValue: p,
+        textValue: m,
         isDisabled: n || c,
         maxW: "100%",
-        children: p
+        children: m
       }
     );
   } }) }) });
@@ -1134,12 +1146,12 @@ const ot = ({
   children: e,
   ...t
 }) => {
-  const { triggerRef: r, leadingElement: s, inputRef: o, isLoading: n, isDisabled: c } = Ae();
-  return /* @__PURE__ */ ve(tr, { ref: r, onClick: (u) => {
+  const { triggerRef: r, leadingElement: s, inputRef: o, isLoading: n, isDisabled: c } = Me();
+  return /* @__PURE__ */ xe(tr, { ref: r, onClick: (u) => {
     !c && u.target instanceof HTMLElement && !u.target.closest("button") && o.current?.focus();
   }, ...t, children: [
     s && /* @__PURE__ */ g(wr, { children: s }),
-    /* @__PURE__ */ ve(or, { children: [
+    /* @__PURE__ */ xe(or, { children: [
       /* @__PURE__ */ g(rt, {}),
       /* @__PURE__ */ g(tt, {})
     ] }),
@@ -1150,7 +1162,7 @@ const ot = ({
         size: "2xs",
         variant: "ghost",
         colorPalette: "primary",
-        children: /* @__PURE__ */ g(Lt, {})
+        children: /* @__PURE__ */ g(Et, {})
       }
     ),
     /* @__PURE__ */ g(
@@ -1161,7 +1173,7 @@ const ot = ({
         variant: "ghost",
         colorPalette: "neutral",
         excludeFromTabOrder: !0,
-        children: n ? /* @__PURE__ */ g(Pt, { size: "xs", margin: "50" }) : /* @__PURE__ */ g(Tt, {})
+        children: n ? /* @__PURE__ */ g(Pt, { size: "xs", margin: "50" }) : /* @__PURE__ */ g(Lt, {})
       }
     ),
     e
@@ -1173,7 +1185,7 @@ const nt = ({
   ref: t,
   ...r
 }) => {
-  const [s, o] = fe(r);
+  const [s, o] = me(r);
   return /* @__PURE__ */ g(lr, { asChild: !0, ...s, children: /* @__PURE__ */ g(
     Rt,
     {
@@ -1191,7 +1203,7 @@ function st({
   ref: t,
   ...r
 }) {
-  const [s, o] = fe(r);
+  const [s, o] = me(r);
   return /* @__PURE__ */ g(ir, { ...s, ref: t, asChild: !0, children: /* @__PURE__ */ g(Bt, { ...o, children: typeof e == "function" ? (c) => {
     const l = e(c), u = c;
     return wt(l) && (u.id || u.textValue) ? $t(
@@ -1210,13 +1222,13 @@ function lt({
   ref: t,
   ...r
 }) {
-  const [s, o] = fe(r);
+  const [s, o] = me(r);
   return /* @__PURE__ */ g(ar, { ...s, asChild: !0, children: /* @__PURE__ */ g(Mt, { ref: t, ...o, children: (n) => {
     const c = typeof e == "function" ? e({
       ...n
     }) : e;
-    return n.selectionMode === "multiple" ? /* @__PURE__ */ ve(He, { children: [
-      /* @__PURE__ */ g(ur, { children: /* @__PURE__ */ g("span", { "data-selected": n.isSelected, children: n.isSelected && /* @__PURE__ */ g(Et, {}) }) }),
+    return n.selectionMode === "multiple" ? /* @__PURE__ */ xe(He, { children: [
+      /* @__PURE__ */ g(ur, { children: /* @__PURE__ */ g("span", { "data-selected": n.isSelected, children: n.isSelected && /* @__PURE__ */ g(Tt, {}) }) }),
       /* @__PURE__ */ g(dr, { children: c })
     ] }) : /* @__PURE__ */ g(He, { children: c });
   } }) });
@@ -1233,7 +1245,7 @@ function it({
     throw new Error(
       'ComboBox.Section: When "items" is provided, "children" must be a function'
     );
-  return /* @__PURE__ */ ve(At, { ref: s, ...o, children: [
+  return /* @__PURE__ */ xe(At, { ref: s, ...o, children: [
     t && /* @__PURE__ */ g(cr, { asChild: !0, children: /* @__PURE__ */ g(Kt, { children: t }) }),
     r ? /* @__PURE__ */ g(Ot, { items: r, children: (n) => typeof e == "function" ? e(n) : null }) : e
   ] });
@@ -1548,4 +1560,4 @@ const oo = {
 export {
   oo as C
 };
-//# sourceMappingURL=combobox-vjauyzlS.es.js.map
+//# sourceMappingURL=combobox-B30crY-T.es.js.map