vanilla-breeze 0.1.0

package/dist/cdn/components/page-tour.js

@@ -0,0 +1,39 @@
+var w=window.matchMedia("(prefers-reduced-motion: reduce)");var m=new Map;function p(h,t,e={}){let s=e.priority??10,i={impl:t,bundle:e.bundle,contract:e.contract,priority:s},o=m.get(h);if(customElements.get(h)){if(!o||o.priority>=s){o&&o.priority===s&&o.impl!==t&&console.warn(`[VB Bundle] Tag <${h}> already registered by "${o.bundle}" (priority ${o.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${h}> defined by "${o.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(o&&o.priority>=s){o.priority===s&&console.warn(`[VB Bundle] Tag <${h}> already registered by "${o.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}m.set(h,i),customElements.define(h,t)}var u=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let t of this.#e)t();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,e,s,i){t.addEventListener(e,s,i),this.#e.push(()=>t.removeEventListener(e,s,i))}setup(){}teardown(){}};var d=CSS.supports("anchor-name","--x"),v=()=>window.matchMedia("(prefers-reduced-motion: reduce)").matches,f=class extends HTMLElement{get target(){return this.dataset.target}get placement(){return this.dataset.placement??"auto"}get action(){return this.dataset.action??"none"}get actionHint(){return this.dataset.actionHint??null}get skippable(){return this.dataset.skippable!=="false"}get scrollBehavior(){return this.dataset.scroll??"smooth"}},g=class h extends u{#e=[];#s=0;#o=!1;#n=null;#r=null;#t=null;#i=null;#l=null;#u=null;#d=null;#c=null;static#h=null;static observedAttributes=["data-step"];setup(){if(this.#e=[...this.querySelectorAll("tour-step")],this.#e.length===0)return!1;let t=this.querySelector(".page-tour-start-btn");if(t&&this.listen(t,"click",e=>{e.preventDefault(),this.start()}),this.id&&this.listen(document,"click",e=>{e.target.closest(`[data-tour="${this.id}"]`)&&(e.preventDefault(),this.start())}),this.dataset.trigger==="auto"){let e=this.#F();e?.complete||e?.skipped?this.setAttribute("data-complete",""):setTimeout(()=>this.start(e?.step??0),400)}}teardown(){this.#o&&this.stop()}attributeChangedCallback(t,e,s){if(t==="data-step"&&this.#o&&e!==null){let i=parseInt(s,10);!Number.isNaN(i)&&i!==this.#s&&this.#a(i)}}start(t=0){h.#h&&h.#h!==this&&h.#h.stop(),this.#l=document.activeElement,this.#o=!0,h.#h=this,this.#A(),this.setAttribute("data-active",""),this.removeAttribute("data-complete"),this.#p("tour:start",{step:t}),this.#a(t)}stop(){this.#L(),this.#o=!1,this.removeAttribute("data-active"),h.#h===this&&(h.#h=null)}next(){!this.#o||this.#t?.querySelector('[data-action="next"]')?.hasAttribute("data-waiting")||(this.#s<this.#e.length-1?this.#a(this.#s+1,"next"):this.#B())}prev(){this.#o&&this.#s>0&&this.#a(this.#s-1,"prev")}goto(t){this.#o&&t>=0&&t<this.#e.length&&this.#a(t)}skip(){!this.#o||(this.dataset.mode??"passive")==="forced"||(this.#p("tour:skip",{step:this.#s}),this.#b({skipped:!0}),this.stop(),this.setAttribute("data-complete",""))}reset(){this.#D(),this.removeAttribute("data-complete"),this.dataset.step="0"}#A(){this.#n=document.createElement("div"),this.#n.className="page-tour-backdrop",this.#n.setAttribute("aria-hidden","true"),this.#n.addEventListener("click",()=>{(this.dataset.mode??"passive")!=="forced"&&this.skip()}),this.#r=document.createElement("div"),this.#r.className="page-tour-spotlight",this.#r.setAttribute("aria-hidden","true"),this.#t=document.createElement("div"),this.#t.className="page-tour-card",this.#t.setAttribute("popover","manual"),this.#t.setAttribute("role","dialog"),this.#t.setAttribute("aria-modal","true"),this.#t.setAttribute("aria-label",this.dataset.title??"Page Tour"),this.#t.addEventListener("keydown",t=>this.#q(t)),this.#t.addEventListener("click",t=>this.#M(t)),this.#i=document.createElement("div"),this.#i.setAttribute("aria-live","polite"),this.#i.setAttribute("aria-atomic","true"),this.#i.className="sr-only",this.#i.id=`page-tour-announcer-${crypto.randomUUID().slice(0,8)}`,this.append(this.#n,this.#r,this.#t,this.#i),this.#t.showPopover(),requestAnimationFrame(()=>{this.#n?.setAttribute("data-visible","")})}#m(t){let e=parseInt(this.dataset.spotlightPadding,10)||8,s=t.getBoundingClientRect();Object.assign(this.#r.style,{top:`${s.top-e}px`,left:`${s.left-e}px`,width:`${s.width+e*2}px`,height:`${s.height+e*2}px`})}#S(t,e){if(this.#t){if(d){this.#$(t,e);return}this.#v(t,e)}}#$(t,e){let s="--tour-target";t.style.anchorName=s,this.#t.style.positionAnchor=s,this.#t.style.position="fixed",this.#t.style.top="",this.#t.style.left="",this.#t.style.bottom="",this.#t.style.right="";let i="var(--tour-card-offset, 0.75rem)";switch(e==="auto"?this.#y(t):e){case"bottom":this.#t.style.top="anchor(bottom)",this.#t.style.left="anchor(center)",this.#t.style.translate="0 calc("+i+")";break;case"top":this.#t.style.bottom="anchor(top)",this.#t.style.left="anchor(center)",this.#t.style.translate="0 calc(-1 * "+i+")";break;case"right":this.#t.style.left="anchor(right)",this.#t.style.top="anchor(center)",this.#t.style.translate=i+" 0";break;case"left":this.#t.style.right="anchor(left)",this.#t.style.top="anchor(center)",this.#t.style.translate="calc(-1 * "+i+") 0";break}}#v(t,e){let s=t.getBoundingClientRect(),i=12,o=8,a=e==="auto"?this.#y(t):e;this.#t.style.position="fixed",this.#t.style.visibility="hidden",this.#t.style.top="0",this.#t.style.left="0",this.#t.style.translate="";let c=this.#t.getBoundingClientRect();this.#t.style.visibility="";let r,n,l=parseInt(this.dataset.spotlightPadding,10)||8;switch(a){case"bottom":r=s.bottom+l+i,n=s.left+(s.width-c.width)/2;break;case"top":r=s.top-l-i-c.height,n=s.left+(s.width-c.width)/2;break;case"right":r=s.top+(s.height-c.height)/2,n=s.right+l+i;break;case"left":r=s.top+(s.height-c.height)/2,n=s.left-l-i-c.width;break}n=Math.max(o,Math.min(n,window.innerWidth-c.width-o)),r=Math.max(o,Math.min(r,window.innerHeight-c.height-o)),Object.assign(this.#t.style,{top:`${r}px`,left:`${n}px`,translate:""})}#y(t){let e=t.getBoundingClientRect(),s=window.innerWidth,o=window.innerHeight-e.bottom,a=e.top,c=s-e.right,r=e.left,n=Math.max(o,a,c,r);return n===o?"bottom":n===a?"top":n===c?"right":"left"}#x(t,e){let s=this.#e.length,i=e===s-1,o=e===0,c=(this.dataset.mode??"passive")!=="forced",r=t.action!=="none";this.#t.innerHTML=`
+      <div class="page-tour-progress" aria-hidden="true">
+        ${this.#e.map((n,l)=>`
+          <span class="page-tour-pip" ${l===e?"data-active":""} ${l<e?"data-visited":""}></span>
+        `).join("")}
+      </div>
+      <p class="page-tour-meta">
+        <span class="page-tour-step-count">Step ${e+1} of ${s}</span>
+      </p>
+      <div class="page-tour-content">
+        ${t.innerHTML}
+      </div>
+      ${r&&t.actionHint?`
+        <p class="page-tour-action-hint">${t.actionHint}</p>
+      `:""}
+      <footer class="page-tour-footer">
+        ${c?`
+          <button type="button" class="page-tour-skip" data-action="skip">
+            ${i?"Close":"Skip tour"}
+          </button>
+        `:""}
+        <nav class="page-tour-nav" aria-label="Tour navigation">
+          ${o?"":`
+            <button type="button" class="page-tour-prev" data-action="prev">
+              Previous
+            </button>
+          `}
+          <button
+            type="button"
+            class="page-tour-next"
+            data-action="next"
+            ${r?"data-waiting":""}
+          >
+            ${i?"Finish":"Next"}
+          </button>
+        </nav>
+      </footer>
+    `}#a(t,e="next"){if(this.#d?.abort(),this.#d=null,this.#s!==t){let n=this.#e[this.#s],l=n?document.querySelector(n.target):null;l&&(d&&(l.style.anchorName=""),l.removeAttribute("data-tour-target"))}this.#w(),this.#s=t;let s=this.#e[t],i=document.querySelector(s.target);if(!i){console.warn(`[page-tour] Target "${s.target}" not found, skipping step ${t}`),e==="next"&&t<this.#e.length-1?this.#a(t+1,"next"):e==="prev"&&t>0&&this.#a(t-1,"prev");return}i.setAttribute("data-tour-target","");let o=v()?"instant":s.scrollBehavior;s.scrollBehavior!=="none"&&i.scrollIntoView({block:"nearest",behavior:o});let a=()=>{this.#m(i),this.#S(i,s.placement)};a(),setTimeout(a,v()?0:300),this.#x(s,t),this.#t.hasAttribute("tabindex")||this.#t.setAttribute("tabindex","-1"),this.#t.focus(),requestAnimationFrame(()=>{let n=this.#t?.querySelector(".page-tour-content h3, .page-tour-content h2, .page-tour-content h4");n?(n.hasAttribute("tabindex")||n.setAttribute("tabindex","-1"),n.focus()):this.#t?.querySelector('[data-action="next"]')?.focus()});let r=s.querySelector("h3, h2, h4")?.textContent??`Step ${t+1}`;this.#T(`Step ${t+1} of ${this.#e.length}: ${r}`),this.dataset.step=String(t),s.action!=="none"&&this.#E(s),this.#N(i),this.#b({step:t}),this.#o&&this.#p("tour:step",{step:t,target:i,direction:e})}#E(t){let e=document.querySelector(t.target);if(!e)return;let s=this.#t?.querySelector('[data-action="next"]'),i=new AbortController;this.#d=i;let a={click:"click",focus:"focus",input:"input",change:"change"}[t.action];a?e.addEventListener(a,()=>{s?.removeAttribute("data-waiting"),this.#t?.querySelector(".page-tour-action-hint")?.remove(),s?.focus(),this.#p("tour:action",{step:this.#s,action:t.action}),i.abort()},{signal:i.signal,once:!0}):t.action==="custom"&&this.addEventListener("tour:action",()=>{s?.removeAttribute("data-waiting"),this.#t?.querySelector(".page-tour-action-hint")?.remove(),s?.focus(),i.abort()},{signal:i.signal,once:!0})}#q(t){let e=this.dataset.mode??"passive",i=this.#e[this.#s]?.action!=="none",a=this.#t?.querySelector('[data-action="next"]')?.hasAttribute("data-waiting");switch(t.key){case"Escape":e!=="forced"&&(t.preventDefault(),this.skip());break;case"ArrowRight":case"ArrowDown":t.preventDefault(),i&&a||this.next();break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.prev();break;case"Home":t.preventDefault(),this.goto(0);break;case"End":t.preventDefault(),this.goto(this.#e.length-1);break;case"Tab":this.#C(t,i&&a);break}}#C(t,e){let s=[...this.#t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')].filter(n=>!n.disabled&&n.offsetParent!==null),i=[];if(e){let n=this.#e[this.#s],l=document.querySelector(n.target);l&&(i=(l.matches("input, select, textarea, button, [href], [tabindex]")?[l]:[...l.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')]).filter(b=>!b.disabled&&b.offsetParent!==null))}let o=[...s,...i];if(o.length===0)return;let a=o[0],c=o[o.length-1],r=document.activeElement;t.shiftKey?(r===a||!o.includes(r))&&(t.preventDefault(),c.focus()):(r===c||!o.includes(r))&&(t.preventDefault(),a.focus())}#M(t){let e=t.target.closest("[data-action]");if(!e)return;switch(e.dataset.action){case"next":this.next();break;case"prev":this.prev();break;case"skip":this.skip();break}}#N(t){this.#u=new ResizeObserver(()=>{this.#k(t)}),this.#u.observe(t),this.listen(window,"scroll",()=>this.#k(t),{passive:!0})}#w(){this.#u&&(this.#u.disconnect(),this.#u=null),this.#c&&(cancelAnimationFrame(this.#c),this.#c=null)}#k(t){this.#c||(this.#c=requestAnimationFrame(()=>{if(this.#c=null,!this.#o)return;this.#m(t);let e=this.#e[this.#s];d||this.#v(t,e.placement)}))}#B(){this.#p("tour:complete",{steps:this.#e.length}),this.#b({complete:!0}),this.stop(),this.setAttribute("data-complete","")}#L(){this.#d?.abort(),this.#d=null,this.#w();let t=this.#e[this.#s],e=t?document.querySelector(t.target):null;e&&(d&&(e.style.anchorName=""),e.removeAttribute("data-tour-target")),this.#n?.remove(),this.#r?.remove(),this.#t?.hidePopover?.(),this.#t?.remove(),this.#i?.remove(),this.#n=null,this.#r=null,this.#t=null,this.#i=null,this.#l&&typeof this.#l.focus=="function"&&(this.#l.focus(),this.#l=null)}#T(t){this.#i&&(this.#i.textContent="",requestAnimationFrame(()=>{this.#i&&(this.#i.textContent=t)}))}#p(t,e){let s=t!=="tour:skip";this.dispatchEvent(new CustomEvent(t,{bubbles:!0,cancelable:s,detail:e}))}#f(){let t=this.dataset.persist??"session";return t==="session"?sessionStorage:t==="local"?localStorage:null}#g(){return`vb-tour-${this.dataset.persistKey??window.location.pathname}`}#b(t){let e=this.#f();if(!e)return;let s=this.#g(),i={};try{i=JSON.parse(e.getItem(s))??{}}catch{}e.setItem(s,JSON.stringify({...i,...t}))}#F(){let t=this.#f();if(!t)return null;try{return JSON.parse(t.getItem(this.#g()))}catch{return null}}#D(){let t=this.#f();t&&t.removeItem(this.#g())}};p("page-tour",g);p("tour-step",f);export{g as PageTour,f as TourStep};
+//# sourceMappingURL=page-tour.js.map

package/dist/cdn/components/palette-generator.js

@@ -0,0 +1,15 @@
+var V=window.matchMedia("(prefers-reduced-motion: reduce)");var C=new Map;function S(o,e,t={}){let r=t.priority??10,s={impl:e,bundle:t.bundle,contract:t.contract,priority:r},n=C.get(o);if(customElements.get(o)){if(!n||n.priority>=r){n&&n.priority===r&&n.impl!==e&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${n.bundle}" (priority ${n.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${o}> defined by "${n.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(n&&n.priority>=r){n.priority===r&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${n.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}C.set(o,s),customElements.define(o,e)}var h=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#e)e();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,t,r,s){e.addEventListener(t,r,s),this.#e.push(()=>e.removeEventListener(t,r,s))}setup(){}teardown(){}};function B(o,e,t){e/=100,t/=100;let r=i=>(i+o/30)%12,s=e*Math.min(t,1-t),n=i=>t-s*Math.max(-1,Math.min(r(i)-3,9-r(i),1));return{r:Math.round(n(0)*255),g:Math.round(n(8)*255),b:Math.round(n(4)*255)}}function q(o,e,t){o/=255,e/=255,t/=255;let r=Math.max(o,e,t),s=Math.min(o,e,t),n=(r+s)/2,i=0,d=0;if(r!==s){let c=r-s;switch(d=n>.5?c/(2-r-s):c/(r+s),r){case o:i=((e-t)/c+(e<t?6:0))/6;break;case e:i=((t-o)/c+2)/6;break;case t:i=((o-e)/c+4)/6;break}}return{h:Math.round(i*360),s:Math.round(d*100),l:Math.round(n*100)}}function v(o){o=o.replace(/^#/,""),o.length===3&&(o=o[0]+o[0]+o[1]+o[1]+o[2]+o[2]);let e=parseInt(o,16);return{r:e>>16&255,g:e>>8&255,b:e&255}}function N(o,e,t){return"#"+[o,e,t].map(r=>Math.max(0,Math.min(255,Math.round(r))).toString(16).padStart(2,"0")).join("")}function $(o){let{r:e,g:t,b:r}=v(o);return q(e,t,r)}function l(o,e,t){let{r,g:s,b:n}=B(o,e,t);return N(r,s,n)}var u=o=>(o%360+360)%360;function H(o,e,t){return{colors:[l(o,e,t),l(u(o+180),e,t)],names:["Base","Complement"]}}function O(o,e,t){return{colors:[l(u(o-30),e,t),l(o,e,t),l(u(o+30),e,t)],names:["Analog A","Base","Analog B"]}}function j(o,e,t){return{colors:[l(o,e,t),l(u(o+120),e,t),l(u(o+240),e,t)],names:["Base","Triad A","Triad B"]}}function R(o,e,t){return{colors:[l(o,e,t),l(u(o+150),e,t),l(u(o+210),e,t)],names:["Base","Split A","Split B"]}}function F(o,e,t){return{colors:[l(o,e,t),l(u(o+90),e,t),l(u(o+180),e,t),l(u(o+270),e,t)],names:["Base","Tetrad A","Tetrad B","Tetrad C"]}}var P=[{label:"50",l:96},{label:"100",l:90},{label:"200",l:80},{label:"300",l:70},{label:"400",l:60},{label:"500",l:50},{label:"600",l:40},{label:"700",l:30},{label:"800",l:22},{label:"900",l:15},{label:"950",l:10}];function D(o,e,t){let r=[],s=[];for(let n of P){let i=n.l>85||n.l<20?Math.max(e*.6,5):e;r.push(l(o,Math.round(i),n.l)),s.push(n.label)}return{colors:r,names:s}}var M={complementary:H,analogous:O,triadic:j,"split-complementary":R,tetradic:F,monochromatic:D};function k(o,e){let{h:t,s:r,l:s}=$(o);return(M[e]||M.complementary)(t,r,s)}var w=class extends h{static observedAttributes=["seed","harmony","include-seed","show-export","layout","size","show-values","show-names"];#e=null;#t="";#o=[];#r=[];setup(){this.#e=this.querySelector("color-picker")||this.querySelector('input[type="color"]'),this.#t=this.#i(),this.#t&&(this.#n(),this.#c(),this.#s())}attributeChangedCallback(){this.isConnected&&this.hasAttribute("data-upgraded")&&(this.#t=this.#i(),this.#t&&this.#n())}#i(){if(this.#e){let e=this.#e;if(e.tagName==="COLOR-PICKER"){let t=e.value;return t&&t!=="#000000"?t:e.querySelector('input[type="color"]')?.value||t||""}return e.value||""}return this.getAttribute("seed")||""}#n(){let e=this.getAttribute("harmony")||"complementary",t=this.getAttribute("layout")||"inline",r=this.getAttribute("size")||"md",s=this.hasAttribute("show-values"),n=this.hasAttribute("show-names"),i=this.hasAttribute("show-export"),{colors:d,names:c}=k(this.#t,e);this.#o=d,this.#r=c;let b={sm:48,md:80,lg:120}[r]||80,y="display:flex;flex-wrap:wrap;gap:var(--size-xs,0.5rem)";t==="grid"?y=`display:grid;grid-template-columns:repeat(auto-fill,minmax(${b}px,1fr));gap:var(--size-xs,0.5rem)`:t==="list"&&(y="display:flex;flex-direction:column;gap:var(--size-xs,0.5rem)");let T=d.map((a,g)=>{let f=c[g]||"",A=this.#d(a),L=t==="list"?"display:flex;flex-direction:row;align-items:center;gap:0.75rem":`display:flex;flex-direction:column;align-items:center;gap:0.25rem;max-inline-size:${b}px`,E=t==="list"?36:b,z=a.length>12?a.slice(0,12)+"\u2026":a;return`<div class="swatch-wrap" role="listitem" style="${L}">
+        <button type="button" class="color-box" data-index="${g}"
+          style="background:${a};color:${A};width:${E}px;height:${E}px;border:1px solid oklch(0% 0 0/0.15);border-radius:var(--radius-s,0.25rem);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-family:var(--font-mono,monospace);position:relative;overflow:hidden;flex-shrink:0"
+          title="Click to copy${f?": "+f:""}"
+          aria-label="${f||"Color "+(g+1)}: ${a}">
+          <span class="color-value" style="font-size:0.625rem;line-height:1.2;opacity:${s?"1":"0"};text-align:center;padding:2px 4px;word-break:break-all;transition:opacity 0.15s ease">${z}</span>
+        </button>
+        ${n&&f?`<span style="font-size:var(--font-size-xs,0.75rem);color:var(--color-text-muted,#666);text-align:center;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${f}</span>`:""}
+      </div>`}).join(""),x="";i&&(x=`<div class="pg-export" role="toolbar" aria-label="Export palette" style="display:flex;gap:0.5rem;margin-block-start:var(--size-xs,0.5rem)">
+        <button type="button" class="pg-copy-hex" style="padding:0.25rem 0.75rem;border:1px solid var(--color-border,#ccc);border-radius:var(--radius-s,0.25rem);background:var(--color-surface,#fff);color:var(--color-text,#333);cursor:pointer;font-size:var(--font-size-xs,0.75rem);font-family:inherit">Copy Hex</button>
+        <button type="button" class="pg-copy-css" style="padding:0.25rem 0.75rem;border:1px solid var(--color-border,#ccc);border-radius:var(--radius-s,0.25rem);background:var(--color-surface,#fff);color:var(--color-text,#333);cursor:pointer;font-size:var(--font-size-xs,0.75rem);font-family:inherit">Copy CSS</button>
+      </div>`);let m=this.#e;for(let a of[...this.children])a!==m&&(a.classList?.contains("pg-seed-label")||a.remove());if(m&&!this.querySelector(".pg-seed-label")){let a=document.createElement("span");a.className="pg-seed-label",a.textContent="Seed Color",m.before(a)}let p=document.createElement("div");if(p.className=`palette ${t}`,p.setAttribute("role","list"),p.setAttribute("aria-label","Color palette"),p.style.cssText=y,p.innerHTML=T,m?m.after(p):this.prepend(p),x){let a=document.createElement("div");a.innerHTML=x,this.append(a.firstElementChild)}this.#l(p,d,c,s),i&&this.#u()}#l(e,t,r,s){e.querySelectorAll(".color-box").forEach(n=>{s||(n.addEventListener("pointerenter",()=>{let i=n.querySelector(".color-value");i&&(i.style.opacity="1")}),n.addEventListener("pointerleave",()=>{let i=n.querySelector(".color-value");i&&(i.style.opacity="0")})),n.addEventListener("click",()=>{let i=Number(n.dataset.index),d=t[i],c=r[i]||"";navigator.clipboard?.writeText(d),this.dispatchEvent(new CustomEvent("color-palette:select",{bubbles:!0,detail:{color:d,name:c,index:i}})),n.style.outline="3px solid currentColor",n.style.outlineOffset="2px",setTimeout(()=>{n.style.outline="",n.style.outlineOffset=""},600)})})}#c(){let e=this.#e;e&&(e.tagName==="COLOR-PICKER"?this.listen(e,"color-picker:change",t=>{this.#t=t.detail.hex,this.#n(),this.#s()}):this.listen(e,"input",()=>{this.#t=e.value,this.#n(),this.#s()}))}#u(){let e=this.querySelector(".pg-copy-hex"),t=this.querySelector(".pg-copy-css");e&&e.addEventListener("click",()=>{navigator.clipboard?.writeText(this.#o.join(", ")),this.#a(e,"Copy Hex")}),t&&t.addEventListener("click",()=>{let r=this.getAttribute("harmony")||"complementary",s=this.#p(r);navigator.clipboard?.writeText(s),this.#a(t,"Copy CSS")})}#d(e){if(e.startsWith("#")){let{r:t,g:r,b:s}=v(e);return .2126*(t/255)+.7152*(r/255)+.0722*(s/255)>.4?"#000":"#fff"}return"#000"}#p(e){return e==="monochromatic"?this.#o.map((t,r)=>`--color-seed-${this.#r[r]||r+1}: ${t};`).join(`
+`):this.#o.map((t,r)=>`--palette-${this.#r[r]?this.#r[r].toLowerCase().replace(/\s+/g,"-"):`${r+1}`}: ${t};`).join(`
+`)}#a(e,t){e.textContent="Copied!",setTimeout(()=>{e.textContent=t},1500)}#s(){let e=this.getAttribute("harmony")||"complementary";this.dispatchEvent(new CustomEvent("palette-generator:generate",{bubbles:!0,detail:{colors:[...this.#o],harmony:e,seed:this.#t}}))}};S("palette-generator",w);
+//# sourceMappingURL=palette-generator.js.map

package/dist/cdn/components/print-page.js

@@ -0,0 +1,2 @@
+var l=window.matchMedia("(prefers-reduced-motion: reduce)");var a=new Map;function d(r,t,e={}){let n=e.priority??10,i={impl:t,bundle:e.bundle,contract:e.contract,priority:n},o=a.get(r);if(customElements.get(r)){if(!o||o.priority>=n){o&&o.priority===n&&o.impl!==t&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${o.bundle}" (priority ${o.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${r}> defined by "${o.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(o&&o.priority>=n){o.priority===n&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${o.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}a.set(r,i),customElements.define(r,t)}var s=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let t of this.#e)t();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,e,n,i){t.addEventListener(e,n,i),this.#e.push(()=>t.removeEventListener(e,n,i))}setup(){}teardown(){}};var c=class extends s{#e;#t;#n=null;setup(){this.#n===null&&(this.#n=this.getAttribute("label")||this.textContent.trim()||"Print this page");let t=this.#n,e=this.hasAttribute("raw-toggle");if(this.innerHTML="",e&&this.setAttribute("role","group"),this.#e=document.createElement("button"),this.#e.type="button",this.#e.textContent=t,this.listen(this.#e,"click",this.#o),this.append(this.#e),e){let n=document.createElement("label");this.#t=document.createElement("input"),this.#t.type="checkbox";let i=document.createElement("span");i.textContent="Print without VB styles",n.append(this.#t,i),this.append(n)}}teardown(){this.#e=null,this.#t=null}#o=()=>{let t=this.#t?.checked;if(t&&document.documentElement.setAttribute("data-print-raw",""),window.print(),t){let e=()=>{document.documentElement.removeAttribute("data-print-raw"),window.removeEventListener("afterprint",e),clearTimeout(n)};window.addEventListener("afterprint",e,{once:!0});let n=setTimeout(e,5e3)}}};d("print-page",c);export{c as PrintPage};
+//# sourceMappingURL=print-page.js.map

package/dist/cdn/components/qr-code.js

@@ -0,0 +1,2 @@
+var U=window.matchMedia("(prefers-reduced-motion: reduce)");var y=new Map;function A(n,t,e={}){let o=e.priority??10,i={impl:t,bundle:e.bundle,contract:e.contract,priority:o},r=y.get(n);if(customElements.get(n)){if(!r||r.priority>=o){r&&r.priority===o&&r.impl!==t&&console.warn(`[VB Bundle] Tag <${n}> already registered by "${r.bundle}" (priority ${r.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${n}> defined by "${r.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(r&&r.priority>=o){r.priority===o&&console.warn(`[VB Bundle] Tag <${n}> already registered by "${r.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}y.set(n,i),customElements.define(n,t)}var b=class extends HTMLElement{#t=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let t of this.#t)t();this.#t=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,e,o,i){t.addEventListener(e,o,i),this.#t.push(()=>t.removeEventListener(e,o,i))}setup(){}teardown(){}};var x=class extends b{#t;#e=null;setup(){this.#e===null&&(this.#e=this.getAttribute("value")||this.textContent.trim());let t=this.#e;if(!t)return!1;let e=parseInt(this.getAttribute("size")??"200",10)||200,o=parseInt(this.getAttribute("error-correction")??"1",10)||1;this.#t=document.createElement("canvas"),this.#t.width=e,this.#t.height=e,this.#t.setAttribute("role","img"),this.#t.setAttribute("aria-label",`QR code: ${t}`),this.#o(t,e,o)}static get observedAttributes(){return["value","size"]}attributeChangedCallback(t,e,o){if(!this.#t||!this.isConnected)return;t==="value"&&o&&(this.#e=o);let i=this.#e||this.getAttribute("value")||"";if(!i)return;let r=parseInt(this.getAttribute("size")??"200",10)||200,c=parseInt(this.getAttribute("error-correction")??"1",10)||1;this.#t.width=r,this.#t.height=r,this.#t.setAttribute("aria-label",`QR code: ${i}`),this.#o(i,r,c)}#o(t,e,o){let i=w(t,o),r=this.#t.getContext("2d"),c=i.length,s=e/c,a=getComputedStyle(this),l=this.getAttribute("color")||a.color||"#000",f=this.getAttribute("background")||"transparent";r.clearRect(0,0,e,e),f!=="transparent"&&(r.fillStyle=f,r.fillRect(0,0,e,e)),r.fillStyle=l;for(let h=0;h<c;h++)for(let d=0;d<c;d++)i[h][d]&&r.fillRect(Math.round(d*s),Math.round(h*s),Math.ceil(s),Math.ceil(s));this.textContent="",this.appendChild(this.#t);let u=document.createElement("span");u.className="sr-only",u.textContent=t,this.appendChild(u)}toDataURL(t="image/png"){return this.#t?.toDataURL(t)??""}},g=[[[26,7],[44,10],[70,15],[100,20],[134,26],[172,18],[196,20],[242,24],[292,30],[346,18]],[[26,10],[44,16],[70,26],[100,18],[134,24],[172,16],[196,18],[242,22],[292,22],[346,26]],[[26,13],[44,22],[70,18],[100,26],[134,18],[172,24],[196,18],[242,22],[292,20],[346,28]],[[26,17],[44,28],[70,22],[100,16],[134,22],[172,28],[196,26],[242,26],[292,24],[346,28]]],E=[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,52]];function w(n,t=1){let e=new TextEncoder().encode(n),o=M(e.length,t),i=g[t][o-1][0],r=g[t][o-1][1],c=i-r,s=C(e,o,c),a=v(s,c,r),l=o*4+17,f=Array.from({length:l},()=>new Uint8Array(l)),u=Array.from({length:l},()=>new Uint8Array(l));return F(f,u,l),S(f,u,o),$(f,u,l),B(u,l),D(f,u,a,l),O(f,u,l,t)}function M(n,t){for(let e=1;e<=10;e++){let o=g[t][e-1][0],i=g[t][e-1][1],r=o-i,c=e<=9?8:16,s=Math.ceil((4+c)/8);if(n<=r-s)return e}return 10}function C(n,t,e){let o=[],i=(u,h)=>{for(let d=h-1;d>=0;d--)o.push(u>>d&1)};i(4,4);let r=t<=9?8:16;i(n.length,r);for(let u of n)i(u,8);let c=e*8,s=Math.min(4,c-o.length);for(i(0,s);o.length%8!==0;)o.push(0);let a=[236,17],l=0;for(;o.length<c;)i(a[l%2],8),l++;let f=[];for(let u=0;u<o.length;u+=8){let h=0;for(let d=0;d<8;d++)h=h<<1|(o[u+d]||0);f.push(h)}return f}function v(n,t,e){let o=k(e),i=new Uint8Array(t+e);for(let c=0;c<t;c++)i[c]=n[c];for(let c=0;c<t;c++){let s=i[c];if(s===0)continue;let a=m[s];for(let l=0;l<o.length;l++)i[c+l]^=p[(a+m[o[l]])%255]}let r=[...n.slice(0,t)];for(let c=0;c<e;c++)r.push(i[t+c]);return r}var p=new Uint8Array(512),m=new Uint8Array(256);(function(){let t=1;for(let e=0;e<255;e++)p[e]=t,m[t]=e,t<<=1,t>=256&&(t^=285);for(let e=255;e<512;e++)p[e]=p[e-255]})();function k(n){let t=new Uint8Array([1]);for(let e=0;e<n;e++){let o=new Uint8Array(t.length+1),i=e;for(let r=0;r<t.length;r++)o[r]^=t[r],o[r+1]^=p[(m[t[r]]+i)%255];t=o}return t}function F(n,t,e){let o=[[0,0],[e-7,0],[0,e-7]];for(let[i,r]of o){for(let c=0;c<7;c++)for(let s=0;s<7;s++){let a=c===0||c===6||s===0||s===6||c>=2&&c<=4&&s>=2&&s<=4;n[i+c][r+s]=a?1:0,t[i+c][r+s]=1}for(let c=-1;c<=7;c++)for(let[s,a]of[[c,-1],[c,7],[-1,c],[7,c]]){let l=i+s,f=r+a;l>=0&&l<e&&f>=0&&f<e&&(n[l][f]=0,t[l][f]=1)}}}function S(n,t,e){if(e<2)return;let o=E[e-1];for(let i of o)for(let r of o)if(!t[i][r])for(let c=-2;c<=2;c++)for(let s=-2;s<=2;s++){let a=Math.abs(c)===2||Math.abs(s)===2||c===0&&s===0;n[i+c][r+s]=a?1:0,t[i+c][r+s]=1}}function $(n,t,e){for(let o=8;o<e-8;o++){let i=o%2===0?1:0;t[6][o]||(n[6][o]=i,t[6][o]=1),t[o][6]||(n[o][6]=i,t[o][6]=1)}}function B(n,t){for(let e=0;e<=8;e++)e<t&&(n[8][e]=1),e<t&&(n[e][8]=1);for(let e=0;e<=7;e++)n[8][t-1-e]=1,n[t-1-e][8]=1;n[t-8][8]=1}function D(n,t,e,o){let i=[];for(let s of e)for(let a=7;a>=0;a--)i.push(s>>a&1);let r=0,c=!0;for(let s=o-1;s>=1;s-=2){s===6&&(s=5);let a=c?Array.from({length:o},(l,f)=>o-1-f):Array.from({length:o},(l,f)=>f);for(let l of a)for(let f of[s,s-1])f<0||f>=o||t[l][f]||(n[l][f]=r<i.length?i[r]:0,r++);c=!c}}var L=[30660,29427,32170,30877,26159,25368,27713,26998,21522,20773,24188,23371,17913,16590,20375,19104,13663,12392,16177,14854,9396,8579,11994,11245,5769,5054,7399,6608,1890,597,3340,2107];function T(n,t){let o=[1,0,3,2][n]*8+t;return L[o]}var N=[(n,t)=>(n+t)%2===0,n=>n%2===0,(n,t)=>t%3===0,(n,t)=>(n+t)%3===0,(n,t)=>(Math.floor(n/2)+Math.floor(t/3))%2===0,(n,t)=>n*t%2+n*t%3===0,(n,t)=>(n*t%2+n*t%3)%2===0,(n,t)=>((n+t)%2+n*t%3)%2===0];function R(n,t,e,o){let i=n.map(c=>new Uint8Array(c)),r=N[o];for(let c=0;c<e;c++)for(let s=0;s<e;s++)!t[c][s]&&r(c,s)&&(i[c][s]^=1);return i}function I(n,t,e,o){let i=T(e,o),r=[[0,8],[1,8],[2,8],[3,8],[4,8],[5,8],[7,8],[8,8],[8,7],[8,5],[8,4],[8,3],[8,2],[8,1],[8,0]];for(let s=0;s<15;s++){let[a,l]=r[s];n[a][l]=i>>14-s&1}let c=[[8,t-1],[8,t-2],[8,t-3],[8,t-4],[8,t-5],[8,t-6],[8,t-7],[8,t-8],[t-7,8],[t-6,8],[t-5,8],[t-4,8],[t-3,8],[t-2,8],[t-1,8]];for(let s=0;s<15;s++){let[a,l]=c[s];n[a][l]=i>>14-s&1}n[t-8][8]=1}function _(n,t){let e=0;for(let o=0;o<t;o++){let i=1;for(let r=1;r<t;r++)n[o][r]===n[o][r-1]?(i++,i===5?e+=3:i>5&&(e+=1)):i=1}for(let o=0;o<t;o++){let i=1;for(let r=1;r<t;r++)n[r][o]===n[r-1][o]?(i++,i===5?e+=3:i>5&&(e+=1)):i=1}for(let o=0;o<t-1;o++)for(let i=0;i<t-1;i++){let r=n[o][i];r===n[o][i+1]&&r===n[o+1][i]&&r===n[o+1][i+1]&&(e+=3)}return e}function O(n,t,e,o){let i=1/0,r=null;for(let c=0;c<8;c++){let s=R(n,t,e,c);I(s,e,o,c);let a=_(s,e);a<i&&(i=a,r=s)}return r}A("qr-code",x);export{x as QrCodeWc};
+//# sourceMappingURL=qr-code.js.map

package/dist/cdn/components/reader-view.js

@@ -0,0 +1,28 @@
+var c=class extends HTMLElement{#t=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let t of this.#t)t();this.#t=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,e,s,i){t.addEventListener(e,s,i),this.#t.push(()=>t.removeEventListener(e,s,i))}setup(){}teardown(){}};var d=new Set,u=class o extends c{#t="scroll";#s=0;#a=1;#o=2;#n="auto";#l=[0];#r=null;#i=null;#e=null;#m=null;#p=null;#g=!1;#b=0;#w=!1;#f=null;#v=null;static FONT_SIZES=["0.875rem","0.9375rem","1rem","1.0625rem","1.125rem","1.25rem"];static SNAP_DELAY=90;static STORAGE_KEY="vb-reader";setup(){this.#w||(this.#Z(),this.#q(),this.#I(),this.#z(),this.#O(),this.#w=!0),this.#D(),this.#W(),this.#c(this.#t,!1),this.setAttribute("upgraded","")}teardown(){this.#p?.disconnect(),this.#p=null,this.removeAttribute("upgraded"),clearTimeout(this.#b),d.delete(this)}#q(){let t=this.getAttribute("mode");(t==="scroll"||t==="pages")&&(this.#t=t);let e=this.getAttribute("columns");e&&(this.#n=e)}#I(){let t=this.querySelector('[slot="chrome"]'),e=[...this.children].filter(h=>!h.matches('[slot="chrome"]')),s=document.createElement("header");s.className="reader-chrome",t?s.appendChild(t):s.innerHTML=this.#L();let i=document.createElement("div");i.className="reader-scroll";let a=document.createElement("div");a.className="reader-pager",a.setAttribute("role","region"),a.setAttribute("aria-label","Article pages");let n=document.createElement("div");n.className="reader-progress",n.setAttribute("aria-hidden","true");let l=document.createElement("nav");l.className="reader-page-nav",l.setAttribute("aria-label","Page navigation"),l.innerHTML=`
+      <button class="reader-nav-btn" data-reader-action="prev-page" type="button" aria-label="Previous page">\u2190</button>
+      <output class="reader-page-indicator" data-reader-output="page-indicator" aria-live="polite">1 / 1</output>
+      <button class="reader-nav-btn" data-reader-action="next-page" type="button" aria-label="Next page">\u2192</button>
+    `,e.forEach(h=>i.appendChild(h)),this.textContent="",this.appendChild(s),this.appendChild(n);let r=document.createElement("main");r.className="reader-book",r.style.position="relative",r.style.minHeight="0",r.style.overflow="hidden",r.appendChild(i),r.appendChild(a),r.appendChild(l),this.appendChild(r),this.#e=i,this.#i=a,this.#m=l}#L(){let t=this.#F(),e=this.getAttribute("font-controls")!=="false",s=this.getAttribute("col-controls")!=="false",i=`
+      <div class="reader-chrome-copy">
+        <span class="reader-chrome-kicker">Reader</span>
+        <span class="reader-chrome-title">${this.#V(t)}</span>
+      </div>
+      <div class="reader-controls" role="toolbar" aria-label="Reading controls">
+        <div class="reader-control-group" aria-label="Reading mode">
+          <span class="reader-control-label">Mode</span>
+          <button class="reader-seg-btn" data-reader-action="set-mode-scroll" data-reader-state="active" type="button" aria-pressed="true">Scroll</button>
+          <button class="reader-seg-btn" data-reader-action="set-mode-pages" type="button" aria-pressed="false">Pages</button>
+        </div>`;return e&&(i+=`
+        <div class="reader-control-group" aria-label="Font size">
+          <span class="reader-control-label">Type</span>
+          <button class="reader-icon-btn" data-reader-action="font-decrease" type="button" aria-label="Decrease font size">A\u2212</button>
+          <button class="reader-icon-btn" data-reader-action="font-increase" type="button" aria-label="Increase font size">A+</button>
+        </div>`),s&&(i+=`
+        <div class="reader-control-group" aria-label="Page columns">
+          <span class="reader-control-label">Cols</span>
+          <button class="reader-seg-btn" data-reader-action="set-columns" data-reader-value="auto" data-reader-state="active" type="button">Auto</button>
+          <button class="reader-seg-btn" data-reader-action="set-columns" data-reader-value="1" type="button">1</button>
+          <button class="reader-seg-btn" data-reader-action="set-columns" data-reader-value="2" type="button">2</button>
+          <button class="reader-seg-btn" data-reader-action="set-columns" data-reader-value="3" type="button">3</button>
+        </div>`),i+="</div>",i}#F(){if(this.getAttribute("reader-title"))return this.getAttribute("reader-title");let t=this.querySelector("h1");return t?t.textContent.trim():document.title||"Reader"}#z(){if(this.#r=this.#e.querySelector(":scope > layout-columns"),this.#r)return;let t=document.createElement("layout-columns");[...this.#e.children].forEach(s=>t.appendChild(s)),this.#e.appendChild(t),this.#r=t}#c(t,e=!0){let s=this.#u();if(this.#t=t,this.setAttribute("mode",t),t==="pages"){for(let a of d)a!==this&&a.#c("scroll",!1);d.add(this),this.#i.appendChild(this.#r),this.#i.style.display="block",this.#e.style.display="none",this.#m.style.display="flex",this.#y(),this.#k(),requestAnimationFrame(()=>{this.#d(s)})}else d.delete(this),this.#e.appendChild(this.#r),this.#i.style.display="none",this.#e.style.display="",this.#m.style.display="none",this.#r.style.removeProperty("column-count"),this.#r.style.removeProperty("column-width"),requestAnimationFrame(()=>{let a=this.#e.scrollHeight-this.#e.clientHeight;this.#e.scrollTop=a>0?s*a:0,this.#A()});this.#N(),this.#S(),this.#E("reader-view:mode",{mode:t})}#H(){if(this.#n!=="auto")return Number(this.#n);let t=this.#i?.clientWidth||window.innerWidth;return t>=1680?3:t>=960?2:1}#y(){let t=this.#H();this.#r.style.setProperty("column-count",String(t)),this.#r.style.setProperty("column-width","auto"),this.setAttribute("columns",this.#n)}#d(t=this.#u()){if(this.#t!=="pages")return;let e=this.#i,s=e.clientWidth||1,i=e.scrollWidth,a=Math.max(0,i-s),n=i/s,l=Math.max(1,Math.ceil(n-.01));this.#l=[];for(let r=0;r<l;r++){let h=r===l-1?a:Math.min(r*s,a);(!this.#l.length||h-this.#l[this.#l.length-1]>1)&&this.#l.push(h)}this.#a=Math.max(1,this.#l.length),this.#s=this.#a>1?Math.min(Math.round(t*(this.#a-1)),this.#a-1):0,this.#h(this.#s,!1)}#h(t,e=!0){this.#s=Math.max(0,Math.min(t,this.#a-1));let s=this.#l[this.#s]??0;this.#g=!0;let i=e&&!this.#K();this.#i.scrollTo({left:s,behavior:i?"smooth":"instant"}),this.#C(),setTimeout(()=>{this.#g=!1},i?220:0)}#x(t){let e=0,s=1/0;return this.#l.forEach((i,a)=>{let n=Math.abs(i-t);n<s&&(s=n,e=a)}),e}#u(){if(this.#t==="scroll"){if(!this.#e)return 0;let e=this.#e.scrollHeight-this.#e.clientHeight;return e>0?this.#e.scrollTop/e:0}if(!this.#i)return 0;let t=this.#i.scrollWidth-this.#i.clientWidth;return t>0?this.#i.scrollLeft/t:0}#C(){let t=this.#a>1?this.#s/(this.#a-1):1;this.#T(t),this.querySelectorAll('[data-reader-output="page-indicator"]').forEach(e=>{e.textContent=`${this.#s+1} / ${this.#a}`}),this.querySelectorAll('[data-reader-action="prev-page"]').forEach(e=>{e.toggleAttribute("disabled",this.#s===0)}),this.querySelectorAll('[data-reader-action="next-page"]').forEach(e=>{e.toggleAttribute("disabled",this.#s===this.#a-1)}),this.#E("reader-view:page",{page:this.#s+1,total:this.#a})}#A(){if(this.#t!=="scroll"||!this.#e)return;let t=this.#e.scrollHeight-this.#e.clientHeight,e=t>0?this.#e.scrollTop/t:1;this.#T(e)}#T(t){this.style.setProperty("--_progress",String(t))}#k(){this.#r&&(this.#r.style.fontSize=o.FONT_SIZES[this.#o])}#P(t){let e=this.#o+t;if(e<0||e>=o.FONT_SIZES.length)return;this.#o=e;let s=this.#u();this.#k(),this.#M(),this.#t==="pages"&&requestAnimationFrame(()=>this.#d(s)),this.#S(),this.#E("reader-view:font",{size:o.FONT_SIZES[this.#o],index:this.#o})}#M(){this.querySelectorAll('[data-reader-action="font-decrease"]').forEach(t=>{t.toggleAttribute("disabled",this.#o===0)}),this.querySelectorAll('[data-reader-action="font-increase"]').forEach(t=>{t.toggleAttribute("disabled",this.#o===o.FONT_SIZES.length-1)})}#O(){this.addEventListener("click",t=>{let e=t.target.closest("[data-reader-action]");if(!e)return;switch(e.dataset.readerAction){case"toggle-mode":this.#c(this.#t==="scroll"?"pages":"scroll");break;case"set-mode-scroll":this.#c("scroll");break;case"set-mode-pages":this.#c("pages");break;case"font-increase":this.#P(1);break;case"font-decrease":this.#P(-1);break;case"set-columns":{let i=this.#u();this.#n=e.dataset.readerValue??"auto",this.#y(),this.#N(),this.#t==="pages"&&requestAnimationFrame(()=>this.#d(i)),this.#S();break}case"prev-page":this.#h(this.#s-1);break;case"next-page":this.#h(this.#s+1);break}}),this.#e.addEventListener("scroll",()=>this.#A(),{passive:!0}),this.#i.addEventListener("scroll",()=>{if(this.#t!=="pages")return;let t=this.#x(this.#i.scrollLeft);t!==this.#s&&(this.#s=t,this.#C()),!this.#g&&(clearTimeout(this.#b),this.#b=setTimeout(()=>{this.#h(this.#x(this.#i.scrollLeft),!1)},o.SNAP_DELAY))},{passive:!0}),this.#f=this.#R.bind(this)}#R(t){if(this.#t==="pages"&&!t.target?.matches?.("input, textarea, select, button, a, [contenteditable]"))switch(t.key){case"ArrowRight":case"PageDown":case" ":t.preventDefault(),this.#h(this.#s+1);break;case"ArrowLeft":case"PageUp":t.preventDefault(),this.#h(this.#s-1);break;case"Home":t.preventDefault(),this.#h(0,!1);break;case"End":t.preventDefault(),this.#h(this.#a-1,!1);break}}#D(){this.#p=new ResizeObserver(()=>{this.#t==="pages"?requestAnimationFrame(()=>{this.#y(),this.#d(this.#u())}):this.#A()}),this.#p.observe(this.#i)}#W(){this.#f&&this.listen(document,"keydown",this.#f),window.visualViewport&&(this.#v=()=>{this.#t==="pages"&&requestAnimationFrame(()=>this.#d())},this.listen(window.visualViewport,"resize",this.#v),this.listen(window.visualViewport,"scroll",this.#v))}#S(){if(this.getAttribute("persist")==="false")return;let t=this.getAttribute("storage-key")||o.STORAGE_KEY;try{localStorage.setItem(t,JSON.stringify({mode:this.#t,sizeIdx:this.#o,columns:this.#n}))}catch{}}#Z(){if(this.getAttribute("persist")==="false")return;let t=this.getAttribute("storage-key")||o.STORAGE_KEY;try{let e=JSON.parse(localStorage.getItem(t)??"null");if(!e)return;(e.mode==="scroll"||e.mode==="pages")&&(this.#t=e.mode),typeof e.sizeIdx=="number"&&e.sizeIdx>=0&&e.sizeIdx<o.FONT_SIZES.length&&(this.#o=e.sizeIdx),e.columns&&(this.#n=e.columns)}catch{}}#N(){this.querySelectorAll('[data-reader-action="set-mode-scroll"]').forEach(t=>{let e=this.#t==="scroll";t.setAttribute("data-reader-state",e?"active":""),t.setAttribute("aria-pressed",String(e))}),this.querySelectorAll('[data-reader-action="set-mode-pages"]').forEach(t=>{let e=this.#t==="pages";t.setAttribute("data-reader-state",e?"active":""),t.setAttribute("aria-pressed",String(e))}),this.querySelectorAll('[data-reader-action="set-columns"]').forEach(t=>{let e=t.dataset.readerValue===this.#n;t.setAttribute("data-reader-state",e?"active":"")}),this.#M(),this.querySelectorAll('[data-reader-output="mode-label"]').forEach(t=>{t.textContent=this.#t==="scroll"?"Scroll":"Pages"})}#E(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}#K(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}#V(t){let e=document.createElement("div");return e.textContent=t,e.innerHTML}};customElements.define("reader-view",u);
+//# sourceMappingURL=reader-view.js.map

package/dist/cdn/components/settings-panel.js

@@ -0,0 +1,191 @@
+var De=Object.defineProperty;var oe=(t,e)=>()=>(t&&(e=t(t=0)),e);var ce=(t,e)=>{for(var a in e)De(t,a,{get:e[a],enumerable:!0})};var O={};ce(O,{destroyStickyManager:()=>Ne,initStickyManager:()=>je});function k(){let t=document.documentElement;if(!t.hasAttribute("data-sticky"))return;let e=document.querySelector("header");e&&!e.hasAttribute("data-sticky")&&(e.dataset.sticky="",j=!0);let a=document.querySelector("header[data-sticky]"),s=a?a.getBoundingClientRect().height:0;t.style.setProperty("--sticky-offset",`${s}px`)}function Ce(){k()}function je(){if(F)return;F=!0,k(),requestAnimationFrame(k),document.fonts?.ready?.then(k),window.addEventListener("resize",k,{passive:!0}),document.addEventListener("toggle",Ce,!0),W=new ResizeObserver(k);let t=document.querySelector("header[data-sticky]");t&&W.observe(t)}function Ne(){if(F){if(F=!1,window.removeEventListener("resize",k),document.removeEventListener("toggle",Ce,!0),W?.disconnect(),j){let t=document.querySelector("header[data-sticky]");t&&delete t.dataset.sticky,j=!1}document.documentElement.style.removeProperty("--sticky-offset")}}var F,W,j,D=oe(()=>{F=!1,j=!1});var Ae={};ce(Ae,{SoundManager:()=>ze});var Te,N,ze,Me=oe(()=>{Te="vb-sound",N={enabled:!1,volume:.5},ze={_ctx:null,_enabled:!1,_volume:.5,_initialized:!1,init(){if(this._initialized)return this;let t=this._load();return this._enabled=t.enabled,this._volume=t.volume,this._initialized=!0,this},_getContext(){return this._ctx||(this._ctx=new(window.AudioContext||window.webkitAudioContext)),this._ctx.state==="suspended"&&this._ctx.resume(),this._ctx},_load(){try{let t=localStorage.getItem(Te);return t?{...N,...JSON.parse(t)}:{...N}}catch{return{...N}}},_save(t){try{let e=this._load();localStorage.setItem(Te,JSON.stringify({...e,...t}))}catch{}},_playTone(t,e,a="sine"){if(!this._enabled)return;let s=this._getContext(),r=s.createOscillator(),n=s.createGain();r.connect(n),n.connect(s.destination),r.frequency.value=t,r.type=a,n.gain.value=this._volume*.3,r.start(),n.gain.exponentialRampToValueAtTime(.01,s.currentTime+e),r.stop(s.currentTime+e)},enable(){this._enabled=!0,this._save({enabled:!0}),this.play("click")},disable(){this._enabled=!1,this._save({enabled:!1})},toggle(){return this._enabled?this.disable():this.enable(),this._enabled},isEnabled(){return this._enabled},setVolume(t){this._volume=Math.max(0,Math.min(1,t)),this._save({volume:this._volume})},getVolume(){return this._volume},play(t){if(this._enabled)switch(t){case"click":this._playTone(800,.1);break;case"success":this._playTone(523,.1),setTimeout(()=>this._playTone(659,.1),100),setTimeout(()=>this._playTone(784,.15),200);break;case"error":this._playTone(200,.15,"sawtooth"),setTimeout(()=>this._playTone(180,.2,"sawtooth"),150);break;case"notification":this._playTone(880,.1),setTimeout(()=>this._playTone(1100,.15),100);break;case"soft":this._playTone(600,.05);break;case"tick":this._playTone(1200,.02,"square");break}},getState(){return{enabled:this._enabled,volume:this._volume}}}});var Ye=window.matchMedia("(prefers-reduced-motion: reduce)");var de=new Map;function le(t,e,a={}){let s=a.priority??10,r={impl:e,bundle:a.bundle,contract:a.contract,priority:s},n=de.get(t);if(customElements.get(t)){if(!n||n.priority>=s){n&&n.priority===s&&n.impl!==e&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${n.bundle}" (priority ${n.priority}). Skipping "${a.bundle}".`);return}console.warn(`[VB Bundle] Tag <${t}> defined by "${n.bundle}" cannot be replaced (customElements.define is permanent). "${a.bundle}" has higher priority but arrived late.`);return}if(n&&n.priority>=s){n.priority===s&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${n.bundle}". Skipping "${a.bundle}" (first wins at equal priority).`);return}de.set(t,r),customElements.define(t,e)}var M=class extends HTMLElement{#t=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#t)e();this.#t=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,a,s,r){e.addEventListener(a,s,r),this.#t.push(()=>e.removeEventListener(a,s,r))}setup(){}teardown(){}};var v=new Map,L=new Map;var he=null;function ue(){if(typeof window<"u"&&window.__VB_THEME_BASE)return String(window.__VB_THEME_BASE).replace(/\/$/,"");if(he)return he;if(typeof document<"u"){let t=document.querySelectorAll('script[src*="vanilla-breeze"]');for(let e of t){let a=e.getAttribute("src");if(a){let s=a.lastIndexOf("/");if(s!==-1)return a.slice(0,s)}}}return"/cdn"}var qe=new Set(["default","a11y-high-contrast","a11y-large-text","a11y-dyslexia","modern","minimal","classic"]),Le=new Set(["kawaii","retro","memphis"]);function I(t){return Le.has(t)}function Ie(t,e){return`${e}/themes/${t}.css`}function ge(t,e){if(!I(t))return Promise.resolve();if(L.has(t))return L.get(t);let a=import(`${e}/packs/${t}.full.js`).catch(()=>{});return L.set(t,a),a}function Re(t,e){let a=ue(),s=()=>{(I(e)||t.hasAttribute("data-vb-pack"))&&ge(e,a)};return t.getAttribute("data-vb-theme-state")==="error"?Promise.reject(new Error(`Failed to load theme: ${e}`)):t.getAttribute("data-vb-theme-state")==="ready"||t.sheet?(s(),Promise.resolve()):new Promise((r,n)=>{let i=()=>{t.setAttribute("data-vb-theme-state","ready"),u(),s(),r()},l=()=>{t.setAttribute("data-vb-theme-state","error"),v.delete(e),u(),n(new Error(`Failed to load theme: ${e}`))},u=()=>{t.removeEventListener("load",i),t.removeEventListener("error",l)};t.addEventListener("load",i,{once:!0}),t.addEventListener("error",l,{once:!0})})}async function R(t){if(!t||qe.has(t))return;if(v.has(t))return v.get(t);if(typeof document<"u"){let s=document.querySelector(`link[data-vb-theme="${t}"]`);if(s){let r=Re(s,t);return v.set(t,r),r}}let e=ue(),a=I(t)?Ve(t,e):He(t,e);return v.set(t,a),a}async function He(t,e){let a=Ie(t,e);return new Promise((s,r)=>{let n=document.querySelector(`link[data-vb-theme-preload="${t}"]`);n&&n.remove();let i=document.createElement("link");i.rel="stylesheet",i.href=a,i.setAttribute("data-vb-theme",t),i.setAttribute("data-vb-theme-state","loading"),i.onload=()=>{i.setAttribute("data-vb-theme-state","ready"),s()},i.onerror=()=>{i.setAttribute("data-vb-theme-state","error"),i.remove(),v.delete(t),r(new Error(`Failed to load theme: ${t}`))},document.head.appendChild(i)})}function Ve(t,e){let a=`${e}/themes/${t}.css`;return new Promise((s,r)=>{let n=document.querySelector(`link[data-vb-theme-preload="${t}"]`);n&&n.remove();let i=document.createElement("link");i.rel="stylesheet",i.href=a,i.setAttribute("data-vb-theme",t),i.setAttribute("data-vb-pack",t),i.setAttribute("data-vb-theme-state","loading"),i.onload=()=>{i.setAttribute("data-vb-theme-state","ready"),ge(t,e),s()},i.onerror=()=>{i.setAttribute("data-vb-theme-state","error"),i.remove(),v.delete(t),r(new Error(`Failed to load pack: ${t}`))},document.head.appendChild(i)})}var pe=[{id:"default",name:"Default",swatchBg:"#3b82f6",seeds:{}},{id:"ocean",name:"Ocean",swatchBg:"#0891b2",seeds:{"--hue-primary":200,"--hue-secondary":180,"--hue-accent":45,"--lightness-primary":"50%","--chroma-primary":.15,"--lightness-secondary":"45%","--chroma-secondary":.1,"--lightness-accent":"70%","--chroma-accent":.15},seedsDark:{"--lightness-primary":"60%","--chroma-primary":.12}},{id:"forest",name:"Forest",swatchBg:"#059669",seeds:{"--hue-primary":145,"--hue-secondary":90,"--hue-accent":30,"--lightness-primary":"45%","--chroma-primary":.15,"--lightness-secondary":"55%","--chroma-secondary":.12,"--lightness-accent":"65%","--chroma-accent":.16},seedsDark:{"--lightness-primary":"55%","--chroma-primary":.12}},{id:"sunset",name:"Sunset",swatchBg:"#ea580c",seeds:{"--hue-primary":25,"--hue-secondary":0,"--hue-accent":280,"--lightness-primary":"60%","--chroma-primary":.2,"--lightness-secondary":"55%","--chroma-secondary":.18,"--lightness-accent":"55%","--chroma-accent":.18},seedsDark:{"--lightness-primary":"65%","--chroma-primary":.16}},{id:"rose",name:"Rose",swatchBg:"#e11d48",seeds:{"--hue-primary":350,"--hue-secondary":330,"--hue-accent":200,"--lightness-primary":"55%","--chroma-primary":.18,"--lightness-secondary":"50%","--chroma-secondary":.14,"--lightness-accent":"60%","--chroma-accent":.12},seedsDark:{"--lightness-primary":"65%","--chroma-primary":.14}},{id:"lavender",name:"Lavender",swatchBg:"#a855f7",seeds:{"--hue-primary":280,"--hue-secondary":300,"--hue-accent":60,"--lightness-primary":"55%","--chroma-primary":.14,"--lightness-secondary":"50%","--chroma-secondary":.12,"--lightness-accent":"70%","--chroma-accent":.14},seedsDark:{"--lightness-primary":"65%","--chroma-primary":.12}},{id:"coral",name:"Coral",swatchBg:"#f97316",seeds:{"--hue-primary":15,"--hue-secondary":25,"--hue-accent":180,"--lightness-primary":"60%","--chroma-primary":.18,"--lightness-secondary":"55%","--chroma-secondary":.15,"--lightness-accent":"55%","--chroma-accent":.12},seedsDark:{"--lightness-primary":"65%","--chroma-primary":.15}},{id:"slate",name:"Slate",swatchBg:"#64748b",seeds:{"--hue-primary":220,"--hue-secondary":210,"--hue-accent":45,"--lightness-primary":"48%","--chroma-primary":.1,"--lightness-secondary":"45%","--chroma-secondary":.06,"--lightness-accent":"68%","--chroma-accent":.15},seedsDark:{"--lightness-primary":"60%","--chroma-primary":.08}},{id:"emerald",name:"Emerald",swatchBg:"#10b981",seeds:{"--hue-primary":160,"--hue-secondary":140,"--hue-accent":30,"--lightness-primary":"50%","--chroma-primary":.15,"--lightness-secondary":"48%","--chroma-secondary":.12,"--lightness-accent":"65%","--chroma-accent":.16},seedsDark:{"--lightness-primary":"60%","--chroma-primary":.12}},{id:"amber",name:"Amber",swatchBg:"#f59e0b",seeds:{"--hue-primary":45,"--hue-secondary":30,"--hue-accent":240,"--lightness-primary":"60%","--chroma-primary":.16,"--lightness-secondary":"55%","--chroma-secondary":.15,"--lightness-accent":"52%","--chroma-accent":.14},seedsDark:{"--lightness-primary":"68%","--chroma-primary":.14}},{id:"indigo",name:"Indigo",swatchBg:"#6366f1",seeds:{"--hue-primary":250,"--hue-secondary":270,"--hue-accent":35,"--lightness-primary":"48%","--chroma-primary":.18,"--lightness-secondary":"45%","--chroma-secondary":.14,"--lightness-accent":"68%","--chroma-accent":.16},seedsDark:{"--lightness-primary":"62%","--chroma-primary":.14}}],me=[{id:"modern",name:"Modern",hue:270,shape:"rounded",character:"Vibrant & elevated",swatchBg:"#6366f1",tier:"core"},{id:"minimal",name:"Minimal",hue:240,shape:"sharp",character:"Clean & flat",swatchBg:"#71717a",tier:"core"},{id:"classic",name:"Classic",hue:220,shape:"subtle",character:"Serif & elegant",swatchBg:"#92400e",tier:"core"}],H=[{id:"swiss",name:"Swiss",icon:"grid-3x3",character:"Precision grid",swatchBg:"#ff3e00",swatchFg:"white",tier:"showcase",category:"Design"},{id:"brutalist",name:"Brutalist",icon:"square",character:"Raw, industrial",swatchBg:"#1a1a1a",swatchFg:"#f5f5f5",tier:"showcase",category:"Design"},{id:"art-deco",name:"Art Deco",icon:"crown",character:"1920s luxury",swatchBg:"#1A1A1A",swatchFg:"#C9A84C",tier:"showcase",category:"Design"},{id:"editorial",name:"Editorial",icon:"newspaper",character:"Magazine elegance",swatchBg:"#1a1a1a",swatchFg:"#c9a227",tier:"showcase",category:"Content"},{id:"genai",name:"GenAI",icon:"sparkles",character:"AI aesthetic",swatchBg:"#1a0a2e",swatchFg:"#a855f7",tier:"showcase",category:"Modern"},{id:"glassmorphism",name:"Glass",icon:"glass-water",character:"Frosted surfaces",swatchBg:"#667eea",swatchFg:"#ffffff",tier:"showcase",category:"Modern"},{id:"startup",name:"Startup",icon:"rocket",character:"SaaS energy",swatchBg:"#4f46e5",swatchFg:"#ffffff",tier:"showcase",category:"Modern"},{id:"organic",name:"Organic",icon:"leaf",character:"Natural, handcrafted",swatchBg:"#2d5016",swatchFg:"#faf5e6",tier:"showcase",category:"Creative"},{id:"rough",name:"Rough",icon:"pencil",character:"Hand-drawn sketch",swatchBg:"#f5f0e8",swatchFg:"#3a3a3a",tier:"showcase",category:"Creative"},{id:"cyber",name:"Cyber",icon:"zap",character:"Neon futuristic",swatchBg:"#0a0a1a",swatchFg:"#00ff88",tier:"showcase",category:"Creative"},{id:"vaporwave",name:"Vaporwave",icon:"radio",character:"Neon dreamy",swatchBg:"#2b0040",swatchFg:"#ff6ad5",tier:"showcase",category:"Aesthetic"},{id:"neumorphism",name:"Neumorph",icon:"circle",character:"Soft embossed",swatchBg:"#e0e0e0",swatchFg:"#a0a0a0",tier:"showcase",category:"Aesthetic"},{id:"bauhaus",name:"Bauhaus",icon:"shapes",character:"Geometric",swatchBg:"#F1FAEE",swatchFg:"#E63946",tier:"showcase",category:"Aesthetic"},{id:"claymorphism",name:"Clay",icon:"circle-dot",character:"Puffy 3D",swatchBg:"#f0f0f5",swatchFg:"#FF6B9D",tier:"showcase",category:"Aesthetic"},{id:"alpha1999",name:"Alpha1999",icon:"orbit",character:"Space retro-fi",swatchBg:"#0a0a14",swatchFg:"#d4880f",tier:"showcase",category:"Signature"},{id:"super2026",name:"Super2026",icon:"triangle",character:"Supergraphic bold",swatchBg:"#f5f0e6",swatchFg:"#c23616",tier:"showcase",category:"Signature"},{id:"win9x",name:"Win9x",icon:"monitor",character:"Classic desktop",swatchBg:"#008080",swatchFg:"#c0c0c0",tier:"showcase",category:"OS Styles"},{id:"nes",name:"NES",icon:"joystick",character:"Console pixels",swatchBg:"#bcbcbc",swatchFg:"#e40521",tier:"showcase",category:"OS Styles"},{id:"8bit",name:"8-Bit",icon:"gamepad-2",character:"Retro pixel art",swatchBg:"#000080",swatchFg:"#ffff00",tier:"showcase",category:"OS Styles"},{id:"magna",name:"Magna",icon:"orbit",character:"Odyssey 2 retro",swatchBg:"#0d0b14",swatchFg:"#f97316",tier:"showcase",category:"OS Styles"}],V=[{id:"nord",name:"Nord",icon:"snowflake",character:"Arctic calm",swatchBg:"#2E3440",swatchFg:"#81A1C1",tier:"community",category:"Editor Palettes"},{id:"solarized",name:"Solarized",icon:"sun-dim",character:"Engineered precision",swatchBg:"#002B36",swatchFg:"#268BD2",tier:"community",category:"Editor Palettes"},{id:"dracula",name:"Dracula",icon:"moon-star",character:"Dark elegance",swatchBg:"#282A36",swatchFg:"#BD93F9",tier:"community",category:"Editor Palettes"},{id:"catppuccin-mocha",name:"Catppuccin",icon:"coffee",character:"Warm pastels",swatchBg:"#1E1E2E",swatchFg:"#CBA6F7",tier:"community",category:"Editor Palettes"},{id:"catppuccin-latte",name:"Ctp Latte",icon:"coffee",character:"Cozy daytime",swatchBg:"#eff1f5",swatchFg:"#8839ef",tier:"community",category:"Editor Palettes"},{id:"catppuccin-frappe",name:"Ctp Frapp\xE9",icon:"coffee",character:"Cool twilight",swatchBg:"#303446",swatchFg:"#ca9ee6",tier:"community",category:"Editor Palettes"},{id:"catppuccin-macchiato",name:"Ctp Macchiato",icon:"coffee",character:"Deep blue",swatchBg:"#24273a",swatchFg:"#c6a0f6",tier:"community",category:"Editor Palettes"},{id:"gruvbox",name:"Gruvbox",icon:"palette",character:"Retro warmth",swatchBg:"#282828",swatchFg:"#ebdbb2",tier:"community",category:"Editor Palettes"},{id:"tokyo-night",name:"Tokyo Night",icon:"moon",character:"Night-owl vibes",swatchBg:"#1a1b26",swatchFg:"#7aa2f7",tier:"community",category:"Editor Palettes"},{id:"rose-pine",name:"Ros\xE9 Pine",icon:"flower-2",character:"Muted elegance",swatchBg:"#191724",swatchFg:"#ebbcba",tier:"community",category:"Editor Palettes"},{id:"cottagecore",name:"Cottagecore",icon:"flower-2",character:"Pastoral",swatchBg:"#fdf8f0",swatchFg:"#7d8c6d",tier:"community",category:"Niche"},{id:"terminal",name:"Terminal",icon:"terminal",character:"Retro CRT",swatchBg:"#0d1117",swatchFg:"#00ff00",tier:"community",category:"Niche"},{id:"clinical",name:"Clinical",icon:"heart-pulse",character:"Sterile precision",swatchBg:"#ffffff",swatchFg:"#0077b6",tier:"community",category:"Industry"},{id:"financial",name:"Financial",icon:"landmark",character:"Navy + gold",swatchBg:"#1b2a4a",swatchFg:"#c9a84c",tier:"community",category:"Industry"},{id:"government",name:"Government",icon:"shield",character:"Official",swatchBg:"#002868",swatchFg:"#bf0a30",tier:"community",category:"Industry"},{id:"dawn",name:"Dawn",icon:"sunrise",character:"Golden morning",swatchBg:"#fef3e2",swatchFg:"#d4a574",tier:"community",category:"Mood/Time"},{id:"dusk",name:"Dusk",icon:"sunset",character:"Twilight",swatchBg:"#1a1b2e",swatchFg:"#e5a858",tier:"community",category:"Mood/Time"},{id:"midnight",name:"Midnight",icon:"moon",character:"Deep night",swatchBg:"#0d1117",swatchFg:"#58a6ff",tier:"community",category:"Mood/Time"},{id:"high-noon",name:"High Noon",icon:"sun",character:"Maximum bright",swatchBg:"#ffffff",swatchFg:"#e63946",tier:"community",category:"Mood/Time"}],ye=[{id:"kawaii",name:"Kawaii",icon:"heart",character:"Cute aesthetic",swatchBg:"#ffb7c5",swatchFg:"#ff69b4",tier:"showcase",category:"Packs"},{id:"retro",name:"Retro",icon:"tv",character:"CRT terminal",swatchBg:"#0a0a14",swatchFg:"#00ff66",tier:"showcase",category:"Packs"},{id:"memphis",name:"Memphis",icon:"star",character:"Bold patterns",swatchBg:"#FFF8F0",swatchFg:"#d03040",tier:"showcase",category:"Packs"}];var Ze=[...H,...V],et=[...me,...H,...V,...ye],w=t=>H.filter(e=>e.category===t),fe=[{label:"Style",themes:me,tier:"core"},{label:"Design",themes:w("Design"),tier:"showcase"},{label:"Content",themes:w("Content"),tier:"showcase"},{label:"Modern",themes:w("Modern"),tier:"showcase"},{label:"Creative",themes:w("Creative"),tier:"showcase"},{label:"Aesthetic",themes:w("Aesthetic"),tier:"showcase"},{label:"Signature",themes:w("Signature"),tier:"showcase"},{label:"OS Styles",themes:w("OS Styles"),tier:"showcase"},{label:"Packs",themes:ye,tier:"showcase"},{label:"More Themes",themes:V,tier:"community"}];var G="vb-theme",P={mode:"auto",brand:"default",accent:"default",borderStyle:"",iconSet:"",fluid:"",backdrop:"",backdropChrome:"",pageBgType:"",pageBgColor:"",pageBgGradStart:"",pageBgGradEnd:"",pageBgGradDir:""},be=["--hue-primary","--hue-secondary","--hue-accent","--lightness-primary","--chroma-primary","--lightness-secondary","--chroma-secondary","--lightness-accent","--chroma-accent"],d={_initPromise:null,async init(){return this._initPromise?this._initPromise:(this._initPromise=(async()=>{let t=this.load();try{await R(t.brand)}catch{t.brand="default"}return this.apply(t),this._watchSystemPreference(),t})(),this._initPromise)},load(){try{let t=localStorage.getItem(G);return t?{...P,...JSON.parse(t)}:{...P}}catch{return{...P}}},save(t){let a={...this.load(),...t};try{localStorage.setItem(G,JSON.stringify(a))}catch{}return a},apply({mode:t="auto",brand:e="default",borderStyle:a="",iconSet:s="",fluid:r="",backdrop:n="",backdropChrome:i="",pageBgType:l="",pageBgColor:u="",pageBgGradStart:p="",pageBgGradEnd:g="",pageBgGradDir:m=""}={}){let c=document.documentElement;c.dataset.mode=t==="auto"?this.getEffectiveMode():t;let _=(c.dataset.theme||"").split(" ").filter(x=>x.startsWith("a11y-")),h=e!=="default"?[e,..._]:[..._];h.length?c.dataset.theme=h.join(" "):delete c.dataset.theme;let f=a||this._readCSSHint("--theme-border-style");f&&f!=="clean"?c.dataset.borderStyle=f:delete c.dataset.borderStyle;let o=s||this._readCSSHint("--theme-icon-set");if(o&&o!=="lucide"?c.dataset.iconSet=o:delete c.dataset.iconSet,r?c.dataset.fluid=r:delete c.dataset.fluid,n?c.dataset.backdrop=n:delete c.dataset.backdrop,i&&i!=="card"?c.dataset.backdropChrome=i:delete c.dataset.backdropChrome,l==="color"&&u)c.style.setProperty("--page-bg-color",u),c.style.removeProperty("--page-bg-gradient");else if(l==="gradient"&&p&&g){let x=m||"to bottom";c.style.setProperty("--page-bg-gradient",`linear-gradient(${x}, ${p}, ${g})`),c.style.removeProperty("--page-bg-color")}else c.style.removeProperty("--page-bg-color"),c.style.removeProperty("--page-bg-gradient");let y=this.load().accent||"default";this._applyAccent(y),window.dispatchEvent(new CustomEvent("vb:theme-change",{detail:{mode:t,brand:e,accent:y,borderStyle:f,iconSet:o,fluid:r,backdrop:n,backdropChrome:i,pageBgType:l,effectiveMode:this.getEffectiveMode()}}))},setMode(t){let e=this.save({mode:t});this.apply(e)},async setBrand(t){try{await R(t)}catch(a){console.warn(`[VB] Theme "${t}" failed to load, using default`,a),t="default"}let e=this.save({brand:t});this.apply(e)},setAccent(t){let e=this.save({accent:t});this._applyAccent(t),window.dispatchEvent(new CustomEvent("vb:theme-change",{detail:{...this.getState()}}))},setBorderStyle(t){let e=this.save({borderStyle:t});this.apply(e)},setIconSet(t){let e=this.save({iconSet:t});this.apply(e)},setFluid(t){let e=this.save({fluid:t});this.apply(e)},setBackdrop(t){let e=this.save({backdrop:t});this.apply(e)},setBackdropChrome(t){let e=this.save({backdropChrome:t});this.apply(e)},setPageBg({type:t="",color:e="",gradStart:a="",gradEnd:s="",gradDir:r=""}={}){let n=this.save({pageBgType:t,pageBgColor:e,pageBgGradStart:a,pageBgGradEnd:s,pageBgGradDir:r});this.apply(n)},getEffectiveMode(){let{mode:t}=this.load();return t!=="auto"?t:window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"},getState(){let{mode:t,brand:e,accent:a,borderStyle:s,iconSet:r,fluid:n,backdrop:i,backdropChrome:l,pageBgType:u,pageBgColor:p,pageBgGradStart:g,pageBgGradEnd:m,pageBgGradDir:c}=this.load();return{mode:t,brand:e,accent:a,borderStyle:s,iconSet:r,fluid:n,backdrop:i,backdropChrome:l,pageBgType:u,pageBgColor:p,pageBgGradStart:g,pageBgGradEnd:m,pageBgGradDir:c,effectiveMode:this.getEffectiveMode()}},toggleMode(){let e=this.getEffectiveMode()==="dark"?"light":"dark";this.setMode(e)},reset(){try{localStorage.removeItem(G)}catch{}let t=document.documentElement;t.style.removeProperty("--page-bg-color"),t.style.removeProperty("--page-bg-gradient");for(let e of be)t.style.removeProperty(e);this.apply(P)},_readCSSHint(t){return getComputedStyle(document.documentElement).getPropertyValue(t).trim()},_applyAccent(t){let e=document.documentElement,a=pe.find(s=>s.id===t);for(let s of be)e.style.removeProperty(s);if(!(!a||!a.seeds||Object.keys(a.seeds).length===0)){for(let[s,r]of Object.entries(a.seeds))e.style.setProperty(s,String(r));if(a.seedsDark&&this.getEffectiveMode()==="dark")for(let[s,r]of Object.entries(a.seedsDark))e.style.setProperty(s,String(r))}},_watchSystemPreference(){window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",()=>{let e=this.load();e.mode==="auto"&&this.apply(e)})}};var ve="vb-environment",U={timeOfDay:!1,seasonal:!1},Ge=900*1e3;function S(t,e,a){return t+(e-t)*Math.min(1,Math.max(0,a))}var T={_timer:null,_baseHues:null,_timeOverride:null,_monthOverride:null,init(){let t=this.load();(t.timeOfDay||t.seasonal)&&(this._captureBaseHues(),this._update(),this._startLoop()),window.addEventListener("vb:theme-change",()=>{this._hasActiveSource()&&requestAnimationFrame(()=>{this._captureBaseHues(),this._update()})})},load(){try{let t=localStorage.getItem(ve);return t?{...U,...JSON.parse(t)}:{...U}}catch{return{...U}}},save(t){try{localStorage.setItem(ve,JSON.stringify(t))}catch{}return t},setTimeOverride(t){this._timeOverride=t,this._hasActiveSource()&&this._update()},setMonthOverride(t){this._monthOverride=t,this._hasActiveSource()&&this._update()},setSource(t,e){let a={...this.load(),[t]:e};this.save(a),e?(this._captureBaseHues(),this._update(),this._startLoop()):this._hasActiveSource(a)?this._update():(this._clearModifiers(),this._stopLoop())},_hasActiveSource(t){let e=t||this.load();return e.timeOfDay||e.seasonal},_captureBaseHues(){let t=document.documentElement;t.style.removeProperty("--hue-primary"),t.style.removeProperty("--hue-secondary"),t.style.removeProperty("--hue-accent");let e=t.getAttribute("data-theme");if(e){let a=`[data-theme~="${e}"]`;for(let s of document.styleSheets)try{for(let r=0;r<s.cssRules.length;r++){let n=s.cssRules[r];if(n.selectorText?.includes(a)&&!n.selectorText.includes("dark")){let i=n.style?.getPropertyValue("--hue-primary");if(i){this._baseHues={primary:parseFloat(i)||260,secondary:parseFloat(n.style.getPropertyValue("--hue-secondary"))||200,accent:parseFloat(n.style.getPropertyValue("--hue-accent"))||30};return}}}}catch{}}this._baseHues={primary:260,secondary:200,accent:30}},_update(){let t=this.load(),e=0;t.timeOfDay&&(e+=this._getTimeOfDayOffset()),t.seasonal&&(e+=this._getSeasonalOffset());let a=document.documentElement;e!==0&&this._baseHues?(a.style.setProperty("--hue-primary",String(this._baseHues.primary+e)),a.style.setProperty("--hue-secondary",String(this._baseHues.secondary+e)),a.style.setProperty("--hue-accent",String(this._baseHues.accent+e*.5))):e===0&&this._clearModifiers()},_clearModifiers(){let t=document.documentElement;t.style.removeProperty("--hue-primary"),t.style.removeProperty("--hue-secondary"),t.style.removeProperty("--hue-accent")},_getTimeOfDayOffset(){let t=this._timeOverride??new Date().getHours()+new Date().getMinutes()/60;return t<5?-20:t<7?S(-20,20,(t-5)/2):t<10?S(20,5,(t-7)/3):t<14?S(5,0,(t-10)/4):t<17?S(0,-5,(t-14)/3):t<19?S(-5,15,(t-17)/2):t<21?S(15,-10,(t-19)/2):S(-10,-20,(t-21)/8)},_getHemisphere(){return window.__VB_ENV_LOCATION?.hemisphere||"north"},_getSeasonalOffset(){let t=this._monthOverride??new Date().getMonth(),a=this._getHemisphere()==="south"?(t+6)%12:t;return a>=2&&a<=4?5:a>=5&&a<=7?10:a>=8&&a<=10?-5:-10},_startLoop(){this._timer||(this._timer=setInterval(()=>this._update(),Ge))},_stopLoop(){this._timer&&clearInterval(this._timer),this._timer=null}};var $=null;function Se(){return"0.1.0"}function Ue(){let t=document.querySelectorAll('script[src*="vanilla-breeze"]'),e="/cdn/sw.js";for(let a of t){let s=a.getAttribute("src");if(s){let r=s.lastIndexOf("/");if(r!==-1){e=s.slice(0,r)+"/sw.js";break}}}return e}function ke(){return $||($=navigator.serviceWorker?.ready??Promise.reject(new Error("SW not supported"))),$}function Ee(t){return new Promise((e,a)=>{navigator.serviceWorker?.controller?we(navigator.serviceWorker.controller,t,e,a):ke().then(s=>{let r=s.active||s.waiting||s.installing;r?we(r,t,e,a):a(new Error("No active service worker"))}).catch(a)})}function we(t,e,a,s){let r=new MessageChannel;r.port1.onmessage=n=>a(n.data),r.port1.onmessageerror=()=>s(new Error("Message error")),t.postMessage({type:e},[r.port2]),setTimeout(()=>s(new Error("SW message timeout")),5e3)}async function _e(){return Ee("GET_STATUS")}async function xe(){return Ee("CLEAR_CACHE")}async function Be(){let t=await ke();return await t.update(),{updated:!!t.waiting}}function We(){return typeof window>"u"||!("serviceWorker"in navigator)?!1:window.__VB_SERVICE_WORKER?!0:document.querySelector('meta[name="vb-service-worker"]')?.content==="true"}if(We()){let t=Ue();window.addEventListener("load",()=>{$=navigator.serviceWorker.register(t).catch(e=>{console.warn("[VB] Service worker registration failed:",e)})})}var B=null,z="vb-extensions",q={motionFx:!0,sounds:!1},Pe="vb-a11y-themes",K="vb-sticky",Y=class extends M{#t=null;#e=null;#a=!1;setup(){this.#B(),this.#T(),this.#r(),this.listen(window,"vb:theme-change",this.#h),this.listen(window,"vb:extensions-change",this.#h),this.listen(window,"vb:a11y-themes-change",this.#h)}teardown(){}#m(e){return e!==""&&e!==void 0}#o(e){return e==="compact"?"compact":e==="spacious"?"spacious":"default"}#y(e,a){return e?a==="compact"?"compact":a==="spacious"?"spacious":"default":""}#f(){try{return localStorage.getItem(K)==="on"}catch{return!1}}#b(e){return e!==""&&e!==void 0}#c(e){return e==="flush"?"flush":e==="elevated"?"elevated":"default"}#v(e,a){return e?a==="flush"?"flush":a==="elevated"?"elevated":"default":""}#d(e){if(!e)return"card";let a=e.split(/\s+/);for(let s of a)if(s==="stretch"||s==="integrated")return s;return"card"}#l(e){return e?e.split(/\s+/).includes("fixed"):!1}#w(e,a){let s=[];return e&&e!=="card"&&s.push(e),a&&s.push("fixed"),s.join(" ")||"card"}#B(){this.#t=this.querySelector(":scope > [data-trigger]")||this.querySelector(":scope > button"),this.#t||(this.#t=document.createElement("button"),this.#t.setAttribute("data-trigger",""),this.#t.setAttribute("aria-label","Site settings"),this.#t.className="settings-trigger",this.#t.innerHTML='<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>',this.prepend(this.#t)),this.#t.setAttribute("aria-haspopup","dialog"),this.#t.setAttribute("aria-expanded","false"),this.#e=document.createElement("div"),this.#e.className="settings-panel",this.#e.setAttribute("role","dialog"),this.#e.setAttribute("aria-label","Site settings");let e=`settings-panel-${crypto.randomUUID().slice(0,8)}`;this.#e.id=e,this.#t.setAttribute("aria-controls",e),this.#e.innerHTML=this.#C(),this.appendChild(this.#e)}#C(){let{mode:e,brand:a,fluid:s,backdrop:r,backdropChrome:n,pageBgType:i,pageBgColor:l,pageBgGradStart:u,pageBgGradEnd:p,pageBgGradDir:g}=d.getState(),m=this.#n(),c=this.#i(),E=this.#m(s),_=this.#o(s),h=this.#b(r),f=this.#c(r);return`
+      <header class="settings-header">
+        <strong>Settings</strong>
+        <button type="button" class="settings-close" aria-label="Close settings">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
+        </button>
+      </header>
+
+      <div class="settings-body">
+        <!-- Appearance -->
+        <details name="settings" open>
+          <summary>Appearance</summary>
+          <div class="settings-section">
+            <span class="settings-label">Color Mode</span>
+            <div class="segmented-control" role="radiogroup" aria-label="Color mode">
+              ${[{id:"auto",name:"Auto",icon:"monitor"},{id:"light",name:"Light",icon:"sun"},{id:"dark",name:"Dark",icon:"moon"}].map(o=>`
+                <label class="segment">
+                  <input type="radio" name="settings-mode" value="${o.id}" ${e===o.id?"checked":""} />
+                  <span><icon-wc name="${o.icon}" size="xs"></icon-wc> ${o.name}</span>
+                </label>
+              `).join("")}
+            </div>
+
+            <label class="settings-label" for="settings-theme">Theme</label>
+            <select id="settings-theme" name="settings-theme">
+              ${fe.map(o=>`
+                <optgroup label="${o.label}">
+                  ${o.themes.map(y=>`
+                    <option value="${y.id}" ${a===y.id?"selected":""}>${y.name}</option>
+                  `).join("")}
+                </optgroup>
+              `).join("")}
+            </select>
+          </div>
+        </details>
+
+        <!-- Accessibility -->
+        <details name="settings">
+          <summary>Accessibility</summary>
+          <div class="settings-section">
+            <label class="toggle-row">
+              <span>High Contrast</span>
+              <input type="checkbox" name="a11y-high-contrast" data-switch="sm" data-a11y="a11y-high-contrast" ${m.includes("a11y-high-contrast")?"checked":""} />
+            </label>
+            <label class="toggle-row">
+              <span>Large Text</span>
+              <input type="checkbox" name="a11y-large-text" data-switch="sm" data-a11y="a11y-large-text" ${m.includes("a11y-large-text")?"checked":""} />
+            </label>
+            <label class="toggle-row">
+              <span>Dyslexia-Friendly</span>
+              <input type="checkbox" name="a11y-dyslexia" data-switch="sm" data-a11y="a11y-dyslexia" ${m.includes("a11y-dyslexia")?"checked":""} />
+            </label>
+          </div>
+        </details>
+
+        <!-- Layout -->
+        <details name="settings">
+          <summary>Layout</summary>
+          <div class="settings-section">
+            <label class="toggle-row">
+              <span>Fluid Scaling</span>
+              <input type="checkbox" name="fluid-scaling" data-switch="sm" data-fluid-toggle ${E?"checked":""} />
+            </label>
+            <div class="density-row" ${E?"":"hidden"}>
+              <span class="settings-label">Density</span>
+              <div class="segmented-control" role="radiogroup" aria-label="Density">
+                ${["compact","default","spacious"].map(o=>`
+                  <label class="segment">
+                    <input type="radio" name="settings-density" value="${o}" ${_===o?"checked":""} />
+                    <span>${o[0].toUpperCase()+o.slice(1)}</span>
+                  </label>
+                `).join("")}
+              </div>
+            </div>
+
+            <label class="toggle-row">
+              <span>Canvas Backdrop</span>
+              <input type="checkbox" name="canvas-backdrop" data-switch="sm" data-backdrop-toggle ${h?"checked":""} />
+            </label>
+            <div class="backdrop-row" ${h?"":"hidden"}>
+              <span class="settings-label">Style</span>
+              <div class="segmented-control" role="radiogroup" aria-label="Backdrop style">
+                ${["default","flush","elevated"].map(o=>`
+                  <label class="segment">
+                    <input type="radio" name="settings-backdrop" value="${o}" ${f===o?"checked":""} />
+                    <span>${o[0].toUpperCase()+o.slice(1)}</span>
+                  </label>
+                `).join("")}
+              </div>
+            </div>
+            <div class="backdrop-row" ${h?"":"hidden"}>
+              <span class="settings-label">Chrome</span>
+              <div class="segmented-control" role="radiogroup" aria-label="Backdrop chrome mode">
+                ${["card","stretch","integrated"].map(o=>`
+                  <label class="segment">
+                    <input type="radio" name="settings-backdrop-chrome" value="${o}" ${this.#d(n)===o?"checked":""} />
+                    <span>${o[0].toUpperCase()+o.slice(1)}</span>
+                  </label>
+                `).join("")}
+              </div>
+            </div>
+            <div class="backdrop-row" ${h?"":"hidden"}>
+              <label class="toggle-row">
+                <span>Fixed Header</span>
+                <input type="checkbox" name="settings-backdrop-fixed" data-switch="sm" data-backdrop-fixed ${this.#l(n)?"checked":""} />
+              </label>
+            </div>
+            <div class="backdrop-row" ${h?"":"hidden"}>
+              <label class="settings-label" for="settings-page-bg">Page Background</label>
+              <select id="settings-page-bg" name="settings-page-bg">
+                <option value="" ${i===""?"selected":""}>Theme Default</option>
+                <option value="color" ${i==="color"?"selected":""}>Solid Color</option>
+                <option value="gradient" ${i==="gradient"?"selected":""}>Gradient</option>
+              </select>
+            </div>
+            <div class="page-bg-color-row backdrop-row" ${i==="color"&&h?"":"hidden"}>
+              <span class="settings-label">Color</span>
+              <input type="color" name="settings-page-bg-color" value="${l||"#1a1a2e"}" />
+            </div>
+            <div class="page-bg-grad-row backdrop-row" ${i==="gradient"&&h?"":"hidden"}>
+              <span class="settings-label">Start</span>
+              <input type="color" name="settings-page-bg-grad-start" value="${u||"#1a1a2e"}" />
+              <span class="settings-label">End</span>
+              <input type="color" name="settings-page-bg-grad-end" value="${p||"#16213e"}" />
+            </div>
+            <div class="page-bg-grad-dir-row backdrop-row" ${i==="gradient"&&h?"":"hidden"}>
+              <span class="settings-label">Direction</span>
+              <select name="settings-page-bg-grad-dir">
+                <option value="to bottom" ${(g||"to bottom")==="to bottom"?"selected":""}>Top \u2192 Bottom</option>
+                <option value="to right" ${g==="to right"?"selected":""}>Left \u2192 Right</option>
+                <option value="135deg" ${g==="135deg"?"selected":""}>Diagonal \u2198</option>
+                <option value="45deg" ${g==="45deg"?"selected":""}>Diagonal \u2197</option>
+              </select>
+            </div>
+
+            <label class="toggle-row">
+              <span>Sticky Navigation</span>
+              <input type="checkbox" name="sticky-nav" data-switch="sm" data-sticky-toggle ${this.#f()?"checked":""} />
+            </label>
+          </div>
+        </details>
+
+        <!-- Effects -->
+        <details name="settings">
+          <summary>Effects</summary>
+          <div class="settings-section">
+            <label class="toggle-row">
+              <span>Motion Effects</span>
+              <input type="checkbox" name="ext-motionFx" data-switch="sm" data-ext="motionFx" ${c.motionFx?"checked":""} />
+            </label>
+            <label class="toggle-row">
+              <span>Sound Effects</span>
+              <input type="checkbox" name="ext-sounds" data-switch="sm" data-ext="sounds" ${c.sounds?"checked":""} />
+            </label>
+          </div>
+        </details>
+
+        <!-- Environment -->
+        <details name="settings">
+          <summary>Environment</summary>
+          <div class="settings-section">
+            <label class="toggle-row">
+              <span>Time-of-Day Shifts</span>
+              <input type="checkbox" name="env-timeOfDay" data-switch="sm" data-env="timeOfDay" ${this.#p().timeOfDay?"checked":""} />
+            </label>
+            <label class="toggle-row">
+              <span>Seasonal Tinting</span>
+              <input type="checkbox" name="env-seasonal" data-switch="sm" data-env="seasonal" ${this.#p().seasonal?"checked":""} />
+            </label>
+          </div>
+        </details>
+
+        <!-- System -->
+        <details name="settings">
+          <summary>System</summary>
+          <div class="settings-section system-info">
+            <p class="system-version">Vanilla Breeze <code>v${Se()}</code></p>
+            <p class="system-sw-status" data-sw-status>Service Worker: <span>checking\u2026</span></p>
+            <footer class="system-actions">
+              <button type="button" data-action="clear-cache">Clear Cache</button>
+              <button type="button" data-action="check-update">Check for Updates</button>
+            </footer>
+          </div>
+        </details>
+      </div>
+
+      <footer class="settings-footer">
+        <button type="button" class="settings-reset">Reset to Defaults</button>
+      </footer>
+    `}#T(){this.#t.addEventListener("click",this.#A),this.listen(document,"click",this.#M),this.listen(document,"keydown",this.#P),this.#e.querySelector(".settings-close")?.addEventListener("click",()=>this.close()),this.#e.querySelectorAll('input[name="settings-mode"]').forEach(e=>{e.addEventListener("change",this.#$)}),this.#e.querySelector("#settings-theme")?.addEventListener("change",this.#F),this.#e.querySelector("input[data-fluid-toggle]")?.addEventListener("change",this.#O),this.#e.querySelectorAll('input[name="settings-density"]').forEach(e=>{e.addEventListener("change",this.#D)}),this.#e.querySelector("input[data-backdrop-toggle]")?.addEventListener("change",this.#q),this.#e.querySelectorAll('input[name="settings-backdrop"]').forEach(e=>{e.addEventListener("change",this.#L)}),this.#e.querySelectorAll('input[name="settings-backdrop-chrome"]').forEach(e=>{e.addEventListener("change",this.#I)}),this.#e.querySelector("input[data-backdrop-fixed]")?.addEventListener("change",this.#R),this.#e.querySelector("input[data-sticky-toggle]")?.addEventListener("change",this.#H),this.#e.querySelector('[name="settings-page-bg"]')?.addEventListener("change",this.#V),this.#e.querySelector('[name="settings-page-bg-color"]')?.addEventListener("input",this.#s),this.#e.querySelector('[name="settings-page-bg-grad-start"]')?.addEventListener("input",this.#s),this.#e.querySelector('[name="settings-page-bg-grad-end"]')?.addEventListener("input",this.#s),this.#e.querySelector('[name="settings-page-bg-grad-dir"]')?.addEventListener("change",this.#s),this.#e.querySelectorAll("input[data-a11y]").forEach(e=>{e.addEventListener("change",this.#G)}),this.#e.querySelectorAll("input[data-ext]").forEach(e=>{e.addEventListener("change",this.#U)}),this.#e.querySelectorAll("input[data-env]").forEach(e=>{e.addEventListener("change",this.#W)}),this.#e.querySelector(".settings-reset")?.addEventListener("click",this.#j),this.#e.querySelector('[data-action="clear-cache"]')?.addEventListener("click",this.#K),this.#e.querySelector('[data-action="check-update"]')?.addEventListener("click",this.#Y),this.#x()}#A=e=>{e.stopPropagation(),this.toggle()};#M=e=>{this.#a&&!this.contains(e.target)&&this.close()};#P=e=>{e.key==="Escape"&&this.#a&&(e.preventDefault(),this.close(),this.#t?.focus())};#$=e=>{d.setMode(e.target.value)};#F=async e=>{let a=e.target;a.disabled=!0;try{await d.setBrand(a.value),this.#N()}catch{console.warn("[VB] Theme load failed, using default")}finally{a.disabled=!1}};#O=e=>{let a=e.target.checked,s=this.#o(d.getState().fluid)||"default";d.setFluid(this.#y(a,s)),this.#S(a)};#D=e=>{d.setFluid(this.#y(!0,e.target.value))};#q=e=>{let a=e.target.checked,s=this.#c(d.getState().backdrop)||"default";d.setBackdrop(this.#v(a,s)),this.#k(a)};#L=e=>{d.setBackdrop(this.#v(!0,e.target.value))};#I=e=>{let a=this.#l(d.getState().backdropChrome);d.setBackdropChrome(this.#w(e.target.value,a))};#R=e=>{let a=this.#d(d.getState().backdropChrome);d.setBackdropChrome(this.#w(a,e.target.checked))};#H=async e=>{let a=e.target.checked;try{localStorage.setItem(K,a?"on":"off")}catch{}let s=document.querySelector("header");if(a){document.documentElement.dataset.sticky="",s&&(s.dataset.sticky="");let{initStickyManager:r}=await Promise.resolve().then(()=>(D(),O));r()}else{delete document.documentElement.dataset.sticky,s&&delete s.dataset.sticky;let{destroyStickyManager:r}=await Promise.resolve().then(()=>(D(),O));r()}};#V=e=>{let a=e.target.value;if(this.#u(a),a==="color"){let s=this.#e.querySelector('[name="settings-page-bg-color"]')?.value||"#1a1a2e";d.setPageBg({type:a,color:s})}else if(a==="gradient"){let s=this.#e.querySelector('[name="settings-page-bg-grad-start"]')?.value||"#1a1a2e",r=this.#e.querySelector('[name="settings-page-bg-grad-end"]')?.value||"#16213e",n=this.#e.querySelector('[name="settings-page-bg-grad-dir"]')?.value||"to bottom";d.setPageBg({type:a,gradStart:s,gradEnd:r,gradDir:n})}else d.setPageBg({})};#s=()=>{let e=this.#e.querySelector('[name="settings-page-bg"]')?.value||"";if(e==="color"){let a=this.#e.querySelector('[name="settings-page-bg-color"]')?.value||"";d.setPageBg({type:e,color:a})}else if(e==="gradient"){let a=this.#e.querySelector('[name="settings-page-bg-grad-start"]')?.value||"",s=this.#e.querySelector('[name="settings-page-bg-grad-end"]')?.value||"",r=this.#e.querySelector('[name="settings-page-bg-grad-dir"]')?.value||"to bottom";d.setPageBg({type:e,gradStart:a,gradEnd:s,gradDir:r})}};#G=e=>{let a=e.target.dataset.a11y,s=this.#n();if(e.target.checked&&!s.includes(a))s.push(a);else if(!e.target.checked){let r=s.indexOf(a);r!==-1&&s.splice(r,1)}this.#E(s),this.#g(),window.dispatchEvent(new CustomEvent("vb:a11y-themes-change",{detail:s}))};#U=e=>{let a=e.target.dataset.ext,s=e.target.checked;this.#z(a,s),this.#_()};#W=e=>{let a=e.target.dataset.env,s=e.target.checked;T.setSource(a,s)};#j=()=>{if(confirm("Reset all settings to defaults?")){d.reset(),this.#E([]),this.#g(),window.dispatchEvent(new CustomEvent("vb:a11y-themes-change",{detail:[]}));try{localStorage.removeItem(z)}catch{}this.#_();try{localStorage.removeItem(K)}catch{}delete document.documentElement.dataset.sticky,Promise.resolve().then(()=>(D(),O)).then(e=>e.destroyStickyManager()).catch(()=>{}),T.setSource("timeOfDay",!1),T.setSource("seasonal",!1),this.#r()}};#h=()=>{this.#r()};#r(){let{mode:e,brand:a,fluid:s,backdrop:r,backdropChrome:n,pageBgType:i,pageBgColor:l,pageBgGradStart:u,pageBgGradEnd:p,pageBgGradDir:g}=d.getState(),m=this.#n(),c=this.#i(),E=this.#m(s),_=this.#o(s),h=this.#b(r),f=this.#c(r),o=this.#e.querySelector(`input[name="settings-mode"][value="${e}"]`);o&&(o.checked=!0);let y=this.#e.querySelector("#settings-theme");y&&(y.value=a||"default");let x=this.#e.querySelector("input[data-fluid-toggle]");x&&(x.checked=E);let J=this.#e.querySelector(`input[name="settings-density"][value="${_}"]`);J&&(J.checked=!0),this.#S(E);let X=this.#e.querySelector("input[data-backdrop-toggle]");X&&(X.checked=h);let Q=this.#e.querySelector(`input[name="settings-backdrop"][value="${f}"]`);Q&&(Q.checked=!0);let $e=this.#d(n),Z=this.#e.querySelector(`input[name="settings-backdrop-chrome"][value="${$e}"]`);Z&&(Z.checked=!0);let ee=this.#e.querySelector("input[data-backdrop-fixed]");ee&&(ee.checked=this.#l(n)),this.#k(h);let te=this.#e.querySelector('[name="settings-page-bg"]');te&&(te.value=i||"");let ae=this.#e.querySelector('[name="settings-page-bg-color"]');ae&&l&&(ae.value=l);let se=this.#e.querySelector('[name="settings-page-bg-grad-start"]');se&&u&&(se.value=u);let re=this.#e.querySelector('[name="settings-page-bg-grad-end"]');re&&p&&(re.value=p);let ne=this.#e.querySelector('[name="settings-page-bg-grad-dir"]');ne&&g&&(ne.value=g),h&&this.#u(i||""),this.#e.querySelectorAll("input[data-a11y]").forEach(C=>{let b=C;b.checked=m.includes(b.dataset.a11y)}),this.#e.querySelectorAll("input[data-ext]").forEach(C=>{let b=C,A=b.dataset.ext,Oe=c[A];b.checked=Oe??q[A]});let ie=this.#e.querySelector("input[data-sticky-toggle]");ie&&(ie.checked=this.#f());let Fe=this.#p();this.#e.querySelectorAll("input[data-env]").forEach(C=>{let b=C,A=b.dataset.env;b.checked=Fe[A]??!1})}#S(e){let a=this.#e.querySelector(".density-row");a&&(a.hidden=!e)}#k(e){if(this.#e.querySelectorAll(".backdrop-row").forEach(a=>{a.hidden=!e}),e){let a=this.#e.querySelector('[name="settings-page-bg"]')?.value||"";this.#u(a)}}#u(e){let a=this.#e.querySelector(".page-bg-color-row"),s=this.#e.querySelector(".page-bg-grad-row"),r=this.#e.querySelector(".page-bg-grad-dir-row");a&&(a.hidden=e!=="color"),s&&(s.hidden=e!=="gradient"),r&&(r.hidden=e!=="gradient")}#n(){try{let e=localStorage.getItem(Pe);return e?JSON.parse(e):[]}catch{return[]}}#E(e){try{localStorage.setItem(Pe,JSON.stringify(e))}catch{}}#g(){let e=this.#n(),{brand:a}=d.getState(),s=document.documentElement,r=a!=="default"?[a,...e]:[...e];r.length?s.dataset.theme=r.join(" "):delete s.dataset.theme}#N(){this.#g()}#p(){return T.load()}#i(){try{let e=localStorage.getItem(z);return e?{...q,...JSON.parse(e)}:{...q}}catch{return{...q}}}#z(e,a){try{let s=this.#i();s[e]=a,localStorage.setItem(z,JSON.stringify(s))}catch{}}async#_(){let e=this.#i(),a=document.documentElement;e.motionFx?delete a.dataset.motionReduced:a.dataset.motionReduced="",e.sounds?(B||(B=(await Promise.resolve().then(()=>(Me(),Ae))).SoundManager),B.init(),B.enable()):B&&B.disable(),window.dispatchEvent(new CustomEvent("vb:extensions-change",{detail:e}))}async#x(){let e=this.#e.querySelector("[data-sw-status] span");if(e){if(!("serviceWorker"in navigator)){e.textContent="Not supported";return}try{let s=(await _e()).cachedURLs?.length??0;e.textContent=`Active (${s} cached files)`}catch{e.textContent="Not registered"}}}#K=async e=>{let a=e.target;a.disabled=!0,a.textContent="Clearing\u2026";try{await xe(),a.textContent="Cleared!",this.#x(),setTimeout(()=>{a.textContent="Clear Cache",a.disabled=!1},2e3)}catch{a.textContent="Failed",setTimeout(()=>{a.textContent="Clear Cache",a.disabled=!1},2e3)}};#Y=async e=>{let a=e.target;a.disabled=!0,a.textContent="Checking\u2026";try{let{updated:s}=await Be();a.textContent=s?"Update available!":"Up to date",setTimeout(()=>{a.textContent="Check for Updates",a.disabled=!1},2e3)}catch{a.textContent="Failed",setTimeout(()=>{a.textContent="Check for Updates",a.disabled=!1},2e3)}};open(){this.#a||(this.#a=!0,this.setAttribute("open",""),this.#t?.setAttribute("aria-expanded","true"),this.#r(),this.#J())}#J(){let e=this.getBoundingClientRect(),a=this.#e;a.style.removeProperty("top"),a.style.removeProperty("bottom"),a.style.removeProperty("left"),a.style.removeProperty("right");let s=a.getBoundingClientRect(),r=window.innerWidth,n=window.innerHeight,i=e.top,l=n-e.bottom;i<s.height&&l>i?(a.style.top="calc(100% + 8px)",a.style.bottom="auto"):(a.style.bottom="calc(100% + 8px)",a.style.top="auto");let u=r-e.right,p=e.left,g=s.width;e.right<g&&p<u?(a.style.left="0",a.style.right="auto"):(a.style.right="0",a.style.left="auto")}close(){this.#a&&(this.#a=!1,this.removeAttribute("open"),this.#t?.setAttribute("aria-expanded","false"))}toggle(){this.#a?this.close():this.open()}};le("settings-panel",Y);export{Y as SettingsPanel};
+//# sourceMappingURL=settings-panel.js.map

package/dist/cdn/components/share-wc.js

@@ -0,0 +1,4 @@
+var f=window.matchMedia("(prefers-reduced-motion: reduce)");var h=new Map;function p(r,t,i={}){let e=i.priority??10,n={impl:t,bundle:i.bundle,contract:i.contract,priority:e},o=h.get(r);if(customElements.get(r)){if(!o||o.priority>=e){o&&o.priority===e&&o.impl!==t&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${o.bundle}" (priority ${o.priority}). Skipping "${i.bundle}".`);return}console.warn(`[VB Bundle] Tag <${r}> defined by "${o.bundle}" cannot be replaced (customElements.define is permanent). "${i.bundle}" has higher priority but arrived late.`);return}if(o&&o.priority>=e){o.priority===e&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${o.bundle}". Skipping "${i.bundle}" (first wins at equal priority).`);return}h.set(r,n),customElements.define(r,t)}var a=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let t of this.#e)t();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,i,e,n){t.addEventListener(i,e,n),this.#e.push(()=>t.removeEventListener(i,e,n))}setup(){}teardown(){}};var l=new Map([["x",{label:"X",iconName:"twitter",buildUrl:({url:r,title:t})=>`https://x.com/intent/post?url=${s(r)}&text=${s(t)}`}],["twitter",{label:"X",iconName:"twitter",buildUrl:({url:r,title:t})=>`https://x.com/intent/post?url=${s(r)}&text=${s(t)}`}],["facebook",{label:"Facebook",iconName:"facebook",buildUrl:({url:r})=>`https://www.facebook.com/sharer/sharer.php?u=${s(r)}`}],["linkedin",{label:"LinkedIn",iconName:"linkedin",buildUrl:({url:r})=>`https://www.linkedin.com/sharing/share-offsite/?url=${s(r)}`}],["whatsapp",{label:"WhatsApp",iconName:"whatsapp",iconSet:"custom",buildUrl:({url:r,title:t})=>`https://wa.me/?text=${s(`${t} ${r}`)}`}],["telegram",{label:"Telegram",iconName:"telegram",iconSet:"custom",buildUrl:({url:r,title:t})=>`https://t.me/share/url?url=${s(r)}&text=${s(t)}`}],["bluesky",{label:"Bluesky",iconName:"bluesky",iconSet:"custom",buildUrl:({url:r,title:t})=>`https://bsky.app/intent/compose?text=${s(`${t} ${r}`)}`}],["mastodon",{label:"Mastodon",iconName:"mastodon",iconSet:"custom",buildUrl:({url:r,title:t},i="mastodon.social")=>`https://${i}/share?text=${s(`${t} ${r}`)}`}],["email",{label:"Email",iconName:"mail",buildUrl:({url:r,title:t,text:i})=>`mailto:?subject=${s(t)}&body=${s(`${i}
+
+${r}`)}`}],["copy",{label:"Copy link",iconName:"link",buildUrl:()=>""}]]),c="x,linkedin,bluesky,mastodon,whatsapp,email,copy";function s(r){return encodeURIComponent(r)}var d=class extends a{#e;#n;#o;#i;#r=null;#t=null;get url(){return this.#e}set url(t){this.#e=t}get title(){return this.#n??""}set title(t){this.#n=t}get text(){return this.#o}set text(t){this.#o=t}setup(){this.#c(),this.#d(),this.#i==="native"?this.#u():this.#i==="hidden"?this.style.display="none":this.children.length>0?this.#p():this.#h(),this.setAttribute("data-tier-resolved",this.#i)}teardown(){this.removeAttribute("data-tier-resolved"),this.#r&&(clearTimeout(this.#r),this.#r=null),this.#t&&(this.#t.removeEventListener("click",this.#s),this.#t.remove(),this.#t=null),this.querySelector(".share-trigger")?.remove()}async share(){this.#i==="native"&&await this.#a()}#c(){this.#e=this.getAttribute("url")||document.querySelector('link[rel="canonical"]')?.getAttribute("href")||location.href,this.#n=this.getAttribute("title")||document.querySelector('meta[property="og:title"]')?.getAttribute("content")||document.title,this.#o=this.getAttribute("text")||document.querySelector('meta[name="description"]')?.getAttribute("content")||document.querySelector('meta[property="og:description"]')?.getAttribute("content")||""}#d(){let t=this.getAttribute("tier");if(t==="platforms"||t==="native"){t==="native"&&!navigator.share?this.#i="hidden":this.#i=t;return}if((this.getAttribute("platforms")||c)==="native-only"){this.#i=typeof navigator.share=="function"?"native":"hidden";return}this.#i=typeof navigator.share=="function"?"native":"platforms"}#u(){let t=this.getAttribute("label")||"Share",i=document.createElement("button");i.type="button",i.className="share-trigger",i.setAttribute("aria-label","Share this page"),i.innerHTML=`<icon-wc name="share-2" size="sm" aria-hidden="true"></icon-wc><span class="share-label">${t}</span>`,i.addEventListener("click",this.#m),this.appendChild(i)}#h(){let t=(this.getAttribute("platforms")||c).split(",").map(i=>i.trim()).filter(Boolean);this.#t=document.createElement("nav"),this.#t.setAttribute("aria-label","Share this page");for(let i of t){let e=l.get(i);if(!e)continue;let n=document.createElement("button");n.type="button",n.dataset.platform=i,n.setAttribute("aria-label",i==="copy"?"Copy link":`Share on ${e.label}`);let o=e.iconSet?` set="${e.iconSet}"`:"";n.innerHTML=`<icon-wc name="${e.iconName}" size="sm"${o} aria-hidden="true"></icon-wc><span class="share-label">${e.label}</span>`,this.#t.appendChild(n)}this.#t.addEventListener("click",this.#s),this.appendChild(this.#t)}#p(){if(this.querySelector("nav"))this.#t=this.querySelector("nav");else{let e=document.createElement("nav");for(e.setAttribute("aria-label","Share this page");this.firstChild;)e.appendChild(this.firstChild);this.appendChild(e),this.#t=e}let t=this.querySelectorAll("a[data-platform]");for(let e of t){let n=e.getAttribute("href")||"";e.setAttribute("href",n.replace(/\{url\}/g,encodeURIComponent(this.#e||"")).replace(/\{title\}/g,encodeURIComponent(this.#n||"")).replace(/\{text\}/g,encodeURIComponent(this.#o||"")))}let i=this.querySelectorAll('[data-platform="copy"]');for(let e of i)e.addEventListener("click",this.#l);this.#t.addEventListener("click",this.#s)}#m=async()=>{await this.#a()};async#a(){let t={url:this.#e||"",title:this.#n||"",text:this.#o||""};this.dispatchEvent(new CustomEvent("share-wc:open",{detail:{platform:"native"},bubbles:!0}));try{if(navigator.canShare&&!navigator.canShare(t))throw new Error("Payload not shareable");await navigator.share(t),this.dispatchEvent(new CustomEvent("share-wc:success",{detail:{platform:"native"},bubbles:!0}))}catch(i){i.name!=="AbortError"&&this.dispatchEvent(new CustomEvent("share-wc:error",{detail:{platform:"native",error:i},bubbles:!0}))}}#s=t=>{let i=t.target.closest("[data-platform]");if(!i)return;let e=i.dataset.platform;if(e==="copy"){this.#l(t,i);return}if(i.tagName==="A"||!e)return;let n=l.get(e);if(!n)return;this.dispatchEvent(new CustomEvent("share-wc:open",{detail:{platform:e},bubbles:!0}));let o={url:this.#e||"",title:this.#n||"",text:this.#o||""};if(e==="email")location.href=n.buildUrl(o);else if(e==="mastodon"){let u=this.getAttribute("mastodon-instance")||"mastodon.social",m=n.buildUrl(o,u);window.open(m,"_blank","noopener,noreferrer")}else window.open(n.buildUrl(o),"_blank","noopener,noreferrer");this.dispatchEvent(new CustomEvent("share-wc:success",{detail:{platform:e},bubbles:!0}))};#l=async(t,i)=>{let e=i||t?.target?.closest('[data-platform="copy"]');if(e)try{await navigator.clipboard.writeText(this.#e||""),e.dataset.state="copied";let n=e.querySelector(".share-label"),o=n?.textContent;n&&(n.textContent="Copied!");let u=e.querySelector("[aria-live]")||e;e.querySelector("[aria-live]")||e.setAttribute("aria-live","polite"),this.dispatchEvent(new CustomEvent("share-wc:success",{detail:{platform:"copy"},bubbles:!0})),this.#r&&clearTimeout(this.#r),this.#r=setTimeout(()=>{delete e.dataset.state,n&&o&&(n.textContent=o),e.removeAttribute("aria-live"),this.#r=null},2e3)}catch(n){this.dispatchEvent(new CustomEvent("share-wc:error",{detail:{platform:"copy",error:n},bubbles:!0}))}}};p("share-wc",d);export{d as ShareWc};
+//# sourceMappingURL=share-wc.js.map

package/dist/cdn/components/short-cuts.js

@@ -0,0 +1,2 @@
+var H=window.matchMedia("(prefers-reduced-motion: reduce)");var g=new Map;function E(t,e,n={}){let o=n.priority??10,s={impl:e,bundle:n.bundle,contract:n.contract,priority:o},r=g.get(t);if(customElements.get(t)){if(!r||r.priority>=o){r&&r.priority===o&&r.impl!==e&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${r.bundle}" (priority ${r.priority}). Skipping "${n.bundle}".`);return}console.warn(`[VB Bundle] Tag <${t}> defined by "${r.bundle}" cannot be replaced (customElements.define is permanent). "${n.bundle}" has higher priority but arrived late.`);return}if(r&&r.priority>=o){r.priority===o&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${r.bundle}". Skipping "${n.bundle}" (first wins at equal priority).`);return}g.set(t,s),customElements.define(t,e)}var f=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#e)e();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,n,o,s){e.addEventListener(n,o,s),this.#e.push(()=>e.removeEventListener(n,o,s))}setup(){}teardown(){}};var p=/Mac|iPhone|iPad|iPod/.test(navigator.platform??""),k={mac:{meta:"\u2318",cmd:"\u2318",alt:"\u2325",shift:"\u21E7",ctrl:"\u2303"},other:{meta:"Ctrl",cmd:"Ctrl",alt:"Alt",shift:"Shift",ctrl:"Ctrl"}};function w(t){let e=p?k.mac:k.other;return t.split("+").map(n=>{let o=n.trim().toLowerCase();return e[o]??o.toUpperCase()}).join(p?"":"+")}function C(t){let e=t.toLowerCase().split("+").map(o=>o.trim());return{key:e.pop()??"",meta:e.includes("meta")||e.includes("cmd"),ctrl:e.includes("ctrl"),shift:e.includes("shift"),alt:e.includes("alt")}}function M(t,e){if(t.key.toLowerCase()!==e.key)return!1;let n,o;return p?(n=e.meta,o=e.ctrl):(n=!1,o=e.meta||e.ctrl),!(n!==t.metaKey||o!==t.ctrlKey||e.shift!==t.shiftKey||e.alt!==t.altKey)}var L=new Set(["INPUT","TEXTAREA","SELECT"]),d=[],N=!1;function S(t){let e=L.has(t.target.tagName)||t.target.isContentEditable;for(let n of d)if(!(e&&!n.global)&&M(t,n.descriptor)){t.preventDefault(),n.callback(t);return}}function $(){N||(document.addEventListener("keydown",S),N=!0)}function x(t,e,n={}){$();let o=C(t),s={combo:t,descriptor:o,callback:e,global:n.global===!0};return d.find(c=>c.combo===t)&&console.warn(`[hotkey-bind] Shortcut "${t}" already bound. Last-connected-wins.`),d.unshift(s),function(){let l=d.indexOf(s);l!==-1&&d.splice(l,1)}}var y=class extends f{#e;#t=null;setup(){this.#n(),this.#t=x("shift+?",()=>{this.#e.open?this.#e.close():this.#o()})}teardown(){this.#t?.(),this.#t=null,this.#e?.remove(),this.#e=null}#n(){this.#e=document.createElement("dialog"),this.#e.className="shortcut-dialog",this.#e.addEventListener("click",e=>{e.target===this.#e&&this.#e.close()}),this.appendChild(this.#e)}#o(){this.#e.innerHTML="";let e=document.createElement("div");e.className="shortcut-header",e.innerHTML="<h2>Keyboard Shortcuts</h2>",this.#e.appendChild(e);let n=document.createElement("div");n.className="shortcut-body";let{getRegisteredCommands:o}=window.__commandRegistry||{},s=new Map;if(s.set("General",[{label:"Show keyboard shortcuts",shortcut:"shift+?"}]),o)for(let[c,l]of o())for(let i of l){if(!i.shortcut)continue;let a=s.get(c)||[];a.push({label:i.label,shortcut:i.shortcut}),s.set(c,a)}let{getHotkeyActions:r}=window.__hotkeyActionRegistry||{};if(r)for(let[c,l]of r()){let i=s.get(c)||[];for(let a of l)i.push({label:a.label,shortcut:a.shortcut});s.set(c,i)}for(let[c,l]of s){let i=document.createElement("div");i.className="shortcut-group";let a=document.createElement("div");a.className="shortcut-group-header",a.textContent=c,i.appendChild(a);for(let b of l){let u=document.createElement("div");u.className="shortcut-row";let h=document.createElement("span");h.className="shortcut-label",h.textContent=b.label;let m=document.createElement("kbd");m.className="shortcut-kbd",m.textContent=w(b.shortcut),u.appendChild(h),u.appendChild(m),i.appendChild(u)}n.appendChild(i)}this.#e.appendChild(n),this.#e.showModal()}};E("short-cuts",y);export{y as ShortCuts};
+//# sourceMappingURL=short-cuts.js.map

package/dist/cdn/components/site-index.js

@@ -0,0 +1,11 @@
+var x=window.matchMedia("(prefers-reduced-motion: reduce)");var y=new Map;function S(u,e,t={}){let n=t.priority??10,o={impl:e,bundle:t.bundle,contract:t.contract,priority:n},r=y.get(u);if(customElements.get(u)){if(!r||r.priority>=n){r&&r.priority===n&&r.impl!==e&&console.warn(`[VB Bundle] Tag <${u}> already registered by "${r.bundle}" (priority ${r.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${u}> defined by "${r.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(r&&r.priority>=n){r.priority===n&&console.warn(`[VB Bundle] Tag <${u}> already registered by "${r.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}y.set(u,o),customElements.define(u,e)}var h=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#e)e();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,t,n,o){e.addEventListener(t,n,o),this.#e.push(()=>e.removeEventListener(t,n,o))}setup(){}teardown(){}};var m=class extends h{#e=null;#t=[];#n=null;setup(){let e=this.getAttribute("src");e?this.#p(e).then(()=>this.#o()):this.#o()}teardown(){this.#e?.disconnect()}#o(){this.#s(),this.#c(),this.#l();let e=this.getAttribute("letters")||"entries";e!=="none"&&this.#a(e==="all"),this.#u()}#s(){let e=this.querySelector('nav[aria-label="Site index"]');e&&(this.#t=[...e.querySelectorAll(":scope > section")])}#c(){let e=this.querySelectorAll('nav[aria-label="Site index"] > section');for(let t of e){let n=t.querySelectorAll(":scope > ul > li"),o=0;for(let s of n){let c=s.querySelectorAll(".index-refs > li").length;o+=c;let l=s.querySelector(".index-term");if(l&&c>0&&!l.querySelector(".index-count")){let d=document.createElement("span");d.className="index-count",d.textContent=`(${c})`,l.after(d)}}let r=t.querySelector("h2");if(r&&o>0&&!r.querySelector(".index-count")){let s=document.createElement("span");s.className="index-count",s.textContent=`(${o})`,r.append(s)}}}#l(){let e=document.createElement("nav");e.setAttribute("data-index-controls",""),e.setAttribute("aria-label","Index controls");let t=this.getAttribute("placeholder")||"Filter index\u2026",n=document.createElement("input");n.type="search",n.placeholder=t,n.setAttribute("aria-label",t),n.setAttribute("data-index-search",""),n.addEventListener("input",()=>this.#r(n.value)),e.append(n);let o=document.createElement("select");o.setAttribute("aria-label","Search scope"),o.innerHTML=`
+      <option value="topic">By Topic</option>
+      <option value="all">All</option>
+    `,this.getAttribute("filter")==="all"&&(o.value="all"),o.addEventListener("change",()=>this.#r(n.value)),this.#n=o,e.append(o);let s=document.createElement("select");s.setAttribute("aria-label","Sort order"),s.innerHTML=`
+      <option value="alpha">Alphabetical</option>
+      <option value="count">Most entries</option>
+    `;let i=this.getAttribute("sort");i==="count"&&(s.value="count"),s.addEventListener("change",()=>this.#i(s.value)),e.append(s);let c=this.querySelector('nav[aria-label="Site index"]');c?c.before(e):this.prepend(e),i==="count"&&this.#i("count")}#a(e){let t=this.querySelector(".index-jump");t&&t.remove();let n=this.querySelectorAll('nav[aria-label="Site index"] > section'),o=new Set;for(let a of n){let f=a.id?.replace("index-","").toUpperCase();f&&o.add(f)}if(o.size===0)return;let r="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split(""),s=e?r:[...o].sort(),i=document.createElement("nav");i.className="index-jump",i.setAttribute("aria-label","Jump to letter");let c=document.createElement("ol");c.className="inline";for(let a of s){let f=document.createElement("li");if(o.has(a)){let p=document.createElement("a");p.href=`#index-${a.toLowerCase()}`,p.textContent=a,f.append(p)}else{let p=document.createElement("span");p.textContent=a,p.setAttribute("aria-disabled","true"),f.append(p)}c.append(f)}i.append(c);let l=this.querySelector("[data-index-controls]"),d=this.querySelector('nav[aria-label="Site index"]');l?l.after(i):d?d.before(i):this.prepend(i),this.#d(i)}#d(e){let t=e.querySelectorAll("a");if(!t.length)return;let n=this.querySelectorAll('nav[aria-label="Site index"] > section');if(n.length){this.#e=new IntersectionObserver(o=>{for(let r of o)if(r.isIntersecting){let s=r.target.id;for(let i of t){let c=i.getAttribute("href")===`#${s}`;i.setAttribute("aria-current",c?"true":"false")}}},{rootMargin:"-20% 0px -60% 0px"});for(let o of n)this.#e.observe(o)}}#u(){let e=this.getAttribute("limit");if(!e)return;let t=parseInt(e,10);if(!t||t<1)return;let n=this.querySelectorAll('nav[aria-label="Site index"] > section');for(let o of n){let r=[...o.querySelectorAll(":scope > ul > li")];if(r.length<=t)continue;let s=r.slice(t);for(let l of s)l.hidden=!0,l.setAttribute("data-index-overflow","");let i=document.createElement("button");i.type="button",i.setAttribute("data-index-expand",""),i.setAttribute("aria-expanded","false"),i.textContent=`Show ${s.length} more`,i.addEventListener("click",()=>{let l=i.getAttribute("aria-expanded")==="true";for(let d of s)d.hidden=l;i.setAttribute("aria-expanded",!l),i.textContent=l?`Show ${s.length} more`:"Show less"});let c=o.querySelector(":scope > ul");c&&c.after(i)}}#r(e){let t=e.toLowerCase().trim(),n=this.#n?.value||"topic",o=this.querySelectorAll('nav[aria-label="Site index"] > section');for(let r of o){let s=r.querySelectorAll(":scope > ul > li"),i=!1;for(let c of s){let d=c.querySelector(".index-term")?.textContent?.toLowerCase()||"",a=!t||d.includes(t);if(!a&&n==="all"){let f=c.querySelectorAll(".index-refs a");for(let b of f)if(b.textContent.toLowerCase().includes(t)){a=!0;break}}c.hidden=!a,a&&(i=!0)}r.hidden=!i}this.#f()}#f(){let e=this.querySelector(".index-jump");if(!e)return;let t=this.querySelectorAll('nav[aria-label="Site index"] > section');for(let n of t){let o=n.id?.replace("index-","").toUpperCase();if(!o)continue;let r=e.querySelector(`a[href="#index-${o.toLowerCase()}"]`);r&&(r.style.opacity=n.hidden?"0.3":"")}}#i(e){let t=this.querySelector('nav[aria-label="Site index"]');if(t){if(e==="alpha")for(let n of this.#t)t.append(n);else if(e==="count"){let n=[...t.querySelectorAll(":scope > section")];n.sort((o,r)=>{let s=o.querySelectorAll(".index-refs > li").length;return r.querySelectorAll(".index-refs > li").length-s});for(let o of n)t.append(o)}}}async#p(e){try{let t=await fetch(e);if(!t.ok)return;let n=await t.json();this.#h(n)}catch{}}#h(e){if(!Array.isArray(e))return;let t={};for(let r of e){let s=(r.term||"")[0]?.toUpperCase()||"#";t[s]||(t[s]=[]),t[s].push(r)}let n=document.createElement("nav");n.setAttribute("aria-label","Site index");for(let[r,s]of Object.entries(t).sort(([i],[c])=>i.localeCompare(c))){let i=document.createElement("section");i.id=`index-${r.toLowerCase()}`,i.innerHTML=`<h2>${r}</h2>`;let c=document.createElement("ul");for(let l of s){let d=document.createElement("li");d.innerHTML=`
+          <span class="index-term">${l.term}</span>
+          ${l.refs?`<ul class="index-refs">${l.refs.map(a=>`<li><a href="${a.href}">${a.label}</a>${a.type?` <small>${a.type}</small>`:""}</li>`).join("")}</ul>`:""}
+        `,c.append(d)}i.append(c),n.append(i)}let o=this.querySelector('nav[aria-label="Site index"]');o?o.replaceWith(n):this.append(n)}};S("site-index",m);export{m as SiteIndex};
+//# sourceMappingURL=site-index.js.map

package/dist/cdn/components/site-map.js

@@ -0,0 +1,2 @@
+var u=window.matchMedia("(prefers-reduced-motion: reduce)");var l=new Map;function d(i,n,e={}){let t=e.priority??10,o={impl:n,bundle:e.bundle,contract:e.contract,priority:t},r=l.get(i);if(customElements.get(i)){if(!r||r.priority>=t){r&&r.priority===t&&r.impl!==n&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${r.bundle}" (priority ${r.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${i}> defined by "${r.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(r&&r.priority>=t){r.priority===t&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${r.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}l.set(i,o),customElements.define(i,n)}var s=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let n of this.#e)n();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(n,e,t,o){n.addEventListener(e,t,o),this.#e.push(()=>n.removeEventListener(e,t,o))}setup(){}teardown(){}};var c=class extends s{setup(){this.#e(),this.#t(),this.#r(),this.getAttribute("src")&&this.#o()}#e(){let n=this.getAttribute("current")||window.location.pathname,e=this.querySelectorAll("a");for(let t of e)new URL(t.href,window.location.origin).pathname===n&&t.setAttribute("aria-current","page")}#t(){let n=this.querySelector('[aria-current="page"]');if(!n)return;let e=n.parentElement;for(;e&&e!==this;)e.tagName==="DETAILS"&&(e.open=!0),e=e.parentElement}#r(){let n=this.querySelectorAll("details");if(!n.length)return;let e=document.createElement("nav");e.setAttribute("data-sitemap-controls",""),e.setAttribute("aria-label","Sitemap controls");let t=document.createElement("button");t.type="button",t.textContent="Expand all",t.addEventListener("click",()=>{for(let r of n)r.open=!0});let o=document.createElement("button");o.type="button",o.textContent="Collapse all",o.addEventListener("click",()=>{for(let r of n)r.open=!1;this.#t()}),e.append(t,o),this.prepend(e)}async#o(){let n=this.getAttribute("src");if(n)try{let e=await fetch(n);if(!e.ok)return;let t=await e.json();this.#i(t)}catch{}}#i(n){if(!n||!Array.isArray(n.children))return;let e=document.createElement("nav");e.setAttribute("aria-label","Full site map"),e.append(this.#n(n.children));let t=this.querySelector("nav");t?t.replaceWith(e):this.append(e),this.#e(),this.#t()}#n(n){let e=document.createElement("ul");for(let t of n){let o=document.createElement("li");if(t.children?.length){let r=document.createElement("details"),a=document.createElement("summary");a.textContent=t.title,r.append(a),r.append(this.#n(t.children)),o.append(r)}else{let r=document.createElement("a");r.href=t.href||t.path,r.textContent=t.title,o.append(r)}e.append(o)}return e}};d("site-map",c);export{c as SiteMap};
+//# sourceMappingURL=site-map.js.map