@midas-ds/components 1.0.2 → 1.0.3

package/index80.js

@@ -1,42 +1,42 @@
-import { jsx as y, jsxs as C } from "react/jsx-runtime";
-import { a as de, $ as ne } from "./Button-CCevm2s3.js";
-import { i as X, b as se, c as Y, d as N, e as Z, n as ee, x as z, A as L, a as ce } from "./useFocusRing-D97-G3fT.js";
-import { d as fe, a as ue } from "./Dialog-CLTyYwkS.js";
-import { d as pe } from "./Form-DXLoQL91.js";
+import { jsx as v, jsxs as C } from "react/jsx-runtime";
+import { a as ne, $ as de } from "./Button-B4vMZbC6.js";
+import { a as se, c as X, d as N, n as Y, e as Z, A as z, i as ee, b as ce, D as L } from "./useFocusRing-BKGhL91C.js";
+import { d as fe, a as ue } from "./Dialog-Cb6toyXO.js";
+import { a as pe } from "./Form-BQQs3jUk.js";
 import { $ as be } from "./RSPContexts-EOiWkKOf.js";
-import { $ as me, a as V, b as $e, c as ge, d as ve } from "./Collection-B3xUVWPF.js";
-import { $ as M, a as ye, b as xe, c as De } from "./DragAndDrop-OTN7La7U.js";
-import { $ as _ } from "./ListBox-D21tdwTs.js";
-import { $ as he } from "./Text-DGLaY3HR.js";
+import { $ as me, a as ge, b as V, c as $e, d as ye } from "./Collection-COLWgm24.js";
+import { $ as M, a as ve, b as xe, c as De } from "./DragAndDrop-B0T3WgjL.js";
+import { $ as _ } from "./ListBox-BKWkIIm6.js";
+import { $ as he } from "./Text-CQPW6xs7.js";
 import * as H from "react";
 import c, { useState as Se, useMemo as te, forwardRef as re, useContext as E, useRef as P, useEffect as F, createContext as Pe } from "react";
-import { $ as we, b as ke, c as Ie, a as Ee, T as Ke } from "./Tag-CEd6WWSc.js";
-import { $ as Te } from "./useGridSelectionCheckbox-i1rsjlC-.js";
-import { a as He } from "./FocusScope-BR0SJ-cZ.js";
-import { $ as G } from "./VisuallyHidden-B_XzVvlX.js";
-import { $ as Ae } from "./useListState-DSOTbsL3.js";
-import { $ as Be, a as J } from "./ListKeyboardDelegate-DxMjfMsI.js";
-import { $ as Re } from "./context-ScOIq_Gu.js";
-import { I as Ce } from "./TextField-C_hq9WeT.js";
-import { C as Me } from "./Checkbox-CllWDBxF.js";
+import { $ as we } from "./useListState-DKnP5TB5.js";
+import { $ as ke, a as J } from "./ListKeyboardDelegate-BH-K5hyq.js";
+import { $ as Ie } from "./context-Bnqknrce.js";
+import { $ as Ee, b as Ke, c as Te, a as He, T as Ae } from "./Tag--W5TgxmK.js";
+import { $ as Be } from "./useGridSelectionCheckbox-CVEvUCJL.js";
+import { a as Re } from "./FocusScope-C8i7CH6y.js";
+import { $ as G } from "./VisuallyHidden-CFx06Bae.js";
+import { I as Ce } from "./TextField-DeK_yiK-.js";
+import { C as Me } from "./Checkbox-DnKWanep.js";
 import { C as Le } from "./chevron-down-Cd1bkzXT.js";
-import './MultiSelect.css';function Ve(l, i) {
-  let { key: d } = l;
-  const { checkboxProps: e } = Te(l, i);
+import './MultiSelect.css';function Ve(n, a) {
+  let { key: l } = n;
+  const { checkboxProps: e } = Be(n, a);
   return {
     checkboxProps: {
       ...e,
-      "aria-labelledby": `${e.id} ${we(i, d)}`
+      "aria-labelledby": `${e.id} ${Ee(a, l)}`
     }
   };
 }
-function _e(l) {
-  let { initialItems: i = [], initialSelectedKeys: d, getKey: e = (f) => {
-    var n;
-    return (n = f.id) !== null && n !== void 0 ? n : f.key;
-  }, filter: o, initialFilterText: t = "" } = l, [r, a] = Se({
-    items: i,
-    selectedKeys: d === "all" ? "all" : new Set(d || []),
+function _e(n) {
+  let { initialItems: a = [], initialSelectedKeys: l, getKey: e = (f) => {
+    var d;
+    return (d = f.id) !== null && d !== void 0 ? d : f.key;
+  }, filter: o, initialFilterText: t = "" } = n, [r, i] = Se({
+    items: a,
+    selectedKeys: l === "all" ? "all" : new Set(l || []),
     filterText: t
   }), s = te(() => o ? r.items.filter((f) => o(f, r.filterText)) : r.items, [
     r.items,
@@ -48,76 +48,76 @@ function _e(l) {
     items: s,
     ...Fe({
       getKey: e
-    }, a),
+    }, i),
     getItem(f) {
-      return r.items.find((n) => e(n) === f);
+      return r.items.find((d) => e(d) === f);
     }
   };
 }
-function Fe(l, i) {
-  let { cursor: d, getKey: e } = l;
+function Fe(n, a) {
+  let { cursor: l, getKey: e } = n;
   return {
     setSelectedKeys(o) {
-      i((t) => ({
+      a((t) => ({
         ...t,
         selectedKeys: o
       }));
     },
     setFilterText(o) {
-      i((t) => ({
+      a((t) => ({
         ...t,
         filterText: o
       }));
     },
     insert(o, ...t) {
-      i((r) => A(r, o, ...t));
+      a((r) => A(r, o, ...t));
     },
     insertBefore(o, ...t) {
-      i((r) => {
-        let a = r.items.findIndex((s) => (e == null ? void 0 : e(s)) === o);
-        if (a === -1)
-          if (r.items.length === 0) a = 0;
+      a((r) => {
+        let i = r.items.findIndex((s) => (e == null ? void 0 : e(s)) === o);
+        if (i === -1)
+          if (r.items.length === 0) i = 0;
           else return r;
-        return A(r, a, ...t);
+        return A(r, i, ...t);
       });
     },
     insertAfter(o, ...t) {
-      i((r) => {
-        let a = r.items.findIndex((s) => (e == null ? void 0 : e(s)) === o);
-        if (a === -1)
-          if (r.items.length === 0) a = 0;
+      a((r) => {
+        let i = r.items.findIndex((s) => (e == null ? void 0 : e(s)) === o);
+        if (i === -1)
+          if (r.items.length === 0) i = 0;
           else return r;
-        return A(r, a + 1, ...t);
+        return A(r, i + 1, ...t);
       });
     },
     prepend(...o) {
-      i((t) => A(t, 0, ...o));
+      a((t) => A(t, 0, ...o));
     },
     append(...o) {
-      i((t) => A(t, t.items.length, ...o));
+      a((t) => A(t, t.items.length, ...o));
     },
     remove(...o) {
-      i((t) => {
-        let r = new Set(o), a = t.items.filter((f) => !r.has(e(f))), s = "all";
+      a((t) => {
+        let r = new Set(o), i = t.items.filter((f) => !r.has(e(f))), s = "all";
         if (t.selectedKeys !== "all") {
           s = new Set(t.selectedKeys);
           for (let f of o) s.delete(f);
         }
-        return d == null && a.length === 0 && (s = /* @__PURE__ */ new Set()), {
+        return l == null && i.length === 0 && (s = /* @__PURE__ */ new Set()), {
           ...t,
-          items: a,
+          items: i,
           selectedKeys: s
         };
       });
     },
     removeSelectedItems() {
-      i((o) => {
+      a((o) => {
         if (o.selectedKeys === "all") return {
           ...o,
           items: [],
           selectedKeys: /* @__PURE__ */ new Set()
         };
-        let t = o.selectedKeys, r = o.items.filter((a) => !t.has(e(a)));
+        let t = o.selectedKeys, r = o.items.filter((i) => !t.has(e(i)));
         return {
           ...o,
           items: r,
@@ -126,10 +126,10 @@ function Fe(l, i) {
       });
     },
     move(o, t) {
-      i((r) => {
-        let a = r.items.findIndex((n) => e(n) === o);
-        if (a === -1) return r;
-        let s = r.items.slice(), [f] = s.splice(a, 1);
+      a((r) => {
+        let i = r.items.findIndex((d) => e(d) === o);
+        if (i === -1) return r;
+        let s = r.items.slice(), [f] = s.splice(i, 1);
         return s.splice(t, 0, f), {
           ...r,
           items: s
@@ -137,124 +137,123 @@ function Fe(l, i) {
       });
     },
     moveBefore(o, t) {
-      i((r) => {
-        let a = r.items.findIndex((n) => e(n) === o);
-        if (a === -1) return r;
+      a((r) => {
+        let i = r.items.findIndex((d) => e(d) === o);
+        if (i === -1) return r;
         let f = (Array.isArray(t) ? t : [
           ...t
-        ]).map((n) => r.items.findIndex((m) => e(m) === n)).sort((n, m) => n - m);
-        return Q(r, f, a);
+        ]).map((d) => r.items.findIndex((m) => e(m) === d)).sort((d, m) => d - m);
+        return Q(r, f, i);
       });
     },
     moveAfter(o, t) {
-      i((r) => {
-        let a = r.items.findIndex((n) => e(n) === o);
-        if (a === -1) return r;
+      a((r) => {
+        let i = r.items.findIndex((d) => e(d) === o);
+        if (i === -1) return r;
         let f = (Array.isArray(t) ? t : [
           ...t
-        ]).map((n) => r.items.findIndex((m) => e(m) === n)).sort((n, m) => n - m);
-        return Q(r, f, a + 1);
+        ]).map((d) => r.items.findIndex((m) => e(m) === d)).sort((d, m) => d - m);
+        return Q(r, f, i + 1);
       });
     },
     update(o, t) {
-      i((r) => {
-        let a = r.items.findIndex((s) => e(s) === o);
-        return a === -1 ? r : {
+      a((r) => {
+        let i = r.items.findIndex((s) => e(s) === o);
+        return i === -1 ? r : {
           ...r,
           items: [
-            ...r.items.slice(0, a),
+            ...r.items.slice(0, i),
             t,
-            ...r.items.slice(a + 1)
+            ...r.items.slice(i + 1)
           ]
         };
       });
     }
   };
 }
-function A(l, i, ...d) {
+function A(n, a, ...l) {
   return {
-    ...l,
+    ...n,
     items: [
-      ...l.items.slice(0, i),
-      ...d,
-      ...l.items.slice(i)
+      ...n.items.slice(0, a),
+      ...l,
+      ...n.items.slice(a)
     ]
   };
 }
-function Q(l, i, d) {
-  d -= i.filter((t) => t < d).length;
-  let e = i.map((t) => ({
+function Q(n, a, l) {
+  l -= a.filter((t) => t < l).length;
+  let e = a.map((t) => ({
     from: t,
-    to: d++
+    to: l++
   }));
   for (let t = 0; t < e.length; t++) {
     let r = e[t].from;
-    for (let a = t; a < e.length; a++)
-      e[a].from > r && e[a].from--;
+    for (let i = t; i < e.length; i++)
+      e[i].from > r && e[i].from--;
   }
   for (let t = 0; t < e.length; t++) {
     let r = e[t];
-    for (let a = e.length - 1; a > t; a--) {
-      let s = e[a];
+    for (let i = e.length - 1; i > t; i--) {
+      let s = e[i];
       s.from < r.to ? r.to++ : s.from++;
     }
   }
-  let o = l.items.slice();
+  let o = n.items.slice();
   for (let t of e) {
     let [r] = o.splice(t.from, 1);
     o.splice(t.to, 0, r);
   }
   return {
-    ...l,
+    ...n,
     items: o
   };
 }
-const Ne = /* @__PURE__ */ Pe(null);
-function ze(l, i) {
-  return [l, i] = ce(l, i, Ne), /* @__PURE__ */ c.createElement(ge, {
-    content: /* @__PURE__ */ c.createElement(ve, l)
-  }, (d) => /* @__PURE__ */ c.createElement(Ge, {
-    props: l,
-    collection: d,
-    gridListRef: i
+const Ne = /* @__PURE__ */ Pe(null), ze = /* @__PURE__ */ re(function(a, l) {
+  return [a, l] = se(a, l, Ne), /* @__PURE__ */ c.createElement(me, {
+    content: /* @__PURE__ */ c.createElement(ge, a)
+  }, (e) => /* @__PURE__ */ c.createElement(Ge, {
+    props: a,
+    collection: e,
+    gridListRef: l
   }));
-}
-function Ge({ props: l, collection: i, gridListRef: d }) {
-  let { dragAndDropHooks: e, keyboardNavigationBehavior: o = "arrow", layout: t = "stack" } = l, { CollectionRoot: r, isVirtualized: a, layoutDelegate: s, dropTargetDelegate: f } = E(V), n = Ae({
-    ...l,
-    collection: i,
+});
+function Ge({ props: n, collection: a, gridListRef: l }) {
+  let { dragAndDropHooks: e, keyboardNavigationBehavior: o = "arrow", layout: t = "stack" } = n, { CollectionRoot: r, isVirtualized: i, layoutDelegate: s, dropTargetDelegate: f } = E(V), d = we({
+    ...n,
+    collection: a,
     children: void 0,
     layoutDelegate: s
-  }), m = Be({
+  }), m = ke({
     usage: "search",
     sensitivity: "base"
-  }), { disabledBehavior: b, disabledKeys: g } = n.selectionManager, { direction: u } = Re(), p = te(() => new J({
-    collection: i,
+  }), { disabledBehavior: b, disabledKeys: $ } = d.selectionManager, { direction: u } = Ie(), p = te(() => new J({
+    collection: a,
     collator: m,
-    ref: d,
-    disabledKeys: g,
+    ref: l,
+    disabledKeys: $,
     disabledBehavior: b,
     layoutDelegate: s,
     layout: t,
     direction: u
   }), [
-    i,
-    d,
+    a,
+    l,
     t,
-    g,
+    $,
     b,
     s,
     m,
     u
-  ]), { gridProps: R } = Ie({
-    ...l,
+  ]), { gridProps: R } = Ke({
+    ...n,
     keyboardDelegate: p,
     // Only tab navigation is supported in grid layout.
     keyboardNavigationBehavior: t === "grid" ? "tab" : o,
-    isVirtualized: a
-  }, n, d), D = n.selectionManager, w = !!(e != null && e.useDraggableCollectionState), h = !!(e != null && e.useDroppableCollectionState), v = P(w), $ = P(h);
+    isVirtualized: i
+  }, d, l), D = d.selectionManager, w = !!(e != null && e.useDraggableCollectionState), h = !!(e != null && e.useDroppableCollectionState), y = P(w), g = P(h);
   F(() => {
-    v.current !== w && console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."), $.current !== h && console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+    y.current !== w && console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."), g.current !== h && console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
   }, [
     w,
     h
@@ -262,10 +261,10 @@ function Ge({ props: l, collection: i, gridListRef: d }) {
   let k, x, S, I = !1, K = null, W = P(null);
   if (w && e) {
     k = e.useDraggableCollectionState({
-      collection: i,
+      collection: a,
       selectionManager: D,
       preview: e.renderDragPreview ? W : void 0
-    }), e.useDraggableCollection({}, k, d);
+    }), e.useDraggableCollection({}, k, l);
     let T = e.DragPreview;
     K = e.renderDragPreview ? /* @__PURE__ */ c.createElement(T, {
       ref: W
@@ -273,40 +272,40 @@ function Ge({ props: l, collection: i, gridListRef: d }) {
   }
   if (h && e) {
     x = e.useDroppableCollectionState({
-      collection: i,
+      collection: a,
       selectionManager: D
     });
     let T = new J({
-      collection: i,
+      collection: a,
       disabledKeys: D.disabledKeys,
       disabledBehavior: D.disabledBehavior,
-      ref: d
-    }), le = e.dropTargetDelegate || f || new e.ListDropTargetDelegate(i, d, {
+      ref: l
+    }), le = e.dropTargetDelegate || f || new e.ListDropTargetDelegate(a, l, {
       layout: t,
       direction: u
     });
     S = e.useDroppableCollection({
       keyboardDelegate: T,
       dropTargetDelegate: le
-    }, x, d), I = x.isDropTarget({
+    }, x, l), I = x.isDropTarget({
       type: "root"
     });
   }
-  let { focusProps: oe, isFocused: j, isFocusVisible: O } = Y(), U = {
+  let { focusProps: oe, isFocused: j, isFocusVisible: O } = X(), U = {
     isDropTarget: I,
-    isEmpty: n.collection.size === 0,
+    isEmpty: d.collection.size === 0,
     isFocused: j,
     isFocusVisible: O,
     layout: t,
-    state: n
+    state: d
   }, ae = N({
-    className: l.className,
-    style: l.style,
+    className: n.className,
+    style: n.style,
     defaultClassName: "react-aria-GridList",
     values: U
   }), q = null, ie = null;
-  if (n.collection.size === 0 && l.renderEmptyState) {
-    let T = l.renderEmptyState(U);
+  if (d.collection.size === 0 && n.renderEmptyState) {
+    let T = n.renderEmptyState(U);
     q = /* @__PURE__ */ c.createElement("div", {
       role: "row",
       style: {
@@ -319,15 +318,15 @@ function Ge({ props: l, collection: i, gridListRef: d }) {
       }
     }, T));
   }
-  return /* @__PURE__ */ c.createElement(He, null, /* @__PURE__ */ c.createElement("div", {
-    ...ee(l),
+  return /* @__PURE__ */ c.createElement(Re, null, /* @__PURE__ */ c.createElement("div", {
+    ...Y(n),
     ...ae,
     ...Z(R, oe, S == null ? void 0 : S.collectionProps, ie),
-    ref: d,
-    slot: l.slot || void 0,
-    onScroll: l.onScroll,
+    ref: l,
+    slot: n.slot || void 0,
+    onScroll: n.onScroll,
     "data-drop-target": I || void 0,
-    "data-empty": n.collection.size === 0 || void 0,
+    "data-empty": d.collection.size === 0 || void 0,
     "data-focused": j || void 0,
     "data-focus-visible": O || void 0,
     "data-layout": t
@@ -335,7 +334,7 @@ function Ge({ props: l, collection: i, gridListRef: d }) {
     values: [
       [
         _,
-        n
+        d
       ],
       [
         M,
@@ -346,60 +345,60 @@ function Ge({ props: l, collection: i, gridListRef: d }) {
         }
       ],
       [
-        ye,
+        ve,
         {
-          render: Oe
+          render: je
         }
       ]
     ]
-  }, h && /* @__PURE__ */ c.createElement(Je, null), /* @__PURE__ */ c.createElement(r, {
-    collection: i,
-    scrollRef: d,
+  }, h && /* @__PURE__ */ c.createElement(qe, null), /* @__PURE__ */ c.createElement(r, {
+    collection: a,
+    scrollRef: l,
     persistedKeys: xe(D, e, x),
     renderDropIndicator: De(e, x)
   })), q, K));
 }
-const We = /* @__PURE__ */ re(ze), je = /* @__PURE__ */ me("item", function(i, d, e) {
-  let o = E(_), { dragAndDropHooks: t, dragState: r, dropState: a } = E(M), s = X(d), { isVirtualized: f } = E(V), { rowProps: n, gridCellProps: m, descriptionProps: b, ...g } = ke({
+const We = /* @__PURE__ */ $e("item", function(a, l, e) {
+  let o = E(_), { dragAndDropHooks: t, dragState: r, dropState: i } = E(M), s = ee(l), { isVirtualized: f } = E(V), { rowProps: d, gridCellProps: m, descriptionProps: b, ...$ } = Te({
     node: e,
     shouldSelectOnPressUp: !!r,
     isVirtualized: f
-  }, o, s), { hoverProps: u, isHovered: p } = se({
-    isDisabled: !g.allowsSelection && !g.hasAction,
+  }, o, s), { hoverProps: u, isHovered: p } = ce({
+    isDisabled: !$.allowsSelection && !$.hasAction,
     onHoverStart: e.props.onHoverStart,
     onHoverChange: e.props.onHoverChange,
     onHoverEnd: e.props.onHoverEnd
-  }), { isFocusVisible: R, focusProps: D } = Y(), { checkboxProps: w } = Ve({
+  }), { isFocusVisible: R, focusProps: D } = X(), { checkboxProps: w } = Ve({
     key: e.key
-  }, o), h = o.selectionManager.disabledBehavior === "all" && g.isDisabled ? {
+  }, o), h = o.selectionManager.disabledBehavior === "all" && $.isDisabled ? {
     isDisabled: !0
-  } : {}, v = null;
-  r && t && (v = t.useDraggableItem({
+  } : {}, y = null;
+  r && t && (y = t.useDraggableItem({
     key: e.key,
     hasDragButton: !0
   }, r));
-  let $ = null, k = P(null), { visuallyHiddenProps: x } = G();
-  a && t && ($ = t.useDropIndicator({
+  let g = null, k = P(null), { visuallyHiddenProps: x } = G();
+  i && t && (g = t.useDropIndicator({
     target: {
       type: "item",
       key: e.key,
       dropPosition: "on"
     }
-  }, a, k));
+  }, i, k));
   let S = r && r.isDragging(e.key), I = N({
-    ...i,
+    ...a,
     id: void 0,
     children: e.rendered,
     defaultClassName: "react-aria-GridListItem",
     values: {
-      ...g,
+      ...$,
       isHovered: p,
       isFocusVisible: R,
       selectionMode: o.selectionManager.selectionMode,
       selectionBehavior: o.selectionManager.selectionBehavior,
       allowsDragging: !!r,
       isDragging: S,
-      isDropTarget: $ == null ? void 0 : $.isDropTarget
+      isDropTarget: g == null ? void 0 : g.isDropTarget
     }
   }), K = P(null);
   return F(() => {
@@ -408,7 +407,7 @@ const We = /* @__PURE__ */ re(ze), je = /* @__PURE__ */ me("item", function(i, d
     e.textValue || console.warn("A `textValue` prop is required for <GridListItem> elements with non-plain text children in order to support accessibility features such as type to select.");
   }, [
     e.textValue
-  ]), /* @__PURE__ */ c.createElement(c.Fragment, null, $ && !$.isHidden && /* @__PURE__ */ c.createElement("div", {
+  ]), /* @__PURE__ */ c.createElement(c.Fragment, null, g && !g.isHidden && /* @__PURE__ */ c.createElement("div", {
     role: "row",
     style: {
       position: "absolute"
@@ -418,21 +417,21 @@ const We = /* @__PURE__ */ re(ze), je = /* @__PURE__ */ me("item", function(i, d
   }, /* @__PURE__ */ c.createElement("div", {
     role: "button",
     ...x,
-    ...$ == null ? void 0 : $.dropIndicatorProps,
+    ...g == null ? void 0 : g.dropIndicatorProps,
     ref: k
   }))), /* @__PURE__ */ c.createElement("div", {
-    ...Z(ee(i), n, D, u, v == null ? void 0 : v.dragProps),
+    ...Z(Y(a), d, D, u, y == null ? void 0 : y.dragProps),
     ...I,
     ref: s,
-    "data-selected": g.isSelected || void 0,
-    "data-disabled": g.isDisabled || void 0,
+    "data-selected": $.isSelected || void 0,
+    "data-disabled": $.isDisabled || void 0,
     "data-hovered": p || void 0,
-    "data-focused": g.isFocused || void 0,
+    "data-focused": $.isFocused || void 0,
     "data-focus-visible": R || void 0,
-    "data-pressed": g.isPressed || void 0,
+    "data-pressed": $.isPressed || void 0,
     "data-allows-dragging": !!r || void 0,
     "data-dragging": S || void 0,
-    "data-drop-target": ($ == null ? void 0 : $.isDropTarget) || void 0,
+    "data-drop-target": (g == null ? void 0 : g.isDropTarget) || void 0,
     "data-selection-mode": o.selectionManager.selectionMode === "none" ? void 0 : o.selectionManager.selectionMode
   }, /* @__PURE__ */ c.createElement("div", {
     ...m,
@@ -451,12 +450,12 @@ const We = /* @__PURE__ */ re(ze), je = /* @__PURE__ */ me("item", function(i, d
         }
       ],
       [
-        de,
+        ne,
         {
           slots: {
             [L]: h,
             drag: {
-              ...v == null ? void 0 : v.dragButtonProps,
+              ...y == null ? void 0 : y.dragButtonProps,
               ref: K,
               style: {
                 pointerEvents: "none"
@@ -476,7 +475,7 @@ const We = /* @__PURE__ */ re(ze), je = /* @__PURE__ */ me("item", function(i, d
       ],
       [
         V,
-        $e
+        ye
       ],
       [
         _,
@@ -485,19 +484,19 @@ const We = /* @__PURE__ */ re(ze), je = /* @__PURE__ */ me("item", function(i, d
     ]
   }, I.children))));
 });
-function Oe(l, i) {
-  i = X(i);
-  let { dragAndDropHooks: d, dropState: e } = E(M), o = P(null), { dropIndicatorProps: t, isHidden: r, isDropTarget: a } = d.useDropIndicator(l, e, o);
-  return r ? null : /* @__PURE__ */ c.createElement(qe, {
-    ...l,
+function je(n, a) {
+  a = ee(a);
+  let { dragAndDropHooks: l, dropState: e } = E(M), o = P(null), { dropIndicatorProps: t, isHidden: r, isDropTarget: i } = l.useDropIndicator(n, e, o);
+  return r ? null : /* @__PURE__ */ c.createElement(Ue, {
+    ...n,
     dropIndicatorProps: t,
-    isDropTarget: a,
+    isDropTarget: i,
     buttonRef: o,
-    ref: i
+    ref: a
   });
 }
-function Ue(l, i) {
-  let { dropIndicatorProps: d, isDropTarget: e, buttonRef: o, ...t } = l, { visuallyHiddenProps: r } = G(), a = N({
+function Oe(n, a) {
+  let { dropIndicatorProps: l, isDropTarget: e, buttonRef: o, ...t } = n, { visuallyHiddenProps: r } = G(), i = N({
     ...t,
     defaultClassName: "react-aria-DropIndicator",
     values: {
@@ -505,26 +504,26 @@ function Ue(l, i) {
     }
   });
   return /* @__PURE__ */ c.createElement("div", {
-    ...a,
+    ...i,
     role: "row",
-    ref: i,
+    ref: a,
     "data-drop-target": e || void 0
   }, /* @__PURE__ */ c.createElement("div", {
     role: "gridcell"
   }, /* @__PURE__ */ c.createElement("div", {
     ...r,
     role: "button",
-    ...d,
+    ...l,
     ref: o
-  }), a.children));
+  }), i.children));
 }
-const qe = /* @__PURE__ */ re(Ue);
-function Je() {
-  let { dragAndDropHooks: l, dropState: i } = E(M), d = P(null), { dropIndicatorProps: e } = l.useDropIndicator({
+const Ue = /* @__PURE__ */ re(Oe);
+function qe() {
+  let { dragAndDropHooks: n, dropState: a } = E(M), l = P(null), { dropIndicatorProps: e } = n.useDropIndicator({
     target: {
       type: "root"
     }
-  }, i, d), o = i.isDropTarget({
+  }, a, l), o = a.isDropTarget({
     type: "root"
   }), { visuallyHiddenProps: t } = G();
   return !o && e["aria-hidden"] ? null : /* @__PURE__ */ c.createElement("div", {
@@ -539,38 +538,38 @@ function Je() {
     role: "button",
     ...t,
     ...e,
-    ref: d
+    ref: l
   })));
 }
-const Qe = '"../theme/tokens.css"', Xe = '"Inter", sans-serif', Ye = "#000000", Ze = "#b31b1b", et = "(max-width: 767px)", tt = "#bfbfbf", rt = "#e6e6e6", ot = "#f2f2f2", at = "_button_1eb3v_4", it = "_icon_1eb3v_19", lt = "_multiSelect_1eb3v_44", dt = "_popover_1eb3v_60", nt = "_listBoxItem_1eb3v_73", B = {
-  tokens: Qe,
-  display: Xe,
-  black: Ye,
-  signalRed130: Ze,
-  smBreakpoint: et,
-  gray50: tt,
-  gray20: rt,
-  backgroundSecondary: ot,
-  button: at,
-  icon: it,
-  multiSelect: lt,
-  popover: dt,
+const Je = '"../theme/tokens.css"', Qe = '"Inter", sans-serif', Xe = "#000000", Ye = "#b31b1b", Ze = "(max-width: 767px)", et = "#bfbfbf", tt = "#e6e6e6", rt = "#f2f2f2", ot = "_button_1eb3v_4", at = "_icon_1eb3v_19", it = "_multiSelect_1eb3v_44", lt = "_popover_1eb3v_60", nt = "_listBoxItem_1eb3v_73", B = {
+  tokens: Je,
+  display: Qe,
+  black: Xe,
+  signalRed130: Ye,
+  smBreakpoint: Ze,
+  gray50: et,
+  gray20: tt,
+  backgroundSecondary: rt,
+  button: ot,
+  icon: at,
+  multiSelect: it,
+  popover: lt,
   listBoxItem: nt
-}, Tt = ({
-  label: l,
-  description: i,
-  items: d,
+}, Kt = ({
+  label: n,
+  description: a,
+  items: l,
   onSelectionChange: e,
   selectedKeys: o,
   defaultSelectedKeys: t,
   isDisabled: r,
-  isInvalid: a,
+  isInvalid: i,
   errorMessage: s
 }) => {
-  const f = H.useRef(null), [n, m] = H.useState(
+  const f = H.useRef(null), [d, m] = H.useState(
     void 0
   ), b = _e({
-    initialItems: d,
+    initialItems: l,
     initialSelectedKeys: t
   });
   H.useEffect(() => {
@@ -585,15 +584,15 @@ const Qe = '"../theme/tokens.css"', Xe = '"Inter", sans-serif', Ye = "#000000",
   }, [b.selectedKeys, e]), H.useEffect(() => {
     o && b.setSelectedKeys(new Set(o));
   }, [o]);
-  const g = b.selectedKeys === "all" ? new Set(
+  const $ = b.selectedKeys === "all" ? new Set(
     b.items.map((u) => u.id)
   ) : b.selectedKeys;
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ v(
     "div",
     {
       className: B.multiSelect,
       "data-disabled": r,
-      "data-invalid": a,
+      "data-invalid": i,
       children: /* @__PURE__ */ C(
         z,
         {
@@ -611,10 +610,10 @@ const Qe = '"../theme/tokens.css"', Xe = '"Inter", sans-serif', Ye = "#000000",
               // }],
               pe,
               {
-                isInvalid: a || !1,
+                isInvalid: i || !1,
                 validationErrors: [],
                 validationDetails: {
-                  customError: a || !1,
+                  customError: i || !1,
                   badInput: !1,
                   patternMismatch: !1,
                   rangeOverflow: !1,
@@ -630,54 +629,54 @@ const Qe = '"../theme/tokens.css"', Xe = '"Inter", sans-serif', Ye = "#000000",
             ]
           ],
           children: [
-            /* @__PURE__ */ y(
+            /* @__PURE__ */ v(
               Ce,
               {
-                label: l,
-                description: i,
+                label: n,
+                description: a,
                 errorMessage: s,
                 children: /* @__PURE__ */ C(fe, { children: [
                   /* @__PURE__ */ C(
-                    ne,
+                    de,
                     {
                       className: B.button,
                       ref: f,
                       isDisabled: r,
                       children: [
                         "Välj",
-                        /* @__PURE__ */ y(
+                        /* @__PURE__ */ v(
                           "div",
                           {
                             className: B.icon,
                             "aria-hidden": "true",
-                            children: /* @__PURE__ */ y(Le, { size: 20 })
+                            children: /* @__PURE__ */ v(Le, { size: 20 })
                           }
                         )
                       ]
                     }
                   ),
-                  /* @__PURE__ */ y(
+                  /* @__PURE__ */ v(
                     ue,
                     {
                       className: B.popover,
-                      style: { width: n },
+                      style: { width: d },
                       offset: 0,
                       UNSTABLE_portalContainer: f.current || void 0,
-                      children: /* @__PURE__ */ y(
-                        We,
+                      children: /* @__PURE__ */ v(
+                        ze,
                         {
-                          "aria-label": l,
+                          "aria-label": n,
                           selectionMode: "multiple",
                           selectedKeys: b.selectedKeys,
                           onSelectionChange: b.setSelectedKeys,
                           children: b.items.map((u) => /* @__PURE__ */ C(
-                            je,
+                            We,
                             {
                               id: u.id,
                               textValue: u.name,
                               className: B.listBoxItem,
                               children: [
-                                /* @__PURE__ */ y(Me, { slot: "selection" }),
+                                /* @__PURE__ */ v(Me, { slot: "selection" }),
                                 u.name
                               ]
                             },
@@ -690,17 +689,17 @@ const Qe = '"../theme/tokens.css"', Xe = '"Inter", sans-serif', Ye = "#000000",
                 ] })
               }
             ),
-            /* @__PURE__ */ y(
-              Ee,
+            /* @__PURE__ */ v(
+              He,
               {
                 "aria-label": "Valda",
                 onRemove: (u) => {
                   b.setSelectedKeys(new Set(Array.from(b.selectedKeys).filter((p) => !u.has(p))));
                 },
-                children: Array.from(g).map((u) => {
+                children: Array.from($).map((u) => {
                   const p = b.getItem(u);
-                  return /* @__PURE__ */ y(
-                    Ke,
+                  return /* @__PURE__ */ v(
+                    Ae,
                     {
                       id: p == null ? void 0 : p.id,
                       textValue: p == null ? void 0 : p.name,
@@ -720,5 +719,5 @@ const Qe = '"../theme/tokens.css"', Xe = '"Inter", sans-serif', Ye = "#000000",
   );
 };
 export {
-  Tt as MultiSelect
+  Kt as MultiSelect
 };