@commercetools/nimbus 0.0.10 → 0.0.11

package/dist/chunks/{select-CU2u2b6U.es.js → select-wZ584ENo.es.js}

@@ -1,63 +1,64 @@
-import { jsx as s, jsxs as g } from "react/jsx-runtime";
-import p, { useMemo as k, useRef as K, useState as O, forwardRef as Z, createContext as V, useContext as U, useCallback as je } from "react";
-import { createSlotRecipeContext as Te, useSlotRecipe as qe, chakra as Ne, Flex as I } from "@chakra-ui/react";
+import { jsx as c, jsxs as g } from "react/jsx-runtime";
+import p, { useMemo as k, useRef as K, useState as O, forwardRef as Z, createContext as V, useContext as U, useCallback as qe } from "react";
+import { createSlotRecipeContext as Te, useSlotRecipe as je, chakra as Ne, Flex as I } from "@chakra-ui/react";
 import { Close as Ge, Loop as Ue, KeyboardArrowDown as _e } from "@commercetools/nimbus-icons";
 import { B as N } from "./box-DD4jYgS7.es.js";
-import { $ as _, a as We } from "./Button-BOMjcccZ.es.js";
-import { $ as He, a as Je, g as Xe, c as Ye } from "./Dialog-Ct6jqZ14.es.js";
-import { $ as W, c as H, a as J, b as Qe, d as eo, e as oo } from "./utils-DB75DiMj.es.js";
-import { $ as lo, a as ro } from "./Form-yBl0QZl8.es.js";
-import { $ as X } from "./Label-DBDcs-md.es.js";
-import { b as ao, c as to, d as io, e as uo, f as co, g as so, h as no, i as bo, j as fo, k as po } from "./ListBox-ABeVGjvU.es.js";
+import { $ as _, a as We } from "./Button-BsN1D5Hi.es.js";
+import { k as He, b as Je, c as Xe, l as Ye, $ as Qe } from "./Dialog-CFERgD91.es.js";
+import { $ as W, c as H, a as J, b as eo, e as oo, d as ro } from "./utils-CEdpnSRC.es.js";
+import { $ as ao, a as lo } from "./Form-yBl0QZl8.es.js";
+import { $ as X } from "./Label-p7LXqne0.es.js";
+import { a as to, b as io, c as uo, d as so, e as co } from "./ListBox-CiN7qgxV.es.js";
 import { $ as M } from "./Text-DOcU1ycg.es.js";
-import { $ as j } from "./filterDOMProps-D6KHYVBX.es.js";
-import { $ as $o, a as mo } from "./OverlayArrow-BpI9oaqU.es.js";
-import { $ as vo } from "./useLocalizedStringFormatter-BfWBwLjq.es.js";
-import { a as ho, $ as Po } from "./useFormValidation-BbPFbrIk.es.js";
-import { $ as xo, a as So } from "./useSingleSelectListState-NfI_d4ak.es.js";
-import { $ as Do } from "./useFocusRing-Bij4qXCm.es.js";
-import { $ as G, a as Co, e as zo } from "./mergeProps-BUo0BHVY.es.js";
-import { c as yo } from "./useFocus-3ktZKnFP.es.js";
+import { m as no, r as bo, h as fo, q as po, i as $o } from "./Separator-CBgksjWN.es.js";
+import { $ as q } from "./filterDOMProps-HzsCnE3d.es.js";
+import { $ as mo, a as vo } from "./OverlayArrow-BEiPDprB.es.js";
+import { $ as ho } from "./useLocalizedStringFormatter-B_O_C-A0.es.js";
+import { a as Po, $ as xo } from "./useFormValidation-D4duh8Fb.es.js";
+import { $ as So } from "./useSingleSelectListState-Dtne-c12.es.js";
+import { $ as Do } from "./useFocusRing-BOPRvfsD.es.js";
+import { $ as G, a as Co, f as zo } from "./mergeProps-Bn6EInU5.es.js";
+import { c as yo } from "./useFocus-DyrL604F.es.js";
 import { $ as Bo } from "./useCollator-BhJcleP-.es.js";
-import { $ as Ro } from "./useField-Caqfdud_.es.js";
-import { $ as go } from "./useFormReset-j9laz3Zh.es.js";
-import { a as ko } from "./VisuallyHidden-D5E2DfM-.es.js";
-import { I as Eo } from "./icon-button-Bj1MnoDm.es.js";
-import { s as Fo } from "./select.recipe-CXWsUldF.es.js";
+import { $ as Ro } from "./useField-BGOhsACE.es.js";
+import { $ as go } from "./useFormReset-CC4XkaS0.es.js";
+import { a as ko } from "./VisuallyHidden-CE-SZFGa.es.js";
+import { I as Eo } from "./icon-button-CPBzhg2C.es.js";
+import { s as Fo } from "./select.recipe-CNH8aWdo.es.js";
 import { e as Y } from "./extractStyleProps-CxgBrz3O.es.js";
 const Q = /* @__PURE__ */ new WeakMap();
 function wo(e, o, i) {
-  let { keyboardDelegate: t, isDisabled: l, isRequired: u, name: d, validationBehavior: r = "aria" } = e, c = Bo({
+  let { keyboardDelegate: t, isDisabled: r, isRequired: u, name: d, validationBehavior: a = "aria" } = e, s = Bo({
     usage: "search",
     sensitivity: "base"
-  }), a = k(() => t || new ao(o.collection, o.disabledKeys, i, c), [
+  }), l = k(() => t || new no(o.collection, o.disabledKeys, i, s), [
     t,
     o.collection,
     o.disabledKeys,
-    c,
+    s,
     i
-  ]), { menuTriggerProps: n, menuProps: b } = xo({
-    isDisabled: l,
+  ]), { menuTriggerProps: n, menuProps: b } = He({
+    isDisabled: r,
     type: "listbox"
   }, o, i), v = (f) => {
     switch (f.key) {
       case "ArrowLeft": {
         var x, S;
         f.preventDefault();
-        let z = o.selectedKey != null ? (x = a.getKeyAbove) === null || x === void 0 ? void 0 : x.call(a, o.selectedKey) : (S = a.getFirstKey) === null || S === void 0 ? void 0 : S.call(a);
+        let z = o.selectedKey != null ? (x = l.getKeyAbove) === null || x === void 0 ? void 0 : x.call(l, o.selectedKey) : (S = l.getFirstKey) === null || S === void 0 ? void 0 : S.call(l);
         z && o.setSelectedKey(z);
         break;
       }
       case "ArrowRight": {
         var A, L;
         f.preventDefault();
-        let z = o.selectedKey != null ? (A = a.getKeyBelow) === null || A === void 0 ? void 0 : A.call(a, o.selectedKey) : (L = a.getFirstKey) === null || L === void 0 ? void 0 : L.call(a);
+        let z = o.selectedKey != null ? (A = l.getKeyBelow) === null || A === void 0 ? void 0 : A.call(l, o.selectedKey) : (L = l.getFirstKey) === null || L === void 0 ? void 0 : L.call(l);
         z && o.setSelectedKey(z);
         break;
       }
     }
-  }, { typeSelectProps: m } = to({
-    keyboardDelegate: a,
+  }, { typeSelectProps: m } = bo({
+    keyboardDelegate: l,
     selectionManager: o.selectionManager,
     onTypeSelect(f) {
       o.setSelectedKey(f);
@@ -69,14 +70,14 @@ function wo(e, o, i) {
     errorMessage: e.errorMessage || D
   });
   m.onKeyDown = m.onKeyDownCapture, delete m.onKeyDownCapture;
-  let w = j(e, {
+  let w = q(e, {
     labelable: !0
   }), $ = G(m, n, C), R = Co();
   return Q.set(o, {
-    isDisabled: l,
+    isDisabled: r,
     isRequired: u,
     name: d,
-    validationBehavior: r
+    validationBehavior: a
   }), {
     labelProps: {
       ...E,
@@ -89,7 +90,7 @@ function wo(e, o, i) {
     },
     triggerProps: G(w, {
       ...$,
-      isDisabled: l,
+      isDisabled: r,
       onKeyDown: zo($.onKeyDown, v, e.onKeyDown),
       onKeyUp: e.onKeyUp,
       "aria-labelledby": [
@@ -130,9 +131,9 @@ function wo(e, o, i) {
   };
 }
 function Ao(e, o, i) {
-  let t = Q.get(o) || {}, { autoComplete: l, name: u = t.name, isDisabled: d = t.isDisabled } = e, { validationBehavior: r, isRequired: c } = t, { visuallyHiddenProps: a } = ko();
-  go(e.selectRef, o.selectedKey, o.setSelectedKey), ho({
-    validationBehavior: r,
+  let t = Q.get(o) || {}, { autoComplete: r, name: u = t.name, isDisabled: d = t.isDisabled } = e, { validationBehavior: a, isRequired: s } = t, { visuallyHiddenProps: l } = ko();
+  go(e.selectRef, o.selectedKey, o.setSelectedKey), Po({
+    validationBehavior: a,
     focus: () => {
       var b;
       return (b = i.current) === null || b === void 0 ? void 0 : b.focus();
@@ -141,7 +142,7 @@ function Ao(e, o, i) {
   var n;
   return {
     containerProps: {
-      ...a,
+      ...l,
       "aria-hidden": !0,
       // @ts-ignore
       "data-react-aria-prevent-focus": !0,
@@ -155,9 +156,9 @@ function Ao(e, o, i) {
     },
     selectProps: {
       tabIndex: -1,
-      autoComplete: l,
+      autoComplete: r,
       disabled: d,
-      required: r === "native" && c,
+      required: a === "native" && s,
       name: u,
       value: (n = o.selectedKey) !== null && n !== void 0 ? n : void 0,
       onChange: (b) => o.setSelectedKey(b.target.value)
@@ -165,16 +166,16 @@ function Ao(e, o, i) {
   };
 }
 function Lo(e) {
-  let { state: o, triggerRef: i, label: t, name: l, isDisabled: u } = e, d = K(null), { containerProps: r, selectProps: c } = Ao({
+  let { state: o, triggerRef: i, label: t, name: r, isDisabled: u } = e, d = K(null), { containerProps: a, selectProps: s } = Ao({
     ...e,
     selectRef: d
   }, o, i);
-  var a;
+  var l;
   return o.collection.size <= 300 ? /* @__PURE__ */ p.createElement("div", {
-    ...r,
+    ...a,
     "data-testid": "hidden-select-container"
   }, /* @__PURE__ */ p.createElement("label", null, t, /* @__PURE__ */ p.createElement("select", {
-    ...c,
+    ...s,
     ref: d
   }, /* @__PURE__ */ p.createElement("option", null), [
     ...o.collection.getKeys()
@@ -184,42 +185,42 @@ function Lo(e) {
       key: b.key,
       value: b.key
     }, b.textValue);
-  })))) : l ? /* @__PURE__ */ p.createElement("input", {
+  })))) : r ? /* @__PURE__ */ p.createElement("input", {
     type: "hidden",
-    autoComplete: c.autoComplete,
-    name: l,
+    autoComplete: s.autoComplete,
+    name: r,
     disabled: u,
-    value: (a = o.selectedKey) !== null && a !== void 0 ? a : ""
+    value: (l = o.selectedKey) !== null && l !== void 0 ? l : ""
   }) : null;
 }
 function Io(e) {
-  let o = $o(e), [i, t] = O(null), l = So({
+  let o = mo(e), [i, t] = O(null), r = So({
     ...e,
-    onSelectionChange: (a) => {
-      e.onSelectionChange != null && e.onSelectionChange(a), o.close(), u.commitValidation();
+    onSelectionChange: (l) => {
+      e.onSelectionChange != null && e.onSelectionChange(l), o.close(), u.commitValidation();
     }
-  }), u = Po({
+  }), u = xo({
     ...e,
-    value: l.selectedKey
-  }), [d, r] = O(!1), c = k(() => {
-    var a;
-    return l.collection.size === 0 || l.collection.size === 1 && ((a = l.collection.getItem(l.collection.getFirstKey())) === null || a === void 0 ? void 0 : a.type) === "loader";
+    value: r.selectedKey
+  }), [d, a] = O(!1), s = k(() => {
+    var l;
+    return r.collection.size === 0 || r.collection.size === 1 && ((l = r.collection.getItem(r.collection.getFirstKey())) === null || l === void 0 ? void 0 : l.type) === "loader";
   }, [
-    l.collection
+    r.collection
   ]);
   return {
     ...u,
-    ...l,
+    ...r,
     ...o,
     focusStrategy: i,
-    open(a = null) {
-      c || (t(a), o.open());
+    open(l = null) {
+      s || (t(l), o.open());
     },
-    toggle(a = null) {
-      c || (t(a), o.toggle());
+    toggle(l = null) {
+      s || (t(l), o.toggle());
     },
     isFocused: d,
-    setFocused: r
+    setFocused: a
   };
 }
 var ee = {};
@@ -236,22 +237,22 @@ oe = {
   selectPlaceholder: "Изберете предмет",
   tableResizer: "Преоразмерител"
 };
-var le = {};
-le = {
+var re = {};
+re = {
   colorSwatchPicker: "Vzorky barev",
   dropzoneLabel: "Místo pro přetažení",
   selectPlaceholder: "Vyberte položku",
   tableResizer: "Změna velikosti"
 };
-var re = {};
-re = {
+var ae = {};
+ae = {
   colorSwatchPicker: "Farveprøver",
   dropzoneLabel: "DropZone",
   selectPlaceholder: "Vælg et element",
   tableResizer: "Størrelsesændring"
 };
-var ae = {};
-ae = {
+var le = {};
+le = {
   colorSwatchPicker: "Farbfelder",
   dropzoneLabel: "Ablegebereich",
   selectPlaceholder: "Element wählen",
@@ -278,15 +279,15 @@ ue = {
   selectPlaceholder: "Seleccionar un artículo",
   tableResizer: "Cambiador de tamaño"
 };
-var ce = {};
-ce = {
+var se = {};
+se = {
   colorSwatchPicker: "Värvinäidised",
   dropzoneLabel: "DropZone",
   selectPlaceholder: "Valige üksus",
   tableResizer: "Suuruse muutja"
 };
-var se = {};
-se = {
+var ce = {};
+ce = {
   colorSwatchPicker: "Värimallit",
   dropzoneLabel: "DropZone",
   selectPlaceholder: "Valitse kohde",
@@ -464,14 +465,14 @@ var Le = {};
 Le = {
   "ar-AE": ee,
   "bg-BG": oe,
-  "cs-CZ": le,
-  "da-DK": re,
-  "de-DE": ae,
+  "cs-CZ": re,
+  "da-DK": ae,
+  "de-DE": le,
   "el-GR": te,
   "en-US": ie,
   "es-ES": ue,
-  "et-EE": ce,
-  "fi-FI": se,
+  "et-EE": se,
+  "fi-FI": ce,
   "fr-FR": ne,
   "he-IL": de,
   "hr-HR": be,
@@ -500,11 +501,11 @@ Le = {
 function Ko(e) {
   return e && e.__esModule ? e.default : e;
 }
-const T = /* @__PURE__ */ V(null), q = /* @__PURE__ */ V(null), Oo = /* @__PURE__ */ Z(function(o, i) {
+const T = /* @__PURE__ */ V(null), j = /* @__PURE__ */ V(null), Oo = /* @__PURE__ */ Z(function(o, i) {
   [o, i] = W(o, i, T);
-  let { children: t, isDisabled: l = !1, isInvalid: u = !1, isRequired: d = !1 } = o, r = k(() => typeof t == "function" ? t({
+  let { children: t, isDisabled: r = !1, isInvalid: u = !1, isRequired: d = !1 } = o, a = k(() => typeof t == "function" ? t({
     isOpen: !1,
-    isDisabled: l,
+    isDisabled: r,
     isInvalid: u,
     isRequired: d,
     isFocused: !1,
@@ -512,15 +513,15 @@ const T = /* @__PURE__ */ V(null), q = /* @__PURE__ */ V(null), Oo = /* @__PURE_
     defaultChildren: null
   }) : t, [
     t,
-    l,
+    r,
     u,
     d
   ]);
-  return /* @__PURE__ */ p.createElement(io, {
-    content: r
-  }, (c) => /* @__PURE__ */ p.createElement(Vo, {
+  return /* @__PURE__ */ p.createElement(fo, {
+    content: a
+  }, (s) => /* @__PURE__ */ p.createElement(Vo, {
     props: o,
-    collection: c,
+    collection: s,
     selectRef: i
   }));
 }), Zo = [
@@ -529,39 +530,39 @@ const T = /* @__PURE__ */ V(null), q = /* @__PURE__ */ V(null), Oo = /* @__PURE_
   M
 ];
 function Vo({ props: e, selectRef: o, collection: i }) {
-  let { validationBehavior: t } = H(lo) || {};
-  var l, u;
-  let d = (u = (l = e.validationBehavior) !== null && l !== void 0 ? l : t) !== null && u !== void 0 ? u : "native", r = Io({
+  let { validationBehavior: t } = H(ao) || {};
+  var r, u;
+  let d = (u = (r = e.validationBehavior) !== null && r !== void 0 ? r : t) !== null && u !== void 0 ? u : "native", a = Io({
     ...e,
     collection: i,
     children: void 0,
     validationBehavior: d
-  }), { isFocusVisible: c, focusProps: a } = Do({
+  }), { isFocusVisible: s, focusProps: l } = Do({
     within: !0
-  }), n = K(null), [b, v] = Qe(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: m, triggerProps: h, valueProps: D, menuProps: B, descriptionProps: E, errorMessageProps: C, ...P } = wo({
-    ...eo(e),
+  }), n = K(null), [b, v] = eo(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: m, triggerProps: h, valueProps: D, menuProps: B, descriptionProps: E, errorMessageProps: C, ...P } = wo({
+    ...oo(e),
     label: v,
     validationBehavior: d
-  }, r, n), [F, w] = O(null), $ = je(() => {
+  }, a, n), [F, w] = O(null), $ = qe(() => {
     n.current && w(n.current.offsetWidth + "px");
   }, [
     n
   ]);
-  mo({
+  vo({
     ref: n,
     onResize: $
   });
   let R = k(() => ({
-    isOpen: r.isOpen,
-    isFocused: r.isFocused,
-    isFocusVisible: c,
+    isOpen: a.isOpen,
+    isFocused: a.isFocused,
+    isFocusVisible: s,
     isDisabled: e.isDisabled || !1,
     isInvalid: P.isInvalid || !1,
     isRequired: e.isRequired || !1
   }), [
-    r.isOpen,
-    r.isFocused,
-    c,
+    a.isOpen,
+    a.isFocused,
+    s,
     e.isDisabled,
     P.isInvalid,
     e.isRequired
@@ -569,18 +570,18 @@ function Vo({ props: e, selectRef: o, collection: i }) {
     ...e,
     values: R,
     defaultClassName: "react-aria-Select"
-  }), x = j(e);
+  }), x = q(e);
   delete x.id;
   let S = K(null);
-  return /* @__PURE__ */ p.createElement(oo, {
+  return /* @__PURE__ */ p.createElement(ro, {
     values: [
       [
         T,
         e
       ],
       [
-        q,
-        r
+        j,
+        a
       ],
       [
         Ie,
@@ -599,16 +600,16 @@ function Vo({ props: e, selectRef: o, collection: i }) {
         {
           ...h,
           ref: n,
-          isPressed: r.isOpen,
+          isPressed: a.isOpen,
           autoFocus: e.autoFocus
         }
       ],
       [
-        He,
-        r
+        Je,
+        a
       ],
       [
-        Je,
+        Xe,
         {
           trigger: "Select",
           triggerRef: n,
@@ -622,15 +623,15 @@ function Vo({ props: e, selectRef: o, collection: i }) {
         }
       ],
       [
-        uo,
+        to,
         {
           ...B,
           ref: S
         }
       ],
       [
-        co,
-        r
+        io,
+        a
       ],
       [
         M,
@@ -642,25 +643,25 @@ function Vo({ props: e, selectRef: o, collection: i }) {
         }
       ],
       [
-        ro,
+        lo,
         P
       ]
     ]
   }, /* @__PURE__ */ p.createElement("div", {
     ...x,
     ...f,
-    ...a,
+    ...l,
     ref: o,
     slot: e.slot || void 0,
-    "data-focused": r.isFocused || void 0,
-    "data-focus-visible": c || void 0,
-    "data-open": r.isOpen || void 0,
+    "data-focused": a.isFocused || void 0,
+    "data-focus-visible": s || void 0,
+    "data-open": a.isOpen || void 0,
     "data-disabled": e.isDisabled || void 0,
     "data-invalid": P.isInvalid || void 0,
     "data-required": e.isRequired || void 0
   }), /* @__PURE__ */ p.createElement(Lo, {
     autoComplete: e.autoComplete,
-    state: r,
+    state: a,
     triggerRef: n,
     label: v,
     name: e.name,
@@ -668,10 +669,10 @@ function Vo({ props: e, selectRef: o, collection: i }) {
   }));
 }
 const Ie = /* @__PURE__ */ V(null), Mo = /* @__PURE__ */ Z(function(o, i) {
-  var t, l;
+  var t, r;
   [o, i] = W(o, i, Ie);
-  let u = U(q), { placeholder: d } = H(T), r = u.selectedKey != null ? u.collection.getItem(u.selectedKey) : null, c = r == null ? void 0 : r.props.children;
-  typeof c == "function" && (c = c({
+  let u = U(j), { placeholder: d } = H(T), a = u.selectedKey != null ? u.collection.getItem(u.selectedKey) : null, s = a?.props.children;
+  typeof s == "function" && (s = s({
     isHovered: !1,
     isPressed: !1,
     isSelected: !1,
@@ -681,34 +682,34 @@ const Ie = /* @__PURE__ */ V(null), Mo = /* @__PURE__ */ Z(function(o, i) {
     selectionMode: "single",
     selectionBehavior: "toggle"
   }));
-  let a = vo(Ko(Le), "react-aria-components");
+  let l = ho(Ko(Le), "react-aria-components");
   var n, b, v;
   let m = J({
     ...o,
-    defaultChildren: (n = c ?? d) !== null && n !== void 0 ? n : a.format("selectPlaceholder"),
+    defaultChildren: (n = s ?? d) !== null && n !== void 0 ? n : l.format("selectPlaceholder"),
     defaultClassName: "react-aria-SelectValue",
     values: {
       selectedItem: (b = (t = u.selectedItem) === null || t === void 0 ? void 0 : t.value) !== null && b !== void 0 ? b : null,
-      selectedText: (v = (l = u.selectedItem) === null || l === void 0 ? void 0 : l.textValue) !== null && v !== void 0 ? v : null,
-      isPlaceholder: !r
+      selectedText: (v = (r = u.selectedItem) === null || r === void 0 ? void 0 : r.textValue) !== null && v !== void 0 ? v : null,
+      isPlaceholder: !a
     }
-  }), h = j(o);
+  }), h = q(o);
   return /* @__PURE__ */ p.createElement("span", {
     ref: i,
     ...h,
     ...m,
-    "data-placeholder": !r || void 0
+    "data-placeholder": !a || void 0
   }, /* @__PURE__ */ p.createElement(M.Provider, {
     value: void 0
   }, m.children));
-}), { withProvider: jo, withContext: y } = /* @__PURE__ */ Te({
+}), { withProvider: qo, withContext: y } = /* @__PURE__ */ Te({
   key: "select"
-}), To = /* @__PURE__ */ jo(
+}), To = /* @__PURE__ */ qo(
   "div",
   "root"
-), qo = /* @__PURE__ */ y("button", "trigger"), No = /* @__PURE__ */ y("span", "triggerLabel"), Go = /* @__PURE__ */ y("div", "options"), Uo = /* @__PURE__ */ y("div", "option"), _o = /* @__PURE__ */ y("div", "optionGroup"), Ke = () => {
-  const e = U(q);
-  return e != null && e.selectedKey ? /* @__PURE__ */ s(Xe, { children: /* @__PURE__ */ s(
+), jo = /* @__PURE__ */ y("button", "trigger"), No = /* @__PURE__ */ y("span", "triggerLabel"), Go = /* @__PURE__ */ y("div", "options"), Uo = /* @__PURE__ */ y("div", "option"), _o = /* @__PURE__ */ y("div", "optionGroup"), Ke = () => {
+  const e = U(j);
+  return e?.selectedKey ? /* @__PURE__ */ c(Ye, { children: /* @__PURE__ */ c(
     Eo,
     {
       pointerEvents: "all",
@@ -717,22 +718,22 @@ const Ie = /* @__PURE__ */ V(null), Mo = /* @__PURE__ */ Z(function(o, i) {
       tone: "primary",
       "aria-label": "Clear Selection",
       onPress: () => {
-        e == null || e.setSelectedKey(null);
+        e?.setSelectedKey(null);
       },
-      children: /* @__PURE__ */ s(Ge, {})
+      children: /* @__PURE__ */ c(Ge, {})
     }
   ) }) : null;
 };
 Ke.displayName = "Select.ClearButton";
 const Oe = /* @__PURE__ */ Z(
-  ({ children: e, isLoading: o, isDisabled: i, ...t }, l) => {
-    const u = qe({ recipe: Fo }), [d, r] = u.splitVariantProps(t), [c, a] = Y(r), n = {
-      ...a,
+  ({ children: e, isLoading: o, isDisabled: i, ...t }, r) => {
+    const u = je({ recipe: Fo }), [d, a] = u.splitVariantProps(t), [s, l] = Y(a), n = {
+      ...l,
       isDisabled: o || i
     };
-    return /* @__PURE__ */ s(To, { asChild: !0, ref: l, ...d, ...c, children: /* @__PURE__ */ g(Oo, { ...n, children: [
+    return /* @__PURE__ */ c(To, { asChild: !0, ref: r, ...d, ...s, children: /* @__PURE__ */ g(Oo, { ...n, children: [
       /* @__PURE__ */ g(Ne.div, { position: "relative", children: [
-        /* @__PURE__ */ s(qo, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ s(We, { children: /* @__PURE__ */ s(No, { asChild: !0, children: /* @__PURE__ */ s(Mo, {}) }) }) }),
+        /* @__PURE__ */ c(jo, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ c(We, { children: /* @__PURE__ */ c(No, { asChild: !0, children: /* @__PURE__ */ c(Mo, {}) }) }) }),
         /* @__PURE__ */ g(
           I,
           {
@@ -743,50 +744,50 @@ const Oe = /* @__PURE__ */ Z(
             right: "400",
             pointerEvents: "none",
             children: [
-              /* @__PURE__ */ s(I, { width: "600", my: "auto", children: /* @__PURE__ */ s(Ke, {}) }),
-              /* @__PURE__ */ s(I, { my: "auto", w: "600", h: "600", pointerEvents: "none", children: /* @__PURE__ */ s(N, { color: "neutral.9", asChild: !0, m: "auto", w: "400", h: "400", children: o ? /* @__PURE__ */ s(N, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ s(Ue, {}) }) : /* @__PURE__ */ s(_e, {}) }) })
+              /* @__PURE__ */ c(I, { width: "600", my: "auto", children: /* @__PURE__ */ c(Ke, {}) }),
+              /* @__PURE__ */ c(I, { my: "auto", w: "600", h: "600", pointerEvents: "none", children: /* @__PURE__ */ c(N, { color: "neutral.9", asChild: !0, m: "auto", w: "400", h: "400", children: o ? /* @__PURE__ */ c(N, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ c(Ue, {}) }) : /* @__PURE__ */ c(_e, {}) }) })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ s(Ye, { children: e })
+      /* @__PURE__ */ c(Qe, { children: e })
     ] }) });
   }
 );
 Oe.displayName = "Select.Root";
 const Ze = (e) => {
-  const { ref: o, ...i } = e, [t, l] = Y(i);
-  return /* @__PURE__ */ s(Go, { asChild: !0, ...t, children: /* @__PURE__ */ s(so, { ref: o, ...l }) });
+  const { ref: o, ...i } = e, [t, r] = Y(i);
+  return /* @__PURE__ */ c(Go, { asChild: !0, ...t, children: /* @__PURE__ */ c(uo, { ref: o, ...r }) });
 };
 Ze.displayName = "Select.Options";
 const Ve = (e) => {
   const { ref: o, ...i } = e;
-  return /* @__PURE__ */ s(Uo, { asChild: !0, ref: o, children: /* @__PURE__ */ s(no, { ...i }) });
+  return /* @__PURE__ */ c(Uo, { asChild: !0, ref: o, children: /* @__PURE__ */ c(so, { ...i }) });
 };
 Ve.displayName = "Select.Option";
 const Me = (e) => {
-  const { ref: o, label: i, items: t, children: l, ...u } = e;
-  if (t && typeof l != "function")
+  const { ref: o, label: i, items: t, children: r, ...u } = e;
+  if (t && typeof r != "function")
     throw new Error(
       'SelectOptionGroup: When "items" is provided, "children" must be a function'
     );
-  return /* @__PURE__ */ g(bo, { ref: o, ...u, children: [
-    /* @__PURE__ */ s(_o, { asChild: !0, children: /* @__PURE__ */ s(fo, { children: i }) }),
-    t ? /* @__PURE__ */ s(po, { items: t, children: (d) => typeof l == "function" ? l(d) : null }) : l
+  return /* @__PURE__ */ g(co, { ref: o, ...u, children: [
+    /* @__PURE__ */ c(_o, { asChild: !0, children: /* @__PURE__ */ c(po, { children: i }) }),
+    t ? /* @__PURE__ */ c($o, { items: t, children: (d) => typeof r == "function" ? r(d) : null }) : r
   ] });
 };
 Me.displayName = "Select.OptionGroup";
-const Sl = {
+const Dr = {
   Root: Oe,
   Options: Ze,
   Option: Ve,
   OptionGroup: Me
 };
 export {
-  Sl as S,
+  Dr as S,
   Oe as a,
   Ze as b,
   Ve as c,
   Me as d
 };
-//# sourceMappingURL=select-CU2u2b6U.es.js.map
+//# sourceMappingURL=select-wZ584ENo.es.js.map