@midas-ds/components 1.0.3 → 1.1.0

package/index77.js

@@ -1,71 +1,723 @@
-import { jsx as e, jsxs as l, Fragment as f } from "react/jsx-runtime";
-import { $ as d } from "./Link-iAZLB3RI.js";
-import { c as m } from "./clsx-OuTLNxxd.js";
-import { c as k } from "./createLucideIcon-DeWljiyi.js";
-import { $ as P } from "./useFocusRing-BKGhL91C.js";
-import './Link.css';/**
- * @license lucide-react v0.453.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const p = k("ArrowRight", [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
-]), h = '"../theme/tokens.css"', u = '"Inter", sans-serif', g = "#25607f", _ = "#143c50", y = "#1f1f1f", b = "#bfbfbf", x = "500", q = "0 0 0 2px #ffffff, 0 0 0 4px #000000", $ = "400", W = "#663366", z = "#000000", N = "_link_p1sqk_4", R = "_icon_p1sqk_40", j = "_standalone_p1sqk_44", w = "_stretched_p1sqk_59", s = {
-  tokens: h,
-  display: u,
-  blue130: g,
-  blue150: _,
-  gray150: y,
-  gray50: b,
-  mediumWeight: x,
-  focus: q,
-  regularWeight: $,
-  linkVisited: W,
-  black: z,
-  link: N,
-  icon: R,
-  standalone: j,
-  stretched: w
-}, F = ({
-  children: c,
-  standalone: t,
-  stretched: n,
-  icon: o,
-  className: r,
-  as: i,
-  ...a
-}) => /* @__PURE__ */ e(
-  i || d,
-  {
-    className: m(
-      s.link,
-      t && s.standalone,
-      n && s.stretched,
-      r
-    ),
+import { jsx as v, jsxs as C } from "react/jsx-runtime";
+import { a as ne, $ as de } from "./Button-DL6nqUco.js";
+import { a as se, c as X, d as N, o as Y, e as Z, B as z, i as ee, b as ce, E as L } from "./useFocusRing-9PXyKy2A.js";
+import { d as fe, a as ue } from "./Dialog-D6Bqrpn-.js";
+import { a as pe } from "./Form-BWBjJC6v.js";
+import { a as be } from "./RSPContexts-BW2SEIqe.js";
+import { $ as me, a as $e, b as V, c as ge, d as ye } from "./Collection-KMFfVuzU.js";
+import { $ as M, a as ve, b as xe, c as De } from "./DragAndDrop-B0T3WgjL.js";
+import { $ as _ } from "./ListBox-DBBiqvcR.js";
+import { $ as he } from "./Text-BCF0xvqL.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 } from "./useListState-BfTeKTk5.js";
+import { $ as ke, a as J } from "./ListKeyboardDelegate-gCXy-Xnn.js";
+import { $ as Ie } from "./context-BpJLnOuu.js";
+import { $ as Ee, b as Ke, c as Te, a as He, T as Be } from "./Tag-DWt0koFj.js";
+import { $ as Ae } from "./useGridSelectionCheckbox-DYgEnElE.js";
+import { a as Re } from "./FocusScope-B7CkxXNC.js";
+import { $ as G } from "./VisuallyHidden-Dhr5caPC.js";
+import { I as Ce } from "./TextField-CX4eOQf6.js";
+import { C as Me } from "./Checkbox-q0dugR2t.js";
+import { C as Le } from "./chevron-down-Cd1bkzXT.js";
+import './MultiSelect.css';function Ve(n, a) {
+  let { key: l } = n;
+  const { checkboxProps: e } = Ae(n, a);
+  return {
+    checkboxProps: {
+      ...e,
+      "aria-labelledby": `${e.id} ${Ee(a, l)}`
+    }
+  };
+}
+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,
+    r.filterText,
+    o
+  ]);
+  return {
+    ...r,
+    items: s,
+    ...Fe({
+      getKey: e
+    }, i),
+    getItem(f) {
+      return r.items.find((d) => e(d) === f);
+    }
+  };
+}
+function Fe(n, a) {
+  let { cursor: l, getKey: e } = n;
+  return {
+    setSelectedKeys(o) {
+      a((t) => ({
+        ...t,
+        selectedKeys: o
+      }));
+    },
+    setFilterText(o) {
+      a((t) => ({
+        ...t,
+        filterText: o
+      }));
+    },
+    insert(o, ...t) {
+      a((r) => B(r, o, ...t));
+    },
+    insertBefore(o, ...t) {
+      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 B(r, i, ...t);
+      });
+    },
+    insertAfter(o, ...t) {
+      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 B(r, i + 1, ...t);
+      });
+    },
+    prepend(...o) {
+      a((t) => B(t, 0, ...o));
+    },
+    append(...o) {
+      a((t) => B(t, t.items.length, ...o));
+    },
+    remove(...o) {
+      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 l == null && i.length === 0 && (s = /* @__PURE__ */ new Set()), {
+          ...t,
+          items: i,
+          selectedKeys: s
+        };
+      });
+    },
+    removeSelectedItems() {
+      a((o) => {
+        if (o.selectedKeys === "all") return {
+          ...o,
+          items: [],
+          selectedKeys: /* @__PURE__ */ new Set()
+        };
+        let t = o.selectedKeys, r = o.items.filter((i) => !t.has(e(i)));
+        return {
+          ...o,
+          items: r,
+          selectedKeys: /* @__PURE__ */ new Set()
+        };
+      });
+    },
+    move(o, t) {
+      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
+        };
+      });
+    },
+    moveBefore(o, t) {
+      a((r) => {
+        let i = r.items.findIndex((d) => e(d) === o);
+        if (i === -1) return r;
+        let f = (Array.isArray(t) ? t : [
+          ...t
+        ]).map((d) => r.items.findIndex((m) => e(m) === d)).sort((d, m) => d - m);
+        return Q(r, f, i);
+      });
+    },
+    moveAfter(o, t) {
+      a((r) => {
+        let i = r.items.findIndex((d) => e(d) === o);
+        if (i === -1) return r;
+        let f = (Array.isArray(t) ? t : [
+          ...t
+        ]).map((d) => r.items.findIndex((m) => e(m) === d)).sort((d, m) => d - m);
+        return Q(r, f, i + 1);
+      });
+    },
+    update(o, t) {
+      a((r) => {
+        let i = r.items.findIndex((s) => e(s) === o);
+        return i === -1 ? r : {
+          ...r,
+          items: [
+            ...r.items.slice(0, i),
+            t,
+            ...r.items.slice(i + 1)
+          ]
+        };
+      });
+    }
+  };
+}
+function B(n, a, ...l) {
+  return {
+    ...n,
+    items: [
+      ...n.items.slice(0, a),
+      ...l,
+      ...n.items.slice(a)
+    ]
+  };
+}
+function Q(n, a, l) {
+  l -= a.filter((t) => t < l).length;
+  let e = a.map((t) => ({
+    from: t,
+    to: l++
+  }));
+  for (let t = 0; t < e.length; t++) {
+    let r = e[t].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 i = e.length - 1; i > t; i--) {
+      let s = e[i];
+      s.from < r.to ? r.to++ : s.from++;
+    }
+  }
+  let o = n.items.slice();
+  for (let t of e) {
+    let [r] = o.splice(t.from, 1);
+    o.splice(t.to, 0, r);
+  }
+  return {
+    ...n,
+    items: o
+  };
+}
+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($e, a)
+  }, (e) => /* @__PURE__ */ c.createElement(Ge, {
+    props: a,
+    collection: e,
+    gridListRef: l
+  }));
+});
+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 = ke({
+    usage: "search",
+    sensitivity: "base"
+  }), { disabledBehavior: b, disabledKeys: g } = d.selectionManager, { direction: u } = Ie(), p = te(() => new J({
+    collection: a,
+    collator: m,
+    ref: l,
+    disabledKeys: g,
+    disabledBehavior: b,
+    layoutDelegate: s,
+    layout: t,
+    direction: u
+  }), [
+    a,
+    l,
+    t,
+    g,
+    b,
+    s,
+    m,
+    u
+  ]), { gridProps: R } = Ke({
+    ...n,
+    keyboardDelegate: p,
+    // Only tab navigation is supported in grid layout.
+    keyboardNavigationBehavior: t === "grid" ? "tab" : o,
+    isVirtualized: i
+  }, d, l), D = d.selectionManager, w = !!(e != null && e.useDraggableCollectionState), h = !!(e != null && e.useDroppableCollectionState), y = P(w), $ = P(h);
+  F(() => {
+    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."), $.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
+  ]);
+  let k, x, S, I = !1, K = null, W = P(null);
+  if (w && e) {
+    k = e.useDraggableCollectionState({
+      collection: a,
+      selectionManager: D,
+      preview: e.renderDragPreview ? W : void 0
+    }), e.useDraggableCollection({}, k, l);
+    let T = e.DragPreview;
+    K = e.renderDragPreview ? /* @__PURE__ */ c.createElement(T, {
+      ref: W
+    }, e.renderDragPreview) : null;
+  }
+  if (h && e) {
+    x = e.useDroppableCollectionState({
+      collection: a,
+      selectionManager: D
+    });
+    let T = new J({
+      collection: a,
+      disabledKeys: D.disabledKeys,
+      disabledBehavior: D.disabledBehavior,
+      ref: l
+    }), le = e.dropTargetDelegate || f || new e.ListDropTargetDelegate(a, l, {
+      layout: t,
+      direction: u
+    });
+    S = e.useDroppableCollection({
+      keyboardDelegate: T,
+      dropTargetDelegate: le
+    }, x, l), I = x.isDropTarget({
+      type: "root"
+    });
+  }
+  let { focusProps: oe, isFocused: j, isFocusVisible: O } = X(), U = {
+    isDropTarget: I,
+    isEmpty: d.collection.size === 0,
+    isFocused: j,
+    isFocusVisible: O,
+    layout: t,
+    state: d
+  }, ae = N({
+    className: n.className,
+    style: n.style,
+    defaultClassName: "react-aria-GridList",
+    values: U
+  }), q = null, ie = null;
+  if (d.collection.size === 0 && n.renderEmptyState) {
+    let T = n.renderEmptyState(U);
+    q = /* @__PURE__ */ c.createElement("div", {
+      role: "row",
+      style: {
+        display: "contents"
+      }
+    }, /* @__PURE__ */ c.createElement("div", {
+      role: "gridcell",
+      style: {
+        display: "contents"
+      }
+    }, T));
+  }
+  return /* @__PURE__ */ c.createElement(Re, null, /* @__PURE__ */ c.createElement("div", {
+    ...Y(n),
+    ...ae,
+    ...Z(R, oe, S == null ? void 0 : S.collectionProps, ie),
+    ref: l,
+    slot: n.slot || void 0,
+    onScroll: n.onScroll,
+    "data-drop-target": I || void 0,
+    "data-empty": d.collection.size === 0 || void 0,
+    "data-focused": j || void 0,
+    "data-focus-visible": O || void 0,
+    "data-layout": t
+  }, /* @__PURE__ */ c.createElement(z, {
+    values: [
+      [
+        _,
+        d
+      ],
+      [
+        M,
+        {
+          dragAndDropHooks: e,
+          dragState: k,
+          dropState: x
+        }
+      ],
+      [
+        ve,
+        {
+          render: je
+        }
+      ]
+    ]
+  }, 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__ */ ge("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, ...g } = Te({
+    node: e,
+    shouldSelectOnPressUp: !!r,
+    isVirtualized: f
+  }, o, s), { hoverProps: u, isHovered: p } = ce({
+    isDisabled: !g.allowsSelection && !g.hasAction,
+    onHoverStart: e.props.onHoverStart,
+    onHoverChange: e.props.onHoverChange,
+    onHoverEnd: e.props.onHoverEnd
+  }), { isFocusVisible: R, focusProps: D } = X(), { checkboxProps: w } = Ve({
+    key: e.key
+  }, o), h = o.selectionManager.disabledBehavior === "all" && g.isDisabled ? {
+    isDisabled: !0
+  } : {}, y = null;
+  r && t && (y = t.useDraggableItem({
+    key: e.key,
+    hasDragButton: !0
+  }, r));
+  let $ = null, k = P(null), { visuallyHiddenProps: x } = G();
+  i && t && ($ = t.useDropIndicator({
+    target: {
+      type: "item",
+      key: e.key,
+      dropPosition: "on"
+    }
+  }, i, k));
+  let S = r && r.isDragging(e.key), I = N({
     ...a,
-    children: /* @__PURE__ */ l(f, { children: [
-      c,
-      !t && o && /* @__PURE__ */ e(
-        o,
+    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
+    }
+  }), K = P(null);
+  return F(() => {
+    r && !K.current && console.warn('Draggable items in a GridList must contain a <Button slot="drag"> element so that keyboard and screen reader users can drag them.');
+  }, []), F(() => {
+    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", {
+    role: "row",
+    style: {
+      position: "absolute"
+    }
+  }, /* @__PURE__ */ c.createElement("div", {
+    role: "gridcell"
+  }, /* @__PURE__ */ c.createElement("div", {
+    role: "button",
+    ...x,
+    ...$ == null ? void 0 : $.dropIndicatorProps,
+    ref: k
+  }))), /* @__PURE__ */ c.createElement("div", {
+    ...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-hovered": p || void 0,
+    "data-focused": g.isFocused || void 0,
+    "data-focus-visible": R || void 0,
+    "data-pressed": g.isPressed || void 0,
+    "data-allows-dragging": !!r || void 0,
+    "data-dragging": S || void 0,
+    "data-drop-target": ($ == null ? void 0 : $.isDropTarget) || void 0,
+    "data-selection-mode": o.selectionManager.selectionMode === "none" ? void 0 : o.selectionManager.selectionMode
+  }, /* @__PURE__ */ c.createElement("div", {
+    ...m,
+    style: {
+      display: "contents"
+    }
+  }, /* @__PURE__ */ c.createElement(z, {
+    values: [
+      [
+        be,
+        {
+          slots: {
+            [L]: {},
+            selection: w
+          }
+        }
+      ],
+      [
+        ne,
         {
-          size: 20,
-          className: s.icon
+          slots: {
+            [L]: h,
+            drag: {
+              ...y == null ? void 0 : y.dragButtonProps,
+              ref: K,
+              style: {
+                pointerEvents: "none"
+              }
+            }
+          }
         }
-      ),
-      t && /* @__PURE__ */ e(
-        p,
+      ],
+      [
+        he,
         {
-          size: 20,
-          className: s.icon
+          slots: {
+            [L]: {},
+            description: b
+          }
+        }
+      ],
+      [
+        V,
+        ye
+      ],
+      [
+        _,
+        null
+      ]
+    ]
+  }, I.children))));
+});
+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: i,
+    buttonRef: o,
+    ref: a
+  });
+}
+function Oe(n, a) {
+  let { dropIndicatorProps: l, isDropTarget: e, buttonRef: o, ...t } = n, { visuallyHiddenProps: r } = G(), i = N({
+    ...t,
+    defaultClassName: "react-aria-DropIndicator",
+    values: {
+      isDropTarget: e
+    }
+  });
+  return /* @__PURE__ */ c.createElement("div", {
+    ...i,
+    role: "row",
+    ref: a,
+    "data-drop-target": e || void 0
+  }, /* @__PURE__ */ c.createElement("div", {
+    role: "gridcell"
+  }, /* @__PURE__ */ c.createElement("div", {
+    ...r,
+    role: "button",
+    ...l,
+    ref: o
+  }), i.children));
+}
+const Ue = /* @__PURE__ */ re(Oe);
+function qe() {
+  let { dragAndDropHooks: n, dropState: a } = E(M), l = P(null), { dropIndicatorProps: e } = n.useDropIndicator({
+    target: {
+      type: "root"
+    }
+  }, a, l), o = a.isDropTarget({
+    type: "root"
+  }), { visuallyHiddenProps: t } = G();
+  return !o && e["aria-hidden"] ? null : /* @__PURE__ */ c.createElement("div", {
+    role: "row",
+    "aria-hidden": e["aria-hidden"],
+    style: {
+      position: "absolute"
+    }
+  }, /* @__PURE__ */ c.createElement("div", {
+    role: "gridcell"
+  }, /* @__PURE__ */ c.createElement("div", {
+    role: "button",
+    ...t,
+    ...e,
+    ref: l
+  })));
+}
+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", A = {
+  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
+}, Kt = ({
+  label: n,
+  description: a,
+  items: l,
+  onSelectionChange: e,
+  selectedKeys: o,
+  defaultSelectedKeys: t,
+  isDisabled: r,
+  isInvalid: i,
+  errorMessage: s
+}) => {
+  const f = H.useRef(null), [d, m] = H.useState(
+    void 0
+  ), b = _e({
+    initialItems: l,
+    initialSelectedKeys: t
+  });
+  H.useEffect(() => {
+    const u = () => {
+      f.current && m(f.current.offsetWidth - 2);
+    };
+    return u(), window.addEventListener("resize", u), () => {
+      window.removeEventListener("resize", u);
+    };
+  }, []), H.useEffect(() => {
+    e && e(new Set(b.selectedKeys));
+  }, [b.selectedKeys, e]), H.useEffect(() => {
+    o && b.setSelectedKeys(new Set(o));
+  }, [o]);
+  const g = b.selectedKeys === "all" ? new Set(
+    b.items.map((u) => u.id)
+  ) : b.selectedKeys;
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      className: A.multiSelect,
+      "data-disabled": r,
+      "data-invalid": i,
+      children: /* @__PURE__ */ C(
+        z,
+        {
+          values: [
+            [
+              // we should maybe add more here
+              // [LabelContext, {...labelProps, ref: labelRef}],
+              // [InputContext, {...inputProps, ref: inputOrTextAreaRef}],
+              // [TextAreaContext, {...inputProps, ref: inputOrTextAreaRef}],
+              // [TextContext, {
+              //   slots: {
+              //     description: descriptionProps,
+              //     errorMessage: errorMessageProps
+              //   }
+              // }],
+              pe,
+              {
+                isInvalid: i || !1,
+                validationErrors: [],
+                validationDetails: {
+                  customError: i || !1,
+                  badInput: !1,
+                  patternMismatch: !1,
+                  rangeOverflow: !1,
+                  rangeUnderflow: !1,
+                  stepMismatch: !1,
+                  tooLong: !1,
+                  tooShort: !1,
+                  typeMismatch: !1,
+                  valid: !1,
+                  valueMissing: !1
+                }
+              }
+            ]
+          ],
+          children: [
+            /* @__PURE__ */ v(
+              Ce,
+              {
+                label: n,
+                description: a,
+                errorMessage: s,
+                children: /* @__PURE__ */ C(fe, { children: [
+                  /* @__PURE__ */ C(
+                    de,
+                    {
+                      className: A.button,
+                      ref: f,
+                      isDisabled: r,
+                      children: [
+                        "Välj",
+                        /* @__PURE__ */ v(
+                          "div",
+                          {
+                            className: A.icon,
+                            "aria-hidden": "true",
+                            children: /* @__PURE__ */ v(Le, { size: 20 })
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ v(
+                    ue,
+                    {
+                      className: A.popover,
+                      style: { width: d },
+                      offset: 0,
+                      UNSTABLE_portalContainer: f.current || void 0,
+                      children: /* @__PURE__ */ v(
+                        ze,
+                        {
+                          "aria-label": n,
+                          selectionMode: "multiple",
+                          selectedKeys: b.selectedKeys,
+                          onSelectionChange: b.setSelectedKeys,
+                          children: b.items.map((u) => /* @__PURE__ */ C(
+                            We,
+                            {
+                              id: u.id,
+                              textValue: u.name,
+                              className: A.listBoxItem,
+                              children: [
+                                /* @__PURE__ */ v(Me, { slot: "selection" }),
+                                u.name
+                              ]
+                            },
+                            u.id
+                          ))
+                        }
+                      )
+                    }
+                  )
+                ] })
+              }
+            ),
+            /* @__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) => {
+                  const p = b.getItem(u);
+                  return /* @__PURE__ */ v(
+                    Be,
+                    {
+                      id: p == null ? void 0 : p.id,
+                      textValue: p == null ? void 0 : p.name,
+                      isDisabled: r,
+                      dismissable: !0,
+                      children: p == null ? void 0 : p.name
+                    },
+                    p == null ? void 0 : p.id
+                  );
+                })
+              }
+            )
+          ]
         }
       )
-    ] })
-  }
-);
+    }
+  );
+};
 export {
-  F as Link,
-  P as RouterProvider
+  Kt as MultiSelect
 };