@scaleflex/uploader 0.2.5 → 0.2.7

package/dist/{sfx-uploader-CqgLT0sR.js → sfx-uploader-BBQinsQB.js}

@@ -1,8 +1,8 @@
-import { LitElement as U, css as S, svg as R, html as l, render as T, nothing as c } from "lit";
-import { property as b, state as g, query as je } from "lit/decorators.js";
-import { unsafeSVG as O } from "lit/directives/unsafe-svg.js";
+import { LitElement as U, css as S, svg as O, html as l, render as T, nothing as c } from "lit";
+import { property as b, state as g, query as Fe } from "lit/decorators.js";
+import { unsafeSVG as F } from "lit/directives/unsafe-svg.js";
 import { unsafeHTML as M } from "lit/directives/unsafe-html.js";
-class Fe {
+class Me {
   constructor(e) {
     this.listeners = /* @__PURE__ */ new Set(), this._notifying = !1, this._pendingState = null, this.state = e;
   }
@@ -17,13 +17,13 @@ class Fe {
     const t = this.state;
     this.state = { ...t, ...e }, this._notifying = !0;
     try {
-      this.listeners.forEach((i) => i(this.state, t));
+      this.listeners.forEach((o) => o(this.state, t));
     } finally {
       this._notifying = !1;
     }
     if (this._pendingState) {
-      const i = this._pendingState;
-      this._pendingState = null, this.setState(i);
+      const o = this._pendingState;
+      this._pendingState = null, this.setState(o);
     }
   }
   subscribe(e) {
@@ -34,23 +34,23 @@ class Fe {
   }
 }
 function P(a, e, t) {
-  const i = a.getState().files, r = i.get(e);
+  const o = a.getState().files, r = o.get(e);
   if (!r) return;
-  const o = new Map(i);
-  o.set(e, { ...r, ...t }), a.setState({ files: o });
+  const i = new Map(o);
+  i.set(e, { ...r, ...t }), a.setState({ files: i });
 }
 function H(a, e) {
   const t = new Map(a.getState().files);
   t.set(e.id, e), a.setState({ files: t });
 }
-function Ce(a, e) {
+function Se(a, e) {
   const t = a.getState().files;
   if (!t.has(e)) return;
-  const i = new Map(t);
-  i.delete(e), a.setState({ files: i });
+  const o = new Map(t);
+  o.delete(e), a.setState({ files: o });
 }
-function Oe() {
-  return new Fe({
+function Te() {
+  return new Me({
     files: /* @__PURE__ */ new Map(),
     queueConfig: {
       concurrency: 3,
@@ -79,7 +79,7 @@ function Oe() {
     isUploading: !1
   });
 }
-class Re {
+class Be {
   constructor(e, t) {
     this.host = e, this.store = t, e.addController(this);
   }
@@ -99,17 +99,17 @@ class Re {
     (e = this.unsubscribe) == null || e.call(this);
   }
 }
-function Me(a, e) {
+function Le(a, e) {
   const t = new XMLHttpRequest();
-  let i = !1;
-  const o = `${e.apiBase.replace(/\/+$/, "")}/v4/files?folder=${encodeURIComponent(e.folder)}`;
-  t.open("POST", o);
+  let o = !1;
+  const i = `${e.apiBase.replace(/\/+$/, "")}/v4/files?folder=${encodeURIComponent(e.folder)}`;
+  t.open("POST", i);
   for (const [n, d] of Object.entries(e.authHeaders))
     t.setRequestHeader(n, d);
   t.upload.addEventListener("progress", (n) => {
-    n.lengthComputable && !i && e.onProgress(n.loaded, n.total);
+    n.lengthComputable && !o && e.onProgress(n.loaded, n.total);
   }), t.addEventListener("load", () => {
-    if (i) return;
+    if (o) return;
     let n;
     try {
       n = JSON.parse(t.responseText);
@@ -119,9 +119,9 @@ function Me(a, e) {
     }
     t.status >= 200 && t.status < 300 && n.status === "success" ? e.onComplete(n) : e.onError(new Error(n.hint || n.msg || `Upload failed (HTTP ${t.status})`));
   }), t.addEventListener("error", () => {
-    i || e.onError(new Error("Network error — check your connection"));
+    o || e.onError(new Error("Network error — check your connection"));
   }), t.addEventListener("timeout", () => {
-    i || e.onError(new Error("Upload timed out"));
+    o || e.onError(new Error("Upload timed out"));
   });
   const s = new FormData();
   if (a.file) {
@@ -133,19 +133,19 @@ function Me(a, e) {
   }
   return t.timeout = 6e4, t.send(s), {
     abort() {
-      i = !0, t.abort();
+      o = !0, t.abort();
     }
   };
 }
-function Te(a, e) {
+function Ae(a, e) {
   const t = new XMLHttpRequest();
-  let i = !1;
-  const o = `${e.apiBase.replace(/\/+$/, "")}/v4/files/upload_url`;
-  t.open("POST", o);
+  let o = !1;
+  const i = `${e.apiBase.replace(/\/+$/, "")}/v4/files/upload_url`;
+  t.open("POST", i);
   for (const [n, d] of Object.entries(e.authHeaders))
     t.setRequestHeader(n, d);
   if (t.setRequestHeader("Content-Type", "application/json"), t.addEventListener("load", () => {
-    if (i) return;
+    if (o) return;
     let n;
     try {
       n = JSON.parse(t.responseText);
@@ -155,9 +155,9 @@ function Te(a, e) {
     }
     t.status >= 200 && t.status < 300 && n.status === "success" ? e.onComplete(n) : e.onError(new Error(n.hint || n.msg || `Upload failed (HTTP ${t.status})`));
   }), t.addEventListener("error", () => {
-    i || e.onError(new Error("Network error — check your connection"));
+    o || e.onError(new Error("Network error — check your connection"));
   }), t.addEventListener("timeout", () => {
-    i || e.onError(new Error("Upload timed out"));
+    o || e.onError(new Error("Upload timed out"));
   }), !a.remoteUrl)
     return e.onError(new Error("Remote URL is required for URL upload")), { abort() {
     } };
@@ -167,7 +167,7 @@ function Te(a, e) {
   };
   return t.timeout = 6e4, t.send(JSON.stringify(s)), {
     abort() {
-      i = !0, t.abort();
+      o = !0, t.abort();
     }
   };
 }
@@ -181,7 +181,7 @@ function re(a) {
 function N(a) {
   return a.replace(/\/+$/, "");
 }
-const Be = {
+const Ie = {
   "google-drive": "drive",
   dropbox: "dropbox",
   onedrive: "onedrive",
@@ -191,42 +191,42 @@ const Be = {
   unsplash: "unsplash"
 };
 function G(a) {
-  return Be[a] ?? a;
+  return Ie[a] ?? a;
 }
-function mt(a, e) {
-  const t = N(a), i = btoa(JSON.stringify({ origin: window.location.origin })), r = G(e);
-  return `${t}/${r}/connect?state=${encodeURIComponent(i)}`;
+function _t(a, e) {
+  const t = N(a), o = btoa(JSON.stringify({ origin: window.location.origin })), r = G(e);
+  return `${t}/${r}/connect?state=${encodeURIComponent(o)}`;
 }
-async function wt(a, e, t, i = "") {
-  const r = N(a), o = i ? `/${i}` : "", s = G(e), n = await fetch(`${r}/${s}/list${o}`, {
+async function kt(a, e, t, o = "") {
+  const r = N(a), i = o ? `/${o}` : "", s = G(e), n = await fetch(`${r}/${s}/list${i}`, {
     method: "GET",
     headers: re(t),
     credentials: "same-origin"
   });
   if (n.status === 401)
-    throw new de();
+    throw new ce();
   if (!n.ok) {
     const d = await n.json().catch(() => null);
     throw new Error((d == null ? void 0 : d.message) || `Companion list failed (HTTP ${n.status})`);
   }
   return n.json();
 }
-async function yt(a, e, t) {
-  const i = N(a), r = await fetch(`${i}/${t}`, {
+async function Ct(a, e, t) {
+  const o = N(a), r = await fetch(`${o}/${t}`, {
     method: "GET",
     headers: re(e),
     credentials: "same-origin"
   });
   if (r.status === 401)
-    throw new de();
+    throw new ce();
   if (!r.ok) {
-    const o = await r.json().catch(() => null);
-    throw new Error((o == null ? void 0 : o.message) || `Companion list failed (HTTP ${r.status})`);
+    const i = await r.json().catch(() => null);
+    throw new Error((i == null ? void 0 : i.message) || `Companion list failed (HTTP ${r.status})`);
   }
   return r.json();
 }
-async function _t(a, e, t, i) {
-  const r = N(a), o = G(e), s = i ? `q=${encodeURIComponent(t)}&${i}` : `q=${encodeURIComponent(t)}`, n = await fetch(`${r}/search/${o}/list?${s}`, {
+async function $t(a, e, t, o) {
+  const r = N(a), i = G(e), s = o ? `q=${encodeURIComponent(t)}&${o}` : `q=${encodeURIComponent(t)}`, n = await fetch(`${r}/search/${i}/list?${s}`, {
     method: "GET",
     headers: {
       Accept: "application/json",
@@ -240,8 +240,8 @@ async function _t(a, e, t, i) {
   }
   return n.json();
 }
-async function Le(a, e, t, i, r, o = !1) {
-  const s = N(a), n = G(e), d = o ? `${s}/search/${n}/get/${i}` : `${s}/${n}/get/${i}`, p = o ? { Accept: "application/json", "Content-Type": "application/json" } : re(t), h = await fetch(d, {
+async function He(a, e, t, o, r, i = !1) {
+  const s = N(a), n = G(e), d = i ? `${s}/search/${n}/get/${o}` : `${s}/${n}/get/${o}`, p = i ? { Accept: "application/json", "Content-Type": "application/json" } : re(t), h = await fetch(d, {
     method: "POST",
     headers: p,
     credentials: "same-origin",
@@ -253,49 +253,49 @@ async function Le(a, e, t, i, r, o = !1) {
     })
   });
   if (h.status === 401)
-    throw new de();
+    throw new ce();
   if (!h.ok) {
     const u = await h.json().catch(() => null);
     throw new Error((u == null ? void 0 : u.message) || `Companion upload failed (HTTP ${h.status})`);
   }
   return h.json();
 }
-async function kt(a, e, t) {
-  const i = N(a), r = G(e), o = await fetch(`${i}/${r}/logout`, {
+async function St(a, e, t) {
+  const o = N(a), r = G(e), i = await fetch(`${o}/${r}/logout`, {
     method: "GET",
     headers: re(t),
     credentials: "same-origin"
   });
-  return o.ok ? o.json() : { ok: !1, revoked: !1 };
+  return i.ok ? i.json() : { ok: !1, revoked: !1 };
 }
-function Ae(a) {
+function qe(a) {
   var r;
   const t = ((r = /^(?:https?:\/\/|\/\/)?(?:[^@\n]+@)?(?:www\.)?([^\n]+)/i.exec(a)) == null ? void 0 : r[1]) ?? a;
   return `${location.protocol === "https:" ? "wss" : "ws"}://${t}`;
 }
-class de extends Error {
+class ce extends Error {
   constructor() {
     super("Authentication expired"), this.name = "AuthExpiredError";
   }
 }
-function Ie(a, e) {
+function Ye(a, e) {
   const t = a.remoteInfo;
   if (!t)
     return e.onError(new Error("remoteInfo is required for companion upload")), { abort() {
     } };
-  let i = !1, r = null;
+  let o = !1, r = null;
   const s = `${e.apiBase.replace(/\/+$/, "")}/v4/files?folder=${encodeURIComponent(e.folder)}`, n = {};
   a.meta && Object.keys(a.meta).length > 0 && Object.assign(n, a.meta), a.tags && a.tags.length > 0 && (n.tags = a.tags);
   const d = !t.token;
-  return Le(t.companionUrl, t.provider, t.token, t.requestPath, {
+  return He(t.companionUrl, t.provider, t.token, t.requestPath, {
     fileId: t.fileId,
     endpoint: s,
     headers: e.authHeaders,
     size: t.size,
     metadata: Object.keys(n).length > 0 ? n : void 0
   }, d).then((p) => {
-    if (i) return;
-    const u = `${Ae(t.companionUrl)}/api/${p.token}`;
+    if (o) return;
+    const u = `${qe(t.companionUrl)}/api/${p.token}`;
     try {
       r = new WebSocket(u);
     } catch {
@@ -304,7 +304,7 @@ function Ie(a, e) {
     }
     r.onmessage = (x) => {
       var f, m, _;
-      if (!i)
+      if (!o)
         try {
           const w = JSON.parse(x.data);
           switch (w.action) {
@@ -346,15 +346,15 @@ function Ie(a, e) {
         } catch {
         }
     }, r.onerror = () => {
-      i || e.onError(new Error("Upload progress connection failed"));
+      o || e.onError(new Error("Upload progress connection failed"));
     }, r.onclose = () => {
       r = null;
     };
   }).catch((p) => {
-    i || e.onError(p instanceof Error ? p : new Error(String(p)));
+    o || e.onError(p instanceof Error ? p : new Error(String(p)));
   }), {
     abort() {
-      if (i = !0, r) {
+      if (o = !0, r) {
         try {
           r.send(JSON.stringify({ action: "cancel", payload: {} }));
         } catch {
@@ -364,7 +364,7 @@ function Ie(a, e) {
     }
   };
 }
-class He {
+class Ve {
   constructor(e, t) {
     this.activeUploads = /* @__PURE__ */ new Map(), this.retryTimers = /* @__PURE__ */ new Map(), this.unsubscribe = null, this.store = e, this.config = t;
   }
@@ -381,8 +381,8 @@ class He {
   uploadAll() {
     const { files: e } = this.store.getState();
     let t = !1;
-    for (const i of e.values())
-      i.status === "idle" ? (P(this.store, i.id, { status: "queued" }), t = !0) : i.status === "queued" && (t = !0);
+    for (const o of e.values())
+      o.status === "idle" ? (P(this.store, o.id, { status: "queued" }), t = !0) : o.status === "queued" && (t = !0);
     t && (this.store.setState({ isUploading: !0 }), this.processQueue());
   }
   /**
@@ -418,7 +418,7 @@ class He {
    */
   cancelFile(e) {
     const t = this.store.getState().files.get(e);
-    !t || !$e(t.status) || (this.abortUpload(e), P(this.store, e, { status: "cancelled" }));
+    !t || !Ee(t.status) || (this.abortUpload(e), P(this.store, e, { status: "cancelled" }));
   }
   /**
    * Cancel all active/queued uploads.
@@ -426,7 +426,7 @@ class He {
   cancelAll() {
     const { files: e } = this.store.getState();
     for (const t of e.values())
-      $e(t.status) && (this.abortUpload(t.id), P(this.store, t.id, { status: "cancelled" }));
+      Ee(t.status) && (this.abortUpload(t.id), P(this.store, t.id, { status: "cancelled" }));
     this.store.setState({ isUploading: !1 });
   }
   /**
@@ -450,7 +450,7 @@ class He {
   processQueue() {
     const e = this.store.getState();
     if (e.isPaused) return;
-    const { concurrency: t } = e.queueConfig, i = this.activeUploads.size, r = t - i;
+    const { concurrency: t } = e.queueConfig, o = this.activeUploads.size, r = t - o;
     if (r <= 0) return;
     const s = [...e.files.values()].filter((n) => n.status === "queued").sort((n, d) => n.retryCount !== d.retryCount ? d.retryCount - n.retryCount : n.addedAt - d.addedAt).slice(0, r);
     for (const n of s)
@@ -458,25 +458,25 @@ class He {
   }
   startUpload(e) {
     P(this.store, e.id, { status: "uploading", error: null });
-    let t = 0, i = Date.now(), r = 0;
-    const o = {
+    let t = 0, o = Date.now(), r = 0;
+    const i = {
       apiBase: this.config.apiBase,
       authHeaders: this.config.authHeaders,
       folder: this.store.getState().targetFolder,
       onComplete: (d) => this.handleComplete(e.id, d),
       onError: (d) => this.handleError(e.id, d)
     }, s = (d, p) => {
-      const h = Date.now(), u = (h - i) / 1e3;
+      const h = Date.now(), u = (h - o) / 1e3;
       if (u > 0) {
         const f = (d - t) / u;
         r = r === 0 ? f : 0.3 * f + 0.7 * r;
       }
-      t = d, i = h;
+      t = d, o = h;
       const x = p > 0 ? Math.min(d / p * 100, 100) : 0;
       P(this.store, e.id, { progress: x, bytesUploaded: d, speed: r }), this.updateTotalProgress();
     };
     let n;
-    e.remoteInfo ? n = Ie(e, { ...o, onProgress: s }) : e.remoteUrl ? n = Te(e, o) : n = Me(e, { ...o, onProgress: s }), this.activeUploads.set(e.id, n);
+    e.remoteInfo ? n = Ye(e, { ...i, onProgress: s }) : e.remoteUrl ? n = Ae(e, i) : n = Le(e, { ...i, onProgress: s }), this.activeUploads.set(e.id, n);
   }
   handleComplete(e, t) {
     this.activeUploads.delete(e), P(this.store, e, {
@@ -487,18 +487,18 @@ class He {
   }
   handleError(e, t) {
     this.activeUploads.delete(e);
-    const i = this.store.getState().files.get(e);
-    if (!i) return;
-    const { retryConfig: r } = this.store.getState().queueConfig, o = i.retryCount + 1;
-    if (o <= r.maxRetries) {
+    const o = this.store.getState().files.get(e);
+    if (!o) return;
+    const { retryConfig: r } = this.store.getState().queueConfig, i = o.retryCount + 1;
+    if (i <= r.maxRetries) {
       const s = Math.min(
-        r.baseDelay * Math.pow(r.backoffFactor, i.retryCount),
+        r.baseDelay * Math.pow(r.backoffFactor, o.retryCount),
         r.maxDelay
       );
       P(this.store, e, {
         status: "retrying",
         error: t.message,
-        retryCount: o
+        retryCount: i
       });
       const n = setTimeout(() => {
         this.retryTimers.delete(e), P(this.store, e, { status: "queued" }), this.processQueue();
@@ -511,48 +511,48 @@ class He {
       }), this.checkAllComplete(), this.processQueue();
   }
   abortUpload(e) {
-    var i;
-    (i = this.activeUploads.get(e)) == null || i.abort(), this.activeUploads.delete(e);
+    var o;
+    (o = this.activeUploads.get(e)) == null || o.abort(), this.activeUploads.delete(e);
     const t = this.retryTimers.get(e);
     t && (clearTimeout(t), this.retryTimers.delete(e));
   }
   updateTotalProgress() {
     const { files: e } = this.store.getState();
-    let t = 0, i = 0, r = 0;
-    for (const o of e.values())
-      (o.status === "queued" || o.status === "uploading" || o.status === "retrying" || o.status === "complete" || o.status === "failed") && (t += o.size, i += o.status === "complete" ? o.size : o.bytesUploaded), o.status === "uploading" && (r += o.speed);
+    let t = 0, o = 0, r = 0;
+    for (const i of e.values())
+      (i.status === "queued" || i.status === "uploading" || i.status === "retrying" || i.status === "complete" || i.status === "failed") && (t += i.size, o += i.status === "complete" ? i.size : i.bytesUploaded), i.status === "uploading" && (r += i.speed);
     this.store.setState({
       totalBytes: t,
-      totalBytesUploaded: i,
+      totalBytesUploaded: o,
       totalSpeed: r,
-      totalProgress: t > 0 ? Math.min(i / t * 100, 100) : 0
+      totalProgress: t > 0 ? Math.min(o / t * 100, 100) : 0
     });
   }
   checkAllComplete() {
     const { files: e } = this.store.getState();
     ![...e.values()].some(
-      (i) => i.status === "queued" || i.status === "uploading" || i.status === "retrying"
+      (o) => o.status === "queued" || o.status === "uploading" || o.status === "retrying"
     ) && this.store.getState().isUploading && this.store.setState({ isUploading: !1 });
   }
 }
-function $e(a) {
+function Ee(a) {
   return a === "queued" || a === "uploading" || a === "retrying";
 }
-function pe(a) {
+function fe(a) {
   return `https://api.filerobot.com/${a}`;
 }
-async function qe(a, e) {
-  const t = `${pe(a)}/key/${encodeURIComponent(e)}`, i = new AbortController(), r = setTimeout(() => i.abort(), 3e4);
+async function Ne(a, e) {
+  const t = `${fe(a)}/key/${encodeURIComponent(e)}`, o = new AbortController(), r = setTimeout(() => o.abort(), 3e4);
   try {
-    const o = await fetch(t, { signal: i.signal });
-    if (clearTimeout(r), !o.ok)
-      throw new Error(`SASS key exchange failed (HTTP ${o.status})`);
-    const s = await o.json();
+    const i = await fetch(t, { signal: o.signal });
+    if (clearTimeout(r), !i.ok)
+      throw new Error(`SASS key exchange failed (HTTP ${i.status})`);
+    const s = await i.json();
     if (s.status === "error")
       throw new Error(`SASS key exchange failed: ${s.msg || "Unknown error"}`);
     return s.key;
-  } catch (o) {
-    throw clearTimeout(r), o instanceof DOMException && o.name === "AbortError" ? new Error("SASS key exchange timed out") : o;
+  } catch (i) {
+    throw clearTimeout(r), i instanceof DOMException && i.name === "AbortError" ? new Error("SASS key exchange timed out") : i;
   }
 }
 function se(a, e) {
@@ -571,10 +571,10 @@ function se(a, e) {
   }
   return a.airboxPuid && (t["X-Filerobot-Airbox-Puid"] = a.airboxPuid), t;
 }
-async function Ye(a) {
-  const e = pe(a.container);
+async function Xe(a) {
+  const e = fe(a.container);
   if (a.mode === "security-template") {
-    const t = await qe(a.container, a.securityTemplateId);
+    const t = await Ne(a.container, a.securityTemplateId);
     return { apiBase: e, headers: se(a, t), sassKey: t };
   }
   return { apiBase: e, headers: se(a) };
@@ -598,32 +598,32 @@ const v = {
   FILE_PREVIEW: "sfx-file-preview",
   FILL_METADATA: "sfx-fill-metadata"
 };
-let Ve = 0;
+let We = 0;
 function q() {
-  return `file-${Date.now()}-${++Ve}`;
+  return `file-${Date.now()}-${++We}`;
 }
 function Y(a) {
   if (a <= 0) return "0 B";
-  const e = ["B", "KB", "MB", "GB"], t = Math.min(Math.floor(Math.log(a) / Math.log(1024)), e.length - 1), i = a / Math.pow(1024, t);
-  return `${t === 0 ? i : i.toFixed(1)} ${e[t]}`;
+  const e = ["B", "KB", "MB", "GB"], t = Math.min(Math.floor(Math.log(a) / Math.log(1024)), e.length - 1), o = a / Math.pow(1024, t);
+  return `${t === 0 ? o : o.toFixed(1)} ${e[t]}`;
 }
-function oe(a) {
+function ie(a) {
   if (!isFinite(a) || a <= 0) return "0s";
   const e = Math.round(a);
   if (e < 60) return `${e}s`;
-  const t = Math.floor(e / 60), i = e % 60;
-  return i > 0 ? `${t}m ${i}s` : `${t}m`;
+  const t = Math.floor(e / 60), o = e % 60;
+  return o > 0 ? `${t}m ${o}s` : `${t}m`;
 }
 function X(a) {
   var t;
   const e = ((t = a.name.split(".").pop()) == null ? void 0 : t.toLowerCase()) ?? "";
   return a.type.startsWith("image/") ? "image" : a.type.startsWith("video/") || ["mp4", "mov", "avi", "webm", "mkv"].includes(e) ? "vid" : a.type === "application/pdf" || e === "pdf" ? "pdf" : ["doc", "docx", "xls", "xlsx", "ppt", "pptx", "txt", "rtf", "odt"].includes(e) ? "doc" : ["zip", "rar", "7z", "tar", "gz", "bz2"].includes(e) ? "zip" : "gen";
 }
-function Ne(a) {
+function Ke(a) {
   const e = a.lastIndexOf(".");
   return e >= 0 ? a.slice(e + 1).toUpperCase() : "";
 }
-const Xe = {
+const Ge = {
   jpg: "image/jpeg",
   jpeg: "image/jpeg",
   png: "image/png",
@@ -641,19 +641,19 @@ const Xe = {
   doc: "application/msword",
   docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
 };
-function We(a) {
+function Ze(a) {
   var t;
   const e = ((t = a.split(".").pop()) == null ? void 0 : t.toLowerCase()) ?? "";
-  return Xe[e] || "";
+  return Ge[e] || "";
 }
-function Ke(a) {
+function Je(a) {
   return new Promise((e) => {
     const t = document.createElement("video");
     t.preload = "metadata", t.muted = !0, t.playsInline = !0;
-    const i = URL.createObjectURL(a);
+    const o = URL.createObjectURL(a);
     let r = !1;
-    const o = () => {
-      r || (r = !0, e(null)), t.removeAttribute("src"), t.load(), URL.revokeObjectURL(i);
+    const i = () => {
+      r || (r = !0, e(null)), t.removeAttribute("src"), t.load(), URL.revokeObjectURL(o);
     };
     t.addEventListener("seeked", () => {
       try {
@@ -662,53 +662,53 @@ function Ke(a) {
         const n = s.getContext("2d");
         if (n) {
           n.drawImage(t, 0, 0, s.width, s.height), s.toBlob((d) => {
-            r || (r = !0, e(d ? URL.createObjectURL(d) : null), t.removeAttribute("src"), t.load(), URL.revokeObjectURL(i));
+            r || (r = !0, e(d ? URL.createObjectURL(d) : null), t.removeAttribute("src"), t.load(), URL.revokeObjectURL(o));
           }, "image/jpeg", 0.7);
           return;
         }
       } catch {
       }
-      o();
-    }, { once: !0 }), t.addEventListener("error", () => o(), { once: !0 }), setTimeout(() => o(), 5e3), t.src = i, t.addEventListener("loadeddata", () => {
+      i();
+    }, { once: !0 }), t.addEventListener("error", () => i(), { once: !0 }), setTimeout(() => i(), 5e3), t.src = o, t.addEventListener("loadeddata", () => {
       t.currentTime = 0.1;
     }, { once: !0 });
   });
 }
 function ae(a, e, t) {
-  var i, r;
+  var o, r;
   if (e.maxFileSize != null && a.size > 0 && a.size > e.maxFileSize)
     return `File exceeds ${(e.maxFileSize / 1048576).toFixed(1)} MB limit`;
   if (e.maxTotalFilesSize != null && a.size > 0) {
-    let o = a.size;
+    let i = a.size;
     for (const s of t.values())
-      s.status !== "rejected" && s.status !== "cancelled" && (o += s.size);
-    if (o > e.maxTotalFilesSize)
+      s.status !== "rejected" && s.status !== "cancelled" && (i += s.size);
+    if (i > e.maxTotalFilesSize)
       return "Total file size limit exceeded";
   }
   if (e.maxNumberOfFiles != null) {
-    let o = 0;
+    let i = 0;
     for (const s of t.values())
-      s.status !== "rejected" && s.status !== "cancelled" && o++;
-    if (o >= e.maxNumberOfFiles)
+      s.status !== "rejected" && s.status !== "cancelled" && i++;
+    if (i >= e.maxNumberOfFiles)
       return `Maximum ${e.maxNumberOfFiles} files allowed`;
   }
   if (e.allowedFileTypes != null) {
-    const o = e.allowedFileTypes, s = "." + (((i = a.name.split(".").pop()) == null ? void 0 : i.toLowerCase()) ?? "");
-    if (!o.some((d) => d.startsWith(".") ? s === d.toLowerCase() : d.endsWith("/*") ? a.type.startsWith(d.slice(0, -1)) : a.type === d)) return "File type not allowed";
+    const i = e.allowedFileTypes, s = "." + (((o = a.name.split(".").pop()) == null ? void 0 : o.toLowerCase()) ?? "");
+    if (!i.some((d) => d.startsWith(".") ? s === d.toLowerCase() : d.endsWith("/*") ? a.type.startsWith(d.slice(0, -1)) : a.type === d)) return "File type not allowed";
   }
   if (e.blockedFileTypes != null) {
-    const o = e.blockedFileTypes, s = "." + (((r = a.name.split(".").pop()) == null ? void 0 : r.toLowerCase()) ?? "");
-    if (o.some((d) => d.startsWith(".") ? s === d.toLowerCase() : d.endsWith("/*") ? a.type.startsWith(d.slice(0, -1)) : a.type === d)) return "File type is blocked";
+    const i = e.blockedFileTypes, s = "." + (((r = a.name.split(".").pop()) == null ? void 0 : r.toLowerCase()) ?? "");
+    if (i.some((d) => d.startsWith(".") ? s === d.toLowerCase() : d.endsWith("/*") ? a.type.startsWith(d.slice(0, -1)) : a.type === d)) return "File type is blocked";
   }
   return null;
 }
-function Ge(a, e, t) {
+function Qe(a, e, t) {
   return ae(a, e, t);
 }
-function Se(a) {
+function ze(a) {
   return a.allowedFileTypes ? a.allowedFileTypes.join(",") : "";
 }
-const Ee = {
+const Pe = {
   "google-drive": {
     id: "google-drive",
     label: "Google Drive",
@@ -759,20 +759,20 @@ const Ee = {
     brandHtml: '<span class="brand-ico" style="background:#111"><svg width="12" height="12" viewBox="0 0 24 24" fill="white"><path d="M8.5 11.5v5h7v-5h5.5V21h-18v-9.5h5.5zm7-8v5h-7v-5h7z"/></svg></span>'
   }
 };
-function Ze(a) {
-  return a.filter((e) => e in Ee).map((e) => Ee[e]);
+function et(a) {
+  return a.filter((e) => e in Pe).map((e) => Pe[e]);
 }
-var Je = Object.defineProperty, Qe = (a, e, t, i) => {
-  for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
-    (s = a[o]) && (r = s(e, t, r) || r);
-  return r && Je(e, t, r), r;
+var tt = Object.defineProperty, rt = (a, e, t, o) => {
+  for (var r = void 0, i = a.length - 1, s; i >= 0; i--)
+    (s = a[i]) && (r = s(e, t, r) || r);
+  return r && tt(e, t, r), r;
 };
-const et = '<rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/>', tt = '<path d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"/>', rt = '<path d="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2z"/><circle cx="12" cy="13" r="4"/>', it = '<rect x="2" y="3" width="20" height="14" rx="2"/><circle cx="12" cy="10" r="1"/><path d="M7 21l5-5 5 5"/>', W = [
-  { id: "device", label: "My Device", icon: et, iconColor: "#2563eb" },
-  { id: "url", label: "URL link", icon: tt, iconColor: "#16a34a" },
-  { id: "camera", label: "Camera", icon: rt, iconColor: "#7c3aed" },
-  { id: "screen-cast", label: "Screen capture", icon: it, iconColor: "#ea580c" }
-], he = class he extends U {
+const ot = '<rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/>', it = '<path d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"/>', st = '<path d="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2z"/><circle cx="12" cy="13" r="4"/>', at = '<rect x="2" y="3" width="20" height="14" rx="2"/><circle cx="12" cy="10" r="1"/><path d="M7 21l5-5 5 5"/>', W = [
+  { id: "device", label: "My Device", icon: ot, iconColor: "#2563eb" },
+  { id: "url", label: "URL link", icon: it, iconColor: "#16a34a" },
+  { id: "camera", label: "Camera", icon: st, iconColor: "#7c3aed" },
+  { id: "screen-cast", label: "Screen capture", icon: at, iconColor: "#ea580c" }
+], xe = class xe extends U {
   constructor() {
     super(...arguments), this.sources = W;
   }
@@ -790,7 +790,7 @@ const et = '<rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21
       ${this.sources.map(
       (e) => l`
           <button @click=${() => this._handleClick(e)}>
-            ${e.brandHtml ? M(e.brandHtml) : R`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${O(e.icon)}</svg>`}
+            ${e.brandHtml ? M(e.brandHtml) : O`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${F(e.icon)}</svg>`}
             ${e.label}
           </button>
         `
@@ -798,7 +798,7 @@ const et = '<rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21
     `;
   }
 };
-he.styles = S`
+xe.styles = S`
     :host {
       display: flex;
       flex-wrap: wrap;
@@ -871,52 +871,84 @@ he.styles = S`
       stroke-width: 0;
     }
   `;
-let ne = he;
-Qe([
+let ne = xe;
+rt([
   b({ type: Array })
 ], ne.prototype, "sources");
-var ot = Object.defineProperty, j = (a, e, t, i) => {
-  for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
-    (s = a[o]) && (r = s(e, t, r) || r);
-  return r && ot(e, t, r), r;
+function Oe(a) {
+  let e = a;
+  for (; e; ) {
+    if (e instanceof ShadowRoot) {
+      e = e.host;
+      continue;
+    }
+    if (e instanceof HTMLDialogElement && e.open)
+      return e;
+    if (e instanceof Element && e.shadowRoot) {
+      const t = e.shadowRoot.querySelector("dialog[open]");
+      if (t instanceof HTMLDialogElement)
+        return t;
+    }
+    e = e.parentNode;
+  }
+  return document.body;
+}
+var nt = Object.defineProperty, R = (a, e, t, o) => {
+  for (var r = void 0, i = a.length - 1, s; i >= 0; i--)
+    (s = a[i]) && (r = s(e, t, r) || r);
+  return r && nt(e, t, r), r;
 };
-const ze = 3, ue = class ue extends U {
+const Ue = 3, le = new CSSStyleSheet();
+le.replaceSync(`
+  [data-sfx-more-dropdown] { position:absolute; top:0; left:0; width:0; height:0; overflow:visible; pointer-events:none; }
+  [data-sfx-more-dropdown] .sfx-more-dropdown { position:fixed; background:#fff; border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,0.14),0 2px 8px rgba(0,0,0,0.06); border:1px solid #e8edf5; padding:6px; min-width:210px; max-height:340px; overflow-y:auto; z-index:99999; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .18s ease,visibility .18s ease,transform .18s ease; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; }
+  [data-sfx-more-dropdown] .sfx-more-dropdown.open { opacity:1; visibility:visible; pointer-events:all; }
+  [data-sfx-more-dropdown] .sfx-more-item { display:flex; align-items:center; gap:10px; padding:10px 14px; border-radius:6px; border:none; background:none; width:100%; font-size:13px; font-weight:500; color:#1e293b; cursor:pointer; transition:background .15s; font-family:inherit; white-space:nowrap; }
+  [data-sfx-more-dropdown] .sfx-more-item:hover { background:#f5f7fa; }
+  [data-sfx-more-dropdown] .sfx-more-item-ico { width:32px; height:32px; border-radius:8px; background:#f8fafc; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
+  [data-sfx-more-dropdown] .sfx-more-item-ico svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
+  [data-sfx-more-dropdown] .sfx-more-item .brand-ico { width:20px; height:20px; border-radius:5px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
+  [data-sfx-more-dropdown] .sfx-more-item .brand-ico svg { fill:white; stroke:none; stroke-width:0; }
+  [data-sfx-more-dropdown] .sfx-more-item .canva-ico { width:22px; height:22px; }
+  [data-sfx-more-dropdown] .sfx-more-item .canva-ico svg { width:22px; height:22px; }
+`);
+const ge = class ge extends U {
   constructor() {
-    super(...arguments), this.compact = !1, this.externalDragOver = !1, this.accept = "", this.sources = [], this.sourcesLayout = "pills", this._dragOver = !1, this._moreOpen = !1, this._visiblePills = ze, this._dragCounter = 0, this._onDragEnter = (e) => {
+    super(...arguments), this.compact = !1, this.externalDragOver = !1, this.accept = "", this.sources = [], this.sourcesLayout = "pills", this._dragOver = !1, this._moreOpen = !1, this._visiblePills = Ue, this._dragCounter = 0, this._onDragEnter = (e) => {
       e.preventDefault(), this._dragCounter++, this._dragCounter === 1 && (this._dragOver = !0);
     }, this._onDragOver = (e) => {
       e.preventDefault();
     }, this._onDragLeave = (e) => {
       e.preventDefault(), this._dragCounter--, this._dragCounter <= 0 && (this._dragCounter = 0, this._dragOver = !1);
     }, this._onDrop = (e) => {
-      var i;
+      var o;
       e.preventDefault(), e.stopPropagation(), this._dragCounter = 0, this._dragOver = !1;
-      const t = Array.from(((i = e.dataTransfer) == null ? void 0 : i.files) ?? []);
+      const t = Array.from(((o = e.dataTransfer) == null ? void 0 : o.files) ?? []);
       t.length > 0 && this._emitFiles(t);
     }, this._onClick = (e) => {
       const t = this.shadowRoot.querySelector(".drop-zone");
       if (t && this._rippleEl) {
-        const i = t.getBoundingClientRect();
-        this._rippleEl.style.left = `${e.clientX - i.left}px`, this._rippleEl.style.top = `${e.clientY - i.top}px`, this._rippleEl.classList.remove("go"), this._rippleEl.offsetWidth, this._rippleEl.classList.add("go");
+        const o = t.getBoundingClientRect();
+        this._rippleEl.style.left = `${e.clientX - o.left}px`, this._rippleEl.style.top = `${e.clientY - o.top}px`, this._rippleEl.classList.remove("go"), this._rippleEl.offsetWidth, this._rippleEl.classList.add("go");
       }
       this.browse();
     }, this._onKeyDown = (e) => {
       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.browse());
     }, this._onFileChange = (e) => {
-      const t = e.target, i = Array.from(t.files ?? []);
-      i.length > 0 && this._emitFiles(i), t.value = "";
+      const t = e.target, o = Array.from(t.files ?? []);
+      o.length > 0 && this._emitFiles(o), t.value = "";
     }, this._onPaste = (e) => {
       var r;
       if (!this.isConnected || this.offsetWidth === 0) return;
       const t = (r = e.clipboardData) == null ? void 0 : r.items;
       if (!t) return;
-      const i = [];
-      for (const o of t)
-        if (o.kind === "file") {
-          const s = o.getAsFile();
-          s && i.push(s);
+      const o = [];
+      for (const i of t)
+        if (i.kind === "file") {
+          const s = i.getAsFile();
+          s && o.push(s);
         }
-      i.length > 0 && (e.preventDefault(), this._emitFiles(i));
+      o.length > 0 && (e.preventDefault(), this._emitFiles(o));
     }, this._portalContainer = null, this._onDocClick = (e) => {
       var t;
       this._moreOpen && ((t = this._portalContainer) != null && t.contains(e.target) || (this._moreOpen = !1, this._updateDropdownPortal()));
@@ -955,13 +987,13 @@ const ze = 3, ue = class ue extends U {
   _updateDropdownPortal() {
     if (this._moreOpen) {
       const e = this.sources.slice(this._visiblePills);
-      this._portalContainer || (this._portalContainer = document.createElement("div"), this._portalContainer.setAttribute("data-sfx-more-dropdown", ""), this._injectDropdownStyles(), document.body.appendChild(this._portalContainer)), T(
+      this._portalContainer || (this._portalContainer = document.createElement("div"), this._portalContainer.setAttribute("data-sfx-more-dropdown", ""), Oe(this).appendChild(this._portalContainer), this._injectDropdownStyles()), T(
         l`<div class="sfx-more-dropdown open">
           ${e.map(
           (t) => l`
-              <button class="sfx-more-item" @click=${(i) => this._onMoreItemClick(t, i)}>
+              <button class="sfx-more-item" @click=${(o) => this._onMoreItemClick(t, o)}>
                 <div class="sfx-more-item-ico">
-                  ${t.brandHtml ? M(t.brandHtml) : t.iconColor ? l`<svg viewBox="0 0 24 24" style="color:${t.iconColor}">${O(t.icon)}</svg>` : R`<svg viewBox="0 0 24 24">${O(t.icon)}</svg>`}
+                  ${t.brandHtml ? M(t.brandHtml) : t.iconColor ? l`<svg viewBox="0 0 24 24" style="color:${t.iconColor}">${F(t.icon)}</svg>` : O`<svg viewBox="0 0 24 24">${F(t.icon)}</svg>`}
                 </div>
                 ${t.label}
               </button>
@@ -973,29 +1005,18 @@ const ze = 3, ue = class ue extends U {
     } else this._portalContainer && (T(c, this._portalContainer), this._portalContainer.remove(), this._portalContainer = null);
   }
   _injectDropdownStyles() {
-    if (document.querySelector("style[data-sfx-more-dropdown-styles]")) return;
-    const e = document.createElement("style");
-    e.setAttribute("data-sfx-more-dropdown-styles", ""), e.textContent = `
-      [data-sfx-more-dropdown] .sfx-more-dropdown { position:fixed; background:#fff; border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,0.14),0 2px 8px rgba(0,0,0,0.06); border:1px solid #e8edf5; padding:6px; min-width:210px; max-height:340px; overflow-y:auto; z-index:99999; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .18s ease,visibility .18s ease,transform .18s ease; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; }
-      [data-sfx-more-dropdown] .sfx-more-dropdown.open { opacity:1; visibility:visible; pointer-events:all; }
-      [data-sfx-more-dropdown] .sfx-more-item { display:flex; align-items:center; gap:10px; padding:10px 14px; border-radius:6px; border:none; background:none; width:100%; font-size:13px; font-weight:500; color:#1e293b; cursor:pointer; transition:background .15s; font-family:inherit; white-space:nowrap; }
-      [data-sfx-more-dropdown] .sfx-more-item:hover { background:#f5f7fa; }
-      [data-sfx-more-dropdown] .sfx-more-item-ico { width:32px; height:32px; border-radius:8px; background:#f8fafc; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
-      [data-sfx-more-dropdown] .sfx-more-item-ico svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
-      [data-sfx-more-dropdown] .sfx-more-item .brand-ico { width:20px; height:20px; border-radius:5px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
-      [data-sfx-more-dropdown] .sfx-more-item .brand-ico svg { fill:white; stroke:none; stroke-width:0; }
-      [data-sfx-more-dropdown] .sfx-more-item .canva-ico { width:22px; height:22px; }
-      [data-sfx-more-dropdown] .sfx-more-item .canva-ico svg { width:22px; height:22px; }
-    `, document.head.appendChild(e);
+    var t;
+    const e = (t = this._portalContainer) == null ? void 0 : t.getRootNode();
+    e && (e.adoptedStyleSheets.includes(le) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, le]));
   }
   /** Position the fixed dropdown, choosing above or below based on available space. */
   _positionDropdown() {
     var u, x;
     const e = (u = this.shadowRoot) == null ? void 0 : u.querySelector(".more-wrap > button"), t = (x = this._portalContainer) == null ? void 0 : x.querySelector(".sfx-more-dropdown");
     if (!e || !t) return;
-    const i = e.getBoundingClientRect(), r = 8, o = t.scrollHeight, s = t.offsetWidth, n = i.top, d = window.innerHeight - i.bottom;
-    n >= o + r || n > d ? t.style.top = `${i.top - o - r}px` : t.style.top = `${i.bottom + r}px`;
-    let h = i.right - s;
+    const o = e.getBoundingClientRect(), r = 8, i = t.scrollHeight, s = t.offsetWidth, n = o.top, d = window.innerHeight - o.bottom;
+    n >= i + r || n > d ? t.style.top = `${o.top - i - r}px` : t.style.top = `${o.bottom + r}px`;
+    let h = o.right - s;
     h = Math.max(8, Math.min(h, window.innerWidth - s - 8)), t.style.left = `${h}px`;
   }
   _onMoreItemClick(e, t) {
@@ -1003,7 +1024,7 @@ const ze = 3, ue = class ue extends U {
   }
   _updateVisiblePills() {
     const e = window.innerWidth;
-    this.sourcesLayout === "cards" ? e <= 480 ? this._visiblePills = 2 : e <= 768 ? this._visiblePills = 3 : this._visiblePills = 5 : e <= 480 ? this._visiblePills = 1 : e <= 768 ? this._visiblePills = 2 : this._visiblePills = ze;
+    this.sourcesLayout === "cards" ? e <= 480 ? this._visiblePills = 2 : e <= 768 ? this._visiblePills = 3 : this._visiblePills = 5 : e <= 480 ? this._visiblePills = 1 : e <= 768 ? this._visiblePills = 2 : this._visiblePills = Ue;
   }
   connectedCallback() {
     super.connectedCallback(), document.addEventListener("paste", this._onPaste), document.addEventListener("click", this._onDocClick), document.addEventListener("keydown", this._onDocKeyDown), window.addEventListener("scroll", this._onScrollOrResize, !0), window.addEventListener("resize", this._onScrollOrResize), this._updateVisiblePills();
@@ -1023,7 +1044,7 @@ const ze = 3, ue = class ue extends U {
     }}
       >
         ${e.brandHtml ? M(e.brandHtml) : l`<span class="pill-ico" style=${e.iconColor ? `color:${e.iconColor}` : ""}>
-              ${R`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${O(e.icon)}</svg>`}
+              ${O`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${F(e.icon)}</svg>`}
             </span>`}
         ${e.label}
       </button>
@@ -1039,7 +1060,7 @@ const ze = 3, ue = class ue extends U {
     }}
       >
         ${e.brandHtml ? l`<span class="card-ico">${M(e.brandHtml)}</span>` : l`<span class="card-ico" style=${e.iconColor ? `color:${e.iconColor}` : ""}>
-              ${R`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${O(e.icon)}</svg>`}
+              ${O`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${F(e.icon)}</svg>`}
             </span>`}
         <span class="card-label">${e.label}</span>
       </button>
@@ -1076,7 +1097,7 @@ const ze = 3, ue = class ue extends U {
       "drop-zone",
       this._dragOver || this.externalDragOver ? "drag-over" : "",
       this.compact ? "compact" : ""
-    ].filter(Boolean).join(" "), t = this.sources.slice(0, this._visiblePills), i = this.sources.slice(this._visiblePills);
+    ].filter(Boolean).join(" "), t = this.sources.slice(0, this._visiblePills), o = this.sources.slice(this._visiblePills);
     return l`
       <div
         class=${e}
@@ -1113,12 +1134,12 @@ const ze = 3, ue = class ue extends U {
               ${this.sourcesLayout === "cards" ? l`
                     <div class="sources-cards">
                       ${t.map((r) => this._renderCard(r))}
-                      ${i.length > 0 ? this._renderMoreCard() : c}
+                      ${o.length > 0 ? this._renderMoreCard() : c}
                     </div>
                   ` : l`
                     <div class="sources-grid">
                       ${t.map((r) => this._renderPill(r))}
-                      ${i.length > 0 ? this._renderMoreDropdown() : c}
+                      ${o.length > 0 ? this._renderMoreDropdown() : c}
                     </div>
                   `}
             ` : c}
@@ -1132,11 +1153,11 @@ const ze = 3, ue = class ue extends U {
                       style=${r.iconColor && !r.brandHtml ? `color:${r.iconColor}` : ""}
                       data-tip=${r.label}
                       aria-label=${r.label}
-                      @click=${(o) => {
-        o.stopPropagation(), this._onSourceIconClick(r);
+                      @click=${(i) => {
+        i.stopPropagation(), this._onSourceIconClick(r);
       }}
                     >
-                      ${r.brandHtml ? M(r.brandHtml) : R`<svg viewBox="0 0 24 24" class=${r.fillIcon ? "fill-icon" : ""}>${O(r.icon)}</svg>`}
+                      ${r.brandHtml ? M(r.brandHtml) : O`<svg viewBox="0 0 24 24" class=${r.fillIcon ? "fill-icon" : ""}>${F(r.icon)}</svg>`}
                     </button>
                   `
     )}
@@ -1154,7 +1175,7 @@ const ze = 3, ue = class ue extends U {
     `;
   }
 };
-ue.styles = S`
+ge.styles = S`
     :host {
       display: flex;
       flex-shrink: 0;
@@ -1937,38 +1958,38 @@ ue.styles = S`
       }
     }
   `;
-let z = ue;
-j([
+let z = ge;
+R([
   b({ type: Boolean, reflect: !0 })
 ], z.prototype, "compact");
-j([
+R([
   b({ type: Boolean, attribute: "external-drag-over" })
 ], z.prototype, "externalDragOver");
-j([
+R([
   b({ type: String })
 ], z.prototype, "accept");
-j([
+R([
   b({ type: Array })
 ], z.prototype, "sources");
-j([
+R([
   b({ type: String, attribute: "sources-layout" })
 ], z.prototype, "sourcesLayout");
-j([
+R([
   g()
 ], z.prototype, "_dragOver");
-j([
+R([
   g()
 ], z.prototype, "_moreOpen");
-j([
+R([
   g()
 ], z.prototype, "_visiblePills");
-j([
-  je(".ripple")
+R([
+  Fe(".ripple")
 ], z.prototype, "_rippleEl");
-j([
-  je('input[type="file"]')
+R([
+  Fe('input[type="file"]')
 ], z.prototype, "fileInput");
-const xe = class xe extends U {
+const ve = class ve extends U {
   render() {
     return l`
       <div class="line"></div>
@@ -1977,7 +1998,7 @@ const xe = class xe extends U {
     `;
   }
 };
-xe.styles = S`
+ve.styles = S`
     :host {
       display: flex;
       align-items: center;
@@ -2000,19 +2021,34 @@ xe.styles = S`
       white-space: nowrap;
     }
   `;
-let Pe = xe;
-var st = Object.defineProperty, Z = (a, e, t, i) => {
-  for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
-    (s = a[o]) && (r = s(e, t, r) || r);
-  return r && st(e, t, r), r;
+let De = ve;
+var lt = Object.defineProperty, Z = (a, e, t, o) => {
+  for (var r = void 0, i = a.length - 1, s; i >= 0; i--)
+    (s = a[i]) && (r = s(e, t, r) || r);
+  return r && lt(e, t, r), r;
 };
-const ge = class ge extends U {
+const de = new CSSStyleSheet();
+de.replaceSync(`
+  [data-sfx-tile-dropdown] { position:absolute; top:0; left:0; width:0; height:0; overflow:visible; pointer-events:none; }
+  [data-sfx-tile-dropdown] .sfx-tile-dropdown { position:fixed; background:#fff; border:1px solid #e2e8f0; border-radius:10px; box-shadow:0 4px 20px rgba(0,0,0,0.12); padding:6px; z-index:99999; min-width:180px; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; animation:sfxTileDropIn .15s ease; }
+  [data-sfx-tile-dropdown] .sfx-tile-dropdown-item { display:flex; align-items:center; gap:10px; width:100%; padding:8px 12px; border:none; background:none; border-radius:6px; cursor:pointer; font-size:13px; font-weight:500; color:#1e293b; white-space:nowrap; transition:background .15s; font-family:inherit; }
+  [data-sfx-tile-dropdown] .sfx-tile-dropdown-item:hover { background:#f5f7fa; }
+  [data-sfx-tile-dropdown] .sfx-tile-dropdown-ico { width:32px; height:32px; border-radius:8px; background:#f8fafc; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
+  [data-sfx-tile-dropdown] .sfx-tile-dropdown-ico svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
+  [data-sfx-tile-dropdown] .sfx-tile-dropdown-ico svg.fill-icon { fill:currentColor; stroke:none; }
+  [data-sfx-tile-dropdown] .sfx-tile-dropdown-ico .brand-ico { width:20px; height:20px; border-radius:5px; display:flex; align-items:center; justify-content:center; }
+  [data-sfx-tile-dropdown] .sfx-tile-dropdown-ico .brand-ico svg { fill:white; stroke:none; stroke-width:0; }
+  [data-sfx-tile-dropdown] .sfx-tile-dropdown-ico .canva-ico { width:22px; height:22px; }
+  [data-sfx-tile-dropdown] .sfx-tile-dropdown-ico .canva-ico svg { width:22px; height:22px; }
+  @keyframes sfxTileDropIn { from{opacity:0;transform:translateY(-4px)} to{opacity:1;transform:translateY(0)} }
+`);
+const be = class be extends U {
   constructor() {
     super(...arguments), this.files = [], this.showDropTile = !1, this.sources = [], this.accept = "", this._moreOpen = !1, this._portalContainer = null, this._outsideClickHandler = (e) => {
       var r;
       if ((r = this._portalContainer) != null && r.contains(e.target)) return;
-      const t = this.renderRoot.querySelector(".drop-tile-more-wrap"), i = e.composedPath();
-      t && i.includes(t) || (this._moreOpen = !1, this._closePortal(), document.removeEventListener("click", this._outsideClickHandler, !0));
+      const t = this.renderRoot.querySelector(".drop-tile-more-wrap"), o = e.composedPath();
+      t && o.includes(t) || (this._moreOpen = !1, this._closePortal(), document.removeEventListener("click", this._outsideClickHandler, !0));
     }, this._onScrollOrResize = () => {
       this._moreOpen && this._positionPortal();
     }, this._onKeyDown = (e) => {
@@ -2024,13 +2060,13 @@ const ge = class ge extends U {
     e == null || e.click();
   }
   _onFileInput(e) {
-    const t = e.target, i = Array.from(t.files ?? []);
-    i.length > 0 && this.dispatchEvent(new CustomEvent("files-selected", { detail: { files: i }, bubbles: !0, composed: !0 })), t.value = "";
+    const t = e.target, o = Array.from(t.files ?? []);
+    o.length > 0 && this.dispatchEvent(new CustomEvent("files-selected", { detail: { files: o }, bubbles: !0, composed: !0 })), t.value = "";
   }
   _onSourceClick(e, t) {
     if (e.stopPropagation(), t.id === "device") {
-      const i = this.renderRoot.querySelector('input[type="file"]');
-      i == null || i.click();
+      const o = this.renderRoot.querySelector('input[type="file"]');
+      o == null || o.click();
       return;
     }
     this.dispatchEvent(new CustomEvent("source-click", { detail: { source: t }, bubbles: !0, composed: !0 }));
@@ -2046,15 +2082,15 @@ const ge = class ge extends U {
   }
   _openPortal() {
     const e = this.sources.slice(3);
-    this._portalContainer || (this._portalContainer = document.createElement("div"), this._portalContainer.setAttribute("data-sfx-tile-dropdown", ""), this._injectTileDropdownStyles(), document.body.appendChild(this._portalContainer)), T(
+    this._portalContainer || (this._portalContainer = document.createElement("div"), this._portalContainer.setAttribute("data-sfx-tile-dropdown", ""), Oe(this).appendChild(this._portalContainer), this._injectTileDropdownStyles()), T(
       l`<div class="sfx-tile-dropdown">
         ${e.map((t) => l`
           <button
             class="sfx-tile-dropdown-item"
-            @click=${(i) => this._onMoreSourceClick(i, t)}
+            @click=${(o) => this._onMoreSourceClick(o, t)}
           >
             <span class="sfx-tile-dropdown-ico" style=${t.iconColor && !t.brandHtml ? `color:${t.iconColor}` : ""}>
-              ${t.brandHtml ? M(t.brandHtml) : R`<svg viewBox="0 0 24 24" class=${t.fillIcon ? "fill-icon" : ""}>${O(t.icon)}</svg>`}
+              ${t.brandHtml ? M(t.brandHtml) : O`<svg viewBox="0 0 24 24" class=${t.fillIcon ? "fill-icon" : ""}>${F(t.icon)}</svg>`}
             </span>
             ${t.label}
           </button>
@@ -2067,30 +2103,18 @@ const ge = class ge extends U {
     var u;
     const e = this.renderRoot.querySelector(".drop-tile-more"), t = (u = this._portalContainer) == null ? void 0 : u.querySelector(".sfx-tile-dropdown");
     if (!e || !t) return;
-    const i = e.getBoundingClientRect(), r = 6, o = t.scrollHeight, s = t.offsetWidth, n = i.top, d = window.innerHeight - i.bottom;
-    n >= o + r || n > d ? t.style.top = `${i.top - o - r}px` : t.style.top = `${i.bottom + r}px`;
-    let h = i.right - s;
+    const o = e.getBoundingClientRect(), r = 6, i = t.scrollHeight, s = t.offsetWidth, n = o.top, d = window.innerHeight - o.bottom;
+    n >= i + r || n > d ? t.style.top = `${o.top - i - r}px` : t.style.top = `${o.bottom + r}px`;
+    let h = o.right - s;
     h = Math.max(8, Math.min(h, window.innerWidth - s - 8)), t.style.left = `${h}px`;
   }
   _closePortal() {
     this._portalContainer && (T(c, this._portalContainer), this._portalContainer.remove(), this._portalContainer = null);
   }
   _injectTileDropdownStyles() {
-    if (document.querySelector("style[data-sfx-tile-dropdown-styles]")) return;
-    const e = document.createElement("style");
-    e.setAttribute("data-sfx-tile-dropdown-styles", ""), e.textContent = `
-      [data-sfx-tile-dropdown] .sfx-tile-dropdown { position:fixed; background:#fff; border:1px solid #e2e8f0; border-radius:10px; box-shadow:0 4px 20px rgba(0,0,0,0.12); padding:6px; z-index:99999; min-width:180px; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; animation:sfxTileDropIn .15s ease; }
-      [data-sfx-tile-dropdown] .sfx-tile-dropdown-item { display:flex; align-items:center; gap:10px; width:100%; padding:8px 12px; border:none; background:none; border-radius:6px; cursor:pointer; font-size:13px; font-weight:500; color:#1e293b; white-space:nowrap; transition:background .15s; font-family:inherit; }
-      [data-sfx-tile-dropdown] .sfx-tile-dropdown-item:hover { background:#f5f7fa; }
-      [data-sfx-tile-dropdown] .sfx-tile-dropdown-ico { width:32px; height:32px; border-radius:8px; background:#f8fafc; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
-      [data-sfx-tile-dropdown] .sfx-tile-dropdown-ico svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
-      [data-sfx-tile-dropdown] .sfx-tile-dropdown-ico svg.fill-icon { fill:currentColor; stroke:none; }
-      [data-sfx-tile-dropdown] .sfx-tile-dropdown-ico .brand-ico { width:20px; height:20px; border-radius:5px; display:flex; align-items:center; justify-content:center; }
-      [data-sfx-tile-dropdown] .sfx-tile-dropdown-ico .brand-ico svg { fill:white; stroke:none; stroke-width:0; }
-      [data-sfx-tile-dropdown] .sfx-tile-dropdown-ico .canva-ico { width:22px; height:22px; }
-      [data-sfx-tile-dropdown] .sfx-tile-dropdown-ico .canva-ico svg { width:22px; height:22px; }
-      @keyframes sfxTileDropIn { from{opacity:0;transform:translateY(-4px)} to{opacity:1;transform:translateY(0)} }
-    `, document.head.appendChild(e);
+    var t;
+    const e = (t = this._portalContainer) == null ? void 0 : t.getRootNode();
+    e && (e.adoptedStyleSheets.includes(de) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, de]));
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._moreOpen = !1, this._closePortal(), this._removeGlobalListeners();
@@ -2099,7 +2123,7 @@ const ge = class ge extends U {
     this._moreOpen = !1, this._closePortal(), this._removeGlobalListeners(), this._onSourceClick(e, t);
   }
   _renderDropTile() {
-    const t = this.sources.slice(0, 3), i = this.sources.slice(3);
+    const t = this.sources.slice(0, 3), o = this.sources.slice(3);
     return l`
       <div class="drop-tile" @click=${this._onDropTileClick}>
         <div class="drop-tile-rings">
@@ -2121,12 +2145,12 @@ const ge = class ge extends U {
                 class="drop-tile-src"
                 style=${r.iconColor && !r.brandHtml ? `color:${r.iconColor}` : ""}
                 title=${r.label}
-                @click=${(o) => this._onSourceClick(o, r)}
+                @click=${(i) => this._onSourceClick(i, r)}
               >
-                ${r.brandHtml ? M(r.brandHtml) : R`<svg viewBox="0 0 24 24" class=${r.fillIcon ? "fill-icon" : ""}>${O(r.icon)}</svg>`}
+                ${r.brandHtml ? M(r.brandHtml) : O`<svg viewBox="0 0 24 24" class=${r.fillIcon ? "fill-icon" : ""}>${F(r.icon)}</svg>`}
               </button>
             `)}
-            ${i.length > 0 ? l`
+            ${o.length > 0 ? l`
               <div class="drop-tile-more-wrap">
                 <button class="drop-tile-more" title="More sources" @click=${(r) => this._toggleMore(r)}>···</button>
               </div>
@@ -2148,7 +2172,7 @@ const ge = class ge extends U {
     `;
   }
 };
-ge.styles = S`
+be.styles = S`
     :host {
       display: block;
       flex: 1;
@@ -2450,7 +2474,7 @@ ge.styles = S`
       display: none;
     }
   `;
-let B = ge;
+let B = be;
 Z([
   b({ attribute: !1 })
 ], B.prototype, "files");
@@ -2466,12 +2490,12 @@ Z([
 Z([
   g()
 ], B.prototype, "_moreOpen");
-var at = Object.defineProperty, nt = (a, e, t, i) => {
-  for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
-    (s = a[o]) && (r = s(e, t, r) || r);
-  return r && at(e, t, r), r;
+var dt = Object.defineProperty, pt = (a, e, t, o) => {
+  for (var r = void 0, i = a.length - 1, s; i >= 0; i--)
+    (s = a[i]) && (r = s(e, t, r) || r);
+  return r && dt(e, t, r), r;
 };
-const ve = class ve extends U {
+const me = class me extends U {
   _remove() {
     this.dispatchEvent(
       new CustomEvent("file-remove", {
@@ -2502,9 +2526,9 @@ const ve = class ve extends U {
   render() {
     const e = this.file;
     if (!e) return c;
-    const t = X(e), i = e.status === "complete", r = e.status === "uploading", o = e.status === "error" || e.status === "failed", s = e.status === "rejected", n = Ne(e.name), d = [
+    const t = X(e), o = e.status === "complete", r = e.status === "uploading", i = e.status === "error" || e.status === "failed", s = e.status === "rejected", n = Ke(e.name), d = [
       "tile",
-      i ? "done" : "",
+      o ? "done" : "",
       r ? "uploading" : "",
       s ? "rejected" : ""
     ].filter(Boolean).join(" ");
@@ -2523,7 +2547,7 @@ const ve = class ve extends U {
               `}
 
           <!-- Preview button -->
-          ${!i && !r && !o && e.status !== "rejected" ? l`
+          ${!o && !r && !i && e.status !== "rejected" ? l`
                 <button class="preview-btn" @click=${this._preview} aria-label="Preview file">
                   <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
                     <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>
@@ -2539,7 +2563,7 @@ const ve = class ve extends U {
           </div>
 
           <!-- Done badge -->
-          ${i ? l`<div class="done-badge">
+          ${o ? l`<div class="done-badge">
                 <svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round">
                   <polyline points="20 6 9 17 4 12" />
                 </svg>
@@ -2553,15 +2577,15 @@ const ve = class ve extends U {
               ` : c}
 
           <!-- Error / rejected badge -->
-          ${(o || s) && e.error ? l`<div class="error-badge" title=${e.error}>${e.error}</div>` : c}
+          ${(i || s) && e.error ? l`<div class="error-badge" title=${e.error}>${e.error}</div>` : c}
 
           <!-- Video duration badge (hidden when error badge is shown to avoid overlap) -->
-          ${!(o || s) && e.duration != null && e.duration > 0 ? l`<div class="duration-badge">${this._formatDuration(e.duration)}</div>` : c}
+          ${!(i || s) && e.duration != null && e.duration > 0 ? l`<div class="duration-badge">${this._formatDuration(e.duration)}</div>` : c}
         </div>
 
         <!-- Action buttons -->
         <div class="actions">
-          ${o ? l`
+          ${i ? l`
                 <button class="act-btn retry" @click=${this._retry} title="Retry" aria-label="Retry upload">
                   <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
                     <polyline points="23 4 23 10 17 10" />
@@ -2589,8 +2613,8 @@ const ve = class ve extends U {
     `;
   }
   _formatDuration(e) {
-    const t = Math.floor(e / 60), i = Math.floor(e % 60);
-    return `${t}:${i.toString().padStart(2, "0")}`;
+    const t = Math.floor(e / 60), o = Math.floor(e % 60);
+    return `${t}:${o.toString().padStart(2, "0")}`;
   }
   _renderTypeIcon(e) {
     switch (e) {
@@ -2607,7 +2631,7 @@ const ve = class ve extends U {
     }
   }
 };
-ve.styles = S`
+me.styles = S`
     :host {
       display: block;
     }
@@ -2989,10 +3013,10 @@ ve.styles = S`
       .spin-ring { animation: none; }
     }
   `;
-let le = ve;
-nt([
+let pe = me;
+pt([
   b({ attribute: !1 })
-], le.prototype, "file");
+], pe.prototype, "file");
 const J = S`
   .btn,
   .btn-ghost,
@@ -3068,12 +3092,12 @@ const J = S`
     outline-offset: 2px;
   }
 `;
-var lt = Object.defineProperty, ee = (a, e, t, i) => {
-  for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
-    (s = a[o]) && (r = s(e, t, r) || r);
-  return r && lt(e, t, r), r;
+var ct = Object.defineProperty, ee = (a, e, t, o) => {
+  for (var r = void 0, i = a.length - 1, s; i >= 0; i--)
+    (s = a[i]) && (r = s(e, t, r) || r);
+  return r && ct(e, t, r), r;
 };
-const Ue = 7, be = class be extends U {
+const Re = 7, we = class we extends U {
   constructor() {
     super(...arguments), this.fileCount = 0, this.totalSize = 0, this.thumbnails = [], this.primaryLabel = "Done", this.failedFiles = [];
   }
@@ -3103,14 +3127,14 @@ const Ue = 7, be = class be extends U {
     );
   }
   render() {
-    const e = this.thumbnails.slice(0, Ue), t = this.thumbnails.length - Ue, i = this.fileCount > 0, r = this.failedFiles.length > 0, o = r && !i;
+    const e = this.thumbnails.slice(0, Re), t = this.thumbnails.length - Re, o = this.fileCount > 0, r = this.failedFiles.length > 0, i = r && !o;
     return l`
       <button class="close-btn" title="Close" @click=${this._close}>
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
       </button>
       <div class="card" role="status" aria-live="polite">
-        <div class="icon ${o ? "error" : r ? "warning" : ""}">
-          ${o ? l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <div class="icon ${i ? "error" : r ? "warning" : ""}">
+          ${i ? l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                 <circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/>
               </svg>` : r ? l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                   <path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/>
@@ -3118,8 +3142,8 @@ const Ue = 7, be = class be extends U {
                   <polyline points="20 6 9 17 4 12" />
                 </svg>`}
         </div>
-        <div class="title">${o ? "Upload failed" : r ? "Partially uploaded" : "Uploaded successfully!"}</div>
-        <div class="subtitle">${o ? `${this.failedFiles.length === 1 ? "File" : "Files"} could not be uploaded` : r ? `${this.fileCount} ${this.fileCount === 1 ? "file" : "files"} uploaded, ${this.failedFiles.length} failed` : "All files are ready for use"}</div>
+        <div class="title">${i ? "Upload failed" : r ? "Partially uploaded" : "Uploaded successfully!"}</div>
+        <div class="subtitle">${i ? `${this.failedFiles.length === 1 ? "File" : "Files"} could not be uploaded` : r ? `${this.fileCount} ${this.fileCount === 1 ? "file" : "files"} uploaded, ${this.failedFiles.length} failed` : "All files are ready for use"}</div>
 
         ${e.length > 0 ? l`
               <div class="thumbs">
@@ -3130,7 +3154,7 @@ const Ue = 7, be = class be extends U {
               </div>
             ` : c}
 
-        ${i ? l`<div class="summary">${this.fileCount} ${this.fileCount === 1 ? "file" : "files"} · ${Y(this.totalSize)} uploaded</div>` : c}
+        ${o ? l`<div class="summary">${this.fileCount} ${this.fileCount === 1 ? "file" : "files"} · ${Y(this.totalSize)} uploaded</div>` : c}
 
         ${r ? l`
             <div class="failed-list">
@@ -3158,7 +3182,7 @@ const Ue = 7, be = class be extends U {
     `;
   }
 };
-be.styles = [J, Q, S`
+we.styles = [J, Q, S`
     :host {
       display: flex;
       flex: 1;
@@ -3438,7 +3462,7 @@ be.styles = [J, Q, S`
       .icon { animation: none; }
     }
   `];
-let L = be;
+let L = we;
 ee([
   b({ type: Number })
 ], L.prototype, "fileCount");
@@ -3454,12 +3478,12 @@ ee([
 ee([
   b({ type: Array })
 ], L.prototype, "failedFiles");
-var dt = Object.defineProperty, I = (a, e, t, i) => {
-  for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
-    (s = a[o]) && (r = s(e, t, r) || r);
-  return r && dt(e, t, r), r;
+var ft = Object.defineProperty, I = (a, e, t, o) => {
+  for (var r = void 0, i = a.length - 1, s; i >= 0; i--)
+    (s = a[i]) && (r = s(e, t, r) || r);
+  return r && ft(e, t, r), r;
 };
-const me = class me extends U {
+const ye = class ye extends U {
   constructor() {
     super(...arguments), this.uploadState = "idle", this.fileCount = 0, this.totalSize = 0, this.failedCount = 0, this.showFillMetadata = !1, this.completedCount = 0, this.uploadProgress = 0;
   }
@@ -3537,10 +3561,10 @@ const me = class me extends U {
     `;
   }
   _renderUploadButton() {
-    const e = this.uploadState === "uploading", t = this.uploadState === "done", i = ["btn-primary", t ? "done-state" : ""].filter(Boolean).join(" ");
+    const e = this.uploadState === "uploading", t = this.uploadState === "done", o = ["btn-primary", t ? "done-state" : ""].filter(Boolean).join(" ");
     return l`
       <button
-        class=${i}
+        class=${o}
         @click=${this._upload}
         ?disabled=${e}
       >
@@ -3561,7 +3585,7 @@ const me = class me extends U {
     `;
   }
 };
-me.styles = [J, Q, S`
+ye.styles = [J, Q, S`
     :host {
       display: flex;
       flex-direction: column;
@@ -3710,48 +3734,48 @@ me.styles = [J, Q, S`
       .btn-spin { animation: none; }
     }
   `];
-let F = me;
+let j = ye;
 I([
   b({ type: String })
-], F.prototype, "uploadState");
+], j.prototype, "uploadState");
 I([
   b({ type: Number })
-], F.prototype, "fileCount");
+], j.prototype, "fileCount");
 I([
   b({ type: Number })
-], F.prototype, "totalSize");
+], j.prototype, "totalSize");
 I([
   b({ type: Number })
-], F.prototype, "failedCount");
+], j.prototype, "failedCount");
 I([
   b({ type: Boolean })
-], F.prototype, "showFillMetadata");
+], j.prototype, "showFillMetadata");
 I([
   b({ type: Number })
-], F.prototype, "completedCount");
+], j.prototype, "completedCount");
 I([
   b({ type: Number })
-], F.prototype, "uploadProgress");
-const pt = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function ce(a, e) {
+], j.prototype, "uploadProgress");
+const ht = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function he(a, e) {
   return (t) => {
     if (t.key !== "Tab") return;
-    const i = a();
-    if (!i) return;
-    const r = i.querySelector(e);
+    const o = a();
+    if (!o) return;
+    const r = o.querySelector(e);
     if (!r) return;
-    const o = Array.from(r.querySelectorAll(pt));
-    if (o.length === 0) return;
-    const s = o[0], n = o[o.length - 1], d = i.activeElement;
+    const i = Array.from(r.querySelectorAll(ht));
+    if (i.length === 0) return;
+    const s = i[0], n = i[i.length - 1], d = o.activeElement;
     t.shiftKey ? (d === s || !r.contains(d)) && (t.preventDefault(), n.focus()) : (d === n || !r.contains(d)) && (t.preventDefault(), s.focus());
   };
 }
-var ct = Object.defineProperty, fe = (a, e, t, i) => {
-  for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
-    (s = a[o]) && (r = s(e, t, r) || r);
-  return r && ct(e, t, r), r;
+var ut = Object.defineProperty, ue = (a, e, t, o) => {
+  for (var r = void 0, i = a.length - 1, s; i >= 0; i--)
+    (s = a[i]) && (r = s(e, t, r) || r);
+  return r && ut(e, t, r), r;
 };
-const we = class we extends U {
+const _e = class _e extends U {
   constructor() {
     super(...arguments), this._url = "", this._name = "", this._error = "", this._onBackdropClick = (e) => {
       e.target === e.currentTarget && this._cancel();
@@ -3759,7 +3783,7 @@ const we = class we extends U {
       this._url = e.target.value, this._error = "", this._autoName();
     }, this._onNameInput = (e) => {
       this._name = e.target.value;
-    }, this._focusTrap = ce(() => this.shadowRoot, ".card"), this._onKeyDown = (e) => {
+    }, this._focusTrap = he(() => this.shadowRoot, ".card"), this._onKeyDown = (e) => {
       var t;
       e.key === "Escape" && this._cancel(), e.key === "Enter" && ((t = e.target) == null ? void 0 : t.tagName) === "INPUT" && this._submit(), this._focusTrap(e);
     };
@@ -3768,10 +3792,10 @@ const we = class we extends U {
     var e;
     if (!this._name)
       try {
-        const t = new URL(this._url).pathname.split("/"), i = t[t.length - 1];
-        if (i) {
+        const t = new URL(this._url).pathname.split("/"), o = t[t.length - 1];
+        if (o) {
           const r = (e = this.shadowRoot) == null ? void 0 : e.querySelector("#nameInput");
-          r && (r.placeholder = i);
+          r && (r.placeholder = o);
         }
       } catch {
       }
@@ -3795,8 +3819,8 @@ const we = class we extends U {
     let t = this._name.trim();
     if (!t)
       try {
-        const i = new URL(e).pathname.split("/");
-        t = i[i.length - 1] || "imported-file";
+        const o = new URL(e).pathname.split("/");
+        t = o[o.length - 1] || "imported-file";
       } catch {
         t = "imported-file";
       }
@@ -3862,7 +3886,7 @@ const we = class we extends U {
     `;
   }
 };
-we.styles = [J, Q, S`
+_e.styles = [J, Q, S`
     :host {
       display: block;
     }
@@ -4036,30 +4060,30 @@ we.styles = [J, Q, S`
     }
 
   `];
-let K = we;
-fe([
+let K = _e;
+ue([
   g()
 ], K.prototype, "_url");
-fe([
+ue([
   g()
 ], K.prototype, "_name");
-fe([
+ue([
   g()
 ], K.prototype, "_error");
-var ft = Object.defineProperty, ie = (a, e, t, i) => {
-  for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
-    (s = a[o]) && (r = s(e, t, r) || r);
-  return r && ft(e, t, r), r;
+var xt = Object.defineProperty, oe = (a, e, t, o) => {
+  for (var r = void 0, i = a.length - 1, s; i >= 0; i--)
+    (s = a[i]) && (r = s(e, t, r) || r);
+  return r && xt(e, t, r), r;
 };
-const ye = class ye extends U {
+const ke = class ke extends U {
   constructor() {
     super(...arguments), this._stream = null, this._error = "", this._captured = null, this._previewUrl = "", this._onBackdropClick = (e) => {
       e.target === e.currentTarget && this._cancel();
-    }, this._focusTrap = ce(() => this.shadowRoot, ".card"), this._onKeyDown = (e) => {
+    }, this._focusTrap = he(() => this.shadowRoot, ".card"), this._onKeyDown = (e) => {
       e.key === "Escape" && this._cancel(), this._focusTrap(e);
     }, this._capture = () => {
-      var r, o;
-      const e = (r = this.shadowRoot) == null ? void 0 : r.querySelector("video"), t = (o = this.shadowRoot) == null ? void 0 : o.querySelector("canvas");
+      var r, i;
+      const e = (r = this.shadowRoot) == null ? void 0 : r.querySelector("video"), t = (i = this.shadowRoot) == null ? void 0 : i.querySelector("canvas");
       if (!e || !t) return;
       t.width = e.videoWidth, t.height = e.videoHeight, t.getContext("2d").drawImage(e, 0, 0), t.toBlob((s) => {
         s && (this._captured = s, this._previewUrl = URL.createObjectURL(s), this._stopStream());
@@ -4129,7 +4153,7 @@ const ye = class ye extends U {
     `;
   }
 };
-ye.styles = [J, Q, S`
+ke.styles = [J, Q, S`
     :host { display: block; }
 
     .backdrop {
@@ -4210,29 +4234,29 @@ ye.styles = [J, Q, S`
     @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
     @keyframes slideUp { from { transform: translateY(18px) scale(0.97); } to { transform: translateY(0) scale(1); } }
   `];
-let V = ye;
-ie([
+let V = ke;
+oe([
   g()
 ], V.prototype, "_stream");
-ie([
+oe([
   g()
 ], V.prototype, "_error");
-ie([
+oe([
   g()
 ], V.prototype, "_captured");
-ie([
+oe([
   g()
 ], V.prototype, "_previewUrl");
-var ht = Object.defineProperty, te = (a, e, t, i) => {
-  for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
-    (s = a[o]) && (r = s(e, t, r) || r);
-  return r && ht(e, t, r), r;
+var gt = Object.defineProperty, te = (a, e, t, o) => {
+  for (var r = void 0, i = a.length - 1, s; i >= 0; i--)
+    (s = a[i]) && (r = s(e, t, r) || r);
+  return r && gt(e, t, r), r;
 };
-const _e = class _e extends U {
+const Ce = class Ce extends U {
   constructor() {
     super(...arguments), this._stream = null, this._recording = !1, this._error = "", this._recordedBlob = null, this._previewUrl = "", this._recorder = null, this._chunks = [], this._onBackdropClick = (e) => {
       e.target === e.currentTarget && this._cancel();
-    }, this._focusTrap = ce(() => this.shadowRoot, ".card"), this._onKeyDown = (e) => {
+    }, this._focusTrap = he(() => this.shadowRoot, ".card"), this._onKeyDown = (e) => {
       e.key === "Escape" && this._cancel(), this._focusTrap(e);
     }, this._startRecording = async () => {
       var e;
@@ -4245,13 +4269,13 @@ const _e = class _e extends U {
         }), this._recording = !0, await this.updateComplete;
         const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("video");
         t && (t.srcObject = this._stream), this._chunks = [];
-        const i = MediaRecorder.isTypeSupported("video/webm;codecs=vp9") ? "video/webm;codecs=vp9" : "video/webm";
-        this._recorder = new MediaRecorder(this._stream, { mimeType: i }), this._recorder.ondataavailable = (r) => {
+        const o = MediaRecorder.isTypeSupported("video/webm;codecs=vp9") ? "video/webm;codecs=vp9" : "video/webm";
+        this._recorder = new MediaRecorder(this._stream, { mimeType: o }), this._recorder.ondataavailable = (r) => {
           r.data.size > 0 && this._chunks.push(r.data);
         }, this._recorder.onstop = () => {
-          var o;
+          var i;
           const r = new Blob(this._chunks, { type: "video/webm" });
-          this._recordedBlob = r, this._previewUrl = URL.createObjectURL(r), (o = this._stream) == null || o.getTracks().forEach((s) => s.stop()), this._stream = null;
+          this._recordedBlob = r, this._previewUrl = URL.createObjectURL(r), (i = this._stream) == null || i.getTracks().forEach((s) => s.stop()), this._stream = null;
         }, this._recorder.start();
       } catch {
         this._error = "Could not start screen capture. Please check your permissions.";
@@ -4272,7 +4296,7 @@ const _e = class _e extends U {
   }
   _stopAll() {
     var e, t;
-    (e = this._recorder) == null || e.stop(), this._recorder = null, (t = this._stream) == null || t.getTracks().forEach((i) => i.stop()), this._stream = null;
+    (e = this._recorder) == null || e.stop(), this._recorder = null, (t = this._stream) == null || t.getTracks().forEach((o) => o.stop()), this._stream = null;
   }
   _cancel() {
     this._stopAll(), this.dispatchEvent(new CustomEvent("screencast-cancel", { bubbles: !0, composed: !0 }));
@@ -4327,7 +4351,7 @@ const _e = class _e extends U {
     `;
   }
 };
-_e.styles = [J, Q, S`
+Ce.styles = [J, Q, S`
     :host { display: block; }
 
     .backdrop {
@@ -4426,7 +4450,7 @@ _e.styles = [J, Q, S`
     @keyframes slideUp { from { transform: translateY(18px) scale(0.97); } to { transform: translateY(0) scale(1); } }
     @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
   `];
-let A = _e;
+let A = Ce;
 te([
   g()
 ], A.prototype, "_stream");
@@ -4442,12 +4466,12 @@ te([
 te([
   g()
 ], A.prototype, "_previewUrl");
-var ut = Object.defineProperty, $ = (a, e, t, i) => {
-  for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
-    (s = a[o]) && (r = s(e, t, r) || r);
-  return r && ut(e, t, r), r;
+var vt = Object.defineProperty, $ = (a, e, t, o) => {
+  for (var r = void 0, i = a.length - 1, s; i >= 0; i--)
+    (s = a[i]) && (r = s(e, t, r) || r);
+  return r && vt(e, t, r), r;
 };
-const De = /* @__PURE__ */ new Set(["unsplash"]);
+const je = /* @__PURE__ */ new Set(["unsplash"]);
 var E;
 const k = (E = class extends U {
   constructor() {
@@ -4458,7 +4482,7 @@ const k = (E = class extends U {
     }, this._onSourceClick = async (e) => {
       this._handleSourceActivation(e.detail.source);
     }, this._handleSourceActivation = async (e) => {
-      var r, o;
+      var r, i;
       const t = this._mergedSources.find((s) => s.id === e);
       if (t != null && t.onActivate) {
         try {
@@ -4485,14 +4509,14 @@ const k = (E = class extends U {
         this._showScreenCastDialog = !0;
         return;
       }
-      if ((((o = (r = this.config) == null ? void 0 : r.connectors) == null ? void 0 : o.providers) ?? []).includes(e)) {
-        if (De.has(e)) {
+      if ((((i = (r = this.config) == null ? void 0 : r.connectors) == null ? void 0 : i.providers) ?? []).includes(e)) {
+        if (je.has(e)) {
           if (!customElements.get("sfx-search-provider-browser")) {
-            const { SfxSearchProviderBrowser: n } = await import("./search-provider-browser-BYkWbFar.js");
+            const { SfxSearchProviderBrowser: n } = await import("./search-provider-browser-gtlEKi5h.js");
             customElements.define("sfx-search-provider-browser", n);
           }
         } else if (!customElements.get("sfx-provider-browser")) {
-          const { SfxProviderBrowser: n } = await import("./provider-browser-CWEFYWp6.js");
+          const { SfxProviderBrowser: n } = await import("./provider-browser-B33dyOPN.js");
           customElements.define("sfx-provider-browser", n);
         }
         this._activeConnector = e;
@@ -4500,16 +4524,16 @@ const k = (E = class extends U {
     }, this._onUrlSubmit = (e) => {
       var h, u, x;
       this._showUrlDialog = !1;
-      const { url: t, name: i } = e.detail, r = (h = this.config) == null ? void 0 : h.callbacks, o = We(i), s = o.startsWith("image/"), n = this._store.getState(), d = ae({ name: i, size: 0, type: o }, n.restrictions, n.files);
+      const { url: t, name: o } = e.detail, r = (h = this.config) == null ? void 0 : h.callbacks, i = Ze(o), s = i.startsWith("image/"), n = this._store.getState(), d = ae({ name: o, size: 0, type: i }, n.restrictions, n.files);
       if (d) {
         const f = {
           id: q(),
           status: "rejected",
           file: null,
           remoteUrl: t,
-          name: i,
+          name: o,
           size: 0,
-          type: o,
+          type: i,
           previewUrl: null,
           duration: null,
           progress: 0,
@@ -4531,9 +4555,9 @@ const k = (E = class extends U {
         status: "idle",
         file: null,
         remoteUrl: t,
-        name: i,
+        name: o,
         size: 0,
-        type: o,
+        type: i,
         previewUrl: s ? t : null,
         duration: null,
         progress: 0,
@@ -4561,15 +4585,15 @@ const k = (E = class extends U {
     }, this._onFileRemove = (e) => {
       this._removeFile(e.detail.fileId);
     }, this._onFilePreview = (e) => {
-      var i, r, o;
+      var o, r, i;
       const t = this._store.getState().files.get(e.detail.fileId);
-      t && (this._previewFileId = t.id, this._dispatchPublic(v.FILE_PREVIEW, { file: t }), (o = (r = (i = this.config) == null ? void 0 : i.callbacks) == null ? void 0 : r.onFilePreview) == null || o.call(r, t));
+      t && (this._previewFileId = t.id, this._dispatchPublic(v.FILE_PREVIEW, { file: t }), (i = (r = (o = this.config) == null ? void 0 : o.callbacks) == null ? void 0 : r.onFilePreview) == null || i.call(r, t));
     }, this._onFillMetadata = () => {
-      var t, i, r;
+      var t, o, r;
       const e = [...this._store.getState().files.values()].filter(
-        (o) => E._MODIFIABLE_STATUSES.has(o.status)
+        (i) => E._MODIFIABLE_STATUSES.has(i.status)
       );
-      this._dispatchPublic(v.FILL_METADATA, { files: e }), (r = (i = (t = this.config) == null ? void 0 : t.callbacks) == null ? void 0 : i.onFillMetadata) == null || r.call(i, e);
+      this._dispatchPublic(v.FILL_METADATA, { files: e }), (r = (o = (t = this.config) == null ? void 0 : t.callbacks) == null ? void 0 : o.onFillMetadata) == null || r.call(o, e);
     }, this._onFileRetry = (e) => {
       var t;
       this._ensureEngine(), (t = this._engine) == null || t.retryFile(e.detail.fileId);
@@ -4577,12 +4601,12 @@ const k = (E = class extends U {
       var e;
       this._ensureEngine(), (e = this._engine) == null || e.retryAll();
     }, this._onClearAll = () => {
-      var i, r, o;
-      const e = (i = this.config) == null ? void 0 : i.callbacks;
+      var o, r, i;
+      const e = (o = this.config) == null ? void 0 : o.callbacks;
       this._closeOnCompleteTimer && (clearTimeout(this._closeOnCompleteTimer), this._closeOnCompleteTimer = null), (r = this._engine) == null || r.cancelAll();
       const t = [...this._store.getState().files.values()];
       for (const s of t)
-        s.previewUrl && URL.revokeObjectURL(s.previewUrl), this._dispatchPublic(v.FILE_REMOVED, { file: s }), (o = e == null ? void 0 : e.onFileRemoved) == null || o.call(e, s);
+        s.previewUrl && URL.revokeObjectURL(s.previewUrl), this._dispatchPublic(v.FILE_REMOVED, { file: s }), (i = e == null ? void 0 : e.onFileRemoved) == null || i.call(e, s);
       this._revokeVideoBlobUrls();
       for (const s of this._rejectedTimers.values()) clearTimeout(s);
       this._rejectedTimers.clear(), this._dimCache.clear(), this._previewFileId = null, this._fullscreenPreviewUrl = null, this._fullscreenVideoFile = null, this._store.setState({
@@ -4600,8 +4624,8 @@ const k = (E = class extends U {
         e.browse();
         return;
       }
-      const t = this.shadowRoot.querySelector("sfx-file-list"), i = (r = t == null ? void 0 : t.shadowRoot) == null ? void 0 : r.querySelector('input[type="file"]');
-      i == null || i.click();
+      const t = this.shadowRoot.querySelector("sfx-file-list"), o = (r = t == null ? void 0 : t.shadowRoot) == null ? void 0 : r.querySelector('input[type="file"]');
+      o == null || o.click();
     }, this._onUploadStart = () => {
       var e;
       if (this._phase === "complete") {
@@ -4612,8 +4636,8 @@ const k = (E = class extends U {
     }, this._onUploadMore = () => {
       this._onClearAll();
     }, this._onConnectorFilesSelected = (e) => {
-      var i, r, o;
-      const t = (i = this.config) == null ? void 0 : i.callbacks;
+      var o, r, i;
+      const t = (o = this.config) == null ? void 0 : o.callbacks;
       for (const s of e.detail.files) {
         const n = this._store.getState(), d = ae(
           { name: s.name, size: s.size, type: s.mimeType },
@@ -4666,7 +4690,7 @@ const k = (E = class extends U {
           tags: [],
           remoteInfo: s
         };
-        H(this._store, p), this._dispatchPublic(v.FILE_ADDED, { file: p }), (o = t == null ? void 0 : t.onFileAdded) == null || o.call(t, p);
+        H(this._store, p), this._dispatchPublic(v.FILE_ADDED, { file: p }), (i = t == null ? void 0 : t.onFileAdded) == null || i.call(t, p);
       }
       this._activeConnector = null, this._store.getState().queueConfig.autoProceed && this.upload();
     }, this._onConnectorClose = () => {
@@ -4674,17 +4698,17 @@ const k = (E = class extends U {
     }, this._onConnectorBackdropClick = (e) => {
       e.target === e.currentTarget && (this._activeConnector = null);
     }, this._onPrimaryAction = () => {
-      var e, t, i, r, o;
-      this._dispatchPublic(v.COMPLETE_ACTION, {}), (i = (t = (e = this.config) == null ? void 0 : e.callbacks) == null ? void 0 : t.onCompleteAction) == null || i.call(t), ((r = this.config) == null ? void 0 : r.mode) === "modal" ? this.close() : ((o = this.config) == null ? void 0 : o.clearOnComplete) !== !1 && this._onClearAll();
+      var e, t, o, r, i;
+      this._dispatchPublic(v.COMPLETE_ACTION, {}), (o = (t = (e = this.config) == null ? void 0 : e.callbacks) == null ? void 0 : t.onCompleteAction) == null || o.call(t), ((r = this.config) == null ? void 0 : r.mode) === "modal" ? this.close() : ((i = this.config) == null ? void 0 : i.clearOnComplete) !== !1 && this._onClearAll();
     }, this._onInlineDismiss = () => {
-      var e, t, i;
-      (i = (t = (e = this.config) == null ? void 0 : e.callbacks) == null ? void 0 : t.onCancel) == null || i.call(t), this._dispatchPublic(v.CANCEL, {});
+      var e, t, o;
+      (o = (t = (e = this.config) == null ? void 0 : e.callbacks) == null ? void 0 : t.onCancel) == null || o.call(t), this._dispatchPublic(v.CANCEL, {});
     }, this._onSuccessCardClose = () => {
-      var e, t, i, r;
-      ((e = this.config) == null ? void 0 : e.mode) === "inline" ? (this._dispatchPublic(v.COMPLETE_ACTION, {}), (r = (i = (t = this.config) == null ? void 0 : t.callbacks) == null ? void 0 : i.onCompleteAction) == null || r.call(i), this._onClearAll()) : this._onModalDismiss();
+      var e, t, o, r;
+      ((e = this.config) == null ? void 0 : e.mode) === "inline" ? (this._dispatchPublic(v.COMPLETE_ACTION, {}), (r = (o = (t = this.config) == null ? void 0 : t.callbacks) == null ? void 0 : o.onCompleteAction) == null || r.call(o), this._onClearAll()) : this._onModalDismiss();
     }, this._onModalDismiss = () => {
-      var e, t, i, r;
-      this._phase === "uploading" && ((e = this._engine) == null || e.cancelAll()), (r = (i = (t = this.config) == null ? void 0 : t.callbacks) == null ? void 0 : i.onCancel) == null || r.call(i), this._dispatchPublic(v.CANCEL, {}), this.close();
+      var e, t, o, r;
+      this._phase === "uploading" && ((e = this._engine) == null || e.cancelAll()), (r = (o = (t = this.config) == null ? void 0 : t.callbacks) == null ? void 0 : o.onCancel) == null || r.call(o), this._dispatchPublic(v.CANCEL, {}), this.close();
     }, this._onMinimize = () => {
       this._isMinimized = !0, this._isPillExpanded = !0, this.requestUpdate();
     }, this._onPillClick = () => {
@@ -4692,8 +4716,8 @@ const k = (E = class extends U {
     }, this._onPillExpand = () => {
       this._isMinimized = !1, this._isPillExpanded = !1, this._isOpen = !0, this.requestUpdate();
     }, this._onPillDismiss = () => {
-      var e, t, i, r;
-      this._isMinimized = !1, this._isPillExpanded = !1, this._phase === "uploading" && ((e = this._engine) == null || e.cancelAll()), (r = (i = (t = this.config) == null ? void 0 : t.callbacks) == null ? void 0 : i.onCancel) == null || r.call(i), this._dispatchPublic(v.CANCEL, {}), this.close();
+      var e, t, o, r;
+      this._isMinimized = !1, this._isPillExpanded = !1, this._phase === "uploading" && ((e = this._engine) == null || e.cancelAll()), (r = (o = (t = this.config) == null ? void 0 : t.callbacks) == null ? void 0 : o.onCancel) == null || r.call(o), this._dispatchPublic(v.CANCEL, {}), this.close();
     }, this._onModalBackdropClick = (e) => {
       e.target === e.currentTarget && this._onModalDismiss();
     }, this._onBodyDragEnter = (e) => {
@@ -4703,25 +4727,25 @@ const k = (E = class extends U {
     }, this._onBodyDragLeave = (e) => {
       e.preventDefault(), this._bodyDragCounter--, this._bodyDragCounter <= 0 && (this._bodyDragCounter = 0, this._bodyDragOver = !1);
     }, this._onBodyDrop = (e) => {
-      var i;
+      var o;
       e.preventDefault(), this._bodyDragCounter = 0, this._bodyDragOver = !1;
-      const t = Array.from(((i = e.dataTransfer) == null ? void 0 : i.files) ?? []);
+      const t = Array.from(((o = e.dataTransfer) == null ? void 0 : o.files) ?? []);
       t.length > 0 && this._onFilesSelected(
         new CustomEvent("files-selected", { detail: { files: t } })
       );
     }, this._onKeyDown = (e) => {
-      var t, i;
+      var t, o;
       if (e.key === "Escape") {
         if (this._fullscreenPreviewUrl || this._fullscreenVideoFile) {
           this._onFsClose();
           return;
         }
-        this._isOpen && ((t = this.config) == null ? void 0 : t.mode) === "modal" && (((i = this.config) == null ? void 0 : i.headerButton) ?? "close") !== "none" && this._onModalDismiss();
+        this._isOpen && ((t = this.config) == null ? void 0 : t.mode) === "modal" && (((o = this.config) == null ? void 0 : o.headerButton) ?? "close") !== "none" && this._onModalDismiss();
       }
     }, this._dimCache = /* @__PURE__ */ new Map(), this._onSplitPointerDown = (e) => {
-      var i;
+      var o;
       e.preventDefault(), this._isResizing = !0;
-      const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".preview-layout");
+      const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector(".preview-layout");
       t == null || t.classList.add("resizing"), e.target.setPointerCapture(e.pointerId);
     }, this._onSplitPointerMove = (e) => {
       if (!this._isResizing || this._splitRafId) return;
@@ -4729,10 +4753,10 @@ const k = (E = class extends U {
       this._splitRafId = requestAnimationFrame(() => {
         var s;
         this._splitRafId = 0;
-        const i = (s = this.shadowRoot) == null ? void 0 : s.querySelector(".preview-layout");
-        if (!i) return;
-        const r = i.getBoundingClientRect(), o = (t - r.left) / r.width * 100;
-        this._splitPct = Math.max(25, Math.min(75, o));
+        const o = (s = this.shadowRoot) == null ? void 0 : s.querySelector(".preview-layout");
+        if (!o) return;
+        const r = o.getBoundingClientRect(), i = (t - r.left) / r.width * 100;
+        this._splitPct = Math.max(25, Math.min(75, i));
       });
     }, this._onSplitPointerUp = () => {
       var t;
@@ -4747,8 +4771,8 @@ const k = (E = class extends U {
       this._fullscreenZoomed && (this._fsDragging = !0, this._fsDragDidMove = !1, this._fsDragStartX = e.clientX, this._fsDragStartY = e.clientY, this._fsPanStartX = this._fsPanX, this._fsPanStartY = this._fsPanY, e.preventDefault());
     }, this._onFsPanMove = (e) => {
       if (!this._fsDragging) return;
-      const t = e.clientX - this._fsDragStartX, i = e.clientY - this._fsDragStartY;
-      (Math.abs(t) > 3 || Math.abs(i) > 3) && (this._fsDragDidMove = !0), this._fsPanX = this._fsPanStartX + t, this._fsPanY = this._fsPanStartY + i, this.requestUpdate();
+      const t = e.clientX - this._fsDragStartX, o = e.clientY - this._fsDragStartY;
+      (Math.abs(t) > 3 || Math.abs(o) > 3) && (this._fsDragDidMove = !0), this._fsPanX = this._fsPanStartX + t, this._fsPanY = this._fsPanStartY + o, this.requestUpdate();
     }, this._onFsPanEnd = () => {
       this._fsDragging = !1, requestAnimationFrame(() => {
         this._fsDragDidMove = !1;
@@ -4759,26 +4783,26 @@ const k = (E = class extends U {
       this._fsDragging = !0, this._fsDragDidMove = !1, this._fsDragStartX = t.clientX, this._fsDragStartY = t.clientY, this._fsPanStartX = this._fsPanX, this._fsPanStartY = this._fsPanY;
     }, this._onFsTouchMove = (e) => {
       if (!this._fsDragging || e.touches.length !== 1) return;
-      const t = e.touches[0], i = t.clientX - this._fsDragStartX, r = t.clientY - this._fsDragStartY;
-      (Math.abs(i) > 3 || Math.abs(r) > 3) && (this._fsDragDidMove = !0), this._fsPanX = this._fsPanStartX + i, this._fsPanY = this._fsPanStartY + r, this.requestUpdate(), e.preventDefault();
+      const t = e.touches[0], o = t.clientX - this._fsDragStartX, r = t.clientY - this._fsDragStartY;
+      (Math.abs(o) > 3 || Math.abs(r) > 3) && (this._fsDragDidMove = !0), this._fsPanX = this._fsPanStartX + o, this._fsPanY = this._fsPanStartY + r, this.requestUpdate(), e.preventDefault();
     }, this._onFsClose = (e) => {
       e == null || e.stopPropagation(), this._fullscreenPreviewUrl = null, this._fullscreenVideoFile = null, this._fullscreenZoomed = !1, this._fsPanX = 0, this._fsPanY = 0;
-    }, this._store = Oe(), this._storeCtrl = new Re(this, this._store);
+    }, this._store = Te(), this._storeCtrl = new Be(this, this._store);
   }
   // --- Public API ---
   /** Open the uploader (modal mode). */
   open() {
-    var e, t, i;
-    this._isMinimized && (this._isMinimized = !1, this._isPillExpanded = !1), !this._isOpen && (this._isOpen = !0, (i = (t = (e = this.config) == null ? void 0 : e.callbacks) == null ? void 0 : t.onOpen) == null || i.call(t), this._dispatchPublic(v.OPEN, {}), this.requestUpdate());
+    var e, t, o;
+    this._isMinimized && (this._isMinimized = !1, this._isPillExpanded = !1), !this._isOpen && (this._isOpen = !0, (o = (t = (e = this.config) == null ? void 0 : e.callbacks) == null ? void 0 : t.onOpen) == null || o.call(t), this._dispatchPublic(v.OPEN, {}), this.requestUpdate());
   }
   /** Close the uploader (modal mode). Optionally clears all files (controlled by clearOnClose config). */
   close() {
-    var e, t, i, r;
-    this._isOpen && (this._isOpen = !1, this._closeOnCompleteTimer && (clearTimeout(this._closeOnCompleteTimer), this._closeOnCompleteTimer = null), ((e = this.config) == null ? void 0 : e.clearOnClose) !== !1 && this._onClearAll(), this._previewFileId = null, (r = (i = (t = this.config) == null ? void 0 : t.callbacks) == null ? void 0 : i.onClose) == null || r.call(i), this._dispatchPublic(v.CLOSE, {}), this.requestUpdate());
+    var e, t, o, r;
+    this._isOpen && (this._isOpen = !1, this._closeOnCompleteTimer && (clearTimeout(this._closeOnCompleteTimer), this._closeOnCompleteTimer = null), ((e = this.config) == null ? void 0 : e.clearOnClose) !== !1 && this._onClearAll(), this._previewFileId = null, (r = (o = (t = this.config) == null ? void 0 : t.callbacks) == null ? void 0 : o.onClose) == null || r.call(o), this._dispatchPublic(v.CLOSE, {}), this.requestUpdate());
   }
   /** Start uploading all queued files. */
   upload() {
-    var r, o, s, n, d, p, h;
+    var r, i, s, n, d, p, h;
     if (this._ensureEngine(), !this._engine) {
       console.warn("[sfx-uploader] Cannot upload: auth not resolved yet");
       return;
@@ -4786,7 +4810,7 @@ const k = (E = class extends U {
     const e = [...this._store.getState().files.values()].filter(
       (u) => u.status === "idle" || u.status === "queued"
     );
-    if ((o = (r = this.config) == null ? void 0 : r.callbacks) != null && o.onBeforeUpload && this.config.callbacks.onBeforeUpload(e) === !1)
+    if ((i = (r = this.config) == null ? void 0 : r.callbacks) != null && i.onBeforeUpload && this.config.callbacks.onBeforeUpload(e) === !1)
       return;
     const t = new CustomEvent(v.BEFORE_UPLOAD, {
       bubbles: !0,
@@ -4804,13 +4828,13 @@ const k = (E = class extends U {
   resumeUpload(e) {
     var t;
     if (e && e.length > 0) {
-      const i = this._store.getState().files, r = new Map(i);
-      let o = !1;
+      const o = this._store.getState().files, r = new Map(o);
+      let i = !1;
       for (const s of e) {
-        const n = i.get(s.id);
-        n && (r.set(s.id, { ...n, ...s }), o = !0);
+        const n = o.get(s.id);
+        n && (r.set(s.id, { ...n, ...s }), i = !0);
       }
-      o && this._store.setState({ files: r });
+      i && this._store.setState({ files: r });
     }
     this._ensureEngine(), (t = this._engine) == null || t.uploadAll();
   }
@@ -4828,35 +4852,35 @@ const k = (E = class extends U {
     return this._store.getState().files.get(e);
   }
   /** Update metadata and/or tags for a single file. */
-  updateFileMeta(e, t, i) {
-    const r = this._store.getState().files, o = r.get(e);
-    if (!o || !E._MODIFIABLE_STATUSES.has(o.status)) return;
+  updateFileMeta(e, t, o) {
+    const r = this._store.getState().files, i = r.get(e);
+    if (!i || !E._MODIFIABLE_STATUSES.has(i.status)) return;
     const s = new Map(r);
     s.set(e, {
-      ...o,
-      meta: t != null ? { ...o.meta, ...t } : o.meta,
-      tags: i ?? o.tags
+      ...i,
+      meta: t != null ? { ...i.meta, ...t } : i.meta,
+      tags: o ?? i.tags
     }), this._store.setState({ files: s });
   }
   /** Batch-update metadata and/or tags for multiple files. */
   updateFilesMeta(e) {
-    const t = this._store.getState().files, i = new Map(t);
+    const t = this._store.getState().files, o = new Map(t);
     let r = !1;
-    for (const { fileId: o, meta: s, tags: n } of e) {
-      const d = t.get(o);
-      !d || !E._MODIFIABLE_STATUSES.has(d.status) || (i.set(o, {
+    for (const { fileId: i, meta: s, tags: n } of e) {
+      const d = t.get(i);
+      !d || !E._MODIFIABLE_STATUSES.has(d.status) || (o.set(i, {
         ...d,
         meta: s != null ? { ...d.meta, ...s } : d.meta,
         tags: n ?? d.tags
       }), r = !0);
     }
-    r && this._store.setState({ files: i });
+    r && this._store.setState({ files: o });
   }
   // --- Lifecycle ---
   updated(e) {
     if (e.has("config") && this.config && this._applyConfig(this.config), e.has("_previewFileId") && this._previewFileId) {
-      const t = this._previewFileId, i = this._store.getState().files.get(t);
-      i ? this._getImageDimensions(i).then((r) => {
+      const t = this._previewFileId, o = this._store.getState().files.get(t);
+      o ? this._getImageDimensions(o).then((r) => {
         this._previewFileId === t && (this._previewDims = r ? `${r.w} × ${r.h}` : "—");
       }) : this._previewDims = "—";
     }
@@ -4937,12 +4961,12 @@ const k = (E = class extends U {
     super.connectedCallback(), document.addEventListener("keydown", this._onKeyDown), this._prevStoreState = this._store.getState(), this._unsubStoreEvents = this._store.subscribe(() => this._onStoreChange());
   }
   disconnectedCallback() {
-    var e, t, i, r;
-    super.disconnectedCallback(), document.removeEventListener("keydown", this._onKeyDown), (e = this._unsubStoreEvents) == null || e.call(this), this._unsubStoreEvents = null, this._prevStoreState = null, (t = this._portalContainer) == null || t.remove(), this._portalContainer = null, document.querySelector("[data-sfx-upload-float]") || (i = document.querySelector("style[data-sfx-upload-float-styles]")) == null || i.remove(), this._revokeVideoBlobUrls();
-    for (const o of this._rejectedTimers.values()) clearTimeout(o);
+    var e, t, o, r;
+    super.disconnectedCallback(), document.removeEventListener("keydown", this._onKeyDown), (e = this._unsubStoreEvents) == null || e.call(this), this._unsubStoreEvents = null, this._prevStoreState = null, (t = this._portalContainer) == null || t.remove(), this._portalContainer = null, document.querySelector("[data-sfx-upload-float]") || (o = document.querySelector("style[data-sfx-upload-float-styles]")) == null || o.remove(), this._revokeVideoBlobUrls();
+    for (const i of this._rejectedTimers.values()) clearTimeout(i);
     this._rejectedTimers.clear(), this._closeOnCompleteTimer && (clearTimeout(this._closeOnCompleteTimer), this._closeOnCompleteTimer = null);
-    for (const o of this._store.getState().files.values())
-      o.previewUrl && URL.revokeObjectURL(o.previewUrl);
+    for (const i of this._store.getState().files.values())
+      i.previewUrl && URL.revokeObjectURL(i.previewUrl);
     (r = this._engine) == null || r.destroy(), this._engine = null;
   }
   // --- Config ---
@@ -4952,40 +4976,40 @@ const k = (E = class extends U {
       ...this._store.getState().restrictions,
       ...e.restrictions
     }), e.concurrency != null) {
-      const i = this._store.getState().queueConfig;
-      t.queueConfig = { ...i, concurrency: e.concurrency };
+      const o = this._store.getState().queueConfig;
+      t.queueConfig = { ...o, concurrency: e.concurrency };
     }
     if (e.autoProceed != null) {
-      const i = t.queueConfig ?? this._store.getState().queueConfig;
-      t.queueConfig = { ...i, autoProceed: e.autoProceed };
+      const o = t.queueConfig ?? this._store.getState().queueConfig;
+      t.queueConfig = { ...o, autoProceed: e.autoProceed };
     }
     Object.keys(t).length > 0 && this._store.setState(t), this._resolveAuthAndEngine(e), (e.mode === "inline" || !e.mode) && (this._isOpen = !0);
   }
   async _resolveAuthAndEngine(e) {
-    var r, o;
+    var r, i;
     const t = e.auth;
     if (t.mode === "sass-key") {
-      this._apiBase = pe(t.container), this._authHeaders = se(t), this._ensureEngine(), (r = this._engine) == null || r.updateConfig({
+      this._apiBase = fe(t.container), this._authHeaders = se(t), this._ensureEngine(), (r = this._engine) == null || r.updateConfig({
         apiBase: this._apiBase,
         authHeaders: this._authHeaders
       });
       return;
     }
-    const i = ++this._authResolveId;
+    const o = ++this._authResolveId;
     try {
-      const s = await Ye(t);
-      if (i !== this._authResolveId) return;
-      this._apiBase = s.apiBase, this._authHeaders = s.headers, this._ensureEngine(), (o = this._engine) == null || o.updateConfig({
+      const s = await Xe(t);
+      if (o !== this._authResolveId) return;
+      this._apiBase = s.apiBase, this._authHeaders = s.headers, this._ensureEngine(), (i = this._engine) == null || i.updateConfig({
         apiBase: this._apiBase,
         authHeaders: this._authHeaders
       });
     } catch (s) {
-      if (i !== this._authResolveId) return;
+      if (o !== this._authResolveId) return;
       console.error("[sfx-uploader] Auth resolution failed:", s);
     }
   }
   _ensureEngine() {
-    !this._engine && this._apiBase && this._authHeaders && (this._engine = new He(this._store, {
+    !this._engine && this._apiBase && this._authHeaders && (this._engine = new Ve(this._store, {
       apiBase: this._apiBase,
       authHeaders: this._authHeaders
     }), this._engine.start());
@@ -5001,10 +5025,10 @@ const k = (E = class extends U {
    * for file status transitions.
    */
   _onStoreChange() {
-    var r, o, s, n, d, p, h, u;
+    var r, i, s, n, d, p, h, u;
     const e = this._store.getState(), t = this._prevStoreState;
     if (this._prevStoreState = e, !t) return;
-    const i = (r = this.config) == null ? void 0 : r.callbacks;
+    const o = (r = this.config) == null ? void 0 : r.callbacks;
     for (const [x, f] of e.files) {
       const m = t.files.get(x);
       if (m) {
@@ -5013,19 +5037,19 @@ const k = (E = class extends U {
             case "uploading":
               break;
             case "complete":
-              f.response && (this._dispatchPublic(v.UPLOAD_COMPLETE, { file: f, response: f.response }), (o = i == null ? void 0 : i.onUploadComplete) == null || o.call(i, f, f.response));
+              f.response && (this._dispatchPublic(v.UPLOAD_COMPLETE, { file: f, response: f.response }), (i = o == null ? void 0 : o.onUploadComplete) == null || i.call(o, f, f.response));
               break;
             case "error":
             case "failed": {
               const _ = new Error(f.error ?? "Upload failed");
-              this._dispatchPublic(v.UPLOAD_ERROR, { file: f, error: _ }), (s = i == null ? void 0 : i.onUploadError) == null || s.call(i, f, _);
+              this._dispatchPublic(v.UPLOAD_ERROR, { file: f, error: _ }), (s = o == null ? void 0 : o.onUploadError) == null || s.call(o, f, _);
               break;
             }
             case "retrying":
-              this._dispatchPublic(v.UPLOAD_RETRY, { file: f, attempt: f.retryCount }), (n = i == null ? void 0 : i.onUploadRetry) == null || n.call(i, f, f.retryCount);
+              this._dispatchPublic(v.UPLOAD_RETRY, { file: f, attempt: f.retryCount }), (n = o == null ? void 0 : o.onUploadRetry) == null || n.call(o, f, f.retryCount);
               break;
           }
-        f.status === "uploading" && m.progress !== f.progress && (this._dispatchPublic(v.UPLOAD_PROGRESS, { file: f, progress: f.progress, speed: f.speed }), (d = i == null ? void 0 : i.onUploadProgress) == null || d.call(i, f, f.progress, f.speed));
+        f.status === "uploading" && m.progress !== f.progress && (this._dispatchPublic(v.UPLOAD_PROGRESS, { file: f, progress: f.progress, speed: f.speed }), (d = o == null ? void 0 : o.onUploadProgress) == null || d.call(o, f, f.progress, f.speed));
       }
     }
     if (e.totalProgress !== t.totalProgress || e.totalSpeed !== t.totalSpeed) {
@@ -5034,19 +5058,19 @@ const k = (E = class extends U {
         percentage: e.totalProgress,
         speed: e.totalSpeed,
         eta: x
-      }), (p = i == null ? void 0 : i.onTotalProgress) == null || p.call(i, e.totalProgress, e.totalSpeed, x);
+      }), (p = o == null ? void 0 : o.onTotalProgress) == null || p.call(o, e.totalProgress, e.totalSpeed, x);
     }
     if (t.isUploading && !e.isUploading) {
       const x = [...e.files.values()];
       if (!x.some((m) => m.status === "cancelled")) {
         const m = x.filter((y) => y.status === "complete"), _ = x.filter((y) => y.status === "failed" || y.status === "error");
-        this._dispatchPublic(v.ALL_COMPLETE, { successful: m, failed: _ }), (h = i == null ? void 0 : i.onAllComplete) == null || h.call(i, m, _);
+        this._dispatchPublic(v.ALL_COMPLETE, { successful: m, failed: _ }), (h = o == null ? void 0 : o.onAllComplete) == null || h.call(o, m, _);
         const w = (u = this.config) == null ? void 0 : u.closeOnComplete;
         if (w) {
           const y = typeof w == "number" ? w : 1500;
           this._closeOnCompleteTimer = setTimeout(() => {
-            var C, D, ke;
-            this._closeOnCompleteTimer = null, this._phase === "complete" && (this._dispatchPublic(v.COMPLETE_ACTION, {}), (ke = (D = (C = this.config) == null ? void 0 : C.callbacks) == null ? void 0 : D.onCompleteAction) == null || ke.call(D), this.close());
+            var C, D, $e;
+            this._closeOnCompleteTimer = null, this._phase === "complete" && (this._dispatchPublic(v.COMPLETE_ACTION, {}), ($e = (D = (C = this.config) == null ? void 0 : C.callbacks) == null ? void 0 : D.onCompleteAction) == null || $e.call(D), this.close());
           }, y);
         }
       }
@@ -5058,8 +5082,8 @@ const k = (E = class extends U {
     if (e === this._cachedSourcesConfig) return this._cachedSources;
     if (this._cachedSourcesConfig = e, !e)
       return this._cachedSources = W, this._cachedSources;
-    const t = e.providers.length > 0 ? Ze(e.providers) : [], i = e.customSources ?? [], r = W.filter((p) => p.id === "device" || p.id === "url"), o = W.filter((p) => p.id !== "device" && p.id !== "url"), s = /* @__PURE__ */ new Set(), n = [];
-    for (const p of [...r, ...t, ...o, ...i])
+    const t = e.providers.length > 0 ? et(e.providers) : [], o = e.customSources ?? [], r = W.filter((p) => p.id === "device" || p.id === "url"), i = W.filter((p) => p.id !== "device" && p.id !== "url"), s = /* @__PURE__ */ new Set(), n = [];
+    for (const p of [...r, ...t, ...i, ...o])
       if (!s.has(p.id)) {
         if (E._RESERVED_IDS.has(p.id) && p.onActivate) {
           console.warn(`[sfx-uploader] Custom source id "${p.id}" conflicts with a built-in source and was skipped.`);
@@ -5074,15 +5098,15 @@ const k = (E = class extends U {
     const e = this._storeCtrl.state, t = [...e.files.values()];
     if (t.length === 0) return "empty";
     if (e.isUploading) return "uploading";
-    const i = /* @__PURE__ */ new Set(["complete", "rejected", "cancelled", "failed"]);
-    return t.every((r) => i.has(r.status)) && t.some((r) => r.status === "complete" || r.status === "failed") ? "complete" : "ready";
+    const o = /* @__PURE__ */ new Set(["complete", "rejected", "cancelled", "failed"]);
+    return t.every((r) => o.has(r.status)) && t.some((r) => r.status === "complete" || r.status === "failed") ? "complete" : "ready";
   }
   // --- File handling ---
   _processIncomingFiles(e) {
-    var i, r, o, s;
-    const t = (i = this.config) == null ? void 0 : i.callbacks;
+    var o, r, i, s;
+    const t = (o = this.config) == null ? void 0 : o.callbacks;
     for (const n of e) {
-      const d = this._store.getState(), p = Ge(n, d.restrictions, d.files);
+      const d = this._store.getState(), p = Qe(n, d.restrictions, d.files);
       if (p) {
         const x = n.type.startsWith("image/") ? URL.createObjectURL(n) : null, f = {
           id: q(),
@@ -5106,12 +5130,12 @@ const k = (E = class extends U {
           remoteInfo: null
         };
         H(this._store, f), this._dispatchPublic(v.FILE_REJECTED, { file: f, reason: p }), (r = t == null ? void 0 : t.onFileRejected) == null || r.call(t, f, p);
-        const m = (o = this.config) == null ? void 0 : o.rejectedFileAutoRemoveDelay, _ = m === !1 || m === 0 || m === void 0 ? 0 : m;
+        const m = (i = this.config) == null ? void 0 : i.rejectedFileAutoRemoveDelay, _ = m === !1 || m === 0 || m === void 0 ? 0 : m;
         if (_ > 0) {
           const w = f.id, y = setTimeout(() => {
             this._rejectedTimers.delete(w);
             const C = this._store.getState().files.get(w);
-            C && C.status === "rejected" && Ce(this._store, w);
+            C && C.status === "rejected" && Se(this._store, w);
           }, _);
           this._rejectedTimers.set(w, y);
         }
@@ -5141,7 +5165,7 @@ const k = (E = class extends U {
         remoteInfo: null
       };
       if (H(this._store, u), this._dispatchPublic(v.FILE_ADDED, { file: u }), (s = t == null ? void 0 : t.onFileAdded) == null || s.call(t, u), n.type.startsWith("video/")) {
-        Ke(n).then((f) => {
+        Je(n).then((f) => {
           if (!f) return;
           const m = this._store.getState(), _ = m.files.get(u.id);
           if (_) {
@@ -5167,21 +5191,21 @@ const k = (E = class extends U {
     this._store.getState().queueConfig.autoProceed && this.upload();
   }
   _removeFile(e) {
-    var o, s, n, d;
+    var i, s, n, d;
     const t = this._store.getState().files.get(e);
     if (!t) return;
-    const i = { ...t };
+    const o = { ...t };
     if ((this._fullscreenPreviewUrl && this._fullscreenPreviewUrl === t.previewUrl || this._fullscreenVideoFile && this._fullscreenVideoFile === t.file) && (this._fullscreenPreviewUrl = null, this._fullscreenVideoFile = null), t.previewUrl && URL.revokeObjectURL(t.previewUrl), t.file) {
       const p = this._videoBlobUrls.get(t.file);
       p && (URL.revokeObjectURL(p), this._videoBlobUrls.delete(t.file));
     }
-    (t.status === "uploading" || t.status === "queued" || t.status === "retrying") && ((o = this._engine) == null || o.cancelFile(e)), Ce(this._store, e), this._dimCache.delete(e);
+    (t.status === "uploading" || t.status === "queued" || t.status === "retrying") && ((i = this._engine) == null || i.cancelFile(e)), Se(this._store, e), this._dimCache.delete(e);
     const r = this._rejectedTimers.get(e);
     if (r && (clearTimeout(r), this._rejectedTimers.delete(e)), this._previewFileId === e) {
       const p = [...this._store.getState().files.values()];
       this._previewFileId = p.length > 0 ? p[0].id : null;
     }
-    this._dispatchPublic(v.FILE_REMOVED, { file: i }), (d = (n = (s = this.config) == null ? void 0 : s.callbacks) == null ? void 0 : n.onFileRemoved) == null || d.call(n, i);
+    this._dispatchPublic(v.FILE_REMOVED, { file: o }), (d = (n = (s = this.config) == null ? void 0 : s.callbacks) == null ? void 0 : n.onFileRemoved) == null || d.call(n, o);
   }
   // --- Render ---
   render() {
@@ -5216,17 +5240,17 @@ const k = (E = class extends U {
             </div>
             <div>
               <div class="float-title">Uploading ${p.length} ${p.length === 1 ? "file" : "files"}</div>
-              <div class="float-subtitle">${h} of ${p.length}${u > 0 ? ` · ~${oe(u)} left` : ""}</div>
+              <div class="float-subtitle">${h} of ${p.length}${u > 0 ? ` · ~${ie(u)} left` : ""}</div>
             </div>
           </div>
         </div>
       `;
     }
-    const e = ((s = this.config) == null ? void 0 : s.mode) ?? "modal", t = ((n = this.config) == null ? void 0 : n.headerButton) ?? (e === "modal" ? "close" : "none"), i = e === "modal" ? this._onModalDismiss : this._onInlineDismiss, r = t === "back" ? l`<button class="header-btn header-btn-back" aria-label="Back to Asset Picker" @click=${i}>
+    const e = ((s = this.config) == null ? void 0 : s.mode) ?? "modal", t = ((n = this.config) == null ? void 0 : n.headerButton) ?? (e === "modal" ? "close" : "none"), o = e === "modal" ? this._onModalDismiss : this._onInlineDismiss, r = t === "back" ? l`<button class="header-btn header-btn-back" aria-label="Back to Asset Picker" @click=${o}>
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
             <polyline points="15 18 9 12 15 6"/>
           </svg>
-        </button>` : c, o = t === "close" ? l`<button class="header-btn header-btn-close" aria-label="Close" @click=${i}>
+        </button>` : c, i = t === "close" ? l`<button class="header-btn header-btn-close" aria-label="Close" @click=${o}>
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
             <line x1="18" y1="6" x2="6" y2="18" />
             <line x1="6" y1="6" x2="18" y2="18" />
@@ -5244,45 +5268,45 @@ const k = (E = class extends U {
           </svg>
         </div>` : c}
         <div class="header-title">Upload Files</div>
-        ${o}
+        ${i}
       </div>
     `;
   }
   _getImageDimensions(e) {
     return e.previewUrl ? this._dimCache.has(e.id) ? Promise.resolve(this._dimCache.get(e.id)) : new Promise((t) => {
-      const i = new Image();
-      i.onload = () => {
-        const r = { w: i.naturalWidth, h: i.naturalHeight };
+      const o = new Image();
+      o.onload = () => {
+        const r = { w: o.naturalWidth, h: o.naturalHeight };
         this._dimCache.set(e.id, r), t(r);
-      }, i.onerror = () => {
+      }, o.onerror = () => {
         this._dimCache.set(e.id, null), t(null);
-      }, i.src = e.previewUrl;
+      }, o.src = e.previewUrl;
     }) : Promise.resolve(null);
   }
   _renderUploadOverlay(e) {
     var s;
-    const t = this._storeCtrl.state, i = Math.round(t.totalProgress ?? 0), r = e.filter((n) => n.status === "complete").length, o = t.totalSpeed > 0 ? (t.totalBytes - t.totalBytesUploaded) / t.totalSpeed : 0;
+    const t = this._storeCtrl.state, o = Math.round(t.totalProgress ?? 0), r = e.filter((n) => n.status === "complete").length, i = t.totalSpeed > 0 ? (t.totalBytes - t.totalBytesUploaded) / t.totalSpeed : 0;
     return l`
       <div class="upload-overlay">
         <div class="upload-overlay-spinner"></div>
-        <div class="upload-overlay-percent">${i}%</div>
+        <div class="upload-overlay-percent">${o}%</div>
         <div class="upload-overlay-title">Uploading ${e.length} ${e.length === 1 ? "file" : "files"}</div>
-        <div class="upload-overlay-subtitle">${r} of ${e.length} complete${o > 0 ? l` · ~${oe(o)} left` : c}</div>
+        <div class="upload-overlay-subtitle">${r} of ${e.length} complete${i > 0 ? l` · ~${ie(i)} left` : c}</div>
         <div class="upload-overlay-bar">
-          <div class="upload-overlay-bar-fill" style="width:${i}%"></div>
+          <div class="upload-overlay-bar-fill" style="width:${o}%"></div>
         </div>
         ${(s = this.config) != null && s.minimizeOnUpload ? l`<button class="upload-overlay-minimize" @click=${this._onMinimize}>Minimize & continue in background</button>` : c}
       </div>
     `;
   }
   _renderFloatingPill(e) {
-    const t = this._storeCtrl.state, i = Math.round(t.totalProgress ?? 0), r = this._phase === "complete", o = e.filter((d) => d.status === "complete").length, s = e.filter((d) => d.status === "failed").length, n = t.totalSpeed > 0 ? (t.totalBytes - t.totalBytesUploaded) / t.totalSpeed : 0;
+    const t = this._storeCtrl.state, o = Math.round(t.totalProgress ?? 0), r = this._phase === "complete", i = e.filter((d) => d.status === "complete").length, s = e.filter((d) => d.status === "failed").length, n = t.totalSpeed > 0 ? (t.totalBytes - t.totalBytesUploaded) / t.totalSpeed : 0;
     return this._isPillExpanded === !1 ? l`
         <div class="upload-float float-collapsed">
           <div class="float-collapsed-left">
-            ${r ? s > 0 ? o > 0 ? l`<div class="float-collapsed-icon warn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></div>` : l`<div class="float-collapsed-icon error"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg></div>` : l`<div class="float-collapsed-icon done"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg></div>` : l`<div class="float-collapsed-spinner"></div>`}
-            <span class="float-collapsed-text">${r ? s > 0 ? o > 0 ? "Partially uploaded" : "Upload failed" : "Upload complete" : `Uploading ${e.length} ${e.length === 1 ? "file" : "files"}`}</span>
-            ${r ? c : l`<span class="float-collapsed-pct">${i}%</span>`}
+            ${r ? s > 0 ? i > 0 ? l`<div class="float-collapsed-icon warn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></div>` : l`<div class="float-collapsed-icon error"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg></div>` : l`<div class="float-collapsed-icon done"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg></div>` : l`<div class="float-collapsed-spinner"></div>`}
+            <span class="float-collapsed-text">${r ? s > 0 ? i > 0 ? "Partially uploaded" : "Upload failed" : "Upload complete" : `Uploading ${e.length} ${e.length === 1 ? "file" : "files"}`}</span>
+            ${r ? c : l`<span class="float-collapsed-pct">${o}%</span>`}
           </div>
           <div class="float-collapsed-actions">
             <button title="Open uploader" @click=${this._onPillExpand}>
@@ -5300,12 +5324,12 @@ const k = (E = class extends U {
       <div class="upload-float">
         <div class="float-header">
           <div class="float-header-left">
-            <div class="float-icon ${r ? s > 0 ? o > 0 ? "warn" : "error" : "done" : ""}">
-              ${r ? s > 0 ? o > 0 ? l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>` : l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>` : l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg>` : l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><polyline points="16 16 12 12 8 16"/><line x1="12" y1="12" x2="12" y2="21"/><path d="M20.39 18.39A5 5 0 0018 9h-1.26A8 8 0 103 16.3"/></svg>`}
+            <div class="float-icon ${r ? s > 0 ? i > 0 ? "warn" : "error" : "done" : ""}">
+              ${r ? s > 0 ? i > 0 ? l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>` : l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>` : l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg>` : l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><polyline points="16 16 12 12 8 16"/><line x1="12" y1="12" x2="12" y2="21"/><path d="M20.39 18.39A5 5 0 0018 9h-1.26A8 8 0 103 16.3"/></svg>`}
             </div>
             <div>
-              <div class="float-title">${r ? s > 0 ? o > 0 ? "Partially uploaded" : "Upload failed" : "Upload complete" : `Uploading ${e.length} ${e.length === 1 ? "file" : "files"}`}</div>
-              <div class="float-subtitle">${r ? `${o} ${o === 1 ? "file" : "files"} uploaded${s > 0 ? `, ${s} failed` : ""}` : `${o} of ${e.length}${n > 0 ? ` · ~${oe(n)} left` : ""}`}</div>
+              <div class="float-title">${r ? s > 0 ? i > 0 ? "Partially uploaded" : "Upload failed" : "Upload complete" : `Uploading ${e.length} ${e.length === 1 ? "file" : "files"}`}</div>
+              <div class="float-subtitle">${r ? `${i} ${i === 1 ? "file" : "files"} uploaded${s > 0 ? `, ${s} failed` : ""}` : `${i} of ${e.length}${n > 0 ? ` · ~${ie(n)} left` : ""}`}</div>
             </div>
           </div>
           <div class="float-actions">
@@ -5323,9 +5347,9 @@ const k = (E = class extends U {
         <div class="float-progress">
           <div class="float-progress-top">
             <span class="float-progress-label">Overall progress</span>
-            <span class="float-progress-pct ${r ? s > 0 ? o > 0 ? "warn" : "error" : "done" : ""}">${r ? "Done" : `${i}%`}</span>
+            <span class="float-progress-pct ${r ? s > 0 ? i > 0 ? "warn" : "error" : "done" : ""}">${r ? "Done" : `${o}%`}</span>
           </div>
-          <div class="float-bar"><div class="float-bar-fill ${r ? s > 0 ? o > 0 ? "warn" : "error" : "done" : ""}" style="width:${r ? 100 : i}%"></div></div>
+          <div class="float-bar"><div class="float-bar-fill ${r ? s > 0 ? i > 0 ? "warn" : "error" : "done" : ""}" style="width:${r ? 100 : o}%"></div></div>
         </div>
         <div class="float-items">
           ${e.map((d) => {
@@ -5362,7 +5386,7 @@ const k = (E = class extends U {
   _renderPreviewLayout(e) {
     var n;
     if (e.length === 0) return c;
-    const t = e.find((d) => d.id === this._previewFileId) ?? e[0], i = ((n = t.name.split(".").pop()) == null ? void 0 : n.toUpperCase()) || "", r = new Date(t.addedAt).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }), o = this._store.getState().targetFolder, s = e.reduce((d, p) => d + (p.size || 0), 0);
+    const t = e.find((d) => d.id === this._previewFileId) ?? e[0], o = ((n = t.name.split(".").pop()) == null ? void 0 : n.toUpperCase()) || "", r = new Date(t.addedAt).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }), i = this._store.getState().targetFolder, s = e.reduce((d, p) => d + (p.size || 0), 0);
     return l`
       <div class="preview-topbar"></div>
       <div class="preview-layout">
@@ -5374,7 +5398,7 @@ const k = (E = class extends U {
             .files=${e}
             .showDropTile=${!0}
             .sources=${this._mergedSources}
-            .accept=${Se(this._storeCtrl.state.restrictions)}
+            .accept=${ze(this._storeCtrl.state.restrictions)}
             @source-click=${this._onDropTileSourceClick}
           ></sfx-file-list>
         </div>
@@ -5434,7 +5458,7 @@ const k = (E = class extends U {
                 <div class="preview-doc-wrap ${X(t)}">
                   <div class="preview-doc-icon ${X(t)}">
                     ${this._renderDocTypeIcon(X(t))}
-                    <span class="preview-doc-ext ${X(t)}">${i}</span>
+                    <span class="preview-doc-ext ${X(t)}">${o}</span>
                   </div>
                   <button class="preview-nav prev" ?disabled=${e.indexOf(t) === 0} @click=${() => this._navigatePreview(e, -1)}>
                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="15 18 9 12 15 6"/></svg>
@@ -5447,7 +5471,7 @@ const k = (E = class extends U {
           <div class="preview-meta-list">
             <div class="preview-meta-row">
               <span class="preview-meta-label">Type</span>
-              <span class="preview-meta-value">${i}</span>
+              <span class="preview-meta-value">${o}</span>
             </div>
             <div class="preview-meta-row">
               <span class="preview-meta-label">Size</span>
@@ -5461,10 +5485,10 @@ const k = (E = class extends U {
               <span class="preview-meta-label">Name</span>
               <span class="preview-meta-value truncate" title=${t.name}>${t.name}</span>
             </div>
-            ${o ? l`
+            ${i ? l`
             <div class="preview-meta-row">
               <span class="preview-meta-label">Folder</span>
-              <span class="preview-meta-value">${o}</span>
+              <span class="preview-meta-value">${i}</span>
             </div>` : l`
             <div class="preview-meta-row">
               <span class="preview-meta-label">Added</span>
@@ -5490,16 +5514,16 @@ const k = (E = class extends U {
     }
   }
   _navigatePreview(e, t) {
-    var o;
+    var i;
     const r = e.findIndex((s) => s.id === this._previewFileId) + t;
     if (r >= 0 && r < e.length) {
-      const s = (o = this.shadowRoot) == null ? void 0 : o.querySelector(".preview-image[controls]");
+      const s = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".preview-image[controls]");
       s && (s.pause(), s.removeAttribute("src"), s.load()), this._previewFileId = e[r].id;
     }
   }
   _renderBody() {
     var s, n, d;
-    const e = this._storeCtrl.state, t = [...e.files.values()], i = this._phase, r = Se(e.restrictions), o = t.length > 0;
+    const e = this._storeCtrl.state, t = [...e.files.values()], o = this._phase, r = ze(e.restrictions), i = t.length > 0;
     return l`
       <div class="content"
         @files-selected=${this._onFilesSelected}
@@ -5524,13 +5548,13 @@ const k = (E = class extends U {
         @screencast-cancel=${this._onScreenCastCancel}
       >
         <div
-          class="body ${o ? "has-files" : ""} ${this._bodyDragOver ? "body-drag-over" : ""}"
-          @dragenter=${o ? this._onBodyDragEnter : c}
-          @dragover=${o ? this._onBodyDragOver : c}
-          @dragleave=${o ? this._onBodyDragLeave : c}
-          @drop=${o ? this._onBodyDrop : c}
+          class="body ${i ? "has-files" : ""} ${this._bodyDragOver ? "body-drag-over" : ""}"
+          @dragenter=${i ? this._onBodyDragEnter : c}
+          @dragover=${i ? this._onBodyDragOver : c}
+          @dragleave=${i ? this._onBodyDragLeave : c}
+          @drop=${i ? this._onBodyDrop : c}
         >
-          ${i === "complete" ? l`
+          ${o === "complete" ? l`
                   <sfx-success-card
                     .fileCount=${t.filter((p) => p.status === "complete").length}
                     .totalSize=${t.filter((p) => p.status === "complete").reduce((p, h) => p + (h.size || 0), 0)}
@@ -5540,16 +5564,16 @@ const k = (E = class extends U {
                     @file-retry=${this._onFileRetry}
                     @retry-all=${this._onRetryAll}
                   ></sfx-success-card>
-                ` : i === "uploading" ? this._renderUploadOverlay(t) : l`
-                  ${o ? c : l`<sfx-drop-zone
-                        .compact=${o}
+                ` : o === "uploading" ? this._renderUploadOverlay(t) : l`
+                  ${i ? c : l`<sfx-drop-zone
+                        .compact=${i}
                         .externalDragOver=${this._bodyDragOver}
                         .accept=${r}
                         .sources=${this._mergedSources}
                         .sourcesLayout=${((s = this.config) == null ? void 0 : s.sourcesLayout) ?? "pills"}
                       ></sfx-drop-zone>`}
 
-                  ${o ? this._previewFileId ? this._renderPreviewLayout(t) : l`
+                  ${i ? this._previewFileId ? this._renderPreviewLayout(t) : l`
                           <div class="asset-count">${t.length} ${t.length === 1 ? "file" : "files"} · ${Y(t.reduce((p, h) => p + (h.size || 0), 0))}</div>
                           <sfx-file-list
                             .files=${t}
@@ -5562,7 +5586,7 @@ const k = (E = class extends U {
                 `}
         </div>
 
-        ${o && i !== "complete" && i !== "uploading" ? l`
+        ${i && o !== "complete" && o !== "uploading" ? l`
               <sfx-actions-bar
                 .uploadState=${"idle"}
                 .fileCount=${t.length}
@@ -5580,7 +5604,7 @@ const k = (E = class extends U {
         ${this._activeConnector && ((d = this.config) != null && d.connectors) ? l`
               <div class="connector-modal-backdrop" @click=${this._onConnectorBackdropClick}>
                 <div class="connector-modal">
-                  ${De.has(this._activeConnector) ? l`
+                  ${je.has(this._activeConnector) ? l`
                         <sfx-search-provider-browser
                           .provider=${this._activeConnector}
                           .companionUrl=${this.config.connectors.companionUrl}
@@ -5647,13 +5671,13 @@ const k = (E = class extends U {
   }
   _navigateFs(e) {
     const t = [...this._store.getState().files.values()].filter(
-      (o) => o.previewUrl || o.type.startsWith("video/") && o.file
-    ), i = t.findIndex((o) => o.id === this._previewFileId);
-    if (i === -1) return;
-    const r = i + e;
+      (i) => i.previewUrl || i.type.startsWith("video/") && i.file
+    ), o = t.findIndex((i) => i.id === this._previewFileId);
+    if (o === -1) return;
+    const r = o + e;
     if (r >= 0 && r < t.length) {
-      const o = t[r];
-      this._fullscreenPreviewUrl = o.previewUrl, this._fullscreenVideoFile = o.type.startsWith("video/") && o.file ? o.file : null, this._previewFileId = o.id, this._fullscreenZoomed = !1, this._fsPanX = 0, this._fsPanY = 0;
+      const i = t[r];
+      this._fullscreenPreviewUrl = i.previewUrl, this._fullscreenVideoFile = i.type.startsWith("video/") && i.file ? i.file : null, this._previewFileId = i.id, this._fullscreenZoomed = !1, this._fsPanX = 0, this._fsPanY = 0;
     }
   }
   _getVideoBlobUrl(e) {
@@ -6982,33 +7006,33 @@ $([
 $([
   g()
 ], k.prototype, "_isPillExpanded");
-let Ct = k;
+let Et = k;
 export {
-  de as A,
+  ce as A,
   W as C,
   v as P,
-  F as S,
-  He as U,
+  j as S,
+  Ve as U,
   z as a,
-  le as b,
+  pe as b,
   B as c,
-  Pe as d,
+  De as d,
   ne as e,
   L as f,
-  Ct as g,
-  Fe as h,
+  Et as g,
+  Me as h,
   se as i,
-  Oe as j,
-  qe as k,
-  pe as l,
-  Ze as m,
+  Te as j,
+  Ne as k,
+  fe as l,
+  et as m,
   K as n,
   V as o,
   A as p,
-  mt as q,
-  Ye as r,
-  _t as s,
-  kt as t,
-  wt as u,
-  yt as v
+  _t as q,
+  Xe as r,
+  $t as s,
+  St as t,
+  kt as u,
+  Ct as v
 };