@commercetools/nimbus 0.0.0-canary-20260126161726 → 0.0.0-canary-20260127154408

package/dist/chunks/{combobox-CKko1MRl.es.js → combobox-B6iyR31V.es.js}

@@ -1,28 +1,28 @@
 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 Tt } from "@chakra-ui/react";
-import { Close as Et, KeyboardArrowDown as Lt, Check as Vt } from "@commercetools/nimbus-icons";
-import { e as me } from "./extract-style-props-Cgg8HsH7.es.js";
-import { P as Rt } from "./popover-CuA9VugH.es.js";
-import { I as Ue } from "./icon-button-Cf0LSF4C.es.js";
-import { L as Pt } from "./loading-spinner-gf62wtm3.es.js";
-import { $ as Be, a as Dt } from "./Input-Cmg08oRP.es.js";
-import { $ as De, T as Le } from "./tag-group-CpLRtc1p.es.js";
+import { d as Kt } from "./Header-Dc_tzDs3.es.js";
+import { $ as Xe, a as It, b as Bt, c as Mt, d as At } from "./ListBox-CYNLUQ3a.es.js";
+import { f as Ft, g as Ot } from "./CollectionBuilder-DYW6tbzU.es.js";
+import { createSlotRecipeContext as Et } from "@chakra-ui/react";
+import { Close as Lt, KeyboardArrowDown as Tt, Check as Vt } from "@commercetools/nimbus-icons";
+import { e as me } from "./extract-style-props-CyUPG_35.es.js";
+import { P as Rt } from "./popover-BB1pYTlN.es.js";
+import { I as Ue } from "./icon-button-DFHbFcbj.es.js";
+import { L as Pt } from "./loading-spinner-BtDS9yzp.es.js";
+import { $ as Be, a as Dt } from "./Input-aKSXZBAh.es.js";
+import { $ as De, T as Te } from "./tag-group-DqV4t-nV.es.js";
 import { useSlotRecipe as zt } from "@chakra-ui/react/styled-system";
 import { b as Nt } from "./RSPContexts-DLgb84PF.es.js";
-import { $ as Ve } 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 Ve } from "./Button-CmpJG0ec.es.js";
+import { $ as kt, e as Ye } from "./utils-9vu7GUaz.es.js";
+import { a as Wt } from "./Group-C9jsb9_m.es.js";
+import { $ as Gt } from "./Label-Bu5lTMzy.es.js";
+import { h as qt } from "./Dialog-C3fAbDNn.es.js";
 import { $ as jt } from "./Text-DOcU1ycg.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";
+import { $ as Je } from "./mergeProps-D1jjFfMs.es.js";
+import { a as Jt } from "./useListState-BgQn1ZbV.es.js";
 function Qt(e, t) {
   let r;
   switch (e.state) {
@@ -115,7 +115,7 @@ function Qt(e, t) {
             ...e.selectedKeys,
             ...(m = t.selectedKeys) !== null && m !== void 0 ? m : []
           ]);
-          var K, E;
+          var K, L;
           return {
             ...e,
             state: "idle",
@@ -124,7 +124,7 @@ function Qt(e, t) {
               ...(K = t.items) !== null && K !== void 0 ? K : []
             ],
             selectedKeys: r,
-            sortDescriptor: (E = t.sortDescriptor) !== null && E !== void 0 ? E : e.sortDescriptor,
+            sortDescriptor: (L = t.sortDescriptor) !== null && L !== void 0 ? L : e.sortDescriptor,
             abortController: void 0,
             cursor: t.cursor
           };
@@ -183,11 +183,11 @@ function Xt(e) {
       });
       var K;
       let y = (K = d.filterText) !== null && K !== void 0 ? K : l.filterText;
-      var E;
+      var L;
       let F = await w({
         items: l.items.slice(),
         selectedKeys: l.selectedKeys,
-        sortDescriptor: (E = d.sortDescriptor) !== null && E !== void 0 ? E : l.sortDescriptor,
+        sortDescriptor: (L = d.sortDescriptor) !== null && L !== void 0 ? L : l.sortDescriptor,
         signal: m.signal,
         cursor: d.type === "loadingMore" ? l.cursor : void 0,
         filterText: y,
@@ -263,7 +263,7 @@ 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), m = A(!0), K = A(), E = 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(), L = A();
   w.current = e;
   var I = typeof window < "u", y = !t && t !== 0 && I;
   if (typeof e != "function") throw new TypeError("Expected a function");
@@ -293,7 +293,7 @@ function Zt(e, t, r, s) {
         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();
+          ((H = global.document) == null ? void 0 : H.visibilityState) === "hidden" && L.current.flush();
         }, (x = global.document) == null || x.addEventListener == null || x.addEventListener("visibilitychange", K.current)), D) {
           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);
@@ -310,14 +310,14 @@ function Zt(e, t, r, s) {
       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 L.current = se, Z(function() {
     return m.current = !0, function() {
       var P;
-      U && E.current.flush(), K.current && ((P = global.document) == null || P.removeEventListener == null || P.removeEventListener("visibilitychange", K.current), K.current = null), m.current = !1;
+      U && L.current.flush(), K.current && ((P = global.document) == null || P.removeEventListener == null || P.removeEventListener("visibilitychange", K.current), K.current = null), m.current = !1;
     };
   }, [U]), se;
 }
-const { withProvider: _t, withContext: q } = /* @__PURE__ */ Tt({
+const { withProvider: _t, withContext: q } = /* @__PURE__ */ Et({
   key: "combobox"
 }), 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",
@@ -326,9 +326,9 @@ const { withProvider: _t, withContext: q } = /* @__PURE__ */ Tt({
   toggleOptions: "Toggle options"
 }, mr = {
   clearSelection: "Auswahl löschen",
-  options: "Options menu",
+  options: "Optionsmenü",
   selectedValues: "Ausgewählte Werte",
-  toggleOptions: "Toggle options"
+  toggleOptions: "Optionen umschalten"
 }, pr = {
   clearSelection: "Borrar selección",
   options: "Menú de opciones",
@@ -341,9 +341,9 @@ const { withProvider: _t, withContext: q } = /* @__PURE__ */ Tt({
   toggleOptions: "Basculer les options"
 }, yr = {
   clearSelection: "Limpar seleção",
-  options: "Options menu",
+  options: "Menu de opções",
   selectedValues: "Selecionar valores",
-  toggleOptions: "Toggle options"
+  toggleOptions: "Alternar opções"
 }, br = {
   en: /* @__PURE__ */ he(fr),
   de: /* @__PURE__ */ he(mr),
@@ -444,7 +444,7 @@ function et(e) {
     renderEmptyState: w,
     async: m,
     filter: K,
-    allowsCustomOptions: E = !1,
+    allowsCustomOptions: L = !1,
     isDisabled: I = !1,
     isInvalid: y = !1,
     isRequired: F = !1,
@@ -472,15 +472,15 @@ function et(e) {
       te(B), O(!0), ve(B);
     },
     [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((T) => o(T)));
+  ), N = m ? pe : u, Se = m ? Ce : b, Y = m ? x || M.loadingState === "loading" || M.loadingState === "loadingMore" || M.loadingState === "filtering" : h, we = m || L ? !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 = (L ? 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((E) => o(E)));
     let v = [...le.filter(
-      (T) => !oe.has(o(T))
+      (E) => !oe.has(o(E))
     ), ...G];
     if (m && r === "multiple" && D.length > 0) {
-      const T = new Set(v.map((ye) => o(ye)));
+      const E = new Set(v.map((ye) => o(ye)));
       v = [...D.filter(
-        (ye) => !T.has(o(ye))
+        (ye) => !E.has(o(ye))
       ), ...v];
     }
     return v;
@@ -597,7 +597,7 @@ function et(e) {
                     isInvalid: y,
                     isReadOnly: $,
                     collection: B,
-                    allowsCustomOptions: E,
+                    allowsCustomOptions: L,
                     asyncConfig: m,
                     onAsyncSelectedItemsChange: m && r === "multiple" ? H : void 0,
                     onAddCustomItem: ie,
@@ -628,7 +628,7 @@ const Sr = (e) => {
     filter: w,
     placeholder: m,
     menuTrigger: K = "input",
-    shouldCloseOnBlur: E = !0,
+    shouldCloseOnBlur: L = !0,
     shouldCloseOnSelect: I = !0,
     isOpen: y,
     defaultOpen: F = !1,
@@ -663,18 +663,18 @@ const Sr = (e) => {
     [l]
   ), G = !!u, [oe, ae] = _(
     B
-  ), v = G ? B : oe, T = d !== void 0, ze = () => {
+  ), v = G ? B : oe, E = d !== void 0, ze = () => {
     if (h) return h;
-    if (T || r !== "single") return "";
+    if (E || r !== "single") return "";
     const i = Array.from(v);
     if (i.length === 0) return "";
     const a = i[0];
     return o.getItem(a)?.textValue ?? "";
   }, [ye, ue] = _(
     ze
-  ), V = T ? h : ye, ne = A(V), [at, Ne] = _(F), C = y ?? at, [Te, be] = _(
+  ), V = E ? h : ye, ne = A(V), [at, Ne] = _(F), C = y ?? at, [Ee, be] = _(
     null
-  ), L = R(
+  ), T = R(
     (i) => {
       y === void 0 && Ne(i), $?.(i);
     },
@@ -692,7 +692,7 @@ const Sr = (e) => {
     }
     if (w) {
       const a = Array.from(o), f = Array.from(w(a, V)), S = new Set(f.map((Ie) => Ie.key));
-      return o.filter?.((Ie, Ee) => S.has(Ee.key)) ?? o;
+      return o.filter?.((Ie, Le) => S.has(Le.key)) ?? o;
     }
     const i = V.toLowerCase();
     return o.filter?.((a) => a.toLowerCase().includes(i)) ?? o;
@@ -704,9 +704,9 @@ const Sr = (e) => {
     y === void 0 ? Ne((a) => !a) : $?.(!y), i && (W.current?.focus(), be("first"));
   }, [y, C, $]), gt = R(
     (i) => {
-      T || ue(i), d?.(i), K === "input" && i !== ne.current && L(!0), ne.current = i;
+      E || ue(i), d?.(i), K === "input" && i !== ne.current && T(!0), ne.current = i;
     },
-    [T, d, K, L]
+    [E, d, K, T]
   ), z = R(
     (i, a) => {
       let f = i === "all" ? new Set(Array.from(o).map((k) => k.key)) : i;
@@ -715,8 +715,8 @@ const Sr = (e) => {
         const k = Array.from(f)[0], fe = S.has(k), de = new Set(S);
         fe ? de.delete(k) : de.add(k), f = de;
       }
-      const Ee = Cr(f);
-      if (u ? u(Ee) : ae(f), Y && r === "multiple" && we) {
+      const Le = Cr(f);
+      if (u ? u(Le) : ae(f), Y && r === "multiple" && we) {
         const k = Array.from(f).map((fe) => o.getItem(fe)?.value).filter((fe) => fe !== void 0);
         we(k);
       }
@@ -724,9 +724,9 @@ const Sr = (e) => {
         const k = Array.from(f)[0];
         if (k !== null) {
           const de = o.getItem(k)?.textValue ?? "";
-          T || (ue(de), ne.current = de), d?.(de);
+          E || (ue(de), ne.current = de), d?.(de);
         }
-        I && L(!1);
+        I && T(!1);
       }
     },
     [
@@ -736,8 +736,8 @@ const Sr = (e) => {
       u,
       d,
       I,
-      L,
-      T
+      T,
+      E
     ]
   ), p = Jt({
     selectionMode: r,
@@ -746,14 +746,14 @@ const Sr = (e) => {
     onSelectionChange: z,
     disabledKeys: b
   }), yt = R(() => {
-    z(/* @__PURE__ */ new Set()), T || (ue(""), ne.current = ""), d?.(""), L(!0), requestAnimationFrame(() => {
+    z(/* @__PURE__ */ new Set()), E || (ue(""), ne.current = ""), d?.(""), T(!0), requestAnimationFrame(() => {
       W.current?.focus();
     });
   }, [
     z,
-    T,
+    E,
     d,
-    L,
+    T,
     W
   ]), ke = R(
     (i) => {
@@ -783,7 +783,7 @@ const Sr = (e) => {
     ) || Q && !Q(i))
       return !1;
     const f = se(i);
-    return ke(f), r === "multiple" ? (T || (ue(""), ne.current = ""), d?.("")) : (T || (ue(i), ne.current = i), d?.(i)), P?.(f), !0;
+    return ke(f), r === "multiple" ? (E || (ue(""), ne.current = ""), d?.("")) : (E || (ue(i), ne.current = i), d?.(i)), P?.(f), !0;
   }, [
     j,
     se,
@@ -794,7 +794,7 @@ const Sr = (e) => {
     d,
     P,
     ke,
-    T,
+    E,
     ue,
     ne
   ]), bt = R(
@@ -809,7 +809,7 @@ const Sr = (e) => {
       switch (i.key) {
         case "ArrowDown":
           if (i.preventDefault(), !C)
-            L(!0), be("first");
+            T(!0), be("first");
           else {
             const a = p.selectionManager.focusedKey, f = a ? p.collection.getKeyAfter(a) : p.collection.getFirstKey();
             p.selectionManager.setFocusedKey(
@@ -819,7 +819,7 @@ const Sr = (e) => {
           break;
         case "ArrowUp":
           if (i.preventDefault(), !C)
-            L(!0), be("last");
+            T(!0), be("last");
           else {
             const a = p.selectionManager.focusedKey, f = a ? p.collection.getKeyBefore(a) : p.collection.getLastKey();
             p.selectionManager.setFocusedKey(
@@ -839,7 +839,7 @@ const Sr = (e) => {
           } else C && !p.selectionManager.focusedKey && j && We() && i.preventDefault();
           break;
         case "Escape":
-          C && (i.preventDefault(), L(!1), p.selectionManager.setFocusedKey(null));
+          C && (i.preventDefault(), T(!1), p.selectionManager.setFocusedKey(null));
           break;
         case "Home":
           if (C) {
@@ -874,7 +874,7 @@ const Sr = (e) => {
       p.selectionManager,
       p.collection,
       z,
-      L,
+      T,
       be,
       r,
       V,
@@ -883,24 +883,24 @@ const Sr = (e) => {
       We
     ]
   ), xt = R(() => {
-    K === "focus" && !M && !x && L(!0), r === "single" && V && W.current && W.current.select();
+    K === "focus" && !M && !x && T(!0), r === "single" && V && W.current && W.current.select();
   }, [
     K,
     M,
     x,
-    L,
+    T,
     r,
     V
   ]), vt = R(
     (i) => {
-      if (!E) return;
+      if (!L) return;
       const a = i.currentTarget;
       setTimeout(() => {
         const f = document.activeElement;
-        a.contains(f) || L(!1);
+        a.contains(f) || T(!1);
       }, 150);
     },
-    [E, L]
+    [L, T]
   ), Ge = A(null);
   Z(() => {
     D && W.current && !M && W.current.focus();
@@ -917,31 +917,31 @@ const Sr = (e) => {
     if (a !== null && !f)
       return;
     const S = f?.textValue ?? "";
-    T ? d?.(S) : (ue(S), ne.current = S);
+    E ? d?.(S) : (ue(S), ne.current = S);
   }, [
     r,
     p.selectionManager.selectedKeys,
     p.collection,
-    T,
+    E,
     d
   ]), Z(() => {
-    if (C && Te) {
-      const i = Te === "first" ? p.collection.getFirstKey() : p.collection.getLastKey();
+    if (C && Ee) {
+      const i = Ee === "first" ? p.collection.getFirstKey() : p.collection.getLastKey();
       p.selectionManager.setFocusedKey(i ?? null), be(null);
     }
-  }, [C, Te, p.collection, p.selectionManager]), Z(() => {
+  }, [C, Ee, 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);
+    p.collection.size > 0 || T(!1);
   }, [
     C,
     U,
     Se,
     p.collection.size,
-    L,
+    T,
     V
   ]), Z(() => {
     const i = Fe.current;
@@ -1127,10 +1127,10 @@ const wr = ({
   children: e
 }) => /* @__PURE__ */ g(rr, { children: e }), rt = (e) => {
   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) => {
+  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), m = o(d);
     return /* @__PURE__ */ g(
-      Le.Tag,
+      Te.Tag,
       {
         id: w,
         textValue: m,
@@ -1162,7 +1162,7 @@ const ot = ({
         size: "2xs",
         variant: "ghost",
         colorPalette: "primary",
-        children: /* @__PURE__ */ g(Et, {})
+        children: /* @__PURE__ */ g(Lt, {})
       }
     ),
     /* @__PURE__ */ g(
@@ -1173,7 +1173,7 @@ const ot = ({
         variant: "ghost",
         colorPalette: "neutral",
         excludeFromTabOrder: !0,
-        children: n ? /* @__PURE__ */ g(Pt, { size: "xs", margin: "50" }) : /* @__PURE__ */ g(Lt, {})
+        children: n ? /* @__PURE__ */ g(Pt, { size: "xs", margin: "50" }) : /* @__PURE__ */ g(Tt, {})
       }
     ),
     e
@@ -1560,4 +1560,4 @@ const oo = {
 export {
   oo as C
 };
-//# sourceMappingURL=combobox-CKko1MRl.es.js.map
+//# sourceMappingURL=combobox-B6iyR31V.es.js.map