@commercetools/nimbus 0.0.12-rc2 → 0.0.12-rc4

package/dist/chunks/{combobox-BS6TWlhm.es.js → combobox-gIwba2QG.es.js}

@@ -1,7 +1,7 @@
 import { jsx as d, jsxs as ie, Fragment as Ve } from "react/jsx-runtime";
-import { l as Ou } from "./index-Dvel3Oj5.es.js";
-import { c as Vu, u as Gu } from "./create-slot-recipe-context--T0CaFjW.es.js";
-import J, { useEffect as te, useRef as T, useMemo as ce, useCallback as V, useState as H, createContext as $e, forwardRef as Mu, useContext as ze } from "react";
+import { createSlotRecipeContext as Ou, useSlotRecipe as Vu } from "@chakra-ui/react/styled-system";
+import { l as Gu } from "./index-jAeaCpRm.es.js";
+import J, { useEffect as te, useRef as F, useMemo as ce, useCallback as V, useState as H, createContext as $e, forwardRef as Mu, useContext as ze } from "react";
 import { $ as Ue } from "./Button-CNBS3n5a.es.js";
 import { f as qe, c as De, e as Se, d as Le, $ as fe, b as We, a as He } from "./utils-BkdW_cdL.es.js";
 import { $ as Je } from "./FieldError-CXcEMuBf.es.js";
@@ -23,24 +23,24 @@ import { $ as ve } from "./LiveAnnouncer-CsPyaceH.es.js";
 import { $ as pe, e as fn, b as Cn, d as be } from "./mergeProps-B_9syxhT.es.js";
 import { $ as xn, k as mn, d as ge, a as lo } from "./utils-jpfA6kxk.es.js";
 import { $ as hn } from "./openLink-Ctl0AdAy.es.js";
-import { a as Fe } from "./useLabel-BBmkkrPP.es.js";
+import { a as Te } from "./useLabel-BBmkkrPP.es.js";
 import { $ as vn } from "./useUpdateEffect-CCDx8D4X.es.js";
 import { g as ye, f as yn, d as An } from "./platform-Z5fvtFmM.es.js";
 import { a as En, d as Bn } from "./Separator-3-E2tRbk.es.js";
 import { $ as io } from "./useLocalizedStringFormatter-BRnRyxJp.es.js";
 import { $ as co } from "./useTextField-BnL6tOdd.es.js";
-import { e as ke } from "./extractStyleProps-D6vCCKog.es.js";
+import { e as ke } from "./extractStyleProps-vA4cNUoc.es.js";
 import { Close as ro, Loop as ao, KeyboardArrowDown as so, Check as gn } from "@commercetools/nimbus-icons";
-import { B as Ce } from "./box-BK_2R49p.es.js";
-import { I as Te } from "./icon-button-EonZGbth.es.js";
-import { F as po } from "./flex-BFC_f5BH.es.js";
-import { mergeRefs as Fn } from "@chakra-ui/react";
+import { B as Ce } from "./box-DuBoAZvq.es.js";
+import { I as Fe } from "./icon-button-C20Gw8gQ.es.js";
+import { Flex as po } from "@chakra-ui/react/flex";
+import { mergeRefs as Tn } from "@chakra-ui/react";
 import { $ as $o } from "./useObjectRef-CaJ5pgjX.es.js";
-import { $ as Tn } from "./useEvent-YHhqZvpU.es.js";
+import { $ as Fn } from "./useEvent-YHhqZvpU.es.js";
 import { b as Dn } from "./useFocusVisible-CWDaG0ze.es.js";
 import { a as Sn } from "./TextArea-BmpgvS0R.es.js";
 import { $ as Ln } from "./Hidden-j3Lbt7xL.es.js";
-import { T as Ae } from "./tag-group-DqTm8v26.es.js";
+import { T as Ae } from "./tag-group-CeNHz5QQ.es.js";
 import { $ as In } from "./usePress-DHhWHfMz.es.js";
 import { $ as Pn } from "./useFocusable-CrsD8ZcF.es.js";
 const wn = /* @__PURE__ */ J.forwardRef(({ children: e, ...o }, u) => {
@@ -318,8 +318,8 @@ go = {
   listboxLabel: "הצעות",
   selectedAnnouncement: (e) => `${e.optionText}, נבחר`
 };
-var Fo = {};
-Fo = {
+var To = {};
+To = {
   buttonLabel: "Prikaži prijedloge",
   countAnnouncement: (e, o) => `Dostupno još: ${o.plural(e.optionCount, {
     one: () => `${o.number(e.optionCount)} opcija`,
@@ -338,8 +338,8 @@ Fo = {
   listboxLabel: "Prijedlozi",
   selectedAnnouncement: (e) => `${e.optionText}, odabrano`
 };
-var To = {};
-To = {
+var Fo = {};
+Fo = {
   buttonLabel: "Javaslatok megjelenítése",
   countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
     one: () => `${o.number(e.optionCount)} lehetőség`,
@@ -772,8 +772,8 @@ Jo = {
   "fi-FI": Eo,
   "fr-FR": Bo,
   "he-IL": go,
-  "hr-HR": Fo,
-  "hu-HU": To,
+  "hr-HR": To,
+  "hu-HU": Fo,
   "it-IT": Do,
   "ja-JP": So,
   "ko-KR": Lo,
@@ -799,7 +799,7 @@ function kn(e) {
   return e && e.__esModule ? e.default : e;
 }
 function Kn(e, o) {
-  let { buttonRef: u, popoverRef: l, inputRef: n, listBoxRef: r, keyboardDelegate: b, layoutDelegate: c, shouldFocusWrap: i, isReadOnly: x, isDisabled: v } = e, C = T(null);
+  let { buttonRef: u, popoverRef: l, inputRef: n, listBoxRef: r, keyboardDelegate: b, layoutDelegate: c, shouldFocusWrap: i, isReadOnly: x, isDisabled: v } = e, C = F(null);
   u = u ?? C;
   let D = io(kn(Jo), "@react-aria/combobox"), { menuTriggerProps: m, menuProps: g } = Ju({
     type: "listbox",
@@ -878,20 +878,20 @@ function Kn(e, o) {
       var s;
       (s = n.current) === null || s === void 0 || s.focus(), o.toggle(null, "manual");
     }
-  }, F = (f) => {
+  }, T = (f) => {
     if (f.pointerType !== "touch") {
       var s;
       (s = n.current) === null || s === void 0 || s.focus(), o.toggle(f.pointerType === "keyboard" || f.pointerType === "virtual" ? "first" : null, "manual");
     }
-  }, t = Fe({
+  }, t = Te({
     id: m.id,
     "aria-label": D.format("buttonLabel"),
     "aria-labelledby": e["aria-labelledby"] || w.id
-  }), a = Fe({
+  }), a = Te({
     id: g.id,
     "aria-label": D.format("listboxLabel"),
     "aria-labelledby": e["aria-labelledby"] || w.id
-  }), E = T(0), M = (f) => {
+  }), E = F(0), M = (f) => {
     if (v || x) return;
     if (f.timeStamp - E.current < 500) {
       var s;
@@ -907,7 +907,7 @@ function Kn(e, o) {
   var I;
   let O = (I = A?.parentKey) !== null && I !== void 0 ? I : null;
   var ne;
-  let _ = (ne = o.selectionManager.focusedKey) !== null && ne !== void 0 ? ne : null, X = T(O), ue = T(_);
+  let _ = (ne = o.selectionManager.focusedKey) !== null && ne !== void 0 ? ne : null, X = F(O), ue = F(_);
   te(() => {
     if (ye() && A != null && _ != null && _ !== ue.current) {
       let s = o.selectionManager.isSelected(_), B = O != null ? o.collection.getItem(O) : null, N = B?.["aria-label"] || (typeof B?.rendered == "string" ? B.rendered : "") || "";
@@ -925,7 +925,7 @@ function Kn(e, o) {
     }
     X.current = O, ue.current = _;
   });
-  let ee = En(o.collection), re = T(ee), ae = T(o.isOpen);
+  let ee = En(o.collection), re = F(ee), ae = F(o.isOpen);
   te(() => {
     let f = o.isOpen !== ae.current && (o.selectionManager.focusedKey == null || ye());
     if (o.isOpen && (f || ee !== re.current)) {
@@ -936,7 +936,7 @@ function Kn(e, o) {
     }
     re.current = ee, ae.current = o.isOpen;
   });
-  let Y = T(o.selectedKey);
+  let Y = F(o.selectedKey);
   return te(() => {
     if (ye() && o.isFocused && o.selectedItem && o.selectedKey !== Y.current) {
       let f = o.selectedItem["aria-label"] || o.selectedItem.textValue || "", s = D.format("selectedAnnouncement", {
@@ -966,7 +966,7 @@ function Kn(e, o) {
       excludeFromTabOrder: !0,
       preventFocusOnPress: !0,
       onPress: Q,
-      onPressStart: F,
+      onPressStart: T,
       isDisabled: v || x
     },
     inputProps: pe(R, {
@@ -1120,12 +1120,12 @@ var gu = {};
 gu = {
   collectionLabel: "Öneriler"
 };
-var Fu = {};
-Fu = {
-  collectionLabel: "Пропозиції"
-};
 var Tu = {};
 Tu = {
+  collectionLabel: "Пропозиції"
+};
+var Fu = {};
+Fu = {
   collectionLabel: "建议"
 };
 var Du = {};
@@ -1165,15 +1165,15 @@ Su = {
   "sr-SP": Eu,
   "sv-SE": Bu,
   "tr-TR": gu,
-  "uk-UA": Fu,
-  "zh-CN": Tu,
+  "uk-UA": Tu,
+  "zh-CN": Fu,
   "zh-TW": Du
 };
 function Rn(e) {
   return e && e.__esModule ? e.default : e;
 }
 function On(e, o) {
-  let { inputRef: u, collectionRef: l, filter: n, disableAutoFocusFirst: r = !1, disableVirtualFocus: b = !1 } = e, c = Cn(), i = T(void 0), x = T(!1), v = T(null), C = T(null), m = !(Dn() === "virtual" && (yn() || An())) && !b;
+  let { inputRef: u, collectionRef: l, filter: n, disableAutoFocusFirst: r = !1, disableVirtualFocus: b = !1 } = e, c = Cn(), i = F(void 0), x = F(!1), v = F(null), C = F(null), m = !(Dn() === "virtual" && (yn() || An())) && !b;
   te(() => () => clearTimeout(i.current), []);
   let g = be((t) => {
     !t.isTrusted && m && u.current && ge(lo(u.current)) !== u.current && u.current.focus();
@@ -1212,14 +1212,14 @@ function On(e, o) {
       }
     });
     clearTimeout(i.current), x.current = !1, (a = l.current) === null || a === void 0 || a.dispatchEvent(E);
-  }), K = T("");
-  Tn(u, "input", (t) => {
+  }), K = F("");
+  Fn(u, "input", (t) => {
     let { inputType: a } = t;
     K.current = a;
   });
   let j = (t) => {
     K.current === "insertText" && !r ? p() : (K.current.includes("insert") || K.current.includes("delete") || K.current.includes("history")) && (S(!0), ln(document) === u.current && Be(u.current, null)), o.setInputValue(t);
-  }, L = T(null), Z = (t) => {
+  }, L = F(null), Z = (t) => {
     if (L.current = t.target, t.nativeEvent.isComposing) return;
     let a = v.current;
     switch (t.key) {
@@ -1292,7 +1292,7 @@ function On(e, o) {
   }), [
     z
   ]);
-  let W = io(Rn(Su), "@react-aria/autocomplete"), U = Fe({
+  let W = io(Rn(Su), "@react-aria/autocomplete"), U = Te({
     id: c,
     "aria-label": W.format("collectionLabel")
   }), w = V((t, a) => n ? n(t, o.inputValue, a) : !0, [
@@ -1316,7 +1316,7 @@ function On(e, o) {
     onChange: j
   };
   var Q;
-  let F = {
+  let T = {
     onKeyDown: Z,
     "aria-activedescendant": (Q = o.focusedNodeId) !== null && Q !== void 0 ? Q : void 0,
     onBlur: R,
@@ -1324,7 +1324,7 @@ function On(e, o) {
   };
   return c && (G = {
     ...G,
-    ...m && F,
+    ...m && T,
     enterKeyHint: "go",
     "aria-controls": c,
     // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
@@ -1359,7 +1359,7 @@ const Gn = /* @__PURE__ */ $e(null), Mn = /* @__PURE__ */ $e(null);
 function Nn(e) {
   let o = De(Gn, e.slot);
   e = pe(o, e);
-  let { filter: u, disableAutoFocusFirst: l } = e, n = Vn(e), r = T(null), b = T(null), { inputProps: c, collectionProps: i, collectionRef: x, filter: v } = On({
+  let { filter: u, disableAutoFocusFirst: l } = e, n = Vn(e), r = F(null), b = F(null), { inputProps: c, collectionProps: i, collectionRef: x, filter: v } = On({
     ...Se(e),
     filter: u,
     disableAutoFocusFirst: l,
@@ -1408,7 +1408,7 @@ function jn(e) {
     L,
     u,
     e.items
-  ]), [R, oe] = H(w), G = T("focus"), F = sn({
+  ]), [R, oe] = H(w), G = F("focus"), T = sn({
     ...e,
     onOpenChange: (y) => {
       e.onOpenChange && e.onOpenChange(y, y ? G.current : void 0), h.setFocused(y), y || h.setFocusedKey(null);
@@ -1417,10 +1417,10 @@ function jn(e) {
     defaultOpen: void 0
   }), t = (y = null, P) => {
     let k = P === "manual" || P === "focus" && l === "focus";
-    (n || w.size > 0 || k && U.size > 0 || e.items) && (k && !F.isOpen && e.items === void 0 && i(!0), G.current = P, D(y), F.open());
+    (n || w.size > 0 || k && U.size > 0 || e.items) && (k && !T.isOpen && e.items === void 0 && i(!0), G.current = P, D(y), T.open());
   }, a = (y = null, P) => {
     let k = P === "manual" || P === "focus" && l === "focus";
-    !(n || w.size > 0 || k && U.size > 0 || e.items) && !F.isOpen || (k && !F.isOpen && e.items === void 0 && i(!0), F.isOpen || (G.current = P), M(y));
+    !(n || w.size > 0 || k && U.size > 0 || e.items) && !T.isOpen || (k && !T.isOpen && e.items === void 0 && i(!0), T.isOpen || (G.current = P), M(y));
   }, E = V(() => {
     oe(c ? U : w);
   }, [
@@ -1428,14 +1428,14 @@ function jn(e) {
     U,
     w
   ]), M = V((y = null) => {
-    F.isOpen && E(), D(y), F.toggle();
+    T.isOpen && E(), D(y), T.toggle();
   }, [
-    F,
+    T,
     E
   ]), A = V(() => {
-    F.isOpen && (E(), F.close());
+    T.isOpen && (E(), T.close());
   }, [
-    F,
+    T,
     E
   ]), [I, O] = H(L), ne = () => {
     var y, P;
@@ -1443,12 +1443,12 @@ function jn(e) {
     O(k), Z(k);
   };
   var _, X;
-  let ue = T((X = (_ = e.selectedKey) !== null && _ !== void 0 ? _ : e.defaultSelectedKey) !== null && X !== void 0 ? X : null);
+  let ue = F((X = (_ = e.selectedKey) !== null && _ !== void 0 ? _ : e.defaultSelectedKey) !== null && X !== void 0 ? X : null);
   var ee;
-  let re = T(p != null && (ee = (o = $.getItem(p)) === null || o === void 0 ? void 0 : o.textValue) !== null && ee !== void 0 ? ee : "");
+  let re = F(p != null && (ee = (o = $.getItem(p)) === null || o === void 0 ? void 0 : o.textValue) !== null && ee !== void 0 ? ee : "");
   te(() => {
     var y;
-    x && (w.size > 0 || n) && !F.isOpen && L !== I && l !== "manual" && t(null, "input"), !c && !n && F.isOpen && w.size === 0 && A(), p != null && p !== ue.current && A(), L !== I && (h.setFocusedKey(null), i(!1), L === "" && (e.inputValue === void 0 || e.selectedKey === void 0) && S(null)), p !== ue.current && (e.inputValue === void 0 || e.selectedKey === void 0) ? ne() : I !== L && O(L);
+    x && (w.size > 0 || n) && !T.isOpen && L !== I && l !== "manual" && t(null, "input"), !c && !n && T.isOpen && w.size === 0 && A(), p != null && p !== ue.current && A(), L !== I && (h.setFocusedKey(null), i(!1), L === "" && (e.inputValue === void 0 || e.selectedKey === void 0) && S(null)), p !== ue.current && (e.inputValue === void 0 || e.selectedKey === void 0) ? ne() : I !== L && O(L);
     var P;
     let k = p != null && (P = (y = $.getItem(p)) === null || y === void 0 ? void 0 : y.textValue) !== null && P !== void 0 ? P : "";
     !x && p != null && e.inputValue === void 0 && p === ue.current && re.current !== k && (O(k), Z(k)), ue.current = p, re.current = k;
@@ -1485,11 +1485,11 @@ function jn(e) {
       s();
   };
   let N = () => {
-    F.isOpen && h.focusedKey != null ? p === h.focusedKey ? s() : S(h.focusedKey) : B();
-  }, q = T(L), se = (y) => {
+    T.isOpen && h.focusedKey != null ? p === h.focusedKey ? s() : S(h.focusedKey) : B();
+  }, q = F(L), se = (y) => {
     y ? (q.current = L, l === "focus" && !e.isReadOnly && t(null, "focus")) : (b && B(), L !== q.current && ae.commitValidation()), v(y);
-  }, de = ce(() => F.isOpen ? c ? U : w : R, [
-    F.isOpen,
+  }, de = ce(() => T.isOpen ? c ? U : w : R, [
+    T.isOpen,
     U,
     w,
     c,
@@ -1500,7 +1500,7 @@ function jn(e) {
   var he;
   return {
     ...ae,
-    ...F,
+    ...T,
     focusStrategy: C,
     toggle: a,
     open: t,
@@ -1601,7 +1601,7 @@ function Hn({ props: e, collection: o, comboBoxRef: u }) {
     children: void 0,
     collection: o,
     validationBehavior: x
-  }), D = T(null), m = T(null), g = T(null), $ = T(null), [h, p] = We(!e["aria-label"] && !e["aria-labelledby"]), { buttonProps: S, inputProps: K, listBoxProps: j, labelProps: L, descriptionProps: Z, errorMessageProps: z, ...W } = Kn({
+  }), D = F(null), m = F(null), g = F(null), $ = F(null), [h, p] = We(!e["aria-label"] && !e["aria-labelledby"]), { buttonProps: S, inputProps: K, listBoxProps: j, labelProps: L, descriptionProps: Z, errorMessageProps: z, ...W } = Kn({
     ...Se(e),
     label: p,
     inputRef: m,
@@ -1643,7 +1643,7 @@ function Hn({ props: e, collection: o, comboBoxRef: u }) {
     global: !0
   });
   delete Q.id;
-  var F;
+  var T;
   return /* @__PURE__ */ J.createElement(Le, {
     values: [
       [
@@ -1737,14 +1737,14 @@ function Hn({ props: e, collection: o, comboBoxRef: u }) {
     type: "hidden",
     name: l,
     form: e.form,
-    value: (F = C.selectedKey) !== null && F !== void 0 ? F : ""
+    value: (T = C.selectedKey) !== null && T !== void 0 ? T : ""
   }));
 }
 const Jn = /* @__PURE__ */ $e(null), Zn = /* @__PURE__ */ Ln(function(o, u) {
   [o, u] = fe(o, u, Jn);
   let { validationBehavior: l } = De(Ze) || {};
   var n, r;
-  let b = (r = (n = o.validationBehavior) !== null && n !== void 0 ? n : l) !== null && r !== void 0 ? r : "native", c = T(null);
+  let b = (r = (n = o.validationBehavior) !== null && n !== void 0 ? n : l) !== null && r !== void 0 ? r : "native", c = F(null);
   [o, c] = fe(o, c, oo);
   let [i, x] = We(!o["aria-label"] && !o["aria-labelledby"]), [v, C] = H("input"), { labelProps: D, inputProps: m, descriptionProps: g, errorMessageProps: $, ...h } = co({
     ...Se(o),
@@ -1822,7 +1822,7 @@ const Jn = /* @__PURE__ */ $e(null), Zn = /* @__PURE__ */ Ln(function(o, u) {
       ]
     ]
   }, S.children));
-}), { withProvider: Xn, withContext: le } = /* @__PURE__ */ Vu({
+}), { withProvider: Xn, withContext: le } = /* @__PURE__ */ Ou({
   key: "combobox"
 }), Yn = /* @__PURE__ */ Xn("div", "root"), Iu = /* @__PURE__ */ le("div", "value"), Pu = /* @__PURE__ */ le("div", "buttonGroup"), Qn = /* @__PURE__ */ le("div", "popover"), _n = /* @__PURE__ */ le("input", "multiSelectInput"), et = /* @__PURE__ */ le("div", "options"), ot = /* @__PURE__ */ le("div", "optionGroup"), ut = /* @__PURE__ */ le("div", "option"), nt = /* @__PURE__ */ le("span", "optionIndicator"), tt = /* @__PURE__ */ le("span", "optionContent"), lt = (e) => {
   const {
@@ -1877,7 +1877,7 @@ const it = ({
   const l = ze(Ke);
   return /* @__PURE__ */ ie(Pu, { children: [
     l?.selectedKey && /* @__PURE__ */ d(
-      Te,
+      Fe,
       {
         pointerEvents: "all",
         slot: null,
@@ -1902,7 +1902,7 @@ const it = ({
         children: /* @__PURE__ */ d(ao, {})
       }
     ) }) }) : /* @__PURE__ */ d(
-      Te,
+      Fe,
       {
         size: "2xs",
         variant: "ghost",
@@ -1932,7 +1932,7 @@ const it = ({
     throw new Error(
       'ComboBox: When "onSubmitCustomValue" is provided, "inputValue" must be controlled with "onInputChange"'
     );
-  const C = T(null), D = V(() => {
+  const C = F(null), D = V(() => {
     C.current && C.current.value && requestAnimationFrame(() => C.current?.setSelectionRange(0, 0));
   }, [C]);
   return /* @__PURE__ */ ie(
@@ -2085,7 +2085,7 @@ const rt = (
   }, []);
   return /* @__PURE__ */ ie(Pu, { children: [
     /* @__PURE__ */ d(_e, { children: e instanceof Set && e.size > 0 && /* @__PURE__ */ d(
-      Te,
+      Fe,
       {
         pointerEvents: "all",
         slot: null,
@@ -2156,7 +2156,7 @@ const dt = ({
   ref: U,
   ...w
 }) => {
-  const [R, oe] = H(!1), G = T(!1), [Q, F] = H(), t = b ?? Q ?? r, a = c ?? F, [E, M] = H(""), A = u ?? E ?? l, I = n ?? M, O = v ?? C, ne = no({ sensitivity: "base" }), _ = (...s) => ne.contains.apply(void 0, s), X = V(
+  const [R, oe] = H(!1), G = F(!1), [Q, T] = H(), t = b ?? Q ?? r, a = c ?? T, [E, M] = H(""), A = u ?? E ?? l, I = n ?? M, O = v ?? C, ne = no({ sensitivity: "base" }), _ = (...s) => ne.contains.apply(void 0, s), X = V(
     (s) => {
       if ($ || h) {
         R && oe(!1);
@@ -2221,7 +2221,7 @@ const dt = ({
       a,
       I
     ]
-  ), Y = T(null), f = Fn(U, Y);
+  ), Y = F(null), f = Tn(U, Y);
   return /* @__PURE__ */ ie(Qu, { isOpen: R, onOpenChange: X, children: [
     /* @__PURE__ */ d(wn, { allowTextSelectionOnPress: !0, children: /* @__PURE__ */ ie(
       "div",
@@ -2322,7 +2322,7 @@ const dt = ({
   ref: o,
   ...u
 }) => {
-  const l = Gu({ recipe: Ou }), [n, r] = l.splitVariantProps(u), [b, c] = ke(r), i = "selectionMode" in u && u.selectionMode === "multiple" ? dt : ct;
+  const l = Vu({ recipe: Gu }), [n, r] = l.splitVariantProps(u), [b, c] = ke(r), i = "selectionMode" in u && u.selectionMode === "multiple" ? dt : ct;
   return /* @__PURE__ */ d(
     Yn,
     {
@@ -2389,4 +2389,4 @@ export {
   ku as b,
   Ku as c
 };
-//# sourceMappingURL=combobox-BS6TWlhm.es.js.map
+//# sourceMappingURL=combobox-gIwba2QG.es.js.map