@singlebase/elements 0.5.0 → 0.6.0

package/dist/{uploader-abQoem5q.js → uploader-vfczkX51.js}

@@ -1,13 +1,13 @@
-var ue = (r) => {
+var ge = (r) => {
   throw TypeError(r);
 };
-var fe = (r, e, t) => e.has(r) || ue("Cannot " + t);
-var d = (r, e, t) => (fe(r, e, "read from private field"), t ? t.call(r) : e.get(r)), l = (r, e, t) => e.has(r) ? ue("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t), c = (r, e, t, i) => (fe(r, e, "write to private field"), i ? i.call(r, t) : e.set(r, t), t);
-import { css as me, LitElement as $e, nothing as x, html as u } from "lit";
-import { property as b, state as Z, customElement as Ue } from "lit/decorators.js";
-import { getDefaultClient as Se } from "@singlebase/core";
-import { t as Me, r as Ce, b as oe, f as v, c as je, p as se, a as ee, e as Fe, g as Oe, h as De, i as Ee } from "./files-BOwtpYyQ.js";
-const Le = me`
+var he = (r, e, t) => e.has(r) || ge("Cannot " + t);
+var d = (r, e, t) => (he(r, e, "read from private field"), t ? t.call(r) : e.get(r)), l = (r, e, t) => e.has(r) ? ge("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t), c = (r, e, t, i) => (he(r, e, "write to private field"), i ? i.call(r, t) : e.set(r, t), t);
+import { css as ye, LitElement as Me, nothing as x, html as u } from "lit";
+import { property as b, state as te, customElement as Ce } from "lit/decorators.js";
+import { getDefaultClient as Te } from "@singlebase/core";
+import { t as je, b as Fe, r as Oe, f as de, a as v, c as De, p as le, e as ie, g as Ee, h as Le, i as Ae, j as Ne, k as Pe } from "./files-DDJWPzZW.js";
+const Re = ye`
   /* ── layout primitives ───────────────────────────────────── */
   .stack {
     display: flex;
@@ -131,7 +131,7 @@ const Le = me`
     color: var(--sb-ink, #16181a);
     background: var(--sb-surface-alt, #fafafa);
     border: 1px solid var(--sb-border, #e4e6e9);
-    border-radius: var(--sb-radius, 4px);
+    border-radius: calc(var(--sb-radius, 4px) * var(--sb-radius-scale, 1));
     padding: var(--sb-field-pad, 11px 13px);
     outline: none;
   }
@@ -201,7 +201,7 @@ const Le = me`
     font: inherit;
     font-size: 13.5px;
     font-weight: 500;
-    border-radius: var(--sb-radius, 4px);
+    border-radius: calc(var(--sb-radius, 4px) * var(--sb-radius-scale, 1));
     cursor: pointer;
     padding: 9px 14px;
     border: 1px solid transparent;
@@ -377,7 +377,7 @@ const Le = me`
   .notice {
     font-size: 13px;
     line-height: 1.45;
-    border-radius: var(--sb-radius, 4px);
+    border-radius: calc(var(--sb-radius, 4px) * var(--sb-radius-scale, 1));
     padding: 10px 12px;
   }
 
@@ -495,7 +495,7 @@ const Le = me`
 
   .acc-item {
     border: 1px solid var(--sb-border, #e4e6e9);
-    border-radius: var(--sb-radius, 4px);
+    border-radius: calc(var(--sb-radius, 4px) * var(--sb-radius-scale, 1));
     overflow: hidden;
     background: transparent;
     transition:
@@ -610,7 +610,7 @@ const Le = me`
     padding: 10px 12px;
     background: var(--sb-surface-alt, #fafafa);
     border: 1px solid var(--sb-border, #e4e6e9);
-    border-radius: var(--sb-radius, 4px);
+    border-radius: calc(var(--sb-radius, 4px) * var(--sb-radius-scale, 1));
   }
 
   .invite-label {
@@ -777,7 +777,7 @@ const Le = me`
     padding: 14px;
     background: var(--sb-surface-alt, #fafafa);
     border: 1px solid var(--sb-border, #e4e6e9);
-    border-radius: var(--sb-radius, 4px);
+    border-radius: calc(var(--sb-radius, 4px) * var(--sb-radius-scale, 1));
   }
 
   /* 2FA switch */
@@ -826,7 +826,7 @@ const Le = me`
     flex: 0 0 auto;
     width: 74px;
     height: 74px;
-    border-radius: var(--sb-radius, 4px);
+    border-radius: calc(var(--sb-radius, 4px) * var(--sb-radius-scale, 1));
     background: var(--sb-surface-alt, #fafafa);
     border: 1px dashed var(--sb-border-strong, #cdd1d6);
     display: flex;
@@ -858,7 +858,7 @@ const Le = me`
     gap: 12px;
     padding: 10px 12px;
     border: 1px solid var(--sb-border, #e4e6e9);
-    border-radius: var(--sb-radius, 4px);
+    border-radius: calc(var(--sb-radius, 4px) * var(--sb-radius-scale, 1));
     background: var(--sb-surface-alt, #fafafa);
   }
 
@@ -922,7 +922,7 @@ const Le = me`
     font: inherit;
     text-align: left;
     padding: 10px 11px;
-    border-radius: var(--sb-radius, 4px);
+    border-radius: calc(var(--sb-radius, 4px) * var(--sb-radius-scale, 1));
     border: 1px dashed var(--sb-border-strong, #cdd1d6);
     background: transparent;
     cursor: pointer;
@@ -974,7 +974,7 @@ const Le = me`
     gap: 12px;
     padding: 14px;
     border: 1px solid var(--sb-danger-panel-border, #efd9d6);
-    border-radius: var(--sb-radius, 4px);
+    border-radius: calc(var(--sb-radius, 4px) * var(--sb-radius-scale, 1));
     background: var(--sb-danger-panel-bg, #fdf7f6);
   }
 
@@ -984,7 +984,7 @@ const Le = me`
     font-style: italic;
   }
 `;
-function Te(r, e, t) {
+function Be(r, e, t) {
   if (!r || !e) return null;
   let i;
   try {
@@ -992,32 +992,32 @@ function Te(r, e, t) {
   } catch {
     return null;
   }
-  let s;
+  let n;
   try {
-    s = new URL(r, i.href);
+    n = new URL(r, i.href);
   } catch {
     return t == null || t(`"${r}" is not a valid URL`), null;
   }
-  return s.protocol !== "http:" && s.protocol !== "https:" ? (t == null || t(`refusing redirect to unsupported scheme "${s.protocol}"`), null) : s.origin !== i.origin ? (t == null || t(`refusing cross-origin redirect to ${s.origin}; same-origin only`), null) : s.href === i.href ? null : s.href;
+  return n.protocol !== "http:" && n.protocol !== "https:" ? (t == null || t(`refusing redirect to unsupported scheme "${n.protocol}"`), null) : n.origin !== i.origin ? (t == null || t(`refusing cross-origin redirect to ${n.origin}; same-origin only`), null) : n.href === i.href ? null : n.href;
 }
-const xe = { pages: null, encrypted: null }, ge = 16 * 1024 * 1024, Ae = 2 * 1024 * 1024, Ne = 40, Pe = 4 * 1024 * 1024, ve = /* @__PURE__ */ new Set(["docx", "pptx", "xlsx"]);
-async function Re(r, e) {
+const we = { pages: null, encrypted: null }, me = 16 * 1024 * 1024, Ge = 2 * 1024 * 1024, Ie = 40, _e = 4 * 1024 * 1024, ke = /* @__PURE__ */ new Set(["docx", "pptx", "xlsx"]);
+async function Ke(r, e) {
   try {
-    if (e === "pdf") return await Be(r);
-    if (ve.has(e)) return await _e(r, e);
+    if (e === "pdf") return await Ve(r);
+    if (ke.has(e)) return await He(r, e);
   } catch {
   }
-  return xe;
+  return we;
 }
-function Ge(r) {
-  return r === "pdf" || ve.has(r);
+function qe(r) {
+  return r === "pdf" || ke.has(r);
 }
-async function Be(r) {
-  const e = await te(r.slice(0, ge)), t = r.size > ge ? await te(r.slice(Math.max(0, r.size - Ae))) : null, i = re(e) + (t ? re(t) : ""), s = /\/Encrypt[\s/<>\]]/.test(i);
-  let g = ye(i);
-  return g === null && (g = await Ie(e)), { pages: g, encrypted: s };
+async function Ve(r) {
+  const e = await ae(r.slice(0, me)), t = r.size > me ? await ae(r.slice(Math.max(0, r.size - Ge))) : null, i = se(e) + (t ? se(t) : ""), n = /\/Encrypt[\s/<>\]]/.test(i);
+  let g = ze(i);
+  return g === null && (g = await Ye(e)), { pages: g, encrypted: n };
 }
-function ye(r) {
+function ze(r) {
   if (/\/Type\s*\/Pages/.test(r)) {
     let t = 0;
     for (const i of r.matchAll(/\/Count\s+(\d+)/g))
@@ -1027,80 +1027,80 @@ function ye(r) {
   const e = r.match(/\/Type\s*\/Page[^s]/g);
   return e != null && e.length ? e.length : null;
 }
-async function Ie(r) {
+async function Ye(r) {
   if (typeof DecompressionStream > "u") return null;
-  const e = re(r);
+  const e = se(r);
   let t = "", i = 0;
-  for (const s of e.matchAll(/stream\r?\n/g)) {
-    if (i >= Ne || t.length >= Pe) break;
-    const g = s.index + s[0].length;
-    let o = e.indexOf("endstream", g);
-    if (o < 0) break;
-    for (; o > g && (e[o - 1] === `
-` || e[o - 1] === "\r"); ) o -= 1;
+  for (const n of e.matchAll(/stream\r?\n/g)) {
+    if (i >= Ie || t.length >= _e) break;
+    const g = n.index + n[0].length;
+    let s = e.indexOf("endstream", g);
+    if (s < 0) break;
+    for (; s > g && (e[s - 1] === `
+` || e[s - 1] === "\r"); ) s -= 1;
     i += 1;
     try {
-      const a = await we(r.subarray(g, o), "deflate");
-      t += re(a);
+      const a = await $e(r.subarray(g, s), "deflate");
+      t += se(a);
     } catch {
     }
   }
-  return t ? ye(t) : null;
+  return t ? ze(t) : null;
 }
-async function _e(r, e) {
-  const t = await te(r.slice(0, 8));
-  if (Ke(t)) return { pages: null, encrypted: !0 };
-  if (t[0] !== 80 || t[1] !== 75) return xe;
-  const i = await qe(r, "docProps/app.xml");
+async function He(r, e) {
+  const t = await ae(r.slice(0, 8));
+  if (Je(t)) return { pages: null, encrypted: !0 };
+  if (t[0] !== 80 || t[1] !== 75) return we;
+  const i = await Xe(r, "docProps/app.xml");
   if (!i) return { pages: null, encrypted: !1 };
-  const s = e === "pptx" ? "Slides" : "Pages", g = new TextDecoder().decode(i).match(new RegExp(`<${s}>(\\d+)</${s}>`));
+  const n = e === "pptx" ? "Slides" : "Pages", g = new TextDecoder().decode(i).match(new RegExp(`<${n}>(\\d+)</${n}>`));
   return { pages: g ? Number(g[1]) : null, encrypted: !1 };
 }
-function Ke(r) {
+function Je(r) {
   return [208, 207, 17, 224, 161, 177, 26, 225].every((t, i) => r[i] === t);
 }
-async function qe(r, e) {
+async function Xe(r, e) {
   const t = Math.min(r.size, 66e3), i = new DataView(await r.slice(r.size - t).arrayBuffer());
-  let s = -1;
+  let n = -1;
   for (let h = i.byteLength - 22; h >= 0; h--)
     if (i.getUint32(h, !0) === 101010256) {
-      s = h;
+      n = h;
       break;
     }
-  if (s < 0) return null;
-  const g = i.getUint32(s + 12, !0), o = i.getUint32(s + 16, !0);
-  if (!g || o === 4294967295) return null;
-  const a = new DataView(await r.slice(o, o + g).arrayBuffer()), m = new TextDecoder();
+  if (n < 0) return null;
+  const g = i.getUint32(n + 12, !0), s = i.getUint32(n + 16, !0);
+  if (!g || s === 4294967295) return null;
+  const a = new DataView(await r.slice(s, s + g).arrayBuffer()), m = new TextDecoder();
   let f = 0;
   for (; f + 46 <= a.byteLength && a.getUint32(f, !0) === 33639248; ) {
-    const h = a.getUint16(f + 10, !0), Q = a.getUint32(f + 20, !0), y = a.getUint16(f + 28, !0), ie = a.getUint16(f + 30, !0), ze = a.getUint16(f + 32, !0), ae = a.getUint32(f + 42, !0);
+    const h = a.getUint16(f + 10, !0), re = a.getUint32(f + 20, !0), y = a.getUint16(f + 28, !0), ne = a.getUint16(f + 30, !0), Se = a.getUint16(f + 32, !0), oe = a.getUint32(f + 42, !0);
     if (m.decode(new Uint8Array(a.buffer, a.byteOffset + f + 46, y)) === e) {
-      const le = new DataView(await r.slice(ae, ae + 30).arrayBuffer()), ce = ae + 30 + le.getUint16(26, !0) + le.getUint16(28, !0), pe = await te(r.slice(ce, ce + Q));
-      return h === 0 ? pe : h === 8 && typeof DecompressionStream < "u" ? await we(pe, "deflate-raw") : null;
+      const ue = new DataView(await r.slice(oe, oe + 30).arrayBuffer()), fe = oe + 30 + ue.getUint16(26, !0) + ue.getUint16(28, !0), be = await ae(r.slice(fe, fe + re));
+      return h === 0 ? be : h === 8 && typeof DecompressionStream < "u" ? await $e(be, "deflate-raw") : null;
     }
-    f += 46 + y + ie + ze;
+    f += 46 + y + ne + Se;
   }
   return null;
 }
-async function te(r) {
+async function ae(r) {
   return new Uint8Array(await r.arrayBuffer());
 }
-async function we(r, e) {
+async function $e(r, e) {
   const t = new Blob([r]).stream().pipeThrough(new DecompressionStream(e));
   return new Uint8Array(await new Response(t).arrayBuffer());
 }
-function re(r) {
+function se(r) {
   let e = "";
   for (let i = 0; i < r.length; i += 32768)
     e += String.fromCharCode(...r.subarray(i, i + 32768));
   return e;
 }
-var ke = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, Ye = (r, e, t) => e in r ? ke(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, p = (r, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ve(e, t) : e, g = r.length - 1, o; g >= 0; g--)
-    (o = r[g]) && (s = (i ? o(e, t, s) : o(s)) || s);
-  return i && s && ke(e, t, s), s;
-}, He = (r, e, t) => Ye(r, e + "", t);
-const ne = {
+var Ue = Object.defineProperty, We = Object.getOwnPropertyDescriptor, Ze = (r, e, t) => e in r ? Ue(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, p = (r, e, t, i) => {
+  for (var n = i > 1 ? void 0 : i ? We(e, t) : e, g = r.length - 1, s; g >= 0; g--)
+    (s = r[g]) && (n = (i ? s(e, t, n) : s(n)) || n);
+  return i && n && Ue(e, t, n), n;
+}, Qe = (r, e, t) => Ze(r, e + "", t);
+const ce = {
   fromAttribute: (r) => {
     if (!r) return {};
     try {
@@ -1111,15 +1111,17 @@ const ne = {
     }
   },
   toAttribute: (r) => JSON.stringify(r ?? {})
-}, de = {
+}, pe = {
   fromAttribute: (r) => r === null ? !0 : r !== "false",
   toAttribute: (r) => r ? null : "false"
-}, be = [
+}, xe = [
   "view",
   "dropzone",
   "allowRename",
   "autoUpload",
   "branding",
+  "brandingText",
+  "brandingUrl",
   "logoUrl",
   "logoText",
   "heading",
@@ -1137,43 +1139,47 @@ const ne = {
   "messages",
   "theme",
   "density",
+  "radius",
   "onComplete",
   "onError"
 ];
-var k, z, $, U, S, M, C, j, F, O, D, E, L, T, A, N, P, R, G, B, I, _, K, q, V, Y, H, J, X, W, he;
-let n = (he = class extends $e {
+var k, z, $, U, S, M, C, T, j, F, O, D, E, L, A, N, P, R, B, G, I, _, K, q, V, Y, H, J, X, W, Z, Q, ee, ve;
+let o = (ve = class extends Me {
   constructor() {
     super(...arguments);
     l(this, k, null);
     l(this, z, {});
     l(this, $);
     l(this, U);
-    l(this, S, "full");
-    l(this, M, !0);
+    l(this, S);
+    l(this, M, "full");
     l(this, C, !0);
+    l(this, T, !0);
     l(this, j, !1);
     l(this, F, !0);
     l(this, O, "");
     l(this, D, "");
     l(this, E, "");
     l(this, L, "");
-    l(this, T, 10);
-    l(this, A, "25MB");
-    l(this, N, 0);
-    l(this, P, "");
-    l(this, R, {});
-    l(this, G, "default");
-    l(this, B, {});
+    l(this, A, "");
+    l(this, N, "");
+    l(this, P, 10);
+    l(this, R, "25MB");
+    l(this, B, 0);
+    l(this, G, "");
     l(this, I, {});
-    l(this, _, !1);
-    l(this, K, "");
-    l(this, q, null);
-    l(this, V, null);
-    l(this, Y, []);
-    l(this, H, "");
-    l(this, J, !1);
-    l(this, X, !1);
+    l(this, _, "default");
+    l(this, K, {});
+    l(this, q, {});
+    l(this, V, !1);
+    l(this, Y, "");
+    l(this, H, null);
+    l(this, J, null);
+    l(this, X, []);
     l(this, W, "");
+    l(this, Z, !1);
+    l(this, Q, !1);
+    l(this, ee, "");
   }
   get client() {
     return d(this, k);
@@ -1199,24 +1205,30 @@ let n = (he = class extends $e {
   set density(e) {
     c(this, U, e);
   }
-  get view() {
+  get radius() {
     return d(this, S);
   }
-  set view(e) {
+  set radius(e) {
     c(this, S, e);
   }
-  get dropzone() {
+  get view() {
     return d(this, M);
   }
-  set dropzone(e) {
+  set view(e) {
     c(this, M, e);
   }
-  get allowRename() {
+  get dropzone() {
     return d(this, C);
   }
-  set allowRename(e) {
+  set dropzone(e) {
     c(this, C, e);
   }
+  get allowRename() {
+    return d(this, T);
+  }
+  set allowRename(e) {
+    c(this, T, e);
+  }
   get autoUpload() {
     return d(this, j);
   }
@@ -1229,138 +1241,150 @@ let n = (he = class extends $e {
   set branding(e) {
     c(this, F, e);
   }
-  get logoUrl() {
+  get brandingText() {
     return d(this, O);
   }
-  set logoUrl(e) {
+  set brandingText(e) {
     c(this, O, e);
   }
-  get logoText() {
+  get brandingUrl() {
     return d(this, D);
   }
-  set logoText(e) {
+  set brandingUrl(e) {
     c(this, D, e);
   }
-  get heading() {
+  get logoUrl() {
     return d(this, E);
   }
-  set heading(e) {
+  set logoUrl(e) {
     c(this, E, e);
   }
-  get description() {
+  get logoText() {
     return d(this, L);
   }
-  set description(e) {
+  set logoText(e) {
     c(this, L, e);
   }
+  get heading() {
+    return d(this, A);
+  }
+  set heading(e) {
+    c(this, A, e);
+  }
+  get description() {
+    return d(this, N);
+  }
+  set description(e) {
+    c(this, N, e);
+  }
   get maxFiles() {
-    return d(this, T);
+    return d(this, P);
   }
   set maxFiles(e) {
-    c(this, T, e);
+    c(this, P, e);
   }
   get maxSize() {
-    return d(this, A);
+    return d(this, R);
   }
   set maxSize(e) {
-    c(this, A, e);
+    c(this, R, e);
   }
   get minSize() {
-    return d(this, N);
+    return d(this, B);
   }
   set minSize(e) {
-    c(this, N, e);
+    c(this, B, e);
   }
   get accept() {
-    return d(this, P);
+    return d(this, G);
   }
   set accept(e) {
-    c(this, P, e);
+    c(this, G, e);
   }
   get rules() {
-    return d(this, R);
+    return d(this, I);
   }
   set rules(e) {
-    c(this, R, e);
+    c(this, I, e);
   }
   get bucket() {
-    return d(this, G);
+    return d(this, _);
   }
   set bucket(e) {
-    c(this, G, e);
+    c(this, _, e);
   }
   get metadata() {
-    return d(this, B);
+    return d(this, K);
   }
   set metadata(e) {
-    c(this, B, e);
+    c(this, K, e);
   }
   get options() {
-    return d(this, I);
+    return d(this, q);
   }
   set options(e) {
-    c(this, I, e);
+    c(this, q, e);
   }
   get publicRead() {
-    return d(this, _);
+    return d(this, V);
   }
   set publicRead(e) {
-    c(this, _, e);
+    c(this, V, e);
   }
   get redirectUrl() {
-    return d(this, K);
+    return d(this, Y);
   }
   set redirectUrl(e) {
-    c(this, K, e);
+    c(this, Y, e);
   }
   get onComplete() {
-    return d(this, q);
+    return d(this, H);
   }
   set onComplete(e) {
-    c(this, q, e);
+    c(this, H, e);
   }
   get onError() {
-    return d(this, V);
+    return d(this, J);
   }
   set onError(e) {
-    c(this, V, e);
+    c(this, J, e);
   }
   get items() {
-    return d(this, Y);
+    return d(this, X);
   }
   set items(e) {
-    c(this, Y, e);
+    c(this, X, e);
   }
   get notice() {
-    return d(this, H);
+    return d(this, W);
   }
   set notice(e) {
-    c(this, H, e);
+    c(this, W, e);
   }
   get busy() {
-    return d(this, J);
+    return d(this, Z);
   }
   set busy(e) {
-    c(this, J, e);
+    c(this, Z, e);
   }
   get dragging() {
-    return d(this, X);
+    return d(this, Q);
   }
   set dragging(e) {
-    c(this, X, e);
+    c(this, Q, e);
   }
   get editing() {
-    return d(this, W);
+    return d(this, ee);
   }
   set editing(e) {
-    c(this, W, e);
+    c(this, ee, e);
   }
   get msg() {
-    return Ce(this.messages);
+    return Oe(this.messages);
   }
   /** An explicit `.client`, else the page default. */
   get resolvedClient() {
-    return this.client ?? Se() ?? null;
+    return this.client ?? Te() ?? null;
   }
   /** The staging list, for host code that wants to inspect or persist it. */
   get files() {
@@ -1386,12 +1410,19 @@ let n = (he = class extends $e {
    */
   set config(e) {
     const t = this;
-    for (const i of be)
+    for (const i of xe)
       e && i in e && (t[i] = e[i]);
   }
+  /**
+   * Changes settings on the fly. Only the keys you pass change; staged files
+   * stay. Returns the element, so calls chain.
+   */
+  configure(e) {
+    return this.config = e, this;
+  }
   get config() {
     const e = this;
-    return Object.fromEntries(be.map((t) => [t, e[t]]));
+    return Object.fromEntries(xe.map((t) => [t, e[t]]));
   }
   /** Drops every staged file and any notice. */
   clear() {
@@ -1404,7 +1435,7 @@ let n = (he = class extends $e {
   async upload() {
     var g;
     if (this.busy) return;
-    const e = this.items.filter((o) => o.status === "ready" || o.status === "error");
+    const e = this.items.filter((s) => s.status === "ready" || s.status === "error");
     if (!e.length) return;
     const t = this.resolvedClient;
     if (!t) {
@@ -1412,35 +1443,35 @@ let n = (he = class extends $e {
       return;
     }
     this.busy = !0, this.notice = "";
-    for (const o of e)
-      o.status = "uploading", o.percent = 0, o.error = "";
+    for (const s of e)
+      s.status = "uploading", s.percent = 0, s.error = "";
     this.items = [...this.items];
-    const i = /* @__PURE__ */ new Map(), s = e.map((o) => {
-      const a = { file: o.file, filename: o.file.name };
-      return this.bucket && (a.bucket = this.bucket), this.publicRead && (a.publicRead = !0), o.name !== o.file.name && (a.newName = o.name), Object.keys(this.metadata ?? {}).length && (a.metadata = { ...this.metadata }), Object.keys(this.options ?? {}).length && (a.options = { ...this.options }), i.set(a, o), a;
+    const i = /* @__PURE__ */ new Map(), n = e.map((s) => {
+      const a = { file: s.file, filename: s.file.name };
+      return this.bucket && (a.bucket = this.bucket), this.publicRead && (a.publicRead = !0), s.name !== s.file.name && (a.newName = s.name), Object.keys(this.metadata ?? {}).length && (a.metadata = { ...this.metadata }), Object.keys(this.options ?? {}).length && (a.options = { ...this.options }), i.set(a, s), a;
     });
     try {
-      const o = await t.files.upload(s, {
+      const s = await t.files.upload(n, {
         onProgress: (f) => {
           const h = i.get(f.input);
           h && (h.percent = f.percent, this.items = [...this.items], this.emit("singlebase-upload-progress", { file: h, percent: this.percent }));
         }
       });
-      for (const f of o.completed) {
+      for (const f of s.completed) {
         const h = i.get(f.input);
         h && (h.status = "done", h.percent = 100, h.record = f.file);
       }
-      for (const f of o.failed) {
+      for (const f of s.failed) {
         const h = i.get(f.input);
         h && (h.status = "error", h.error = f.error.message || f.error.code);
       }
       this.items = [...this.items];
-      const a = o.completed.map((f) => i.get(f.input)).filter(Boolean), m = o.failed.map((f) => i.get(f.input)).filter(Boolean);
+      const a = s.completed.map((f) => i.get(f.input)).filter(Boolean), m = s.failed.map((f) => i.get(f.input)).filter(Boolean);
       this.emit("singlebase-upload-complete", { completed: a, failed: m }), (g = this.onComplete) == null || g.call(this, { completed: a, failed: m }), m.length ? this.notice = this.msg.errUpload : this.redirect();
-    } catch (o) {
+    } catch (s) {
       for (const a of e)
         a.status = "error", a.error = "";
-      this.items = [...this.items], this.fail(Xe(o) || this.msg.errUpload);
+      this.items = [...this.items], this.fail(tt(s) || this.msg.errUpload);
     } finally {
       this.busy = !1;
     }
@@ -1448,10 +1479,10 @@ let n = (he = class extends $e {
   // ── staging ───────────────────────────────────────────────
   /** The rule for this filename's extension, if the host set one. */
   ruleFor(e) {
-    const t = oe(e);
+    const t = de(e);
     if (!t) return null;
-    for (const [i, s] of Object.entries(this.rules ?? {}))
-      if (i.toLowerCase().replace(/^\./, "") === t) return s;
+    for (const [i, n] of Object.entries(this.rules ?? {}))
+      if (i.toLowerCase().replace(/^\./, "") === t) return n;
     return null;
   }
   async add(e) {
@@ -1459,33 +1490,33 @@ let n = (he = class extends $e {
       const a = this.items.filter((m) => m.status === "done" || m.status === "error");
       a.forEach(w), this.items = this.items.filter((m) => !a.includes(m));
     }
-    const t = this.maxFiles > 0 ? this.maxFiles : Number.POSITIVE_INFINITY, i = [...this.items], s = i.length, g = [];
-    let o = "";
+    const t = this.maxFiles > 0 ? this.maxFiles : Number.POSITIVE_INFINITY, i = [...this.items], n = i.length, g = [];
+    let s = "";
     for (const a of Array.from(e)) {
       if (i.length >= t) {
-        o = v(this.msg.errTooMany, { max: t });
+        s = v(this.msg.errTooMany, { max: t });
         break;
       }
-      if (this.accept && !je(this.accept, a.name, a.type)) {
-        o = v(this.msg.errType, { name: a.name });
+      if (this.accept && !De(this.accept, a.name, a.type)) {
+        s = v(this.msg.errType, { name: a.name });
         continue;
       }
-      const m = this.ruleFor(a.name), f = se((m == null ? void 0 : m.maxSize) ?? this.maxSize), h = se((m == null ? void 0 : m.minSize) ?? this.minSize);
+      const m = this.ruleFor(a.name), f = le((m == null ? void 0 : m.maxSize) ?? this.maxSize), h = le((m == null ? void 0 : m.minSize) ?? this.minSize);
       if (f && a.size > f) {
-        o = v(this.msg.errTooLarge, { name: a.name, size: ee(f) });
+        s = v(this.msg.errTooLarge, { name: a.name, size: ie(f) });
         continue;
       }
       if (h && a.size < h) {
-        o = v(this.msg.errTooSmall, { name: a.name, size: ee(h) });
+        s = v(this.msg.errTooSmall, { name: a.name, size: ie(h) });
         continue;
       }
-      const Q = Fe(a);
-      if (i.some((ie) => ie.key === Q)) {
-        o = v(this.msg.errDuplicate, { name: a.name });
+      const re = Ee(a);
+      if (i.some((ne) => ne.key === re)) {
+        s = v(this.msg.errDuplicate, { name: a.name });
         continue;
       }
       const y = {
-        key: Q,
+        key: re,
         file: a,
         name: a.name,
         // Reading bytes takes a moment, so the row appears immediately as
@@ -1496,16 +1527,16 @@ let n = (he = class extends $e {
         record: null,
         pages: null,
         encrypted: null,
-        preview: Je(a)
+        preview: et(a)
       };
       i.push(y), g.push(y);
     }
-    this.notice = o, o && this.emit("singlebase-upload-rejected", { message: o }), i.length !== s && (this.items = i, this.emit("singlebase-upload-selected", { files: this.items }), await Promise.all(
+    this.notice = s, s && this.emit("singlebase-upload-rejected", { message: s }), i.length !== n && (this.items = i, this.emit("singlebase-upload-selected", { files: this.items }), await Promise.all(
       g.filter((a) => a.status === "checking").map((a) => this.inspect(a, this.ruleFor(a.file.name)))
     ), (this.autoUpload || this.view === "button") && this.upload());
   }
   needsInspection(e, t) {
-    return !e || !Ge(oe(t)) ? !1 : e.maxPages !== void 0 || e.allowProtected === !1;
+    return !e || !qe(de(t)) ? !1 : e.maxPages !== void 0 || e.allowProtected === !1;
   }
   /**
    * Reads the file and applies the rule. A fact the reader could not
@@ -1513,21 +1544,21 @@ let n = (he = class extends $e {
    * the page rule simply doesn't apply to that file.
    */
   async inspect(e, t) {
-    const i = await Re(e.file, oe(e.file.name));
+    const i = await Ke(e.file, de(e.file.name));
     e.pages = i.pages, e.encrypted = i.encrypted;
-    let s = "";
-    t.allowProtected === !1 && i.encrypted === !0 ? s = v(this.msg.errProtected, { name: e.name }) : t.maxPages && i.pages !== null && i.pages > t.maxPages && (s = v(this.msg.errTooManyPages, {
+    let n = "";
+    t.allowProtected === !1 && i.encrypted === !0 ? n = v(this.msg.errProtected, { name: e.name }) : t.maxPages && i.pages !== null && i.pages > t.maxPages && (n = v(this.msg.errTooManyPages, {
       name: e.name,
       pages: i.pages,
       max: t.maxPages
-    })), s ? (w(e), this.items = this.items.filter((g) => g !== e), this.notice = s, this.emit("singlebase-upload-rejected", { message: s })) : (e.status = "ready", this.items = [...this.items]);
+    })), n ? (w(e), this.items = this.items.filter((g) => g !== e), this.notice = n, this.emit("singlebase-upload-rejected", { message: n })) : (e.status = "ready", this.items = [...this.items]);
   }
   /** Drops one staged file. Named for the row action, not Element.remove(). */
   removeItem(e) {
     this.items.filter((t) => t.key === e).forEach(w), this.items = this.items.filter((t) => t.key !== e), this.notice = "";
   }
   commitRename(e, t) {
-    e.name = Oe(e.file.name, t), this.editing = "", this.items = [...this.items];
+    e.name = Le(e.file.name, t), this.editing = "", this.items = [...this.items];
   }
   fail(e) {
     var t;
@@ -1538,7 +1569,7 @@ let n = (he = class extends $e {
   }
   redirect() {
     if (!this.redirectUrl || typeof location > "u") return;
-    const e = Te(
+    const e = Be(
       this.redirectUrl,
       location.href,
       (t) => console.warn(`[singlebase-uploader] ${t}`)
@@ -1575,7 +1606,7 @@ let n = (he = class extends $e {
     return this.items.filter((e) => e.status === "ready" || e.status === "error").length;
   }
   get hint() {
-    const e = De(this.accept), t = se(this.maxSize), i = t ? v(this.msg.hintUpTo, { size: ee(t) }) : "";
+    const e = Ae(this.accept), t = le(this.maxSize), i = t ? v(this.msg.hintUpTo, { size: ie(t) }) : "";
     return [e, i].filter(Boolean).join(" · ");
   }
   renderInput() {
@@ -1596,11 +1627,12 @@ let n = (he = class extends $e {
       />` : this.logoText ? u`<div class="brand-mark" part="logo">${this.logoText}</div>` : x;
   }
   renderBranding() {
-    return this.branding ? u`<div class="branding" part="branding">
-      <a href="https://singlebase.cloud" target="_blank" rel="noopener noreferrer"
-        >${this.msg.brandingLabel}</a
-      >
-    </div>` : x;
+    return Ne(
+      this.branding,
+      this.brandingText,
+      this.msg.brandingLabel,
+      this.brandingUrl
+    );
   }
   renderNotice() {
     return this.notice ? u`<div class="banner" role="alert" part="error">${this.notice}</div>` : x;
@@ -1613,7 +1645,7 @@ let n = (he = class extends $e {
     </div>`;
   }
   renderStatus(e) {
-    const t = ee(e.file.size);
+    const t = ie(e.file.size);
     if (e.status === "checking") return `${t} · ${this.msg.checking}`;
     if (e.status === "uploading") return `${t} · ${this.msg.uploading}`;
     if (e.status === "done") return `${t} · ${this.msg.uploaded}`;
@@ -1626,7 +1658,7 @@ let n = (he = class extends $e {
     const t = this.allowRename && e.status === "ready";
     return e.status === "uploading" || e.status, u`<div class="row" part="file">
       <div class="chip" part="file-type">
-        ${e.preview ? u`<img class="thumb" src=${e.preview} alt="" part="preview" />` : Ee(e.name) || "FILE"}
+        ${e.preview ? u`<img class="thumb" src=${e.preview} alt="" part="preview" />` : Pe(e.name) || "FILE"}
       </div>
       <div class="meta">
         ${this.editing === e.key ? u`<input
@@ -1748,11 +1780,12 @@ let n = (he = class extends $e {
   render() {
     return u`${this.renderInput()}${this.view === "button" ? this.renderButton() : this.view === "compact" ? this.renderCompact() : this.renderFull()}`;
   }
-}, k = new WeakMap(), z = new WeakMap(), $ = new WeakMap(), U = new WeakMap(), S = new WeakMap(), M = new WeakMap(), C = new WeakMap(), j = new WeakMap(), F = new WeakMap(), O = new WeakMap(), D = new WeakMap(), E = new WeakMap(), L = new WeakMap(), T = new WeakMap(), A = new WeakMap(), N = new WeakMap(), P = new WeakMap(), R = new WeakMap(), G = new WeakMap(), B = new WeakMap(), I = new WeakMap(), _ = new WeakMap(), K = new WeakMap(), q = new WeakMap(), V = new WeakMap(), Y = new WeakMap(), H = new WeakMap(), J = new WeakMap(), X = new WeakMap(), W = new WeakMap(), he);
-He(n, "styles", [
-  Me,
-  Le,
-  me`
+}, k = new WeakMap(), z = new WeakMap(), $ = new WeakMap(), U = new WeakMap(), S = new WeakMap(), M = new WeakMap(), C = new WeakMap(), T = new WeakMap(), j = new WeakMap(), F = new WeakMap(), O = new WeakMap(), D = new WeakMap(), E = new WeakMap(), L = new WeakMap(), A = new WeakMap(), N = new WeakMap(), P = new WeakMap(), R = new WeakMap(), B = new WeakMap(), G = new WeakMap(), I = new WeakMap(), _ = new WeakMap(), K = new WeakMap(), q = new WeakMap(), V = new WeakMap(), Y = new WeakMap(), H = new WeakMap(), J = new WeakMap(), X = new WeakMap(), W = new WeakMap(), Z = new WeakMap(), Q = new WeakMap(), ee = new WeakMap(), ve);
+Qe(o, "styles", [
+  je,
+  Re,
+  Fe,
+  ye`
       .card {
         display: flex;
         flex-direction: column;
@@ -1762,7 +1795,7 @@ He(n, "styles", [
         background: var(--sb-surface, #ffffff);
         color: var(--sb-ink, #16181a);
         border: 1px solid var(--sb-border, #e4e6e9);
-        border-radius: calc(var(--sb-radius, 4px) + 4px);
+        border-radius: calc((var(--sb-radius, 4px) + 4px) * var(--sb-radius-scale, 1));
       }
 
       .logo-img {
@@ -1804,7 +1837,7 @@ He(n, "styles", [
         padding: 30px 20px;
         text-align: center;
         border: 1px dashed var(--sb-border-strong, #cdd1d6);
-        border-radius: calc(var(--sb-radius, 4px) + 2px);
+        border-radius: calc((var(--sb-radius, 4px) + 2px) * var(--sb-radius-scale, 1));
         background: var(--sb-surface, #ffffff);
         transition:
           border-color 0.15s,
@@ -1844,7 +1877,7 @@ He(n, "styles", [
         gap: 12px;
         padding: 10px 12px;
         border: 1px solid var(--sb-border, #e4e6e9);
-        border-radius: calc(var(--sb-radius, 4px) + 2px);
+        border-radius: calc((var(--sb-radius, 4px) + 2px) * var(--sb-radius-scale, 1));
         background: var(--sb-surface-alt, #fafafa);
         transition:
           border-color 0.15s,
@@ -1891,7 +1924,7 @@ He(n, "styles", [
         color: var(--sb-muted-ink, #61666c);
         background: var(--sb-surface-alt, #fafafa);
         border: 1px solid var(--sb-border, #e4e6e9);
-        border-radius: var(--sb-radius, 4px);
+        border-radius: calc(var(--sb-radius, 4px) * var(--sb-radius-scale, 1));
         overflow: hidden;
       }
 
@@ -1980,7 +2013,7 @@ He(n, "styles", [
         color: var(--sb-ink, #16181a);
         background: none;
         border: 1px dashed var(--sb-border-strong, #cdd1d6);
-        border-radius: calc(var(--sb-radius, 4px) + 2px);
+        border-radius: calc((var(--sb-radius, 4px) + 2px) * var(--sb-radius-scale, 1));
       }
 
       button.add-more:hover:not(:disabled) {
@@ -1993,25 +2026,6 @@ He(n, "styles", [
         font-size: 14px;
       }
 
-      .branding {
-        text-align: center;
-        font-family: var(--sb-mono, "Geist Mono", ui-monospace, monospace);
-        font-size: 10.5px;
-        letter-spacing: 0.06em;
-        color: var(--sb-muted-ink, #61666c);
-      }
-
-      .branding a {
-        color: inherit;
-        text-decoration: none;
-      }
-
-      .branding a:hover {
-        color: var(--sb-ink, #16181a);
-        text-decoration: underline;
-        text-underline-offset: 3px;
-      }
-
       /* the button view is just a control, not a card */
       :host([view="button"]) {
         display: inline-block;
@@ -2026,111 +2040,120 @@ He(n, "styles", [
 ]);
 p([
   b({ attribute: !1 })
-], n.prototype, "client", 1);
+], o.prototype, "client", 1);
 p([
   b({ attribute: !1 })
-], n.prototype, "messages", 1);
+], o.prototype, "messages", 1);
+p([
+  b({ reflect: !0 })
+], o.prototype, "theme", 1);
 p([
   b({ reflect: !0 })
-], n.prototype, "theme", 1);
+], o.prototype, "density", 1);
 p([
   b({ reflect: !0 })
-], n.prototype, "density", 1);
+], o.prototype, "radius", 1);
 p([
   b({ reflect: !0 })
-], n.prototype, "view", 1);
+], o.prototype, "view", 1);
 p([
-  b({ converter: de })
-], n.prototype, "dropzone", 1);
+  b({ converter: pe })
+], o.prototype, "dropzone", 1);
 p([
-  b({ converter: de, attribute: "allow-rename" })
-], n.prototype, "allowRename", 1);
+  b({ converter: pe, attribute: "allow-rename" })
+], o.prototype, "allowRename", 1);
 p([
   b({ type: Boolean, attribute: "auto-upload" })
-], n.prototype, "autoUpload", 1);
+], o.prototype, "autoUpload", 1);
+p([
+  b({ converter: pe })
+], o.prototype, "branding", 1);
 p([
-  b({ converter: de })
-], n.prototype, "branding", 1);
+  b({ attribute: "branding-text" })
+], o.prototype, "brandingText", 1);
+p([
+  b({ attribute: "branding-url" })
+], o.prototype, "brandingUrl", 1);
 p([
   b({ attribute: "logo-url" })
-], n.prototype, "logoUrl", 1);
+], o.prototype, "logoUrl", 1);
 p([
   b({ attribute: "logo-text" })
-], n.prototype, "logoText", 1);
+], o.prototype, "logoText", 1);
 p([
   b()
-], n.prototype, "heading", 1);
+], o.prototype, "heading", 1);
 p([
   b()
-], n.prototype, "description", 1);
+], o.prototype, "description", 1);
 p([
   b({ type: Number, attribute: "max-files" })
-], n.prototype, "maxFiles", 1);
+], o.prototype, "maxFiles", 1);
 p([
   b({ attribute: "max-size" })
-], n.prototype, "maxSize", 1);
+], o.prototype, "maxSize", 1);
 p([
   b({ attribute: "min-size" })
-], n.prototype, "minSize", 1);
+], o.prototype, "minSize", 1);
 p([
   b()
-], n.prototype, "accept", 1);
+], o.prototype, "accept", 1);
 p([
-  b({ converter: ne })
-], n.prototype, "rules", 1);
+  b({ converter: ce })
+], o.prototype, "rules", 1);
 p([
   b()
-], n.prototype, "bucket", 1);
+], o.prototype, "bucket", 1);
 p([
-  b({ converter: ne })
-], n.prototype, "metadata", 1);
+  b({ converter: ce })
+], o.prototype, "metadata", 1);
 p([
-  b({ converter: ne })
-], n.prototype, "options", 1);
+  b({ converter: ce })
+], o.prototype, "options", 1);
 p([
   b({ type: Boolean, attribute: "public-read" })
-], n.prototype, "publicRead", 1);
+], o.prototype, "publicRead", 1);
 p([
   b({ attribute: "redirect-url" })
-], n.prototype, "redirectUrl", 1);
+], o.prototype, "redirectUrl", 1);
 p([
   b({ attribute: !1 })
-], n.prototype, "onComplete", 1);
+], o.prototype, "onComplete", 1);
 p([
   b({ attribute: !1 })
-], n.prototype, "onError", 1);
+], o.prototype, "onError", 1);
 p([
-  Z()
-], n.prototype, "items", 1);
+  te()
+], o.prototype, "items", 1);
 p([
-  Z()
-], n.prototype, "notice", 1);
+  te()
+], o.prototype, "notice", 1);
 p([
-  Z()
-], n.prototype, "busy", 1);
+  te()
+], o.prototype, "busy", 1);
 p([
-  Z()
-], n.prototype, "dragging", 1);
+  te()
+], o.prototype, "dragging", 1);
 p([
-  Z()
-], n.prototype, "editing", 1);
-n = p([
-  Ue("singlebase-uploader")
-], n);
-function Je(r) {
+  te()
+], o.prototype, "editing", 1);
+o = p([
+  Ce("singlebase-uploader")
+], o);
+function et(r) {
   return !r.type.startsWith("image/") || typeof URL.createObjectURL != "function" ? "" : URL.createObjectURL(r);
 }
 function w(r) {
   r.preview && URL.revokeObjectURL(r.preview);
 }
-function Xe(r) {
+function tt(r) {
   return r instanceof Error ? r.message : "";
 }
 export {
-  n as S,
-  Ge as a,
-  Re as i,
-  Te as r,
-  Le as s
+  o as S,
+  qe as a,
+  Ke as i,
+  Be as r,
+  Re as s
 };
-//# sourceMappingURL=uploader-abQoem5q.js.map
+//# sourceMappingURL=uploader-vfczkX51.js.map