@midas-ds/components 13.0.1 → 14.0.0

package/{Select-CEwJo1BT.js → Select-Dc6y8gPR.js}

@@ -1,38 +1,38 @@
-import { jsx as n, jsxs as g, Fragment as F } from "react/jsx-runtime";
+import { jsx as o, jsxs as g, Fragment as F } from "react/jsx-runtime";
 import * as V from "react";
-import v, { useMemo as D, useState as E, useCallback as L, useEffect as O, useRef as z } from "react";
-import { c as P } from "./clsx-OuTLNxxd.js";
-import { b as j } from "./utils-Cpcjg55U.js";
-import { a as R, $ as G, T as W } from "./Tag-BYUPXbhG.js";
-import { $ as H } from "./TextField-_UY8CXtW.js";
-import { c as U } from "./Collection-B0_WAieZ.js";
-import { C as k } from "./Checkbox-DTuryJdM.js";
-import { L as q, c as X, a as J, b as Q } from "./ListBoxSection-D7BcbjUt.js";
+import x, { useMemo as D, useState as E, useCallback as L, useEffect as O, useRef as z } from "react";
+import { c as P } from "./clsx-jbLnTBqA.js";
+import { b as j } from "./utils-BMBoiyL7.js";
+import { a as R, $ as G, T as W } from "./Tag-D2vh0KRD.js";
+import { $ as H } from "./TextField-5AI6T1ol.js";
+import { c as U } from "./Collection-j_iWeuZo.js";
+import { C as k } from "./Checkbox-Cr3MmHPE.js";
+import { L as q, c as X, a as J, b as Q } from "./ListBoxSection-dksiACMZ.js";
 import { C as Y } from "./check-B5h1DvDs.js";
-import { g as Z } from "./useHover-D6bNIkU0.js";
-import { p as ee, q as te } from "./Dialog-COeUapMW.js";
-import { $ as le, c as ae } from "./ListKeyboardDelegate-CVxkAn5D.js";
-import { g as ne } from "./SelectionManager-Bq-Gw1UT.js";
-import { a as w, c as oe, e as ie } from "./mergeProps-BSsN7Bgk.js";
-import { $ as re } from "./filterDOMProps-wsa9OcNI.js";
-import { $ as ce } from "./useField-BMegM8fA.js";
-import { $ as se, a as de, b as ue } from "./useFormValidation-L0UHvOsP.js";
-import { $ as fe } from "./useListState-pixYqSLl.js";
+import { g as Z } from "./useHover-zCCNtF6g.js";
+import { p as ee, q as te } from "./Dialog-DOyFzvUa.js";
+import { $ as le, c as ae } from "./ListKeyboardDelegate-Dyu4eFtP.js";
+import { g as oe } from "./SelectionManager-D-4ThfPZ.js";
+import { a as w, c as ne, e as re } from "./mergeProps-Ct8m5-xW.js";
+import { $ as ie } from "./filterDOMProps-wsa9OcNI.js";
+import { $ as ce } from "./useField-sSWPm-He.js";
+import { $ as se, a as de, b as ue } from "./useFormValidation-DdIIVZ5j.js";
+import { $ as fe } from "./useListState-D2yPZrFZ.js";
 import { u as me } from "./useObserveElement-BdI4zgd7.js";
-import { a as pe } from "./VisuallyHidden-CGEtjAP7.js";
-import { a as be, L as he } from "./Label-1N6ddn5w.js";
-import { T as ge } from "./Text-CmlsaWMA.js";
+import { a as be } from "./VisuallyHidden-D2ZXHTJs.js";
+import { a as pe, L as he } from "./Label-CV9p0K2n.js";
+import { T as ge } from "./Text-BQe1I4-r.js";
 import { X as ye } from "./x-C2xUHAEl.js";
-import { u as B } from "./useLocalizedStringFormatter-N0AyjzbM.js";
-import { $ as $e } from "./useButton-D6iUB8cN.js";
-import { C as xe } from "./chevron-down-DmZMdOiC.js";
-import { $ as ve, F as Se } from "./FieldError-DdvFyIf4.js";
+import { u as B } from "./useLocalizedStringFormatter-aOhh7wdl.js";
+import { $ as $e } from "./useButton-A-VOfwuT.js";
+import { C as ve } from "./chevron-down-DmZMdOiC.js";
+import { $ as xe, F as Se } from "./FieldError-C4kD4yJZ.js";
 import './assets/Select.css';function I(e) {
   return null;
 }
-I.getCollectionNode = function* (t, o) {
-  let { childItems: r, title: a, children: i } = t, l = t.title || t.children, s = t.textValue || (typeof l == "string" ? l : "") || t["aria-label"] || "";
-  !s && !(o != null && o.suppressTextValueWarning) && process.env.NODE_ENV !== "production" && console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."), yield {
+I.getCollectionNode = function* (t, n) {
+  let { childItems: i, title: a, children: r } = t, l = t.title || t.children, s = t.textValue || (typeof l == "string" ? l : "") || t["aria-label"] || "";
+  !s && !(n != null && n.suppressTextValueWarning) && process.env.NODE_ENV !== "production" && console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."), yield {
     type: "item",
     props: t,
     rendered: l,
@@ -40,13 +40,13 @@ I.getCollectionNode = function* (t, o) {
     "aria-label": t["aria-label"],
     hasChildNodes: Ce(t),
     *childNodes() {
-      if (r) for (let c of r) yield {
+      if (i) for (let c of i) yield {
         type: "item",
         value: c
       };
       else if (a) {
         let c = [];
-        v.Children.forEach(i, (u) => {
+        x.Children.forEach(r, (u) => {
           c.push({
             type: "item",
             element: u
@@ -57,42 +57,42 @@ I.getCollectionNode = function* (t, o) {
   };
 };
 function Ce(e) {
-  return e.hasChildItems != null ? e.hasChildItems : !!(e.childItems || e.title && v.Children.count(e.children) > 0);
+  return e.hasChildItems != null ? e.hasChildItems : !!(e.childItems || e.title && x.Children.count(e.children) > 0);
 }
 let _ = I;
 function N(e) {
   return null;
 }
 N.getCollectionNode = function* (t) {
-  let { children: o, title: r, items: a } = t;
+  let { children: n, title: i, items: a } = t;
   yield {
     type: "section",
     props: t,
     hasChildNodes: !0,
-    rendered: r,
+    rendered: i,
     "aria-label": t["aria-label"],
     *childNodes() {
-      if (typeof o == "function") {
+      if (typeof n == "function") {
         if (!a) throw new Error("props.children was a function but props.items is missing");
-        for (let i of a) yield {
+        for (let r of a) yield {
           type: "item",
-          value: i,
-          renderer: o
+          value: r,
+          renderer: n
         };
       } else {
-        let i = [];
-        v.Children.forEach(o, (l) => {
-          i.push({
+        let r = [];
+        x.Children.forEach(n, (l) => {
+          r.push({
             type: "item",
             element: l
           });
-        }), yield* i;
+        }), yield* r;
       }
     }
   };
 };
 let we = N;
-const _e = "_wrapper_c5n5w_7", Ke = "_trigger_c5n5w_18", Ve = "_medium_c5n5w_32", Pe = "_icon_c5n5w_68", ke = "_tagGroup_c5n5w_74", Be = "_listBoxItemCheckmark_c5n5w_90", Ie = "_triggerContainer_c5n5w_95", Ne = "_selectValueTag_c5n5w_101", Ae = "_clearButton_c5n5w_117", Me = "_truncate_c5n5w_129", Te = "_checkboxContainer_c5n5w_166", Fe = "_selectAll_c5n5w_172", p = {
+const _e = "_wrapper_1rw0v_7", Ke = "_trigger_1rw0v_18", Ve = "_medium_1rw0v_32", Pe = "_icon_1rw0v_68", ke = "_tagGroup_1rw0v_74", Be = "_listBoxItemCheckmark_1rw0v_90", Ie = "_triggerContainer_1rw0v_95", Ne = "_selectValueTag_1rw0v_101", Ae = "_clearButton_1rw0v_117", Me = "_truncate_1rw0v_129", Te = "_checkboxContainer_1rw0v_166", Fe = "_selectAll_1rw0v_172", b = {
   wrapper: _e,
   trigger: Ke,
   medium: Ve,
@@ -105,23 +105,23 @@ const _e = "_wrapper_c5n5w_7", Ke = "_trigger_c5n5w_18", Ve = "_medium_c5n5w_32"
   truncate: Me,
   checkboxContainer: Te,
   selectAll: Fe
-}, A = ({ item: e }) => /* @__PURE__ */ n(
+}, A = ({ item: e }) => /* @__PURE__ */ o(
   J,
   {
     ...e.value,
     textValue: e.textValue,
     "aria-label": e.textValue,
-    children: ({ isDisabled: t, isSelected: o, selectionMode: r }) => /* @__PURE__ */ g(F, { children: [
-      r === "multiple" ? /* @__PURE__ */ n(
+    children: ({ isDisabled: t, isSelected: n, selectionMode: i }) => /* @__PURE__ */ g(F, { children: [
+      i === "multiple" ? /* @__PURE__ */ o(
         "div",
         {
-          className: p.checkboxContainer,
+          className: b.checkboxContainer,
           "aria-hidden": !0,
-          children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ o(
             k,
             {
               isDisabled: t,
-              isSelected: o,
+              isSelected: n,
               isReadOnly: !0,
               excludeFromTabOrder: !0,
               "aria-label": e.textValue
@@ -130,19 +130,19 @@ const _e = "_wrapper_c5n5w_7", Ke = "_trigger_c5n5w_18", Ve = "_medium_c5n5w_32"
         }
       ) : null,
       e.rendered,
-      o && r === "single" ? /* @__PURE__ */ n(
+      n && i === "single" ? /* @__PURE__ */ o(
         Y,
         {
           size: 20,
-          className: p.listBoxItemCheckmark
+          className: b.listBoxItemCheckmark
         }
       ) : null
     ] })
   }
-), De = ({ section: e, state: t }) => /* @__PURE__ */ n(X, { ...e.value, children: t.collection.getChildren ? /* @__PURE__ */ n(U, { items: t.collection.getChildren(e.key), children: (o) => /* @__PURE__ */ n(A, { item: o }) }) : null }), Ee = ({
+), De = ({ section: e, state: t }) => /* @__PURE__ */ o(X, { ...e.value, children: t.collection.getChildren ? /* @__PURE__ */ o(U, { items: t.collection.getChildren(e.key), children: (n) => /* @__PURE__ */ o(A, { item: n }) }) : null }), Ee = ({
   state: e,
   ...t
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ o(
   q,
   {
     ...t,
@@ -150,71 +150,71 @@ const _e = "_wrapper_c5n5w_7", Ke = "_trigger_c5n5w_18", Ve = "_medium_c5n5w_32"
     escapeKeyBehavior: "none",
     onSelectionChange: e.setSelectedKeys,
     items: e.collection,
-    children: (o) => o.type === "section" ? /* @__PURE__ */ n(
+    children: (n) => n.type === "section" ? /* @__PURE__ */ o(
       De,
       {
         state: e,
-        section: o
+        section: n
       }
-    ) : /* @__PURE__ */ n(A, { item: o })
+    ) : /* @__PURE__ */ o(A, { item: n })
   }
 );
-function Le(e, t, o) {
-  const { disallowEmptySelection: r, isDisabled: a } = e, i = le({ usage: "search", sensitivity: "base" }), l = D(
+function Le(e, t, n) {
+  const { disallowEmptySelection: i, isDisabled: a } = e, r = le({ usage: "search", sensitivity: "base" }), l = D(
     () => new ae(
       t.collection,
       t.disabledKeys,
       null,
-      i
+      r
     ),
-    [t.collection, t.disabledKeys, i]
+    [t.collection, t.disabledKeys, r]
   ), { menuTriggerProps: s, menuProps: c } = ee(
     {
       isDisabled: a,
       type: "listbox"
     },
     t,
-    o
+    n
   ), u = (f) => {
-    const { selectedKeys: x, selectionMode: T } = t, C = x.values().next().value;
+    const { selectedKeys: v, selectionMode: T } = t, C = v.values().next().value;
     if (T === "single")
       switch (f.key) {
         case "ArrowLeft": {
           f.preventDefault();
-          const $ = x.size > 0 ? l.getKeyAbove(C) : l.getFirstKey();
+          const $ = v.size > 0 ? l.getKeyAbove(C) : l.getFirstKey();
           $ && t.setSelectedKeys([$]);
           break;
         }
         case "ArrowRight": {
           f.preventDefault();
-          const $ = x.size > 0 ? l.getKeyBelow(C) : l.getFirstKey();
+          const $ = v.size > 0 ? l.getKeyBelow(C) : l.getFirstKey();
           $ && t.setSelectedKeys([$]);
           break;
         }
       }
-  }, { typeSelectProps: d } = ne({
+  }, { typeSelectProps: d } = oe({
     keyboardDelegate: l,
     selectionManager: t.selectionManager,
     onTypeSelect(f) {
       t.setSelectedKeys([f]);
     }
-  }), { labelProps: y, fieldProps: b } = ce({
+  }), { labelProps: y, fieldProps: p } = ce({
     ...e,
     labelElementType: "span"
   });
   d.onKeyDown = d.onKeyDownCapture, delete d.onKeyDownCapture;
-  const m = re(e, { labelable: !0 }), h = w(d, s, b), S = oe();
+  const m = ie(e, { labelable: !0 }), h = w(d, s, p), S = ne();
   return {
     labelProps: {
       ...y,
       onClick: () => {
         var f;
-        e.isDisabled || ((f = o.current) == null || f.focus(), Z("keyboard"));
+        e.isDisabled || ((f = n.current) == null || f.focus(), Z("keyboard"));
       }
     },
     triggerProps: w(m, {
       ...h,
-      onKeyDown: ie(
+      onKeyDown: re(
         h.onKeyDown,
         u,
         e.onKeyDown
@@ -237,7 +237,7 @@ function Le(e, t, o) {
     },
     menuProps: {
       ...c,
-      disallowEmptySelection: r,
+      disallowEmptySelection: i,
       autoFocus: t.focusStrategy || !0,
       shouldSelectOnPressUp: !0,
       shouldFocusOnHover: !0,
@@ -245,8 +245,8 @@ function Le(e, t, o) {
         f.currentTarget.contains(f.relatedTarget) || (e.onBlur && e.onBlur(f), t.setFocused(!1));
       },
       "aria-labelledby": [
-        b["aria-labelledby"],
-        h["aria-label"] && !b["aria-labelledby"] ? h.id : null
+        p["aria-labelledby"],
+        h["aria-label"] && !p["aria-labelledby"] ? h.id : null
       ].filter(Boolean).join(" ")
     }
   };
@@ -254,10 +254,10 @@ function Le(e, t, o) {
 function Oe(e) {
   const {
     collection: t,
-    disabledKeys: o,
-    selectionManager: r,
-    selectionManager: { setSelectedKeys: a, selectedKeys: i, selectionMode: l }
-  } = fe(e), s = [], c = i.size !== 0 ? Array.from(i).map((u) => {
+    disabledKeys: n,
+    selectionManager: i,
+    selectionManager: { setSelectedKeys: a, selectedKeys: r, selectionMode: l }
+  } = fe(e), s = [], c = r.size !== 0 ? Array.from(r).map((u) => {
     const d = t.getItem(u);
     return d || s.push(u), d;
   }).filter(Boolean) : null;
@@ -267,55 +267,55 @@ function Oe(e) {
     )}" passed to "selectedKeys" are not present in the collection.`
   ), {
     collection: t,
-    disabledKeys: o,
-    selectionManager: r,
+    disabledKeys: n,
+    selectionManager: i,
     selectionMode: l,
-    selectedKeys: i,
-    setSelectedKeys: a.bind(r),
+    selectedKeys: r,
+    setSelectedKeys: a.bind(i),
     selectedItems: c
   };
 }
 function ze(e) {
-  const [t, o] = E(!1), r = te(e), a = e.selectionMode === "single", i = Oe({
+  const [t, n] = E(!1), i = te(e), a = e.selectionMode === "single", r = Oe({
     ...e,
     onSelectionChange: (d) => {
-      e.onSelectionChange && e.onSelectionChange(d), a && r.close();
+      e.onSelectionChange && e.onSelectionChange(d), a && i.close();
     }
   }), l = se({
     ...e,
     validationBehavior: "native",
-    value: i.selectedKeys
-  }), s = i.collection.size === 0, c = !!i.selectedKeys.size, u = L(() => {
+    value: r.selectedKeys
+  }), s = r.collection.size === 0, c = !!r.selectedKeys.size, u = L(() => {
     l.resetValidation(), l.commitValidation();
   }, [l]);
   return O(() => {
     a && c && u();
   }, [c, a, u]), {
-    ...i,
     ...r,
+    ...i,
     close() {
-      r.close(), c && u();
+      i.close(), c && u();
     },
     open() {
-      s || r.open();
+      s || i.open();
     },
     toggle(d) {
-      s || r.toggle(d);
+      s || i.toggle(d);
     },
     isFocused: t,
-    setFocused: o,
+    setFocused: n,
     ...l
   };
 }
 function je({
   autoComplete: e,
   name: t,
-  isDisabled: o,
-  isRequired: r,
+  isDisabled: n,
+  isRequired: i,
   selectRef: a
-}, i, l) {
-  const { visuallyHiddenProps: s } = pe();
-  return de(a, i.selectedKeys, i.setSelectedKeys), ue(
+}, r, l) {
+  const { visuallyHiddenProps: s } = be();
+  return de(a, r.selectedKeys, r.setSelectedKeys), ue(
     {
       validationBehavior: "native",
       focus: () => {
@@ -323,7 +323,7 @@ function je({
         return (c = l.current) == null ? void 0 : c.focus();
       }
     },
-    i,
+    r,
     a
   ), {
     containerProps: {
@@ -339,38 +339,38 @@ function je({
     selectProps: {
       tabIndex: -1,
       autoComplete: e,
-      disabled: o,
-      required: r,
+      disabled: n,
+      required: i,
       name: t,
-      value: Array.from(i.selectedKeys).map((c) => c.toString()),
-      onChange: (c) => i.setSelectedKeys(c.target.value),
+      value: Array.from(r.selectedKeys).map((c) => c.toString()),
+      onChange: (c) => r.setSelectedKeys(c.target.value),
       multiple: !0
     }
   };
 }
 function Re(e) {
-  const { state: t, triggerRef: o, name: r, isDisabled: a } = e, i = `${e.label}-hidden`, l = z(null), { containerProps: s, selectProps: c } = je(
+  const { state: t, triggerRef: n, name: i, isDisabled: a } = e, r = `${e.label}-hidden`, l = z(null), { containerProps: s, selectProps: c } = je(
     { ...e, selectRef: l },
     t,
-    o
+    n
   );
-  return t.collection.size <= 300 ? /* @__PURE__ */ n(
+  return t.collection.size <= 300 ? /* @__PURE__ */ o(
     "div",
     {
       ...s,
       "data-testid": "hidden-select-container",
       children: /* @__PURE__ */ g("label", { children: [
-        i,
+        r,
         /* @__PURE__ */ g(
           "select",
           {
             ...c,
             ref: l,
             children: [
-              /* @__PURE__ */ n("option", {}),
+              /* @__PURE__ */ o("option", {}),
               [...t.collection.getKeys()].map((u) => {
                 const d = t.collection.getItem(u);
-                return d && d.type === "item" ? /* @__PURE__ */ n(
+                return d && d.type === "item" ? /* @__PURE__ */ o(
                   "option",
                   {
                     value: d.key,
@@ -384,12 +384,12 @@ function Re(e) {
         )
       ] })
     }
-  ) : r ? /* @__PURE__ */ n(
+  ) : i ? /* @__PURE__ */ o(
     "input",
     {
       type: "hidden",
       autoComplete: c.autoComplete,
-      name: r,
+      name: i,
       disabled: a,
       value: Array.from(t.selectedKeys).map((u) => u.toString()) ?? [""]
     }
@@ -401,37 +401,37 @@ const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Sel
 }, He = ({
   state: { selectedItems: e },
   isDisabled: t,
-  parentWidth: o,
-  onClear: r,
+  parentWidth: n,
+  onClear: i,
   triggerRef: a,
-  isClearable: i
+  isClearable: r
 }) => {
   const l = B(M);
   return /* @__PURE__ */ g(
     "div",
     {
-      className: p.selectValueTag,
+      className: b.selectValueTag,
       "data-disabled": t || void 0,
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ o(
           "span",
           {
-            className: p.truncate,
-            style: { maxWidth: o - 92 },
+            className: b.truncate,
+            style: { maxWidth: n - 92 },
             children: e != null && e.length && e.length > 1 ? `${e.length} ${l.format("chosen")}` : e == null ? void 0 : e[0].textValue
           }
         ),
-        i && /* @__PURE__ */ n(
+        r && /* @__PURE__ */ o(
           "button",
           {
             disabled: t,
             "aria-label": l.format("clearAll"),
-            className: p.clearButton,
+            className: b.clearButton,
             onClick: () => {
               var s;
-              r(), (s = a == null ? void 0 : a.current) == null || s.focus();
+              i(), (s = a == null ? void 0 : a.current) == null || s.focus();
             },
-            children: /* @__PURE__ */ n(
+            children: /* @__PURE__ */ o(
               ye,
               {
                 width: 20,
@@ -446,10 +446,10 @@ const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Sel
 }, Ue = ({
   autoFocus: e,
   excludeFromTabOrder: t,
-  isDisabled: o,
-  size: r = "large",
+  isDisabled: n,
+  size: i = "large",
   isOpen: a,
-  isInvalid: i,
+  isInvalid: r,
   selectionMode: l,
   state: { selectedItems: s },
   placeholder: c,
@@ -457,38 +457,38 @@ const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Sel
   triggerRef: d,
   ...y
 }) => {
-  const { buttonProps: b } = $e(
-    { autoFocus: e, excludeFromTabOrder: t, isDisabled: o, ...y },
+  const { buttonProps: p } = $e(
+    { autoFocus: e, excludeFromTabOrder: t, isDisabled: n, ...y },
     d
   ), m = l === "multiple";
   return /* @__PURE__ */ g(
     "div",
     {
-      className: p.triggerContainer,
-      "data-disabled": o || void 0,
+      className: b.triggerContainer,
+      "data-disabled": n || void 0,
       children: [
         /* @__PURE__ */ g(
           "button",
           {
-            ...b,
+            ...p,
             autoFocus: e,
-            className: P(p.trigger, {
-              [p.medium]: r === "medium"
+            className: P(b.trigger, {
+              [b.medium]: i === "medium"
             }),
-            "data-disabled": o || void 0,
-            "data-invalid": i || void 0,
+            "data-disabled": n || void 0,
+            "data-invalid": r || void 0,
             "data-open": a || void 0,
             ref: d,
             type: "button",
             children: [
-              m && !s ? /* @__PURE__ */ n("span", { children: c }) : null,
-              m ? null : /* @__PURE__ */ n("span", { children: s ? s[0].textValue : c }),
-              /* @__PURE__ */ n(
+              m && !s ? /* @__PURE__ */ o("span", { children: c }) : null,
+              m ? null : /* @__PURE__ */ o("span", { children: s ? s[0].textValue : c }),
+              /* @__PURE__ */ o(
                 "div",
                 {
-                  className: p.icon,
+                  className: b.icon,
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ n(xe, { size: 20 })
+                  children: /* @__PURE__ */ o(ve, { size: 20 })
                 }
               )
             ]
@@ -501,8 +501,8 @@ const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Sel
 }, K = ({
   state: e,
   errorMessage: t
-}) => /* @__PURE__ */ n(ve.Provider, { value: { ...e.displayValidation }, children: /* @__PURE__ */ n(Se, { children: t }) }), qe = V.forwardRef(
-  ({ isClearable: e = !0, popover: t, ...o }, r) => {
+}) => /* @__PURE__ */ o(xe.Provider, { value: { ...e.displayValidation }, children: /* @__PURE__ */ o(Se, { children: t }) }), qe = V.forwardRef(
+  ({ isClearable: e = !0, popover: t, ...n }, i) => {
     const a = {
       selectionMode: "single",
       errorPosition: "top",
@@ -510,29 +510,29 @@ const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Sel
       isClearable: e,
       size: "large",
       popover: t,
-      ...o
-    }, i = j(r), l = ze(a), s = B(M), { labelProps: c, triggerProps: u, valueProps: d, menuProps: y } = Le(
+      ...n
+    }, r = j(i), l = ze(a), s = B(M), { labelProps: c, triggerProps: u, valueProps: d, menuProps: y } = Le(
       a,
       l,
-      i
-    ), { width: b } = me(i.current, {
+      r
+    ), { width: p } = me(r.current, {
       includePadding: !0
     });
     return /* @__PURE__ */ g(
       H,
       {
         ...a,
-        className: P(p.wrapper, a.className),
+        className: P(b.wrapper, a.className),
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ o(
             Re,
             {
               ...a,
               state: l,
-              triggerRef: i
+              triggerRef: r
             }
           ),
-          /* @__PURE__ */ n(be, { popover: t, children: a.label && /* @__PURE__ */ n(
+          /* @__PURE__ */ o(pe, { popover: t, children: a.label && /* @__PURE__ */ o(
             he,
             {
               ...c,
@@ -540,35 +540,35 @@ const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Sel
               children: a.label
             }
           ) }),
-          a.description && /* @__PURE__ */ n(ge, { slot: "description", children: a.description }),
-          a.errorPosition === "top" && /* @__PURE__ */ n(
+          a.description && /* @__PURE__ */ o(ge, { slot: "description", children: a.description }),
+          a.errorPosition === "top" && /* @__PURE__ */ o(
             K,
             {
               ...a,
               state: l
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ o(
             Ue,
             {
               ...a,
               ...u,
               isInvalid: l.displayValidation.isInvalid,
-              triggerRef: i,
+              triggerRef: r,
               state: l,
-              children: a.selectionMode === "multiple" && l.selectedItems ? /* @__PURE__ */ n("span", { ...d, children: /* @__PURE__ */ n(
+              children: a.selectionMode === "multiple" && l.selectedItems ? /* @__PURE__ */ o("span", { ...d, children: /* @__PURE__ */ o(
                 He,
                 {
                   ...a,
                   state: l,
-                  parentWidth: b,
+                  parentWidth: p,
                   onClear: () => l.selectionManager.clearSelection(),
-                  triggerRef: i
+                  triggerRef: r
                 }
               ) }) : null
             }
           ),
-          a.errorPosition === "bottom" && /* @__PURE__ */ n(
+          a.errorPosition === "bottom" && /* @__PURE__ */ o(
             K,
             {
               ...a,
@@ -582,20 +582,20 @@ const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Sel
               onOpenChange: (m) => {
                 m || l.close();
               },
-              triggerRef: i,
-              style: { width: b },
+              triggerRef: r,
+              style: { width: p },
               children: [
-                a.isSelectableAll && /* @__PURE__ */ n(
+                a.isSelectableAll && /* @__PURE__ */ o(
                   k,
                   {
                     isSelected: l.selectionManager.isSelectAll,
                     isIndeterminate: !l.selectionManager.isSelectAll && !l.selectionManager.isEmpty,
-                    className: p.selectAll,
+                    className: b.selectAll,
                     onChange: () => l.selectionManager.toggleSelectAll(),
                     children: s.format("selectAll")
                   }
                 ),
-                /* @__PURE__ */ n(
+                /* @__PURE__ */ o(
                   Ee,
                   {
                     ...y,
@@ -605,14 +605,14 @@ const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Sel
               ]
             }
           ),
-          a.showTags && !!l.selectedItems && /* @__PURE__ */ n(
+          a.showTags && !!l.selectedItems && /* @__PURE__ */ o(
             R,
             {
               "aria-label": s.format("selectedItems"),
               selectionBehavior: "toggle",
               onRemove: (m) => l.selectionManager.toggleSelection(Array.from(m)[0]),
-              className: p.tagGroup,
-              children: /* @__PURE__ */ n(G, { items: l.selectedItems, children: (m) => /* @__PURE__ */ n(
+              className: b.tagGroup,
+              children: /* @__PURE__ */ o(G, { items: l.selectedItems, children: (m) => /* @__PURE__ */ o(
                 W,
                 {
                   textValue: m.textValue,
@@ -630,21 +630,21 @@ const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Sel
     );
   }
 ), Xe = V.forwardRef(
-  ({ options: e, ...t }, o) => /* @__PURE__ */ n(
+  ({ options: e, ...t }, n) => /* @__PURE__ */ o(
     qe,
     {
       ...t,
       items: e,
-      ref: o,
-      children: (r) => r.children ? /* @__PURE__ */ n(
+      ref: n,
+      children: (i) => i.children ? /* @__PURE__ */ o(
         we,
         {
-          items: r.children,
-          title: r.name,
-          children: (a) => /* @__PURE__ */ n(_, { textValue: a.textValue, children: a.name })
+          items: i.children,
+          title: i.name,
+          children: (a) => /* @__PURE__ */ o(_, { textValue: a.textValue, children: a.name })
         },
-        r.name
-      ) : /* @__PURE__ */ n(_, { textValue: r.textValue, children: r.name })
+        i.name
+      ) : /* @__PURE__ */ o(_, { textValue: i.textValue, children: i.name })
     }
   )
 );