@commercetools/nimbus 2.9.0 → 2.9.1

package/dist/chunks/{select-BBTH3cVj.es.js → select-CnGjAwu_.es.js}

@@ -1,6 +1,6 @@
-import { jsx as m, jsxs as w } from "react/jsx-runtime";
-import S, { useMemo as R, useRef as V, useCallback as _, useState as k, forwardRef as ce, useContext as J, Fragment as fe, createContext as N } from "react";
-import { e as q } from "./extract-style-props-DD3XZzbq.es.js";
+import { jsx as b, jsxs as w } from "react/jsx-runtime";
+import S, { useMemo as R, useRef as V, useCallback as _, useState as k, forwardRef as ce, useContext as J, Fragment as fe, createContext as L } from "react";
+import { e as q } from "./extract-style-props-BtirWJSO.es.js";
 import { createSlotRecipeContext as ue, useSlotRecipe as $e, chakra as Q } from "@chakra-ui/react/styled-system";
 import { c as me, d as be } from "./Header-BBMNqseS.es.js";
 import { $ as pe, a as ve, b as ye, c as ge, d as he } from "./ListBox-CAJx8YBh.es.js";
@@ -16,9 +16,9 @@ import { $ as Ae } from "./intlStrings-Cd44R5hT.es.js";
 import { $ as ae } from "./Label-DE_LaM97.es.js";
 import { $ as G } from "./Text-DOcU1ycg.es.js";
 import { $ as Te } from "./Hidden-S64SHphJ.es.js";
-import { a as L, $ as ze, e as Le } from "./mergeProps-Dg8WqJiN.es.js";
+import { a as N, $ as ze, e as Ne } from "./mergeProps-Dg8WqJiN.es.js";
 import { $ as W } from "./filterDOMProps-Cxz9cAAv.es.js";
-import { $ as Ne, a as Ge } from "./OverlayArrow-BiIjcsUQ.es.js";
+import { $ as Le, a as Ge } from "./OverlayArrow-BiIjcsUQ.es.js";
 import { $ as We } from "./context-BfHy4NgG.es.js";
 import { $ as je } from "./useLocalizedStringFormatter-CYDf7GZk.es.js";
 import { a as He, $ as Ue } from "./useFormValidation-B6ieSHzO.es.js";
@@ -33,8 +33,8 @@ import { $ as lt } from "./useField-ZuobdMEN.es.js";
 import { $ as at } from "./useFormReset-vR88DCc9.es.js";
 import { a as ot } from "./VisuallyHidden-B6DIvP4_.es.js";
 import { n as B, u as rt } from "./normalize-messages-BN9BAFXe.es.js";
-import { I as it } from "./icon-button-CwI7ZK2q.es.js";
-import { l as nt } from "./index-CbPHv6Ml.es.js";
+import { I as it } from "./icon-button-CsfjzFu5.es.js";
+import { l as nt } from "./index-RkJ27InK.es.js";
 import { $ as st } from "./useObjectRef-CaJ5pgjX.es.js";
 import { F as z } from "./flex-BqxAMF-7.es.js";
 import { B as X } from "./box-DuBoAZvq.es.js";
@@ -47,14 +47,14 @@ function dt(e = {}) {
 }
 const j = /* @__PURE__ */ new WeakMap();
 function ct(e, t, a) {
-  let { keyboardDelegate: r, isDisabled: l, isRequired: b, name: p, form: o, validationBehavior: s = "aria" } = e, u = tt({
+  let { keyboardDelegate: o, isDisabled: l, isRequired: u, name: p, form: r, validationBehavior: s = "aria" } = e, $ = tt({
     usage: "search",
     sensitivity: "base"
-  }), i = R(() => r || new me(t.collection, t.disabledKeys, a, u), [
-    r,
+  }), i = R(() => o || new me(t.collection, t.disabledKeys, a, $), [
+    o,
     t.collection,
     t.disabledKeys,
-    u,
+    $,
     a
   ]), { menuTriggerProps: d, menuProps: v } = Me({
     isDisabled: l,
@@ -83,7 +83,7 @@ function ct(e, t, a) {
     onTypeSelect(y) {
       t.setSelectedKey(y);
     }
-  }), { isInvalid: g, validationErrors: P, validationDetails: $ } = t.displayValidation, { labelProps: h, fieldProps: C, descriptionProps: n, errorMessageProps: D } = lt({
+  }), { isInvalid: g, validationErrors: P, validationDetails: m } = t.displayValidation, { labelProps: h, fieldProps: C, descriptionProps: n, errorMessageProps: D } = lt({
     ...e,
     labelElementType: "span",
     isInvalid: g,
@@ -92,12 +92,12 @@ function ct(e, t, a) {
   f.onKeyDown = f.onKeyDownCapture, delete f.onKeyDownCapture, t.selectionManager.selectionMode === "multiple" && (f = {});
   let F = W(e, {
     labelable: !0
-  }), x = L(f, d, C), O = ze();
+  }), x = N(f, d, C), O = ze();
   return j.set(t, {
     isDisabled: l,
-    isRequired: b,
+    isRequired: u,
     name: p,
-    form: o,
+    form: r,
     validationBehavior: s
   }), {
     labelProps: {
@@ -109,10 +109,10 @@ function ct(e, t, a) {
         }
       }
     },
-    triggerProps: L(F, {
+    triggerProps: N(F, {
       ...x,
       isDisabled: l,
-      onKeyDown: Le(x.onKeyDown, c, e.onKeyDown),
+      onKeyDown: Ne(x.onKeyDown, c, e.onKeyDown),
       onKeyUp: e.onKeyUp,
       "aria-labelledby": [
         O,
@@ -148,19 +148,19 @@ function ct(e, t, a) {
     errorMessageProps: D,
     isInvalid: g,
     validationErrors: P,
-    validationDetails: $,
+    validationDetails: m,
     hiddenSelectProps: {
       isDisabled: l,
       name: p,
       label: e.label,
       state: t,
       triggerRef: a,
-      form: o
+      form: r
     }
   };
 }
 function ft(e, t, a) {
-  let r = j.get(t) || {}, { autoComplete: l, name: b = r.name, form: p = r.form, isDisabled: o = r.isDisabled } = e, { validationBehavior: s, isRequired: u } = r, { visuallyHiddenProps: i } = ot({
+  let o = j.get(t) || {}, { autoComplete: l, name: u = o.name, form: p = o.form, isDisabled: r = o.isDisabled } = e, { validationBehavior: s, isRequired: $ } = o, { visuallyHiddenProps: i } = ot({
     style: {
       // Prevent page scrolling.
       position: "fixed",
@@ -199,10 +199,10 @@ function ft(e, t, a) {
     selectProps: {
       tabIndex: -1,
       autoComplete: l,
-      disabled: o,
+      disabled: r,
       multiple: t.selectionManager.selectionMode === "multiple",
-      required: s === "native" && u,
-      name: b,
+      required: s === "native" && $,
+      name: u,
       form: p,
       value: (c = t.value) !== null && c !== void 0 ? c : "",
       onChange: v,
@@ -211,18 +211,18 @@ function ft(e, t, a) {
   };
 }
 function ut(e) {
-  let { state: t, triggerRef: a, label: r, name: l, form: b, isDisabled: p } = e, o = V(null), s = V(null), { containerProps: u, selectProps: i } = ft({
+  let { state: t, triggerRef: a, label: o, name: l, form: u, isDisabled: p } = e, r = V(null), s = V(null), { containerProps: $, selectProps: i } = ft({
     ...e,
-    selectRef: t.collection.size <= 300 ? o : s
+    selectRef: t.collection.size <= 300 ? r : s
   }, t, a), d = Array.isArray(t.value) ? t.value : [
     t.value
   ];
   if (t.collection.size <= 300) return /* @__PURE__ */ S.createElement("div", {
-    ...u,
+    ...$,
     "data-testid": "hidden-select-container"
-  }, /* @__PURE__ */ S.createElement("label", null, r, /* @__PURE__ */ S.createElement("select", {
+  }, /* @__PURE__ */ S.createElement("label", null, o, /* @__PURE__ */ S.createElement("select", {
     ...i,
-    ref: o
+    ref: r
   }, /* @__PURE__ */ S.createElement("option", null), [
     ...t.collection.getKeys()
   ].map((v) => {
@@ -241,17 +241,17 @@ function ut(e) {
       null
     ]);
     let f = d.map((g, P) => {
-      let $ = {
+      let m = {
         type: "hidden",
         autoComplete: i.autoComplete,
         name: l,
-        form: b,
+        form: u,
         disabled: p,
         value: g ?? ""
       };
       return c === "native" ? /* @__PURE__ */ S.createElement("input", {
         key: P,
-        ...$,
+        ...m,
         ref: P === 0 ? s : null,
         style: {
           display: "none"
@@ -262,7 +262,7 @@ function ut(e) {
         }
       }) : /* @__PURE__ */ S.createElement("input", {
         key: P,
-        ...$,
+        ...m,
         ref: P === 0 ? s : null
       });
     });
@@ -271,7 +271,7 @@ function ut(e) {
   return null;
 }
 function $t(e) {
-  let { selectionMode: t = "single" } = e, a = Ne(e), [r, l] = k(null), b = R(() => {
+  let { selectionMode: t = "single" } = e, a = Le(e), [o, l] = k(null), u = R(() => {
     var n;
     return e.defaultValue !== void 0 ? e.defaultValue : t === "single" ? (n = e.defaultSelectedKey) !== null && n !== void 0 ? n : null : [];
   }, [
@@ -282,11 +282,11 @@ function $t(e) {
     e.value,
     e.selectedKey,
     t
-  ]), [o, s] = _e(p, b, e.onChange), u = t === "single" && Array.isArray(o) ? o[0] : o, i = (n) => {
+  ]), [r, s] = _e(p, u, e.onChange), $ = t === "single" && Array.isArray(r) ? r[0] : r, i = (n) => {
     if (t === "single") {
       var D, F;
       let x = Array.isArray(n) ? (F = n[0]) !== null && F !== void 0 ? F : null : n;
-      s(x), x !== u && ((D = e.onSelectionChange) === null || D === void 0 || D.call(e, x));
+      s(x), x !== $ && ((D = e.onSelectionChange) === null || D === void 0 || D.call(e, x));
     } else {
       let x = [];
       Array.isArray(n) ? x = n : n != null && (x = [
@@ -298,8 +298,8 @@ function $t(e) {
     selectionMode: t,
     disallowEmptySelection: t === "single",
     allowDuplicateSelectionEvents: !0,
-    selectedKeys: R(() => mt(u), [
-      u
+    selectedKeys: R(() => mt($), [
+      $
     ]),
     onSelectionChange: (n) => {
       if (n !== "all") {
@@ -320,22 +320,22 @@ function $t(e) {
     d.collection
   ]), f = Ue({
     ...e,
-    value: Array.isArray(u) && u.length === 0 ? null : u
-  }), [g, P] = k(!1), [$] = k(u);
+    value: Array.isArray($) && $.length === 0 ? null : $
+  }), [g, P] = k(!1), [m] = k($);
   var h, C;
   return {
     ...f,
     ...d,
     ...a,
-    value: u,
-    defaultValue: b ?? $,
+    value: $,
+    defaultValue: u ?? m,
     setValue: i,
     selectedKey: v,
     setSelectedKey: i,
     selectedItem: (h = c[0]) !== null && h !== void 0 ? h : null,
     selectedItems: c,
-    defaultSelectedKey: (C = e.defaultSelectedKey) !== null && C !== void 0 ? C : e.selectionMode === "single" ? $ : null,
-    focusStrategy: r,
+    defaultSelectedKey: (C = e.defaultSelectedKey) !== null && C !== void 0 ? C : e.selectionMode === "single" ? m : null,
+    focusStrategy: o,
     open(n = null) {
       (d.collection.size !== 0 || e.allowsEmptyCollection) && (l(n), a.open());
     },
@@ -355,24 +355,24 @@ function mt(e) {
 function bt(e) {
   return e && e.__esModule ? e.default : e;
 }
-const H = /* @__PURE__ */ N(null), U = /* @__PURE__ */ N(null), pt = /* @__PURE__ */ ce(function(t, a) {
+const H = /* @__PURE__ */ L(null), U = /* @__PURE__ */ L(null), pt = /* @__PURE__ */ ce(function(t, a) {
   [t, a] = Z(t, a, H);
-  let { children: r, isDisabled: l = !1, isInvalid: b = !1, isRequired: p = !1 } = t, o = R(() => typeof r == "function" ? r({
+  let { children: o, isDisabled: l = !1, isInvalid: u = !1, isRequired: p = !1 } = t, r = R(() => typeof o == "function" ? o({
     isOpen: !1,
     isDisabled: l,
-    isInvalid: b,
+    isInvalid: u,
     isRequired: p,
     isFocused: !1,
     isFocusVisible: !1,
     defaultChildren: null
-  }) : r, [
-    r,
+  }) : o, [
+    o,
     l,
-    b,
+    u,
     p
   ]);
   return /* @__PURE__ */ S.createElement(xe, {
-    content: o
+    content: r
   }, (s) => /* @__PURE__ */ S.createElement(yt, {
     props: t,
     collection: s,
@@ -384,20 +384,20 @@ const H = /* @__PURE__ */ N(null), U = /* @__PURE__ */ N(null), pt = /* @__PURE_
   G
 ];
 function yt({ props: e, selectRef: t, collection: a }) {
-  let { validationBehavior: r } = ee(qe) || {};
-  var l, b;
-  let p = (b = (l = e.validationBehavior) !== null && l !== void 0 ? l : r) !== null && b !== void 0 ? b : "native", o = $t({
+  let { validationBehavior: o } = ee(qe) || {};
+  var l, u;
+  let p = (u = (l = e.validationBehavior) !== null && l !== void 0 ? l : o) !== null && u !== void 0 ? u : "native", r = $t({
     ...e,
     collection: a,
     children: void 0,
     validationBehavior: p
-  }), { isFocusVisible: s, focusProps: u } = Je({
+  }), { isFocusVisible: s, focusProps: $ } = Je({
     within: !0
-  }), i = V(null), [d, v] = we(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: c, triggerProps: f, valueProps: g, menuProps: P, descriptionProps: $, errorMessageProps: h, hiddenSelectProps: C, ...n } = ct({
+  }), i = V(null), [d, v] = we(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: c, triggerProps: f, valueProps: g, menuProps: P, descriptionProps: m, errorMessageProps: h, hiddenSelectProps: C, ...n } = ct({
     ...Ve(e),
     label: v,
     validationBehavior: p
-  }, o, i), [D, F] = k(null), x = _(() => {
+  }, r, i), [D, F] = k(null), x = _(() => {
     i.current && F(i.current.offsetWidth + "px");
   }, [
     i
@@ -407,15 +407,15 @@ function yt({ props: e, selectRef: t, collection: a }) {
     onResize: x
   });
   let O = R(() => ({
-    isOpen: o.isOpen,
-    isFocused: o.isFocused,
+    isOpen: r.isOpen,
+    isFocused: r.isFocused,
     isFocusVisible: s,
     isDisabled: e.isDisabled || !1,
     isInvalid: n.isInvalid || !1,
     isRequired: e.isRequired || !1
   }), [
-    o.isOpen,
-    o.isFocused,
+    r.isOpen,
+    r.isFocused,
     s,
     e.isDisabled,
     n.isInvalid,
@@ -437,7 +437,7 @@ function yt({ props: e, selectRef: t, collection: a }) {
       ],
       [
         U,
-        o
+        r
       ],
       [
         oe,
@@ -456,13 +456,13 @@ function yt({ props: e, selectRef: t, collection: a }) {
         {
           ...f,
           ref: i,
-          isPressed: o.isOpen,
+          isPressed: r.isOpen,
           autoFocus: e.autoFocus
         }
       ],
       [
         Ie,
-        o
+        r
       ],
       [
         Ee,
@@ -487,13 +487,13 @@ function yt({ props: e, selectRef: t, collection: a }) {
       ],
       [
         ve,
-        o
+        r
       ],
       [
         G,
         {
           slots: {
-            description: $,
+            description: m,
             errorMessage: h
           }
         }
@@ -504,12 +504,12 @@ function yt({ props: e, selectRef: t, collection: a }) {
       ]
     ]
   }, /* @__PURE__ */ S.createElement(le.div, {
-    ...L(M, y, u),
+    ...N(M, y, $),
     ref: t,
     slot: e.slot || void 0,
-    "data-focused": o.isFocused || void 0,
+    "data-focused": r.isFocused || void 0,
     "data-focus-visible": s || void 0,
-    "data-open": o.isOpen || void 0,
+    "data-open": r.isOpen || void 0,
     "data-disabled": e.isDisabled || void 0,
     "data-invalid": n.isInvalid || void 0,
     "data-required": e.isRequired || void 0
@@ -518,12 +518,12 @@ function yt({ props: e, selectRef: t, collection: a }) {
     autoComplete: e.autoComplete
   })));
 }
-const oe = /* @__PURE__ */ N(null), gt = /* @__PURE__ */ Te(function(t, a) {
-  var r;
+const oe = /* @__PURE__ */ L(null), gt = /* @__PURE__ */ Te(function(t, a) {
+  var o;
   [t, a] = Z(t, a, oe);
-  let l = J(U), { placeholder: b } = ee(H), p = l.selectedItems.map(($) => {
+  let l = J(U), { placeholder: u } = ee(H), p = l.selectedItems.map((m) => {
     var h;
-    let C = (h = $.props) === null || h === void 0 ? void 0 : h.children;
+    let C = (h = m.props) === null || h === void 0 ? void 0 : h.children;
     return typeof C == "function" && (C = C({
       isHovered: !1,
       isPressed: !1,
@@ -534,39 +534,39 @@ const oe = /* @__PURE__ */ N(null), gt = /* @__PURE__ */ Te(function(t, a) {
       selectionMode: "single",
       selectionBehavior: "toggle"
     })), C;
-  }), o = dt(), s = R(() => l.selectedItems.map(($) => $?.textValue), [
+  }), r = dt(), s = R(() => l.selectedItems.map((m) => m?.textValue), [
     l.selectedItems
-  ]), u = l.selectionManager.selectionMode, i = R(() => {
-    var $;
-    return u === "single" ? ($ = s[0]) !== null && $ !== void 0 ? $ : "" : o.format(s);
+  ]), $ = l.selectionManager.selectionMode, i = R(() => {
+    var m;
+    return $ === "single" ? (m = s[0]) !== null && m !== void 0 ? m : "" : r.format(s);
   }, [
-    u,
-    o,
+    $,
+    r,
     s
   ]), d = R(() => {
-    if (u === "single") return p[0];
-    let $ = o.formatToParts(s);
-    if ($.length === 0) return null;
+    if ($ === "single") return p[0];
+    let m = r.formatToParts(s);
+    if (m.length === 0) return null;
     let h = 0;
-    return $.map((C) => C.type === "element" ? /* @__PURE__ */ S.createElement(fe, {
+    return m.map((C) => C.type === "element" ? /* @__PURE__ */ S.createElement(fe, {
       key: h
     }, p[h++]) : C.value);
   }, [
-    u,
-    o,
+    $,
+    r,
     s,
     p
   ]), v = je(bt(Ae), "react-aria-components");
   var c, f;
   let g = te({
     ...t,
-    defaultChildren: (c = d ?? b) !== null && c !== void 0 ? c : v.format("selectPlaceholder"),
+    defaultChildren: (c = d ?? u) !== null && c !== void 0 ? c : v.format("selectPlaceholder"),
     defaultClassName: "react-aria-SelectValue",
     values: {
-      selectedItem: (f = (r = l.selectedItems[0]) === null || r === void 0 ? void 0 : r.value) !== null && f !== void 0 ? f : null,
-      selectedItems: R(() => l.selectedItems.map(($) => {
+      selectedItem: (f = (o = l.selectedItems[0]) === null || o === void 0 ? void 0 : o.value) !== null && f !== void 0 ? f : null,
+      selectedItems: R(() => l.selectedItems.map((m) => {
         var h;
-        return (h = $.value) !== null && h !== void 0 ? h : null;
+        return (h = m.value) !== null && h !== void 0 ? h : null;
       }), [
         l.selectedItems
       ]),
@@ -596,24 +596,25 @@ const oe = /* @__PURE__ */ N(null), gt = /* @__PURE__ */ Te(function(t, a) {
   es: /* @__PURE__ */ B(Et),
   "fr-FR": /* @__PURE__ */ B(Kt),
   "pt-BR": /* @__PURE__ */ B(Bt)
-}, re = () => {
-  const e = rt(wt), t = J(U);
-  if (!t?.selectedKey)
+}, re = ({ isDisabled: e }) => {
+  const t = rt(wt), a = J(U);
+  if (!a?.selectedKey)
     return null;
-  const a = () => {
-    t?.setSelectedKey(null);
+  const o = () => {
+    a?.setSelectedKey(null);
   };
-  return /* @__PURE__ */ m(Ke, { children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ b(Ke, { children: /* @__PURE__ */ b(
     it,
     {
       slot: null,
-      pointerEvents: "all",
+      pointerEvents: e ? "none" : "all",
       size: "2xs",
       variant: "ghost",
-      "aria-label": e.format("clearSelection"),
+      isDisabled: e,
+      "aria-label": t.format("clearSelection"),
       "aria-labelledby": "",
-      onPress: a,
-      children: /* @__PURE__ */ m(Ce, {})
+      onPress: o,
+      children: /* @__PURE__ */ b(Ce, {})
     }
   ) });
 };
@@ -621,21 +622,21 @@ re.displayName = "Select.ClearButton";
 const ie = function({
   ref: t,
   children: a,
-  leadingElement: r,
+  leadingElement: o,
   isLoading: l,
-  isDisabled: b,
+  isDisabled: u,
   isClearable: p = !0,
-  ...o
+  ...r
 }) {
-  const s = V(null), u = st(Pe(s, t)), i = $e({ recipe: nt }), [d, v] = i.splitVariantProps(o), [c, f] = q(v), g = {
+  const s = V(null), $ = st(Pe(s, t)), i = $e({ recipe: nt }), [d, v] = i.splitVariantProps(r), [c, f] = q(v), g = {
     ...f,
-    isDisabled: l || b
+    isDisabled: l || u
   };
-  return /* @__PURE__ */ m(xt, { asChild: !0, ref: u, ...d, ...c, children: /* @__PURE__ */ w(pt, { ...g, children: [
+  return /* @__PURE__ */ b(xt, { asChild: !0, ref: $, ...d, ...c, children: /* @__PURE__ */ w(pt, { ...g, children: [
     /* @__PURE__ */ w(Q.div, { position: "relative", children: [
-      /* @__PURE__ */ m(Pt, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ w(Fe, { children: [
-        r && /* @__PURE__ */ m(St, { asChild: !0, children: r }),
-        /* @__PURE__ */ m(Ct, { asChild: !0, children: /* @__PURE__ */ m(gt, {}) })
+      /* @__PURE__ */ b(Pt, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ w(Fe, { children: [
+        o && /* @__PURE__ */ b(St, { asChild: !0, children: o }),
+        /* @__PURE__ */ b(Ct, { asChild: !0, children: /* @__PURE__ */ b(gt, {}) })
       ] }) }),
       /* @__PURE__ */ w(
         z,
@@ -647,35 +648,35 @@ const ie = function({
           right: "400",
           pointerEvents: "none",
           children: [
-            p && /* @__PURE__ */ m(z, { width: "600", my: "auto", children: /* @__PURE__ */ m(re, {}) }),
-            /* @__PURE__ */ m(z, { my: "auto", w: "600", h: "600", children: /* @__PURE__ */ m(X, { color: "neutral.9", asChild: !0, m: "auto", w: "400", h: "400", children: l ? /* @__PURE__ */ m(X, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ m(Re, {}) }) : /* @__PURE__ */ m(De, {}) }) })
+            p && /* @__PURE__ */ b(z, { width: "600", my: "auto", children: /* @__PURE__ */ b(re, { isDisabled: l || u }) }),
+            /* @__PURE__ */ b(z, { my: "auto", w: "600", h: "600", children: /* @__PURE__ */ b(X, { color: "neutral.9", asChild: !0, m: "auto", w: "400", h: "400", children: l ? /* @__PURE__ */ b(X, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ b(Re, {}) }) : /* @__PURE__ */ b(De, {}) }) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ m(Be, { children: a })
+    /* @__PURE__ */ b(Be, { children: a })
   ] }) });
 };
 ie.displayName = "Select.Root";
 const ne = (e) => {
-  const { ref: t, ...a } = e, [r, l] = q(a);
-  return /* @__PURE__ */ m(Rt, { asChild: !0, ...r, children: /* @__PURE__ */ m(ye, { ref: t, ...l }) });
+  const { ref: t, ...a } = e, [o, l] = q(a);
+  return /* @__PURE__ */ b(Rt, { asChild: !0, ...o, children: /* @__PURE__ */ b(ye, { ref: t, ...l }) });
 };
 ne.displayName = "Select.Options";
 const se = (e) => {
-  const { ref: t, ...a } = e, [r, l] = q(a);
-  return /* @__PURE__ */ m(Dt, { asChild: !0, ...r, children: /* @__PURE__ */ m(ge, { ref: t, ...l }) });
+  const { ref: t, ...a } = e, [o, l] = q(a);
+  return /* @__PURE__ */ b(Dt, { asChild: !0, ...o, children: /* @__PURE__ */ b(ge, { ref: t, ...l }) });
 };
 se.displayName = "Select.Option";
 const de = (e) => {
-  const { ref: t, label: a, items: r, children: l, ...b } = e, [p, o] = q(b);
-  if (r && typeof l != "function")
+  const { ref: t, label: a, items: o, children: l, ...u } = e, [p, r] = q(u);
+  if (o && typeof l != "function")
     throw new Error(
       'SelectOptionGroup: When "items" is provided, "children" must be a function'
     );
-  return /* @__PURE__ */ m(Q.section, { ...p, asChild: !0, children: /* @__PURE__ */ w(he, { ref: t, ...o, children: [
-    /* @__PURE__ */ m(Ft, { asChild: !0, children: /* @__PURE__ */ m(be, { children: a }) }),
-    r ? /* @__PURE__ */ m(Se, { items: r, children: (s) => typeof l == "function" ? l(s) : null }) : l
+  return /* @__PURE__ */ b(Q.section, { ...p, asChild: !0, children: /* @__PURE__ */ w(he, { ref: t, ...r, children: [
+    /* @__PURE__ */ b(Ft, { asChild: !0, children: /* @__PURE__ */ b(be, { children: a }) }),
+    o ? /* @__PURE__ */ b(Se, { items: o, children: (s) => typeof l == "function" ? l(s) : null }) : l
   ] }) });
 };
 de.displayName = "Select.OptionGroup";
@@ -772,4 +773,4 @@ const hl = {
 export {
   hl as S
 };
-//# sourceMappingURL=select-BBTH3cVj.es.js.map
+//# sourceMappingURL=select-CnGjAwu_.es.js.map