@singlebase/elements 0.5.0 → 0.6.0

package/dist/styles/branding.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The "… by Singlebase" credit, identical in every element: same font, size,
+ * spacing and hover. Each element only decides where it sits.
+ */
+export declare const brandingStyles: import("lit").CSSResult;

package/dist/styles/tokens.d.ts

@@ -14,6 +14,8 @@ export declare const TOKEN_DEFAULTS: {
     readonly accent: "#111111";
     readonly onAccent: "#ffffff";
     readonly radius: "4px";
+    /** Multiplies every corner. The `radius` attribute sets it per element. */
+    readonly radiusScale: "1";
     readonly surface: "#ffffff";
     readonly surfaceAlt: "#fafafa";
     readonly ink: "#16181a";

package/dist/{uploader-DGV2y9uT.cjs → uploader-660JIgIN.cjs}

@@ -1,4 +1,4 @@
-"use strict";var se=r=>{throw TypeError(r)};var le=(r,o,e)=>o.has(r)||se("Cannot "+e);var l=(r,o,e)=>(le(r,o,"read from private field"),e?e.call(r):o.get(r)),d=(r,o,e)=>o.has(r)?se("Cannot add the same private member more than once"):o instanceof WeakSet?o.add(r):o.set(r,e),c=(r,o,e,t)=>(le(r,o,"write to private field"),t?t.call(r,e):o.set(r,e),e);const a=require("lit"),p=require("lit/decorators.js"),we=require("@singlebase/core"),g=require("./files-DW8A4Jl-.cjs"),ue=a.css`
+"use strict";var ce=r=>{throw TypeError(r)};var pe=(r,a,e)=>a.has(r)||ce("Cannot "+e);var l=(r,a,e)=>(pe(r,a,"read from private field"),e?e.call(r):a.get(r)),d=(r,a,e)=>a.has(r)?ce("Cannot add the same private member more than once"):a instanceof WeakSet?a.add(r):a.set(r,e),c=(r,a,e,t)=>(pe(r,a,"write to private field"),t?t.call(r,e):a.set(r,e),e);const s=require("lit"),p=require("lit/decorators.js"),Ue=require("@singlebase/core"),f=require("./files-DyxcjZsx.cjs"),be=s.css`
   /* ── layout primitives ───────────────────────────────────── */
   .stack {
     display: flex;
@@ -122,7 +122,7 @@
     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;
   }
@@ -192,7 +192,7 @@
     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;
@@ -368,7 +368,7 @@
   .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;
   }
 
@@ -486,7 +486,7 @@
 
   .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:
@@ -601,7 +601,7 @@
     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 {
@@ -768,7 +768,7 @@
     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 */
@@ -817,7 +817,7 @@
     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;
@@ -849,7 +849,7 @@
     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);
   }
 
@@ -913,7 +913,7 @@
     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;
@@ -965,7 +965,7 @@
     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);
   }
 
@@ -974,86 +974,82 @@
     color: var(--sb-muted-ink, #61666c);
     font-style: italic;
   }
-`;function fe(r,o,e){if(!r||!o)return null;let t;try{t=new URL(o)}catch{return null}let i;try{i=new URL(r,t.href)}catch{return e==null||e(`"${r}" is not a valid URL`),null}return i.protocol!=="http:"&&i.protocol!=="https:"?(e==null||e(`refusing redirect to unsupported scheme "${i.protocol}"`),null):i.origin!==t.origin?(e==null||e(`refusing cross-origin redirect to ${i.origin}; same-origin only`),null):i.href===t.href?null:i.href}const ge={pages:null,encrypted:null},de=16*1024*1024,ke=2*1024*1024,ze=40,$e=4*1024*1024,be=new Set(["docx","pptx","xlsx"]);async function he(r,o){try{if(o==="pdf")return await Ue(r);if(be.has(o))return await Me(r,o)}catch{}return ge}function me(r){return r==="pdf"||be.has(r)}async function Ue(r){const o=await Z(r.slice(0,de)),e=r.size>de?await Z(r.slice(Math.max(0,r.size-ke))):null,t=Q(o)+(e?Q(e):""),i=/\/Encrypt[\s/<>\]]/.test(t);let f=xe(t);return f===null&&(f=await Se(o)),{pages:f,encrypted:i}}function xe(r){if(/\/Type\s*\/Pages/.test(r)){let e=0;for(const t of r.matchAll(/\/Count\s+(\d+)/g))e=Math.max(e,Number(t[1]));if(e>0)return e}const o=r.match(/\/Type\s*\/Page[^s]/g);return o!=null&&o.length?o.length:null}async function Se(r){if(typeof DecompressionStream>"u")return null;const o=Q(r);let e="",t=0;for(const i of o.matchAll(/stream\r?\n/g)){if(t>=ze||e.length>=$e)break;const f=i.index+i[0].length;let m=o.indexOf("endstream",f);if(m<0)break;for(;m>f&&(o[m-1]===`
-`||o[m-1]==="\r");)m-=1;t+=1;try{const n=await ve(r.subarray(f,m),"deflate");e+=Q(n)}catch{}}return e?xe(e):null}async function Me(r,o){const e=await Z(r.slice(0,8));if(Ce(e))return{pages:null,encrypted:!0};if(e[0]!==80||e[1]!==75)return ge;const t=await je(r,"docProps/app.xml");if(!t)return{pages:null,encrypted:!1};const i=o==="pptx"?"Slides":"Pages",f=new TextDecoder().decode(t).match(new RegExp(`<${i}>(\\d+)</${i}>`));return{pages:f?Number(f[1]):null,encrypted:!1}}function Ce(r){return[208,207,17,224,161,177,26,225].every((e,t)=>r[t]===e)}async function je(r,o){const e=Math.min(r.size,66e3),t=new DataView(await r.slice(r.size-e).arrayBuffer());let i=-1;for(let h=t.byteLength-22;h>=0;h--)if(t.getUint32(h,!0)===101010256){i=h;break}if(i<0)return null;const f=t.getUint32(i+12,!0),m=t.getUint32(i+16,!0);if(!f||m===4294967295)return null;const n=new DataView(await r.slice(m,m+f).arrayBuffer()),s=new TextDecoder;let b=0;for(;b+46<=n.byteLength&&n.getUint32(b,!0)===33639248;){const h=n.getUint16(b+10,!0),x=n.getUint32(b+20,!0),v=n.getUint16(b+28,!0),W=n.getUint16(b+30,!0),ee=n.getUint16(b+32,!0),te=n.getUint32(b+42,!0);if(s.decode(new Uint8Array(n.buffer,n.byteOffset+b+46,v))===o){const oe=new DataView(await r.slice(te,te+30).arrayBuffer()),ae=te+30+oe.getUint16(26,!0)+oe.getUint16(28,!0),ne=await Z(r.slice(ae,ae+x));return h===0?ne:h===8&&typeof DecompressionStream<"u"?await ve(ne,"deflate-raw"):null}b+=46+v+W+ee}return null}async function Z(r){return new Uint8Array(await r.arrayBuffer())}async function ve(r,o){const e=new Blob([r]).stream().pipeThrough(new DecompressionStream(o));return new Uint8Array(await new Response(e).arrayBuffer())}function Q(r){let o="";for(let t=0;t<r.length;t+=32768)o+=String.fromCharCode(...r.subarray(t,t+32768));return o}var ye=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,Fe=(r,o,e)=>o in r?ye(r,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[o]=e,u=(r,o,e,t)=>{for(var i=t>1?void 0:t?Ee(o,e):o,f=r.length-1,m;f>=0;f--)(m=r[f])&&(i=(t?m(o,e,i):m(i))||i);return t&&i&&ye(o,e,i),i},Oe=(r,o,e)=>Fe(r,o+"",e);const re={fromAttribute:r=>{if(!r)return{};try{const o=JSON.parse(r);return o&&typeof o=="object"?o:{}}catch{return console.warn("[singlebase-uploader] an attribute holds invalid JSON; ignoring it"),{}}},toAttribute:r=>JSON.stringify(r??{})},ie={fromAttribute:r=>r===null?!0:r!=="false",toAttribute:r=>r?null:"false"},ce=["view","dropzone","allowRename","autoUpload","branding","logoUrl","logoText","heading","description","maxFiles","maxSize","minSize","accept","rules","bucket","publicRead","redirectUrl","metadata","options","messages","theme","density","onComplete","onError"];var w,k,z,$,U,S,M,C,j,E,F,O,D,L,T,A,N,P,R,G,I,B,_,q,K,V,Y,H,J,X,pe;exports.SinglebaseUploader=(pe=class extends a.LitElement{constructor(){super(...arguments);d(this,w,null);d(this,k,{});d(this,z);d(this,$);d(this,U,"full");d(this,S,!0);d(this,M,!0);d(this,C,!1);d(this,j,!0);d(this,E,"");d(this,F,"");d(this,O,"");d(this,D,"");d(this,L,10);d(this,T,"25MB");d(this,A,0);d(this,N,"");d(this,P,{});d(this,R,"default");d(this,G,{});d(this,I,{});d(this,B,!1);d(this,_,"");d(this,q,null);d(this,K,null);d(this,V,[]);d(this,Y,"");d(this,H,!1);d(this,J,!1);d(this,X,"")}get client(){return l(this,w)}set client(e){c(this,w,e)}get messages(){return l(this,k)}set messages(e){c(this,k,e)}get theme(){return l(this,z)}set theme(e){c(this,z,e)}get density(){return l(this,$)}set density(e){c(this,$,e)}get view(){return l(this,U)}set view(e){c(this,U,e)}get dropzone(){return l(this,S)}set dropzone(e){c(this,S,e)}get allowRename(){return l(this,M)}set allowRename(e){c(this,M,e)}get autoUpload(){return l(this,C)}set autoUpload(e){c(this,C,e)}get branding(){return l(this,j)}set branding(e){c(this,j,e)}get logoUrl(){return l(this,E)}set logoUrl(e){c(this,E,e)}get logoText(){return l(this,F)}set logoText(e){c(this,F,e)}get heading(){return l(this,O)}set heading(e){c(this,O,e)}get description(){return l(this,D)}set description(e){c(this,D,e)}get maxFiles(){return l(this,L)}set maxFiles(e){c(this,L,e)}get maxSize(){return l(this,T)}set maxSize(e){c(this,T,e)}get minSize(){return l(this,A)}set minSize(e){c(this,A,e)}get accept(){return l(this,N)}set accept(e){c(this,N,e)}get rules(){return l(this,P)}set rules(e){c(this,P,e)}get bucket(){return l(this,R)}set bucket(e){c(this,R,e)}get metadata(){return l(this,G)}set metadata(e){c(this,G,e)}get options(){return l(this,I)}set options(e){c(this,I,e)}get publicRead(){return l(this,B)}set publicRead(e){c(this,B,e)}get redirectUrl(){return l(this,_)}set redirectUrl(e){c(this,_,e)}get onComplete(){return l(this,q)}set onComplete(e){c(this,q,e)}get onError(){return l(this,K)}set onError(e){c(this,K,e)}get items(){return l(this,V)}set items(e){c(this,V,e)}get notice(){return l(this,Y)}set notice(e){c(this,Y,e)}get busy(){return l(this,H)}set busy(e){c(this,H,e)}get dragging(){return l(this,J)}set dragging(e){c(this,J,e)}get editing(){return l(this,X)}set editing(e){c(this,X,e)}get msg(){return g.resolveUploadMessages(this.messages)}get resolvedClient(){return this.client??we.getDefaultClient()??null}get files(){return this.items}get percent(){const e=this.items.filter(t=>t.status!=="ready");return e.length?Math.round(e.reduce((t,i)=>t+i.percent,0)/e.length):0}open(){var e;(e=this.renderRoot.querySelector("input[type=file]"))==null||e.click()}set config(e){const t=this;for(const i of ce)e&&i in e&&(t[i]=e[i])}get config(){const e=this;return Object.fromEntries(ce.map(t=>[t,e[t]]))}clear(){this.items.forEach(y),this.items=[],this.notice=""}disconnectedCallback(){super.disconnectedCallback(),this.items.forEach(y)}async upload(){var m;if(this.busy)return;const e=this.items.filter(n=>n.status==="ready"||n.status==="error");if(!e.length)return;const t=this.resolvedClient;if(!t){this.fail(this.msg.errNoClient);return}this.busy=!0,this.notice="";for(const n of e)n.status="uploading",n.percent=0,n.error="";this.items=[...this.items];const i=new Map,f=e.map(n=>{const s={file:n.file,filename:n.file.name};return this.bucket&&(s.bucket=this.bucket),this.publicRead&&(s.publicRead=!0),n.name!==n.file.name&&(s.newName=n.name),Object.keys(this.metadata??{}).length&&(s.metadata={...this.metadata}),Object.keys(this.options??{}).length&&(s.options={...this.options}),i.set(s,n),s});try{const n=await t.files.upload(f,{onProgress:h=>{const x=i.get(h.input);x&&(x.percent=h.percent,this.items=[...this.items],this.emit("singlebase-upload-progress",{file:x,percent:this.percent}))}});for(const h of n.completed){const x=i.get(h.input);x&&(x.status="done",x.percent=100,x.record=h.file)}for(const h of n.failed){const x=i.get(h.input);x&&(x.status="error",x.error=h.error.message||h.error.code)}this.items=[...this.items];const s=n.completed.map(h=>i.get(h.input)).filter(Boolean),b=n.failed.map(h=>i.get(h.input)).filter(Boolean);this.emit("singlebase-upload-complete",{completed:s,failed:b}),(m=this.onComplete)==null||m.call(this,{completed:s,failed:b}),b.length?this.notice=this.msg.errUpload:this.redirect()}catch(n){for(const s of e)s.status="error",s.error="";this.items=[...this.items],this.fail(Le(n)||this.msg.errUpload)}finally{this.busy=!1}}ruleFor(e){const t=g.fileExtension(e);if(!t)return null;for(const[i,f]of Object.entries(this.rules??{}))if(i.toLowerCase().replace(/^\./,"")===t)return f;return null}async add(e){if(this.view==="button"){const s=this.items.filter(b=>b.status==="done"||b.status==="error");s.forEach(y),this.items=this.items.filter(b=>!s.includes(b))}const t=this.maxFiles>0?this.maxFiles:Number.POSITIVE_INFINITY,i=[...this.items],f=i.length,m=[];let n="";for(const s of Array.from(e)){if(i.length>=t){n=g.fill(this.msg.errTooMany,{max:t});break}if(this.accept&&!g.acceptsFile(this.accept,s.name,s.type)){n=g.fill(this.msg.errType,{name:s.name});continue}const b=this.ruleFor(s.name),h=g.parseSize((b==null?void 0:b.maxSize)??this.maxSize),x=g.parseSize((b==null?void 0:b.minSize)??this.minSize);if(h&&s.size>h){n=g.fill(this.msg.errTooLarge,{name:s.name,size:g.formatSize(h)});continue}if(x&&s.size<x){n=g.fill(this.msg.errTooSmall,{name:s.name,size:g.formatSize(x)});continue}const v=g.fileKey(s);if(i.some(ee=>ee.key===v)){n=g.fill(this.msg.errDuplicate,{name:s.name});continue}const W={key:v,file:s,name:s.name,status:this.needsInspection(b,s.name)?"checking":"ready",percent:0,error:"",record:null,pages:null,encrypted:null,preview:De(s)};i.push(W),m.push(W)}this.notice=n,n&&this.emit("singlebase-upload-rejected",{message:n}),i.length!==f&&(this.items=i,this.emit("singlebase-upload-selected",{files:this.items}),await Promise.all(m.filter(s=>s.status==="checking").map(s=>this.inspect(s,this.ruleFor(s.file.name)))),(this.autoUpload||this.view==="button")&&this.upload())}needsInspection(e,t){return!e||!me(g.fileExtension(t))?!1:e.maxPages!==void 0||e.allowProtected===!1}async inspect(e,t){const i=await he(e.file,g.fileExtension(e.file.name));e.pages=i.pages,e.encrypted=i.encrypted;let f="";t.allowProtected===!1&&i.encrypted===!0?f=g.fill(this.msg.errProtected,{name:e.name}):t.maxPages&&i.pages!==null&&i.pages>t.maxPages&&(f=g.fill(this.msg.errTooManyPages,{name:e.name,pages:i.pages,max:t.maxPages})),f?(y(e),this.items=this.items.filter(m=>m!==e),this.notice=f,this.emit("singlebase-upload-rejected",{message:f})):(e.status="ready",this.items=[...this.items])}removeItem(e){this.items.filter(t=>t.key===e).forEach(y),this.items=this.items.filter(t=>t.key!==e),this.notice=""}commitRename(e,t){e.name=g.renameKeepingExtension(e.file.name,t),this.editing="",this.items=[...this.items]}fail(e){var t;this.notice=e,this.emit("singlebase-upload-error",{message:e}),(t=this.onError)==null||t.call(this,{message:e})}emit(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}redirect(){if(!this.redirectUrl||typeof location>"u")return;const e=fe(this.redirectUrl,location.href,t=>console.warn(`[singlebase-uploader] ${t}`));e&&location.assign(e)}onPick(e){var i;const t=e.target;(i=t.files)!=null&&i.length&&this.add(t.files),t.value=""}onDrop(e){var i;e.preventDefault(),this.dragging=!1;const t=(i=e.dataTransfer)==null?void 0:i.files;t!=null&&t.length&&this.add(t)}onDragOver(e){e.preventDefault(),this.dragging=!0}onDragLeave(){this.dragging=!1}get canAddMore(){return this.maxFiles<=0||this.items.length<this.maxFiles}get checking(){return this.items.some(e=>e.status==="checking")}get pendingCount(){return this.items.filter(e=>e.status==="ready"||e.status==="error").length}get hint(){const e=g.acceptSummary(this.accept),t=g.parseSize(this.maxSize),i=t?g.fill(this.msg.hintUpTo,{size:g.formatSize(t)}):"";return[e,i].filter(Boolean).join(" · ")}renderInput(){return a.html`<input
+`;function he(r,a,e){if(!r||!a)return null;let t;try{t=new URL(a)}catch{return null}let i;try{i=new URL(r,t.href)}catch{return e==null||e(`"${r}" is not a valid URL`),null}return i.protocol!=="http:"&&i.protocol!=="https:"?(e==null||e(`refusing redirect to unsupported scheme "${i.protocol}"`),null):i.origin!==t.origin?(e==null||e(`refusing cross-origin redirect to ${i.origin}; same-origin only`),null):i.href===t.href?null:i.href}const me={pages:null,encrypted:null},ue=16*1024*1024,$e=2*1024*1024,Se=40,Me=4*1024*1024,xe=new Set(["docx","pptx","xlsx"]);async function ve(r,a){try{if(a==="pdf")return await Ce(r);if(xe.has(a))return await je(r,a)}catch{}return me}function ye(r){return r==="pdf"||xe.has(r)}async function Ce(r){const a=await te(r.slice(0,ue)),e=r.size>ue?await te(r.slice(Math.max(0,r.size-$e))):null,t=re(a)+(e?re(e):""),i=/\/Encrypt[\s/<>\]]/.test(t);let g=we(t);return g===null&&(g=await Te(a)),{pages:g,encrypted:i}}function we(r){if(/\/Type\s*\/Pages/.test(r)){let e=0;for(const t of r.matchAll(/\/Count\s+(\d+)/g))e=Math.max(e,Number(t[1]));if(e>0)return e}const a=r.match(/\/Type\s*\/Page[^s]/g);return a!=null&&a.length?a.length:null}async function Te(r){if(typeof DecompressionStream>"u")return null;const a=re(r);let e="",t=0;for(const i of a.matchAll(/stream\r?\n/g)){if(t>=Se||e.length>=Me)break;const g=i.index+i[0].length;let m=a.indexOf("endstream",g);if(m<0)break;for(;m>g&&(a[m-1]===`
+`||a[m-1]==="\r");)m-=1;t+=1;try{const o=await ke(r.subarray(g,m),"deflate");e+=re(o)}catch{}}return e?we(e):null}async function je(r,a){const e=await te(r.slice(0,8));if(Ee(e))return{pages:null,encrypted:!0};if(e[0]!==80||e[1]!==75)return me;const t=await Fe(r,"docProps/app.xml");if(!t)return{pages:null,encrypted:!1};const i=a==="pptx"?"Slides":"Pages",g=new TextDecoder().decode(t).match(new RegExp(`<${i}>(\\d+)</${i}>`));return{pages:g?Number(g[1]):null,encrypted:!1}}function Ee(r){return[208,207,17,224,161,177,26,225].every((e,t)=>r[t]===e)}async function Fe(r,a){const e=Math.min(r.size,66e3),t=new DataView(await r.slice(r.size-e).arrayBuffer());let i=-1;for(let h=t.byteLength-22;h>=0;h--)if(t.getUint32(h,!0)===101010256){i=h;break}if(i<0)return null;const g=t.getUint32(i+12,!0),m=t.getUint32(i+16,!0);if(!g||m===4294967295)return null;const o=new DataView(await r.slice(m,m+g).arrayBuffer()),n=new TextDecoder;let b=0;for(;b+46<=o.byteLength&&o.getUint32(b,!0)===33639248;){const h=o.getUint16(b+10,!0),x=o.getUint32(b+20,!0),v=o.getUint16(b+28,!0),ee=o.getUint16(b+30,!0),ie=o.getUint16(b+32,!0),ae=o.getUint32(b+42,!0);if(n.decode(new Uint8Array(o.buffer,o.byteOffset+b+46,v))===a){const ne=new DataView(await r.slice(ae,ae+30).arrayBuffer()),le=ae+30+ne.getUint16(26,!0)+ne.getUint16(28,!0),de=await te(r.slice(le,le+x));return h===0?de:h===8&&typeof DecompressionStream<"u"?await ke(de,"deflate-raw"):null}b+=46+v+ee+ie}return null}async function te(r){return new Uint8Array(await r.arrayBuffer())}async function ke(r,a){const e=new Blob([r]).stream().pipeThrough(new DecompressionStream(a));return new Uint8Array(await new Response(e).arrayBuffer())}function re(r){let a="";for(let t=0;t<r.length;t+=32768)a+=String.fromCharCode(...r.subarray(t,t+32768));return a}var ze=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,De=(r,a,e)=>a in r?ze(r,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[a]=e,u=(r,a,e,t)=>{for(var i=t>1?void 0:t?Oe(a,e):a,g=r.length-1,m;g>=0;g--)(m=r[g])&&(i=(t?m(a,e,i):m(i))||i);return t&&i&&ze(a,e,i),i},Le=(r,a,e)=>De(r,a+"",e);const se={fromAttribute:r=>{if(!r)return{};try{const a=JSON.parse(r);return a&&typeof a=="object"?a:{}}catch{return console.warn("[singlebase-uploader] an attribute holds invalid JSON; ignoring it"),{}}},toAttribute:r=>JSON.stringify(r??{})},oe={fromAttribute:r=>r===null?!0:r!=="false",toAttribute:r=>r?null:"false"},fe=["view","dropzone","allowRename","autoUpload","branding","brandingText","brandingUrl","logoUrl","logoText","heading","description","maxFiles","maxSize","minSize","accept","rules","bucket","publicRead","redirectUrl","metadata","options","messages","theme","density","radius","onComplete","onError"];var w,k,z,U,$,S,M,C,T,j,E,F,O,D,L,A,N,P,R,B,I,G,_,q,K,V,Y,H,J,X,W,Z,Q,ge;exports.SinglebaseUploader=(ge=class extends s.LitElement{constructor(){super(...arguments);d(this,w,null);d(this,k,{});d(this,z);d(this,U);d(this,$);d(this,S,"full");d(this,M,!0);d(this,C,!0);d(this,T,!1);d(this,j,!0);d(this,E,"");d(this,F,"");d(this,O,"");d(this,D,"");d(this,L,"");d(this,A,"");d(this,N,10);d(this,P,"25MB");d(this,R,0);d(this,B,"");d(this,I,{});d(this,G,"default");d(this,_,{});d(this,q,{});d(this,K,!1);d(this,V,"");d(this,Y,null);d(this,H,null);d(this,J,[]);d(this,X,"");d(this,W,!1);d(this,Z,!1);d(this,Q,"")}get client(){return l(this,w)}set client(e){c(this,w,e)}get messages(){return l(this,k)}set messages(e){c(this,k,e)}get theme(){return l(this,z)}set theme(e){c(this,z,e)}get density(){return l(this,U)}set density(e){c(this,U,e)}get radius(){return l(this,$)}set radius(e){c(this,$,e)}get view(){return l(this,S)}set view(e){c(this,S,e)}get dropzone(){return l(this,M)}set dropzone(e){c(this,M,e)}get allowRename(){return l(this,C)}set allowRename(e){c(this,C,e)}get autoUpload(){return l(this,T)}set autoUpload(e){c(this,T,e)}get branding(){return l(this,j)}set branding(e){c(this,j,e)}get brandingText(){return l(this,E)}set brandingText(e){c(this,E,e)}get brandingUrl(){return l(this,F)}set brandingUrl(e){c(this,F,e)}get logoUrl(){return l(this,O)}set logoUrl(e){c(this,O,e)}get logoText(){return l(this,D)}set logoText(e){c(this,D,e)}get heading(){return l(this,L)}set heading(e){c(this,L,e)}get description(){return l(this,A)}set description(e){c(this,A,e)}get maxFiles(){return l(this,N)}set maxFiles(e){c(this,N,e)}get maxSize(){return l(this,P)}set maxSize(e){c(this,P,e)}get minSize(){return l(this,R)}set minSize(e){c(this,R,e)}get accept(){return l(this,B)}set accept(e){c(this,B,e)}get rules(){return l(this,I)}set rules(e){c(this,I,e)}get bucket(){return l(this,G)}set bucket(e){c(this,G,e)}get metadata(){return l(this,_)}set metadata(e){c(this,_,e)}get options(){return l(this,q)}set options(e){c(this,q,e)}get publicRead(){return l(this,K)}set publicRead(e){c(this,K,e)}get redirectUrl(){return l(this,V)}set redirectUrl(e){c(this,V,e)}get onComplete(){return l(this,Y)}set onComplete(e){c(this,Y,e)}get onError(){return l(this,H)}set onError(e){c(this,H,e)}get items(){return l(this,J)}set items(e){c(this,J,e)}get notice(){return l(this,X)}set notice(e){c(this,X,e)}get busy(){return l(this,W)}set busy(e){c(this,W,e)}get dragging(){return l(this,Z)}set dragging(e){c(this,Z,e)}get editing(){return l(this,Q)}set editing(e){c(this,Q,e)}get msg(){return f.resolveUploadMessages(this.messages)}get resolvedClient(){return this.client??Ue.getDefaultClient()??null}get files(){return this.items}get percent(){const e=this.items.filter(t=>t.status!=="ready");return e.length?Math.round(e.reduce((t,i)=>t+i.percent,0)/e.length):0}open(){var e;(e=this.renderRoot.querySelector("input[type=file]"))==null||e.click()}set config(e){const t=this;for(const i of fe)e&&i in e&&(t[i]=e[i])}configure(e){return this.config=e,this}get config(){const e=this;return Object.fromEntries(fe.map(t=>[t,e[t]]))}clear(){this.items.forEach(y),this.items=[],this.notice=""}disconnectedCallback(){super.disconnectedCallback(),this.items.forEach(y)}async upload(){var m;if(this.busy)return;const e=this.items.filter(o=>o.status==="ready"||o.status==="error");if(!e.length)return;const t=this.resolvedClient;if(!t){this.fail(this.msg.errNoClient);return}this.busy=!0,this.notice="";for(const o of e)o.status="uploading",o.percent=0,o.error="";this.items=[...this.items];const i=new Map,g=e.map(o=>{const n={file:o.file,filename:o.file.name};return this.bucket&&(n.bucket=this.bucket),this.publicRead&&(n.publicRead=!0),o.name!==o.file.name&&(n.newName=o.name),Object.keys(this.metadata??{}).length&&(n.metadata={...this.metadata}),Object.keys(this.options??{}).length&&(n.options={...this.options}),i.set(n,o),n});try{const o=await t.files.upload(g,{onProgress:h=>{const x=i.get(h.input);x&&(x.percent=h.percent,this.items=[...this.items],this.emit("singlebase-upload-progress",{file:x,percent:this.percent}))}});for(const h of o.completed){const x=i.get(h.input);x&&(x.status="done",x.percent=100,x.record=h.file)}for(const h of o.failed){const x=i.get(h.input);x&&(x.status="error",x.error=h.error.message||h.error.code)}this.items=[...this.items];const n=o.completed.map(h=>i.get(h.input)).filter(Boolean),b=o.failed.map(h=>i.get(h.input)).filter(Boolean);this.emit("singlebase-upload-complete",{completed:n,failed:b}),(m=this.onComplete)==null||m.call(this,{completed:n,failed:b}),b.length?this.notice=this.msg.errUpload:this.redirect()}catch(o){for(const n of e)n.status="error",n.error="";this.items=[...this.items],this.fail(Ne(o)||this.msg.errUpload)}finally{this.busy=!1}}ruleFor(e){const t=f.fileExtension(e);if(!t)return null;for(const[i,g]of Object.entries(this.rules??{}))if(i.toLowerCase().replace(/^\./,"")===t)return g;return null}async add(e){if(this.view==="button"){const n=this.items.filter(b=>b.status==="done"||b.status==="error");n.forEach(y),this.items=this.items.filter(b=>!n.includes(b))}const t=this.maxFiles>0?this.maxFiles:Number.POSITIVE_INFINITY,i=[...this.items],g=i.length,m=[];let o="";for(const n of Array.from(e)){if(i.length>=t){o=f.fill(this.msg.errTooMany,{max:t});break}if(this.accept&&!f.acceptsFile(this.accept,n.name,n.type)){o=f.fill(this.msg.errType,{name:n.name});continue}const b=this.ruleFor(n.name),h=f.parseSize((b==null?void 0:b.maxSize)??this.maxSize),x=f.parseSize((b==null?void 0:b.minSize)??this.minSize);if(h&&n.size>h){o=f.fill(this.msg.errTooLarge,{name:n.name,size:f.formatSize(h)});continue}if(x&&n.size<x){o=f.fill(this.msg.errTooSmall,{name:n.name,size:f.formatSize(x)});continue}const v=f.fileKey(n);if(i.some(ie=>ie.key===v)){o=f.fill(this.msg.errDuplicate,{name:n.name});continue}const ee={key:v,file:n,name:n.name,status:this.needsInspection(b,n.name)?"checking":"ready",percent:0,error:"",record:null,pages:null,encrypted:null,preview:Ae(n)};i.push(ee),m.push(ee)}this.notice=o,o&&this.emit("singlebase-upload-rejected",{message:o}),i.length!==g&&(this.items=i,this.emit("singlebase-upload-selected",{files:this.items}),await Promise.all(m.filter(n=>n.status==="checking").map(n=>this.inspect(n,this.ruleFor(n.file.name)))),(this.autoUpload||this.view==="button")&&this.upload())}needsInspection(e,t){return!e||!ye(f.fileExtension(t))?!1:e.maxPages!==void 0||e.allowProtected===!1}async inspect(e,t){const i=await ve(e.file,f.fileExtension(e.file.name));e.pages=i.pages,e.encrypted=i.encrypted;let g="";t.allowProtected===!1&&i.encrypted===!0?g=f.fill(this.msg.errProtected,{name:e.name}):t.maxPages&&i.pages!==null&&i.pages>t.maxPages&&(g=f.fill(this.msg.errTooManyPages,{name:e.name,pages:i.pages,max:t.maxPages})),g?(y(e),this.items=this.items.filter(m=>m!==e),this.notice=g,this.emit("singlebase-upload-rejected",{message:g})):(e.status="ready",this.items=[...this.items])}removeItem(e){this.items.filter(t=>t.key===e).forEach(y),this.items=this.items.filter(t=>t.key!==e),this.notice=""}commitRename(e,t){e.name=f.renameKeepingExtension(e.file.name,t),this.editing="",this.items=[...this.items]}fail(e){var t;this.notice=e,this.emit("singlebase-upload-error",{message:e}),(t=this.onError)==null||t.call(this,{message:e})}emit(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}redirect(){if(!this.redirectUrl||typeof location>"u")return;const e=he(this.redirectUrl,location.href,t=>console.warn(`[singlebase-uploader] ${t}`));e&&location.assign(e)}onPick(e){var i;const t=e.target;(i=t.files)!=null&&i.length&&this.add(t.files),t.value=""}onDrop(e){var i;e.preventDefault(),this.dragging=!1;const t=(i=e.dataTransfer)==null?void 0:i.files;t!=null&&t.length&&this.add(t)}onDragOver(e){e.preventDefault(),this.dragging=!0}onDragLeave(){this.dragging=!1}get canAddMore(){return this.maxFiles<=0||this.items.length<this.maxFiles}get checking(){return this.items.some(e=>e.status==="checking")}get pendingCount(){return this.items.filter(e=>e.status==="ready"||e.status==="error").length}get hint(){const e=f.acceptSummary(this.accept),t=f.parseSize(this.maxSize),i=t?f.fill(this.msg.hintUpTo,{size:f.formatSize(t)}):"";return[e,i].filter(Boolean).join(" · ")}renderInput(){return s.html`<input
       class="sr-only"
       type="file"
       ?multiple=${this.maxFiles!==1}
-      accept=${this.accept||a.nothing}
+      accept=${this.accept||s.nothing}
       @change=${this.onPick}
-    />`}renderLogo(){return this.logoUrl?a.html`<img
+    />`}renderLogo(){return this.logoUrl?s.html`<img
         class="logo-img"
         src=${this.logoUrl}
         alt=${this.logoText||"Logo"}
         part="logo"
-      />`:this.logoText?a.html`<div class="brand-mark" part="logo">${this.logoText}</div>`:a.nothing}renderBranding(){return this.branding?a.html`<div class="branding" part="branding">
-      <a href="https://singlebase.cloud" target="_blank" rel="noopener noreferrer"
-        >${this.msg.brandingLabel}</a
-      >
-    </div>`:a.nothing}renderNotice(){return this.notice?a.html`<div class="banner" role="alert" part="error">${this.notice}</div>`:a.nothing}renderCount(){if(!this.items.length)return a.nothing;const e=this.items.length===1?this.msg.countOne:this.msg.countMany;return a.html`<div class="count" part="count">
-      ${g.fill(e,{n:this.items.length,max:this.maxFiles})}
-    </div>`}renderStatus(e){const t=g.formatSize(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 i=e.pages?` · ${g.fill(this.msg.pagesLabel,{n:e.pages})}`:"";return t+i}renderRow(e){const t=this.allowRename&&e.status==="ready";return e.status==="uploading"||e.status,a.html`<div class="row" part="file">
+      />`:this.logoText?s.html`<div class="brand-mark" part="logo">${this.logoText}</div>`:s.nothing}renderBranding(){return f.renderBranding(this.branding,this.brandingText,this.msg.brandingLabel,this.brandingUrl)}renderNotice(){return this.notice?s.html`<div class="banner" role="alert" part="error">${this.notice}</div>`:s.nothing}renderCount(){if(!this.items.length)return s.nothing;const e=this.items.length===1?this.msg.countOne:this.msg.countMany;return s.html`<div class="count" part="count">
+      ${f.fill(e,{n:this.items.length,max:this.maxFiles})}
+    </div>`}renderStatus(e){const t=f.formatSize(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 i=e.pages?` · ${f.fill(this.msg.pagesLabel,{n:e.pages})}`:"";return t+i}renderRow(e){const t=this.allowRename&&e.status==="ready";return e.status==="uploading"||e.status,s.html`<div class="row" part="file">
       <div class="chip" part="file-type">
-        ${e.preview?a.html`<img class="thumb" src=${e.preview} alt="" part="preview" />`:g.extensionOf(e.name)||"FILE"}
+        ${e.preview?s.html`<img class="thumb" src=${e.preview} alt="" part="preview" />`:f.extensionOf(e.name)||"FILE"}
       </div>
       <div class="meta">
-        ${this.editing===e.key?a.html`<input
+        ${this.editing===e.key?s.html`<input
                 class="name-input"
                 .value=${e.name}
                 autofocus
                 @keydown=${i=>{i.key==="Enter"?this.commitRename(e,i.target.value):i.key==="Escape"&&(this.editing="")}}
                 @blur=${i=>this.commitRename(e,i.target.value)}
-              />`:t?a.html`<button
+              />`:t?s.html`<button
                   class="name"
                   title=${this.msg.rename}
                   @click=${()=>{this.editing=e.key}}
                 >
                   ${e.name}
-                </button>`:a.html`<div class="name">${e.name}</div>`}
+                </button>`:s.html`<div class="name">${e.name}</div>`}
         <div class="sz" data-state=${e.status}>${this.renderStatus(e)}</div>
-        ${e.status==="uploading"?a.html`<div class="bar" part="progress">
+        ${e.status==="uploading"?s.html`<div class="bar" part="progress">
                 <div class="bar-fill" style="width:${e.percent}%"></div>
-              </div>`:a.nothing}
+              </div>`:s.nothing}
       </div>
       <div class="row-act">
-        ${e.status==="error"?a.html`<button class="link-sm" @click=${()=>void this.upload()}>
+        ${e.status==="error"?s.html`<button class="link-sm" @click=${()=>void this.upload()}>
                 ${this.msg.retry}
-              </button>`:a.nothing}
-        ${e.status==="uploading"||e.status==="done"?a.nothing:a.html`<button class="link-sm" @click=${()=>this.removeItem(e.key)}>
+              </button>`:s.nothing}
+        ${e.status==="uploading"||e.status==="done"?s.nothing:s.html`<button class="link-sm" @click=${()=>this.removeItem(e.key)}>
                 ${this.msg.remove}
               </button>`}
       </div>
-    </div>`}renderRows(){return this.items.length?a.html`<div class="rows" part="files">
+    </div>`}renderRows(){return this.items.length?s.html`<div class="rows" part="files">
       ${this.items.map(e=>this.renderRow(e))}
-    </div>`:a.nothing}renderDropzone(){return a.html`<div class="drop" part="dropzone" data-drag=${String(this.dragging)}>
+    </div>`:s.nothing}renderDropzone(){return s.html`<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?a.html`<div class="hint">${this.hint}</div>`:a.nothing}
-    </div>`}renderUploadCta(){const e=this.pendingCount;if(this.autoUpload||!e&&!this.busy)return a.nothing;const t=e===1?this.msg.uploadCtaOne:this.msg.uploadCtaMany;return a.html`<button
+      ${this.hint?s.html`<div class="hint">${this.hint}</div>`:s.nothing}
+    </div>`}renderUploadCta(){const e=this.pendingCount;if(this.autoUpload||!e&&!this.busy)return s.nothing;const t=e===1?this.msg.uploadCtaOne:this.msg.uploadCtaMany;return s.html`<button
       class="primary wide"
       part="submit"
       ?disabled=${this.busy||this.checking}
       @click=${()=>void this.upload()}
     >
-      ${this.busy?this.msg.uploading:g.fill(t,{n:e})}
-    </button>`}renderFull(){const e=this.dropzone&&!this.items.length&&this.canAddMore;return a.html`<div
+      ${this.busy?this.msg.uploading:f.fill(t,{n:e})}
+    </button>`}renderFull(){const e=this.dropzone&&!this.items.length&&this.canAddMore;return s.html`<div
       class="card"
       part="card"
       @dragover=${this.onDragOver}
       @dragleave=${this.onDragLeave}
       @drop=${this.onDrop}
     >
-      ${this.logoUrl||this.logoText||this.heading||this.description?a.html`<div class="head-block">
+      ${this.logoUrl||this.logoText||this.heading||this.description?s.html`<div class="head-block">
               ${this.renderLogo()}
-              ${this.heading?a.html`<div class="title">${this.heading}</div>`:a.nothing}
-              ${this.description?a.html`<div class="sub">${this.description}</div>`:a.nothing}
-            </div>`:a.nothing}
+              ${this.heading?s.html`<div class="title">${this.heading}</div>`:s.nothing}
+              ${this.description?s.html`<div class="sub">${this.description}</div>`:s.nothing}
+            </div>`:s.nothing}
       ${this.renderCount()} ${this.renderNotice()} ${this.renderRows()}
-      ${e?this.renderDropzone():a.nothing}
-      ${!e&&this.canAddMore?a.html`<button class="add-more" @click=${this.open}>${this.msg.addMore}</button>`:a.nothing}
+      ${e?this.renderDropzone():s.nothing}
+      ${!e&&this.canAddMore?s.html`<button class="add-more" @click=${this.open}>${this.msg.addMore}</button>`:s.nothing}
       ${this.renderUploadCta()} ${this.renderBranding()}
-    </div>`}renderCompact(){return a.html`<div
+    </div>`}renderCompact(){return s.html`<div
       class="card"
       part="card"
       @dragover=${this.onDragOver}
@@ -1064,23 +1060,23 @@
         <span class="sec-title">${this.heading||this.msg.attachments}</span>
         <span class="count">${this.items.length} / ${this.maxFiles}</span>
       </div>
-      ${this.dropzone?a.html`<div class="strip" part="dropzone" data-drag=${String(this.dragging)}>
+      ${this.dropzone?s.html`<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>`:a.html`<button class="secondary" ?disabled=${!this.canAddMore} @click=${this.open}>
+            </div>`:s.html`<button class="secondary" ?disabled=${!this.canAddMore} @click=${this.open}>
               ${this.msg.chooseFiles}
             </button>`}
-      ${this.hint?a.html`<div class="hint">${this.hint}</div>`:a.nothing} ${this.renderNotice()}
+      ${this.hint?s.html`<div class="hint">${this.hint}</div>`:s.nothing} ${this.renderNotice()}
       ${this.renderRows()} ${this.renderUploadCta()} ${this.renderBranding()}
-    </div>`}renderButton(){const e=this.items[this.items.length-1];return a.html`<div class="button-view">
+    </div>`}renderButton(){const e=this.items[this.items.length-1];return s.html`<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"?a.html`<div class="sz" data-state=${e.status}>${this.renderStatus(e)}</div>`:a.nothing}
+      ${e&&e.status!=="ready"?s.html`<div class="sz" data-state=${e.status}>${this.renderStatus(e)}</div>`:s.nothing}
       ${this.renderNotice()}
-    </div>`}render(){return a.html`${this.renderInput()}${this.view==="button"?this.renderButton():this.view==="compact"?this.renderCompact():this.renderFull()}`}},w=new WeakMap,k=new WeakMap,z=new WeakMap,$=new WeakMap,U=new WeakMap,S=new WeakMap,M=new WeakMap,C=new WeakMap,j=new WeakMap,E=new WeakMap,F=new WeakMap,O=new WeakMap,D=new WeakMap,L=new WeakMap,T=new WeakMap,A=new WeakMap,N=new WeakMap,P=new WeakMap,R=new WeakMap,G=new WeakMap,I=new WeakMap,B=new WeakMap,_=new WeakMap,q=new WeakMap,K=new WeakMap,V=new WeakMap,Y=new WeakMap,H=new WeakMap,J=new WeakMap,X=new WeakMap,pe);Oe(exports.SinglebaseUploader,"styles",[g.tokenDefaults,ue,a.css`
+    </div>`}render(){return s.html`${this.renderInput()}${this.view==="button"?this.renderButton():this.view==="compact"?this.renderCompact():this.renderFull()}`}},w=new WeakMap,k=new WeakMap,z=new WeakMap,U=new WeakMap,$=new WeakMap,S=new WeakMap,M=new WeakMap,C=new WeakMap,T=new WeakMap,j=new WeakMap,E=new WeakMap,F=new WeakMap,O=new WeakMap,D=new WeakMap,L=new WeakMap,A=new WeakMap,N=new WeakMap,P=new WeakMap,R=new WeakMap,B=new WeakMap,I=new WeakMap,G=new WeakMap,_=new WeakMap,q=new WeakMap,K=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,ge);Le(exports.SinglebaseUploader,"styles",[f.tokenDefaults,be,f.brandingStyles,s.css`
       .card {
         display: flex;
         flex-direction: column;
@@ -1090,7 +1086,7 @@
         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 {
@@ -1132,7 +1128,7 @@
         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,
@@ -1172,7 +1168,7 @@
         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,
@@ -1219,7 +1215,7 @@
         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;
       }
 
@@ -1308,7 +1304,7 @@
         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) {
@@ -1321,25 +1317,6 @@
         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;
@@ -1350,5 +1327,5 @@
         flex-direction: column;
         gap: 8px;
       }
-    `]);u([p.property({attribute:!1})],exports.SinglebaseUploader.prototype,"client",1);u([p.property({attribute:!1})],exports.SinglebaseUploader.prototype,"messages",1);u([p.property({reflect:!0})],exports.SinglebaseUploader.prototype,"theme",1);u([p.property({reflect:!0})],exports.SinglebaseUploader.prototype,"density",1);u([p.property({reflect:!0})],exports.SinglebaseUploader.prototype,"view",1);u([p.property({converter:ie})],exports.SinglebaseUploader.prototype,"dropzone",1);u([p.property({converter:ie,attribute:"allow-rename"})],exports.SinglebaseUploader.prototype,"allowRename",1);u([p.property({type:Boolean,attribute:"auto-upload"})],exports.SinglebaseUploader.prototype,"autoUpload",1);u([p.property({converter:ie})],exports.SinglebaseUploader.prototype,"branding",1);u([p.property({attribute:"logo-url"})],exports.SinglebaseUploader.prototype,"logoUrl",1);u([p.property({attribute:"logo-text"})],exports.SinglebaseUploader.prototype,"logoText",1);u([p.property()],exports.SinglebaseUploader.prototype,"heading",1);u([p.property()],exports.SinglebaseUploader.prototype,"description",1);u([p.property({type:Number,attribute:"max-files"})],exports.SinglebaseUploader.prototype,"maxFiles",1);u([p.property({attribute:"max-size"})],exports.SinglebaseUploader.prototype,"maxSize",1);u([p.property({attribute:"min-size"})],exports.SinglebaseUploader.prototype,"minSize",1);u([p.property()],exports.SinglebaseUploader.prototype,"accept",1);u([p.property({converter:re})],exports.SinglebaseUploader.prototype,"rules",1);u([p.property()],exports.SinglebaseUploader.prototype,"bucket",1);u([p.property({converter:re})],exports.SinglebaseUploader.prototype,"metadata",1);u([p.property({converter:re})],exports.SinglebaseUploader.prototype,"options",1);u([p.property({type:Boolean,attribute:"public-read"})],exports.SinglebaseUploader.prototype,"publicRead",1);u([p.property({attribute:"redirect-url"})],exports.SinglebaseUploader.prototype,"redirectUrl",1);u([p.property({attribute:!1})],exports.SinglebaseUploader.prototype,"onComplete",1);u([p.property({attribute:!1})],exports.SinglebaseUploader.prototype,"onError",1);u([p.state()],exports.SinglebaseUploader.prototype,"items",1);u([p.state()],exports.SinglebaseUploader.prototype,"notice",1);u([p.state()],exports.SinglebaseUploader.prototype,"busy",1);u([p.state()],exports.SinglebaseUploader.prototype,"dragging",1);u([p.state()],exports.SinglebaseUploader.prototype,"editing",1);exports.SinglebaseUploader=u([p.customElement("singlebase-uploader")],exports.SinglebaseUploader);function De(r){return!r.type.startsWith("image/")||typeof URL.createObjectURL!="function"?"":URL.createObjectURL(r)}function y(r){r.preview&&URL.revokeObjectURL(r.preview)}function Le(r){return r instanceof Error?r.message:""}exports.inspectFile=he;exports.isInspectable=me;exports.resolveRedirectTarget=fe;exports.sharedStyles=ue;
-//# sourceMappingURL=uploader-DGV2y9uT.cjs.map
+    `]);u([p.property({attribute:!1})],exports.SinglebaseUploader.prototype,"client",1);u([p.property({attribute:!1})],exports.SinglebaseUploader.prototype,"messages",1);u([p.property({reflect:!0})],exports.SinglebaseUploader.prototype,"theme",1);u([p.property({reflect:!0})],exports.SinglebaseUploader.prototype,"density",1);u([p.property({reflect:!0})],exports.SinglebaseUploader.prototype,"radius",1);u([p.property({reflect:!0})],exports.SinglebaseUploader.prototype,"view",1);u([p.property({converter:oe})],exports.SinglebaseUploader.prototype,"dropzone",1);u([p.property({converter:oe,attribute:"allow-rename"})],exports.SinglebaseUploader.prototype,"allowRename",1);u([p.property({type:Boolean,attribute:"auto-upload"})],exports.SinglebaseUploader.prototype,"autoUpload",1);u([p.property({converter:oe})],exports.SinglebaseUploader.prototype,"branding",1);u([p.property({attribute:"branding-text"})],exports.SinglebaseUploader.prototype,"brandingText",1);u([p.property({attribute:"branding-url"})],exports.SinglebaseUploader.prototype,"brandingUrl",1);u([p.property({attribute:"logo-url"})],exports.SinglebaseUploader.prototype,"logoUrl",1);u([p.property({attribute:"logo-text"})],exports.SinglebaseUploader.prototype,"logoText",1);u([p.property()],exports.SinglebaseUploader.prototype,"heading",1);u([p.property()],exports.SinglebaseUploader.prototype,"description",1);u([p.property({type:Number,attribute:"max-files"})],exports.SinglebaseUploader.prototype,"maxFiles",1);u([p.property({attribute:"max-size"})],exports.SinglebaseUploader.prototype,"maxSize",1);u([p.property({attribute:"min-size"})],exports.SinglebaseUploader.prototype,"minSize",1);u([p.property()],exports.SinglebaseUploader.prototype,"accept",1);u([p.property({converter:se})],exports.SinglebaseUploader.prototype,"rules",1);u([p.property()],exports.SinglebaseUploader.prototype,"bucket",1);u([p.property({converter:se})],exports.SinglebaseUploader.prototype,"metadata",1);u([p.property({converter:se})],exports.SinglebaseUploader.prototype,"options",1);u([p.property({type:Boolean,attribute:"public-read"})],exports.SinglebaseUploader.prototype,"publicRead",1);u([p.property({attribute:"redirect-url"})],exports.SinglebaseUploader.prototype,"redirectUrl",1);u([p.property({attribute:!1})],exports.SinglebaseUploader.prototype,"onComplete",1);u([p.property({attribute:!1})],exports.SinglebaseUploader.prototype,"onError",1);u([p.state()],exports.SinglebaseUploader.prototype,"items",1);u([p.state()],exports.SinglebaseUploader.prototype,"notice",1);u([p.state()],exports.SinglebaseUploader.prototype,"busy",1);u([p.state()],exports.SinglebaseUploader.prototype,"dragging",1);u([p.state()],exports.SinglebaseUploader.prototype,"editing",1);exports.SinglebaseUploader=u([p.customElement("singlebase-uploader")],exports.SinglebaseUploader);function Ae(r){return!r.type.startsWith("image/")||typeof URL.createObjectURL!="function"?"":URL.createObjectURL(r)}function y(r){r.preview&&URL.revokeObjectURL(r.preview)}function Ne(r){return r instanceof Error?r.message:""}exports.inspectFile=ve;exports.isInspectable=ye;exports.resolveRedirectTarget=he;exports.sharedStyles=be;
+//# sourceMappingURL=uploader-660JIgIN.cjs.map