@midas-ds/components 10.2.0 → 10.3.0

package/{Select-PvCqY7Lp.js → Select-BVQZtoi9.js}

@@ -1,53 +1,51 @@
 import { jsx as a, jsxs as b, Fragment as T } from "react/jsx-runtime";
 import * as k from "react";
-import v, { useMemo as F, useState as D, useCallback as E, useEffect as O, useRef as A } from "react";
+import v, { useMemo as F, useState as D, useCallback as E, useEffect as L, useRef as O } from "react";
 import { c as P } from "./clsx-OuTLNxxd.js";
-import { d as K, c as L, n as q, e as z } from "./utils-HNTsIwux.js";
-import { a as R, $ as j, T as G } from "./Tag-g6HN-YCv.js";
-import { $ as H } from "./TextField-DBaRuNj7.js";
-import { c as W } from "./Collection-C5ONNBqd.js";
-import { C as B } from "./Checkbox-CvFsn_FL.js";
-import { L as U, c as X, a as J, b as Q } from "./ListBoxSection-C1aLKL9p.js";
+import { c as K, e as A, n as q, l as z } from "./utils-DIMfEPAt.js";
+import { a as R, $ as j, T as G } from "./Tag-Du7GvSv2.js";
+import { $ as W } from "./TextField-C-hTPukq.js";
+import { c as H } from "./Collection-Brgjpkne.js";
+import { C as B } from "./Checkbox-5HINZdGu.js";
+import { L as U, c as X, a as J, b as Q } from "./ListBoxSection-C0BGnpB4.js";
 import { C as Y } from "./check-CLF6Yxza.js";
-import { t as Z } from "./useHover-qRAon4nS.js";
-import { o as ee, p as te } from "./Dialog-CYxThuMl.js";
-import { $ as le } from "./ListKeyboardDelegate-DNOzQ8nc.js";
-import { g as oe } from "./SelectionManager-6H88Cv6B.js";
-import { $ as ae } from "./filterDOMProps-D6KHYVBX.js";
-import { $ as ie } from "./useCollator-CgZcHC8N.js";
-import { $ as ne } from "./useField-BPMAlIbU.js";
-import { $ as re, a as ce, b as se } from "./useFormValidation-R8hQIjWP.js";
-import { $ as de } from "./useListState-DFQ9d-uE.js";
+import { s as Z } from "./useHover-DjIHtjGN.js";
+import { o as ee, p as te } from "./Dialog-D14MbJ7o.js";
+import { $ as le, a as oe } from "./ListKeyboardDelegate-DNI8GQtX.js";
+import { g as ae } from "./SelectionManager-B4ORduja.js";
+import { $ as ne } from "./filterDOMProps-D6KHYVBX.js";
+import { $ as ie } from "./useField-DvpGZkw_.js";
+import { $ as re, a as ce, b as se } from "./useFormValidation-BIGzfO9h.js";
+import { $ as de } from "./useListState-CrZFZffI.js";
 import { u as ue } from "./useObserveElement-BdI4zgd7.js";
-import { a as fe } from "./VisuallyHidden-D-4z1VgU.js";
-import { L as me } from "./Label-C9ivwkAd.js";
-import { T as pe } from "./Text-BN-g1iWi.js";
-import { L as be } from "./ListBoxButton-O6zN3P4W.js";
-import { X as he } from "./x-JK7i-TQC.js";
-import { $ as ge } from "./useButton-C-Lq7CNY.js";
-import { C as ye } from "./chevron-down-Cd1bkzXT.js";
-import { $ as $e } from "./FieldError-CZikNDxX.js";
-import { F as xe } from "./FieldError-Dv3bBEjh.js";
+import { a as fe } from "./VisuallyHidden-ZCYf65q4.js";
+import { a as me, L as pe } from "./Label-BwJrdqEE.js";
+import { T as be } from "./Text-jWWg0B20.js";
+import { L as he } from "./ListBoxButton-D_J3jlP0.js";
+import { X as ge } from "./x-JK7i-TQC.js";
+import { $ as ye } from "./useButton-B8dB9sot.js";
+import { C as $e } from "./chevron-down-Cd1bkzXT.js";
+import { $ as xe, F as ve } from "./FieldError-CAcjosk_.js";
 import './assets/Select.css';function V(e) {
   return null;
 }
-V.getCollectionNode = function* (t, i) {
-  let { childItems: l, title: n, children: o } = t, r = t.title || t.children, d = t.textValue || (typeof r == "string" ? r : "") || t["aria-label"] || "";
-  !d && !(i != null && i.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 {
+V.getCollectionNode = function* (t, n) {
+  let { childItems: r, title: o, children: i } = t, l = t.title || t.children, d = t.textValue || (typeof l == "string" ? l : "") || t["aria-label"] || "";
+  !d && !(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: r,
+    rendered: l,
     textValue: d,
     "aria-label": t["aria-label"],
-    hasChildNodes: ve(t),
+    hasChildNodes: Se(t),
     *childNodes() {
-      if (l) for (let c of l) yield {
+      if (r) for (let c of r) yield {
         type: "item",
         value: c
       };
-      else if (n) {
+      else if (o) {
         let c = [];
-        v.Children.forEach(o, (u) => {
+        v.Children.forEach(i, (u) => {
           c.push({
             type: "item",
             element: u
@@ -57,7 +55,7 @@ V.getCollectionNode = function* (t, i) {
     }
   };
 };
-function ve(e) {
+function Se(e) {
   return e.hasChildItems != null ? e.hasChildItems : !!(e.childItems || e.title && v.Children.count(e.children) > 0);
 }
 let _ = V;
@@ -65,63 +63,64 @@ function I(e) {
   return null;
 }
 I.getCollectionNode = function* (t) {
-  let { children: i, title: l, items: n } = t;
+  let { children: n, title: r, items: o } = t;
   yield {
     type: "section",
     props: t,
     hasChildNodes: !0,
-    rendered: l,
+    rendered: r,
     "aria-label": t["aria-label"],
     *childNodes() {
-      if (typeof i == "function") {
-        if (!n) throw new Error("props.children was a function but props.items is missing");
-        for (let o of n) yield {
+      if (typeof n == "function") {
+        if (!o) throw new Error("props.children was a function but props.items is missing");
+        for (let i of o) yield {
           type: "item",
-          value: o,
-          renderer: i
+          value: i,
+          renderer: n
         };
       } else {
-        let o = [];
-        v.Children.forEach(i, (r) => {
-          o.push({
+        let i = [];
+        v.Children.forEach(n, (l) => {
+          i.push({
             type: "item",
-            element: r
+            element: l
           });
-        }), yield* o;
+        }), yield* i;
       }
     }
   };
 };
-let Se = I;
-const Ce = "_wrapper_1rlqo_10", Ke = "_trigger_1rlqo_21", _e = "_medium_1rlqo_35", we = "_icon_1rlqo_71", ke = "_tagGroup_1rlqo_77", Pe = "_listBoxItemCheckmark_1rlqo_93", Be = "_triggerContainer_1rlqo_98", Ve = "_selectValueTag_1rlqo_104", Ie = "_clearButton_1rlqo_120", Ne = "_truncate_1rlqo_132", Me = "_checkboxContainer_1rlqo_169", p = {
-  wrapper: Ce,
-  trigger: Ke,
-  medium: _e,
-  icon: we,
-  tagGroup: ke,
-  listBoxItemCheckmark: Pe,
-  triggerContainer: Be,
-  selectValueTag: Ve,
-  clearButton: Ie,
-  truncate: Ne,
-  checkboxContainer: Me
+let Ce = I;
+const Ke = "_wrapper_1rlqo_10", _e = "_trigger_1rlqo_21", we = "_medium_1rlqo_35", ke = "_icon_1rlqo_71", Pe = "_tagGroup_1rlqo_77", Be = "_listBoxItemCheckmark_1rlqo_93", Ve = "_triggerContainer_1rlqo_98", Ie = "_selectValueTag_1rlqo_104", Ne = "_clearButton_1rlqo_120", Me = "_truncate_1rlqo_132", Te = "_checkboxContainer_1rlqo_169", p = {
+  wrapper: Ke,
+  trigger: _e,
+  medium: we,
+  icon: ke,
+  tagGroup: Pe,
+  listBoxItemCheckmark: Be,
+  triggerContainer: Ve,
+  selectValueTag: Ie,
+  clearButton: Ne,
+  truncate: Me,
+  checkboxContainer: Te
 }, N = ({ item: e }) => /* @__PURE__ */ a(
   J,
   {
     ...e.value,
     textValue: e.textValue,
-    children: ({ isDisabled: t, isSelected: i, selectionMode: l }) => /* @__PURE__ */ b(T, { children: [
-      l === "multiple" ? /* @__PURE__ */ a("div", { className: p.checkboxContainer, children: /* @__PURE__ */ a(
+    children: ({ isDisabled: t, isSelected: n, selectionMode: r }) => /* @__PURE__ */ b(T, { children: [
+      r === "multiple" ? /* @__PURE__ */ a("div", { className: p.checkboxContainer, children: /* @__PURE__ */ a(
         B,
         {
           isDisabled: t,
-          isSelected: i,
+          isSelected: n,
           isReadOnly: !0,
-          excludeFromTabOrder: !0
+          excludeFromTabOrder: !0,
+          "aria-label": e.textValue
         }
       ) }) : null,
       e.rendered,
-      i && l === "single" ? /* @__PURE__ */ a(
+      n && r === "single" ? /* @__PURE__ */ a(
         Y,
         {
           size: 20,
@@ -130,7 +129,7 @@ const Ce = "_wrapper_1rlqo_10", Ke = "_trigger_1rlqo_21", _e = "_medium_1rlqo_35
       ) : null
     ] })
   }
-), Te = ({ section: e, state: t }) => /* @__PURE__ */ a(X, { ...e.value, children: t.collection.getChildren ? /* @__PURE__ */ a(W, { items: t.collection.getChildren(e.key), children: (i) => /* @__PURE__ */ a(N, { item: i }) }) : null }), Fe = ({
+), Fe = ({ section: e, state: t }) => /* @__PURE__ */ a(X, { ...e.value, children: t.collection.getChildren ? /* @__PURE__ */ a(H, { items: t.collection.getChildren(e.key), children: (n) => /* @__PURE__ */ a(N, { item: n }) }) : null }), De = ({
   state: e,
   ...t
 }) => /* @__PURE__ */ a(
@@ -141,66 +140,66 @@ const Ce = "_wrapper_1rlqo_10", Ke = "_trigger_1rlqo_21", _e = "_medium_1rlqo_35
     escapeKeyBehavior: "none",
     onSelectionChange: e.setSelectedKeys,
     items: e.collection,
-    children: (i) => i.type === "section" ? /* @__PURE__ */ a(
-      Te,
+    children: (n) => n.type === "section" ? /* @__PURE__ */ a(
+      Fe,
       {
         state: e,
-        section: i
+        section: n
       }
-    ) : /* @__PURE__ */ a(N, { item: i })
+    ) : /* @__PURE__ */ a(N, { item: n })
   }
 );
-function De(e, t, i) {
-  const { disallowEmptySelection: l, isDisabled: n } = e, o = ie({ usage: "search", sensitivity: "base" }), r = F(
-    () => new le(
+function Ee(e, t, n) {
+  const { disallowEmptySelection: r, isDisabled: o } = e, i = le({ usage: "search", sensitivity: "base" }), l = F(
+    () => new oe(
       t.collection,
       t.disabledKeys,
       null,
-      o
+      i
     ),
-    [t.collection, t.disabledKeys, o]
+    [t.collection, t.disabledKeys, i]
   ), { menuTriggerProps: d, menuProps: c } = ee(
     {
-      isDisabled: n,
+      isDisabled: o,
       type: "listbox"
     },
     t,
-    i
+    n
   ), u = (f) => {
     const { selectedKeys: x, selectionMode: M } = t, C = x.values().next().value;
     if (M === "single")
       switch (f.key) {
         case "ArrowLeft": {
           f.preventDefault();
-          const y = x.size > 0 ? r.getKeyAbove(C) : r.getFirstKey();
+          const y = x.size > 0 ? l.getKeyAbove(C) : l.getFirstKey();
           y && t.setSelectedKeys([y]);
           break;
         }
         case "ArrowRight": {
           f.preventDefault();
-          const y = x.size > 0 ? r.getKeyBelow(C) : r.getFirstKey();
+          const y = x.size > 0 ? l.getKeyBelow(C) : l.getFirstKey();
           y && t.setSelectedKeys([y]);
           break;
         }
       }
-  }, { typeSelectProps: s } = oe({
-    keyboardDelegate: r,
+  }, { typeSelectProps: s } = ae({
+    keyboardDelegate: l,
     selectionManager: t.selectionManager,
     onTypeSelect(f) {
       t.setSelectedKeys([f]);
     }
-  }), { labelProps: m, fieldProps: g } = ne({
+  }), { labelProps: g, fieldProps: m } = ie({
     ...e,
     labelElementType: "span"
   });
   s.onKeyDown = s.onKeyDownCapture, delete s.onKeyDownCapture;
-  const $ = ae(e, { labelable: !0 }), h = K(s, d, g), S = L();
+  const $ = ne(e, { labelable: !0 }), h = K(s, d, m), S = A();
   return {
     labelProps: {
-      ...m,
+      ...g,
       onClick: () => {
         var f;
-        e.isDisabled || ((f = i.current) == null || f.focus(), Z("keyboard"));
+        e.isDisabled || ((f = n.current) == null || f.focus(), Z("keyboard"));
       }
     },
     triggerProps: K($, {
@@ -228,7 +227,7 @@ function De(e, t, i) {
     },
     menuProps: {
       ...c,
-      disallowEmptySelection: l,
+      disallowEmptySelection: r,
       autoFocus: t.focusStrategy || !0,
       shouldSelectOnPressUp: !0,
       shouldFocusOnHover: !0,
@@ -236,19 +235,19 @@ function De(e, t, i) {
         f.currentTarget.contains(f.relatedTarget) || (e.onBlur && e.onBlur(f), t.setFocused(!1));
       },
       "aria-labelledby": [
-        g["aria-labelledby"],
-        h["aria-label"] && !g["aria-labelledby"] ? h.id : null
+        m["aria-labelledby"],
+        h["aria-label"] && !m["aria-labelledby"] ? h.id : null
       ].filter(Boolean).join(" ")
     }
   };
 }
-function Ee(e) {
+function Le(e) {
   const {
     collection: t,
-    disabledKeys: i,
-    selectionManager: l,
-    selectionManager: { setSelectedKeys: n, selectedKeys: o, selectionMode: r }
-  } = de(e), d = [], c = o.size !== 0 ? Array.from(o).map((u) => {
+    disabledKeys: n,
+    selectionManager: r,
+    selectionManager: { setSelectedKeys: o, selectedKeys: i, selectionMode: l }
+  } = de(e), d = [], c = i.size !== 0 ? Array.from(i).map((u) => {
     const s = t.getItem(u);
     return s || d.push(u), s;
   }).filter(Boolean) : null;
@@ -258,64 +257,64 @@ function Ee(e) {
     )}" passed to "selectedKeys" are not present in the collection.`
   ), {
     collection: t,
-    disabledKeys: i,
-    selectionManager: l,
-    selectionMode: r,
-    selectedKeys: o,
-    setSelectedKeys: n.bind(l),
+    disabledKeys: n,
+    selectionManager: r,
+    selectionMode: l,
+    selectedKeys: i,
+    setSelectedKeys: o.bind(r),
     selectedItems: c
   };
 }
 function Oe(e) {
-  const [t, i] = D(!1), l = te(e), n = e.selectionMode === "single", o = Ee({
+  const [t, n] = D(!1), r = te(e), o = e.selectionMode === "single", i = Le({
     ...e,
     onSelectionChange: (s) => {
-      e.onSelectionChange && e.onSelectionChange(s), n && l.close();
+      e.onSelectionChange && e.onSelectionChange(s), o && r.close();
     }
-  }), r = re({
+  }), l = re({
     ...e,
     validationBehavior: "native",
-    value: o.selectedKeys
-  }), d = o.collection.size === 0, c = !!o.selectedKeys.size, u = E(() => {
-    r.resetValidation(), r.commitValidation();
-  }, [r]);
-  return O(() => {
-    n && c && u();
-  }, [c, n, u]), {
-    ...o,
-    ...l,
+    value: i.selectedKeys
+  }), d = i.collection.size === 0, c = !!i.selectedKeys.size, u = E(() => {
+    l.resetValidation(), l.commitValidation();
+  }, [l]);
+  return L(() => {
+    o && c && u();
+  }, [c, o, u]), {
+    ...i,
+    ...r,
     close() {
-      l.close(), c && u();
+      r.close(), c && u();
     },
     open() {
-      d || l.open();
+      d || r.open();
     },
     toggle(s) {
-      d || l.toggle(s);
+      d || r.toggle(s);
     },
     isFocused: t,
-    setFocused: i,
-    ...r
+    setFocused: n,
+    ...l
   };
 }
 function Ae({
   autoComplete: e,
   name: t,
-  isDisabled: i,
-  isRequired: l,
-  selectRef: n
-}, o, r) {
+  isDisabled: n,
+  isRequired: r,
+  selectRef: o
+}, i, l) {
   const { visuallyHiddenProps: d } = fe();
-  return ce(n, o.selectedKeys, o.setSelectedKeys), se(
+  return ce(o, i.selectedKeys, i.setSelectedKeys), se(
     {
       validationBehavior: "native",
       focus: () => {
         var c;
-        return (c = r.current) == null ? void 0 : c.focus();
+        return (c = l.current) == null ? void 0 : c.focus();
       }
     },
-    o,
-    n
+    i,
+    o
   ), {
     containerProps: {
       ...d,
@@ -330,20 +329,20 @@ function Ae({
     selectProps: {
       tabIndex: -1,
       autoComplete: e,
-      disabled: i,
-      required: l,
+      disabled: n,
+      required: r,
       name: t,
-      value: Array.from(o.selectedKeys).map((c) => c.toString()),
-      onChange: (c) => o.setSelectedKeys(c.target.value),
+      value: Array.from(i.selectedKeys).map((c) => c.toString()),
+      onChange: (c) => i.setSelectedKeys(c.target.value),
       multiple: !0
     }
   };
 }
-function Le(e) {
-  const { state: t, triggerRef: i, name: l, isDisabled: n } = e, o = `${e.label}-hidden`, r = A(null), { containerProps: d, selectProps: c } = Ae(
-    { ...e, selectRef: r },
+function qe(e) {
+  const { state: t, triggerRef: n, name: r, isDisabled: o } = e, i = `${e.label}-hidden`, l = O(null), { containerProps: d, selectProps: c } = Ae(
+    { ...e, selectRef: l },
     t,
-    i
+    n
   );
   return t.collection.size <= 300 ? /* @__PURE__ */ a(
     "div",
@@ -351,12 +350,12 @@ function Le(e) {
       ...d,
       "data-testid": "hidden-select-container",
       children: /* @__PURE__ */ b("label", { children: [
-        o,
+        i,
         /* @__PURE__ */ b(
           "select",
           {
             ...c,
-            ref: r,
+            ref: l,
             children: [
               /* @__PURE__ */ a("option", {}),
               [...t.collection.getKeys()].map((u) => {
@@ -375,24 +374,24 @@ function Le(e) {
         )
       ] })
     }
-  ) : l ? /* @__PURE__ */ a(
+  ) : r ? /* @__PURE__ */ a(
     "input",
     {
       type: "hidden",
       autoComplete: c.autoComplete,
-      name: l,
-      disabled: n,
+      name: r,
+      disabled: o,
       value: Array.from(t.selectedKeys).map((u) => u.toString()) ?? [""]
     }
   ) : null;
 }
-const qe = ({
+const ze = ({
   state: { selectedItems: e },
   isDisabled: t,
-  parentWidth: i,
-  onClear: l,
-  triggerRef: n,
-  isClearable: o
+  parentWidth: n,
+  onClear: r,
+  triggerRef: o,
+  isClearable: i
 }) => /* @__PURE__ */ b(
   "div",
   {
@@ -403,22 +402,22 @@ const qe = ({
         "span",
         {
           className: p.truncate,
-          style: { maxWidth: i - 92 },
+          style: { maxWidth: n - 92 },
           children: e != null && e.length && e.length > 1 ? `${e.length} valda` : e == null ? void 0 : e[0].textValue
         }
       ),
-      o && /* @__PURE__ */ a(
+      i && /* @__PURE__ */ a(
         "button",
         {
           disabled: t,
           "aria-label": "Rensa alla",
           className: p.clearButton,
           onClick: () => {
-            var r;
-            l(), (r = n == null ? void 0 : n.current) == null || r.focus();
+            var l;
+            r(), (l = o == null ? void 0 : o.current) == null || l.focus();
           },
           children: /* @__PURE__ */ a(
-            he,
+            ge,
             {
               width: 20,
               height: 20
@@ -428,41 +427,41 @@ const qe = ({
       )
     ]
   }
-), ze = ({
+), Re = ({
   autoFocus: e,
   excludeFromTabOrder: t,
-  isDisabled: i,
-  size: l = "large",
-  isOpen: n,
-  isInvalid: o,
-  selectionMode: r,
+  isDisabled: n,
+  size: r = "large",
+  isOpen: o,
+  isInvalid: i,
+  selectionMode: l,
   state: { selectedItems: d },
   placeholder: c,
   children: u,
   triggerRef: s,
-  ...m
+  ...g
 }) => {
-  const { buttonProps: g } = ge(
-    { autoFocus: e, excludeFromTabOrder: t, isDisabled: i, ...m },
+  const { buttonProps: m } = ye(
+    { autoFocus: e, excludeFromTabOrder: t, isDisabled: n, ...g },
     s
-  ), $ = r === "multiple";
+  ), $ = l === "multiple";
   return /* @__PURE__ */ b(
     "div",
     {
       className: p.triggerContainer,
-      "data-disabled": i || void 0,
+      "data-disabled": n || void 0,
       children: [
         /* @__PURE__ */ b(
           "button",
           {
-            ...g,
+            ...m,
             autoFocus: e,
             className: P(p.trigger, {
-              [p.medium]: l === "medium"
+              [p.medium]: r === "medium"
             }),
-            "data-disabled": i || void 0,
-            "data-invalid": o || void 0,
-            "data-open": n || void 0,
+            "data-disabled": n || void 0,
+            "data-invalid": i || void 0,
+            "data-open": o || void 0,
             ref: s,
             type: "button",
             children: [
@@ -473,7 +472,7 @@ const qe = ({
                 {
                   className: p.icon,
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ a(ye, { size: 20 })
+                  children: /* @__PURE__ */ a($e, { size: 20 })
                 }
               )
             ]
@@ -486,99 +485,100 @@ const qe = ({
 }, w = ({
   state: e,
   errorMessage: t
-}) => /* @__PURE__ */ a($e.Provider, { value: { ...e.displayValidation }, children: /* @__PURE__ */ a(xe, { children: t }) }), Re = k.forwardRef(
-  ({ isClearable: e = !0, ...t }, i) => {
-    const l = {
+}) => /* @__PURE__ */ a(xe.Provider, { value: { ...e.displayValidation }, children: /* @__PURE__ */ a(ve, { children: t }) }), je = k.forwardRef(
+  ({ isClearable: e = !0, popover: t, ...n }, r) => {
+    const o = {
       selectionMode: "single",
       errorPosition: "top",
       disallowEmptySelection: !e,
       isClearable: e,
       size: "large",
-      ...t
-    }, n = z(i), o = Oe(l), { labelProps: r, triggerProps: d, valueProps: c, menuProps: u } = De(
-      l,
+      popover: t,
+      ...n
+    }, i = z(r), l = Oe(o), { labelProps: d, triggerProps: c, valueProps: u, menuProps: s } = Ee(
       o,
-      n
-    ), { width: s } = ue(n.current, {
+      l,
+      i
+    ), { width: g } = ue(i.current, {
       includePadding: !0
     });
     return /* @__PURE__ */ b(
-      H,
+      W,
       {
-        ...l,
-        className: P(p.wrapper, l.className),
+        ...o,
+        className: P(p.wrapper, o.className),
         children: [
           /* @__PURE__ */ a(
-            Le,
+            qe,
             {
-              ...l,
-              state: o,
-              triggerRef: n
+              ...o,
+              state: l,
+              triggerRef: i
             }
           ),
-          l.label && /* @__PURE__ */ a(
-            me,
+          /* @__PURE__ */ a(me, { popover: t, children: o.label && /* @__PURE__ */ a(
+            pe,
             {
-              ...r,
-              "data-disabled": l.isDisabled || void 0,
-              children: l.label
+              ...d,
+              "data-disabled": o.isDisabled || void 0,
+              children: o.label
             }
-          ),
-          l.description && /* @__PURE__ */ a(pe, { slot: "description", children: l.description }),
-          l.errorPosition === "top" && /* @__PURE__ */ a(
+          ) }),
+          o.description && /* @__PURE__ */ a(be, { slot: "description", children: o.description }),
+          o.errorPosition === "top" && /* @__PURE__ */ a(
             w,
             {
-              ...l,
-              state: o
+              ...o,
+              state: l
             }
           ),
           /* @__PURE__ */ a(
-            ze,
+            Re,
             {
-              ...l,
-              ...d,
-              isInvalid: o.displayValidation.isInvalid,
-              triggerRef: n,
-              state: o,
-              children: l.selectionMode === "multiple" && o.selectedItems ? /* @__PURE__ */ a("span", { ...c, children: /* @__PURE__ */ a(
-                qe,
+              ...o,
+              ...c,
+              isInvalid: l.displayValidation.isInvalid,
+              triggerRef: i,
+              state: l,
+              children: o.selectionMode === "multiple" && l.selectedItems ? /* @__PURE__ */ a("span", { ...u, children: /* @__PURE__ */ a(
+                ze,
                 {
-                  ...l,
-                  state: o,
-                  parentWidth: s,
-                  onClear: () => o.selectionManager.clearSelection(),
-                  triggerRef: n
+                  ...o,
+                  state: l,
+                  parentWidth: g,
+                  onClear: () => l.selectionManager.clearSelection(),
+                  triggerRef: i
                 }
               ) }) : null
             }
           ),
-          l.errorPosition === "bottom" && /* @__PURE__ */ a(
+          o.errorPosition === "bottom" && /* @__PURE__ */ a(
             w,
             {
-              ...l,
-              state: o
+              ...o,
+              state: l
             }
           ),
           /* @__PURE__ */ b(
             Q,
             {
-              isOpen: o.isOpen,
+              isOpen: l.isOpen,
               onOpenChange: (m) => {
-                m || o.close();
+                m || l.close();
               },
-              triggerRef: n,
-              style: { width: s },
+              triggerRef: i,
+              style: { width: g },
               children: [
-                l.isSelectableAll && /* @__PURE__ */ b(
-                  be,
+                o.isSelectableAll && /* @__PURE__ */ b(
+                  he,
                   {
-                    onClick: () => o.selectionManager.toggleSelectAll(),
+                    onClick: () => l.selectionManager.toggleSelectAll(),
                     children: [
                       /* @__PURE__ */ a("div", { className: p.checkboxContainer, children: /* @__PURE__ */ a(
                         B,
                         {
-                          isSelected: o.selectionManager.isSelectAll,
-                          isIndeterminate: !o.selectionManager.isSelectAll && !o.selectionManager.isEmpty,
+                          isSelected: l.selectionManager.isSelectAll,
+                          isIndeterminate: !l.selectionManager.isSelectAll && !l.selectionManager.isEmpty,
                           isReadOnly: !0,
                           excludeFromTabOrder: !0
                         }
@@ -588,29 +588,29 @@ const qe = ({
                   }
                 ),
                 /* @__PURE__ */ a(
-                  Fe,
+                  De,
                   {
-                    ...u,
-                    state: o
+                    ...s,
+                    state: l
                   }
                 )
               ]
             }
           ),
-          l.showTags && !!o.selectedItems && /* @__PURE__ */ a(
+          o.showTags && !!l.selectedItems && /* @__PURE__ */ a(
             R,
             {
               "aria-label": "Selected Items",
               selectionBehavior: "toggle",
-              onRemove: (m) => o.selectionManager.toggleSelection(Array.from(m)[0]),
+              onRemove: (m) => l.selectionManager.toggleSelection(Array.from(m)[0]),
               className: p.tagGroup,
-              children: /* @__PURE__ */ a(j, { items: o.selectedItems, children: (m) => /* @__PURE__ */ a(
+              children: /* @__PURE__ */ a(j, { items: l.selectedItems, children: (m) => /* @__PURE__ */ a(
                 G,
                 {
                   textValue: m.textValue,
                   id: m.key,
                   dismissable: !0,
-                  isDisabled: l.isDisabled,
+                  isDisabled: o.isDisabled,
                   children: m.textValue
                 },
                 m.key
@@ -621,26 +621,26 @@ const qe = ({
       }
     );
   }
-), je = k.forwardRef(
-  ({ options: e, ...t }, i) => /* @__PURE__ */ a(
-    Re,
+), Ge = k.forwardRef(
+  ({ options: e, ...t }, n) => /* @__PURE__ */ a(
+    je,
     {
       ...t,
       items: e,
-      ref: i,
-      children: (l) => l.children ? /* @__PURE__ */ a(
-        Se,
+      ref: n,
+      children: (r) => r.children ? /* @__PURE__ */ a(
+        Ce,
         {
-          items: l.children,
-          title: l.name,
-          children: (n) => /* @__PURE__ */ a(_, { textValue: n.textValue, children: n.name })
+          items: r.children,
+          title: r.name,
+          children: (o) => /* @__PURE__ */ a(_, { textValue: o.textValue, children: o.name })
         },
-        l.name
-      ) : /* @__PURE__ */ a(_, { textValue: l.textValue, children: l.name })
+        r.name
+      ) : /* @__PURE__ */ a(_, { textValue: r.textValue, children: r.name })
     }
   )
 );
-je.displayName = "Select";
+Ge.displayName = "Select";
 export {
-  je as S
+  Ge as S
 };