@commercetools/nimbus 0.0.0-canary-20250919154858 → 0.0.0-canary-20250922152719

package/dist/chunks/{select-BvwErOqX.es.js → select-Bj9NNlBG.es.js}

@@ -1,49 +1,49 @@
-import { jsx as d, jsxs as K } from "react/jsx-runtime";
+import { jsx as d, jsxs as F } from "react/jsx-runtime";
 import m, { useMemo as z, useRef as I, useCallback as X, useState as B, forwardRef as N, createContext as j, useContext as _ } from "react";
-import { createSlotRecipeContext as se, useSlotRecipe as de, chakra as ce } from "@chakra-ui/react/styled-system";
-import { Close as fe, Loop as ue, KeyboardArrowDown as be } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as de, useSlotRecipe as ce, chakra as fe } from "@chakra-ui/react/styled-system";
+import { Close as ue, Loop as be, KeyboardArrowDown as $e } from "@commercetools/nimbus-icons";
 import { B as U } from "./box-DuBoAZvq.es.js";
-import { $ as J, a as $e } from "./Button-CNBS3n5a.es.js";
-import { f as pe, b as me, c as ve, g as he, $ as ye } from "./Dialog-BH-H4BEe.es.js";
-import { $ as Q, c as Y, a as Z, b as ge, e as xe, d as Se } from "./utils-BkdW_cdL.es.js";
-import { $ as Pe } from "./FieldError-CXcEMuBf.es.js";
-import { $ as Ce } from "./Form-CXcEMuBf.es.js";
-import { $ as Re } from "./intlStrings-Cd44R5hT.es.js";
+import { $ as J, a as pe } from "./Button-CNBS3n5a.es.js";
+import { f as me, b as ve, c as he, g as ye, $ as ge } from "./Dialog-BH-H4BEe.es.js";
+import { $ as Q, c as Y, a as Z, b as xe, e as Se, d as Pe } from "./utils-BkdW_cdL.es.js";
+import { $ as Ce } from "./FieldError-CXcEMuBf.es.js";
+import { $ as Re } from "./Form-CXcEMuBf.es.js";
+import { $ as De } from "./intlStrings-Cd44R5hT.es.js";
 import { $ as ee } from "./Label-B2YyCdLl.es.js";
-import { a as De, b as Fe, c as Ke, d as Be, e as Ie } from "./ListBox-DKAR_w69.es.js";
+import { a as Fe, b as Ke, c as Be, d as Ie, e as Ee } from "./ListBox-DKAR_w69.es.js";
 import { $ as G } from "./Text-DOcU1ycg.es.js";
-import { f as we, g as Ee } from "./Separator-CuZ-VIh8.es.js";
-import { $ as T, a as Oe, e as Me } from "./mergeProps-B_9syxhT.es.js";
+import { f as we, g as Oe } from "./Separator-CuZ-VIh8.es.js";
+import { $ as T, a as Me, e as ke } from "./mergeProps-B_9syxhT.es.js";
 import { $ as L } from "./filterDOMProps-BSVCO5jK.es.js";
-import { $ as ke, a as qe } from "./OverlayArrow-sJzRZNbO.es.js";
-import { $ as Ve } from "./useLocalizedStringFormatter-BRnRyxJp.es.js";
-import { a as Te, $ as ze } from "./useFormValidation-4hZ1_a6w.es.js";
-import { $ as Ne } from "./useSingleSelectListState-CdPCvWTv.es.js";
-import { $ as je } from "./useFocusRing-updnkDQg.es.js";
-import { $ as Ge, j as Le } from "./SelectionManager-BgUVI3vz.es.js";
-import { c as We } from "./useFocusVisible-CWDaG0ze.es.js";
-import { $ as He } from "./useCollator-BHMZd1r6.es.js";
-import { $ as Ae } from "./useField-Ce9zQxmx.es.js";
-import { $ as Ue } from "./useFormReset-DurgUJL-.es.js";
-import { a as Xe } from "./VisuallyHidden-VHEPK04F.es.js";
-import { I as _e } from "./icon-button-N3Uzjv8o.es.js";
-import { defineMessages as Je, useIntl as Qe } from "react-intl";
-import { j as Ye } from "./index-DwjTNyza.es.js";
-import { e as te } from "./extractStyleProps-lz7NzsNX.es.js";
+import { $ as qe, a as Ve } from "./OverlayArrow-sJzRZNbO.es.js";
+import { $ as Te } from "./useLocalizedStringFormatter-BRnRyxJp.es.js";
+import { a as ze, $ as Ne } from "./useFormValidation-4hZ1_a6w.es.js";
+import { $ as je } from "./useSingleSelectListState-CdPCvWTv.es.js";
+import { $ as Ge } from "./useFocusRing-updnkDQg.es.js";
+import { $ as Le, j as We } from "./SelectionManager-BgUVI3vz.es.js";
+import { c as He } from "./useFocusVisible-CWDaG0ze.es.js";
+import { $ as Ae } from "./useCollator-BHMZd1r6.es.js";
+import { $ as Ue } from "./useField-Ce9zQxmx.es.js";
+import { $ as Xe } from "./useFormReset-DurgUJL-.es.js";
+import { a as _e } from "./VisuallyHidden-VHEPK04F.es.js";
+import { j as te } from "./index-CRta5Y1_.es.js";
+import { I as Je } from "./icon-button-C_i4ydsN.es.js";
+import { defineMessages as Qe, useIntl as Ye } from "react-intl";
+import { e as le } from "./extractStyleProps-DkXeCUuq.es.js";
 import { Flex as V } from "@chakra-ui/react/flex";
 import { c as Ze } from "./Header-Bi219Q1R.es.js";
 const W = /* @__PURE__ */ new WeakMap();
 function et(e, t, r) {
-  let { keyboardDelegate: o, isDisabled: l, isRequired: n, name: c, form: i, validationBehavior: s = "aria" } = e, b = He({
+  let { keyboardDelegate: o, isDisabled: l, isRequired: n, name: c, form: i, validationBehavior: s = "aria" } = e, $ = Ae({
     usage: "search",
     sensitivity: "base"
-  }), a = z(() => o || new Ge(t.collection, t.disabledKeys, r, b), [
+  }), a = z(() => o || new Le(t.collection, t.disabledKeys, r, $), [
     o,
     t.collection,
     t.disabledKeys,
-    b,
+    $,
     r
-  ]), { menuTriggerProps: $, menuProps: p } = pe({
+  ]), { menuTriggerProps: p, menuProps: b } = me({
     isDisabled: l,
     type: "listbox"
   }, t, r), f = (u) => {
@@ -51,34 +51,34 @@ function et(e, t, r) {
       case "ArrowLeft": {
         var g, x;
         u.preventDefault();
-        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);
+        let D = 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);
+        D && t.setSelectedKey(D);
         break;
       }
       case "ArrowRight": {
         var k, q;
         u.preventDefault();
-        let R = t.selectedKey != null ? (k = a.getKeyBelow) === null || k === void 0 ? void 0 : k.call(a, t.selectedKey) : (q = a.getFirstKey) === null || q === void 0 ? void 0 : q.call(a);
-        R && t.setSelectedKey(R);
+        let D = t.selectedKey != null ? (k = a.getKeyBelow) === null || k === void 0 ? void 0 : k.call(a, t.selectedKey) : (q = a.getFirstKey) === null || q === void 0 ? void 0 : q.call(a);
+        D && t.setSelectedKey(D);
         break;
       }
     }
-  }, { typeSelectProps: v } = Le({
+  }, { typeSelectProps: v } = We({
     keyboardDelegate: a,
     selectionManager: t.selectionManager,
     onTypeSelect(u) {
       t.setSelectedKey(u);
     }
-  }), { isInvalid: S, validationErrors: P, validationDetails: w } = t.displayValidation, { labelProps: E, fieldProps: C, descriptionProps: y, errorMessageProps: O } = Ae({
+  }), { isInvalid: P, validationErrors: C, validationDetails: E } = t.displayValidation, { labelProps: w, fieldProps: R, descriptionProps: y, errorMessageProps: O } = Ue({
     ...e,
     labelElementType: "span",
-    isInvalid: S,
-    errorMessage: e.errorMessage || P
+    isInvalid: P,
+    errorMessage: e.errorMessage || C
   });
   v.onKeyDown = v.onKeyDownCapture, delete v.onKeyDownCapture;
   let M = L(e, {
     labelable: !0
-  }), h = T(v, $, C), F = Oe();
+  }), h = T(v, p, R), K = Me();
   return W.set(t, {
     isDisabled: l,
     isRequired: n,
@@ -87,21 +87,21 @@ function et(e, t, r) {
     validationBehavior: s
   }), {
     labelProps: {
-      ...E,
+      ...w,
       onClick: () => {
         if (!e.isDisabled) {
           var u;
-          (u = r.current) === null || u === void 0 || u.focus(), We("keyboard");
+          (u = r.current) === null || u === void 0 || u.focus(), He("keyboard");
         }
       }
     },
     triggerProps: T(M, {
       ...h,
       isDisabled: l,
-      onKeyDown: Me(h.onKeyDown, f, e.onKeyDown),
+      onKeyDown: ke(h.onKeyDown, f, e.onKeyDown),
       onKeyUp: e.onKeyUp,
       "aria-labelledby": [
-        F,
+        K,
         h["aria-labelledby"],
         h["aria-label"] && !h["aria-labelledby"] ? h.id : null
       ].filter(Boolean).join(" "),
@@ -113,10 +113,10 @@ function et(e, t, r) {
       }
     }),
     valueProps: {
-      id: F
+      id: K
     },
     menuProps: {
-      ...p,
+      ...b,
       autoFocus: t.focusStrategy || !0,
       shouldSelectOnPressUp: !0,
       shouldFocusOnHover: !0,
@@ -126,15 +126,15 @@ function et(e, t, r) {
         u.currentTarget.contains(u.relatedTarget) || (e.onBlur && e.onBlur(u), e.onFocusChange && e.onFocusChange(!1), t.setFocused(!1));
       },
       "aria-labelledby": [
-        C["aria-labelledby"],
-        h["aria-label"] && !C["aria-labelledby"] ? h.id : null
+        R["aria-labelledby"],
+        h["aria-label"] && !R["aria-labelledby"] ? h.id : null
       ].filter(Boolean).join(" ")
     },
     descriptionProps: y,
     errorMessageProps: O,
-    isInvalid: S,
-    validationErrors: P,
-    validationDetails: w,
+    isInvalid: P,
+    validationErrors: C,
+    validationDetails: E,
     hiddenSelectProps: {
       isDisabled: l,
       name: c,
@@ -146,7 +146,7 @@ function et(e, t, r) {
   };
 }
 function tt(e, t, r) {
-  let o = W.get(t) || {}, { autoComplete: l, name: n = o.name, form: c = o.form, isDisabled: i = o.isDisabled } = e, { validationBehavior: s, isRequired: b } = o, { visuallyHiddenProps: a } = Xe({
+  let o = W.get(t) || {}, { autoComplete: l, name: n = o.name, form: c = o.form, isDisabled: i = o.isDisabled } = e, { validationBehavior: s, isRequired: $ } = o, { visuallyHiddenProps: a } = _e({
     style: {
       // Prevent page scrolling.
       position: "fixed",
@@ -154,17 +154,17 @@ function tt(e, t, r) {
       left: 0
     }
   });
-  Ue(e.selectRef, t.defaultSelectedKey, t.setSelectedKey), Te({
+  Xe(e.selectRef, t.defaultSelectedKey, t.setSelectedKey), ze({
     validationBehavior: s,
     focus: () => {
       var f;
       return (f = r.current) === null || f === void 0 ? void 0 : f.focus();
     }
   }, t, e.selectRef);
-  let $ = X((f) => t.setSelectedKey(f.currentTarget.value), [
+  let p = X((f) => t.setSelectedKey(f.currentTarget.value), [
     t.setSelectedKey
   ]);
-  var p;
+  var b;
   return {
     containerProps: {
       ...a,
@@ -183,45 +183,45 @@ function tt(e, t, r) {
       tabIndex: -1,
       autoComplete: l,
       disabled: i,
-      required: s === "native" && b,
+      required: s === "native" && $,
       name: n,
       form: c,
-      value: (p = t.selectedKey) !== null && p !== void 0 ? p : "",
-      onChange: $,
-      onInput: $
+      value: (b = t.selectedKey) !== null && b !== void 0 ? b : "",
+      onChange: p,
+      onInput: p
     }
   };
 }
 function lt(e) {
-  let { state: t, triggerRef: r, label: o, name: l, form: n, isDisabled: c } = e, i = I(null), s = I(null), { containerProps: b, selectProps: a } = tt({
+  let { state: t, triggerRef: r, label: o, name: l, form: n, isDisabled: c } = e, i = I(null), s = I(null), { containerProps: $, selectProps: a } = tt({
     ...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, o, /* @__PURE__ */ m.createElement("select", {
     ...a,
     ref: i
   }, /* @__PURE__ */ m.createElement("option", null), [
     ...t.collection.getKeys()
-  ].map((p) => {
-    let f = t.collection.getItem(p);
+  ].map((b) => {
+    let f = t.collection.getItem(b);
     if (f && f.type === "item") return /* @__PURE__ */ m.createElement("option", {
       key: f.key,
       value: f.key
     }, f.textValue);
   }))));
   if (l) {
-    let p = W.get(t) || {}, { validationBehavior: f } = p;
-    var $;
+    let b = W.get(t) || {}, { validationBehavior: f } = b;
+    var p;
     let v = {
       type: "hidden",
       autoComplete: a.autoComplete,
       name: l,
       form: n,
       disabled: c,
-      value: ($ = t.selectedKey) !== null && $ !== void 0 ? $ : ""
+      value: (p = t.selectedKey) !== null && p !== void 0 ? p : ""
     };
     return f === "native" ? /* @__PURE__ */ m.createElement("input", {
       ...v,
@@ -241,21 +241,21 @@ function lt(e) {
   return null;
 }
 function at(e) {
-  let t = ke(e), [r, o] = B(null), l = Ne({
+  let t = qe(e), [r, o] = B(null), l = je({
     ...e,
     onSelectionChange: (a) => {
       e.onSelectionChange != null && e.onSelectionChange(a), t.close(), n.commitValidation();
     }
-  }), n = ze({
+  }), n = Ne({
     ...e,
     value: l.selectedKey
   }), [c, i] = B(!1), [s] = B(l.selectedKey);
-  var b;
+  var $;
   return {
     ...n,
     ...l,
     ...t,
-    defaultSelectedKey: (b = e.defaultSelectedKey) !== null && b !== void 0 ? b : s,
+    defaultSelectedKey: ($ = e.defaultSelectedKey) !== null && $ !== void 0 ? $ : s,
     focusStrategy: r,
     open(a = null) {
       l.collection.size !== 0 && (o(a), t.open());
@@ -299,29 +299,29 @@ const H = /* @__PURE__ */ j(null), A = /* @__PURE__ */ j(null), it = /* @__PURE_
   G
 ];
 function nt({ props: e, selectRef: t, collection: r }) {
-  let { validationBehavior: o } = Y(Ce) || {};
+  let { validationBehavior: o } = Y(Re) || {};
   var l, n;
   let c = (n = (l = e.validationBehavior) !== null && l !== void 0 ? l : o) !== null && n !== void 0 ? n : "native", i = at({
     ...e,
     collection: r,
     children: void 0,
     validationBehavior: c
-  }), { isFocusVisible: s, focusProps: b } = je({
+  }), { isFocusVisible: s, focusProps: $ } = Ge({
     within: !0
-  }), a = I(null), [$, p] = ge(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: f, triggerProps: v, valueProps: S, menuProps: P, descriptionProps: w, errorMessageProps: E, hiddenSelectProps: C, ...y } = et({
-    ...xe(e),
-    label: p,
+  }), a = I(null), [p, b] = xe(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: f, triggerProps: v, valueProps: P, menuProps: C, descriptionProps: E, errorMessageProps: w, hiddenSelectProps: R, ...y } = et({
+    ...Se(e),
+    label: b,
     validationBehavior: c
   }, i, a), [O, M] = B(null), h = X(() => {
     a.current && M(a.current.offsetWidth + "px");
   }, [
     a
   ]);
-  qe({
+  Ve({
     ref: a,
     onResize: h
   });
-  let F = z(() => ({
+  let K = z(() => ({
     isOpen: i.isOpen,
     isFocused: i.isFocused,
     isFocusVisible: s,
@@ -337,14 +337,14 @@ function nt({ props: e, selectRef: t, collection: r }) {
     e.isRequired
   ]), u = Z({
     ...e,
-    values: F,
+    values: K,
     defaultClassName: "react-aria-Select"
   }), g = L(e, {
     global: !0
   });
   delete g.id;
   let x = I(null);
-  return /* @__PURE__ */ m.createElement(Se, {
+  return /* @__PURE__ */ m.createElement(Pe, {
     values: [
       [
         H,
@@ -355,14 +355,14 @@ function nt({ props: e, selectRef: t, collection: r }) {
         i
       ],
       [
-        le,
-        S
+        ae,
+        P
       ],
       [
         ee,
         {
           ...f,
-          ref: $,
+          ref: p,
           elementType: "span"
         }
       ],
@@ -376,11 +376,11 @@ function nt({ props: e, selectRef: t, collection: r }) {
         }
       ],
       [
-        me,
+        ve,
         i
       ],
       [
-        ve,
+        he,
         {
           trigger: "Select",
           triggerRef: a,
@@ -389,37 +389,37 @@ function nt({ props: e, selectRef: t, collection: r }) {
           style: {
             "--trigger-width": O
           },
-          "aria-labelledby": P["aria-labelledby"],
+          "aria-labelledby": C["aria-labelledby"],
           clearContexts: rt
         }
       ],
       [
-        De,
+        Fe,
         {
-          ...P,
+          ...C,
           ref: x
         }
       ],
       [
-        Fe,
+        Ke,
         i
       ],
       [
         G,
         {
           slots: {
-            description: w,
-            errorMessage: E
+            description: E,
+            errorMessage: w
           }
         }
       ],
       [
-        Pe,
+        Ce,
         y
       ]
     ]
   }, /* @__PURE__ */ m.createElement("div", {
-    ...T(g, u, b),
+    ...T(g, u, $),
     ref: t,
     slot: e.slot || void 0,
     "data-focused": i.isFocused || void 0,
@@ -429,13 +429,13 @@ function nt({ props: e, selectRef: t, collection: r }) {
     "data-invalid": y.isInvalid || void 0,
     "data-required": e.isRequired || void 0
   }, u.children, /* @__PURE__ */ m.createElement(lt, {
-    ...C,
+    ...R,
     autoComplete: e.autoComplete
   })));
 }
-const le = /* @__PURE__ */ j(null), st = /* @__PURE__ */ N(function(t, r) {
+const ae = /* @__PURE__ */ j(null), st = /* @__PURE__ */ N(function(t, r) {
   var o, l;
-  [t, r] = Q(t, r, le);
+  [t, r] = Q(t, r, ae);
   let n = _(A), { placeholder: c } = Y(H), i = n.selectedKey != null ? n.collection.getItem(n.selectedKey) : null, s = i?.props.children;
   typeof s == "function" && (s = s({
     isHovered: !1,
@@ -447,15 +447,15 @@ const le = /* @__PURE__ */ j(null), st = /* @__PURE__ */ N(function(t, r) {
     selectionMode: "single",
     selectionBehavior: "toggle"
   }));
-  let b = Ve(ot(Re), "react-aria-components");
-  var a, $, p;
+  let $ = Te(ot(De), "react-aria-components");
+  var a, p, b;
   let f = Z({
     ...t,
-    defaultChildren: (a = s ?? c) !== null && a !== void 0 ? a : b.format("selectPlaceholder"),
+    defaultChildren: (a = s ?? c) !== null && a !== void 0 ? a : $.format("selectPlaceholder"),
     defaultClassName: "react-aria-SelectValue",
     values: {
-      selectedItem: ($ = (o = n.selectedItem) === null || o === void 0 ? void 0 : o.value) !== null && $ !== void 0 ? $ : null,
-      selectedText: (p = (l = n.selectedItem) === null || l === void 0 ? void 0 : l.textValue) !== 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: (b = (l = n.selectedItem) === null || l === void 0 ? void 0 : l.textValue) !== null && b !== void 0 ? b : null,
       isPlaceholder: !i
     }
   }), v = L(t, {
@@ -469,48 +469,58 @@ const le = /* @__PURE__ */ j(null), st = /* @__PURE__ */ N(function(t, r) {
   }, /* @__PURE__ */ m.createElement(G.Provider, {
     value: void 0
   }, f.children));
-}), { withProvider: dt, withContext: D } = /* @__PURE__ */ se({
-  key: "select"
+}), { withProvider: dt, withContext: S } = /* @__PURE__ */ de({
+  recipe: te
 }), ct = /* @__PURE__ */ dt(
   "div",
   "root"
-), ft = /* @__PURE__ */ D("button", "trigger"), ut = /* @__PURE__ */ D("span", "triggerLabel"), bt = /* @__PURE__ */ D("div", "options"), $t = /* @__PURE__ */ D("div", "option"), pt = /* @__PURE__ */ D("div", "optionGroup"), mt = /* @__PURE__ */ Je({
+), ft = /* @__PURE__ */ S("div", "leadingElement"), ut = /* @__PURE__ */ S("button", "trigger"), bt = /* @__PURE__ */ S("span", "triggerLabel"), $t = /* @__PURE__ */ S("div", "options"), pt = /* @__PURE__ */ S("div", "option"), mt = /* @__PURE__ */ S("div", "optionGroup"), vt = /* @__PURE__ */ Qe({
   clearSelection: {
     id: "Nimbus.Select.clearSelection",
     description: "aria-label for select clear button",
     defaultMessage: "Clear selection"
   }
-}), ae = () => {
-  const e = _(A), t = Qe();
+}), oe = () => {
+  const e = _(A), t = Ye();
   if (!e?.selectedKey)
     return null;
   const r = () => {
     e?.setSelectedKey(null);
   };
-  return /* @__PURE__ */ d(he, { children: /* @__PURE__ */ d(
-    _e,
+  return /* @__PURE__ */ d(ye, { children: /* @__PURE__ */ d(
+    Je,
     {
       pointerEvents: "all",
       size: "2xs",
       variant: "ghost",
-      "aria-label": t.formatMessage(mt.clearSelection),
+      "aria-label": t.formatMessage(vt.clearSelection),
       "aria-labelledby": "",
       onPress: r,
-      children: /* @__PURE__ */ d(fe, {})
+      children: /* @__PURE__ */ d(ue, {})
     }
   ) });
 };
-ae.displayName = "Select.ClearButton";
-const oe = /* @__PURE__ */ N(
-  (e, t) => {
-    const { children: r, isLoading: o, isDisabled: l, isClearable: n = !0 } = e, c = de({ recipe: Ye }), [i, s] = c.splitVariantProps(e), [b, a] = te(s), $ = {
-      ...a,
-      isDisabled: o || l
+oe.displayName = "Select.ClearButton";
+const ie = /* @__PURE__ */ N(
+  ({
+    children: e,
+    leadingElement: t,
+    isLoading: r,
+    isDisabled: o,
+    isClearable: l = !0,
+    ...n
+  }, c) => {
+    const i = ce({ recipe: te }), [s, $] = i.splitVariantProps(n), [a, p] = le($), b = {
+      ...p,
+      isDisabled: r || o
     };
-    return /* @__PURE__ */ d(ct, { asChild: !0, ref: t, ...i, ...b, children: /* @__PURE__ */ K(it, { ...$, children: [
-      /* @__PURE__ */ K(ce.div, { position: "relative", children: [
-        /* @__PURE__ */ d(ft, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ d($e, { children: /* @__PURE__ */ d(ut, { asChild: !0, children: /* @__PURE__ */ d(st, {}) }) }) }),
-        /* @__PURE__ */ K(
+    return /* @__PURE__ */ d(ct, { asChild: !0, ref: c, ...s, ...a, children: /* @__PURE__ */ F(it, { ...b, children: [
+      /* @__PURE__ */ F(fe.div, { position: "relative", children: [
+        /* @__PURE__ */ d(ut, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ F(pe, { children: [
+          t && /* @__PURE__ */ d(ft, { asChild: !0, children: t }),
+          /* @__PURE__ */ d(bt, { asChild: !0, children: /* @__PURE__ */ d(st, {}) })
+        ] }) }),
+        /* @__PURE__ */ F(
           V,
           {
             position: "absolute",
@@ -520,50 +530,50 @@ const oe = /* @__PURE__ */ N(
             right: "400",
             pointerEvents: "none",
             children: [
-              n && /* @__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: o ? /* @__PURE__ */ d(U, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ d(ue, {}) }) : /* @__PURE__ */ d(be, {}) }) })
+              l && /* @__PURE__ */ d(V, { width: "600", my: "auto", children: /* @__PURE__ */ d(oe, {}) }),
+              /* @__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: r ? /* @__PURE__ */ d(U, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ d(be, {}) }) : /* @__PURE__ */ d($e, {}) }) })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ d(ye, { children: r })
+      /* @__PURE__ */ d(ge, { children: e })
     ] }) });
   }
 );
-oe.displayName = "Select.Root";
-const ie = (e) => {
-  const { ref: t, ...r } = e, [o, l] = te(r);
-  return /* @__PURE__ */ d(bt, { asChild: !0, ...o, children: /* @__PURE__ */ d(Ke, { ref: t, ...l }) });
+ie.displayName = "Select.Root";
+const re = (e) => {
+  const { ref: t, ...r } = e, [o, l] = le(r);
+  return /* @__PURE__ */ d($t, { asChild: !0, ...o, children: /* @__PURE__ */ d(Be, { ref: t, ...l }) });
 };
-ie.displayName = "Select.Options";
-const re = ({
+re.displayName = "Select.Options";
+const ne = ({
   ref: e,
   ...t
-}) => /* @__PURE__ */ d($t, { asChild: !0, ref: e, children: /* @__PURE__ */ d(Be, { ...t }) });
-re.displayName = "Select.Option";
-const ne = (e) => {
+}) => /* @__PURE__ */ d(pt, { asChild: !0, ref: e, children: /* @__PURE__ */ d(Ie, { ...t }) });
+ne.displayName = "Select.Option";
+const se = (e) => {
   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(Ie, { ref: t, ...n, children: [
-    /* @__PURE__ */ d(pt, { asChild: !0, children: /* @__PURE__ */ d(Ze, { children: r }) }),
-    o ? /* @__PURE__ */ d(Ee, { items: o, children: (c) => typeof l == "function" ? l(c) : null }) : l
+  return /* @__PURE__ */ F(Ee, { ref: t, ...n, children: [
+    /* @__PURE__ */ d(mt, { asChild: !0, children: /* @__PURE__ */ d(Ze, { children: r }) }),
+    o ? /* @__PURE__ */ d(Oe, { items: o, children: (c) => typeof l == "function" ? l(c) : null }) : l
   ] });
 };
-ne.displayName = "Select.OptionGroup";
-const Qt = {
-  Root: oe,
-  Options: ie,
-  Option: re,
-  OptionGroup: ne
+se.displayName = "Select.OptionGroup";
+const Yt = {
+  Root: ie,
+  Options: re,
+  Option: ne,
+  OptionGroup: se
 };
 export {
-  Qt as S,
-  oe as a,
-  ie as b,
-  re as c,
-  ne as d
+  Yt as S,
+  ie as a,
+  re as b,
+  ne as c,
+  se as d
 };
-//# sourceMappingURL=select-BvwErOqX.es.js.map
+//# sourceMappingURL=select-Bj9NNlBG.es.js.map