@commercetools/nimbus 0.0.0-canary-20251027194157 → 0.0.0-canary-20251028144530

package/dist/chunks/{select-C2lIA5hg.es.js → select-CU9scStC.es.js}

@@ -1,18 +1,18 @@
-import { jsx as $, jsxs as B } from "react/jsx-runtime";
+import { jsx as b, jsxs as B } from "react/jsx-runtime";
 import S, { useMemo as R, useRef as E, useCallback as X, useState as O, forwardRef as se, createContext as N, useContext as J, Fragment as de } from "react";
 import { useSlotRecipe as ce, chakra as Q } from "@chakra-ui/react/styled-system";
 import { createSlotRecipeContext as ue, mergeRefs as fe } from "@chakra-ui/react";
-import { Close as $e, Loop as be, KeyboardArrowDown as me } from "@commercetools/nimbus-icons";
-import { $ as Y, a as pe } from "./Button-CqCJF7Kz.es.js";
-import { q as ve, e as ye, i as ge, r as he, $ as xe } from "./Dialog-DyQtQIZJ.es.js";
+import { Close as be, Loop as $e, KeyboardArrowDown as me } from "@commercetools/nimbus-icons";
+import { $ as Y, a as pe } from "./Button-SjGHt140.es.js";
+import { q as ve, e as ye, i as ge, r as he, $ as xe } from "./Dialog-BUtdEtlF.es.js";
 import { $ as Z, c as _, a as ee, b as Pe, f as Se, e as Ce } from "./utils-_m_bPtjI.es.js";
 import { $ as Re } from "./FieldError-CXcEMuBf.es.js";
 import { $ as De } from "./Form-CXcEMuBf.es.js";
 import { $ as Ie } from "./intlStrings-Cd44R5hT.es.js";
 import { $ as te } from "./Label-CUlxhtnU.es.js";
-import { $ as Fe, a as Me, b as Ke, c as Ve, d as Be } from "./ListBox-DxgCeXuN.es.js";
+import { $ as Fe, a as Me, b as Ke, c as Ve, d as Be } from "./ListBox-CdtzuZzA.es.js";
 import { $ as G } from "./Text-DOcU1ycg.es.js";
-import { f as Ee, g as we } from "./CollectionBuilder-CoZRYV8T.es.js";
+import { g as Ee, c as we } from "./CollectionBuilder-BhYUxJYI.es.js";
 import { $ as Oe } from "./Hidden-X9vuhkMZ.es.js";
 import { $ as z, a as ke, e as qe } from "./mergeProps-DtKAFxbD.es.js";
 import { $ as L } from "./filterDOMProps-BSVCO5jK.es.js";
@@ -20,24 +20,23 @@ import { $ as Ae, c as Te } from "./OverlayArrow-DAfsQzBF.es.js";
 import { $ as ze } from "./context-DW7UvQ8z.es.js";
 import { $ as Ne } from "./useLocalizedStringFormatter-DaRRUvyV.es.js";
 import { a as Ge, $ as Le } from "./useFormValidation-CsBzLHWo.es.js";
-import { $ as je } from "./useListState-QNqJ2RZ-.es.js";
+import { $ as je } from "./useListState-BFNT8oUW.es.js";
 import { $ as We } from "./useControlledState-u436Wbp1.es.js";
 import { $ as He } from "./useFocusRing-4xTd5aPf.es.js";
-import { $ as Ue } from "./ListKeyboardDelegate-ekIDdehS.es.js";
-import { j as Xe } from "./SelectionManager-Bo1rTzWU.es.js";
-import { c as Je } from "./useFocusVisible-Cqoc10KD.es.js";
-import { $ as Qe } from "./useCollator-BjnMaGJd.es.js";
-import { $ as Ye } from "./useField-pcfe8gKN.es.js";
-import { $ as Ze } from "./useFormReset-3ffKrKus.es.js";
-import { a as _e } from "./VisuallyHidden-Dkq7SL0E.es.js";
-import { defineMessages as et, useIntl as tt } from "react-intl";
-import { I as lt } from "./icon-button-Bvr0zLGt.es.js";
-import { n as at } from "./index-BGkAxVw_.es.js";
-import { e as k } from "./extract-style-props-Cw0ebuoO.es.js";
-import { $ as rt } from "./useObjectRef-CaJ5pgjX.es.js";
+import { c as Ue, d as Xe } from "./Header-CpF5ynyj.es.js";
+import { j as Je } from "./SelectionManager-S9Amkvfg.es.js";
+import { c as Qe } from "./useFocusVisible-Cqoc10KD.es.js";
+import { $ as Ye } from "./useCollator-BjnMaGJd.es.js";
+import { $ as Ze } from "./useField-pcfe8gKN.es.js";
+import { $ as _e } from "./useFormReset-3ffKrKus.es.js";
+import { a as et } from "./VisuallyHidden-Dkq7SL0E.es.js";
+import { defineMessages as tt, useIntl as lt } from "react-intl";
+import { I as at } from "./icon-button-CKpO4Zvy.es.js";
+import { n as rt } from "./index-pVzMA0Um.es.js";
+import { e as k } from "./extract-style-props-2276ZL5_.es.js";
+import { $ as ot } from "./useObjectRef-CaJ5pgjX.es.js";
 import { Flex as T } from "@chakra-ui/react/flex";
 import { B as U } from "./box-DuBoAZvq.es.js";
-import { c as ot } from "./Header-BE5dOA7y.es.js";
 function it(e = {}) {
   let { locale: t } = ze();
   return R(() => new Intl.ListFormat(t, e), [
@@ -47,7 +46,7 @@ function it(e = {}) {
 }
 const j = /* @__PURE__ */ new WeakMap();
 function nt(e, t, a) {
-  let { keyboardDelegate: o, isDisabled: l, isRequired: b, name: m, form: r, validationBehavior: s = "aria" } = e, u = Qe({
+  let { keyboardDelegate: o, isDisabled: l, isRequired: $, name: m, form: r, validationBehavior: s = "aria" } = e, u = Ye({
     usage: "search",
     sensitivity: "base"
   }), i = R(() => o || new Ue(t.collection, t.disabledKeys, a, u), [
@@ -77,13 +76,13 @@ function nt(e, t, a) {
           break;
         }
       }
-  }, { typeSelectProps: c } = Xe({
+  }, { typeSelectProps: c } = Je({
     keyboardDelegate: i,
     selectionManager: t.selectionManager,
     onTypeSelect(y) {
       t.setSelectedKey(y);
     }
-  }), { isInvalid: x, validationErrors: C, validationDetails: f } = t.displayValidation, { labelProps: g, fieldProps: P, descriptionProps: n, errorMessageProps: D } = Ye({
+  }), { isInvalid: x, validationErrors: C, validationDetails: f } = t.displayValidation, { labelProps: g, fieldProps: P, descriptionProps: n, errorMessageProps: D } = Ze({
     ...e,
     labelElementType: "span",
     isInvalid: x,
@@ -95,7 +94,7 @@ function nt(e, t, a) {
   }), h = z(c, d, P), w = ke();
   return j.set(t, {
     isDisabled: l,
-    isRequired: b,
+    isRequired: $,
     name: m,
     form: r,
     validationBehavior: s
@@ -105,7 +104,7 @@ function nt(e, t, a) {
       onClick: () => {
         if (!e.isDisabled) {
           var y;
-          (y = a.current) === null || y === void 0 || y.focus(), Je("keyboard");
+          (y = a.current) === null || y === void 0 || y.focus(), Qe("keyboard");
         }
       }
     },
@@ -160,7 +159,7 @@ function nt(e, t, a) {
   };
 }
 function st(e, t, a) {
-  let o = j.get(t) || {}, { autoComplete: l, name: b = o.name, form: m = o.form, isDisabled: r = o.isDisabled } = e, { validationBehavior: s, isRequired: u } = o, { visuallyHiddenProps: i } = _e({
+  let o = j.get(t) || {}, { autoComplete: l, name: $ = o.name, form: m = o.form, isDisabled: r = o.isDisabled } = e, { validationBehavior: s, isRequired: u } = o, { visuallyHiddenProps: i } = et({
     style: {
       // Prevent page scrolling.
       position: "fixed",
@@ -168,7 +167,7 @@ function st(e, t, a) {
       left: 0
     }
   });
-  Ze(e.selectRef, t.defaultValue, t.setValue), Ge({
+  _e(e.selectRef, t.defaultValue, t.setValue), Ge({
     validationBehavior: s,
     focus: () => {
       var c;
@@ -201,7 +200,7 @@ function st(e, t, a) {
       disabled: r,
       multiple: t.selectionManager.selectionMode === "multiple",
       required: s === "native" && u,
-      name: b,
+      name: $,
       form: m,
       value: (v = t.value) !== null && v !== void 0 ? v : "",
       onChange: p,
@@ -210,7 +209,7 @@ function st(e, t, a) {
   };
 }
 function dt(e) {
-  let { state: t, triggerRef: a, label: o, name: l, form: b, isDisabled: m } = e, r = E(null), s = E(null), { containerProps: u, selectProps: i } = st({
+  let { state: t, triggerRef: a, label: o, name: l, form: $, isDisabled: m } = e, r = E(null), s = E(null), { containerProps: u, selectProps: i } = st({
     ...e,
     selectRef: t.collection.size <= 300 ? r : s
   }, t, a);
@@ -241,7 +240,7 @@ function dt(e) {
         type: "hidden",
         autoComplete: i.autoComplete,
         name: l,
-        form: b,
+        form: $,
         disabled: m,
         value: x ?? ""
       };
@@ -267,7 +266,7 @@ function dt(e) {
   return null;
 }
 function ct(e) {
-  let { selectionMode: t = "single" } = e, a = Ae(e), [o, l] = O(null), b = R(() => {
+  let { selectionMode: t = "single" } = e, a = Ae(e), [o, l] = O(null), $ = R(() => {
     var n;
     return e.defaultValue !== void 0 ? e.defaultValue : t === "single" ? (n = e.defaultSelectedKey) !== null && n !== void 0 ? n : null : [];
   }, [
@@ -278,7 +277,7 @@ function ct(e) {
     e.value,
     e.selectedKey,
     t
-  ]), [r, s] = We(m, b, e.onChange), u = t === "single" && Array.isArray(r) ? r[0] : r, i = (n) => {
+  ]), [r, s] = We(m, $, e.onChange), u = t === "single" && Array.isArray(r) ? r[0] : r, i = (n) => {
     if (t === "single") {
       var D, I;
       let h = Array.isArray(n) ? (I = n[0]) !== null && I !== void 0 ? I : null : n;
@@ -324,7 +323,7 @@ function ct(e) {
     ...d,
     ...a,
     value: u,
-    defaultValue: b ?? f,
+    defaultValue: $ ?? f,
     setValue: i,
     selectedKey: p,
     setSelectedKey: i,
@@ -351,12 +350,12 @@ function ut(e) {
 function ft(e) {
   return e && e.__esModule ? e.default : e;
 }
-const W = /* @__PURE__ */ N(null), H = /* @__PURE__ */ N(null), $t = /* @__PURE__ */ se(function(t, a) {
+const W = /* @__PURE__ */ N(null), H = /* @__PURE__ */ N(null), bt = /* @__PURE__ */ se(function(t, a) {
   [t, a] = Z(t, a, W);
-  let { children: o, isDisabled: l = !1, isInvalid: b = !1, isRequired: m = !1 } = t, r = R(() => typeof o == "function" ? o({
+  let { children: o, isDisabled: l = !1, isInvalid: $ = !1, isRequired: m = !1 } = t, r = R(() => typeof o == "function" ? o({
     isOpen: !1,
     isDisabled: l,
-    isInvalid: b,
+    isInvalid: $,
     isRequired: m,
     isFocused: !1,
     isFocusVisible: !1,
@@ -364,7 +363,7 @@ const W = /* @__PURE__ */ N(null), H = /* @__PURE__ */ N(null), $t = /* @__PURE_
   }) : o, [
     o,
     l,
-    b,
+    $,
     m
   ]);
   return /* @__PURE__ */ S.createElement(Ee, {
@@ -374,15 +373,15 @@ const W = /* @__PURE__ */ N(null), H = /* @__PURE__ */ N(null), $t = /* @__PURE_
     collection: s,
     selectRef: a
   }));
-}), bt = [
+}), $t = [
   te,
   Y,
   G
 ];
 function mt({ props: e, selectRef: t, collection: a }) {
   let { validationBehavior: o } = _(De) || {};
-  var l, b;
-  let m = (b = (l = e.validationBehavior) !== null && l !== void 0 ? l : o) !== null && b !== void 0 ? b : "native", r = ct({
+  var l, $;
+  let m = ($ = (l = e.validationBehavior) !== null && l !== void 0 ? l : o) !== null && $ !== void 0 ? $ : "native", r = ct({
     ...e,
     collection: a,
     children: void 0,
@@ -471,7 +470,7 @@ function mt({ props: e, selectRef: t, collection: a }) {
             "--trigger-width": D
           },
           "aria-labelledby": C["aria-labelledby"],
-          clearContexts: bt
+          clearContexts: $t
         }
       ],
       [
@@ -517,7 +516,7 @@ function mt({ props: e, selectRef: t, collection: a }) {
 const le = /* @__PURE__ */ N(null), pt = /* @__PURE__ */ Oe(function(t, a) {
   var o;
   [t, a] = Z(t, a, le);
-  let l = J(H), { placeholder: b } = _(W), m = l.selectedItems.map((f) => {
+  let l = J(H), { placeholder: $ } = _(W), m = l.selectedItems.map((f) => {
     var g;
     let P = (g = f.props) === null || g === void 0 ? void 0 : g.children;
     return typeof P == "function" && (P = P({
@@ -556,7 +555,7 @@ const le = /* @__PURE__ */ N(null), pt = /* @__PURE__ */ Oe(function(t, a) {
   var v, c;
   let x = ee({
     ...t,
-    defaultChildren: (v = d ?? b) !== null && v !== void 0 ? v : p.format("selectPlaceholder"),
+    defaultChildren: (v = d ?? $) !== null && v !== void 0 ? v : p.format("selectPlaceholder"),
     defaultClassName: "react-aria-SelectValue",
     values: {
       selectedItem: (c = (o = l.selectedItems[0]) === null || o === void 0 ? void 0 : o.value) !== null && c !== void 0 ? c : null,
@@ -586,21 +585,21 @@ const le = /* @__PURE__ */ N(null), pt = /* @__PURE__ */ Oe(function(t, a) {
 }), yt = /* @__PURE__ */ vt(
   "div",
   "root"
-), gt = /* @__PURE__ */ K("div", "leadingElement"), ht = /* @__PURE__ */ K("button", "trigger"), xt = /* @__PURE__ */ K("span", "triggerLabel"), Pt = /* @__PURE__ */ K("div", "options"), St = /* @__PURE__ */ K("div", "option"), Ct = /* @__PURE__ */ K("div", "optionGroup"), Rt = /* @__PURE__ */ et({
+), gt = /* @__PURE__ */ K("div", "leadingElement"), ht = /* @__PURE__ */ K("button", "trigger"), xt = /* @__PURE__ */ K("span", "triggerLabel"), Pt = /* @__PURE__ */ K("div", "options"), St = /* @__PURE__ */ K("div", "option"), Ct = /* @__PURE__ */ K("div", "optionGroup"), Rt = /* @__PURE__ */ tt({
   clearSelection: {
     id: "Nimbus.Select.clearSelection",
     description: "aria-label for select clear button",
     defaultMessage: "Clear selection"
   }
 }), ae = () => {
-  const e = J(H), t = tt();
+  const e = J(H), t = lt();
   if (!e?.selectedKey)
     return null;
   const a = () => {
     e?.setSelectedKey(null);
   };
-  return /* @__PURE__ */ $(he, { children: /* @__PURE__ */ $(
-    lt,
+  return /* @__PURE__ */ b(he, { children: /* @__PURE__ */ b(
+    at,
     {
       slot: null,
       pointerEvents: "all",
@@ -609,7 +608,7 @@ const le = /* @__PURE__ */ N(null), pt = /* @__PURE__ */ Oe(function(t, a) {
       "aria-label": t.formatMessage(Rt.clearSelection),
       "aria-labelledby": "",
       onPress: a,
-      children: /* @__PURE__ */ $($e, {})
+      children: /* @__PURE__ */ b(be, {})
     }
   ) });
 };
@@ -619,19 +618,19 @@ const re = function({
   children: a,
   leadingElement: o,
   isLoading: l,
-  isDisabled: b,
+  isDisabled: $,
   isClearable: m = !0,
   ...r
 }) {
-  const s = E(null), u = rt(fe(s, t)), i = ce({ recipe: at }), [d, p] = i.splitVariantProps(r), [v, c] = k(p), x = {
+  const s = E(null), u = ot(fe(s, t)), i = ce({ recipe: rt }), [d, p] = i.splitVariantProps(r), [v, c] = k(p), x = {
     ...c,
-    isDisabled: l || b
+    isDisabled: l || $
   };
-  return /* @__PURE__ */ $(yt, { asChild: !0, ref: u, ...d, ...v, children: /* @__PURE__ */ B($t, { ...x, children: [
+  return /* @__PURE__ */ b(yt, { asChild: !0, ref: u, ...d, ...v, children: /* @__PURE__ */ B(bt, { ...x, children: [
     /* @__PURE__ */ B(Q.div, { position: "relative", children: [
-      /* @__PURE__ */ $(ht, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ B(pe, { children: [
-        o && /* @__PURE__ */ $(gt, { asChild: !0, children: o }),
-        /* @__PURE__ */ $(xt, { asChild: !0, children: /* @__PURE__ */ $(pt, {}) })
+      /* @__PURE__ */ b(ht, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ B(pe, { children: [
+        o && /* @__PURE__ */ b(gt, { asChild: !0, children: o }),
+        /* @__PURE__ */ b(xt, { asChild: !0, children: /* @__PURE__ */ b(pt, {}) })
       ] }) }),
       /* @__PURE__ */ B(
         T,
@@ -643,39 +642,39 @@ const re = function({
           right: "400",
           pointerEvents: "none",
           children: [
-            m && /* @__PURE__ */ $(T, { width: "600", my: "auto", children: /* @__PURE__ */ $(ae, {}) }),
-            /* @__PURE__ */ $(T, { my: "auto", w: "600", h: "600", children: /* @__PURE__ */ $(U, { color: "neutral.9", asChild: !0, m: "auto", w: "400", h: "400", children: l ? /* @__PURE__ */ $(U, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ $(be, {}) }) : /* @__PURE__ */ $(me, {}) }) })
+            m && /* @__PURE__ */ b(T, { width: "600", my: "auto", children: /* @__PURE__ */ b(ae, {}) }),
+            /* @__PURE__ */ b(T, { my: "auto", w: "600", h: "600", children: /* @__PURE__ */ b(U, { color: "neutral.9", asChild: !0, m: "auto", w: "400", h: "400", children: l ? /* @__PURE__ */ b(U, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ b($e, {}) }) : /* @__PURE__ */ b(me, {}) }) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ $(xe, { children: a })
+    /* @__PURE__ */ b(xe, { children: a })
   ] }) });
 };
 re.displayName = "Select.Root";
 const oe = (e) => {
   const { ref: t, ...a } = e, [o, l] = k(a);
-  return /* @__PURE__ */ $(Pt, { asChild: !0, ...o, children: /* @__PURE__ */ $(Ke, { ref: t, ...l }) });
+  return /* @__PURE__ */ b(Pt, { asChild: !0, ...o, children: /* @__PURE__ */ b(Ke, { ref: t, ...l }) });
 };
 oe.displayName = "Select.Options";
 const ie = (e) => {
   const { ref: t, ...a } = e, [o, l] = k(a);
-  return /* @__PURE__ */ $(St, { asChild: !0, ...o, children: /* @__PURE__ */ $(Ve, { ref: t, ...l }) });
+  return /* @__PURE__ */ b(St, { asChild: !0, ...o, children: /* @__PURE__ */ b(Ve, { ref: t, ...l }) });
 };
 ie.displayName = "Select.Option";
 const ne = (e) => {
-  const { ref: t, label: a, items: o, children: l, ...b } = e, [m, r] = k(b);
+  const { ref: t, label: a, items: o, children: l, ...$ } = e, [m, r] = k($);
   if (o && typeof l != "function")
     throw new Error(
       'SelectOptionGroup: When "items" is provided, "children" must be a function'
     );
-  return /* @__PURE__ */ $(Q.section, { ...m, asChild: !0, children: /* @__PURE__ */ B(Be, { ref: t, ...r, children: [
-    /* @__PURE__ */ $(Ct, { asChild: !0, children: /* @__PURE__ */ $(ot, { children: a }) }),
-    o ? /* @__PURE__ */ $(we, { items: o, children: (s) => typeof l == "function" ? l(s) : null }) : l
+  return /* @__PURE__ */ b(Q.section, { ...m, asChild: !0, children: /* @__PURE__ */ B(Be, { ref: t, ...r, children: [
+    /* @__PURE__ */ b(Ct, { asChild: !0, children: /* @__PURE__ */ b(Xe, { children: a }) }),
+    o ? /* @__PURE__ */ b(we, { items: o, children: (s) => typeof l == "function" ? l(s) : null }) : l
   ] }) });
 };
 ne.displayName = "Select.OptionGroup";
-const fl = {
+const ul = {
   /**
    * # Select.Root
    *
@@ -766,10 +765,10 @@ const fl = {
   OptionGroup: ne
 };
 export {
-  fl as S,
+  ul as S,
   re as a,
   oe as b,
   ie as c,
   ne as d
 };
-//# sourceMappingURL=select-C2lIA5hg.es.js.map
+//# sourceMappingURL=select-CU9scStC.es.js.map