@singlebase/elements 0.5.0 → 0.7.0

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

@@ -1,13 +1,13 @@
-var ue = (r) => {
+var fe = (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 be = (r, e, t) => e.has(r) || fe("Cannot " + t);
+var l = (r, e, t) => (be(r, e, "read from private field"), t ? t.call(r) : e.get(r)), d = (r, e, t) => e.has(r) ? fe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t), c = (r, e, t, i) => (be(r, e, "write to private field"), i ? i.call(r, t) : e.set(r, t), t);
+import { css as xe, LitElement as Ue, nothing as x, html as u } from "lit";
+import { property as b, state as Q, customElement as Se } from "lit/decorators.js";
+import { getDefaultClient as Me } from "@singlebase/core";
+import { t as Ce, b as je, r as Fe, f as oe, a as v, c as Oe, p as ne, e as te, g as De, h as Ee, i as Le, j as Te, k as Ae } from "./files-DS-H-3yN.js";
+const Ne = xe`
   /* ── 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 Pe(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 o;
   try {
-    s = new URL(r, i.href);
+    o = 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 o.protocol !== "http:" && o.protocol !== "https:" ? (t == null || t(`refusing redirect to unsupported scheme "${o.protocol}"`), null) : o.origin !== i.origin ? (t == null || t(`refusing cross-origin redirect to ${o.origin}; same-origin only`), null) : o.href === i.href ? null : o.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 ve = { pages: null, encrypted: null }, ge = 16 * 1024 * 1024, Re = 2 * 1024 * 1024, Be = 40, Ge = 4 * 1024 * 1024, ye = /* @__PURE__ */ new Set(["docx", "pptx", "xlsx"]);
+async function Ie(r, e) {
   try {
-    if (e === "pdf") return await Be(r);
-    if (ve.has(e)) return await _e(r, e);
+    if (e === "pdf") return await Ke(r);
+    if (ye.has(e)) return await Ve(r, e);
   } catch {
   }
-  return xe;
+  return ve;
 }
-function Ge(r) {
-  return r === "pdf" || ve.has(r);
+function _e(r) {
+  return r === "pdf" || ye.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 Ke(r) {
+  const e = await re(r.slice(0, ge)), t = r.size > ge ? await re(r.slice(Math.max(0, r.size - Re))) : null, i = ie(e) + (t ? ie(t) : ""), o = /\/Encrypt[\s/<>\]]/.test(i);
+  let g = we(i);
+  return g === null && (g = await qe(e)), { pages: g, encrypted: o };
 }
-function ye(r) {
+function we(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 qe(r) {
   if (typeof DecompressionStream > "u") return null;
-  const e = re(r);
+  const e = ie(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 o of e.matchAll(/stream\r?\n/g)) {
+    if (i >= Be || t.length >= Ge) break;
+    const g = o.index + o[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 ke(r.subarray(g, s), "deflate");
+      t += ie(a);
     } catch {
     }
   }
-  return t ? ye(t) : null;
+  return t ? we(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 Ve(r, e) {
+  const t = await re(r.slice(0, 8));
+  if (Ye(t)) return { pages: null, encrypted: !0 };
+  if (t[0] !== 80 || t[1] !== 75) return ve;
+  const i = await He(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 o = e === "pptx" ? "Slides" : "Pages", g = new TextDecoder().decode(i).match(new RegExp(`<${o}>(\\d+)</${o}>`));
   return { pages: g ? Number(g[1]) : null, encrypted: !1 };
 }
-function Ke(r) {
+function Ye(r) {
   return [208, 207, 17, 224, 161, 177, 26, 225].every((t, i) => r[i] === t);
 }
-async function qe(r, e) {
+async function He(r, e) {
   const t = Math.min(r.size, 66e3), i = new DataView(await r.slice(r.size - t).arrayBuffer());
-  let s = -1;
+  let o = -1;
   for (let h = i.byteLength - 22; h >= 0; h--)
     if (i.getUint32(h, !0) === 101010256) {
-      s = h;
+      o = 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 (o < 0) return null;
+  const g = i.getUint32(o + 12, !0), s = i.getUint32(o + 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), ee = a.getUint32(f + 20, !0), y = a.getUint16(f + 28, !0), ae = a.getUint16(f + 30, !0), $e = a.getUint16(f + 32, !0), se = 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 ce = new DataView(await r.slice(se, se + 30).arrayBuffer()), pe = se + 30 + ce.getUint16(26, !0) + ce.getUint16(28, !0), ue = await re(r.slice(pe, pe + ee));
+      return h === 0 ? ue : h === 8 && typeof DecompressionStream < "u" ? await ke(ue, "deflate-raw") : null;
     }
-    f += 46 + y + ie + ze;
+    f += 46 + y + ae + $e;
   }
   return null;
 }
-async function te(r) {
+async function re(r) {
   return new Uint8Array(await r.arrayBuffer());
 }
-async function we(r, e) {
+async function ke(r, e) {
   const t = new Blob([r]).stream().pipeThrough(new DecompressionStream(e));
   return new Uint8Array(await new Response(t).arrayBuffer());
 }
-function re(r) {
+function ie(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 ze = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, Xe = (r, e, t) => e in r ? ze(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, p = (r, e, t, i) => {
+  for (var o = i > 1 ? void 0 : i ? Je(e, t) : e, g = r.length - 1, s; g >= 0; g--)
+    (s = r[g]) && (o = (i ? s(e, t, o) : s(o)) || o);
+  return i && o && ze(e, t, o), o;
+}, We = (r, e, t) => Xe(r, e + "", t);
+const le = {
   fromAttribute: (r) => {
     if (!r) return {};
     try {
@@ -1114,7 +1114,7 @@ const ne = {
 }, de = {
   fromAttribute: (r) => r === null ? !0 : r !== "false",
   toAttribute: (r) => r ? null : "false"
-}, be = [
+}, he = [
   "view",
   "dropzone",
   "allowRename",
@@ -1137,230 +1137,238 @@ 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, j, F, O, D, E, L, T, A, N, P, R, B, G, I, _, K, q, V, Y, H, J, X, W, Z, me;
+let n = (me = class extends Ue {
   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, C, !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, 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, W, "");
+    d(this, k, null);
+    d(this, z, {});
+    d(this, $);
+    d(this, U);
+    d(this, S);
+    d(this, M, "full");
+    d(this, C, !0);
+    d(this, j, !0);
+    d(this, F, !1);
+    d(this, O, !0);
+    d(this, D, "");
+    d(this, E, "");
+    d(this, L, "");
+    d(this, T, "");
+    d(this, A, 10);
+    d(this, N, "25MB");
+    d(this, P, 0);
+    d(this, R, "");
+    d(this, B, {});
+    d(this, G, "default");
+    d(this, I, {});
+    d(this, _, {});
+    d(this, K, !1);
+    d(this, q, "");
+    d(this, V, null);
+    d(this, Y, null);
+    d(this, H, []);
+    d(this, J, "");
+    d(this, X, !1);
+    d(this, W, !1);
+    d(this, Z, "");
   }
   get client() {
-    return d(this, k);
+    return l(this, k);
   }
   set client(e) {
     c(this, k, e);
   }
   get messages() {
-    return d(this, z);
+    return l(this, z);
   }
   set messages(e) {
     c(this, z, e);
   }
   get theme() {
-    return d(this, $);
+    return l(this, $);
   }
   set theme(e) {
     c(this, $, e);
   }
   get density() {
-    return d(this, U);
+    return l(this, U);
   }
   set density(e) {
     c(this, U, e);
   }
+  get radius() {
+    return l(this, S);
+  }
+  set radius(e) {
+    c(this, S, e);
+  }
   get view() {
-    return d(this, S);
+    return l(this, M);
   }
   set view(e) {
-    c(this, S, e);
+    c(this, M, e);
   }
   get dropzone() {
-    return d(this, M);
+    return l(this, C);
   }
   set dropzone(e) {
-    c(this, M, e);
+    c(this, C, e);
   }
   get allowRename() {
-    return d(this, C);
+    return l(this, j);
   }
   set allowRename(e) {
-    c(this, C, e);
+    c(this, j, e);
   }
   get autoUpload() {
-    return d(this, j);
+    return l(this, F);
   }
   set autoUpload(e) {
-    c(this, j, e);
+    c(this, F, e);
   }
   get branding() {
-    return d(this, F);
+    return l(this, O);
   }
   set branding(e) {
-    c(this, F, e);
+    c(this, O, e);
   }
   get logoUrl() {
-    return d(this, O);
+    return l(this, D);
   }
   set logoUrl(e) {
-    c(this, O, e);
+    c(this, D, e);
   }
   get logoText() {
-    return d(this, D);
+    return l(this, E);
   }
   set logoText(e) {
-    c(this, D, e);
+    c(this, E, e);
   }
   get heading() {
-    return d(this, E);
+    return l(this, L);
   }
   set heading(e) {
-    c(this, E, e);
+    c(this, L, e);
   }
   get description() {
-    return d(this, L);
+    return l(this, T);
   }
   set description(e) {
-    c(this, L, e);
+    c(this, T, e);
   }
   get maxFiles() {
-    return d(this, T);
+    return l(this, A);
   }
   set maxFiles(e) {
-    c(this, T, e);
+    c(this, A, e);
   }
   get maxSize() {
-    return d(this, A);
+    return l(this, N);
   }
   set maxSize(e) {
-    c(this, A, e);
+    c(this, N, e);
   }
   get minSize() {
-    return d(this, N);
+    return l(this, P);
   }
   set minSize(e) {
-    c(this, N, e);
+    c(this, P, e);
   }
   get accept() {
-    return d(this, P);
+    return l(this, R);
   }
   set accept(e) {
-    c(this, P, e);
+    c(this, R, e);
   }
   get rules() {
-    return d(this, R);
+    return l(this, B);
   }
   set rules(e) {
-    c(this, R, e);
+    c(this, B, e);
   }
   get bucket() {
-    return d(this, G);
+    return l(this, G);
   }
   set bucket(e) {
     c(this, G, e);
   }
   get metadata() {
-    return d(this, B);
+    return l(this, I);
   }
   set metadata(e) {
-    c(this, B, e);
+    c(this, I, e);
   }
   get options() {
-    return d(this, I);
+    return l(this, _);
   }
   set options(e) {
-    c(this, I, e);
+    c(this, _, e);
   }
   get publicRead() {
-    return d(this, _);
+    return l(this, K);
   }
   set publicRead(e) {
-    c(this, _, e);
+    c(this, K, e);
   }
   get redirectUrl() {
-    return d(this, K);
+    return l(this, q);
   }
   set redirectUrl(e) {
-    c(this, K, e);
+    c(this, q, e);
   }
   get onComplete() {
-    return d(this, q);
+    return l(this, V);
   }
   set onComplete(e) {
-    c(this, q, e);
+    c(this, V, e);
   }
   get onError() {
-    return d(this, V);
+    return l(this, Y);
   }
   set onError(e) {
-    c(this, V, e);
+    c(this, Y, e);
   }
   get items() {
-    return d(this, Y);
+    return l(this, H);
   }
   set items(e) {
-    c(this, Y, e);
+    c(this, H, e);
   }
   get notice() {
-    return d(this, H);
+    return l(this, J);
   }
   set notice(e) {
-    c(this, H, e);
+    c(this, J, e);
   }
   get busy() {
-    return d(this, J);
+    return l(this, X);
   }
   set busy(e) {
-    c(this, J, e);
+    c(this, X, e);
   }
   get dragging() {
-    return d(this, X);
+    return l(this, W);
   }
   set dragging(e) {
-    c(this, X, e);
+    c(this, W, e);
   }
   get editing() {
-    return d(this, W);
+    return l(this, Z);
   }
   set editing(e) {
-    c(this, W, e);
+    c(this, Z, e);
   }
   get msg() {
-    return Ce(this.messages);
+    return Fe(this.messages);
   }
   /** An explicit `.client`, else the page default. */
   get resolvedClient() {
-    return this.client ?? Se() ?? null;
+    return this.client ?? Me() ?? null;
   }
   /** The staging list, for host code that wants to inspect or persist it. */
   get files() {
@@ -1386,12 +1394,19 @@ let n = (he = class extends $e {
    */
   set config(e) {
     const t = this;
-    for (const i of be)
+    for (const i of he)
       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(he.map((t) => [t, e[t]]));
   }
   /** Drops every staged file and any notice. */
   clear() {
@@ -1404,7 +1419,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 +1427,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(), o = 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(o, {
         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(Qe(s) || this.msg.errUpload);
     } finally {
       this.busy = !1;
     }
@@ -1450,8 +1465,8 @@ let n = (he = class extends $e {
   ruleFor(e) {
     const t = oe(e);
     if (!t) return null;
-    for (const [i, s] of Object.entries(this.rules ?? {}))
-      if (i.toLowerCase().replace(/^\./, "") === t) return s;
+    for (const [i, o] of Object.entries(this.rules ?? {}))
+      if (i.toLowerCase().replace(/^\./, "") === t) return o;
     return null;
   }
   async add(e) {
@@ -1459,33 +1474,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], o = 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 && !Oe(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 = ne((m == null ? void 0 : m.maxSize) ?? this.maxSize), h = ne((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: te(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: te(h) });
         continue;
       }
-      const Q = Fe(a);
-      if (i.some((ie) => ie.key === Q)) {
-        o = v(this.msg.errDuplicate, { name: a.name });
+      const ee = De(a);
+      if (i.some((ae) => ae.key === ee)) {
+        s = v(this.msg.errDuplicate, { name: a.name });
         continue;
       }
       const y = {
-        key: Q,
+        key: ee,
         file: a,
         name: a.name,
         // Reading bytes takes a moment, so the row appears immediately as
@@ -1496,16 +1511,16 @@ let n = (he = class extends $e {
         record: null,
         pages: null,
         encrypted: null,
-        preview: Je(a)
+        preview: Ze(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 !== o && (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 || !_e(oe(t)) ? !1 : e.maxPages !== void 0 || e.allowProtected === !1;
   }
   /**
    * Reads the file and applies the rule. A fact the reader could not
@@ -1513,21 +1528,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 Ie(e.file, oe(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 o = "";
+    t.allowProtected === !1 && i.encrypted === !0 ? o = v(this.msg.errProtected, { name: e.name }) : t.maxPages && i.pages !== null && i.pages > t.maxPages && (o = 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]);
+    })), o ? (w(e), this.items = this.items.filter((g) => g !== e), this.notice = o, this.emit("singlebase-upload-rejected", { message: o })) : (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 = Ee(e.file.name, t), this.editing = "", this.items = [...this.items];
   }
   fail(e) {
     var t;
@@ -1538,7 +1553,7 @@ let n = (he = class extends $e {
   }
   redirect() {
     if (!this.redirectUrl || typeof location > "u") return;
-    const e = Te(
+    const e = Pe(
       this.redirectUrl,
       location.href,
       (t) => console.warn(`[singlebase-uploader] ${t}`)
@@ -1575,7 +1590,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 = Le(this.accept), t = ne(this.maxSize), i = t ? v(this.msg.hintUpTo, { size: te(t) }) : "";
     return [e, i].filter(Boolean).join(" · ");
   }
   renderInput() {
@@ -1596,11 +1611,7 @@ 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 Te(this.branding, "Files");
   }
   renderNotice() {
     return this.notice ? u`<div class="banner" role="alert" part="error">${this.notice}</div>` : x;
@@ -1613,7 +1624,7 @@ let n = (he = class extends $e {
     </div>`;
   }
   renderStatus(e) {
-    const t = ee(e.file.size);
+    const t = te(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 +1637,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" />` : Ae(e.name) || "FILE"}
       </div>
       <div class="meta">
         ${this.editing === e.key ? u`<input
@@ -1748,11 +1759,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(), 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(), 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(), me);
+We(n, "styles", [
+  Ce,
+  Ne,
+  je,
+  xe`
       .card {
         display: flex;
         flex-direction: column;
@@ -1762,7 +1774,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 +1816,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 +1856,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 +1903,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 +1992,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 +2005,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;
@@ -2036,6 +2029,9 @@ p([
 p([
   b({ reflect: !0 })
 ], n.prototype, "density", 1);
+p([
+  b({ reflect: !0 })
+], n.prototype, "radius", 1);
 p([
   b({ reflect: !0 })
 ], n.prototype, "view", 1);
@@ -2076,16 +2072,16 @@ p([
   b()
 ], n.prototype, "accept", 1);
 p([
-  b({ converter: ne })
+  b({ converter: le })
 ], n.prototype, "rules", 1);
 p([
   b()
 ], n.prototype, "bucket", 1);
 p([
-  b({ converter: ne })
+  b({ converter: le })
 ], n.prototype, "metadata", 1);
 p([
-  b({ converter: ne })
+  b({ converter: le })
 ], n.prototype, "options", 1);
 p([
   b({ type: Boolean, attribute: "public-read" })
@@ -2100,37 +2096,37 @@ p([
   b({ attribute: !1 })
 ], n.prototype, "onError", 1);
 p([
-  Z()
+  Q()
 ], n.prototype, "items", 1);
 p([
-  Z()
+  Q()
 ], n.prototype, "notice", 1);
 p([
-  Z()
+  Q()
 ], n.prototype, "busy", 1);
 p([
-  Z()
+  Q()
 ], n.prototype, "dragging", 1);
 p([
-  Z()
+  Q()
 ], n.prototype, "editing", 1);
 n = p([
-  Ue("singlebase-uploader")
+  Se("singlebase-uploader")
 ], n);
-function Je(r) {
+function Ze(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 Qe(r) {
   return r instanceof Error ? r.message : "";
 }
 export {
   n as S,
-  Ge as a,
-  Re as i,
-  Te as r,
-  Le as s
+  _e as a,
+  Ie as i,
+  Pe as r,
+  Ne as s
 };
-//# sourceMappingURL=uploader-abQoem5q.js.map
+//# sourceMappingURL=uploader-tdMU9Gxv.js.map