@commercetools/nimbus 0.0.0-canary-20250812202252 → 0.0.0-canary-20250813190648

package/dist/chunks/{select-Cx0Yiwr-.es.js → select-D1P8VLDI.es.js}

@@ -1,43 +1,45 @@
 import { jsx as c, jsxs as g } from "react/jsx-runtime";
 import p, { useMemo as k, useRef as K, useState as O, forwardRef as Z, createContext as V, useContext as U, useCallback as qe } from "react";
-import { createSlotRecipeContext as Te, useSlotRecipe as je, chakra as Ne, Flex as I } from "@chakra-ui/react";
-import { Close as Ge, Loop as Ue, KeyboardArrowDown as _e } from "@commercetools/nimbus-icons";
-import { B as N } from "./box-DD4jYgS7.es.js";
-import { $ as _, a as We } from "./Button-D19EX1Wq.es.js";
-import { k as He, b as Je, c as Xe, l as Ye, $ as Qe } from "./Dialog-C-E93N6e.es.js";
-import { $ as W, c as H, a as J, b as eo, e as oo, d as ro } from "./utils-CEdpnSRC.es.js";
-import { $ as ao, a as lo } from "./Form-yBl0QZl8.es.js";
+import { Close as Te, Loop as je, KeyboardArrowDown as Ne } from "@commercetools/nimbus-icons";
+import { B as N } from "./box-Cd4iddEV.es.js";
+import { $ as _, a as Ge } from "./Button-D19EX1Wq.es.js";
+import { k as Ue, b as _e, c as We, l as He, $ as Je } from "./Dialog-C-E93N6e.es.js";
+import { $ as W, c as H, a as J, b as Xe, e as Ye, d as Qe } from "./utils-CEdpnSRC.es.js";
+import { $ as eo, a as oo } from "./Form-yBl0QZl8.es.js";
 import { $ as X } from "./Label-p7LXqne0.es.js";
-import { a as to, b as io, c as uo, d as so, e as co } from "./ListBox-BeKJKToy.es.js";
+import { a as ro, b as ao, c as lo, d as to, e as io } from "./ListBox-BeKJKToy.es.js";
 import { $ as M } from "./Text-DOcU1ycg.es.js";
-import { m as no, r as bo, h as fo, q as po, i as $o } from "./Separator-Cda-VG87.es.js";
+import { m as uo, r as so, h as co, q as no, i as bo } from "./Separator-Cda-VG87.es.js";
 import { $ as q } from "./filterDOMProps-HzsCnE3d.es.js";
-import { $ as mo, a as vo } from "./OverlayArrow-BEiPDprB.es.js";
-import { $ as ho } from "./useLocalizedStringFormatter-B_O_C-A0.es.js";
-import { a as Po, $ as xo } from "./useFormValidation-LymIXJ06.es.js";
-import { $ as So } from "./useSingleSelectListState-DnOakIWf.es.js";
-import { $ as Do } from "./useFocusRing-D0M630ab.es.js";
-import { $ as G, a as Co, f as zo } from "./mergeProps-Bn6EInU5.es.js";
-import { c as yo } from "./useFocusVisible-0hgwP0jI.es.js";
-import { $ as Bo } from "./useCollator-BhJcleP-.es.js";
-import { $ as Ro } from "./useField-BGOhsACE.es.js";
-import { $ as go } from "./useFormReset-CC4XkaS0.es.js";
-import { a as ko } from "./VisuallyHidden-BZkdDAeI.es.js";
-import { I as Eo } from "./icon-button-DqkVeZCx.es.js";
-import { s as Fo } from "./select.recipe-B7-wzxnS.es.js";
-import { e as Y } from "./extractStyleProps-CxgBrz3O.es.js";
+import { $ as fo, a as po } from "./OverlayArrow-BEiPDprB.es.js";
+import { $ as $o } from "./useLocalizedStringFormatter-B_O_C-A0.es.js";
+import { a as mo, $ as vo } from "./useFormValidation-LymIXJ06.es.js";
+import { $ as ho } from "./useSingleSelectListState-DnOakIWf.es.js";
+import { $ as Po } from "./useFocusRing-D0M630ab.es.js";
+import { $ as G, a as xo, f as So } from "./mergeProps-Bn6EInU5.es.js";
+import { c as Do } from "./useFocusVisible-0hgwP0jI.es.js";
+import { $ as Co } from "./useCollator-BhJcleP-.es.js";
+import { $ as zo } from "./useField-BGOhsACE.es.js";
+import { $ as yo } from "./useFormReset-CC4XkaS0.es.js";
+import { a as Bo } from "./VisuallyHidden-BZkdDAeI.es.js";
+import { c as Ro, u as go } from "./create-slot-recipe-context-Cv3lncUO.es.js";
+import { I as ko } from "./icon-button-CJHH2Msr.es.js";
+import { i as Eo } from "./index-DdQ9V6B1.es.js";
+import { e as Y } from "./extractStyleProps-B7kwDyYx.es.js";
+import { c as Fo } from "./factory-BpGQXckI.es.js";
+import { F as I } from "./flex-DgabwPpo.es.js";
 const Q = /* @__PURE__ */ new WeakMap();
 function wo(e, o, i) {
-  let { keyboardDelegate: t, isDisabled: r, isRequired: u, name: d, validationBehavior: a = "aria" } = e, s = Bo({
+  let { keyboardDelegate: t, isDisabled: r, isRequired: u, name: d, validationBehavior: a = "aria" } = e, s = Co({
     usage: "search",
     sensitivity: "base"
-  }), l = k(() => t || new no(o.collection, o.disabledKeys, i, s), [
+  }), l = k(() => t || new uo(o.collection, o.disabledKeys, i, s), [
     t,
     o.collection,
     o.disabledKeys,
     s,
     i
-  ]), { menuTriggerProps: n, menuProps: b } = He({
+  ]), { menuTriggerProps: n, menuProps: b } = Ue({
     isDisabled: r,
     type: "listbox"
   }, o, i), v = (f) => {
@@ -57,13 +59,13 @@ function wo(e, o, i) {
         break;
       }
     }
-  }, { typeSelectProps: m } = bo({
+  }, { typeSelectProps: m } = so({
     keyboardDelegate: l,
     selectionManager: o.selectionManager,
     onTypeSelect(f) {
       o.setSelectedKey(f);
     }
-  }), { isInvalid: h, validationErrors: D, validationDetails: B } = o.displayValidation, { labelProps: E, fieldProps: C, descriptionProps: P, errorMessageProps: F } = Ro({
+  }), { isInvalid: h, validationErrors: D, validationDetails: B } = o.displayValidation, { labelProps: E, fieldProps: C, descriptionProps: P, errorMessageProps: F } = zo({
     ...e,
     labelElementType: "span",
     isInvalid: h,
@@ -72,7 +74,7 @@ function wo(e, o, i) {
   m.onKeyDown = m.onKeyDownCapture, delete m.onKeyDownCapture;
   let w = q(e, {
     labelable: !0
-  }), $ = G(m, n, C), R = Co();
+  }), $ = G(m, n, C), R = xo();
   return Q.set(o, {
     isDisabled: r,
     isRequired: u,
@@ -84,14 +86,14 @@ function wo(e, o, i) {
       onClick: () => {
         if (!e.isDisabled) {
           var f;
-          (f = i.current) === null || f === void 0 || f.focus(), yo("keyboard");
+          (f = i.current) === null || f === void 0 || f.focus(), Do("keyboard");
         }
       }
     },
     triggerProps: G(w, {
       ...$,
       isDisabled: r,
-      onKeyDown: zo($.onKeyDown, v, e.onKeyDown),
+      onKeyDown: So($.onKeyDown, v, e.onKeyDown),
       onKeyUp: e.onKeyUp,
       "aria-labelledby": [
         R,
@@ -131,8 +133,8 @@ function wo(e, o, i) {
   };
 }
 function Ao(e, o, i) {
-  let t = Q.get(o) || {}, { autoComplete: r, name: u = t.name, isDisabled: d = t.isDisabled } = e, { validationBehavior: a, isRequired: s } = t, { visuallyHiddenProps: l } = ko();
-  go(e.selectRef, o.selectedKey, o.setSelectedKey), Po({
+  let t = Q.get(o) || {}, { autoComplete: r, name: u = t.name, isDisabled: d = t.isDisabled } = e, { validationBehavior: a, isRequired: s } = t, { visuallyHiddenProps: l } = Bo();
+  yo(e.selectRef, o.selectedKey, o.setSelectedKey), mo({
     validationBehavior: a,
     focus: () => {
       var b;
@@ -194,12 +196,12 @@ function Lo(e) {
   }) : null;
 }
 function Io(e) {
-  let o = mo(e), [i, t] = O(null), r = So({
+  let o = fo(e), [i, t] = O(null), r = ho({
     ...e,
     onSelectionChange: (l) => {
       e.onSelectionChange != null && e.onSelectionChange(l), o.close(), u.commitValidation();
     }
-  }), u = xo({
+  }), u = vo({
     ...e,
     value: r.selectedKey
   }), [d, a] = O(!1), s = k(() => {
@@ -517,7 +519,7 @@ const T = /* @__PURE__ */ V(null), j = /* @__PURE__ */ V(null), Oo = /* @__PURE_
     u,
     d
   ]);
-  return /* @__PURE__ */ p.createElement(fo, {
+  return /* @__PURE__ */ p.createElement(co, {
     content: a
   }, (s) => /* @__PURE__ */ p.createElement(Vo, {
     props: o,
@@ -530,17 +532,17 @@ const T = /* @__PURE__ */ V(null), j = /* @__PURE__ */ V(null), Oo = /* @__PURE_
   M
 ];
 function Vo({ props: e, selectRef: o, collection: i }) {
-  let { validationBehavior: t } = H(ao) || {};
+  let { validationBehavior: t } = H(eo) || {};
   var r, u;
   let d = (u = (r = e.validationBehavior) !== null && r !== void 0 ? r : t) !== null && u !== void 0 ? u : "native", a = Io({
     ...e,
     collection: i,
     children: void 0,
     validationBehavior: d
-  }), { isFocusVisible: s, focusProps: l } = Do({
+  }), { isFocusVisible: s, focusProps: l } = Po({
     within: !0
-  }), n = K(null), [b, v] = eo(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: m, triggerProps: h, valueProps: D, menuProps: B, descriptionProps: E, errorMessageProps: C, ...P } = wo({
-    ...oo(e),
+  }), n = K(null), [b, v] = Xe(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: m, triggerProps: h, valueProps: D, menuProps: B, descriptionProps: E, errorMessageProps: C, ...P } = wo({
+    ...Ye(e),
     label: v,
     validationBehavior: d
   }, a, n), [F, w] = O(null), $ = qe(() => {
@@ -548,7 +550,7 @@ function Vo({ props: e, selectRef: o, collection: i }) {
   }, [
     n
   ]);
-  vo({
+  po({
     ref: n,
     onResize: $
   });
@@ -573,7 +575,7 @@ function Vo({ props: e, selectRef: o, collection: i }) {
   }), x = q(e);
   delete x.id;
   let S = K(null);
-  return /* @__PURE__ */ p.createElement(ro, {
+  return /* @__PURE__ */ p.createElement(Qe, {
     values: [
       [
         T,
@@ -605,11 +607,11 @@ function Vo({ props: e, selectRef: o, collection: i }) {
         }
       ],
       [
-        Je,
+        _e,
         a
       ],
       [
-        Xe,
+        We,
         {
           trigger: "Select",
           triggerRef: n,
@@ -623,14 +625,14 @@ function Vo({ props: e, selectRef: o, collection: i }) {
         }
       ],
       [
-        to,
+        ro,
         {
           ...B,
           ref: S
         }
       ],
       [
-        io,
+        ao,
         a
       ],
       [
@@ -643,7 +645,7 @@ function Vo({ props: e, selectRef: o, collection: i }) {
         }
       ],
       [
-        lo,
+        oo,
         P
       ]
     ]
@@ -682,7 +684,7 @@ const Ie = /* @__PURE__ */ V(null), Mo = /* @__PURE__ */ Z(function(o, i) {
     selectionMode: "single",
     selectionBehavior: "toggle"
   }));
-  let l = ho(Ko(Le), "react-aria-components");
+  let l = $o(Ko(Le), "react-aria-components");
   var n, b, v;
   let m = J({
     ...o,
@@ -702,15 +704,15 @@ const Ie = /* @__PURE__ */ V(null), Mo = /* @__PURE__ */ Z(function(o, i) {
   }, /* @__PURE__ */ p.createElement(M.Provider, {
     value: void 0
   }, m.children));
-}), { withProvider: qo, withContext: y } = /* @__PURE__ */ Te({
+}), { withProvider: qo, withContext: y } = /* @__PURE__ */ Ro({
   key: "select"
 }), To = /* @__PURE__ */ qo(
   "div",
   "root"
 ), jo = /* @__PURE__ */ y("button", "trigger"), No = /* @__PURE__ */ y("span", "triggerLabel"), Go = /* @__PURE__ */ y("div", "options"), Uo = /* @__PURE__ */ y("div", "option"), _o = /* @__PURE__ */ y("div", "optionGroup"), Ke = () => {
   const e = U(j);
-  return e?.selectedKey ? /* @__PURE__ */ c(Ye, { children: /* @__PURE__ */ c(
-    Eo,
+  return e?.selectedKey ? /* @__PURE__ */ c(He, { children: /* @__PURE__ */ c(
+    ko,
     {
       pointerEvents: "all",
       size: "2xs",
@@ -720,20 +722,20 @@ const Ie = /* @__PURE__ */ V(null), Mo = /* @__PURE__ */ Z(function(o, i) {
       onPress: () => {
         e?.setSelectedKey(null);
       },
-      children: /* @__PURE__ */ c(Ge, {})
+      children: /* @__PURE__ */ c(Te, {})
     }
   ) }) : null;
 };
 Ke.displayName = "Select.ClearButton";
 const Oe = /* @__PURE__ */ Z(
   ({ children: e, isLoading: o, isDisabled: i, ...t }, r) => {
-    const u = je({ recipe: Fo }), [d, a] = u.splitVariantProps(t), [s, l] = Y(a), n = {
+    const u = go({ recipe: Eo }), [d, a] = u.splitVariantProps(t), [s, l] = Y(a), n = {
       ...l,
       isDisabled: o || i
     };
     return /* @__PURE__ */ c(To, { asChild: !0, ref: r, ...d, ...s, children: /* @__PURE__ */ g(Oo, { ...n, children: [
-      /* @__PURE__ */ g(Ne.div, { position: "relative", children: [
-        /* @__PURE__ */ c(jo, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ c(We, { children: /* @__PURE__ */ c(No, { asChild: !0, children: /* @__PURE__ */ c(Mo, {}) }) }) }),
+      /* @__PURE__ */ g(Fo.div, { position: "relative", children: [
+        /* @__PURE__ */ c(jo, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ c(Ge, { children: /* @__PURE__ */ c(No, { asChild: !0, children: /* @__PURE__ */ c(Mo, {}) }) }) }),
         /* @__PURE__ */ g(
           I,
           {
@@ -745,24 +747,24 @@ const Oe = /* @__PURE__ */ Z(
             pointerEvents: "none",
             children: [
               /* @__PURE__ */ c(I, { width: "600", my: "auto", children: /* @__PURE__ */ c(Ke, {}) }),
-              /* @__PURE__ */ c(I, { my: "auto", w: "600", h: "600", pointerEvents: "none", children: /* @__PURE__ */ c(N, { color: "neutral.9", asChild: !0, m: "auto", w: "400", h: "400", children: o ? /* @__PURE__ */ c(N, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ c(Ue, {}) }) : /* @__PURE__ */ c(_e, {}) }) })
+              /* @__PURE__ */ c(I, { my: "auto", w: "600", h: "600", pointerEvents: "none", children: /* @__PURE__ */ c(N, { color: "neutral.9", asChild: !0, m: "auto", w: "400", h: "400", children: o ? /* @__PURE__ */ c(N, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ c(je, {}) }) : /* @__PURE__ */ c(Ne, {}) }) })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ c(Qe, { children: e })
+      /* @__PURE__ */ c(Je, { children: e })
     ] }) });
   }
 );
 Oe.displayName = "Select.Root";
 const Ze = (e) => {
   const { ref: o, ...i } = e, [t, r] = Y(i);
-  return /* @__PURE__ */ c(Go, { asChild: !0, ...t, children: /* @__PURE__ */ c(uo, { ref: o, ...r }) });
+  return /* @__PURE__ */ c(Go, { asChild: !0, ...t, children: /* @__PURE__ */ c(lo, { ref: o, ...r }) });
 };
 Ze.displayName = "Select.Options";
 const Ve = (e) => {
   const { ref: o, ...i } = e;
-  return /* @__PURE__ */ c(Uo, { asChild: !0, ref: o, children: /* @__PURE__ */ c(so, { ...i }) });
+  return /* @__PURE__ */ c(Uo, { asChild: !0, ref: o, children: /* @__PURE__ */ c(to, { ...i }) });
 };
 Ve.displayName = "Select.Option";
 const Me = (e) => {
@@ -771,23 +773,23 @@ const Me = (e) => {
     throw new Error(
       'SelectOptionGroup: When "items" is provided, "children" must be a function'
     );
-  return /* @__PURE__ */ g(co, { ref: o, ...u, children: [
-    /* @__PURE__ */ c(_o, { asChild: !0, children: /* @__PURE__ */ c(po, { children: i }) }),
-    t ? /* @__PURE__ */ c($o, { items: t, children: (d) => typeof r == "function" ? r(d) : null }) : r
+  return /* @__PURE__ */ g(io, { ref: o, ...u, children: [
+    /* @__PURE__ */ c(_o, { asChild: !0, children: /* @__PURE__ */ c(no, { children: i }) }),
+    t ? /* @__PURE__ */ c(bo, { items: t, children: (d) => typeof r == "function" ? r(d) : null }) : r
   ] });
 };
 Me.displayName = "Select.OptionGroup";
-const Dr = {
+const zr = {
   Root: Oe,
   Options: Ze,
   Option: Ve,
   OptionGroup: Me
 };
 export {
-  Dr as S,
+  zr as S,
   Oe as a,
   Ze as b,
   Ve as c,
   Me as d
 };
-//# sourceMappingURL=select-Cx0Yiwr-.es.js.map
+//# sourceMappingURL=select-D1P8VLDI.es.js.map