@singlebase/elements 0.3.0 → 0.6.0

package/dist/{uploader-D-Da1trc.js → uploader-vfczkX51.js}

@@ -1,72 +1,13 @@
-var ue = (r) => {
+var ge = (r) => {
   throw TypeError(r);
 };
-var be = (r, e, t) => e.has(r) || ue("Cannot " + t);
-var d = (r, e, t) => (be(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, o) => (be(r, e, "write to private field"), o ? o.call(r, t) : e.set(r, t), t);
-import { unsafeCSS as ge, css as se, LitElement as Ce, nothing as x, html as f } from "lit";
-import { property as g, state as Z, customElement as Me } from "lit/decorators.js";
-import { getDefaultClient as Le } from "@singlebase/core";
-const he = {
-  font: '"Geist", -apple-system, "Segoe UI", Helvetica, sans-serif',
-  mono: '"Geist Mono", ui-monospace, monospace',
-  accent: "#111111",
-  onAccent: "#ffffff",
-  radius: "4px",
-  surface: "#ffffff",
-  surfaceAlt: "#fafafa",
-  ink: "#16181a",
-  mutedInk: "#61666c",
-  border: "#e4e6e9",
-  borderStrong: "#cdd1d6",
-  danger: "#b4231a",
-  dangerBg: "#fdf1f0",
-  dangerBorder: "#f3d6d3",
-  dangerOutline: "#e8c4c0",
-  dangerPanelBorder: "#efd9d6",
-  dangerPanelBg: "#fdf7f6",
-  ok: "#0f6b4a",
-  okBg: "#f0f7f3",
-  okBorder: "#cfe5da",
-  gap: "16px",
-  pad: "20px",
-  fieldPad: "11px 13px"
-}, Te = se`
-  :host {
-    display: block;
-    box-sizing: border-box;
-    font-family: var(--sb-font, ${ge(he.font)});
-    color: var(--sb-ink, ${ge(he.ink)});
-  }
-
-  :host([theme="dark"]) {
-    /* The light default accent is near-black, which disappears on a dark
-       surface — primary buttons and links both use it. A host that sets its
-       own --sb-accent still wins: outer-page declarations beat :host rules. */
-    --sb-accent: #f3f4f5;
-    --sb-on-accent: #17181b;
-    --sb-surface: #17181b;
-    --sb-surface-alt: #202226;
-    --sb-ink: #f3f4f5;
-    --sb-muted-ink: #a2a8ae;
-    --sb-border: #2c2f34;
-    --sb-border-strong: #3a3e44;
-    --sb-danger: #f08379;
-    --sb-danger-bg: rgba(240, 131, 121, 0.1);
-    --sb-danger-border: rgba(240, 131, 121, 0.3);
-    --sb-danger-outline: rgba(240, 131, 121, 0.4);
-    --sb-danger-panel-border: rgba(240, 131, 121, 0.3);
-    --sb-danger-panel-bg: rgba(240, 131, 121, 0.06);
-    --sb-ok: #6fd1a6;
-    --sb-ok-bg: rgba(111, 209, 166, 0.1);
-    --sb-ok-border: rgba(111, 209, 166, 0.28);
-  }
-
-  :host([density="compact"]) {
-    --sb-gap: 12px;
-    --sb-pad: 16px;
-    --sb-field-pad: 9px 11px;
-  }
-`, Fe = se`
+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;
@@ -190,7 +131,7 @@ const he = {
     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;
   }
@@ -260,7 +201,7 @@ const he = {
     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;
@@ -436,7 +377,7 @@ const he = {
   .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;
   }
 
@@ -554,7 +495,7 @@ const he = {
 
   .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:
@@ -669,7 +610,7 @@ const he = {
     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 {
@@ -836,7 +777,7 @@ const he = {
     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 */
@@ -885,7 +826,7 @@ const he = {
     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;
@@ -917,7 +858,7 @@ const he = {
     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);
   }
 
@@ -981,7 +922,7 @@ const he = {
     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;
@@ -1033,7 +974,7 @@ const he = {
     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);
   }
 
@@ -1043,135 +984,44 @@ const he = {
     font-style: italic;
   }
 `;
-function Oe(r, e, t) {
+function Be(r, e, t) {
   if (!r || !e) return null;
-  let o;
+  let i;
   try {
-    o = new URL(e);
+    i = new URL(e);
   } catch {
     return null;
   }
   let n;
   try {
-    n = new URL(r, o.href);
+    n = new URL(r, i.href);
   } catch {
     return t == null || t(`"${r}" is not a valid URL`), null;
   }
-  return n.protocol !== "http:" && n.protocol !== "https:" ? (t == null || t(`refusing redirect to unsupported scheme "${n.protocol}"`), null) : n.origin !== o.origin ? (t == null || t(`refusing cross-origin redirect to ${n.origin}; same-origin only`), null) : n.href === o.href ? null : n.href;
-}
-const me = {
-  heading: "Upload files",
-  description: "Add one or more files. You can review the list before uploading.",
-  dropTitle: "Drag and drop files here",
-  dropSub: "or browse from your device",
-  hintUpTo: "up to {size} each",
-  chooseFiles: "Choose files",
-  chooseFile: "Choose file",
-  addMore: "+ Add more files",
-  remove: "Remove",
-  rename: "Rename",
-  retry: "Retry",
-  uploadCtaOne: "Upload {n} file",
-  uploadCtaMany: "Upload {n} files",
-  attachments: "Attachments",
-  dropOrChoose: "Drop files or choose",
-  checking: "Checking…",
-  pagesLabel: "{n} pages",
-  countOne: "{n} file of {max}",
-  countMany: "{n} files of {max}",
-  uploading: "Uploading…",
-  uploaded: "Uploaded",
-  failedLabel: "Failed",
-  errTooMany: "You can upload up to {max} files.",
-  errTooLarge: "{name} is larger than {size}.",
-  errTooSmall: "{name} is smaller than {size}.",
-  errDuplicate: "{name} is already in the list.",
-  errType: "{name} isn't an accepted file type.",
-  errNoClient: "No Singlebase client found on this page.",
-  errUpload: "Upload failed.",
-  errProtected: "{name} is password protected.",
-  errTooManyPages: "{name} has {pages} pages; the limit is {max}.",
-  brandingLabel: "Files by Singlebase"
-};
-function De(r) {
-  return r ? { ...me, ...r } : me;
-}
-function v(r, e) {
-  return r.replace(
-    /\{(\w+)\}/g,
-    (t, o) => o in e ? String(e[o]) : t
-  );
-}
-const je = {
-  b: 1,
-  kb: 1024,
-  mb: 1024 * 1024,
-  gb: 1024 * 1024 * 1024
-};
-function ne(r) {
-  if (typeof r == "number") return r > 0 ? r : 0;
-  if (!r) return 0;
-  const e = String(r).trim().toLowerCase().match(/^([\d.]+)\s*(b|kb|mb|gb)?$/);
-  if (!e) return 0;
-  const t = Number.parseFloat(e[1]);
-  return !Number.isFinite(t) || t <= 0 ? 0 : Math.round(t * (je[e[2] ?? "b"] ?? 1));
-}
-function ee(r) {
-  return r < 1024 ? `${r} B` : r < 1024 * 1024 ? `${Math.round(r / 1024)} KB` : r < 1024 * 1024 * 1024 ? `${(r / (1024 * 1024)).toFixed(1)} MB` : `${(r / (1024 * 1024 * 1024)).toFixed(1)} GB`;
-}
-function te(r) {
-  const e = r.lastIndexOf(".");
-  return e <= 0 || e === r.length - 1 ? "" : r.slice(e + 1).toLowerCase();
+  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;
 }
-function Ae(r) {
-  return te(r).toUpperCase().slice(0, 4);
-}
-function Ee(r, e, t) {
-  const o = r.split(",").map((i) => i.trim().toLowerCase()).filter(Boolean);
-  if (!o.length) return !0;
-  const n = e.toLowerCase(), u = (t || "").toLowerCase();
-  return o.some((i) => i.startsWith(".") ? n.endsWith(i) : i.endsWith("/*") ? u.startsWith(i.slice(0, -1)) : u === i);
-}
-function Ne(r) {
-  const e = r.split(",").map((t) => t.trim()).filter(Boolean).map((t) => {
-    if (t.startsWith(".")) return t.slice(1).toUpperCase();
-    if (t.endsWith("/*")) return t.slice(0, -2).toUpperCase();
-    const o = t.indexOf("/");
-    return (o >= 0 ? t.slice(o + 1) : t).toUpperCase();
-  });
-  return [...new Set(e)].join(", ");
-}
-function Be(r) {
-  return `${r.name}:${r.size}:${r.lastModified ?? 0}`;
-}
-function Pe(r, e) {
-  const t = e.trim().replace(/[/\\]/g, "");
-  if (!t) return r;
-  const o = r.lastIndexOf("."), n = o > 0 ? r.slice(o) : "";
-  return n ? t.toLowerCase().endsWith(n.toLowerCase()) ? t : t + n : t;
-}
-const we = { pages: null, encrypted: null }, xe = 16 * 1024 * 1024, Re = 2 * 1024 * 1024, Ie = 40, Ge = 4 * 1024 * 1024, ke = /* @__PURE__ */ new Set(["docx", "pptx", "xlsx"]);
-async function _e(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 We(r);
-    if (ke.has(e)) return await qe(r, e);
+    if (e === "pdf") return await Ve(r);
+    if (ke.has(e)) return await He(r, e);
   } catch {
   }
   return we;
 }
-function Ke(r) {
+function qe(r) {
   return r === "pdf" || ke.has(r);
 }
-async function We(r) {
-  const e = await re(r.slice(0, xe)), t = r.size > xe ? await re(r.slice(Math.max(0, r.size - Re))) : null, o = oe(e) + (t ? oe(t) : ""), n = /\/Encrypt[\s/<>\]]/.test(o);
-  let u = ze(o);
-  return u === null && (u = await Ye(e)), { pages: u, encrypted: n };
+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 ze(r) {
   if (/\/Type\s*\/Pages/.test(r)) {
     let t = 0;
-    for (const o of r.matchAll(/\/Count\s+(\d+)/g))
-      t = Math.max(t, Number(o[1]));
+    for (const i of r.matchAll(/\/Count\s+(\d+)/g))
+      t = Math.max(t, Number(i[1]));
     if (t > 0) return t;
   }
   const e = r.match(/\/Type\s*\/Page[^s]/g);
@@ -1179,78 +1029,78 @@ function ze(r) {
 }
 async function Ye(r) {
   if (typeof DecompressionStream > "u") return null;
-  const e = oe(r);
-  let t = "", o = 0;
+  const e = se(r);
+  let t = "", i = 0;
   for (const n of e.matchAll(/stream\r?\n/g)) {
-    if (o >= Ie || t.length >= Ge) break;
-    const u = n.index + n[0].length;
-    let i = e.indexOf("endstream", u);
-    if (i < 0) break;
-    for (; i > u && (e[i - 1] === `
-` || e[i - 1] === "\r"); ) i -= 1;
-    o += 1;
+    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 $e(r.subarray(u, i), "deflate");
-      t += oe(a);
+      const a = await $e(r.subarray(g, s), "deflate");
+      t += se(a);
     } catch {
     }
   }
   return t ? ze(t) : null;
 }
-async function qe(r, e) {
-  const t = await re(r.slice(0, 8));
-  if (He(t)) return { pages: null, encrypted: !0 };
+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 o = await Ve(r, "docProps/app.xml");
-  if (!o) return { pages: null, encrypted: !1 };
-  const n = e === "pptx" ? "Slides" : "Pages", u = new TextDecoder().decode(o).match(new RegExp(`<${n}>(\\d+)</${n}>`));
-  return { pages: u ? Number(u[1]) : null, encrypted: !1 };
+  const i = await Xe(r, "docProps/app.xml");
+  if (!i) return { pages: null, encrypted: !1 };
+  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 He(r) {
-  return [208, 207, 17, 224, 161, 177, 26, 225].every((t, o) => r[o] === t);
+function Je(r) {
+  return [208, 207, 17, 224, 161, 177, 26, 225].every((t, i) => r[i] === t);
 }
-async function Ve(r, e) {
-  const t = Math.min(r.size, 66e3), o = new DataView(await r.slice(r.size - t).arrayBuffer());
+async function Xe(r, e) {
+  const t = Math.min(r.size, 66e3), i = new DataView(await r.slice(r.size - t).arrayBuffer());
   let n = -1;
-  for (let h = o.byteLength - 22; h >= 0; h--)
-    if (o.getUint32(h, !0) === 101010256) {
+  for (let h = i.byteLength - 22; h >= 0; h--)
+    if (i.getUint32(h, !0) === 101010256) {
       n = h;
       break;
     }
   if (n < 0) return null;
-  const u = o.getUint32(n + 12, !0), i = o.getUint32(n + 16, !0);
-  if (!u || i === 4294967295) return null;
-  const a = new DataView(await r.slice(i, i + u).arrayBuffer()), m = new TextDecoder();
-  let b = 0;
-  for (; b + 46 <= a.byteLength && a.getUint32(b, !0) === 33639248; ) {
-    const h = a.getUint16(b + 10, !0), Q = a.getUint32(b + 20, !0), y = a.getUint16(b + 28, !0), ie = a.getUint16(b + 30, !0), Se = a.getUint16(b + 32, !0), ae = a.getUint32(b + 42, !0);
-    if (m.decode(new Uint8Array(a.buffer, a.byteOffset + b + 46, y)) === e) {
-      const ce = new DataView(await r.slice(ae, ae + 30).arrayBuffer()), pe = ae + 30 + ce.getUint16(26, !0) + ce.getUint16(28, !0), fe = await re(r.slice(pe, pe + Q));
-      return h === 0 ? fe : h === 8 && typeof DecompressionStream < "u" ? await $e(fe, "deflate-raw") : 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), 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 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;
     }
-    b += 46 + y + ie + Se;
+    f += 46 + y + ne + Se;
   }
   return null;
 }
-async function re(r) {
+async function ae(r) {
   return new Uint8Array(await r.arrayBuffer());
 }
 async function $e(r, e) {
   const t = new Blob([r]).stream().pipeThrough(new DecompressionStream(e));
   return new Uint8Array(await new Response(t).arrayBuffer());
 }
-function oe(r) {
+function se(r) {
   let e = "";
-  for (let o = 0; o < r.length; o += 32768)
-    e += String.fromCharCode(...r.subarray(o, o + 32768));
+  for (let i = 0; i < r.length; i += 32768)
+    e += String.fromCharCode(...r.subarray(i, i + 32768));
   return e;
 }
-var Ue = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, Xe = (r, e, t) => e in r ? Ue(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, p = (r, e, t, o) => {
-  for (var n = o > 1 ? void 0 : o ? Je(e, t) : e, u = r.length - 1, i; u >= 0; u--)
-    (i = r[u]) && (n = (o ? i(e, t, n) : i(n)) || n);
-  return o && n && Ue(e, t, n), n;
-}, Ze = (r, e, t) => Xe(r, e + "", t);
-const de = {
+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 {
@@ -1261,15 +1111,17 @@ const de = {
     }
   },
   toAttribute: (r) => JSON.stringify(r ?? {})
-}, le = {
+}, pe = {
   fromAttribute: (r) => r === null ? !0 : r !== "false",
   toAttribute: (r) => r ? null : "false"
-}, ve = [
+}, xe = [
   "view",
   "dropzone",
   "allowRename",
   "autoUpload",
   "branding",
+  "brandingText",
+  "brandingUrl",
   "logoUrl",
   "logoText",
   "heading",
@@ -1287,43 +1139,47 @@ const de = {
   "messages",
   "theme",
   "density",
+  "radius",
   "onComplete",
   "onError"
 ];
-var k, z, $, U, S, C, M, L, T, F, O, D, j, A, E, N, B, P, R, I, G, _, K, W, Y, q, H, V, J, X, ye;
-let s = (ye = class extends Ce {
+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, S);
+    l(this, M, "full");
     l(this, C, !0);
-    l(this, M, !0);
-    l(this, L, !1);
     l(this, T, !0);
-    l(this, F, "");
+    l(this, j, !1);
+    l(this, F, !0);
     l(this, O, "");
     l(this, D, "");
-    l(this, j, "");
-    l(this, A, 10);
-    l(this, E, "25MB");
-    l(this, N, 0);
-    l(this, B, "");
-    l(this, P, {});
-    l(this, R, "default");
+    l(this, E, "");
+    l(this, L, "");
+    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, G, {});
-    l(this, _, !1);
-    l(this, K, "");
-    l(this, W, null);
-    l(this, Y, null);
-    l(this, q, []);
-    l(this, H, "");
+    l(this, _, "default");
+    l(this, K, {});
+    l(this, q, {});
     l(this, V, !1);
-    l(this, J, !1);
-    l(this, X, "");
+    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);
@@ -1349,12 +1205,18 @@ let s = (ye = class extends Ce {
   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 view() {
+    return d(this, M);
+  }
+  set view(e) {
+    c(this, M, e);
+  }
   get dropzone() {
     return d(this, C);
   }
@@ -1362,155 +1224,167 @@ let s = (ye = class extends Ce {
     c(this, C, e);
   }
   get allowRename() {
-    return d(this, M);
+    return d(this, T);
   }
   set allowRename(e) {
-    c(this, M, e);
+    c(this, T, e);
   }
   get autoUpload() {
-    return d(this, L);
+    return d(this, j);
   }
   set autoUpload(e) {
-    c(this, L, e);
+    c(this, j, e);
   }
   get branding() {
-    return d(this, T);
+    return d(this, F);
   }
   set branding(e) {
-    c(this, T, e);
+    c(this, F, e);
+  }
+  get brandingText() {
+    return d(this, O);
+  }
+  set brandingText(e) {
+    c(this, O, e);
+  }
+  get brandingUrl() {
+    return d(this, D);
+  }
+  set brandingUrl(e) {
+    c(this, D, e);
   }
   get logoUrl() {
-    return d(this, F);
+    return d(this, E);
   }
   set logoUrl(e) {
-    c(this, F, e);
+    c(this, E, e);
   }
   get logoText() {
-    return d(this, O);
+    return d(this, L);
   }
   set logoText(e) {
-    c(this, O, e);
+    c(this, L, e);
   }
   get heading() {
-    return d(this, D);
+    return d(this, A);
   }
   set heading(e) {
-    c(this, D, e);
+    c(this, A, e);
   }
   get description() {
-    return d(this, j);
+    return d(this, N);
   }
   set description(e) {
-    c(this, j, e);
+    c(this, N, e);
   }
   get maxFiles() {
-    return d(this, A);
+    return d(this, P);
   }
   set maxFiles(e) {
-    c(this, A, e);
+    c(this, P, e);
   }
   get maxSize() {
-    return d(this, E);
+    return d(this, R);
   }
   set maxSize(e) {
-    c(this, E, 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, B);
+    return d(this, G);
   }
   set accept(e) {
-    c(this, B, e);
+    c(this, G, e);
   }
   get rules() {
-    return d(this, P);
+    return d(this, I);
   }
   set rules(e) {
-    c(this, P, e);
+    c(this, I, e);
   }
   get bucket() {
-    return d(this, R);
+    return d(this, _);
   }
   set bucket(e) {
-    c(this, R, e);
+    c(this, _, e);
   }
   get metadata() {
-    return d(this, I);
+    return d(this, K);
   }
   set metadata(e) {
-    c(this, I, e);
+    c(this, K, e);
   }
   get options() {
-    return d(this, G);
+    return d(this, q);
   }
   set options(e) {
-    c(this, G, 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, W);
+    return d(this, H);
   }
   set onComplete(e) {
-    c(this, W, e);
+    c(this, H, e);
   }
   get onError() {
-    return d(this, Y);
+    return d(this, J);
   }
   set onError(e) {
-    c(this, Y, e);
+    c(this, J, e);
   }
   get items() {
-    return d(this, q);
+    return d(this, X);
   }
   set items(e) {
-    c(this, q, 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, V);
+    return d(this, Z);
   }
   set busy(e) {
-    c(this, V, e);
+    c(this, Z, e);
   }
   get dragging() {
-    return d(this, J);
+    return d(this, Q);
   }
   set dragging(e) {
-    c(this, J, e);
+    c(this, Q, e);
   }
   get editing() {
-    return d(this, X);
+    return d(this, ee);
   }
   set editing(e) {
-    c(this, X, e);
+    c(this, ee, e);
   }
   get msg() {
-    return De(this.messages);
+    return Oe(this.messages);
   }
   /** An explicit `.client`, else the page default. */
   get resolvedClient() {
-    return this.client ?? Le() ?? null;
+    return this.client ?? Te() ?? null;
   }
   /** The staging list, for host code that wants to inspect or persist it. */
   get files() {
@@ -1519,7 +1393,7 @@ let s = (ye = class extends Ce {
   /** Overall progress across the current batch, 0–100. */
   get percent() {
     const e = this.items.filter((t) => t.status !== "ready");
-    return e.length ? Math.round(e.reduce((t, o) => t + o.percent, 0) / e.length) : 0;
+    return e.length ? Math.round(e.reduce((t, i) => t + i.percent, 0) / e.length) : 0;
   }
   // ── public API ────────────────────────────────────────────
   /** Opens the file picker. */
@@ -1536,12 +1410,19 @@ let s = (ye = class extends Ce {
    */
   set config(e) {
     const t = this;
-    for (const o of ve)
-      e && o in e && (t[o] = e[o]);
+    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(ve.map((t) => [t, e[t]]));
+    return Object.fromEntries(xe.map((t) => [t, e[t]]));
   }
   /** Drops every staged file and any notice. */
   clear() {
@@ -1552,9 +1433,9 @@ let s = (ye = class extends Ce {
   }
   /** Uploads everything staged. Rows that already succeeded are left alone. */
   async upload() {
-    var u;
+    var g;
     if (this.busy) return;
-    const e = this.items.filter((i) => i.status === "ready" || i.status === "error");
+    const e = this.items.filter((s) => s.status === "ready" || s.status === "error");
     if (!e.length) return;
     const t = this.resolvedClient;
     if (!t) {
@@ -1562,35 +1443,35 @@ let s = (ye = class extends Ce {
       return;
     }
     this.busy = !0, this.notice = "";
-    for (const i of e)
-      i.status = "uploading", i.percent = 0, i.error = "";
+    for (const s of e)
+      s.status = "uploading", s.percent = 0, s.error = "";
     this.items = [...this.items];
-    const o = /* @__PURE__ */ new Map(), n = e.map((i) => {
-      const a = { file: i.file, filename: i.file.name };
-      return this.bucket && (a.bucket = this.bucket), this.publicRead && (a.publicRead = !0), i.name !== i.file.name && (a.newName = i.name), Object.keys(this.metadata ?? {}).length && (a.metadata = { ...this.metadata }), Object.keys(this.options ?? {}).length && (a.options = { ...this.options }), o.set(a, i), 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 i = await t.files.upload(n, {
-        onProgress: (b) => {
-          const h = o.get(b.input);
-          h && (h.percent = b.percent, this.items = [...this.items], this.emit("singlebase-upload-progress", { file: h, percent: this.percent }));
+      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 b of i.completed) {
-        const h = o.get(b.input);
-        h && (h.status = "done", h.percent = 100, h.record = b.file);
+      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 b of i.failed) {
-        const h = o.get(b.input);
-        h && (h.status = "error", h.error = b.error.message || b.error.code);
+      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 = i.completed.map((b) => o.get(b.input)).filter(Boolean), m = i.failed.map((b) => o.get(b.input)).filter(Boolean);
-      this.emit("singlebase-upload-complete", { completed: a, failed: m }), (u = this.onComplete) == null || u.call(this, { completed: a, failed: m }), m.length ? this.notice = this.msg.errUpload : this.redirect();
-    } catch (i) {
+      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 (s) {
       for (const a of e)
         a.status = "error", a.error = "";
-      this.items = [...this.items], this.fail(et(i) || this.msg.errUpload);
+      this.items = [...this.items], this.fail(tt(s) || this.msg.errUpload);
     } finally {
       this.busy = !1;
     }
@@ -1598,10 +1479,10 @@ let s = (ye = class extends Ce {
   // ── staging ───────────────────────────────────────────────
   /** The rule for this filename's extension, if the host set one. */
   ruleFor(e) {
-    const t = te(e);
+    const t = de(e);
     if (!t) return null;
-    for (const [o, n] of Object.entries(this.rules ?? {}))
-      if (o.toLowerCase().replace(/^\./, "") === t) return n;
+    for (const [i, n] of Object.entries(this.rules ?? {}))
+      if (i.toLowerCase().replace(/^\./, "") === t) return n;
     return null;
   }
   async add(e) {
@@ -1609,33 +1490,33 @@ let s = (ye = class extends Ce {
       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, o = [...this.items], n = o.length, u = [];
-    let i = "";
+    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 (o.length >= t) {
-        i = v(this.msg.errTooMany, { max: t });
+      if (i.length >= t) {
+        s = v(this.msg.errTooMany, { max: t });
         break;
       }
-      if (this.accept && !Ee(this.accept, a.name, a.type)) {
-        i = 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), b = ne((m == null ? void 0 : m.maxSize) ?? this.maxSize), h = ne((m == null ? void 0 : m.minSize) ?? this.minSize);
-      if (b && a.size > b) {
-        i = v(this.msg.errTooLarge, { name: a.name, size: ee(b) });
+      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) {
+        s = v(this.msg.errTooLarge, { name: a.name, size: ie(f) });
         continue;
       }
       if (h && a.size < h) {
-        i = v(this.msg.errTooSmall, { name: a.name, size: ee(h) });
+        s = v(this.msg.errTooSmall, { name: a.name, size: ie(h) });
         continue;
       }
-      const Q = Be(a);
-      if (o.some((ie) => ie.key === Q)) {
-        i = 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
@@ -1646,16 +1527,16 @@ let s = (ye = class extends Ce {
         record: null,
         pages: null,
         encrypted: null,
-        preview: Qe(a)
+        preview: et(a)
       };
-      o.push(y), u.push(y);
+      i.push(y), g.push(y);
     }
-    this.notice = i, i && this.emit("singlebase-upload-rejected", { message: i }), o.length !== n && (this.items = o, this.emit("singlebase-upload-selected", { files: this.items }), await Promise.all(
-      u.filter((a) => a.status === "checking").map((a) => this.inspect(a, this.ruleFor(a.file.name)))
+    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 || !Ke(te(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
@@ -1663,21 +1544,21 @@ let s = (ye = class extends Ce {
    * the page rule simply doesn't apply to that file.
    */
   async inspect(e, t) {
-    const o = await _e(e.file, te(e.file.name));
-    e.pages = o.pages, e.encrypted = o.encrypted;
+    const i = await Ke(e.file, de(e.file.name));
+    e.pages = i.pages, e.encrypted = i.encrypted;
     let n = "";
-    t.allowProtected === !1 && o.encrypted === !0 ? n = v(this.msg.errProtected, { name: e.name }) : t.maxPages && o.pages !== null && o.pages > t.maxPages && (n = v(this.msg.errTooManyPages, {
+    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: o.pages,
+      pages: i.pages,
       max: t.maxPages
-    })), n ? (w(e), this.items = this.items.filter((u) => u !== e), this.notice = n, this.emit("singlebase-upload-rejected", { message: n })) : (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 = Pe(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;
@@ -1688,7 +1569,7 @@ let s = (ye = class extends Ce {
   }
   redirect() {
     if (!this.redirectUrl || typeof location > "u") return;
-    const e = Oe(
+    const e = Be(
       this.redirectUrl,
       location.href,
       (t) => console.warn(`[singlebase-uploader] ${t}`)
@@ -1697,14 +1578,14 @@ let s = (ye = class extends Ce {
   }
   // ── events ────────────────────────────────────────────────
   onPick(e) {
-    var o;
+    var i;
     const t = e.target;
-    (o = t.files) != null && o.length && this.add(t.files), t.value = "";
+    (i = t.files) != null && i.length && this.add(t.files), t.value = "";
   }
   onDrop(e) {
-    var o;
+    var i;
     e.preventDefault(), this.dragging = !1;
-    const t = (o = e.dataTransfer) == null ? void 0 : o.files;
+    const t = (i = e.dataTransfer) == null ? void 0 : i.files;
     t != null && t.length && this.add(t);
   }
   onDragOver(e) {
@@ -1725,11 +1606,11 @@ let s = (ye = class extends Ce {
     return this.items.filter((e) => e.status === "ready" || e.status === "error").length;
   }
   get hint() {
-    const e = Ne(this.accept), t = ne(this.maxSize), o = t ? v(this.msg.hintUpTo, { size: ee(t) }) : "";
-    return [e, o].filter(Boolean).join(" · ");
+    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() {
-    return f`<input
+    return u`<input
       class="sr-only"
       type="file"
       ?multiple=${this.maxFiles !== 1}
@@ -1738,56 +1619,57 @@ let s = (ye = class extends Ce {
     />`;
   }
   renderLogo() {
-    return this.logoUrl ? f`<img
+    return this.logoUrl ? u`<img
         class="logo-img"
         src=${this.logoUrl}
         alt=${this.logoText || "Logo"}
         part="logo"
-      />` : this.logoText ? f`<div class="brand-mark" part="logo">${this.logoText}</div>` : x;
+      />` : this.logoText ? u`<div class="brand-mark" part="logo">${this.logoText}</div>` : x;
   }
   renderBranding() {
-    return this.branding ? f`<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 ? f`<div class="banner" role="alert" part="error">${this.notice}</div>` : x;
+    return this.notice ? u`<div class="banner" role="alert" part="error">${this.notice}</div>` : x;
   }
   renderCount() {
     if (!this.items.length) return x;
     const e = this.items.length === 1 ? this.msg.countOne : this.msg.countMany;
-    return f`<div class="count" part="count">
+    return u`<div class="count" part="count">
       ${v(e, { n: this.items.length, max: this.maxFiles })}
     </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}`;
     if (e.status === "error")
       return `${t} · ${e.error || this.msg.failedLabel}`;
-    const o = e.pages ? ` · ${v(this.msg.pagesLabel, { n: e.pages })}` : "";
-    return t + o;
+    const i = e.pages ? ` · ${v(this.msg.pagesLabel, { n: e.pages })}` : "";
+    return t + i;
   }
   renderRow(e) {
     const t = this.allowRename && e.status === "ready";
-    return e.status === "uploading" || e.status, f`<div class="row" part="file">
+    return e.status === "uploading" || e.status, u`<div class="row" part="file">
       <div class="chip" part="file-type">
-        ${e.preview ? f`<img class="thumb" src=${e.preview} alt="" part="preview" />` : Ae(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 ? f`<input
+        ${this.editing === e.key ? u`<input
                 class="name-input"
                 .value=${e.name}
                 autofocus
-                @keydown=${(o) => {
-      o.key === "Enter" ? this.commitRename(e, o.target.value) : o.key === "Escape" && (this.editing = "");
+                @keydown=${(i) => {
+      i.key === "Enter" ? this.commitRename(e, i.target.value) : i.key === "Escape" && (this.editing = "");
     }}
-                @blur=${(o) => this.commitRename(e, o.target.value)}
-              />` : t ? f`<button
+                @blur=${(i) => this.commitRename(e, i.target.value)}
+              />` : t ? u`<button
                   class="name"
                   title=${this.msg.rename}
                   @click=${() => {
@@ -1795,40 +1677,40 @@ let s = (ye = class extends Ce {
     }}
                 >
                   ${e.name}
-                </button>` : f`<div class="name">${e.name}</div>`}
+                </button>` : u`<div class="name">${e.name}</div>`}
         <div class="sz" data-state=${e.status}>${this.renderStatus(e)}</div>
-        ${e.status === "uploading" ? f`<div class="bar" part="progress">
+        ${e.status === "uploading" ? u`<div class="bar" part="progress">
                 <div class="bar-fill" style="width:${e.percent}%"></div>
               </div>` : x}
       </div>
       <div class="row-act">
-        ${e.status === "error" ? f`<button class="link-sm" @click=${() => void this.upload()}>
+        ${e.status === "error" ? u`<button class="link-sm" @click=${() => void this.upload()}>
                 ${this.msg.retry}
               </button>` : x}
-        ${e.status === "uploading" || e.status === "done" ? x : f`<button class="link-sm" @click=${() => this.removeItem(e.key)}>
+        ${e.status === "uploading" || e.status === "done" ? x : u`<button class="link-sm" @click=${() => this.removeItem(e.key)}>
                 ${this.msg.remove}
               </button>`}
       </div>
     </div>`;
   }
   renderRows() {
-    return this.items.length ? f`<div class="rows" part="files">
+    return this.items.length ? u`<div class="rows" part="files">
       ${this.items.map((e) => this.renderRow(e))}
     </div>` : x;
   }
   renderDropzone() {
-    return f`<div class="drop" part="dropzone" data-drag=${String(this.dragging)}>
+    return u`<div class="drop" part="dropzone" data-drag=${String(this.dragging)}>
       <div class="arrow" aria-hidden="true">↑</div>
       <div class="drop-title">${this.msg.dropTitle}</div>
       <button class="link" @click=${this.open}>${this.msg.dropSub}</button>
-      ${this.hint ? f`<div class="hint">${this.hint}</div>` : x}
+      ${this.hint ? u`<div class="hint">${this.hint}</div>` : x}
     </div>`;
   }
   renderUploadCta() {
     const e = this.pendingCount;
     if (this.autoUpload || !e && !this.busy) return x;
     const t = e === 1 ? this.msg.uploadCtaOne : this.msg.uploadCtaMany;
-    return f`<button
+    return u`<button
       class="primary wide"
       part="submit"
       ?disabled=${this.busy || this.checking}
@@ -1843,26 +1725,26 @@ let s = (ye = class extends Ce {
    */
   renderFull() {
     const e = this.dropzone && !this.items.length && this.canAddMore;
-    return f`<div
+    return u`<div
       class="card"
       part="card"
       @dragover=${this.onDragOver}
       @dragleave=${this.onDragLeave}
       @drop=${this.onDrop}
     >
-      ${this.logoUrl || this.logoText || this.heading || this.description ? f`<div class="head-block">
+      ${this.logoUrl || this.logoText || this.heading || this.description ? u`<div class="head-block">
               ${this.renderLogo()}
-              ${this.heading ? f`<div class="title">${this.heading}</div>` : x}
-              ${this.description ? f`<div class="sub">${this.description}</div>` : x}
+              ${this.heading ? u`<div class="title">${this.heading}</div>` : x}
+              ${this.description ? u`<div class="sub">${this.description}</div>` : x}
             </div>` : x}
       ${this.renderCount()} ${this.renderNotice()} ${this.renderRows()}
       ${e ? this.renderDropzone() : x}
-      ${!e && this.canAddMore ? f`<button class="add-more" @click=${this.open}>${this.msg.addMore}</button>` : x}
+      ${!e && this.canAddMore ? u`<button class="add-more" @click=${this.open}>${this.msg.addMore}</button>` : x}
       ${this.renderUploadCta()} ${this.renderBranding()}
     </div>`;
   }
   renderCompact() {
-    return f`<div
+    return u`<div
       class="card"
       part="card"
       @dragover=${this.onDragOver}
@@ -1873,36 +1755,37 @@ let s = (ye = class extends Ce {
         <span class="sec-title">${this.heading || this.msg.attachments}</span>
         <span class="count">${this.items.length} / ${this.maxFiles}</span>
       </div>
-      ${this.dropzone ? f`<div class="strip" part="dropzone" data-drag=${String(this.dragging)}>
+      ${this.dropzone ? u`<div class="strip" part="dropzone" data-drag=${String(this.dragging)}>
               <span class="strip-label">${this.msg.dropOrChoose}</span>
               <button class="secondary" ?disabled=${!this.canAddMore} @click=${this.open}>
                 ${this.msg.chooseFiles}
               </button>
-            </div>` : f`<button class="secondary" ?disabled=${!this.canAddMore} @click=${this.open}>
+            </div>` : u`<button class="secondary" ?disabled=${!this.canAddMore} @click=${this.open}>
               ${this.msg.chooseFiles}
             </button>`}
-      ${this.hint ? f`<div class="hint">${this.hint}</div>` : x} ${this.renderNotice()}
+      ${this.hint ? u`<div class="hint">${this.hint}</div>` : x} ${this.renderNotice()}
       ${this.renderRows()} ${this.renderUploadCta()} ${this.renderBranding()}
     </div>`;
   }
   renderButton() {
     const e = this.items[this.items.length - 1];
-    return f`<div class="button-view">
+    return u`<div class="button-view">
       <button class="primary" ?disabled=${this.busy || !this.canAddMore} @click=${this.open}>
         ${this.busy ? this.msg.uploading : this.msg.chooseFile}
       </button>
-      ${e && e.status !== "ready" ? f`<div class="sz" data-state=${e.status}>${this.renderStatus(e)}</div>` : x}
+      ${e && e.status !== "ready" ? u`<div class="sz" data-state=${e.status}>${this.renderStatus(e)}</div>` : x}
       ${this.renderNotice()}
     </div>`;
   }
   render() {
-    return f`${this.renderInput()}${this.view === "button" ? this.renderButton() : this.view === "compact" ? this.renderCompact() : this.renderFull()}`;
+    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(), C = new WeakMap(), M = new WeakMap(), L = new WeakMap(), T = new WeakMap(), F = new WeakMap(), O = new WeakMap(), D = new WeakMap(), j = new WeakMap(), A = new WeakMap(), E = new WeakMap(), N = new WeakMap(), B = new WeakMap(), P = new WeakMap(), R = new WeakMap(), I = new WeakMap(), G = new WeakMap(), _ = new WeakMap(), K = new WeakMap(), W = new WeakMap(), Y = new WeakMap(), q = new WeakMap(), H = new WeakMap(), V = new WeakMap(), J = new WeakMap(), X = new WeakMap(), ye);
-Ze(s, "styles", [
-  Te,
+}, 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,
-  se`
+  ye`
       .card {
         display: flex;
         flex-direction: column;
@@ -1912,7 +1795,7 @@ Ze(s, "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 {
@@ -1954,7 +1837,7 @@ Ze(s, "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,
@@ -1994,7 +1877,7 @@ Ze(s, "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,
@@ -2041,7 +1924,7 @@ Ze(s, "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;
       }
 
@@ -2130,7 +2013,7 @@ Ze(s, "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) {
@@ -2143,25 +2026,6 @@ Ze(s, "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;
@@ -2175,116 +2039,121 @@ Ze(s, "styles", [
     `
 ]);
 p([
-  g({ attribute: !1 })
-], s.prototype, "client", 1);
+  b({ attribute: !1 })
+], o.prototype, "client", 1);
+p([
+  b({ attribute: !1 })
+], o.prototype, "messages", 1);
 p([
-  g({ attribute: !1 })
-], s.prototype, "messages", 1);
+  b({ reflect: !0 })
+], o.prototype, "theme", 1);
 p([
-  g({ reflect: !0 })
-], s.prototype, "theme", 1);
+  b({ reflect: !0 })
+], o.prototype, "density", 1);
 p([
-  g({ reflect: !0 })
-], s.prototype, "density", 1);
+  b({ reflect: !0 })
+], o.prototype, "radius", 1);
 p([
-  g({ reflect: !0 })
-], s.prototype, "view", 1);
+  b({ reflect: !0 })
+], o.prototype, "view", 1);
 p([
-  g({ converter: le })
-], s.prototype, "dropzone", 1);
+  b({ converter: pe })
+], o.prototype, "dropzone", 1);
 p([
-  g({ converter: le, attribute: "allow-rename" })
-], s.prototype, "allowRename", 1);
+  b({ converter: pe, attribute: "allow-rename" })
+], o.prototype, "allowRename", 1);
 p([
-  g({ type: Boolean, attribute: "auto-upload" })
-], s.prototype, "autoUpload", 1);
+  b({ type: Boolean, attribute: "auto-upload" })
+], o.prototype, "autoUpload", 1);
 p([
-  g({ converter: le })
-], s.prototype, "branding", 1);
+  b({ converter: pe })
+], o.prototype, "branding", 1);
 p([
-  g({ attribute: "logo-url" })
-], s.prototype, "logoUrl", 1);
+  b({ attribute: "branding-text" })
+], o.prototype, "brandingText", 1);
 p([
-  g({ attribute: "logo-text" })
-], s.prototype, "logoText", 1);
+  b({ attribute: "branding-url" })
+], o.prototype, "brandingUrl", 1);
 p([
-  g()
-], s.prototype, "heading", 1);
+  b({ attribute: "logo-url" })
+], o.prototype, "logoUrl", 1);
 p([
-  g()
-], s.prototype, "description", 1);
+  b({ attribute: "logo-text" })
+], o.prototype, "logoText", 1);
 p([
-  g({ type: Number, attribute: "max-files" })
-], s.prototype, "maxFiles", 1);
+  b()
+], o.prototype, "heading", 1);
 p([
-  g({ attribute: "max-size" })
-], s.prototype, "maxSize", 1);
+  b()
+], o.prototype, "description", 1);
 p([
-  g({ attribute: "min-size" })
-], s.prototype, "minSize", 1);
+  b({ type: Number, attribute: "max-files" })
+], o.prototype, "maxFiles", 1);
 p([
-  g()
-], s.prototype, "accept", 1);
+  b({ attribute: "max-size" })
+], o.prototype, "maxSize", 1);
 p([
-  g({ converter: de })
-], s.prototype, "rules", 1);
+  b({ attribute: "min-size" })
+], o.prototype, "minSize", 1);
 p([
-  g()
-], s.prototype, "bucket", 1);
+  b()
+], o.prototype, "accept", 1);
 p([
-  g({ converter: de })
-], s.prototype, "metadata", 1);
+  b({ converter: ce })
+], o.prototype, "rules", 1);
 p([
-  g({ converter: de })
-], s.prototype, "options", 1);
+  b()
+], o.prototype, "bucket", 1);
 p([
-  g({ type: Boolean, attribute: "public-read" })
-], s.prototype, "publicRead", 1);
+  b({ converter: ce })
+], o.prototype, "metadata", 1);
 p([
-  g({ attribute: "redirect-url" })
-], s.prototype, "redirectUrl", 1);
+  b({ converter: ce })
+], o.prototype, "options", 1);
 p([
-  g({ attribute: !1 })
-], s.prototype, "onComplete", 1);
+  b({ type: Boolean, attribute: "public-read" })
+], o.prototype, "publicRead", 1);
 p([
-  g({ attribute: !1 })
-], s.prototype, "onError", 1);
+  b({ attribute: "redirect-url" })
+], o.prototype, "redirectUrl", 1);
 p([
-  Z()
-], s.prototype, "items", 1);
+  b({ attribute: !1 })
+], o.prototype, "onComplete", 1);
 p([
-  Z()
-], s.prototype, "notice", 1);
+  b({ attribute: !1 })
+], o.prototype, "onError", 1);
 p([
-  Z()
-], s.prototype, "busy", 1);
+  te()
+], o.prototype, "items", 1);
 p([
-  Z()
-], s.prototype, "dragging", 1);
+  te()
+], o.prototype, "notice", 1);
 p([
-  Z()
-], s.prototype, "editing", 1);
-s = p([
-  Me("singlebase-uploader")
-], s);
-function Qe(r) {
+  te()
+], o.prototype, "busy", 1);
+p([
+  te()
+], o.prototype, "dragging", 1);
+p([
+  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 et(r) {
+function tt(r) {
   return r instanceof Error ? r.message : "";
 }
 export {
-  s as S,
-  he as T,
-  Ke as a,
-  De as b,
-  me as d,
-  _e as i,
-  Oe as r,
-  Fe as s,
-  Te as t
+  o as S,
+  qe as a,
+  Ke as i,
+  Be as r,
+  Re as s
 };
-//# sourceMappingURL=uploader-D-Da1trc.js.map
+//# sourceMappingURL=uploader-vfczkX51.js.map