@commercetools/nimbus 0.0.0-canary-20250902075758 → 0.0.0-canary-20250903145300

package/dist/chunks/{select-Dlg0m5Ww.es.js → select-CAeD_ZuZ.es.js}

@@ -1,48 +1,47 @@
 import { jsx as d, jsxs as K } from "react/jsx-runtime";
 import m, { useMemo as z, useRef as I, useCallback as X, useState as B, forwardRef as N, createContext as G, useContext as _ } from "react";
-import { Close as se, Loop as de, KeyboardArrowDown as ce } from "@commercetools/nimbus-icons";
-import { B as U } from "./box-C8731OYq.es.js";
-import { $ as J, a as fe } from "./Button--gemnXF8.es.js";
-import { f as ue, b as be, c as $e, g as pe, $ as me } from "./Dialog-C3wKnoBH.es.js";
-import { $ as Q, c as Y, a as Z, b as ve, e as he, d as ye } from "./utils-BkdW_cdL.es.js";
-import { $ as ge } from "./FieldError-CXcEMuBf.es.js";
-import { $ as xe } from "./Form-CXcEMuBf.es.js";
-import { $ as Pe } from "./intlStrings-Cd44R5hT.es.js";
+import { createSlotRecipeContext as se, useSlotRecipe as de, chakra as ce } from "@chakra-ui/react/styled-system";
+import { Close as fe, Loop as ue, KeyboardArrowDown as be } from "@commercetools/nimbus-icons";
+import { B as U } from "./box-DuBoAZvq.es.js";
+import { $ as J, a as $e } from "./Button-CNBS3n5a.es.js";
+import { f as pe, b as me, c as ve, g as he, $ as ye } from "./Dialog-BeQ6Z6l2.es.js";
+import { $ as Q, c as Y, a as Z, b as ge, e as xe, d as Pe } from "./utils-BkdW_cdL.es.js";
+import { $ as Se } from "./FieldError-CXcEMuBf.es.js";
+import { $ as Ce } from "./Form-CXcEMuBf.es.js";
+import { $ as Re } from "./intlStrings-Cd44R5hT.es.js";
 import { $ as ee } from "./Label-B2YyCdLl.es.js";
-import { a as Se, b as Ce, c as Re, d as De, e as Fe } from "./ListBox-BzuLanGT.es.js";
+import { a as De, b as Fe, c as Ke, d as Be, e as Ie } from "./ListBox-DF3NHeEX.es.js";
 import { $ as j } from "./Text-DOcU1ycg.es.js";
-import { i as Ke, k as Be, f as Ie, g as we } from "./Collection-Df3FPouy.es.js";
-import { $ as T, a as Ee, e as Oe } from "./mergeProps-B_9syxhT.es.js";
+import { $ as we, s as Ee, m as Oe, n as ke } from "./SelectionManager-CLyu96pU.es.js";
+import { $ as T, a as qe, e as Me } from "./mergeProps-B_9syxhT.es.js";
 import { $ as W } from "./filterDOMProps-BSVCO5jK.es.js";
-import { $ as ke, a as qe } from "./OverlayArrow-ERS8ZqL3.es.js";
-import { $ as Me } from "./useLocalizedStringFormatter-CvzOUusg.es.js";
-import { a as Ve, $ as Te } from "./useFormValidation-4hZ1_a6w.es.js";
-import { $ as ze } from "./useSingleSelectListState-CYqW_Fx5.es.js";
-import { $ as Ne } from "./useFocusRing-updnkDQg.es.js";
-import { c as Ge } from "./useFocusVisible-CWDaG0ze.es.js";
-import { $ as je } from "./useCollator-BvjDbml1.es.js";
-import { $ as We } from "./useField-Ce9zQxmx.es.js";
-import { $ as He } from "./useFormReset-DurgUJL-.es.js";
-import { a as Le } from "./VisuallyHidden-VHEPK04F.es.js";
-import { c as Ae, u as Ue } from "./create-slot-recipe-context-DBNItnlK.es.js";
-import { I as Xe } from "./icon-button-oIKucbza.es.js";
-import { j as _e } from "./index-DRWeBbu8.es.js";
-import { e as te } from "./extractStyleProps-DX5GBd9K.es.js";
-import { c as Je } from "./factory-BpxiKxSs.es.js";
-import { F as V } from "./flex-B81RbgfK.es.js";
-import { e as Qe } from "./Separator-T5Cc3sUj.es.js";
+import { $ as Ve, a as Te } from "./OverlayArrow-sJzRZNbO.es.js";
+import { $ as ze } from "./useLocalizedStringFormatter-BRnRyxJp.es.js";
+import { a as Ne, $ as Ge } from "./useFormValidation-4hZ1_a6w.es.js";
+import { $ as je } from "./useSingleSelectListState-D1rjgMv_.es.js";
+import { $ as We } from "./useFocusRing-updnkDQg.es.js";
+import { c as He } from "./useFocusVisible-CWDaG0ze.es.js";
+import { $ as Le } from "./useCollator-BHMZd1r6.es.js";
+import { $ as Ae } from "./useField-Ce9zQxmx.es.js";
+import { $ as Ue } from "./useFormReset-DurgUJL-.es.js";
+import { a as Xe } from "./VisuallyHidden-VHEPK04F.es.js";
+import { I as _e } from "./icon-button-C20Gw8gQ.es.js";
+import { j as Je } from "./index-jAeaCpRm.es.js";
+import { e as te } from "./extractStyleProps-vA4cNUoc.es.js";
+import { Flex as V } from "@chakra-ui/react/flex";
+import { d as Qe } from "./Separator-3-E2tRbk.es.js";
 const H = /* @__PURE__ */ new WeakMap();
 function Ye(e, t, r) {
-  let { keyboardDelegate: o, isDisabled: l, isRequired: n, name: c, form: i, validationBehavior: s = "aria" } = e, b = je({
+  let { keyboardDelegate: o, isDisabled: l, isRequired: n, name: c, form: i, validationBehavior: s = "aria" } = e, b = Le({
     usage: "search",
     sensitivity: "base"
-  }), a = z(() => o || new Ke(t.collection, t.disabledKeys, r, b), [
+  }), a = z(() => o || new we(t.collection, t.disabledKeys, r, b), [
     o,
     t.collection,
     t.disabledKeys,
     b,
     r
-  ]), { menuTriggerProps: p, menuProps: $ } = ue({
+  ]), { menuTriggerProps: p, menuProps: $ } = pe({
     isDisabled: l,
     type: "listbox"
   }, t, r), f = (u) => {
@@ -62,13 +61,13 @@ function Ye(e, t, r) {
         break;
       }
     }
-  }, { typeSelectProps: v } = Be({
+  }, { typeSelectProps: v } = Ee({
     keyboardDelegate: a,
     selectionManager: t.selectionManager,
     onTypeSelect(u) {
       t.setSelectedKey(u);
     }
-  }), { isInvalid: P, validationErrors: S, validationDetails: w } = t.displayValidation, { labelProps: E, fieldProps: C, descriptionProps: y, errorMessageProps: O } = We({
+  }), { isInvalid: P, validationErrors: S, validationDetails: w } = t.displayValidation, { labelProps: E, fieldProps: C, descriptionProps: y, errorMessageProps: O } = Ae({
     ...e,
     labelElementType: "span",
     isInvalid: P,
@@ -77,7 +76,7 @@ function Ye(e, t, r) {
   v.onKeyDown = v.onKeyDownCapture, delete v.onKeyDownCapture;
   let k = W(e, {
     labelable: !0
-  }), h = T(v, p, C), F = Ee();
+  }), h = T(v, p, C), F = qe();
   return H.set(t, {
     isDisabled: l,
     isRequired: n,
@@ -90,14 +89,14 @@ function Ye(e, t, r) {
       onClick: () => {
         if (!e.isDisabled) {
           var u;
-          (u = r.current) === null || u === void 0 || u.focus(), Ge("keyboard");
+          (u = r.current) === null || u === void 0 || u.focus(), He("keyboard");
         }
       }
     },
     triggerProps: T(k, {
       ...h,
       isDisabled: l,
-      onKeyDown: Oe(h.onKeyDown, f, e.onKeyDown),
+      onKeyDown: Me(h.onKeyDown, f, e.onKeyDown),
       onKeyUp: e.onKeyUp,
       "aria-labelledby": [
         F,
@@ -145,7 +144,7 @@ function Ye(e, t, r) {
   };
 }
 function Ze(e, t, r) {
-  let o = H.get(t) || {}, { autoComplete: l, name: n = o.name, form: c = o.form, isDisabled: i = o.isDisabled } = e, { validationBehavior: s, isRequired: b } = o, { visuallyHiddenProps: a } = Le({
+  let o = H.get(t) || {}, { autoComplete: l, name: n = o.name, form: c = o.form, isDisabled: i = o.isDisabled } = e, { validationBehavior: s, isRequired: b } = o, { visuallyHiddenProps: a } = Xe({
     style: {
       // Prevent page scrolling.
       position: "fixed",
@@ -153,7 +152,7 @@ function Ze(e, t, r) {
       left: 0
     }
   });
-  He(e.selectRef, t.defaultSelectedKey, t.setSelectedKey), Ve({
+  Ue(e.selectRef, t.defaultSelectedKey, t.setSelectedKey), Ne({
     validationBehavior: s,
     focus: () => {
       var f;
@@ -240,12 +239,12 @@ function et(e) {
   return null;
 }
 function tt(e) {
-  let t = ke(e), [r, o] = B(null), l = ze({
+  let t = Ve(e), [r, o] = B(null), l = je({
     ...e,
     onSelectionChange: (a) => {
       e.onSelectionChange != null && e.onSelectionChange(a), t.close(), n.commitValidation();
     }
-  }), n = Te({
+  }), n = Ge({
     ...e,
     value: l.selectedKey
   }), [c, i] = B(!1), [s] = B(l.selectedKey);
@@ -285,7 +284,7 @@ const L = /* @__PURE__ */ G(null), A = /* @__PURE__ */ G(null), at = /* @__PURE_
     n,
     c
   ]);
-  return /* @__PURE__ */ m.createElement(Ie, {
+  return /* @__PURE__ */ m.createElement(Oe, {
     content: i
   }, (s) => /* @__PURE__ */ m.createElement(it, {
     props: t,
@@ -298,17 +297,17 @@ const L = /* @__PURE__ */ G(null), A = /* @__PURE__ */ G(null), at = /* @__PURE_
   j
 ];
 function it({ props: e, selectRef: t, collection: r }) {
-  let { validationBehavior: o } = Y(xe) || {};
+  let { validationBehavior: o } = Y(Ce) || {};
   var l, n;
   let c = (n = (l = e.validationBehavior) !== null && l !== void 0 ? l : o) !== null && n !== void 0 ? n : "native", i = tt({
     ...e,
     collection: r,
     children: void 0,
     validationBehavior: c
-  }), { isFocusVisible: s, focusProps: b } = Ne({
+  }), { isFocusVisible: s, focusProps: b } = We({
     within: !0
-  }), a = I(null), [p, $] = ve(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: f, triggerProps: v, valueProps: P, menuProps: S, descriptionProps: w, errorMessageProps: E, hiddenSelectProps: C, ...y } = Ye({
-    ...he(e),
+  }), a = I(null), [p, $] = ge(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: f, triggerProps: v, valueProps: P, menuProps: S, descriptionProps: w, errorMessageProps: E, hiddenSelectProps: C, ...y } = Ye({
+    ...xe(e),
     label: $,
     validationBehavior: c
   }, i, a), [O, k] = B(null), h = X(() => {
@@ -316,7 +315,7 @@ function it({ props: e, selectRef: t, collection: r }) {
   }, [
     a
   ]);
-  qe({
+  Te({
     ref: a,
     onResize: h
   });
@@ -343,7 +342,7 @@ function it({ props: e, selectRef: t, collection: r }) {
   });
   delete g.id;
   let x = I(null);
-  return /* @__PURE__ */ m.createElement(ye, {
+  return /* @__PURE__ */ m.createElement(Pe, {
     values: [
       [
         L,
@@ -375,11 +374,11 @@ function it({ props: e, selectRef: t, collection: r }) {
         }
       ],
       [
-        be,
+        me,
         i
       ],
       [
-        $e,
+        ve,
         {
           trigger: "Select",
           triggerRef: a,
@@ -393,14 +392,14 @@ function it({ props: e, selectRef: t, collection: r }) {
         }
       ],
       [
-        Se,
+        De,
         {
           ...S,
           ref: x
         }
       ],
       [
-        Ce,
+        Fe,
         i
       ],
       [
@@ -413,7 +412,7 @@ function it({ props: e, selectRef: t, collection: r }) {
         }
       ],
       [
-        ge,
+        Se,
         y
       ]
     ]
@@ -446,7 +445,7 @@ const le = /* @__PURE__ */ G(null), rt = /* @__PURE__ */ N(function(t, r) {
     selectionMode: "single",
     selectionBehavior: "toggle"
   }));
-  let b = Me(lt(Pe), "react-aria-components");
+  let b = ze(lt(Re), "react-aria-components");
   var a, p, $;
   let f = Z({
     ...t,
@@ -468,15 +467,15 @@ const le = /* @__PURE__ */ G(null), rt = /* @__PURE__ */ N(function(t, r) {
   }, /* @__PURE__ */ m.createElement(j.Provider, {
     value: void 0
   }, f.children));
-}), { withProvider: nt, withContext: D } = /* @__PURE__ */ Ae({
+}), { withProvider: nt, withContext: D } = /* @__PURE__ */ se({
   key: "select"
 }), st = /* @__PURE__ */ nt(
   "div",
   "root"
 ), dt = /* @__PURE__ */ D("button", "trigger"), ct = /* @__PURE__ */ D("span", "triggerLabel"), ft = /* @__PURE__ */ D("div", "options"), ut = /* @__PURE__ */ D("div", "option"), bt = /* @__PURE__ */ D("div", "optionGroup"), ae = () => {
   const e = _(A);
-  return e?.selectedKey ? /* @__PURE__ */ d(pe, { children: /* @__PURE__ */ d(
-    Xe,
+  return e?.selectedKey ? /* @__PURE__ */ d(he, { children: /* @__PURE__ */ d(
+    _e,
     {
       pointerEvents: "all",
       size: "2xs",
@@ -486,20 +485,20 @@ const le = /* @__PURE__ */ G(null), rt = /* @__PURE__ */ N(function(t, r) {
       onPress: () => {
         e?.setSelectedKey(null);
       },
-      children: /* @__PURE__ */ d(se, {})
+      children: /* @__PURE__ */ d(fe, {})
     }
   ) }) : null;
 };
 ae.displayName = "Select.ClearButton";
 const oe = /* @__PURE__ */ N(
   ({ children: e, isLoading: t, isDisabled: r, ...o }, l) => {
-    const n = Ue({ recipe: _e }), [c, i] = n.splitVariantProps(o), [s, b] = te(i), a = {
+    const n = de({ recipe: Je }), [c, i] = n.splitVariantProps(o), [s, b] = te(i), a = {
       ...b,
       isDisabled: t || r
     };
     return /* @__PURE__ */ d(st, { asChild: !0, ref: l, ...c, ...s, children: /* @__PURE__ */ K(at, { ...a, children: [
-      /* @__PURE__ */ K(Je.div, { position: "relative", children: [
-        /* @__PURE__ */ d(dt, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ d(fe, { children: /* @__PURE__ */ d(ct, { asChild: !0, children: /* @__PURE__ */ d(rt, {}) }) }) }),
+      /* @__PURE__ */ K(ce.div, { position: "relative", children: [
+        /* @__PURE__ */ d(dt, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ d($e, { children: /* @__PURE__ */ d(ct, { asChild: !0, children: /* @__PURE__ */ d(rt, {}) }) }) }),
         /* @__PURE__ */ K(
           V,
           {
@@ -511,25 +510,25 @@ const oe = /* @__PURE__ */ N(
             pointerEvents: "none",
             children: [
               /* @__PURE__ */ d(V, { width: "600", my: "auto", children: /* @__PURE__ */ d(ae, {}) }),
-              /* @__PURE__ */ d(V, { my: "auto", w: "600", h: "600", pointerEvents: "none", children: /* @__PURE__ */ d(U, { color: "neutral.9", asChild: !0, m: "auto", w: "400", h: "400", children: t ? /* @__PURE__ */ d(U, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ d(de, {}) }) : /* @__PURE__ */ d(ce, {}) }) })
+              /* @__PURE__ */ d(V, { my: "auto", w: "600", h: "600", pointerEvents: "none", children: /* @__PURE__ */ d(U, { color: "neutral.9", asChild: !0, m: "auto", w: "400", h: "400", children: t ? /* @__PURE__ */ d(U, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ d(ue, {}) }) : /* @__PURE__ */ d(be, {}) }) })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ d(me, { children: e })
+      /* @__PURE__ */ d(ye, { children: e })
     ] }) });
   }
 );
 oe.displayName = "Select.Root";
 const ie = (e) => {
   const { ref: t, ...r } = e, [o, l] = te(r);
-  return /* @__PURE__ */ d(ft, { asChild: !0, ...o, children: /* @__PURE__ */ d(Re, { ref: t, ...l }) });
+  return /* @__PURE__ */ d(ft, { asChild: !0, ...o, children: /* @__PURE__ */ d(Ke, { ref: t, ...l }) });
 };
 ie.displayName = "Select.Options";
 const re = ({
   ref: e,
   ...t
-}) => /* @__PURE__ */ d(ut, { asChild: !0, ref: e, children: /* @__PURE__ */ d(De, { ...t }) });
+}) => /* @__PURE__ */ d(ut, { asChild: !0, ref: e, children: /* @__PURE__ */ d(Be, { ...t }) });
 re.displayName = "Select.Option";
 const ne = (e) => {
   const { ref: t, label: r, items: o, children: l, ...n } = e;
@@ -537,23 +536,23 @@ const ne = (e) => {
     throw new Error(
       'SelectOptionGroup: When "items" is provided, "children" must be a function'
     );
-  return /* @__PURE__ */ K(Fe, { ref: t, ...n, children: [
+  return /* @__PURE__ */ K(Ie, { ref: t, ...n, children: [
     /* @__PURE__ */ d(bt, { asChild: !0, children: /* @__PURE__ */ d(Qe, { children: r }) }),
-    o ? /* @__PURE__ */ d(we, { items: o, children: (c) => typeof l == "function" ? l(c) : null }) : l
+    o ? /* @__PURE__ */ d(ke, { items: o, children: (c) => typeof l == "function" ? l(c) : null }) : l
   ] });
 };
 ne.displayName = "Select.OptionGroup";
-const Ut = {
+const At = {
   Root: oe,
   Options: ie,
   Option: re,
   OptionGroup: ne
 };
 export {
-  Ut as S,
+  At as S,
   oe as a,
   ie as b,
   re as c,
   ne as d
 };
-//# sourceMappingURL=select-Dlg0m5Ww.es.js.map
+//# sourceMappingURL=select-CAeD_ZuZ.es.js.map