@midas-ds/components 13.0.1 → 14.1.0

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

@@ -1,52 +1,51 @@
-import { jsx as n, 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 { jsx as n, jsxs as g, Fragment as D } from "react/jsx-runtime";
+import * as P from "react";
+import x, { useMemo as E, useState as V, useCallback as O, useEffect as k, useRef as L } from "react";
+import { c as B } from "./clsx-jbLnTBqA.js";
+import { b as j } from "./utils-D2iKpxcZ.js";
+import { a as R, $ as G, T as W } from "./Tag-DJqYiBLR.js";
+import { $ as H } from "./TextField-BWea-IT-.js";
+import { c as U } from "./Collection-BkxwF21i.js";
+import { C as I } from "./Checkbox-CdN1D5pD.js";
+import { L as q, c as X, a as J, b as Q } from "./ListBoxSection-D_kTkvgG.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 { 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 { 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 './assets/Select.css';function I(e) {
+import { d as Z } from "./useHover-DkC5FyNd.js";
+import { p as ee, q as te } from "./Dialog-BUAp30Wc.js";
+import { $ as le, a as ae } from "./ListKeyboardDelegate-BHnZMUhW.js";
+import { h as oe } from "./SelectionManager-C469yQeD.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-BhJ9dM2g.js";
+import { $ as se, a as de, b as ue } from "./useFormValidation-By7G-T7y.js";
+import { $ as fe } from "./useListState-PZF3ahpk.js";
+import { a as me } from "./VisuallyHidden-DuW70K-5.js";
+import { a as be, L as he } from "./Label-BGMXsSFb.js";
+import { T as pe } from "./Text-BBFWBNAH.js";
+import { X as ge } from "./x-C2xUHAEl.js";
+import { u as N } from "./useLocalizedStringFormatter-aOhh7wdl.js";
+import { $ as ye } from "./useButton-CRgN6aZf.js";
+import { C as $e } from "./chevron-down-DmZMdOiC.js";
+import { $ as ve, F as xe } from "./FieldError-l3xULRa0.js";
+import './assets/Select.css';function A(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"] || "";
+A.getCollectionNode = function* (t, o) {
+  let { childItems: r, title: l, children: i } = t, a = t.title || t.children, s = t.textValue || (typeof a == "string" ? a : "") || 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 {
     type: "item",
     props: t,
-    rendered: l,
+    rendered: a,
     textValue: s,
     "aria-label": t["aria-label"],
-    hasChildNodes: Ce(t),
+    hasChildNodes: Se(t),
     *childNodes() {
       if (r) for (let c of r) yield {
         type: "item",
         value: c
       };
-      else if (a) {
+      else if (l) {
         let c = [];
-        v.Children.forEach(i, (u) => {
+        x.Children.forEach(i, (u) => {
           c.push({
             type: "item",
             element: u
@@ -56,15 +55,15 @@ I.getCollectionNode = function* (t, o) {
     }
   };
 };
-function Ce(e) {
-  return e.hasChildItems != null ? e.hasChildItems : !!(e.childItems || e.title && v.Children.count(e.children) > 0);
+function Se(e) {
+  return e.hasChildItems != null ? e.hasChildItems : !!(e.childItems || e.title && x.Children.count(e.children) > 0);
 }
-let _ = I;
-function N(e) {
+let _ = A;
+function M(e) {
   return null;
 }
-N.getCollectionNode = function* (t) {
-  let { children: o, title: r, items: a } = t;
+M.getCollectionNode = function* (t) {
+  let { children: o, title: r, items: l } = t;
   yield {
     type: "section",
     props: t,
@@ -73,52 +72,52 @@ N.getCollectionNode = function* (t) {
     "aria-label": t["aria-label"],
     *childNodes() {
       if (typeof o == "function") {
-        if (!a) throw new Error("props.children was a function but props.items is missing");
-        for (let i of a) yield {
+        if (!l) throw new Error("props.children was a function but props.items is missing");
+        for (let i of l) yield {
           type: "item",
           value: i,
           renderer: o
         };
       } else {
         let i = [];
-        v.Children.forEach(o, (l) => {
+        x.Children.forEach(o, (a) => {
           i.push({
             type: "item",
-            element: l
+            element: a
           });
         }), yield* i;
       }
     }
   };
 };
-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 = {
-  wrapper: _e,
-  trigger: Ke,
-  medium: Ve,
+let Ce = M;
+const we = "_wrapper_1rw0v_7", _e = "_trigger_1rw0v_18", Ke = "_medium_1rw0v_32", Pe = "_icon_1rw0v_68", Ve = "_tagGroup_1rw0v_74", ke = "_listBoxItemCheckmark_1rw0v_90", Be = "_triggerContainer_1rw0v_95", Ie = "_selectValueTag_1rw0v_101", Ne = "_clearButton_1rw0v_117", Ae = "_truncate_1rw0v_129", Me = "_checkboxContainer_1rw0v_166", Te = "_selectAll_1rw0v_172", b = {
+  wrapper: we,
+  trigger: _e,
+  medium: Ke,
   icon: Pe,
-  tagGroup: ke,
-  listBoxItemCheckmark: Be,
-  triggerContainer: Ie,
-  selectValueTag: Ne,
-  clearButton: Ae,
-  truncate: Me,
-  checkboxContainer: Te,
-  selectAll: Fe
-}, A = ({ item: e }) => /* @__PURE__ */ n(
+  tagGroup: Ve,
+  listBoxItemCheckmark: ke,
+  triggerContainer: Be,
+  selectValueTag: Ie,
+  clearButton: Ne,
+  truncate: Ae,
+  checkboxContainer: Me,
+  selectAll: Te
+}, T = ({ item: e }) => /* @__PURE__ */ n(
   J,
   {
     ...e.value,
     textValue: e.textValue,
     "aria-label": e.textValue,
-    children: ({ isDisabled: t, isSelected: o, selectionMode: r }) => /* @__PURE__ */ g(F, { children: [
+    children: ({ isDisabled: t, isSelected: o, selectionMode: r }) => /* @__PURE__ */ g(D, { children: [
       r === "multiple" ? /* @__PURE__ */ n(
         "div",
         {
-          className: p.checkboxContainer,
+          className: b.checkboxContainer,
           "aria-hidden": !0,
           children: /* @__PURE__ */ n(
-            k,
+            I,
             {
               isDisabled: t,
               isSelected: o,
@@ -134,12 +133,12 @@ const _e = "_wrapper_c5n5w_7", Ke = "_trigger_c5n5w_18", Ve = "_medium_c5n5w_32"
         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 = ({
+), ze = ({ 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(T, { item: o }) }) : null }), Fe = ({
   state: e,
   ...t
 }) => /* @__PURE__ */ n(
@@ -151,16 +150,16 @@ const _e = "_wrapper_c5n5w_7", Ke = "_trigger_c5n5w_18", Ve = "_medium_c5n5w_32"
     onSelectionChange: e.setSelectedKeys,
     items: e.collection,
     children: (o) => o.type === "section" ? /* @__PURE__ */ n(
-      De,
+      ze,
       {
         state: e,
         section: o
       }
-    ) : /* @__PURE__ */ n(A, { item: o })
+    ) : /* @__PURE__ */ n(T, { item: o })
   }
 );
-function Le(e, t, o) {
-  const { disallowEmptySelection: r, isDisabled: a } = e, i = le({ usage: "search", sensitivity: "base" }), l = D(
+function De(e, t, o) {
+  const { disallowEmptySelection: r, isDisabled: l } = e, i = le({ usage: "search", sensitivity: "base" }), a = E(
     () => new ae(
       t.collection,
       t.disabledKeys,
@@ -170,40 +169,40 @@ function Le(e, t, o) {
     [t.collection, t.disabledKeys, i]
   ), { menuTriggerProps: s, menuProps: c } = ee(
     {
-      isDisabled: a,
+      isDisabled: l,
       type: "listbox"
     },
     t,
     o
   ), u = (f) => {
-    const { selectedKeys: x, selectionMode: T } = t, C = x.values().next().value;
-    if (T === "single")
+    const { selectedKeys: v, selectionMode: F } = t, C = v.values().next().value;
+    if (F === "single")
       switch (f.key) {
         case "ArrowLeft": {
           f.preventDefault();
-          const $ = x.size > 0 ? l.getKeyAbove(C) : l.getFirstKey();
+          const $ = v.size > 0 ? a.getKeyAbove(C) : a.getFirstKey();
           $ && t.setSelectedKeys([$]);
           break;
         }
         case "ArrowRight": {
           f.preventDefault();
-          const $ = x.size > 0 ? l.getKeyBelow(C) : l.getFirstKey();
+          const $ = v.size > 0 ? a.getKeyBelow(C) : a.getFirstKey();
           $ && t.setSelectedKeys([$]);
           break;
         }
       }
-  }, { typeSelectProps: d } = ne({
-    keyboardDelegate: l,
+  }, { typeSelectProps: d } = oe({
+    keyboardDelegate: a,
     selectionManager: t.selectionManager,
     onTypeSelect(f) {
       t.setSelectedKeys([f]);
     }
-  }), { labelProps: y, fieldProps: b } = ce({
+  }), { labelProps: y, fieldProps: h } = 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 }), p = w(d, s, h), S = ne();
   return {
     labelProps: {
       ...y,
@@ -213,16 +212,16 @@ function Le(e, t, o) {
       }
     },
     triggerProps: w(m, {
-      ...h,
-      onKeyDown: ie(
-        h.onKeyDown,
+      ...p,
+      onKeyDown: re(
+        p.onKeyDown,
         u,
         e.onKeyDown
       ),
       onKeyUp: e.onKeyUp,
       "aria-labelledby": [
-        h["aria-labelledby"],
-        h["aria-label"] && !h["aria-labelledby"] ? h.id : null,
+        p["aria-labelledby"],
+        p["aria-label"] && !p["aria-labelledby"] ? p.id : null,
         S
       ].filter(Boolean).join(" "),
       onFocus(f) {
@@ -245,18 +244,18 @@ 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
+        h["aria-labelledby"],
+        p["aria-label"] && !h["aria-labelledby"] ? p.id : null
       ].filter(Boolean).join(" ")
     }
   };
 }
-function Oe(e) {
+function Ee(e) {
   const {
     collection: t,
     disabledKeys: o,
     selectionManager: r,
-    selectionManager: { setSelectedKeys: a, selectedKeys: i, selectionMode: l }
+    selectionManager: { setSelectedKeys: l, selectedKeys: i, selectionMode: a }
   } = fe(e), s = [], c = i.size !== 0 ? Array.from(i).map((u) => {
     const d = t.getItem(u);
     return d || s.push(u), d;
@@ -269,28 +268,28 @@ function Oe(e) {
     collection: t,
     disabledKeys: o,
     selectionManager: r,
-    selectionMode: l,
+    selectionMode: a,
     selectedKeys: i,
-    setSelectedKeys: a.bind(r),
+    setSelectedKeys: l.bind(r),
     selectedItems: c
   };
 }
-function ze(e) {
-  const [t, o] = E(!1), r = te(e), a = e.selectionMode === "single", i = Oe({
+function Oe(e) {
+  const [t, o] = V(!1), r = te(e), l = e.selectionMode === "single", i = Ee({
     ...e,
     onSelectionChange: (d) => {
-      e.onSelectionChange && e.onSelectionChange(d), a && r.close();
+      e.onSelectionChange && e.onSelectionChange(d), l && r.close();
     }
-  }), l = se({
+  }), a = se({
     ...e,
     validationBehavior: "native",
     value: i.selectedKeys
-  }), s = i.collection.size === 0, c = !!i.selectedKeys.size, u = L(() => {
-    l.resetValidation(), l.commitValidation();
-  }, [l]);
-  return O(() => {
-    a && c && u();
-  }, [c, a, u]), {
+  }), s = i.collection.size === 0, c = !!i.selectedKeys.size, u = O(() => {
+    a.resetValidation(), a.commitValidation();
+  }, [a]);
+  return k(() => {
+    l && c && u();
+  }, [c, l, u]), {
     ...i,
     ...r,
     close() {
@@ -304,27 +303,50 @@ function ze(e) {
     },
     isFocused: t,
     setFocused: o,
-    ...l
+    ...a
+  };
+}
+function Le(e, t = {}) {
+  const [o, r] = V({ width: 0, height: 0 }), l = t.delay === void 0 ? 500 : t.delay, i = !!t.includePadding;
+  return k(() => {
+    if (!e) return;
+    const a = new ResizeObserver(
+      je(([s]) => {
+        const { inlineSize: c, blockSize: u } = i ? s.borderBoxSize[0] : s.contentBoxSize[0];
+        r({ width: c, height: u });
+      }, l)
+    );
+    return a.observe(e), () => {
+      a.disconnect();
+    };
+  }, [l, e, i]), o;
+}
+function je(e, t) {
+  let o;
+  return (r, l) => {
+    clearTimeout(o), o = setTimeout(() => {
+      e(r, l);
+    }, t);
   };
 }
-function je({
+function Re({
   autoComplete: e,
   name: t,
   isDisabled: o,
   isRequired: r,
-  selectRef: a
-}, i, l) {
-  const { visuallyHiddenProps: s } = pe();
-  return de(a, i.selectedKeys, i.setSelectedKeys), ue(
+  selectRef: l
+}, i, a) {
+  const { visuallyHiddenProps: s } = me();
+  return de(l, i.selectedKeys, i.setSelectedKeys), ue(
     {
       validationBehavior: "native",
       focus: () => {
         var c;
-        return (c = l.current) == null ? void 0 : c.focus();
+        return (c = a.current) == null ? void 0 : c.focus();
       }
     },
     i,
-    a
+    l
   ), {
     containerProps: {
       ...s,
@@ -348,9 +370,9 @@ function je({
     }
   };
 }
-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(
-    { ...e, selectRef: l },
+function Ge(e) {
+  const { state: t, triggerRef: o, name: r, isDisabled: l } = e, i = `${e.label}-hidden`, a = L(null), { containerProps: s, selectProps: c } = Re(
+    { ...e, selectRef: a },
     t,
     o
   );
@@ -365,7 +387,7 @@ function Re(e) {
           "select",
           {
             ...c,
-            ref: l,
+            ref: a,
             children: [
               /* @__PURE__ */ n("option", {}),
               [...t.collection.getKeys()].map((u) => {
@@ -390,49 +412,49 @@ function Re(e) {
       type: "hidden",
       autoComplete: c.autoComplete,
       name: r,
-      disabled: a,
+      disabled: l,
       value: Array.from(t.selectedKeys).map((u) => u.toString()) ?? [""]
     }
   ) : null;
 }
-const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", chosen: "chosen" }, We = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", chosen: "valda" }, M = {
-  en: Ge,
-  sv: We
-}, He = ({
+const We = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", chosen: "chosen" }, He = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", chosen: "valda" }, z = {
+  en: We,
+  sv: He
+}, Ue = ({
   state: { selectedItems: e },
   isDisabled: t,
   parentWidth: o,
   onClear: r,
-  triggerRef: a,
+  triggerRef: l,
   isClearable: i
 }) => {
-  const l = B(M);
+  const a = N(z);
   return /* @__PURE__ */ g(
     "div",
     {
-      className: p.selectValueTag,
+      className: b.selectValueTag,
       "data-disabled": t || void 0,
       children: [
         /* @__PURE__ */ n(
           "span",
           {
-            className: p.truncate,
+            className: b.truncate,
             style: { maxWidth: o - 92 },
-            children: e != null && e.length && e.length > 1 ? `${e.length} ${l.format("chosen")}` : e == null ? void 0 : e[0].textValue
+            children: e != null && e.length && e.length > 1 ? `${e.length} ${a.format("chosen")}` : e == null ? void 0 : e[0].textValue
           }
         ),
         i && /* @__PURE__ */ n(
           "button",
           {
             disabled: t,
-            "aria-label": l.format("clearAll"),
-            className: p.clearButton,
+            "aria-label": a.format("clearAll"),
+            className: b.clearButton,
             onClick: () => {
               var s;
-              r(), (s = a == null ? void 0 : a.current) == null || s.focus();
+              r(), (s = l == null ? void 0 : l.current) == null || s.focus();
             },
             children: /* @__PURE__ */ n(
-              ye,
+              ge,
               {
                 width: 20,
                 height: 20
@@ -443,41 +465,41 @@ const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Sel
       ]
     }
   );
-}, Ue = ({
+}, qe = ({
   autoFocus: e,
   excludeFromTabOrder: t,
   isDisabled: o,
   size: r = "large",
-  isOpen: a,
+  isOpen: l,
   isInvalid: i,
-  selectionMode: l,
+  selectionMode: a,
   state: { selectedItems: s },
   placeholder: c,
   children: u,
   triggerRef: d,
   ...y
 }) => {
-  const { buttonProps: b } = $e(
+  const { buttonProps: h } = ye(
     { autoFocus: e, excludeFromTabOrder: t, isDisabled: o, ...y },
     d
-  ), m = l === "multiple";
+  ), m = a === "multiple";
   return /* @__PURE__ */ g(
     "div",
     {
-      className: p.triggerContainer,
+      className: b.triggerContainer,
       "data-disabled": o || void 0,
       children: [
         /* @__PURE__ */ g(
           "button",
           {
-            ...b,
+            ...h,
             autoFocus: e,
-            className: P(p.trigger, {
-              [p.medium]: r === "medium"
+            className: B(b.trigger, {
+              [b.medium]: r === "medium"
             }),
             "data-disabled": o || void 0,
             "data-invalid": i || void 0,
-            "data-open": a || void 0,
+            "data-open": l || void 0,
             ref: d,
             type: "button",
             children: [
@@ -486,9 +508,9 @@ const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Sel
               /* @__PURE__ */ n(
                 "div",
                 {
-                  className: p.icon,
+                  className: b.icon,
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ n(xe, { size: 20 })
+                  children: /* @__PURE__ */ n($e, { size: 20 })
                 }
               )
             ]
@@ -501,9 +523,9 @@ 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(
+}) => /* @__PURE__ */ n(ve.Provider, { value: { ...e.displayValidation }, children: /* @__PURE__ */ n(xe, { children: t }) }), Xe = P.forwardRef(
   ({ isClearable: e = !0, popover: t, ...o }, r) => {
-    const a = {
+    const l = {
       selectionMode: "single",
       errorPosition: "top",
       disallowEmptySelection: !e,
@@ -511,114 +533,114 @@ const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Sel
       size: "large",
       popover: t,
       ...o
-    }, i = j(r), l = ze(a), s = B(M), { labelProps: c, triggerProps: u, valueProps: d, menuProps: y } = Le(
-      a,
+    }, i = j(r), a = Oe(l), s = N(z), { labelProps: c, triggerProps: u, valueProps: d, menuProps: y } = De(
       l,
+      a,
       i
-    ), { width: b } = me(i.current, {
+    ), { width: h } = Le(i.current, {
       includePadding: !0
     });
     return /* @__PURE__ */ g(
       H,
       {
-        ...a,
-        className: P(p.wrapper, a.className),
+        ...l,
+        className: B(b.wrapper, l.className),
         children: [
           /* @__PURE__ */ n(
-            Re,
+            Ge,
             {
-              ...a,
-              state: l,
+              ...l,
+              state: a,
               triggerRef: i
             }
           ),
-          /* @__PURE__ */ n(be, { popover: t, children: a.label && /* @__PURE__ */ n(
+          /* @__PURE__ */ n(be, { popover: t, children: l.label && /* @__PURE__ */ n(
             he,
             {
               ...c,
-              "data-disabled": a.isDisabled || void 0,
-              children: a.label
+              "data-disabled": l.isDisabled || void 0,
+              children: l.label
             }
           ) }),
-          a.description && /* @__PURE__ */ n(ge, { slot: "description", children: a.description }),
-          a.errorPosition === "top" && /* @__PURE__ */ n(
+          l.description && /* @__PURE__ */ n(pe, { slot: "description", children: l.description }),
+          l.errorPosition === "top" && /* @__PURE__ */ n(
             K,
             {
-              ...a,
-              state: l
+              ...l,
+              state: a
             }
           ),
           /* @__PURE__ */ n(
-            Ue,
+            qe,
             {
-              ...a,
+              ...l,
               ...u,
-              isInvalid: l.displayValidation.isInvalid,
+              isInvalid: a.displayValidation.isInvalid,
               triggerRef: i,
-              state: l,
-              children: a.selectionMode === "multiple" && l.selectedItems ? /* @__PURE__ */ n("span", { ...d, children: /* @__PURE__ */ n(
-                He,
+              state: a,
+              children: l.selectionMode === "multiple" && a.selectedItems ? /* @__PURE__ */ n("span", { ...d, children: /* @__PURE__ */ n(
+                Ue,
                 {
-                  ...a,
-                  state: l,
-                  parentWidth: b,
-                  onClear: () => l.selectionManager.clearSelection(),
+                  ...l,
+                  state: a,
+                  parentWidth: h,
+                  onClear: () => a.selectionManager.clearSelection(),
                   triggerRef: i
                 }
               ) }) : null
             }
           ),
-          a.errorPosition === "bottom" && /* @__PURE__ */ n(
+          l.errorPosition === "bottom" && /* @__PURE__ */ n(
             K,
             {
-              ...a,
-              state: l
+              ...l,
+              state: a
             }
           ),
           /* @__PURE__ */ g(
             Q,
             {
-              isOpen: l.isOpen,
+              isOpen: a.isOpen,
               onOpenChange: (m) => {
-                m || l.close();
+                m || a.close();
               },
               triggerRef: i,
-              style: { width: b },
+              style: { width: h },
               children: [
-                a.isSelectableAll && /* @__PURE__ */ n(
-                  k,
+                l.isSelectableAll && /* @__PURE__ */ n(
+                  I,
                   {
-                    isSelected: l.selectionManager.isSelectAll,
-                    isIndeterminate: !l.selectionManager.isSelectAll && !l.selectionManager.isEmpty,
-                    className: p.selectAll,
-                    onChange: () => l.selectionManager.toggleSelectAll(),
+                    isSelected: a.selectionManager.isSelectAll,
+                    isIndeterminate: !a.selectionManager.isSelectAll && !a.selectionManager.isEmpty,
+                    className: b.selectAll,
+                    onChange: () => a.selectionManager.toggleSelectAll(),
                     children: s.format("selectAll")
                   }
                 ),
                 /* @__PURE__ */ n(
-                  Ee,
+                  Fe,
                   {
                     ...y,
-                    state: l
+                    state: a
                   }
                 )
               ]
             }
           ),
-          a.showTags && !!l.selectedItems && /* @__PURE__ */ n(
+          l.showTags && !!a.selectedItems && /* @__PURE__ */ n(
             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(
+              onRemove: (m) => a.selectionManager.toggleSelection(Array.from(m)[0]),
+              className: b.tagGroup,
+              children: /* @__PURE__ */ n(G, { items: a.selectedItems, children: (m) => /* @__PURE__ */ n(
                 W,
                 {
                   textValue: m.textValue,
                   id: m.key,
                   dismissable: !0,
-                  isDisabled: a.isDisabled,
+                  isDisabled: l.isDisabled,
                   children: m.textValue
                 },
                 m.key
@@ -629,26 +651,26 @@ const Ge = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Sel
       }
     );
   }
-), Xe = V.forwardRef(
+), Je = P.forwardRef(
   ({ options: e, ...t }, o) => /* @__PURE__ */ n(
-    qe,
+    Xe,
     {
       ...t,
       items: e,
       ref: o,
       children: (r) => r.children ? /* @__PURE__ */ n(
-        we,
+        Ce,
         {
           items: r.children,
           title: r.name,
-          children: (a) => /* @__PURE__ */ n(_, { textValue: a.textValue, children: a.name })
+          children: (l) => /* @__PURE__ */ n(_, { textValue: l.textValue, children: l.name })
         },
         r.name
       ) : /* @__PURE__ */ n(_, { textValue: r.textValue, children: r.name })
     }
   )
 );
-Xe.displayName = "Select";
+Je.displayName = "Select";
 export {
-  Xe as S
+  Je as S
 };