@commercetools/nimbus 0.0.0-canary-20250822165148 → 0.0.0-canary-20250822171412

package/dist/chunks/{select-N8FpTFMk.es.js → select-ruNS6UXv.es.js}

@@ -34,11 +34,11 @@ import { F as V } from "./flex-9fkV4bsm.es.js";
 import { e as Qe } from "./Separator-BUmWfQvi.es.js";
 const H = /* @__PURE__ */ new WeakMap();
 function Ye(e, t, r) {
-  let { keyboardDelegate: a, isDisabled: l, isRequired: n, name: c, form: i, validationBehavior: s = "aria" } = e, b = We({
+  let { keyboardDelegate: o, isDisabled: l, isRequired: n, name: c, form: i, validationBehavior: s = "aria" } = e, b = We({
     usage: "search",
     sensitivity: "base"
-  }), o = z(() => a || new Ke(t.collection, t.disabledKeys, r, b), [
-    a,
+  }), a = z(() => o || new Ke(t.collection, t.disabledKeys, r, b), [
+    o,
     t.collection,
     t.disabledKeys,
     b,
@@ -51,20 +51,20 @@ function Ye(e, t, r) {
       case "ArrowLeft": {
         var g, x;
         u.preventDefault();
-        let R = t.selectedKey != null ? (g = o.getKeyAbove) === null || g === void 0 ? void 0 : g.call(o, t.selectedKey) : (x = o.getFirstKey) === null || x === void 0 ? void 0 : x.call(o);
+        let R = t.selectedKey != null ? (g = a.getKeyAbove) === null || g === void 0 ? void 0 : g.call(a, t.selectedKey) : (x = a.getFirstKey) === null || x === void 0 ? void 0 : x.call(a);
         R && t.setSelectedKey(R);
         break;
       }
       case "ArrowRight": {
         var q, M;
         u.preventDefault();
-        let R = t.selectedKey != null ? (q = o.getKeyBelow) === null || q === void 0 ? void 0 : q.call(o, t.selectedKey) : (M = o.getFirstKey) === null || M === void 0 ? void 0 : M.call(o);
+        let R = t.selectedKey != null ? (q = a.getKeyBelow) === null || q === void 0 ? void 0 : q.call(a, t.selectedKey) : (M = a.getFirstKey) === null || M === void 0 ? void 0 : M.call(a);
         R && t.setSelectedKey(R);
         break;
       }
     }
   }, { typeSelectProps: v } = Be({
-    keyboardDelegate: o,
+    keyboardDelegate: a,
     selectionManager: t.selectionManager,
     onTypeSelect(u) {
       t.setSelectedKey(u);
@@ -146,7 +146,7 @@ function Ye(e, t, r) {
   };
 }
 function Ze(e, t, r) {
-  let a = H.get(t) || {}, { autoComplete: l, name: n = a.name, form: c = a.form, isDisabled: i = a.isDisabled } = e, { validationBehavior: s, isRequired: b } = a, { visuallyHiddenProps: o } = 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 } = Le({
     style: {
       // Prevent page scrolling.
       position: "fixed",
@@ -167,7 +167,7 @@ function Ze(e, t, r) {
   var $;
   return {
     containerProps: {
-      ...o,
+      ...a,
       "aria-hidden": !0,
       // @ts-ignore
       "data-react-aria-prevent-focus": !0,
@@ -193,15 +193,15 @@ function Ze(e, t, r) {
   };
 }
 function et(e) {
-  let { state: t, triggerRef: r, label: a, name: l, form: n, isDisabled: c } = e, i = I(null), s = I(null), { containerProps: b, selectProps: o } = Ze({
+  let { state: t, triggerRef: r, label: o, name: l, form: n, isDisabled: c } = e, i = I(null), s = I(null), { containerProps: b, selectProps: a } = Ze({
     ...e,
     selectRef: t.collection.size <= 300 ? i : s
   }, t, r);
   if (t.collection.size <= 300) return /* @__PURE__ */ m.createElement("div", {
     ...b,
     "data-testid": "hidden-select-container"
-  }, /* @__PURE__ */ m.createElement("label", null, a, /* @__PURE__ */ m.createElement("select", {
-    ...o,
+  }, /* @__PURE__ */ m.createElement("label", null, o, /* @__PURE__ */ m.createElement("select", {
+    ...a,
     ref: i
   }, /* @__PURE__ */ m.createElement("option", null), [
     ...t.collection.getKeys()
@@ -217,7 +217,7 @@ function et(e) {
     var p;
     let v = {
       type: "hidden",
-      autoComplete: o.autoComplete,
+      autoComplete: a.autoComplete,
       name: l,
       form: n,
       disabled: c,
@@ -230,7 +230,7 @@ function et(e) {
         display: "none"
       },
       type: "text",
-      required: o.required,
+      required: a.required,
       onChange: () => {
       }
     }) : /* @__PURE__ */ m.createElement("input", {
@@ -241,10 +241,10 @@ function et(e) {
   return null;
 }
 function tt(e) {
-  let t = Te(e), [r, a] = B(null), l = ze({
+  let t = Te(e), [r, o] = B(null), l = ze({
     ...e,
-    onSelectionChange: (o) => {
-      e.onSelectionChange != null && e.onSelectionChange(o), t.close(), n.commitValidation();
+    onSelectionChange: (a) => {
+      e.onSelectionChange != null && e.onSelectionChange(a), t.close(), n.commitValidation();
     }
   }), n = Ve({
     ...e,
@@ -257,11 +257,11 @@ function tt(e) {
     ...t,
     defaultSelectedKey: (b = e.defaultSelectedKey) !== null && b !== void 0 ? b : s,
     focusStrategy: r,
-    open(o = null) {
-      l.collection.size !== 0 && (a(o), t.open());
+    open(a = null) {
+      l.collection.size !== 0 && (o(a), t.open());
     },
-    toggle(o = null) {
-      l.collection.size !== 0 && (a(o), t.toggle());
+    toggle(a = null) {
+      l.collection.size !== 0 && (o(a), t.toggle());
     },
     isFocused: c,
     setFocused: i
@@ -270,9 +270,9 @@ function tt(e) {
 function lt(e) {
   return e && e.__esModule ? e.default : e;
 }
-const L = /* @__PURE__ */ G(null), A = /* @__PURE__ */ G(null), ot = /* @__PURE__ */ N(function(t, r) {
+const L = /* @__PURE__ */ G(null), A = /* @__PURE__ */ G(null), at = /* @__PURE__ */ N(function(t, r) {
   [t, r] = Q(t, r, L);
-  let { children: a, isDisabled: l = !1, isInvalid: n = !1, isRequired: c = !1 } = t, i = z(() => typeof a == "function" ? a({
+  let { children: o, isDisabled: l = !1, isInvalid: n = !1, isRequired: c = !1 } = t, i = z(() => typeof o == "function" ? o({
     isOpen: !1,
     isDisabled: l,
     isInvalid: n,
@@ -280,8 +280,8 @@ const L = /* @__PURE__ */ G(null), A = /* @__PURE__ */ G(null), ot = /* @__PURE_
     isFocused: !1,
     isFocusVisible: !1,
     defaultChildren: null
-  }) : a, [
-    a,
+  }) : o, [
+    o,
     l,
     n,
     c
@@ -293,32 +293,32 @@ const L = /* @__PURE__ */ G(null), A = /* @__PURE__ */ G(null), ot = /* @__PURE_
     collection: s,
     selectRef: r
   }));
-}), at = [
+}), ot = [
   ee,
   J,
   W
 ];
 function it({ props: e, selectRef: t, collection: r }) {
-  let { validationBehavior: a } = Y(xe) || {};
+  let { validationBehavior: o } = Y(xe) || {};
   var l, n;
-  let c = (n = (l = e.validationBehavior) !== null && l !== void 0 ? l : a) !== null && n !== void 0 ? n : "native", i = tt({
+  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({
     within: !0
-  }), o = 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({
+  }), 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),
     label: $,
     validationBehavior: c
-  }, i, o), [O, k] = B(null), h = X(() => {
-    o.current && k(o.current.offsetWidth + "px");
+  }, i, a), [O, k] = B(null), h = X(() => {
+    a.current && k(a.current.offsetWidth + "px");
   }, [
-    o
+    a
   ]);
   ke({
-    ref: o,
+    ref: a,
     onResize: h
   });
   let F = z(() => ({
@@ -370,7 +370,7 @@ function it({ props: e, selectRef: t, collection: r }) {
         J,
         {
           ...v,
-          ref: o,
+          ref: a,
           isPressed: i.isOpen,
           autoFocus: e.autoFocus
         }
@@ -383,14 +383,14 @@ function it({ props: e, selectRef: t, collection: r }) {
         $e,
         {
           trigger: "Select",
-          triggerRef: o,
+          triggerRef: a,
           scrollRef: x,
           placement: "bottom start",
           style: {
             "--trigger-width": O
           },
           "aria-labelledby": S["aria-labelledby"],
-          clearContexts: at
+          clearContexts: ot
         }
       ],
       [
@@ -434,7 +434,7 @@ function it({ props: e, selectRef: t, collection: r }) {
   })));
 }
 const le = /* @__PURE__ */ G(null), rt = /* @__PURE__ */ N(function(t, r) {
-  var a, l;
+  var o, l;
   [t, r] = Q(t, r, le);
   let n = _(A), { placeholder: c } = Y(L), i = n.selectedKey != null ? n.collection.getItem(n.selectedKey) : null, s = i?.props.children;
   typeof s == "function" && (s = s({
@@ -448,13 +448,13 @@ const le = /* @__PURE__ */ G(null), rt = /* @__PURE__ */ N(function(t, r) {
     selectionBehavior: "toggle"
   }));
   let b = qe(lt(Pe), "react-aria-components");
-  var o, p, $;
+  var a, p, $;
   let f = Z({
     ...t,
-    defaultChildren: (o = s ?? c) !== null && o !== void 0 ? o : b.format("selectPlaceholder"),
+    defaultChildren: (a = s ?? c) !== null && a !== void 0 ? a : b.format("selectPlaceholder"),
     defaultClassName: "react-aria-SelectValue",
     values: {
-      selectedItem: (p = (a = n.selectedItem) === null || a === void 0 ? void 0 : a.value) !== null && p !== void 0 ? p : null,
+      selectedItem: (p = (o = n.selectedItem) === null || o === void 0 ? void 0 : o.value) !== null && p !== void 0 ? p : null,
       selectedText: ($ = (l = n.selectedItem) === null || l === void 0 ? void 0 : l.textValue) !== null && $ !== void 0 ? $ : null,
       isPlaceholder: !i
     }
@@ -474,7 +474,7 @@ const le = /* @__PURE__ */ G(null), rt = /* @__PURE__ */ N(function(t, r) {
 }), 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"), oe = () => {
+), 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,
@@ -491,14 +491,14 @@ const le = /* @__PURE__ */ G(null), rt = /* @__PURE__ */ N(function(t, r) {
     }
   ) }) : null;
 };
-oe.displayName = "Select.ClearButton";
-const ae = /* @__PURE__ */ N(
-  ({ children: e, isLoading: t, isDisabled: r, ...a }, l) => {
-    const n = Ue({ recipe: _e }), [c, i] = n.splitVariantProps(a), [s, b] = te(i), o = {
+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 = {
       ...b,
       isDisabled: t || r
     };
-    return /* @__PURE__ */ d(st, { asChild: !0, ref: l, ...c, ...s, children: /* @__PURE__ */ K(ot, { ...o, children: [
+    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(
@@ -511,7 +511,7 @@ const ae = /* @__PURE__ */ N(
             right: "400",
             pointerEvents: "none",
             children: [
-              /* @__PURE__ */ d(V, { width: "600", my: "auto", children: /* @__PURE__ */ d(oe, {}) }),
+              /* @__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, {}) }) })
             ]
           }
@@ -521,40 +521,40 @@ const ae = /* @__PURE__ */ N(
     ] }) });
   }
 );
-ae.displayName = "Select.Root";
+oe.displayName = "Select.Root";
 const ie = (e) => {
-  const { ref: t, ...r } = e, [a, l] = te(r);
-  return /* @__PURE__ */ d(ft, { asChild: !0, ...a, children: /* @__PURE__ */ d(Re, { ref: t, ...l }) });
+  const { ref: t, ...r } = e, [o, l] = te(r);
+  return /* @__PURE__ */ d(ft, { asChild: !0, ...o, children: /* @__PURE__ */ d(Re, { ref: t, ...l }) });
 };
 ie.displayName = "Select.Options";
-const re = (e) => {
-  const { ref: t, ...r } = e;
-  return /* @__PURE__ */ d(ut, { asChild: !0, ref: t, children: /* @__PURE__ */ d(De, { ...r }) });
-};
+const re = ({
+  ref: e,
+  ...t
+}) => /* @__PURE__ */ d(ut, { asChild: !0, ref: e, children: /* @__PURE__ */ d(De, { ...t }) });
 re.displayName = "Select.Option";
 const ne = (e) => {
-  const { ref: t, label: r, items: a, children: l, ...n } = e;
-  if (a && typeof l != "function")
+  const { ref: t, label: r, items: o, children: l, ...n } = e;
+  if (o && typeof l != "function")
     throw new Error(
       'SelectOptionGroup: When "items" is provided, "children" must be a function'
     );
   return /* @__PURE__ */ K(Fe, { ref: t, ...n, children: [
     /* @__PURE__ */ d(bt, { asChild: !0, children: /* @__PURE__ */ d(Qe, { children: r }) }),
-    a ? /* @__PURE__ */ d(we, { items: a, children: (c) => typeof l == "function" ? l(c) : null }) : l
+    o ? /* @__PURE__ */ d(we, { items: o, children: (c) => typeof l == "function" ? l(c) : null }) : l
   ] });
 };
 ne.displayName = "Select.OptionGroup";
 const Xt = {
-  Root: ae,
+  Root: oe,
   Options: ie,
   Option: re,
   OptionGroup: ne
 };
 export {
   Xt as S,
-  ae as a,
+  oe as a,
   ie as b,
   re as c,
   ne as d
 };
-//# sourceMappingURL=select-N8FpTFMk.es.js.map
+//# sourceMappingURL=select-ruNS6UXv.es.js.map