@midas-ds/components 10.2.0 → 10.3.0

package/{FileUpload-ULwcYDxs.js → FileUpload-D6qoEAjn.js}

@@ -1,22 +1,22 @@
-import { jsxs as N, jsx as m } from "react/jsx-runtime";
-import { g as $, $ as ye, n as Te, a as ze, e as uu, f as Se, b as Pe, k as Ke, d as H } from "./utils-HNTsIwux.js";
-import { a as Ie } from "./Text-B_H68Tvq.js";
+import { jsxs as N, jsx as b } from "react/jsx-runtime";
+import { f as g, $ as ye, n as Te, a as ze, l as uu, d as Se, b as Pe, j as Ke, c as H } from "./utils-DIMfEPAt.js";
+import { $ as Ie } from "./Text-BoXuUVVH.js";
 import { $ as eu } from "./filterDOMProps-D6KHYVBX.js";
-import { $ as je } from "./useLabels-BZjoZA1Z.js";
-import { D as Ve, u as we, x as Le, l as Re, $ as Oe, q as Ne } from "./useHover-qRAon4nS.js";
+import { $ as je } from "./useLabels-BDwkBYbE.js";
+import { D as Ve, t as we, x as Le, l as Re, $ as Oe, q as Ne } from "./useHover-DjIHtjGN.js";
 import * as Ze from "react";
 import A, { useState as tu, useEffect as ru, useRef as U, forwardRef as au, createContext as Ue } from "react";
-import { $ as qe } from "./useDescription-CVKhFa3c.js";
-import { $ as nu } from "./useLocalizedStringFormatter-D07YB2e1.js";
-import { $ as He } from "./useButton-C-Lq7CNY.js";
-import { $ as Me } from "./useFocusRing-BDGH3lpn.js";
-import { $ as Ge } from "./VisuallyHidden-D-4z1VgU.js";
-import { a as _e } from "./Input-D8Ku_FQz.js";
-import { $ as Xe } from "./PressResponder-CVEg5kND.js";
-import { B as ou } from "./Button-CbFRzRrF.js";
-import { L as Ye } from "./Label-C9ivwkAd.js";
-import { T as M } from "./Text-BN-g1iWi.js";
-import { X as We } from "./x-JK7i-TQC.js";
+import { a as qe } from "./scrollIntoView-Hwb_aaNf.js";
+import { b as nu } from "./useLocalizedStringFormatter-BKoxGZf1.js";
+import { $ as He } from "./useButton-B8dB9sot.js";
+import { $ as Me } from "./useFocusRing-XnR3cZjO.js";
+import { $ as Ge } from "./VisuallyHidden-ZCYf65q4.js";
+import { a as _e } from "./Input-BTzwcf72.js";
+import { q as Xe } from "./Dialog-D14MbJ7o.js";
+import { B as ou } from "./Button-Csih3v23.js";
+import { a as Ye, L as We } from "./Label-BwJrdqEE.js";
+import { T as M } from "./Text-jWWg0B20.js";
+import { X as Je } from "./x-JK7i-TQC.js";
 import './assets/FileUpload.css';var C = /* @__PURE__ */ function(u) {
   return u[u.none = 0] = "none", u[u.cancel = 0] = "cancel", u[u.move = 1] = "move", u[u.copy = 2] = "copy", u[u.link = 4] = "link", u[u.all = 7] = "all", u;
 }({});
@@ -27,8 +27,8 @@ const iu = {
   linkMove: 5,
   all: 7,
   uninitialized: 7
-}, Je = q(iu);
-Je[7] = "all";
+}, Qe = q(iu);
+Qe[7] = "all";
 q(C);
 const lu = {
   none: "cancel",
@@ -41,35 +41,35 @@ function q(u) {
   for (let a in u) e[u[a]] = a;
   return e;
 }
-const Qe = /* @__PURE__ */ new Set([
+const u4 = /* @__PURE__ */ new Set([
   "text/plain",
   "text/uri-list",
   "text/html"
-]), j = "application/vnd.react-aria.items+json", V = "application/octet-stream", u4 = Symbol();
-function e4(u) {
+]), j = "application/vnd.react-aria.items+json", V = "application/octet-stream", e4 = Symbol();
+function t4(u) {
   return u || (u = "virtual"), u === "pointer" && (u = "virtual"), u === "virtual" && typeof window < "u" && "ontouchstart" in window && (u = "touch"), u;
 }
-function t4() {
-  return e4(Ve());
+function r4() {
+  return t4(Ve());
 }
 function G(u, e) {
   let a = /* @__PURE__ */ new Map(), n = !1, o = [];
   for (let t of e) {
     let d = Object.keys(t);
     d.length > 1 && (n = !0);
-    let D = {};
-    for (let B of d) {
-      let c = a.get(B);
-      c ? n = !0 : (c = [], a.set(B, c));
-      let i = t[B];
-      D[B] = i, c.push(i);
+    let c = {};
+    for (let D of d) {
+      let B = a.get(D);
+      B ? n = !0 : (B = [], a.set(D, B));
+      let i = t[D];
+      c[D] = i, B.push(i);
     }
-    o.push(D);
+    o.push(c);
   }
-  for (let [t, d] of a) if (Qe.has(t)) {
-    let D = d.join(`
+  for (let [t, d] of a) if (u4.has(t)) {
+    let c = d.join(`
 `);
-    u.items.add(D, t);
+    u.items.add(c, t);
   } else
     u.items.add(d[0], t);
   if (n) {
@@ -79,7 +79,7 @@ function G(u, e) {
 }
 class K {
   has(e) {
-    return this.includesUnknownTypes || e === u4 && this.types.has(V) ? !0 : typeof e == "string" && this.types.has(e);
+    return this.includesUnknownTypes || e === e4 && this.types.has(V) ? !0 : typeof e == "string" && this.types.has(e);
   }
   constructor(e) {
     this.types = /* @__PURE__ */ new Set();
@@ -122,7 +122,7 @@ function du(u) {
   }
   return e;
 }
-function r4(u) {
+function a4(u) {
   return typeof u.text == "function" ? u.text() : new Promise((e, a) => {
     let n = new FileReader();
     n.onload = () => {
@@ -136,7 +136,7 @@ function Z(u) {
     kind: "file",
     type: u.type || V,
     name: u.name,
-    getText: () => r4(u),
+    getText: () => a4(u),
     getFile: () => Promise.resolve(u)
   };
 }
@@ -144,10 +144,10 @@ function cu(u) {
   return {
     kind: "directory",
     name: u.name,
-    getEntries: () => a4(u)
+    getEntries: () => n4(u)
   };
 }
-async function* a4(u) {
+async function* n4(u) {
   let e = u.createReader(), a;
   do {
     a = await new Promise((n, o) => {
@@ -155,27 +155,27 @@ async function* a4(u) {
     });
     for (let n of a)
       if (n.isFile) {
-        let o = await n4(n);
+        let o = await o4(n);
         yield Z(o);
       } else n.isDirectory && (yield cu(n));
   } while (a.length > 0);
 }
-function n4(u) {
+function o4(u) {
   return new Promise((e, a) => u.file(e, a));
 }
 let pu = {
   draggingKeys: /* @__PURE__ */ new Set()
 };
-function o4(u) {
+function i4(u) {
   pu = u;
 }
 let _ = C.none, X = /* @__PURE__ */ new Map(), Y = null, W = /* @__PURE__ */ new Set();
-function i4(u) {
+function l4(u) {
   return X.set(u.element, u), () => {
     X.delete(u.element);
   };
 }
-function l4() {
+function d4() {
   let [u, e] = tu(Y);
   return ru(() => {
     let a = () => e(Y);
@@ -1650,19 +1650,19 @@ Mu = {
   "zh-CN": qu,
   "zh-TW": Hu
 };
-function d4(u) {
+function c4(u) {
   return u && u.__esModule ? u.default : u;
 }
-const c4 = {
+const p4 = {
   keyboard: "dropDescriptionKeyboard",
   touch: "dropDescriptionTouch",
   virtual: "dropDescriptionVirtual"
 };
-function p4() {
-  let u = nu(d4(Mu), "@react-aria/dnd"), e = t4(), a = l4();
+function s4() {
+  let u = nu(c4(Mu), "@react-aria/dnd"), e = r4(), a = d4();
   return {
     dropProps: {
-      ...qe(a ? u.format(c4[e]) : ""),
+      ...qe(a ? u.format(p4[e]) : ""),
       // Mobile Safari does not properly bubble click events on elements except links or inputs
       // unless there is an onclick handler bound directly to the element itself. By adding this
       // handler, React will take care of adding that for us, and we are able to handle document
@@ -1673,8 +1673,8 @@ function p4() {
     }
   };
 }
-const s4 = 800;
-function D4(u) {
+const D4 = 800;
+function B4(u) {
   let { hasDropButton: e, isDisabled: a } = u, [n, o] = tu(!1), t = U({
     x: 0,
     y: 0,
@@ -1691,7 +1691,7 @@ function D4(u) {
         y: r.clientY - l.y
       });
     }
-  }, D = (r) => {
+  }, c = (r) => {
     if (o(!1), typeof u.onDropExit == "function") {
       let l = r.currentTarget.getBoundingClientRect();
       u.onDropExit({
@@ -1700,7 +1700,7 @@ function D4(u) {
         y: r.clientY - l.y
       });
     }
-  }, B = (r) => {
+  }, D = (r) => {
     r.preventDefault(), r.stopPropagation();
     let l = J(r);
     if (r.clientX === t.x && r.clientY === t.y && l === t.allowedOperations) {
@@ -1708,20 +1708,20 @@ function D4(u) {
       return;
     }
     t.x = r.clientX, t.y = r.clientY;
-    let g = t.dropEffect;
+    let k = t.dropEffect;
     if (l !== t.allowedOperations) {
       let p = R(l), s = p[0];
       if (typeof u.getDropOperation == "function") {
-        let b = new K(r.dataTransfer);
-        s = I(l, u.getDropOperation(b, p));
+        let $ = new K(r.dataTransfer);
+        s = I(l, u.getDropOperation($, p));
       }
       t.dropEffect = L[s] || "none";
     }
     if (typeof u.getDropOperationForPoint == "function") {
-      let p = new K(r.dataTransfer), s = r.currentTarget.getBoundingClientRect(), b = I(l, u.getDropOperationForPoint(p, R(l), t.x - s.x, t.y - s.y));
-      t.dropEffect = L[b] || "none";
+      let p = new K(r.dataTransfer), s = r.currentTarget.getBoundingClientRect(), $ = I(l, u.getDropOperationForPoint(p, R(l), t.x - s.x, t.y - s.y));
+      t.dropEffect = L[$] || "none";
     }
-    if (t.allowedOperations = l, r.dataTransfer.dropEffect = t.dropEffect, t.dropEffect === "none" && g !== "none" ? D(r) : t.dropEffect !== "none" && g === "none" && d(r), typeof u.onDropMove == "function" && t.dropEffect !== "none") {
+    if (t.allowedOperations = l, r.dataTransfer.dropEffect = t.dropEffect, t.dropEffect === "none" && k !== "none" ? c(r) : t.dropEffect !== "none" && k === "none" && d(r), typeof u.onDropMove == "function" && t.dropEffect !== "none") {
       let p = r.currentTarget.getBoundingClientRect();
       u.onDropMove({
         type: "dropmove",
@@ -1737,58 +1737,58 @@ function D4(u) {
           x: t.x - s.x,
           y: t.y - s.y
         });
-      }, s4);
+      }, D4);
     }
-  }, c = (r) => {
+  }, B = (r) => {
     if (r.preventDefault(), r.stopPropagation(), t.dragOverElements.add(r.target), t.dragOverElements.size > 1) return;
-    let l = J(r), g = R(l), p = g[0];
+    let l = J(r), k = R(l), p = k[0];
     if (typeof u.getDropOperation == "function") {
       let s = new K(r.dataTransfer);
-      p = I(l, u.getDropOperation(s, g));
+      p = I(l, u.getDropOperation(s, k));
     }
     if (typeof u.getDropOperationForPoint == "function") {
-      let s = new K(r.dataTransfer), b = r.currentTarget.getBoundingClientRect();
-      p = I(l, u.getDropOperationForPoint(s, g, r.clientX - b.x, r.clientY - b.y));
+      let s = new K(r.dataTransfer), $ = r.currentTarget.getBoundingClientRect();
+      p = I(l, u.getDropOperationForPoint(s, k, r.clientX - $.x, r.clientY - $.y));
     }
     t.x = r.clientX, t.y = r.clientY, t.allowedOperations = l, t.dropEffect = L[p] || "none", r.dataTransfer.dropEffect = t.dropEffect, p !== "cancel" && d(r);
   }, i = (r) => {
     r.preventDefault(), r.stopPropagation(), t.dragOverElements.delete(r.target);
     for (let l of t.dragOverElements) r.currentTarget.contains(l) || t.dragOverElements.delete(l);
-    t.dragOverElements.size > 0 || (t.dropEffect !== "none" && D(r), clearTimeout(t.dropActivateTimer));
+    t.dragOverElements.size > 0 || (t.dropEffect !== "none" && c(r), clearTimeout(t.dropActivateTimer));
   }, E = (r) => {
     if (r.preventDefault(), r.stopPropagation(), t.dropEffect, typeof u.onDrop == "function") {
-      let g = lu[t.dropEffect], p = du(r.dataTransfer), s = r.currentTarget.getBoundingClientRect(), b = {
+      let k = lu[t.dropEffect], p = du(r.dataTransfer), s = r.currentTarget.getBoundingClientRect(), $ = {
         type: "drop",
         x: r.clientX - s.x,
         y: r.clientY - s.y,
         items: p,
-        dropOperation: g
+        dropOperation: k
       };
-      u.onDrop(b);
+      u.onDrop($);
     }
     let l = {
       ...pu
     };
-    t.dragOverElements.clear(), D(r), clearTimeout(t.dropActivateTimer), l.draggingCollectionRef == null || o4(l);
-  }, x = $((r) => {
+    t.dragOverElements.clear(), c(r), clearTimeout(t.dropActivateTimer), l.draggingCollectionRef == null || i4(l);
+  }, m = g((r) => {
     typeof u.onDropEnter == "function" && u.onDropEnter(r);
-  }), k = $((r) => {
+  }), x = g((r) => {
     typeof u.onDropExit == "function" && u.onDropExit(r);
-  }), y = $((r) => {
+  }), y = g((r) => {
     typeof u.onDropActivate == "function" && u.onDropActivate(r);
-  }), S = $((r) => {
+  }), S = g((r) => {
     typeof u.onDrop == "function" && u.onDrop(r);
-  }), T = $((r, l) => u.getDropOperation ? u.getDropOperation(r, l) : l[0]), { ref: z } = u;
+  }), T = g((r, l) => u.getDropOperation ? u.getDropOperation(r, l) : l[0]), { ref: z } = u;
   ye(() => {
     if (!(a || !z.current))
-      return i4({
+      return l4({
         element: z.current,
         getDropOperation: T,
         onDropEnter(r) {
-          o(!0), x(r);
+          o(!0), m(r);
         },
         onDropExit(r) {
-          o(!1), k(r);
+          o(!1), x(r);
         },
         onDrop: S,
         onDropActivate: y
@@ -1797,12 +1797,12 @@ function D4(u) {
     a,
     z,
     T,
+    m,
     x,
-    k,
     S,
     y
   ]);
-  let { dropProps: P } = p4();
+  let { dropProps: P } = s4();
   return a ? {
     dropProps: {},
     dropButtonProps: {
@@ -1812,8 +1812,8 @@ function D4(u) {
   } : {
     dropProps: {
       ...!e && P,
-      onDragEnter: c,
-      onDragOver: B,
+      onDragEnter: B,
+      onDragOver: D,
       onDragLeave: i,
       onDrop: E
     },
@@ -1853,29 +1853,29 @@ function F(u, e) {
     a.handlers.delete(e), a.handlers.size === 0 && (document.removeEventListener(u, a.listener), O.delete(u));
   };
 }
-function B4(u) {
+function C4(u) {
   let { isDisabled: e } = u, a = U(!1), { focusProps: n } = Re({
     onFocusChange: (i) => {
       a.current = i;
     }
-  }), o = $((i) => {
+  }), o = g((i) => {
     a.current && u.getItems && i.preventDefault();
-  }), t = $((i) => {
+  }), t = g((i) => {
     if (!(!a.current || !u.getItems) && (i.preventDefault(), i.clipboardData)) {
       var E;
       G(i.clipboardData, u.getItems({
         action: "copy"
       })), (E = u.onCopy) === null || E === void 0 || E.call(u);
     }
-  }), d = $((i) => {
+  }), d = g((i) => {
     a.current && u.onCut && u.getItems && i.preventDefault();
-  }), D = $((i) => {
+  }), c = g((i) => {
     !a.current || !u.onCut || !u.getItems || (i.preventDefault(), i.clipboardData && (G(i.clipboardData, u.getItems({
       action: "cut"
     })), u.onCut()));
-  }), B = $((i) => {
+  }), D = g((i) => {
     a.current && u.onPaste && i.preventDefault();
-  }), c = $((i) => {
+  }), B = g((i) => {
     if (!(!a.current || !u.onPaste) && (i.preventDefault(), i.clipboardData)) {
       let E = du(i.clipboardData);
       u.onPaste(E);
@@ -1883,15 +1883,15 @@ function B4(u) {
   });
   return ru(() => {
     if (!e)
-      return Te(F("beforecopy", o), F("copy", t), F("beforecut", d), F("cut", D), F("beforepaste", B), F("paste", c));
+      return Te(F("beforecopy", o), F("copy", t), F("beforecut", d), F("cut", c), F("beforepaste", D), F("paste", B));
   }, [
     e,
     o,
     t,
     d,
+    c,
     D,
-    B,
-    c
+    B
   ]), {
     clipboardProps: n
   };
@@ -2171,29 +2171,29 @@ ve = {
   "zh-CN": he,
   "zh-TW": Fe
 };
-function C4(u) {
+function E4(u) {
   return u && u.__esModule ? u.default : u;
 }
-const E4 = /* @__PURE__ */ Ue(null), x4 = /* @__PURE__ */ au(function(e, a) {
+const x4 = /* @__PURE__ */ Ue(null), b4 = /* @__PURE__ */ au(function(e, a) {
   let { isDisabled: n = !1 } = e;
-  [e, a] = ze(e, a, E4);
-  let o = uu(a), t = U(null), { dropProps: d, dropButtonProps: D, isDropTarget: B } = D4({
+  [e, a] = ze(e, a, x4);
+  let o = uu(a), t = U(null), { dropProps: d, dropButtonProps: c, isDropTarget: D } = B4({
     ...e,
     ref: t,
     hasDropButton: !0
-  }), { buttonProps: c } = He(D || {}, t), { hoverProps: i, isHovered: E } = Oe(e), { focusProps: x, isFocused: k, isFocusVisible: y } = Me(), S = nu(C4(ve), "react-aria-components"), T = Se(), z = e["aria-label"] || S.format("dropzoneLabel"), P = e["aria-labelledby"], r = [
+  }), { buttonProps: B } = He(c || {}, t), { hoverProps: i, isHovered: E } = Oe(e), { focusProps: m, isFocused: x, isFocusVisible: y } = Me(), S = nu(E4(ve), "react-aria-components"), T = Se(), z = e["aria-label"] || S.format("dropzoneLabel"), P = e["aria-labelledby"], r = [
     T,
     P
   ].filter(Boolean).join(" "), l = je({
     "aria-label": z,
     "aria-labelledby": r
-  }), { clipboardProps: g } = B4({
+  }), { clipboardProps: k } = C4({
     isDisabled: n,
-    onPaste: (b) => {
+    onPaste: ($) => {
       var f;
       return (f = e.onDrop) === null || f === void 0 ? void 0 : f.call(e, {
         type: "drop",
-        items: b,
+        items: $,
         x: 0,
         y: 0,
         dropOperation: "copy"
@@ -2203,9 +2203,9 @@ const E4 = /* @__PURE__ */ Ue(null), x4 = /* @__PURE__ */ au(function(e, a) {
     ...e,
     values: {
       isHovered: E,
-      isFocused: k,
+      isFocused: x,
       isFocusVisible: y,
-      isDropTarget: B,
+      isDropTarget: D,
       isDisabled: n
     },
     defaultClassName: "react-aria-DropZone"
@@ -2225,9 +2225,9 @@ const E4 = /* @__PURE__ */ Ue(null), x4 = /* @__PURE__ */ au(function(e, a) {
     ...p,
     slot: e.slot || void 0,
     ref: o,
-    onClick: (b) => {
+    onClick: ($) => {
       var f;
-      let h = b.target;
+      let h = $.target;
       for (; h && (!((f = o.current) === null || f === void 0) && f.contains(h)) && !Ne(h); ) {
         if (h === o.current) {
           var w;
@@ -2238,22 +2238,22 @@ const E4 = /* @__PURE__ */ Ue(null), x4 = /* @__PURE__ */ au(function(e, a) {
       }
     },
     "data-hovered": E || void 0,
-    "data-focused": k || void 0,
+    "data-focused": x || void 0,
     "data-focus-visible": y || void 0,
-    "data-drop-target": B || void 0,
+    "data-drop-target": D || void 0,
     "data-disabled": n || void 0
   }, /* @__PURE__ */ A.createElement(Ge, null, /* @__PURE__ */ A.createElement("button", {
-    ...H(c, x, g, l),
+    ...H(B, m, k, l),
     ref: t
   })), p.children));
-}), b4 = /* @__PURE__ */ au(function(e, a) {
-  let { onSelect: n, acceptedFileTypes: o, allowsMultiple: t, defaultCamera: d, children: D, acceptDirectory: B, ...c } = e, i = uu(a), E = eu(c);
+}), m4 = /* @__PURE__ */ au(function(e, a) {
+  let { onSelect: n, acceptedFileTypes: o, allowsMultiple: t, defaultCamera: d, children: c, acceptDirectory: D, ...B } = e, i = uu(a), E = eu(B);
   return /* @__PURE__ */ A.createElement(A.Fragment, null, /* @__PURE__ */ A.createElement(Xe, {
     onPress: () => {
-      var x, k;
-      !((x = i.current) === null || x === void 0) && x.value && (i.current.value = ""), (k = i.current) === null || k === void 0 || k.click();
+      var m, x;
+      !((m = i.current) === null || m === void 0) && m.value && (i.current.value = ""), (x = i.current) === null || x === void 0 || x.click();
     }
-  }, D), /* @__PURE__ */ A.createElement(_e, {
+  }, c), /* @__PURE__ */ A.createElement(_e, {
     ...E,
     type: "file",
     ref: i,
@@ -2261,38 +2261,39 @@ const E4 = /* @__PURE__ */ Ue(null), x4 = /* @__PURE__ */ au(function(e, a) {
       display: "none"
     },
     accept: o == null ? void 0 : o.toString(),
-    onChange: (x) => n == null ? void 0 : n(x.target.files),
+    onChange: (m) => n == null ? void 0 : n(m.target.files),
     capture: d,
     multiple: t,
     // @ts-expect-error
-    webkitdirectory: B ? "" : void 0
+    webkitdirectory: D ? "" : void 0
   }));
-}), m4 = "_box_sqne2_4", $4 = "_list_sqne2_28", g4 = "_container_sqne2_38", k4 = "_dropzone_sqne2_61", A4 = "_input_sqne2_75", v = {
-  box: m4,
-  list: $4,
-  container: g4,
-  dropzone: k4,
-  input: A4
-}, Z4 = ({
+}), $4 = "_box_sqne2_4", g4 = "_list_sqne2_28", k4 = "_container_sqne2_38", A4 = "_dropzone_sqne2_61", f4 = "_input_sqne2_75", v = {
+  box: $4,
+  list: g4,
+  container: k4,
+  dropzone: A4,
+  input: f4
+}, U4 = ({
   allowsMultiple: u,
   label: e,
   description: a,
   dropzone: n,
-  ...o
+  popover: o,
+  ...t
 }) => {
-  const [t, d] = Ze.useState(null), D = (c) => {
-    d(c !== null ? Array.from(c) : []);
-  }, B = async (c) => {
-    const i = c.items.filter((x) => x.kind === "file").map((x) => x.getFile()), E = await Promise.all(i);
-    d(E);
+  const [d, c] = Ze.useState(null), D = (i) => {
+    c(i !== null ? Array.from(i) : []);
+  }, B = async (i) => {
+    const E = i.items.filter((x) => x.kind === "file").map((x) => x.getFile()), m = await Promise.all(E);
+    c(m);
   };
   return n ? /* @__PURE__ */ N("div", { className: v.container, children: [
-    /* @__PURE__ */ m(
-      x4,
+    /* @__PURE__ */ b(
+      b4,
       {
         onDrop: B,
         className: v.dropzone,
-        children: /* @__PURE__ */ m(
+        children: /* @__PURE__ */ b(
           M,
           {
             slot: "description",
@@ -2302,23 +2303,23 @@ const E4 = /* @__PURE__ */ Ue(null), x4 = /* @__PURE__ */ au(function(e, a) {
         )
       }
     ),
-    t && /* @__PURE__ */ m(
+    d && /* @__PURE__ */ b(
       Q,
       {
-        files: t,
-        setFiles: d
+        files: d,
+        setFiles: c
       }
     )
   ] }) : /* @__PURE__ */ N("div", { className: v.container, children: [
-    e && /* @__PURE__ */ m(Ye, { children: e }),
-    a && /* @__PURE__ */ m(M, { slot: "description", children: a }),
-    /* @__PURE__ */ m(
-      b4,
+    /* @__PURE__ */ b(Ye, { popover: o, children: e && /* @__PURE__ */ b(We, { children: e }) }),
+    a && /* @__PURE__ */ b(M, { slot: "description", children: a }),
+    /* @__PURE__ */ b(
+      m4,
       {
         allowsMultiple: u,
-        onSelect: (c) => D(c),
-        ...o,
-        children: /* @__PURE__ */ m(
+        onSelect: (i) => D(i),
+        ...t,
+        children: /* @__PURE__ */ b(
           ou,
           {
             variant: "secondary",
@@ -2329,11 +2330,11 @@ const E4 = /* @__PURE__ */ Ue(null), x4 = /* @__PURE__ */ au(function(e, a) {
         )
       }
     ),
-    t && /* @__PURE__ */ m(
+    d && /* @__PURE__ */ b(
       Q,
       {
-        files: t,
-        setFiles: d
+        files: d,
+        setFiles: c
       }
     )
   ] });
@@ -2341,20 +2342,20 @@ const E4 = /* @__PURE__ */ Ue(null), x4 = /* @__PURE__ */ au(function(e, a) {
   const a = (n) => {
     e(u == null ? void 0 : u.filter((o, t) => t !== n));
   };
-  return /* @__PURE__ */ m("ul", { className: v.list, children: u.map((n, o) => /* @__PURE__ */ N(
+  return /* @__PURE__ */ b("ul", { className: v.list, children: u.map((n, o) => /* @__PURE__ */ N(
     "li",
     {
       className: v.box,
       children: [
-        /* @__PURE__ */ m("span", { children: n.name }),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ b("span", { children: n.name }),
+        /* @__PURE__ */ b(
           ou,
           {
             variant: "icon",
             size: "medium",
             onPress: () => a(o),
-            children: /* @__PURE__ */ m(
-              We,
+            children: /* @__PURE__ */ b(
+              Je,
               {
                 size: 20,
                 "aria-hidden": !0
@@ -2368,5 +2369,5 @@ const E4 = /* @__PURE__ */ Ue(null), x4 = /* @__PURE__ */ au(function(e, a) {
   )) });
 };
 export {
-  Z4 as F
+  U4 as F
 };