vanilla-breeze 0.1.0

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

@@ -0,0 +1,52 @@
+var v=/Mac|iPhone|iPad|iPod/.test(navigator.platform??"");function u(i){let e=i.toLowerCase().split("+").map(s=>s.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 h(i,e){if(i.key.toLowerCase()!==e.key)return!1;let t,s;return v?(t=e.meta,s=e.ctrl):(t=!1,s=e.meta||e.ctrl),!(t!==i.metaKey||s!==i.ctrlKey||e.shift!==i.shiftKey||e.alt!==i.altKey)}var k=new Set(["INPUT","TEXTAREA","SELECT"]),a=[],f=!1;function g(i){let e=k.has(i.target.tagName)||i.target.isContentEditable;for(let t of a)if(!(e&&!t.global)&&h(i,t.descriptor)){i.preventDefault(),t.callback(i);return}}function w(){f||(document.addEventListener("keydown",g),f=!0)}function p(i,e,t={}){w();let s=u(i),n={combo:i,descriptor:s,callback:e,global:t.global===!0};return a.find(l=>l.combo===i)&&console.warn(`[hotkey-bind] Shortcut "${i}" already bound. Last-connected-wins.`),a.unshift(n),function(){let d=a.indexOf(n);d!==-1&&a.splice(d,1)}}function m(){return a.map(i=>i.combo)}var A=window.matchMedia("(prefers-reduced-motion: reduce)");var b=new Map;function y(i,e,t={}){let s=t.priority??10,n={impl:e,bundle:t.bundle,contract:t.contract,priority:s},r=b.get(i);if(customElements.get(i)){if(!r||r.priority>=s){r&&r.priority===s&&r.impl!==e&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${r.bundle}" (priority ${r.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${i}> defined by "${r.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(r&&r.priority>=s){r.priority===s&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${r.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}b.set(i,n),customElements.define(i,e)}var o=class extends HTMLElement{#c=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#c)e();this.#c=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,t,s,n){e.addEventListener(t,s,n),this.#c.push(()=>e.removeEventListener(t,s,n))}setup(){}teardown(){}};var c=class i extends o{static#c=150;static#b=8;#e=null;#t=null;#i=null;#s=null;#r=[];#a=-1;#n=!1;#o=null;#l=null;#u=null;setup(){this.#y(),this.#v()}teardown(){this.#n&&(document.body.style.overflow="",this.removeAttribute("open"),this.#n=!1),this.#u?.(),this.#d()}#y(){this.#e=this.querySelector(":scope > [data-trigger]"),this.#e||(this.#e=this.querySelector(":scope > button")),this.#e||(this.#e=document.createElement("button"),this.#e.setAttribute("data-trigger",""),this.#e.innerHTML=`
+        <icon-wc name="search" label="Search"></icon-wc>
+      `,this.prepend(this.#e)),this.#e.setAttribute("aria-haspopup","dialog"),this.#e.setAttribute("aria-expanded","false"),this.#t=document.createElement("div"),this.#t.className="dialog",this.#t.setAttribute("role","dialog"),this.#t.setAttribute("aria-label","Site search"),this.#t.id=`search-dialog-${crypto.randomUUID().slice(0,8)}`,this.#e.setAttribute("aria-controls",this.#t.id),this.#t.innerHTML=`
+      <div class="backdrop"></div>
+      <div class="panel">
+        <div class="input-wrapper">
+          <icon-wc name="search" class="icon"></icon-wc>
+          <input
+            type="search"
+            name="search"
+            class="input"
+            placeholder="Search documentation..."
+            autocomplete="off"
+            autocorrect="off"
+            autocapitalize="off"
+            spellcheck="false"
+            aria-label="Search"
+            aria-autocomplete="list"
+          />
+          <kbd class="shortcut">Esc</kbd>
+        </div>
+        <div class="results" role="listbox" aria-label="Search results"></div>
+        <div class="footer">
+          <span class="hint">
+            <kbd>\u2191</kbd><kbd>\u2193</kbd> to navigate
+            <kbd>\u21B5</kbd> to select
+            <kbd>esc</kbd> to close
+          </span>
+          <span class="powered">
+            Powered by <a href="https://pagefind.app" target="_blank" rel="noopener">Pagefind</a>
+          </span>
+        </div>
+      </div>
+    `,this.appendChild(this.#t),this.#i=this.#t.querySelector(".input"),this.#s=this.#t.querySelector(".results")}#v(){this.#e.addEventListener("click",this.#k),m().includes("meta+k")||(this.#u=p("meta+k",()=>{this.#n?this.close():this.open()},{global:!0})),this.listen(document,"keydown",this.#g),this.#t.querySelector(".backdrop")?.addEventListener("click",()=>this.close()),this.#i.addEventListener("input",this.#w),this.#i.addEventListener("keydown",this.#E),this.#s.addEventListener("click",this.#S)}#k=e=>{e.stopPropagation(),this.open()};#g=e=>{e.key==="Escape"&&this.#n&&(e.preventDefault(),this.close())};#w=()=>{this.#d(),this.#l=setTimeout(()=>{this.#L(this.#i.value)},i.#c)};#E=e=>{switch(e.key){case"ArrowDown":e.preventDefault(),this.#p(this.#a+1);break;case"ArrowUp":e.preventDefault(),this.#p(this.#a-1);break;case"Enter":e.preventDefault(),this.#a>=0&&this.#r[this.#a]&&this.#m(this.#r[this.#a]);break}};#S=e=>{let t=e.target.closest("[data-result-index]");if(t){let s=parseInt(t.dataset.resultIndex,10);this.#r[s]&&this.#m(this.#r[s])}};async#h(){if(!this.#o)try{this.#o=await import("/pagefind/pagefind.js"),await this.#o.options({excerptLength:20})}catch{console.warn("Pagefind not available. Run `npm run search:index` to build the search index."),this.#o=null}}async#L(e){if(!e.trim()){this.#f([]);return}if(await this.#h(),!this.#o){this.#A();return}try{this.#s.innerHTML='<div class="loading">Searching...</div>';let t=await this.#o.search(e),s=await Promise.all(t.results.slice(0,i.#b).map(n=>n.data()));this.#r=s,this.#f(s)}catch(t){console.error("Search error:",t),this.#s.innerHTML='<div class="error">Search error. Please try again.</div>'}}#f(e){if(this.#a=-1,e.length===0){this.#i.value.trim()?this.#s.innerHTML='<div class="empty">No results found</div>':this.#s.innerHTML="";return}this.#s.innerHTML=e.map((t,s)=>`
+      <a
+        id="search-result-${s}"
+        href="${t.url}"
+        class="result"
+        role="option"
+        data-result-index="${s}"
+        tabindex="-1"
+      >
+        <span class="result-title">${t.meta?.title||"Untitled"}</span>
+        <span class="result-excerpt">${t.excerpt||""}</span>
+      </a>
+    `).join("")}#A(){this.#s.innerHTML=`
+      <div class="error">
+        Search index not found.<br>
+        Run <code>npm run search:index</code> after building.
+      </div>
+    `}#p(e){if(this.#r.length===0)return;e<0&&(e=this.#r.length-1),e>=this.#r.length&&(e=0);let t=this.#s.querySelector("[data-active]");t&&t.removeAttribute("data-active"),this.#i?.removeAttribute("aria-activedescendant"),this.#a=e;let s=this.#s.querySelector(`[data-result-index="${e}"]`);s&&(s.setAttribute("data-active",""),this.#i?.setAttribute("aria-activedescendant",s.id),s.scrollIntoView({block:"nearest"}))}#m(e){e.url&&(this.close(),window.location.href=e.url)}#d(){this.#l&&(clearTimeout(this.#l),this.#l=null)}open(){this.#n||(this.#n=!0,this.setAttribute("open",""),this.#e?.setAttribute("aria-expanded","true"),document.body.style.overflow="hidden",requestAnimationFrame(()=>{this.#i?.focus(),this.#i?.select()}),this.#h(),this.dispatchEvent(new CustomEvent("site-search:open",{bubbles:!0})))}close(){this.#n&&(this.#n=!1,this.removeAttribute("open"),this.#e?.setAttribute("aria-expanded","false"),document.body.style.overflow="",this.#d(),this.#i.value="",this.#i?.removeAttribute("aria-activedescendant"),this.#r=[],this.#a=-1,this.#s.innerHTML="",this.#e?.focus(),this.dispatchEvent(new CustomEvent("site-search:close",{bubbles:!0})))}get isOpen(){return this.#n}};y("site-search",c);export{c as SiteSearch};
+//# sourceMappingURL=site-search.js.map

package/dist/cdn/components/slide-accept.js

@@ -0,0 +1,2 @@
+var u=window.matchMedia("(prefers-reduced-motion: reduce)");var d=new Map;function l(n,t,e={}){let s=e.priority??10,r={impl:t,bundle:e.bundle,contract:e.contract,priority:s},i=d.get(n);if(customElements.get(n)){if(!i||i.priority>=s){i&&i.priority===s&&i.impl!==t&&console.warn(`[VB Bundle] Tag <${n}> already registered by "${i.bundle}" (priority ${i.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${n}> defined by "${i.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(i&&i.priority>=s){i.priority===s&&console.warn(`[VB Bundle] Tag <${n}> already registered by "${i.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}d.set(n,r),customElements.define(n,t)}var o=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,r){t.addEventListener(e,s,r),this.#t.push(()=>t.removeEventListener(e,s,r))}setup(){}teardown(){}};var a=class extends o{#t;#n;#s;#o=!1;#i=0;#d=0;#l=0;#r=!1;#c=!1;get activated(){return this.#r}get#u(){let t=this.getAttribute("threshold"),e=Number(t);return t!==null&&!isNaN(e)?Math.min(100,Math.max(0,e)):90}setup(){this.#c||(this.#m(),this.#c=!0),this.listen(this.#t,"pointerdown",this.#b),this.listen(this.#t,"keydown",this.#p),this.listen(this.#t,"transitionend",this.#v)}#m(){this.#s=document.createElement("div"),this.#s.className="slide-track",this.#n=document.createElement("span"),this.#n.className="slide-label",this.#n.textContent=this.getAttribute("label")||"Slide to confirm",this.#t=document.createElement("div"),this.#t.className="slide-handle",this.#t.setAttribute("role","slider"),this.#t.setAttribute("aria-valuemin","0"),this.#t.setAttribute("aria-valuemax","100"),this.#t.setAttribute("aria-valuenow","0"),this.#t.setAttribute("aria-label",this.getAttribute("label")||"Slide to confirm"),this.#t.setAttribute("tabindex","0"),this.#t.innerHTML='<icon-wc name="chevrons-right" size="sm"></icon-wc>',this.#s.append(this.#n,this.#t),this.textContent="",this.appendChild(this.#s),this.#e(0)}reset(){this.#r=!1,this.removeAttribute("data-activated"),this.#n.textContent=this.getAttribute("label")||"Slide to confirm",this.#t.removeAttribute("aria-disabled"),this.#t.setAttribute("tabindex","0"),this.#e(0),this.dispatchEvent(new CustomEvent("slide-accept:reset",{bubbles:!0}))}#b=t=>{if(!this.#r){if(t.preventDefault(),this.hasAttribute("transitioning")){let e=this.#t.getBoundingClientRect(),s=this.#s.getBoundingClientRect(),r=parseFloat(getComputedStyle(this.#s).getPropertyValue("--_handle-inset")||"0"),i=this.#t.offsetWidth,h=s.width-i-r*2,c=e.left-s.left-r;this.removeAttribute("transitioning"),this.#i=h>0?Math.max(0,Math.min(100,c/h*100)):0,this.#e(this.#i)}this.#o=!0,this.#d=t.clientX,this.#l=this.#i,this.#t.setPointerCapture(t.pointerId),this.setAttribute("data-dragging",""),this.#t.addEventListener("pointermove",this.#f),this.#t.addEventListener("pointerup",this.#a),this.#t.addEventListener("pointercancel",this.#a)}};#f=t=>{if(!this.#o)return;let e=this.#s.getBoundingClientRect().width-this.#t.offsetWidth;if(e<=0)return;let r=(t.clientX-this.#d)/e*100,i=Math.min(100,Math.max(0,this.#l+r));this.#e(i)};#a=t=>{this.#o&&(this.#o=!1,this.removeAttribute("data-dragging"),this.#t.releasePointerCapture(t.pointerId),this.#t.removeEventListener("pointermove",this.#f),this.#t.removeEventListener("pointerup",this.#a),this.#t.removeEventListener("pointercancel",this.#a),this.#i>=this.#u?this.#h():this.#g())};#p=t=>{if(this.#r)return;let e=t.shiftKey?20:5;t.key==="ArrowRight"?(t.preventDefault(),this.#e(Math.min(100,this.#i+e))):t.key==="ArrowLeft"?(t.preventDefault(),this.#e(Math.max(0,this.#i-e))):t.key==="End"?(t.preventDefault(),this.#h()):t.key==="Home"&&(t.preventDefault(),this.#e(0)),t.key==="ArrowRight"&&this.#i>=this.#u&&this.#h()};#v=()=>{this.removeAttribute("transitioning")};#h(){this.#r=!0,this.#e(100),this.setAttribute("data-activated",""),this.#n.textContent=this.getAttribute("activated-label")||"Confirmed!",this.#t.setAttribute("aria-disabled","true"),this.#t.removeAttribute("tabindex"),this.dispatchEvent(new CustomEvent("slide-accept:accept",{bubbles:!0}))}#g(){this.setAttribute("transitioning",""),this.#e(0),setTimeout(()=>{this.hasAttribute("transitioning")&&this.removeAttribute("transitioning")},500)}#e(t){this.#i=t,this.style.setProperty("--_slide-position",String(t)),this.#t.setAttribute("aria-valuenow",String(Math.round(t)))}};l("slide-accept",a);export{a as SlideAccept};
+//# sourceMappingURL=slide-accept.js.map

package/dist/cdn/components/social-embed.js

@@ -0,0 +1,2 @@
+var b=window.matchMedia("(prefers-reduced-motion: reduce)");var l=new Map;function u(i,t,e={}){let r=e.priority??10,s={impl:t,bundle:e.bundle,contract:e.contract,priority:r},n=l.get(i);if(customElements.get(i)){if(!n||n.priority>=r){n&&n.priority===r&&n.impl!==t&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${n.bundle}" (priority ${n.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${i}> defined by "${n.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(n&&n.priority>=r){n.priority===r&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${n.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}l.set(i,s),customElements.define(i,t)}var o=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,r,s){t.addEventListener(e,r,s),this.#e.push(()=>t.removeEventListener(e,r,s))}setup(){}teardown(){}};var a=new Map,c=new Map;function E(i){if(c.has(i))return c.get(i);let t=new Promise((e,r)=>{let s=document.createElement("script");s.src=i,s.async=!0,s.onload=()=>e(),s.onerror=()=>r(new Error(`Failed to load script: ${i}`)),document.head.appendChild(s)});return c.set(i,t),t}async function w(i,t,e={}){let r=new URLSearchParams({url:t,format:"json",...e}),s=await fetch(`${i}?${r}`);if(!s.ok)throw new Error(`oEmbed error ${s.status}`);return s.json()}function h(i){return i==="light"?"light":i==="dark"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var f="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0",d=class extends o{static register(t,e){a.set(t,e)}#e=null;#i="";#t=null;setup(){this.#i||(this.#i=this.innerHTML);let t=this.getAttribute("url");if(!t)return console.warn("social-embed: missing required url attribute"),!1;let e=this.getAttribute("provider"),r=e?a.get(e):[...a.values()].find(n=>n.canHandle?.(t));if(!r){this.setAttribute("state","unsupported");return}if(r.delegatesActivation){this.#r(r);return}this.setAttribute("state","idle");let s=this.getAttribute("activate")??"click";s==="eager"?this.#r(r):s==="visible"?(this.#e=new IntersectionObserver(n=>{n[0].isIntersecting&&(this.#e?.disconnect(),this.#r(r))},{rootMargin:"200px"}),this.#e.observe(this)):(this.#t=n=>{n.preventDefault(),this.#r(r)},this.addEventListener("click",this.#t,{once:!0}),this.addEventListener("keydown",this.#n),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-label","Load embed"))}teardown(){this.#e?.disconnect(),this.#t&&(this.removeEventListener("click",this.#t),this.#t=null),this.removeEventListener("keydown",this.#n)}#n=t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.click())};async#r(t){this.removeAttribute("tabindex"),this.removeAttribute("role"),this.removeAttribute("aria-label"),this.#t&&(this.removeEventListener("click",this.#t),this.#t=null),this.removeEventListener("keydown",this.#n);let e=this.getAttribute("url");this.setAttribute("state","loading"),this.#s("Loading embed\u2026");try{let r=h(this.getAttribute("theme")??"auto");await t.render(this,e,{theme:r}),this.setAttribute("state","loaded")}catch(r){console.warn("[social-embed] render failed:",r),this.innerHTML=this.#i,this.setAttribute("state","error"),this.#s("Embed failed to load.")}}#s(t){let e=this.querySelector("[data-embed-live]");e||(e=document.createElement("span"),e.setAttribute("data-embed-live",""),e.setAttribute("role","status"),e.setAttribute("aria-live","polite"),e.setAttribute("style",f),this.prepend(e)),e.textContent=t}};u("social-embed",d);export{a as PROVIDERS,d as SocialEmbed,w as fetchOEmbed,E as loadScript};
+//# sourceMappingURL=social-embed.js.map

package/dist/cdn/components/spacing-specimen.js

@@ -0,0 +1,6 @@
+var p=window.matchMedia("(prefers-reduced-motion: reduce)");var f=new Map;function m(o,r,t={}){let n=t.priority??10,i={impl:r,bundle:t.bundle,contract:t.contract,priority:n},e=f.get(o);if(customElements.get(o)){if(!e||e.priority>=n){e&&e.priority===n&&e.impl!==r&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${e.bundle}" (priority ${e.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${o}> defined by "${e.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(e&&e.priority>=n){e.priority===n&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${e.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}f.set(o,i),customElements.define(o,r)}var l=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let r of this.#e)r();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(r,t,n,i){r.addEventListener(t,n,i),this.#e.push(()=>r.removeEventListener(t,n,i))}setup(){}teardown(){}};var d=class extends l{static observedAttributes=["tokens","prefix","show-values","label"];setup(){this.#e()}attributeChangedCallback(){this.isConnected&&this.#e()}#e(){let r=this.getAttribute("tokens")||"3xs,2xs,xs,s,m,l,xl,2xl,3xl",t=this.getAttribute("prefix")||"--size-",n=this.getAttribute("show-values")!=="false",i=this.getAttribute("label")||"",e=r.split(",").map(s=>s.trim()),a="";i&&(a+=`<div style="font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted,#666);margin-block-end:0.75rem;font-family:var(--font-sans,system-ui)">${i}</div>`),a+=`<div role="list" aria-label="${i||"Spacing scale"}" style="display:flex;flex-direction:column;gap:0.25rem">`;for(let s of e){let c=`${t}${s}`;a+=`<div role="listitem" style="display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:0.75rem;min-block-size:1.75rem">
+        <span style="font-family:var(--font-mono,monospace);font-size:0.875rem;color:var(--color-text-muted,#666);text-align:end">${s}</span>
+        <div class="scale-bar" style="display:block;block-size:var(--size-m,1rem);min-inline-size:2px;inline-size:var(${c});background:var(--color-interactive,oklch(55% 0.2 260));border-radius:var(--radius-s,0.25rem)" aria-hidden="true"></div>
+        ${n?'<span class="scale-value" style="font-family:var(--font-mono,monospace);font-size:0.75rem;color:var(--color-text-muted,#666);font-variant-numeric:tabular-nums;min-inline-size:3.5rem;text-align:end"></span>':""}
+      </div>`}a+="</div>",this.innerHTML=a,n&&requestAnimationFrame(()=>{this.querySelectorAll(".scale-bar").forEach(s=>{let c=s.getBoundingClientRect().width,u=s.nextElementSibling;u&&(u.textContent=`${Math.round(c*100)/100}px`)})})}};m("spacing-specimen",d);
+//# sourceMappingURL=spacing-specimen.js.map

package/dist/cdn/components/split-surface.js

@@ -0,0 +1,2 @@
+var d=window.matchMedia("(prefers-reduced-motion: reduce)");var c=new Map;function h(r,t,e={}){let i=e.priority??10,n={impl:t,bundle:e.bundle,contract:e.contract,priority:i},s=c.get(r);if(customElements.get(r)){if(!s||s.priority>=i){s&&s.priority===i&&s.impl!==t&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${s.bundle}" (priority ${s.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${r}> defined by "${s.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(s&&s.priority>=i){s.priority===i&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${s.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}c.set(r,n),customElements.define(r,t)}var o=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,i,n){t.addEventListener(e,i,n),this.#t.push(()=>t.removeEventListener(e,i,n))}setup(){}teardown(){}};var l=class extends o{#t;#i;#o;#a=!1;#r=50;#s=!1;#u=50;get#l(){return this.getAttribute("direction")==="vertical"}get#c(){let t=this.getAttribute("min"),e=Number(t);return t!==null&&!isNaN(e)?e:10}get#h(){let t=this.getAttribute("max"),e=Number(t);return t!==null&&!isNaN(e)?e:90}get position(){return this.#r}set position(t){this.#e(Number(t))}get collapsed(){return this.#s}set collapsed(t){t?this.#p():this.#b()}reset(){let t=this.getAttribute("position"),e=Number(t),i=t!==null&&!isNaN(e)?e:50;this.#s=!1,this.#e(i),this.#w()}setup(){let t=[...this.children].filter(u=>!u.classList.contains("split-divider"));if(t.length<2)return!1;this.#i=t[0],this.#o=t[1];let e=this.getAttribute("position"),i=Number(e),n=e!==null&&!isNaN(i)?i:null,s=this.#g(),a=n??s??50;this.#t=document.createElement("div"),this.#t.className="split-divider",this.#t.setAttribute("role","separator"),this.#t.setAttribute("aria-orientation",this.#l?"vertical":"horizontal"),this.#t.setAttribute("aria-valuenow",String(Math.round(a))),this.#t.setAttribute("aria-valuemin",String(this.#c)),this.#t.setAttribute("aria-valuemax",String(this.#h)),this.#t.setAttribute("aria-label","Resize panels"),this.#t.setAttribute("tabindex","0"),this.insertBefore(this.#t,this.#o),this.#e(a),this.listen(this.#t,"pointerdown",this.#m),this.listen(this.#t,"keydown",this.#v),this.hasAttribute("collapsible")&&this.listen(this.#t,"dblclick",this.#y)}teardown(){this.#t&&(this.#t.remove(),this.#t=null)}#m=t=>{t.preventDefault(),this.#a=!0,this.#t.setPointerCapture(t.pointerId),this.style.userSelect="none",this.#t.addEventListener("pointermove",this.#d),this.#t.addEventListener("pointerup",this.#f)};#d=t=>{if(!this.#a)return;let e=this.getBoundingClientRect(),i;this.#l?i=(t.clientY-e.top)/e.height*100:i=(t.clientX-e.left)/e.width*100,this.#s&&(this.#s=!1),this.#e(i)};#f=t=>{this.#a=!1,this.#t.releasePointerCapture(t.pointerId),this.style.userSelect="",this.#t.removeEventListener("pointermove",this.#d),this.#t.removeEventListener("pointerup",this.#f),this.#n()};#v=t=>{let e=t.shiftKey?10:1,i=this.#r,n=this.#l?["ArrowUp"]:["ArrowLeft"],s=this.#l?["ArrowDown"]:["ArrowRight"];n.includes(t.key)?(t.preventDefault(),this.#e(i-e),this.#n()):s.includes(t.key)?(t.preventDefault(),this.#e(i+e),this.#n()):t.key==="Home"?(t.preventDefault(),this.#e(this.#c),this.#n()):t.key==="End"&&(t.preventDefault(),this.#e(this.#h),this.#n())};#y=()=>{this.#s?this.#b():this.#p(),this.#n()};#p(){this.#u=this.#r,this.#s=!0,this.#i.style.flexBasis="0%",this.#i.style.overflow="hidden",this.#t.setAttribute("aria-valuenow","0"),this.#r=0,this.dispatchEvent(new CustomEvent("split-surface:collapse",{detail:{collapsed:!0},bubbles:!0}))}#b(){this.#s=!1,this.#i.style.overflow="auto",this.#e(this.#u),this.dispatchEvent(new CustomEvent("split-surface:collapse",{detail:{collapsed:!1},bubbles:!0}))}#e(t){let e=this.#s?0:Math.min(this.#h,Math.max(this.#c,t));this.#r=e,this.#i.style.flexBasis=`${e}%`,this.#i.style.flexGrow="0",this.#i.style.flexShrink="0",this.#i.style.overflow="auto",this.#o.style.flexGrow="1",this.#o.style.overflow="auto",this.#t.setAttribute("aria-valuenow",String(Math.round(e))),this.dispatchEvent(new CustomEvent("split-surface:resize",{detail:{position:e},bubbles:!0}))}#g(){let t=this.getAttribute("persist");if(!t)return null;try{let e=localStorage.getItem(`split-surface:${t}`);return e!==null?Number(e):null}catch{return null}}#n(){let t=this.getAttribute("persist");if(t)try{localStorage.setItem(`split-surface:${t}`,String(Math.round(this.#r)))}catch{}}#w(){let t=this.getAttribute("persist");if(t)try{localStorage.removeItem(`split-surface:${t}`)}catch{}}};h("split-surface",l);export{l as SplitSurface};
+//# sourceMappingURL=split-surface.js.map

package/dist/cdn/components/star-rating.js

@@ -0,0 +1,2 @@
+var E=window.matchMedia("(prefers-reduced-motion: reduce)");var y=new Map;function g(l,e,t={}){let n=t.priority??10,c={impl:e,bundle:t.bundle,contract:t.contract,priority:n},i=y.get(l);if(customElements.get(l)){if(!i||i.priority>=n){i&&i.priority===n&&i.impl!==e&&console.warn(`[VB Bundle] Tag <${l}> already registered by "${i.bundle}" (priority ${i.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${l}> defined by "${i.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(i&&i.priority>=n){i.priority===n&&console.warn(`[VB Bundle] Tag <${l}> already registered by "${i.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}y.set(l,c),customElements.define(l,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,t,n,c){e.addEventListener(t,n,c),this.#t.push(()=>e.removeEventListener(t,n,c))}setup(){}teardown(){}};var b=class extends m{static formAssociated=!0;#t;#s;#e;constructor(){super(),this.#t=this.attachInternals()}setup(){this.#a()}#a(){if(this.querySelector("fieldset"))return;let e=Number(this.getAttribute("value")||0);this.#s=e;let t=Number(this.getAttribute("max")||5),n=this.getAttribute("label")||"Rating",c=this.hasAttribute("allow-half"),i=this.hasAttribute("readonly"),d=this.getAttribute("icon"),u=`_sr_${this.getAttribute("name")||`star-rating-${crypto.randomUUID().slice(0,8)}`}`;i?this.#c(e,t,n,d):this.#o(e,t,n,u,c,d),this.#i(e),this.#r()}#o(e,t,n,c,i,d){let a=document.createElement("fieldset");a.setAttribute("data-rating",""),i&&a.setAttribute("data-rating-half",""),a.setAttribute("data-effect","rating");let u=document.createElement("legend");if(u.textContent=n,a.appendChild(u),i)for(let r=1;r<=t;r++){let s=r-.5,o=document.createElement("label");o.setAttribute("data-half","left");let h=document.createElement("input");h.type="radio",h.name=c,h.value=String(s),h.setAttribute("aria-label",`${s} ${s===1?"star":"stars"}`),e===s&&(h.checked=!0),o.appendChild(h),o.append(this.#n(d)),a.appendChild(o);let p=document.createElement("label");p.setAttribute("data-half","right");let f=document.createElement("input");f.type="radio",f.name=c,f.value=String(r),f.setAttribute("aria-label",`${r} ${r===1?"star":"stars"}`),e===r&&(f.checked=!0),p.appendChild(f),p.append(this.#n(d)),a.appendChild(p)}else for(let r=1;r<=t;r++){let s=document.createElement("label"),o=document.createElement("input");o.type="radio",o.name=c,o.value=String(r),o.setAttribute("aria-label",`${r} ${r===1?"star":"stars"}`),e===r&&(o.checked=!0),s.appendChild(o),s.append(this.#n(d)),a.appendChild(s)}this.appendChild(a),this.#e=a,a.addEventListener("rating:change",r=>{this.#i(r.detail.value),this.#r()}),a.addEventListener("change",r=>{let s=r.target;s.type==="radio"&&s.checked&&(this.#i(Number(s.value)),this.#r())})}#c(e,t,n,c){let i=document.createElement("fieldset");i.setAttribute("data-rating",""),i.setAttribute("data-rating-readonly",""),i.setAttribute("role","img"),i.setAttribute("aria-label",`${n}: ${e} out of ${t}`);let d=document.createElement("legend");d.textContent=n,i.appendChild(d);let a=Math.floor(e),u=e-a;for(let r=1;r<=t;r++){let s=document.createElement("span");if(s.setAttribute("aria-hidden","true"),r<=a)s.classList.add("star-filled");else if(r===a+1&&u>0){s.classList.add("star-partial"),s.style.setProperty("--_star-fill",`${u*100}%`);let o=document.createElement("span");o.classList.add("star-partial-fill"),o.append(this.#n(c)),s.appendChild(o)}else s.classList.add("star-empty");s.append(this.#n(c)),i.appendChild(s)}this.appendChild(i),this.#e=i}#n(e){if(e){let t=document.createElement("icon-wc");return t.setAttribute("name",e),t}return document.createTextNode("\u2605")}#i(e){let t=Number(e);t>0?this.#t.setFormValue(String(t)):this.#t.setFormValue(null)}#r(){this.hasAttribute("required")?this.#e?.querySelector('input[type="radio"]:checked')?this.#t.setValidity({}):this.#t.setValidity({valueMissing:!0},"Please select a rating",this.#e||this):this.#t.setValidity({})}formResetCallback(){if(this.#e){if(this.#e.querySelectorAll('input[type="radio"]').forEach(e=>{e.checked=!1}),this.#s>0){let e=this.#e.querySelector(`input[value="${this.#s}"]`);e&&(e.checked=!0)}this.#i(this.#s),this.#r()}}formStateRestoreCallback(e){if(!e||!this.#e)return;let t=this.#e.querySelector(`input[value="${e}"]`);t&&(t.checked=!0,this.#i(Number(e)),this.#r())}get value(){if(!this.#e)return Number(this.getAttribute("value")||0);let e=this.#e.querySelector('input[type="radio"]:checked');return e?Number(e.value):0}set value(e){if(!this.#e)return;this.#e.querySelectorAll('input[type="radio"]').forEach(n=>{n.checked=!1});let t=Number(e);if(t>0){let n=this.#e.querySelector(`input[value="${t}"]`);n&&(n.checked=!0)}this.#i(t),this.#r()}};g("star-rating",b);export{b as StarRating};
+//# sourceMappingURL=star-rating.js.map

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

@@ -0,0 +1,2 @@
+var v=window.matchMedia("(prefers-reduced-motion: reduce)");var p=new Map;function b(l,i,s={}){let n=s.priority??10,o={impl:i,bundle:s.bundle,contract:s.contract,priority:n},t=p.get(l);if(customElements.get(l)){if(!t||t.priority>=n){t&&t.priority===n&&t.impl!==i&&console.warn(`[VB Bundle] Tag <${l}> already registered by "${t.bundle}" (priority ${t.priority}). Skipping "${s.bundle}".`);return}console.warn(`[VB Bundle] Tag <${l}> defined by "${t.bundle}" cannot be replaced (customElements.define is permanent). "${s.bundle}" has higher priority but arrived late.`);return}if(t&&t.priority>=n){t.priority===n&&console.warn(`[VB Bundle] Tag <${l}> already registered by "${t.bundle}". Skipping "${s.bundle}" (first wins at equal priority).`);return}p.set(l,o),customElements.define(l,i)}var h=class extends HTMLElement{#i=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let i of this.#i)i();this.#i=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(i,s,n,o){i.addEventListener(s,n,o),this.#i.push(()=>i.removeEventListener(s,n,o))}setup(){}teardown(){}};var f=class l extends h{static get observedAttributes(){return["src","compact","title"]}static#i=0;#e=null;#s=null;#r={};#t=null;#c="";#n=[];setup(){this.#c=`sm-${++l.#i}`;let i=[...this.querySelectorAll(":scope > section[data-activity]")];this.#n=i.map(t=>{let e=t.getAttribute("data-activity")||"",c=t.getAttribute("data-activity-label")||""||this.#u(e),d=t.getAttribute("data-journey-phase")||null,a=[...t.children];return{id:e,label:c,journeyPhase:d,children:a}});for(let t of i)t.remove();this.#e=document.createElement("div"),this.#e.className="sm-scroll",this.#e.setAttribute("role","region"),this.#e.setAttribute("aria-label","Story map"),this.#e.setAttribute("tabindex","0"),this.#s=document.createElement("div"),this.#s.className="sm-columns";let s=0;for(let t of this.#n){let e=document.createElement("section");e.className="sm-column",e.setAttribute("data-activity-column",t.id);let r=document.createElement("header");r.className="sm-activity-header";let c=document.createElement("h3");c.textContent=t.label;let d=document.createElement("span");d.className="sm-activity-count",d.textContent=String(t.children.length),c.appendChild(d),r.appendChild(c),e.appendChild(r);let a=document.createElement("drag-surface");if(a.setAttribute("group",this.#c),a.setAttribute("aria-label",`${t.label} stories`),a.setAttribute("data-layout","stack"),a.setAttribute("data-layout-gap","xs"),t.children.length>0){for(let u of t.children)a.appendChild(u);s+=t.children.length}else{let u=document.createElement("p");u.className="sm-empty",u.textContent="No stories yet",a.appendChild(u)}e.appendChild(a),this.#s.appendChild(e),this.#r[t.id]=a}let n=this.getAttribute("title");if(n){let t=document.createElement("h2");t.className="sm-title",t.textContent=n,this.appendChild(t)}this.#e.appendChild(this.#s),this.appendChild(this.#e),this.#t=document.createElement("div"),this.#t.className="sm-live-region",this.#t.setAttribute("role","status"),this.#t.setAttribute("aria-live","polite"),this.#t.setAttribute("aria-atomic","true"),this.appendChild(this.#t),this.listen(this,"drag-surface:reorder",t=>{let e=t.detail,r=t.target.closest("drag-surface"),c=this.#o(r);c&&(this.#a(c),this.dispatchEvent(new CustomEvent("story-map:reorder",{bubbles:!0,detail:{itemId:e.itemId,activity:c,oldIndex:e.oldIndex,newIndex:e.newIndex}})))}),this.listen(this,"drag-surface:transfer",t=>{let e=t.detail,r=e.fromSurface,c=e.toSurface,d=this.#o(r),a=this.#o(c);if(!d||!a)return;this.#a(d),this.#a(a);let u=c.querySelector(".sm-empty");if(u&&u.remove(),r.querySelectorAll(':scope > [draggable="true"]').length===0&&!r.querySelector(".sm-empty")){let m=document.createElement("p");m.className="sm-empty",m.textContent="No stories yet",r.appendChild(m)}let y=this.#d(e.item);this.#l(`${y} moved from ${d} to ${a}`),this.dispatchEvent(new CustomEvent("story-map:transfer",{bubbles:!0,detail:{itemId:e.itemId,fromActivity:d,toActivity:a,newIndex:e.newIndex}}))});let o=this.getAttribute("src");if(o){this._loadSrc(o);return}this.dispatchEvent(new CustomEvent("story-map:ready",{bubbles:!0,detail:{activityCount:this.#n.length,storyCount:s}}))}teardown(){this.#e&&(this.#e.remove(),this.#e=null),this.#t&&(this.#t.remove(),this.#t=null),this.#s=null,this.#r={},this.#n=[]}attributeChangedCallback(i,s,n){s===n||!this.isConnected||i==="src"&&this._loadSrc(n)}async _loadSrc(i){if(i)try{let s=await fetch(i);if(!s.ok)throw new Error(`HTTP ${s.status}`);let n=await s.json();for(;this.firstChild;)this.firstChild.remove();for(let o of n.activities||[]){let t=document.createElement("section");t.setAttribute("data-activity",o.id),t.setAttribute("data-activity-label",o.label||o.id),o.journeyPhase&&t.setAttribute("data-journey-phase",o.journeyPhase);for(let e of o.stories||[]){let r=document.createElement("user-story");r.setAttribute("draggable","true"),r.dataset.id=e.id||e.storyId,(e.storyId||e.id)&&r.setAttribute("story-id",e.storyId||e.id),e.title&&r.setAttribute("title",e.title),e.persona&&r.setAttribute("persona",e.persona),e.action&&r.setAttribute("action",e.action),e.benefit&&r.setAttribute("benefit",e.benefit),e.priority&&r.setAttribute("priority",e.priority),e.status&&r.setAttribute("status",e.status),e.points&&r.setAttribute("points",String(e.points)),r.setAttribute("detail",e.detail||"compact"),t.appendChild(r)}this.appendChild(t)}this.teardown(),this.removeAttribute("data-upgraded"),this.setup()}catch(s){console.warn(`[story-map] Failed to load src="${i}":`,s)}}#o(i){if(!i)return null;for(let[s,n]of Object.entries(this.#r))if(n===i)return s;return null}#a(i){let s=this.#r[i];if(!s)return;let n=s.querySelectorAll(':scope > [draggable="true"]').length,o=s.closest("[data-activity-column]");if(!o)return;let t=o.querySelector(".sm-activity-count");t&&(t.textContent=String(n))}#l(i){this.#t&&(this.#t.textContent="",requestAnimationFrame(()=>{this.#t&&(this.#t.textContent=i)}))}#d(i){return i.getAttribute("story-id")||i.getAttribute("data-id")||i.textContent?.trim().slice(0,40)||"item"}#u(i){return i.replace(/[-_]/g," ").replace(/\b\w/g,s=>s.toUpperCase())}};b("story-map",f);export{f as StoryMap};
+//# sourceMappingURL=story-map.js.map

package/dist/cdn/components/tab-set.js

@@ -0,0 +1,2 @@
+function l(r){return document.startViewTransition?document.startViewTransition(r):r()}var m=window.matchMedia("(prefers-reduced-motion: reduce)");var u=new Map;function h(r,e,t={}){let s=t.priority??10,n={impl:e,bundle:t.bundle,contract:t.contract,priority:s},i=u.get(r);if(customElements.get(r)){if(!i||i.priority>=s){i&&i.priority===s&&i.impl!==e&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${i.bundle}" (priority ${i.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${r}> defined by "${i.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(i&&i.priority>=s){i.priority===s&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${i.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}u.set(r,n),customElements.define(r,e)}var o=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,s,n){e.addEventListener(t,s,n),this.#e.push(()=>e.removeEventListener(t,s,n))}setup(){}teardown(){}};var f=0,c=class extends o{#e=[];#s=[];#n=!1;#t=0;setup(){if(this.#e=[...this.querySelectorAll(":scope > details")],this.#s=this.#e.map(e=>e.querySelector("summary")),this.#e.length===0)return!1;this.#a(),this.#c(),this.#o()}teardown(){this.#e=[],this.#s=[],this.#n=!1}#o(){if(!this.hasAttribute("transition")||!document.startViewTransition)return;this.#n=!0;let e=++f,t=this.getAttribute("transition")||"fade",s=t==="slide"?"vt-tabs-slide":t==="scale"?"vt-tabs-scale":"vt-tabs";this.#e.forEach(n=>{let i=n.querySelector(":scope > :not(summary)");i&&(i.style.viewTransitionName=`tabs-${e}`,i.style.viewTransitionClass=s)}),this.#t=this.#e.findIndex(n=>n.open),this.#t===-1&&(this.#t=0)}#i(e){if(e===this.#t)return;let t=e>this.#t?"forward":"backward";document.documentElement.dataset.vtDirection=t,l(()=>{this.#e[e].open=!0}).finished?.then(()=>{delete document.documentElement.dataset.vtDirection})}#a(){this.#e.forEach((e,t)=>{let s=this.#s[t],n=e.querySelector(":scope > :not(summary)");if(!s||!n)return;let i=s.id||`tab-${crypto.randomUUID().slice(0,8)}`,d=n.id||`panel-${crypto.randomUUID().slice(0,8)}`;s.id=i,s.setAttribute("aria-controls",d),s.setAttribute("tabindex",e.open?"0":"-1"),s.setAttribute("aria-selected",e.open?"true":"false"),n.id=d,n.setAttribute("aria-labelledby",i),this.listen(s,"click",a=>{this.#n&&(a.preventDefault(),this.#i(t))}),this.listen(s,"keydown",a=>this.#l(a,t)),this.listen(e,"toggle",()=>this.#d(t))})}#c(){!this.#e.some(t=>t.open)&&this.#e.length>0&&(this.#e[0].open=!0,this.#r())}#d(e){this.#e[e].open&&(this.#t=e),this.#r(),this.dispatchEvent(new CustomEvent("tab-set:change",{detail:{index:e},bubbles:!0}))}#r(){this.#e.forEach((e,t)=>{let s=this.#s[t];s.setAttribute("tabindex",e.open?"0":"-1"),s.setAttribute("aria-selected",e.open?"true":"false")})}#l(e,t){let{key:s}=e,n;switch(s){case"ArrowRight":n=(t+1)%this.#e.length;break;case"ArrowLeft":n=(t-1+this.#e.length)%this.#e.length;break;case"Home":n=0;break;case"End":n=this.#e.length-1;break;default:return}e.preventDefault(),this.#n?this.#i(n):this.#e[n].open=!0,this.#s[n].focus()}};h("tab-set",c);export{c as TabSet};
+//# sourceMappingURL=tab-set.js.map

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

@@ -0,0 +1,7 @@
+var m=window.matchMedia("(prefers-reduced-motion: reduce)");var f=new Map;function g(l,e,i={}){let t=i.priority??10,n={impl:e,bundle:i.bundle,contract:i.contract,priority:t},s=f.get(l);if(customElements.get(l)){if(!s||s.priority>=t){s&&s.priority===t&&s.impl!==e&&console.warn(`[VB Bundle] Tag <${l}> already registered by "${s.bundle}" (priority ${s.priority}). Skipping "${i.bundle}".`);return}console.warn(`[VB Bundle] Tag <${l}> defined by "${s.bundle}" cannot be replaced (customElements.define is permanent). "${i.bundle}" has higher priority but arrived late.`);return}if(s&&s.priority>=t){s.priority===t&&console.warn(`[VB Bundle] Tag <${l}> already registered by "${s.bundle}". Skipping "${i.bundle}" (first wins at equal priority).`);return}f.set(l,n),customElements.define(l,e)}var u=class extends HTMLElement{#n=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#n)e();this.#n=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,i,t,n){e.addEventListener(i,t,n),this.#n.push(()=>e.removeEventListener(i,t,n))}setup(){}teardown(){}};var p=class extends u{#n=null;#w=null;#c=[];#t="";#a=0;#l=null;#f=null;#x=null;#g=null;#s=!1;#i=!1;#A=0;#e=null;#o=null;#h=null;#d=null;#u=null;#m=null;#F=null;static get observedAttributes(){return["speed","voice","for"]}attributeChangedCallback(e,i,t){if(i!==t&&(e==="for"&&(this.stop(),this.#k()),(e==="speed"||e==="voice")&&this.#s&&this.#y(),e==="speed"&&this.#u)){let n=this.#E(parseFloat(t)||1);this.#u.value=String(n),this.#m&&(this.#m.textContent=`${n}\xD7`)}}setup(){if(!("speechSynthesis"in window))return this.style.display="none",!1;this.#I(),this.#k(),this.#H(),this.#g=this.#T(),this.#g.then(e=>this.#j(e)),this.listen(window,"beforeunload",this.#D)}teardown(){this.stop(),this.#q()}play(){if(this.#i){this.resume();return}this.#s||this.#$(0)}pause(){!this.#s||this.#i||(speechSynthesis.pause(),this.#i=!0,this.#V(!0),this.#r("text-reader:pause"))}resume(){this.#i&&(speechSynthesis.resume(),this.#i=!1,this.#V(!1),this.#r("text-reader:resume"))}stop(){speechSynthesis.cancel(),this.#v(),this.#r("text-reader:stop")}get voices(){return this.#g||this.#T()}get speaking(){return this.#s}get paused(){return this.#i}get progress(){return this.#t.length?Math.min(this.#a/this.#t.length,1):0}#I(){let e=document.createElement("div");e.setAttribute("part","controls"),e.setAttribute("role","group"),e.setAttribute("aria-label","Article reader");let i=this.#b("play",this.getAttribute("label-play")||"Play","\u25B6");i.addEventListener("click",()=>this.play());let t=this.#b("pause",this.getAttribute("label-pause")||"Pause","\u23F8");t.hidden=!0,t.addEventListener("click",()=>this.pause());let n=this.#b("stop",this.getAttribute("label-stop")||"Stop","\u23F9");n.disabled=!0,n.addEventListener("click",()=>this.stop());let s=document.createElement("select");s.setAttribute("aria-label","Voice");let r=document.createElement("option");r.textContent="Loading voices\u2026",s.append(r),s.addEventListener("change",()=>{this.#s&&this.#y()});let h=document.createElement("label");h.setAttribute("data-speed-group","");let o=document.createElement("span");o.setAttribute("data-speed-value","");let a=this.#E(parseFloat(this.getAttribute("speed")??"1")||1);o.textContent=`${a}\xD7`;let c=document.createElement("input");c.type="range",c.min="0.5",c.max="2",c.step="0.1",c.value=String(a),c.setAttribute("aria-label","Speed"),c.addEventListener("input",()=>{let d=parseFloat(c.value);o.textContent=`${d}\xD7`,this.#s&&this.#y()}),h.append(o,c),this.#S("icon-play",i),this.#S("icon-pause",t),this.#S("icon-stop",n),e.append(i,t,n,s,h),this.prepend(e),this.#F=e,this.#e=i,this.#o=t,this.#h=n,this.#d=s,this.#u=c,this.#m=o}#b(e,i,t){let n=document.createElement("button");return n.type="button",n.setAttribute("part",`button ${e}`),n.setAttribute("aria-label",i),n.textContent=t,n}#S(e,i){let t=this.querySelector(`[slot="${e}"]`);t&&(t.removeAttribute("slot"),i.textContent="",i.append(t))}#k(){let e=this.getAttribute("for");if(!e){console.warn('<text-reader>: missing "for" attribute'),this.#C();return}if(this.#n=document.getElementById(e),!this.#n){console.warn(`<text-reader>: no element found with id="${e}"`),this.#C();return}this.#P(),this.#N()}#C(){this.#e&&(this.#e.disabled=!0),this.#h&&(this.#h.disabled=!0)}#N(){this.#e&&(this.#e.disabled=!1)}#P(){let e=this.#n;if(!e)return;let i=this.getAttribute("selectors")||"p,li",t=[...e.querySelectorAll(i)],n=r=>r.closest("pre")||r.closest("code")||r.closest('[aria-hidden="true"]');this.#c=[];let s=0;for(let r of t){if(n(r))continue;let h=r.textContent.trim();h&&(this.#c.push({element:r,text:h,speechStart:s,speechEnd:s+h.length}),s+=h.length+1)}this.#t=this.#c.map(r=>r.text).join(" ")}#$(e){if(!this.#t)return;let i=e>0?this.#t.slice(e):this.#t;if(!i.trim())return;let t=new SpeechSynthesisUtterance(i);t.rate=this.#E(parseFloat(this.#u?.value??"1")||1);let n=this.#d?.selectedOptions[0];if(n?.dataset.voiceUri){let s=speechSynthesis.getVoices().find(r=>r.voiceURI===n.dataset.voiceUri);s&&(t.voice=s)}t.onboundary=s=>{if(s.name!=="word")return;let r=e+s.charIndex;this.#a=r;let h=s.charLength;if(!h){let a=this.#t.slice(r).match(/^\S+/);h=a?a[0].length:1}this.#O(r,h),this.#r("text-reader:word",{word:this.#t.slice(r,r+h),charIndex:r,element:this.#L(r)?.element})},t.onend=()=>{let s=Date.now()-this.#A;this.#v(),this.#r("text-reader:end",{duration:s})},t.onerror=s=>{s.error==="interrupted"||s.error==="canceled"||(this.#v(),this.#r("text-reader:error",{error:s.error}))},this.#w=t,this.#s=!0,this.#i=!1,this.#A=Date.now(),this.#a=e,this.#B(!0),speechSynthesis.cancel(),speechSynthesis.speak(t),this.#U(),this.#r("text-reader:play",{voice:t.voice?.name,speed:t.rate})}#y(){let e=this.#a;speechSynthesis.cancel(),this.#p(),requestAnimationFrame(()=>this.#$(e))}#U(){this.#p(),this.#l=setInterval(()=>{if(!speechSynthesis.speaking){this.#p();return}speechSynthesis.pause(),speechSynthesis.resume()},1e4)}#p(){this.#l&&clearInterval(this.#l),this.#l=null}#H(){if(!CSS.highlights)return;let e=new CSSStyleSheet;e.replaceSync(`
+      ::highlight(text-reader-word) {
+        background-color: var(--text-reader-highlight, Mark);
+        color: var(--text-reader-highlight-text, MarkText);
+      }
+    `),this.#f=e,document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}#q(){let e=this.#f;e&&(document.adoptedStyleSheets=document.adoptedStyleSheets.filter(i=>i!==e),this.#f=null),this.#M()}#O(e,i){if(!CSS.highlights||this.getAttribute("highlight")==="false")return;let t=this.#L(e);if(!t)return;let n=e-t.speechStart,s=this.#R(t.element,n,i);if(!s)return;let r=new Highlight(s);if(CSS.highlights.set("text-reader-word",r),this.#x=r,this.getAttribute("scroll")!=="false"){let h=s.getBoundingClientRect(),o=window.innerHeight;(h.top<0||h.bottom>o)&&t.element.scrollIntoView({behavior:"smooth",block:"nearest"})}}#M(){CSS.highlights&&CSS.highlights.delete("text-reader-word"),this.#x=null}#L(e){let i=this.#c,t=0,n=i.length-1;for(;t<=n;){let s=t+n>>>1,r=i[s];if(e<r.speechStart)n=s-1;else if(e>=r.speechEnd)t=s+1;else return r}return null}#R(e,i,t){let n=document.createTreeWalker(e,NodeFilter.SHOW_TEXT),s=0;for(;n.nextNode();){let r=n.currentNode,h=r.textContent??"";if(!h.trim())continue;let o=h.length;if(s+o>i){let a=i-s,c=document.createRange();c.setStart(r,Math.min(a,o));let d=a+t;return d<=o?c.setEnd(r,d):c.setEnd(r,o),c}s+=o}return null}async#T(){let e=speechSynthesis.getVoices();return e.length>0?e:new Promise(i=>{let t=()=>{speechSynthesis.removeEventListener("voiceschanged",t),i(speechSynthesis.getVoices())};speechSynthesis.addEventListener("voiceschanged",t),setTimeout(()=>{speechSynthesis.removeEventListener("voiceschanged",t),i(speechSynthesis.getVoices())},3e3)})}#j(e){if(!this.#d||!e.length)return;let i=this.#d;i.innerHTML="";let t=document.documentElement.lang||"en",n=e.filter(o=>o.lang.startsWith(t)),s=e.filter(o=>!o.lang.startsWith(t)),r=[...n,...s],h=this.getAttribute("voice");for(let o of r){let a=document.createElement("option");a.textContent=`${o.name} (${o.lang})`,a.dataset.voiceUri=o.voiceURI,h&&o.voiceURI===h&&(a.selected=!0),i.append(a)}if(!h){let o=n.find(a=>a.default)||n[0];if(o){let a=[...i.options].find(c=>c.dataset.voiceUri===o.voiceURI);a&&(a.selected=!0)}}}#B(e){!this.#e||!this.#o||!this.#h||(e?(this.#e.hidden=!0,this.#o.hidden=!1,this.#h.disabled=!1):(this.#e.hidden=!1,this.#o.hidden=!0,this.#h.disabled=!0))}#V(e){!this.#e||!this.#o||(this.#e.hidden=!e,this.#o.hidden=e)}#v(){this.#s=!1,this.#i=!1,this.#a=0,this.#w=null,this.#p(),this.#M(),this.#B(!1)}#E(e){return Math.round(Math.max(.5,Math.min(2,e))*10)/10}#r(e,i={}){this.dispatchEvent(new CustomEvent(e,{detail:i,bubbles:!0}))}#D=()=>{speechSynthesis.cancel()}};g("text-reader",p);export{p as TextReader};
+//# sourceMappingURL=text-reader.js.map

package/dist/cdn/components/theme-picker.js

@@ -0,0 +1,219 @@
+var ee=Object.defineProperty;var te=(t,e)=>()=>(t&&(e=t(t=0)),e);var ae=(t,e)=>{for(var a in e)ee(t,a,{get:e[a],enumerable:!0})};var W={};ae(W,{SoundManager:()=>le});var K,D,le,X=te(()=>{K="vb-sound",D={enabled:!1,volume:.5},le={_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(K);return t?{...D,...JSON.parse(t)}:{...D}}catch{return{...D}}},_save(t){try{let e=this._load();localStorage.setItem(K,JSON.stringify({...e,...t}))}catch{}},_playTone(t,e,a="sine"){if(!this._enabled)return;let i=this._getContext(),r=i.createOscillator(),n=i.createGain();r.connect(n),n.connect(i.destination),r.frequency.value=t,r.type=a,n.gain.value=this._volume*.3,r.start(),n.gain.exponentialRampToValueAtTime(.01,i.currentTime+e),r.stop(i.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 he=window.matchMedia("(prefers-reduced-motion: reduce)");var z=new Map;function G(t,e,a={}){let i=a.priority??10,r={impl:e,bundle:a.bundle,contract:a.contract,priority:i},n=z.get(t);if(customElements.get(t)){if(!n||n.priority>=i){n&&n.priority===i&&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>=i){n.priority===i&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${n.bundle}". Skipping "${a.bundle}" (first wins at equal priority).`);return}z.set(t,r),customElements.define(t,e)}var S=class extends HTMLElement{#n=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#n)e();this.#n=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,a,i,r){e.addEventListener(a,i,r),this.#n.push(()=>e.removeEventListener(a,i,r))}setup(){}teardown(){}};var p=new Map,A=new Map;var V=null;function U(){if(typeof window<"u"&&window.__VB_THEME_BASE)return String(window.__VB_THEME_BASE).replace(/\/$/,"");if(V)return V;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 i=a.lastIndexOf("/");if(i!==-1)return a.slice(0,i)}}}return"/cdn"}var se=new Set(["default","a11y-high-contrast","a11y-large-text","a11y-dyslexia","modern","minimal","classic"]),ie=new Set(["kawaii","retro","memphis"]);function B(t){return ie.has(t)}function ne(t,e){return`${e}/themes/${t}.css`}function N(t,e){if(!B(t))return Promise.resolve();if(A.has(t))return A.get(t);let a=import(`${e}/packs/${t}.full.js`).catch(()=>{});return A.set(t,a),a}function re(t,e){let a=U(),i=()=>{(B(e)||t.hasAttribute("data-vb-pack"))&&N(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?(i(),Promise.resolve()):new Promise((r,n)=>{let s=()=>{t.setAttribute("data-vb-theme-state","ready"),l(),i(),r()},c=()=>{t.setAttribute("data-vb-theme-state","error"),p.delete(e),l(),n(new Error(`Failed to load theme: ${e}`))},l=()=>{t.removeEventListener("load",s),t.removeEventListener("error",c)};t.addEventListener("load",s,{once:!0}),t.addEventListener("error",c,{once:!0})})}async function k(t){if(!t||se.has(t))return;if(p.has(t))return p.get(t);if(typeof document<"u"){let i=document.querySelector(`link[data-vb-theme="${t}"]`);if(i){let r=re(i,t);return p.set(t,r),r}}let e=U(),a=B(t)?oe(t,e):ce(t,e);return p.set(t,a),a}async function ce(t,e){let a=ne(t,e);return new Promise((i,r)=>{let n=document.querySelector(`link[data-vb-theme-preload="${t}"]`);n&&n.remove();let s=document.createElement("link");s.rel="stylesheet",s.href=a,s.setAttribute("data-vb-theme",t),s.setAttribute("data-vb-theme-state","loading"),s.onload=()=>{s.setAttribute("data-vb-theme-state","ready"),i()},s.onerror=()=>{s.setAttribute("data-vb-theme-state","error"),s.remove(),p.delete(t),r(new Error(`Failed to load theme: ${t}`))},document.head.appendChild(s)})}function oe(t,e){let a=`${e}/themes/${t}.css`;return new Promise((i,r)=>{let n=document.querySelector(`link[data-vb-theme-preload="${t}"]`);n&&n.remove();let s=document.createElement("link");s.rel="stylesheet",s.href=a,s.setAttribute("data-vb-theme",t),s.setAttribute("data-vb-pack",t),s.setAttribute("data-vb-theme-state","loading"),s.onload=()=>{s.setAttribute("data-vb-theme-state","ready"),N(t,e),i()},s.onerror=()=>{s.setAttribute("data-vb-theme-state","error"),s.remove(),p.delete(t),r(new Error(`Failed to load pack: ${t}`))},document.head.appendChild(s)})}var x=[{id:"auto",name:"Auto",icon:"monitor"},{id:"light",name:"Light",icon:"sun"},{id:"dark",name:"Dark",icon:"moon"}],y=[{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}}],$=[{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"}],_=[{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"}],w=[{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"}],Y=[{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"}],M=[{id:"",name:"Fixed",icon:"ruler",description:"Static token values"},{id:"default",name:"Fluid",icon:"move-diagonal-2",description:"Smooth viewport scaling"},{id:"compact",name:"Compact",icon:"minimize-2",description:"Tighter fluid range"},{id:"spacious",name:"Spacious",icon:"maximize-2",description:"Generous fluid range"}],F=[{id:"a11y-high-contrast",name:"High Contrast",icon:"contrast",description:"AAA contrast (7:1+)"},{id:"a11y-large-text",name:"Large Text",icon:"type",description:"25% larger fonts"},{id:"a11y-dyslexia",name:"Dyslexia",icon:"book-open",description:"Readable typography"}],P=[{id:"motionFx",name:"Motion Effects",icon:"sparkles",description:"Hover & enter animations"},{id:"sounds",name:"Sound Effects",icon:"volume-2",description:"Audio feedback"}],ge=[..._,...w],fe=[...$,..._,...w,...Y],g=t=>_.filter(e=>e.category===t),L=[{label:"Style",themes:$,tier:"core"},{label:"Design",themes:g("Design"),tier:"showcase"},{label:"Content",themes:g("Content"),tier:"showcase"},{label:"Modern",themes:g("Modern"),tier:"showcase"},{label:"Creative",themes:g("Creative"),tier:"showcase"},{label:"Aesthetic",themes:g("Aesthetic"),tier:"showcase"},{label:"Signature",themes:g("Signature"),tier:"showcase"},{label:"OS Styles",themes:g("OS Styles"),tier:"showcase"},{label:"Packs",themes:Y,tier:"showcase"},{label:"More Themes",themes:w,tier:"community"}];var O="vb-theme",T={mode:"auto",brand:"default",accent:"default",borderStyle:"",iconSet:"",fluid:"",backdrop:"",backdropChrome:"",pageBgType:"",pageBgColor:"",pageBgGradStart:"",pageBgGradEnd:"",pageBgGradDir:""},J=["--hue-primary","--hue-secondary","--hue-accent","--lightness-primary","--chroma-primary","--lightness-secondary","--chroma-secondary","--lightness-accent","--chroma-accent"],m={_initPromise:null,async init(){return this._initPromise?this._initPromise:(this._initPromise=(async()=>{let t=this.load();try{await k(t.brand)}catch{t.brand="default"}return this.apply(t),this._watchSystemPreference(),t})(),this._initPromise)},load(){try{let t=localStorage.getItem(O);return t?{...T,...JSON.parse(t)}:{...T}}catch{return{...T}}},save(t){let a={...this.load(),...t};try{localStorage.setItem(O,JSON.stringify(a))}catch{}return a},apply({mode:t="auto",brand:e="default",borderStyle:a="",iconSet:i="",fluid:r="",backdrop:n="",backdropChrome:s="",pageBgType:c="",pageBgColor:l="",pageBgGradStart:u="",pageBgGradEnd:h="",pageBgGradDir:d=""}={}){let o=document.documentElement;o.dataset.mode=t==="auto"?this.getEffectiveMode():t;let H=(o.dataset.theme||"").split(" ").filter(C=>C.startsWith("a11y-")),R=e!=="default"?[e,...H]:[...H];R.length?o.dataset.theme=R.join(" "):delete o.dataset.theme;let v=a||this._readCSSHint("--theme-border-style");v&&v!=="clean"?o.dataset.borderStyle=v:delete o.dataset.borderStyle;let E=i||this._readCSSHint("--theme-icon-set");if(E&&E!=="lucide"?o.dataset.iconSet=E:delete o.dataset.iconSet,r?o.dataset.fluid=r:delete o.dataset.fluid,n?o.dataset.backdrop=n:delete o.dataset.backdrop,s&&s!=="card"?o.dataset.backdropChrome=s:delete o.dataset.backdropChrome,c==="color"&&l)o.style.setProperty("--page-bg-color",l),o.style.removeProperty("--page-bg-gradient");else if(c==="gradient"&&u&&h){let C=d||"to bottom";o.style.setProperty("--page-bg-gradient",`linear-gradient(${C}, ${u}, ${h})`),o.style.removeProperty("--page-bg-color")}else o.style.removeProperty("--page-bg-color"),o.style.removeProperty("--page-bg-gradient");let j=this.load().accent||"default";this._applyAccent(j),window.dispatchEvent(new CustomEvent("vb:theme-change",{detail:{mode:t,brand:e,accent:j,borderStyle:v,iconSet:E,fluid:r,backdrop:n,backdropChrome:s,pageBgType:c,effectiveMode:this.getEffectiveMode()}}))},setMode(t){let e=this.save({mode:t});this.apply(e)},async setBrand(t){try{await k(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:i="",gradDir:r=""}={}){let n=this.save({pageBgType:t,pageBgColor:e,pageBgGradStart:a,pageBgGradEnd:i,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:i,iconSet:r,fluid:n,backdrop:s,backdropChrome:c,pageBgType:l,pageBgColor:u,pageBgGradStart:h,pageBgGradEnd:d,pageBgGradDir:o}=this.load();return{mode:t,brand:e,accent:a,borderStyle:i,iconSet:r,fluid:n,backdrop:s,backdropChrome:c,pageBgType:l,pageBgColor:u,pageBgGradStart:h,pageBgGradEnd:d,pageBgGradDir:o,effectiveMode:this.getEffectiveMode()}},toggleMode(){let e=this.getEffectiveMode()==="dark"?"light":"dark";this.setMode(e)},reset(){try{localStorage.removeItem(O)}catch{}let t=document.documentElement;t.style.removeProperty("--page-bg-color"),t.style.removeProperty("--page-bg-gradient");for(let e of J)t.style.removeProperty(e);this.apply(T)},_readCSSHint(t){return getComputedStyle(document.documentElement).getPropertyValue(t).trim()},_applyAccent(t){let e=document.documentElement,a=y.find(i=>i.id===t);for(let i of J)e.style.removeProperty(i);if(!(!a||!a.seeds||Object.keys(a.seeds).length===0)){for(let[i,r]of Object.entries(a.seeds))e.style.setProperty(i,String(r));if(a.seedsDark&&this.getEffectiveMode()==="dark")for(let[i,r]of Object.entries(a.seedsDark))e.style.setProperty(i,String(r))}},_watchSystemPreference(){window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",()=>{let e=this.load();e.mode==="auto"&&this.apply(e)})}};var f=null,Q="vb-extensions",b={motionFx:!0,sounds:!1},Z="vb-a11y-themes",I=class t extends S{static#n=200;#t;#e;#a=!1;#s=!1;#u=!1;#c=null;#p=!1;#i=()=>this.#b();setup(){this.#s=this.getAttribute("variant")==="inline",this.#u=this.hasAttribute("compact"),this.#v(),this.#T(),this.#w(),this.listen(window,"vb:theme-change",this.#O),this.#y(),this.#d()}teardown(){window.removeEventListener("scroll",this.#i,{capture:!0}),window.removeEventListener("resize",this.#i),this.#m()}#v(){this.#s||(this.#t=this.querySelector(":scope > [data-trigger]"),this.#t||(this.#t=this.querySelector(":scope > button")),this.#t||(this.#t=document.createElement("button"),this.#t.setAttribute("data-trigger",""),this.#t.innerHTML=`
+          <icon-wc name="palette" label="Theme settings"></icon-wc>
+        `,this.prepend(this.#t)),this.#t.setAttribute("aria-haspopup","dialog"),this.#t.setAttribute("aria-expanded","false")),this.#e=document.createElement("div"),this.#e.className="panel",this.#e.setAttribute("role","dialog"),this.#e.setAttribute("aria-label","Theme settings"),this.#s||(this.#e.id=`theme-panel-${crypto.randomUUID().slice(0,8)}`,this.#t.setAttribute("aria-controls",this.#e.id)),this.#e.innerHTML=this.#E(),this.appendChild(this.#e)}#E(){return this.#u?this.#$():this.#S()}#h(e,a){let i=e.swatchBg,r=e.swatchFg||"white",n=e.icon||"";return`
+      <label class="swatch-cell" title="${e.character?`${e.name} \u2014 ${e.character}`:e.name}">
+        <input
+          type="radio"
+          name="theme-brand"
+          value="${e.id}"
+          ${a===e.id?"checked":""}
+        />
+        <span class="swatch-visual" style="--swatch-bg: ${i}; --swatch-fg: ${r}">
+          ${n?`<icon-wc name="${n}"></icon-wc>`:""}
+          <span class="sr-only">${e.name}</span>
+        </span>
+      </label>
+    `}#S(){let{mode:e,brand:a,fluid:i,accent:r}=m.getState(),n=L.filter(s=>s.tier==="showcase");return`
+      <fieldset class="section">
+        <legend>Color Mode</legend>
+        <div class="options" role="radiogroup" aria-label="Color mode">
+          ${x.map(s=>`
+            <label class="option">
+              <input
+                type="radio"
+                name="theme-mode"
+                value="${s.id}"
+                ${e===s.id?"checked":""}
+              />
+              <span class="option-content">
+                <icon-wc name="${s.icon}"></icon-wc>
+                <span>${s.name}</span>
+              </span>
+            </label>
+          `).join("")}
+        </div>
+      </fieldset>
+
+      <fieldset class="section">
+        <legend>Color Accent</legend>
+        <div class="options options--accent-dots" role="radiogroup" aria-label="Color accent">
+          ${y.map(s=>`
+            <label class="accent-dot" title="${s.name}">
+              <input type="radio" name="theme-accent" value="${s.id}" ${r===s.id?"checked":""} />
+              <span class="accent-dot-visual" style="background: ${s.swatchBg}"></span>
+              <span class="sr-only">${s.name}</span>
+            </label>
+          `).join("")}
+        </div>
+      </fieldset>
+
+      <fieldset class="section">
+        <legend>Style</legend>
+        <div class="options options--swatch-grid" role="radiogroup" aria-label="Style">
+          ${$.map(s=>this.#h(s,a)).join("")}
+        </div>
+      </fieldset>
+
+      <fieldset class="section">
+        <legend>Featured</legend>
+        ${n.map(s=>`
+          <div class="theme-category">
+            <span class="category-label">${s.label}</span>
+            <div class="options options--swatch-grid">
+              ${s.themes.map(c=>this.#h(c,a)).join("")}
+            </div>
+          </div>
+        `).join("")}
+      </fieldset>
+
+      <details class="section section--more-themes">
+        <summary class="more-themes-toggle">
+          <span>More Themes</span>
+          <icon-wc name="chevron-down" class="chevron"></icon-wc>
+        </summary>
+        <div class="options options--swatch-grid">
+          ${w.map(s=>this.#h(s,a)).join("")}
+        </div>
+      </details>
+
+      <fieldset class="section section--a11y">
+        <legend>Accessibility</legend>
+        <div class="options options--a11y" aria-label="Accessibility themes">
+          ${F.map(s=>{let l=this.#l().includes(s.id);return`
+            <label class="option option--a11y">
+              <input
+                type="checkbox"
+                name="a11y-theme"
+                value="${s.id}"
+                data-a11y-theme="${s.id}"
+                ${l?"checked":""}
+              />
+              <span class="option-content">
+                <icon-wc name="${s.icon}"></icon-wc>
+                <span class="option-label">${s.name}</span>
+              </span>
+            </label>
+          `}).join("")}
+        </div>
+      </fieldset>
+
+      <fieldset class="section">
+        <legend>Sizing</legend>
+        <div class="options options--sizing" role="radiogroup" aria-label="Fluid sizing">
+          ${M.map(s=>`
+            <label class="option option--sizing">
+              <input
+                type="radio"
+                name="theme-fluid"
+                value="${s.id}"
+                ${i===s.id?"checked":""}
+              />
+              <span class="option-content">
+                <icon-wc name="${s.icon}"></icon-wc>
+                <span class="option-text">
+                  <span>${s.name}</span>
+                  <small>${s.description}</small>
+                </span>
+              </span>
+            </label>
+          `).join("")}
+        </div>
+      </fieldset>
+
+      <details class="section section--extensions" ${this.#p?"open":""}>
+        <summary class="extensions-toggle">
+          <icon-wc name="sliders-horizontal"></icon-wc>
+          <span>Extensions</span>
+          <icon-wc name="chevron-down" class="chevron"></icon-wc>
+        </summary>
+        <div class="extensions-content">
+          ${P.map(s=>{let l=this.#o()[s.id]??b[s.id];return`
+            <label class="extension-toggle">
+              <span class="extension-info">
+                <icon-wc name="${s.icon}"></icon-wc>
+                <span class="extension-name">${s.name}</span>
+              </span>
+              <input
+                type="checkbox"
+                name="ext-${s.id}"
+                data-extension="${s.id}"
+                data-switch="sm"
+                ${l?"checked":""}
+              />
+            </label>
+          `}).join("")}
+        </div>
+      </details>
+    `}#$(){let{mode:e,brand:a,fluid:i,accent:r}=m.getState(),n=this.#l(),s=this.#o();return`
+      <fieldset class="section">
+        <legend>Color Mode</legend>
+        <div class="compact-segmented" role="radiogroup" aria-label="Color mode">
+          ${x.map(c=>`
+            <label class="compact-seg">
+              <input type="radio" name="theme-mode" value="${c.id}" ${e===c.id?"checked":""} />
+              <span><icon-wc name="${c.icon}" size="xs"></icon-wc> ${c.name}</span>
+            </label>
+          `).join("")}
+        </div>
+      </fieldset>
+
+      <fieldset class="section">
+        <legend>Color Accent</legend>
+        <select class="compact-select" name="theme-accent-select" aria-label="Color accent">
+          ${y.map(c=>`
+            <option value="${c.id}" ${r===c.id?"selected":""}>${c.name}</option>
+          `).join("")}
+        </select>
+      </fieldset>
+
+      <fieldset class="section">
+        <legend>Theme</legend>
+        <select class="compact-select" name="theme-brand-select" aria-label="Theme">
+          ${L.map(c=>`
+            <optgroup label="${c.label}">
+              ${c.themes.map(l=>`
+                <option value="${l.id}" ${a===l.id?"selected":""}>${l.name}</option>
+              `).join("")}
+            </optgroup>
+          `).join("")}
+        </select>
+      </fieldset>
+
+      <fieldset class="section">
+        <legend>Sizing</legend>
+        <select class="compact-select" name="theme-fluid-select" aria-label="Sizing">
+          ${M.map(c=>`
+            <option value="${c.id}" ${i===c.id?"selected":""}>${c.name}</option>
+          `).join("")}
+        </select>
+      </fieldset>
+
+      <fieldset class="section">
+        <legend>Accessibility</legend>
+        <div class="compact-toggles">
+          ${F.map(c=>`
+            <label class="extension-toggle">
+              <span class="extension-info">
+                <span class="extension-name">${c.name}</span>
+              </span>
+              <input type="checkbox" name="a11y-theme" value="${c.id}" data-a11y-theme="${c.id}" data-switch="sm" ${n.includes(c.id)?"checked":""} />
+            </label>
+          `).join("")}
+        </div>
+      </fieldset>
+
+      <fieldset class="section">
+        <legend>Extensions</legend>
+        <div class="compact-toggles">
+          ${P.map(c=>`
+            <label class="extension-toggle">
+              <span class="extension-info">
+                <span class="extension-name">${c.name}</span>
+              </span>
+              <input type="checkbox" name="ext-${c.id}" data-extension="${c.id}" data-switch="sm" ${s[c.id]??b[c.id]?"checked":""} />
+            </label>
+          `).join("")}
+        </div>
+      </fieldset>
+    `}#T(){this.#e.querySelectorAll('input[name="theme-mode"]').forEach(n=>{n.addEventListener("change",this.#k)}),this.#e.querySelectorAll('input[name="theme-brand"]').forEach(n=>{n.addEventListener("change",this.#x)});let e=this.#e.querySelector('select[name="theme-brand-select"]');e&&e.addEventListener("change",this.#_),this.#e.querySelectorAll('input[name="theme-fluid"]').forEach(n=>{n.addEventListener("change",this.#g)});let a=this.#e.querySelector('select[name="theme-fluid-select"]');a&&a.addEventListener("change",this.#g),this.#e.querySelectorAll('input[name="theme-accent"]').forEach(n=>{n.addEventListener("change",this.#f)});let i=this.#e.querySelector('select[name="theme-accent-select"]');i&&i.addEventListener("change",this.#f),this.#e.querySelectorAll("input[data-extension]").forEach(n=>{n.addEventListener("change",this.#M)}),this.#e.querySelectorAll("input[data-a11y-theme]").forEach(n=>{n.addEventListener("change",this.#L)}),this.#e.querySelector(".section--extensions")?.addEventListener("toggle",n=>{this.#p=n.target.open}),this.#s||(this.listen(this.#t,"click",this.#C),this.listen(document,"click",this.#A),this.listen(document,"keydown",this.#B))}#C=e=>{e.stopPropagation(),this.toggle()};#A=e=>{this.#a&&!this.contains(e.target)&&this.close()};#B=e=>{e.key==="Escape"&&this.#a&&(e.preventDefault(),this.close(),this.#t?.focus())};#k=e=>{m.setMode(e.target.value),this.#r()};#x=async e=>{let a=e.target.closest(".swatch-cell");a&&a.setAttribute("aria-busy","true");try{await m.setBrand(e.target.value)}catch{console.warn("[VB] Theme load failed, using default")}finally{a&&a.removeAttribute("aria-busy")}this.#d(),this.#r()};#_=async e=>{let a=e.target;a.disabled=!0;try{await m.setBrand(a.value)}catch{console.warn("[VB] Theme load failed, using default")}finally{a.disabled=!1}this.#d(),this.#r()};#g=e=>{m.setFluid(e.target.value),this.#r()};#f=e=>{m.setAccent(e.target.value),this.#r()};#M=e=>{let a=e.target.dataset.extension,i=e.target.checked;this.#F(a,i),this.#y()};#o(){try{let e=localStorage.getItem(Q);return e?{...b,...JSON.parse(e)}:{...b}}catch{return{...b}}}#F(e,a){try{let i=this.#o();i[e]=a,localStorage.setItem(Q,JSON.stringify(i))}catch{}}async#y(){let e=this.#o(),a=document.documentElement;e.motionFx?delete a.dataset.motionReduced:a.dataset.motionReduced="",e.sounds?(f||(f=(await Promise.resolve().then(()=>(X(),W))).SoundManager),f.init(),f.enable()):f&&f.disable(),window.dispatchEvent(new CustomEvent("vb:extensions-change",{detail:e}))}#l(){try{let e=localStorage.getItem(Z);return e?JSON.parse(e):[]}catch{return[]}}#P(e){try{localStorage.setItem(Z,JSON.stringify(e))}catch{}}#d(){let e=this.#l(),{brand:a}=m.getState(),i=document.documentElement,r=a==="default"?e.join(" "):[a,...e].join(" "),n=i.dataset.theme||"";r!==n&&(r?i.dataset.theme=r:delete i.dataset.theme)}#L=e=>{let a=e.target.dataset.a11yTheme,i=e.target.checked,r=this.#l();if(i&&!r.includes(a))r.push(a);else if(!i&&r.includes(a)){let n=r.indexOf(a);r.splice(n,1)}this.#P(r),this.#d()};#r(){this.#s||(this.#m(),this.#c=setTimeout(()=>{this.close(),this.#t?.focus()},t.#n))}#m(){this.#c&&(clearTimeout(this.#c),this.#c=null)}#O=()=>{this.#w()};#w(){let{mode:e,brand:a,fluid:i,accent:r}=m.getState(),n=this.#e.querySelector(`input[name="theme-mode"][value="${e}"]`);n&&(n.checked=!0);let s=this.#e.querySelector(`input[name="theme-brand"][value="${a}"]`);s&&(s.checked=!0);let c=this.#e.querySelector('select[name="theme-brand-select"]');c&&(c.value=a);let l=this.#e.querySelector(`input[name="theme-fluid"][value="${i}"]`);l&&(l.checked=!0);let u=this.#e.querySelector('select[name="theme-fluid-select"]');u&&(u.value=i);let h=this.#e.querySelector(`input[name="theme-accent"][value="${r||"default"}"]`);h&&(h.checked=!0);let d=this.#e.querySelector('select[name="theme-accent-select"]');d&&(d.value=r||"default")}open(){this.#s||this.#a||(this.#a=!0,this.setAttribute("open",""),this.#t?.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>{this.#b(),window.addEventListener("scroll",this.#i,{capture:!0,passive:!0}),window.addEventListener("resize",this.#i,{passive:!0}),this.#e.querySelector('input[type="radio"]:checked')?.focus()}),this.dispatchEvent(new CustomEvent("theme-picker:open",{bubbles:!0})))}#b(){if(!this.#t||!this.#e)return;let e=this.#t.getBoundingClientRect(),a=this.#e.getBoundingClientRect(),i=window.visualViewport||{width:window.innerWidth,height:window.innerHeight},r=i.height,n=i.width,s=8,c=16,l=r-e.bottom-c,u=e.top-c,h=e.height+s;l<a.height&&u>l?(h=-a.height-s,this.#e.dataset.position="top"):delete this.#e.dataset.position;let d=0,o=e.left+a.width+c,q=e.left+d;o>n&&(d=n-o),q+d<c&&(d=c-e.left),this.#e.style.setProperty("--panel-top",`${h}px`),this.#e.style.setProperty("--panel-left",`${d}px`)}close(){this.#s||!this.#a||(this.#m(),this.#a=!1,this.removeAttribute("open"),this.#t?.setAttribute("aria-expanded","false"),window.removeEventListener("scroll",this.#i,{capture:!0}),window.removeEventListener("resize",this.#i),this.dispatchEvent(new CustomEvent("theme-picker:close",{bubbles:!0})))}toggle(){this.#a?this.close():this.open()}get isOpen(){return this.#a}};G("theme-picker",I);export{I as ThemePicker};
+//# sourceMappingURL=theme-picker.js.map