@commercetools/nimbus 0.0.0-canary-20260114153122 → 0.0.0-canary-20260116085607

package/dist/chunks/{select-BauqJFhh.es.js → select-DrkplYbs.es.js}

@@ -1,39 +1,39 @@
-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 { e as k } from "./extract-style-props-BHk9sqwi.es.js";
+import { e as k } from "./extract-style-props-BUbbGs7l.es.js";
 import { useSlotRecipe as ce, chakra as Q } from "@chakra-ui/react/styled-system";
-import { c as ue, d as fe } from "./Header-CNoClAau.es.js";
-import { $ as $e, a as be, b as me, c as pe, d as ve } from "./ListBox-DYbGAoet.es.js";
-import { g as ye, c as ge } from "./CollectionBuilder-BqQjeKfi.es.js";
+import { c as ue, d as fe } from "./Header-2KETI4X9.es.js";
+import { $ as be, a as $e, b as me, c as pe, d as ve } from "./ListBox-DkaySjTS.es.js";
+import { g as ye, c as ge } from "./CollectionBuilder-BnYe2z4W.es.js";
 import { createSlotRecipeContext as he, mergeRefs as xe } from "@chakra-ui/react";
 import { Close as Pe, Loop as Se, KeyboardArrowDown as Ce } from "@commercetools/nimbus-icons";
-import { $ as Y, a as Re } from "./Button-CmpJG0ec.es.js";
-import { q as De, e as Ie, i as Fe, r as Me, $ as Ke } from "./Dialog-BYVU-i0Y.es.js";
-import { $ as Z, c as _, a as ee, b as Ve, f as Be, e as Ee } from "./utils-9vu7GUaz.es.js";
+import { $ as Y, a as Re } from "./Button-BjcDZ5eb.es.js";
+import { q as De, e as Ie, i as Fe, r as Me, $ as Ke } from "./Dialog-BZs_dKan.es.js";
+import { $ as Z, c as _, a as ee, b as Ve, f as Be, e as Ee } from "./utils-B6pV5ewr.es.js";
 import { $ as we } from "./FieldError-CXcEMuBf.es.js";
 import { $ as Oe } from "./Form-CXcEMuBf.es.js";
 import { $ as ke } from "./intlStrings-Cd44R5hT.es.js";
-import { $ as te } from "./Label-Bu5lTMzy.es.js";
+import { $ as te } from "./Label-DIseLESi.es.js";
 import { $ as G } from "./Text-DOcU1ycg.es.js";
 import { $ as qe } from "./Hidden-X9vuhkMZ.es.js";
-import { a as z, $ as Ae, e as Te } from "./mergeProps-D1jjFfMs.es.js";
+import { $ as z, a as Ae, e as Te } from "./mergeProps-Dsl8k3Ig.es.js";
 import { $ as L } from "./filterDOMProps-BSVCO5jK.es.js";
-import { $ as ze, c as Ne } from "./OverlayArrow-qm-lnjhS.es.js";
+import { $ as ze, c as Ne } from "./OverlayArrow-BIjbCSXk.es.js";
 import { $ as Ge } from "./context-DW7UvQ8z.es.js";
 import { $ as Le } from "./useLocalizedStringFormatter-DaRRUvyV.es.js";
-import { a as je, $ as We } from "./useFormValidation-DxDV9X1M.es.js";
-import { $ as He } from "./useListState-D9k6HiWm.es.js";
+import { a as je, $ as We } from "./useFormValidation-BCVLtR0U.es.js";
+import { a as He } from "./useListState-6ejgSjM7.es.js";
 import { $ as Ue } from "./useControlledState-u436Wbp1.es.js";
-import { $ as Xe } from "./useFocusRing-oMAqzr3e.es.js";
-import { j as Je } from "./SelectionManager-CXicxYqF.es.js";
-import { c as Qe } from "./useFocusVisible-Uw6yFmFY.es.js";
+import { $ as Xe } from "./useFocusRing-FPt2Rwil.es.js";
+import { j as Je } from "./SelectionManager-XpKaZHOS.es.js";
+import { c as Qe } from "./useFocusVisible-B3HmFL2Q.es.js";
 import { $ as Ye } from "./useCollator-BjnMaGJd.es.js";
-import { $ as Ze } from "./useField-BfW84CS4.es.js";
-import { $ as _e } from "./useFormReset-C52dSDoe.es.js";
-import { a as et } from "./VisuallyHidden-BIA5VRNP.es.js";
+import { $ as Ze } from "./useField-CHrpmkxe.es.js";
+import { $ as _e } from "./useFormReset-BGuIA_u2.es.js";
+import { a as et } from "./VisuallyHidden-BLRzeMsq.es.js";
 import { defineMessages as tt, useIntl as lt } from "react-intl";
-import { I as at } from "./icon-button-ColKoTiY.es.js";
-import { l as rt } from "./index-2XcTax28.es.js";
+import { I as at } from "./icon-button-CXRvSNxO.es.js";
+import { l as rt } from "./index-UVW-kSPu.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";
@@ -46,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 = Ye({
+  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), [
@@ -94,7 +94,7 @@ function nt(e, t, a) {
   }), h = z(c, d, P), w = Ae();
   return j.set(t, {
     isDisabled: l,
-    isRequired: b,
+    isRequired: $,
     name: m,
     form: r,
     validationBehavior: s
@@ -159,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 } = et({
+  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",
@@ -200,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,
@@ -209,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);
@@ -240,7 +240,7 @@ function dt(e) {
         type: "hidden",
         autoComplete: i.autoComplete,
         name: l,
-        form: b,
+        form: $,
         disabled: m,
         value: x ?? ""
       };
@@ -266,7 +266,7 @@ function dt(e) {
   return null;
 }
 function ct(e) {
-  let { selectionMode: t = "single" } = e, a = ze(e), [o, l] = O(null), b = R(() => {
+  let { selectionMode: t = "single" } = e, a = ze(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 : [];
   }, [
@@ -277,7 +277,7 @@ function ct(e) {
     e.value,
     e.selectedKey,
     t
-  ]), [r, s] = Ue(m, b, e.onChange), u = t === "single" && Array.isArray(r) ? r[0] : r, i = (n) => {
+  ]), [r, s] = Ue(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;
@@ -323,7 +323,7 @@ function ct(e) {
     ...d,
     ...a,
     value: u,
-    defaultValue: b ?? f,
+    defaultValue: $ ?? f,
     setValue: i,
     selectedKey: p,
     setSelectedKey: i,
@@ -350,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,
@@ -363,7 +363,7 @@ const W = /* @__PURE__ */ N(null), H = /* @__PURE__ */ N(null), $t = /* @__PURE_
   }) : o, [
     o,
     l,
-    b,
+    $,
     m
   ]);
   return /* @__PURE__ */ S.createElement(ye, {
@@ -373,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 } = _(Oe) || {};
-  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,
@@ -470,18 +470,18 @@ function mt({ props: e, selectRef: t, collection: a }) {
             "--trigger-width": D
           },
           "aria-labelledby": C["aria-labelledby"],
-          clearContexts: bt
+          clearContexts: $t
         }
       ],
       [
-        $e,
+        be,
         {
           ...C,
           ref: M
         }
       ],
       [
-        be,
+        $e,
         r
       ],
       [
@@ -516,7 +516,7 @@ function mt({ props: e, selectRef: t, collection: a }) {
 const le = /* @__PURE__ */ N(null), pt = /* @__PURE__ */ qe(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({
@@ -555,7 +555,7 @@ const le = /* @__PURE__ */ N(null), pt = /* @__PURE__ */ qe(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,
@@ -598,7 +598,7 @@ const le = /* @__PURE__ */ N(null), pt = /* @__PURE__ */ qe(function(t, a) {
   const a = () => {
     e?.setSelectedKey(null);
   };
-  return /* @__PURE__ */ $(Me, { children: /* @__PURE__ */ $(
+  return /* @__PURE__ */ b(Me, { children: /* @__PURE__ */ b(
     at,
     {
       slot: null,
@@ -608,7 +608,7 @@ const le = /* @__PURE__ */ N(null), pt = /* @__PURE__ */ qe(function(t, a) {
       "aria-label": t.formatMessage(Rt.clearSelection),
       "aria-labelledby": "",
       onPress: a,
-      children: /* @__PURE__ */ $(Pe, {})
+      children: /* @__PURE__ */ b(Pe, {})
     }
   ) });
 };
@@ -618,19 +618,19 @@ const re = function({
   children: a,
   leadingElement: o,
   isLoading: l,
-  isDisabled: b,
+  isDisabled: $,
   isClearable: m = !0,
   ...r
 }) {
   const s = E(null), u = ot(xe(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(Re, { 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(Re, { children: [
+        o && /* @__PURE__ */ b(gt, { asChild: !0, children: o }),
+        /* @__PURE__ */ b(xt, { asChild: !0, children: /* @__PURE__ */ b(pt, {}) })
       ] }) }),
       /* @__PURE__ */ B(
         T,
@@ -642,35 +642,35 @@ 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__ */ $(Se, {}) }) : /* @__PURE__ */ $(Ce, {}) }) })
+            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(Se, {}) }) : /* @__PURE__ */ b(Ce, {}) }) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ $(Ke, { children: a })
+    /* @__PURE__ */ b(Ke, { 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__ */ $(me, { ref: t, ...l }) });
+  return /* @__PURE__ */ b(Pt, { asChild: !0, ...o, children: /* @__PURE__ */ b(me, { 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__ */ $(pe, { ref: t, ...l }) });
+  return /* @__PURE__ */ b(St, { asChild: !0, ...o, children: /* @__PURE__ */ b(pe, { 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(ve, { ref: t, ...r, children: [
-    /* @__PURE__ */ $(Ct, { asChild: !0, children: /* @__PURE__ */ $(fe, { children: a }) }),
-    o ? /* @__PURE__ */ $(ge, { items: o, children: (s) => typeof l == "function" ? l(s) : null }) : l
+  return /* @__PURE__ */ b(Q.section, { ...m, asChild: !0, children: /* @__PURE__ */ B(ve, { ref: t, ...r, children: [
+    /* @__PURE__ */ b(Ct, { asChild: !0, children: /* @__PURE__ */ b(fe, { children: a }) }),
+    o ? /* @__PURE__ */ b(ge, { items: o, children: (s) => typeof l == "function" ? l(s) : null }) : l
   ] }) });
 };
 ne.displayName = "Select.OptionGroup";
@@ -767,4 +767,4 @@ const ul = {
 export {
   ul as S
 };
-//# sourceMappingURL=select-BauqJFhh.es.js.map
+//# sourceMappingURL=select-DrkplYbs.es.js.map