vanilla-breeze 0.3.0 → 0.4.0

package/dist/cdn/packs/ui.full.js

@@ -1,33 +1,33 @@
-var pe=Object.defineProperty;var fe=(t,e)=>()=>(t&&(e=t(t=0)),e);var ge=(t,e)=>{for(var a in e)pe(t,a,{get:e[a],enumerable:!0})};var le={};ge(le,{SoundManager:()=>$e});var ce,W,$e,de=fe(()=>{ce="vb-sound",W={enabled:!1,volume:.5},$e={_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(ce);return t?{...W,...JSON.parse(t)}:{...W}}catch{return{...W}}},_save(t){try{let e=this._load();localStorage.setItem(ce,JSON.stringify({...e,...t}))}catch{}},_playTone(t,e,a="sine"){if(!this._enabled)return;let s=this._getContext(),r=s.createOscillator(),i=s.createGain();r.connect(i),i.connect(s.destination),r.frequency.value=t,r.type=a,i.gain.value=this._volume*.3,r.start(),i.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 Ce=window.matchMedia("(prefers-reduced-motion: reduce)");var Z=new Map;function ee(t,e,a={}){let s=a.priority??10,r={impl:e,bundle:a.bundle,contract:a.contract,priority:s},i=Z.get(t);if(customElements.get(t)){if(!i||i.priority>=s){i&&i.priority===s&&i.impl!==e&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${i.bundle}" (priority ${i.priority}). Skipping "${a.bundle}".`);return}console.warn(`[VB Bundle] Tag <${t}> defined by "${i.bundle}" cannot be replaced (customElements.define is permanent). "${a.bundle}" has higher priority but arrived late.`);return}if(i&&i.priority>=s){i.priority===s&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${i.bundle}". Skipping "${a.bundle}" (first wins at equal priority).`);return}Z.set(t,r),customElements.define(t,e)}var x=class extends HTMLElement{#i=[];#t;connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&(this.setAttribute("data-upgraded",""),queueMicrotask(()=>{this.dispatchEvent(new CustomEvent(`${this.localName}:upgraded`,{bubbles:!0}))}))}disconnectedCallback(){for(let e of this.#i)e();this.#i=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,a,s,r){e.addEventListener(a,s,r),this.#i.push(()=>e.removeEventListener(a,s,r))}setup(){}teardown(){}setState(e,a){this.#t||(this.#t=this.attachInternals());let s=this.#t.states;try{a?s.add(e):s.delete(e)}catch{let r=`--${e}`;a?s.add(r):s.delete(r)}}_adoptInternals(e){this.#t||(this.#t=e)}};var v=new Map,R=new Map;var te=null;function ae(){if(typeof window<"u"&&window.__VB_THEME_BASE)return String(window.__VB_THEME_BASE).replace(/\/$/,"");if(te)return te;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 ye=new Set(["default","a11y-high-contrast","a11y-large-text","a11y-dyslexia","modern","minimal","classic"]),we=new Set(["kawaii","memphis"]);function H(t){return we.has(t)}function be(t,e){return`${e}/themes/${t}.css`}function se(t,e){if(!H(t))return Promise.resolve();if(R.has(t))return R.get(t);let a=import(`${e}/packs/${t}.full.js`).catch(()=>{});return R.set(t,a),a}function ve(t,e){let a=ae(),s=()=>{(H(e)||t.hasAttribute("data-vb-pack"))&&se(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,i)=>{let n=()=>{t.setAttribute("data-vb-theme-state","ready"),c(),s(),r(void 0)},o=()=>{t.setAttribute("data-vb-theme-state","error"),v.delete(e),c(),i(new Error(`Failed to load theme: ${e}`))},c=()=>{t.removeEventListener("load",n),t.removeEventListener("error",o)};t.addEventListener("load",n,{once:!0}),t.addEventListener("error",o,{once:!0})})}async function $(t){if(!t||ye.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=ve(s,t);return v.set(t,r),r}}let e=ae(),a=H(t)?Se(t,e):Ee(t,e);return v.set(t,a),a}async function Ee(t,e){let a=be(t,e);return new Promise((s,r)=>{let i=document.querySelector(`link[data-vb-theme-preload="${t}"]`);i&&i.remove();let n=document.createElement("link");n.rel="stylesheet",n.href=a,n.setAttribute("data-vb-theme",t),n.setAttribute("data-vb-theme-state","loading"),n.onload=()=>{n.setAttribute("data-vb-theme-state","ready"),s()},n.onerror=()=>{n.setAttribute("data-vb-theme-state","error"),n.remove(),v.delete(t),r(new Error(`Failed to load theme: ${t}`))},document.head.appendChild(n)})}function Se(t,e){let a=`${e}/packs/${t}.theme.css`,s=`${e}/packs/${t}.effects.css`;return new Promise((r,i)=>{let n=document.querySelector(`link[data-vb-theme-preload="${t}"]`);n&&n.remove();let o=document.createElement("link");o.rel="stylesheet",o.href=a,o.setAttribute("data-vb-theme",t),o.setAttribute("data-vb-pack",t),o.setAttribute("data-vb-theme-state","loading"),o.onload=()=>{o.setAttribute("data-vb-theme-state","ready");let c=document.createElement("link");c.rel="stylesheet",c.href=s,c.setAttribute("data-vb-pack-effects",t),document.head.appendChild(c),se(t,e),r()},o.onerror=()=>{o.setAttribute("data-vb-theme-state","error"),o.remove(),v.delete(t),i(new Error(`Failed to load pack: ${t}`))},document.head.appendChild(o)})}var j=[{id:"auto",name:"Auto",icon:"monitor"},{id:"light",name:"Light",icon:"sun"},{id:"dark",name:"Dark",icon:"moon"}],T=[{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}}],M=[{id:"default",name:"Default",hue:210,shape:"balanced",character:"The default",swatchBg:"#3b82f6",tier:"core"},{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"}],q=[{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:"journal",name:"Journal",icon:"notebook-pen",character:"Dot-grid bullet journal",swatchBg:"#f3ecdc",swatchFg:"#27313f",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:"magna",name:"Magna",icon:"orbit",character:"Odyssey 2 retro",swatchBg:"#0d0b14",swatchFg:"#f97316",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"}],A=[{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"}],ne=[{id:"kawaii",name:"Kawaii",icon:"heart",character:"Cute aesthetic",swatchBg:"#ffb7c5",swatchFg:"#ff69b4",tier:"showcase",category:"Packs"},{id:"memphis",name:"Memphis",icon:"star",character:"Bold patterns",swatchBg:"#FFF8F0",swatchFg:"#d03040",tier:"showcase",category:"Packs"}],V=[{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"}],z=[{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"}],G=[{id:"motionFx",name:"Motion Effects",icon:"sparkles",description:"Hover & enter animations"},{id:"sounds",name:"Sound Effects",icon:"volume-2",description:"Audio feedback"}],Pe=[...q,...A],De=[...M,...q,...A,...ne],E=t=>q.filter(e=>e.category===t),N=[{label:"Style",themes:M,tier:"core"},{label:"Design",themes:E("Design"),tier:"showcase"},{label:"Content",themes:E("Content"),tier:"showcase"},{label:"Modern",themes:E("Modern"),tier:"showcase"},{label:"Creative",themes:E("Creative"),tier:"showcase"},{label:"Aesthetic",themes:E("Aesthetic"),tier:"showcase"},{label:"Signature",themes:E("Signature"),tier:"showcase"},{label:"OS Styles",themes:E("OS Styles"),tier:"showcase"},{label:"Packs",themes:ne,tier:"showcase"},{label:"More Themes",themes:A,tier:"community"}];function _e(){let t=globalThis.localStorage;if(!t)throw new Error("VBStore: localStorage is not available in this environment");return{async getRaw(e){return t.getItem(e)},async setRaw(e,a){t.setItem(e,a)},async removeRaw(e){t.removeItem(e)},async keys(e){let a=[];for(let s=0;s<t.length;s++){let r=t.key(s);r&&r.startsWith(e)&&a.push(r)}return a}}}var F=null;function f(){return F||(F=_e()),F}function U(t,e){if(typeof t!="string"||!t)throw new TypeError("VBStore: namespace must be a non-empty string");if(typeof e!="string"||!e)throw new TypeError("VBStore: key must be a non-empty string");return`vb:${t}:${e}`}function ie(t){if(typeof t!="string"||!t)throw new TypeError("VBStore: namespace must be a non-empty string");return`vb:${t}:`}function re(t){try{let e=JSON.parse(t);if(e&&typeof e=="object"&&typeof e.timestamp=="number")return e}catch{}return null}var h={configure(t={}){F=t.backend??null},async set(t,e,a){let s={data:a,timestamp:Date.now()};await f().setRaw(U(t,e),JSON.stringify(s))},async get(t,e,a){let s=await f().getRaw(U(t,e));if(s==null)return null;let r=re(s);return!r||a?.maxAge!=null&&Date.now()-r.timestamp>a.maxAge?null:r.data},async remove(t,e){await f().removeRaw(U(t,e))},async list(t){let e=ie(t),a=await f().keys(e),s=[];for(let r of a){let i=await f().getRaw(r);if(i==null)continue;let n=re(i);n&&s.push({key:r.slice(e.length),data:n.data,timestamp:n.timestamp})}return s},async clear(t){let e=ie(t),a=await f().keys(e);for(let s of a)await f().removeRaw(s)},async clearAll(){let t=await f().keys("vb:");for(let e of t)await f().removeRaw(e)},async setMany(t,e){for(let[a,s]of e)await h.set(t,a,s)}};var P="theme",D="current",g={mode:"auto",brand:"default",accent:"default",borderStyle:"",iconSet:"",fluid:"",backdrop:"",backdropChrome:"",pageBgType:"",pageBgColor:"",pageBgGradStart:"",pageBgGradEnd:"",pageBgGradDir:""};function ke(t,e){return t?t.brand||g.brand:(e||"").split(/\s+/).find(s=>s&&!s.startsWith("a11y-"))||g.brand}var oe=["--hue-primary","--hue-secondary","--hue-accent","--lightness-primary","--chroma-primary","--lightness-secondary","--chroma-secondary","--lightness-accent","--chroma-accent"],d=null,u={_initPromise:null,async init(){return this._initPromise?this._initPromise:(this._initPromise=(async()=>{let t=await h.get(P,D);d=t?{...g,...t}:{...g},d.brand=ke(t,document.documentElement.dataset.theme);try{await $(d.brand)}catch{d.brand="default"}return this.apply(d),this._watchSystemPreference(),this._watchRootAttributes(),this._watchCrossDocumentStorage(),d})(),this._initPromise)},_watchCrossDocumentStorage(){typeof window>"u"||window.addEventListener("storage",async t=>{if(t.key!==`vb:${P}:${D}`||!t.newValue)return;let e;try{e=JSON.parse(t.newValue)?.data}catch{return}if(!e||typeof e!="object")return;let a={...g,...d,...e};if(a.brand&&a.brand!==d?.brand)try{await $(a.brand)}catch{a.brand="default"}d=a,this.apply(d||{})})},load(){return d?{...d}:{...g}},save(t){let e={...d??g,...t};return d=e,h.set(P,D,e).catch(()=>{}),e},apply({mode:t="auto",brand:e="default",borderStyle:a="",iconSet:s="",fluid:r="",backdrop:i="",backdropChrome:n="",pageBgType:o="",pageBgColor:c="",pageBgGradStart:p="",pageBgGradEnd:m="",pageBgGradDir:y=""}={}){let l=document.documentElement;l.dataset.mode=t==="auto"?this.getEffectiveMode():t;let k=(l.dataset.theme||"").split(" ").filter(I=>I.startsWith("a11y-")),K=e!=="default"?[e,...k]:[...k];K.length?l.dataset.theme=K.join(" "):delete l.dataset.theme;let B=a||this._readCSSHint("--theme-border-style");B&&B!=="clean"?l.dataset.borderStyle=B:delete l.dataset.borderStyle;let C=s||this._readCSSHint("--theme-icon-set");if(C&&C!=="lucide"?l.dataset.iconSet=C:delete l.dataset.iconSet,r?l.dataset.fluid=r:delete l.dataset.fluid,i?l.dataset.backdrop=i:delete l.dataset.backdrop,n&&n!=="card"?l.dataset.backdropChrome=n:delete l.dataset.backdropChrome,o==="color"&&c)l.style.setProperty("--page-bg-color",c),l.style.removeProperty("--page-bg-gradient");else if(o==="gradient"&&p&&m){let I=y||"to bottom";l.style.setProperty("--page-bg-gradient",`linear-gradient(${I}, ${p}, ${m})`),l.style.removeProperty("--page-bg-color")}else l.style.removeProperty("--page-bg-color"),l.style.removeProperty("--page-bg-gradient");let Q=this.load().accent||"default";this._applyAccent(Q),window.dispatchEvent(new CustomEvent("vb:theme-change",{detail:{mode:t,brand:e,accent:Q,borderStyle:B,iconSet:C,fluid:r,backdrop:i,backdropChrome:n,pageBgType:o,effectiveMode:this.getEffectiveMode()}}))},setMode(t){let e=this.save({mode:t});this.apply(e)},async setBrand(t){try{await $(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){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 i=this.save({pageBgType:t,pageBgColor:e,pageBgGradStart:a,pageBgGradEnd:s,pageBgGradDir:r});this.apply(i)},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:i,backdrop:n,backdropChrome:o,pageBgType:c,pageBgColor:p,pageBgGradStart:m,pageBgGradEnd:y,pageBgGradDir:l}=this.load();return{mode:t,brand:e,accent:a,borderStyle:s,iconSet:r,fluid:i,backdrop:n,backdropChrome:o,pageBgType:c,pageBgColor:p,pageBgGradStart:m,pageBgGradEnd:y,pageBgGradDir:l,effectiveMode:this.getEffectiveMode()}},toggleMode(){let e=this.getEffectiveMode()==="dark"?"light":"dark";this.setMode(e)},reset(){d={...g},h.remove(P,D).catch(()=>{});let t=document.documentElement;t.style.removeProperty("--page-bg-color"),t.style.removeProperty("--page-bg-gradient");for(let e of oe)t.style.removeProperty(e);this.apply(g)},_readCSSHint(t){return getComputedStyle(document.documentElement).getPropertyValue(t).trim()},_applyAccent(t){let e=document.documentElement,a=T.find(s=>s.id===t);for(let s of oe)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))}},_watchRootAttributes(){this._rootObserver||(this._rootObserver=new MutationObserver(t=>{for(let e of t)e.attributeName==="data-theme"?this._syncFromDataTheme():e.attributeName==="data-mode"&&this._syncFromDataMode()}),this._rootObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme","data-mode"]}))},_syncFromDataTheme(){if(!d)return;let a=(document.documentElement.dataset.theme||"").split(/\s+/).filter(Boolean).find(s=>!s.startsWith("a11y-"))||"default";a!==d.brand&&(d.brand=a,$(a).catch(()=>{}),window.dispatchEvent(new CustomEvent("vb:theme-change",{detail:{...this.getState()}})))},_syncFromDataMode(){if(!d)return;let t=document.documentElement.dataset.mode||"auto",e=d.mode==="auto"?this.getEffectiveMode():d.mode;t!==e&&(d.mode=t,window.dispatchEvent(new CustomEvent("vb:theme-change",{detail:{...this.getState()}})))},_watchSystemPreference(){window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",()=>{let e=this.load();e.mode==="auto"&&this.apply(e)})}};var _=null,O="settings",L={motionFx:!0,sounds:!1},Y=null;function Te(){return Y||(Y=fetch("/cdn/themes/manifest.json",{credentials:"same-origin"}).then(t=>t.ok?t.json():null).catch(()=>null)),Y}var X=class t extends x{static#i=200;#t;#e;#a=!1;#s=!1;#f=!1;#c=null;#g=!1;#l=[];#r={...L};#n=()=>this.#S();setup(){return this.#s=this.getAttribute("variant")==="inline",this.#f=this.hasAttribute("compact"),this.#_(),!0}async#_(){await Promise.all([u.init(),this.#k()]),this.#$(),this.#C(),this.#v(),this.#q(),this.listen(window,"vb:theme-change",this.#j),this.#b(),this.#h()}async#k(){let[e,a]=await Promise.all([h.get(O,"a11y"),h.get(O,"extensions")]);this.#l=Array.isArray(e)?e:[],this.#r={...L,...a??{}}}teardown(){window.removeEventListener("scroll",this.#n,{capture:!0}),window.removeEventListener("resize",this.#n),this.#p()}#$(){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=`
+var ve=Object.defineProperty;var Ee=(e,t)=>()=>(e&&(t=e(e=0)),t);var Se=(e,t)=>{for(var a in t)ve(e,a,{get:t[a],enumerable:!0})};var fe={};Se(fe,{SoundManager:()=>Be});var pe,X,Be,ge=Ee(()=>{pe="vb-sound",X={enabled:!1,volume:.5},Be={_ctx:null,_enabled:!1,_volume:.5,_initialized:!1,init(){if(this._initialized)return this;let e=this._load();return this._enabled=e.enabled,this._volume=e.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 e=localStorage.getItem(pe);return e?{...X,...JSON.parse(e)}:{...X}}catch{return{...X}}},_save(e){try{let t=this._load();localStorage.setItem(pe,JSON.stringify({...t,...e}))}catch{}},_playTone(e,t,a="sine"){if(!this._enabled)return;let s=this._getContext(),n=s.createOscillator(),r=s.createGain();n.connect(r),r.connect(s.destination),n.frequency.value=e,n.type=a,r.gain.value=this._volume*.3,n.start(),r.gain.exponentialRampToValueAtTime(.01,s.currentTime+t),n.stop(s.currentTime+t)},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(e){this._volume=Math.max(0,Math.min(1,e)),this._save({volume:this._volume})},getVolume(){return this._volume},play(e){if(this._enabled)switch(e){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 Fe=window.matchMedia("(prefers-reduced-motion: reduce)");var te=new Map;function ae(e,t,a={}){let s=a.priority??10,n={impl:t,bundle:a.bundle,contract:a.contract,priority:s},r=te.get(e);if(customElements.get(e)){if(!r||r.priority>=s){r&&r.priority===s&&r.impl!==t&&console.warn(`[VB Bundle] Tag <${e}> already registered by "${r.bundle}" (priority ${r.priority}). Skipping "${a.bundle}".`);return}console.warn(`[VB Bundle] Tag <${e}> defined by "${r.bundle}" cannot be replaced (customElements.define is permanent). "${a.bundle}" has higher priority but arrived late.`);return}if(r&&r.priority>=s){r.priority===s&&console.warn(`[VB Bundle] Tag <${e}> already registered by "${r.bundle}". Skipping "${a.bundle}" (first wins at equal priority).`);return}te.set(e,n),customElements.define(e,t)}var M=class extends HTMLElement{#i=[];#t;connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&(this.setAttribute("data-upgraded",""),queueMicrotask(()=>{this.dispatchEvent(new CustomEvent(`${this.localName}:upgraded`,{bubbles:!0}))}))}disconnectedCallback(){for(let t of this.#i)t();this.#i=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,a,s,n){t.addEventListener(a,s,n),this.#i.push(()=>t.removeEventListener(a,s,n))}setup(){}teardown(){}setState(t,a){this.#t||(this.#t=this.attachInternals());let s=this.#t.states;try{a?s.add(t):s.delete(t)}catch{let n=`--${t}`;a?s.add(n):s.delete(n)}}_adoptInternals(t){this.#t||(this.#t=t)}};var w=new Map,q=new Map;var se=null;function j(){if(typeof window<"u"&&window.__VB_THEME_BASE)return String(window.__VB_THEME_BASE).replace(/\/$/,"");if(se)return se;if(typeof document<"u"){let e=document.querySelectorAll('script[src*="vanilla-breeze"]');for(let t of e){let a=t.getAttribute("src");if(a){let s=a.lastIndexOf("/");if(s!==-1)return a.slice(0,s)}}}return"/cdn"}var ne=new Set(["default","a11y-high-contrast","a11y-large-text","a11y-dyslexia","modern","minimal","classic"]),_e=new Set(["kawaii","memphis"]);function F(e){return _e.has(e)}function ie(e,t){return`${t}/themes/${e}.css`}function re(e,t){if(!F(e))return Promise.resolve();if(q.has(e))return q.get(e);let a=import(`${t}/packs/${e}.full.js`).catch(()=>{});return q.set(e,a),a}function ke(e,t){let a=j(),s=()=>{(F(t)||e.hasAttribute("data-vb-pack"))&&re(t,a)};return e.getAttribute("data-vb-theme-state")==="error"?Promise.reject(new Error(`Failed to load theme: ${t}`)):e.getAttribute("data-vb-theme-state")==="ready"||e.sheet?(s(),Promise.resolve()):new Promise((n,r)=>{let i=()=>{e.setAttribute("data-vb-theme-state","ready"),c(),s(),n(void 0)},o=()=>{e.setAttribute("data-vb-theme-state","error"),w.delete(t),c(),r(new Error(`Failed to load theme: ${t}`))},c=()=>{e.removeEventListener("load",i),e.removeEventListener("error",o)};e.addEventListener("load",i,{once:!0}),e.addEventListener("error",o,{once:!0})})}async function $(e){if(!e||ne.has(e))return;if(w.has(e))return w.get(e);if(typeof document<"u"){let s=document.querySelector(`link[data-vb-theme="${e}"]`);if(s){let n=ke(s,e);return w.set(e,n),n}}let t=j(),a=F(e)?$e(e,t):Te(e,t);return w.set(e,a),a}function oe(e){if(!e||ne.has(e)||F(e)||w.has(e)||typeof document>"u"||document.querySelector(`link[data-vb-theme="${e}"]`))return;let a=j(),s=ie(e,a),n=document.createElement("link");n.rel="preload",n.as="style",n.href=s,n.setAttribute("data-vb-theme-preload",e),document.head.appendChild(n)}async function Te(e,t){let a=ie(e,t);return new Promise((s,n)=>{let r=document.querySelector(`link[data-vb-theme-preload="${e}"]`);r&&r.remove();let i=document.createElement("link");i.rel="stylesheet",i.href=a,i.setAttribute("data-vb-theme",e),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(),w.delete(e),n(new Error(`Failed to load theme: ${e}`))},document.head.appendChild(i)})}function $e(e,t){let a=`${t}/packs/${e}.theme.css`,s=`${t}/packs/${e}.effects.css`;return new Promise((n,r)=>{let i=document.querySelector(`link[data-vb-theme-preload="${e}"]`);i&&i.remove();let o=document.createElement("link");o.rel="stylesheet",o.href=a,o.setAttribute("data-vb-theme",e),o.setAttribute("data-vb-pack",e),o.setAttribute("data-vb-theme-state","loading"),o.onload=()=>{o.setAttribute("data-vb-theme-state","ready");let c=document.createElement("link");c.rel="stylesheet",c.href=s,c.setAttribute("data-vb-pack-effects",e),document.head.appendChild(c),re(e,t),n()},o.onerror=()=>{o.setAttribute("data-vb-theme-state","error"),o.remove(),w.delete(e),r(new Error(`Failed to load pack: ${e}`))},document.head.appendChild(o)})}var V=[{id:"auto",name:"Auto",icon:"monitor"},{id:"light",name:"Light",icon:"sun"},{id:"dark",name:"Dark",icon:"moon"}],A=[{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}}],P=[{id:"default",name:"Default",hue:210,shape:"balanced",character:"The default",swatchBg:"#3b82f6",tier:"core"},{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"}],z=[{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:"journal",name:"Journal",icon:"notebook-pen",character:"Dot-grid bullet journal",swatchBg:"#f3ecdc",swatchFg:"#27313f",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:"magna",name:"Magna",icon:"orbit",character:"Odyssey 2 retro",swatchBg:"#0d0b14",swatchFg:"#f97316",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"}],B=[{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"}],ce=[{id:"kawaii",name:"Kawaii",icon:"heart",character:"Cute aesthetic",swatchBg:"#ffb7c5",swatchFg:"#ff69b4",tier:"showcase",category:"Packs"},{id:"memphis",name:"Memphis",icon:"star",character:"Bold patterns",swatchBg:"#FFF8F0",swatchFg:"#d03040",tier:"showcase",category:"Packs"}],G=[{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"}],N=[{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"}],U=[{id:"motionFx",name:"Motion Effects",icon:"sparkles",description:"Hover & enter animations"},{id:"sounds",name:"Sound Effects",icon:"volume-2",description:"Audio feedback"}],Le=[...z,...B],Ie=[...P,...z,...B,...ce],E=e=>z.filter(t=>t.category===e),W=[{label:"Style",themes:P,tier:"core"},{label:"Design",themes:E("Design"),tier:"showcase"},{label:"Content",themes:E("Content"),tier:"showcase"},{label:"Modern",themes:E("Modern"),tier:"showcase"},{label:"Creative",themes:E("Creative"),tier:"showcase"},{label:"Aesthetic",themes:E("Aesthetic"),tier:"showcase"},{label:"Signature",themes:E("Signature"),tier:"showcase"},{label:"OS Styles",themes:E("OS Styles"),tier:"showcase"},{label:"Packs",themes:ce,tier:"showcase"},{label:"More Themes",themes:B,tier:"community"}];function Ae(){let e=globalThis.localStorage;if(!e)throw new Error("VBStore: localStorage is not available in this environment");return{async getRaw(t){return e.getItem(t)},async setRaw(t,a){e.setItem(t,a)},async removeRaw(t){e.removeItem(t)},async keys(t){let a=[];for(let s=0;s<e.length;s++){let n=e.key(s);n&&n.startsWith(t)&&a.push(n)}return a}}}var D=null;function g(){return D||(D=Ae()),D}function Y(e,t){if(typeof e!="string"||!e)throw new TypeError("VBStore: namespace must be a non-empty string");if(typeof t!="string"||!t)throw new TypeError("VBStore: key must be a non-empty string");return`vb:${e}:${t}`}function le(e){if(typeof e!="string"||!e)throw new TypeError("VBStore: namespace must be a non-empty string");return`vb:${e}:`}function de(e){try{let t=JSON.parse(e);if(t&&typeof t=="object"&&typeof t.timestamp=="number")return t}catch{}return null}var h={configure(e={}){D=e.backend??null},async set(e,t,a){let s={data:a,timestamp:Date.now()};await g().setRaw(Y(e,t),JSON.stringify(s))},async get(e,t,a){let s=await g().getRaw(Y(e,t));if(s==null)return null;let n=de(s);return!n||a?.maxAge!=null&&Date.now()-n.timestamp>a.maxAge?null:n.data},async remove(e,t){await g().removeRaw(Y(e,t))},async list(e){let t=le(e),a=await g().keys(t),s=[];for(let n of a){let r=await g().getRaw(n);if(r==null)continue;let i=de(r);i&&s.push({key:n.slice(t.length),data:i.data,timestamp:i.timestamp})}return s},async clear(e){let t=le(e),a=await g().keys(t);for(let s of a)await g().removeRaw(s)},async clearAll(){let e=await g().keys("vb:");for(let t of e)await g().removeRaw(t)},async setMany(e,t){for(let[a,s]of t)await h.set(e,a,s)}};var O="theme",L="current",m={mode:"auto",brand:"default",accent:"default",borderStyle:"",iconSet:"",fluid:"",backdrop:"",backdropChrome:"",pageBgType:"",pageBgColor:"",pageBgGradStart:"",pageBgGradEnd:"",pageBgGradDir:""};function me(e){return(e||"").split(/\s+/).find(t=>t&&!t.startsWith("a11y-"))||""}function he(e,t){return e?.brand&&e.brand!==m.brand?e.brand:me(t)||m.brand}var ue=["--hue-primary","--hue-secondary","--hue-accent","--lightness-primary","--chroma-primary","--lightness-secondary","--chroma-secondary","--lightness-accent","--chroma-accent"],d=null,S="",u={_initPromise:null,async init(){return this._initPromise?this._initPromise:(this._initPromise=(async()=>{let e=await h.get(O,L);d=e?{...m,...e}:{...m},S=me(document.documentElement.dataset.theme),d.brand=he(e,S);try{await $(d.brand)}catch{d.brand!==S&&(d.brand=S||m.brand)}return this.apply(d),this._watchSystemPreference(),this._watchRootAttributes(),this._watchCrossDocumentStorage(),d})(),this._initPromise)},_watchCrossDocumentStorage(){typeof window>"u"||window.addEventListener("storage",async e=>{if(e.key!==`vb:${O}:${L}`||!e.newValue)return;let t;try{t=JSON.parse(e.newValue)?.data}catch{return}if(!t||typeof t!="object")return;let a={...m,...d,...t};if(a.brand=he(t,S),a.brand&&a.brand!==d?.brand)try{await $(a.brand)}catch{a.brand=S||m.brand}d=a,this.apply(d||{})})},load(){return d?{...d}:{...m}},save(e){let t={...d??m,...e};return d=t,h.set(O,L,t).catch(()=>{}),t},apply({mode:e="auto",brand:t="default",borderStyle:a="",iconSet:s="",fluid:n="",backdrop:r="",backdropChrome:i="",pageBgType:o="",pageBgColor:c="",pageBgGradStart:f="",pageBgGradEnd:p="",pageBgGradDir:y=""}={}){let l=document.documentElement;l.dataset.mode=e==="auto"?this.getEffectiveMode():e;let T=(l.dataset.theme||"").split(" ").filter(R=>R.startsWith("a11y-")),Z=t!=="default"?[t,...T]:[...T];Z.length?l.dataset.theme=Z.join(" "):delete l.dataset.theme;let C=a||this._readCSSHint("--theme-border-style");C&&C!=="clean"?l.dataset.borderStyle=C:delete l.dataset.borderStyle;let x=s||this._readCSSHint("--theme-icon-set");if(x&&x!=="lucide"?l.dataset.iconSet=x:delete l.dataset.iconSet,n?l.dataset.fluid=n:delete l.dataset.fluid,r?l.dataset.backdrop=r:delete l.dataset.backdrop,i&&i!=="card"?l.dataset.backdropChrome=i:delete l.dataset.backdropChrome,o==="color"&&c)l.style.setProperty("--page-bg-color",c),l.style.removeProperty("--page-bg-gradient");else if(o==="gradient"&&f&&p){let R=y||"to bottom";l.style.setProperty("--page-bg-gradient",`linear-gradient(${R}, ${f}, ${p})`),l.style.removeProperty("--page-bg-color")}else l.style.removeProperty("--page-bg-color"),l.style.removeProperty("--page-bg-gradient");let ee=this.load().accent||"default";this._applyAccent(ee),window.dispatchEvent(new CustomEvent("vb:theme-change",{detail:{mode:e,brand:t,accent:ee,borderStyle:C,iconSet:x,fluid:n,backdrop:r,backdropChrome:i,pageBgType:o,effectiveMode:this.getEffectiveMode()}}))},setMode(e){let t=this.save({mode:e});this.apply(t)},async setBrand(e){try{await $(e)}catch(a){console.warn(`[VB] Theme "${e}" failed to load, using default`,a),e="default"}let t=this.save({brand:e});this.apply(t)},setAccent(e){this.save({accent:e}),this._applyAccent(e),window.dispatchEvent(new CustomEvent("vb:theme-change",{detail:{...this.getState()}}))},setBorderStyle(e){let t=this.save({borderStyle:e});this.apply(t)},setIconSet(e){let t=this.save({iconSet:e});this.apply(t)},setFluid(e){let t=this.save({fluid:e});this.apply(t)},setBackdrop(e){let t=this.save({backdrop:e});this.apply(t)},setBackdropChrome(e){let t=this.save({backdropChrome:e});this.apply(t)},setPageBg({type:e="",color:t="",gradStart:a="",gradEnd:s="",gradDir:n=""}={}){let r=this.save({pageBgType:e,pageBgColor:t,pageBgGradStart:a,pageBgGradEnd:s,pageBgGradDir:n});this.apply(r)},getEffectiveMode(){let{mode:e}=this.load();return e!=="auto"?e:window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"},getState(){let{mode:e,brand:t,accent:a,borderStyle:s,iconSet:n,fluid:r,backdrop:i,backdropChrome:o,pageBgType:c,pageBgColor:f,pageBgGradStart:p,pageBgGradEnd:y,pageBgGradDir:l}=this.load();return{mode:e,brand:t,accent:a,borderStyle:s,iconSet:n,fluid:r,backdrop:i,backdropChrome:o,pageBgType:c,pageBgColor:f,pageBgGradStart:p,pageBgGradEnd:y,pageBgGradDir:l,effectiveMode:this.getEffectiveMode()}},toggleMode(){let t=this.getEffectiveMode()==="dark"?"light":"dark";this.setMode(t)},reset(){d={...m,brand:S||m.brand},h.remove(O,L).catch(()=>{});let e=document.documentElement;e.style.removeProperty("--page-bg-color"),e.style.removeProperty("--page-bg-gradient");for(let t of ue)e.style.removeProperty(t);this.apply(d)},_readCSSHint(e){return getComputedStyle(document.documentElement).getPropertyValue(e).trim()},_applyAccent(e){let t=document.documentElement,a=A.find(s=>s.id===e);for(let s of ue)t.style.removeProperty(s);if(!(!a||!a.seeds||Object.keys(a.seeds).length===0)){for(let[s,n]of Object.entries(a.seeds))t.style.setProperty(s,String(n));if(a.seedsDark&&this.getEffectiveMode()==="dark")for(let[s,n]of Object.entries(a.seedsDark))t.style.setProperty(s,String(n))}},_watchRootAttributes(){this._rootObserver||(this._rootObserver=new MutationObserver(e=>{for(let t of e)t.attributeName==="data-theme"?this._syncFromDataTheme():t.attributeName==="data-mode"&&this._syncFromDataMode()}),this._rootObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme","data-mode"]}))},_syncFromDataTheme(){if(!d)return;let a=(document.documentElement.dataset.theme||"").split(/\s+/).filter(Boolean).find(s=>!s.startsWith("a11y-"))||"default";a!==d.brand&&(d.brand=a,$(a).catch(()=>{}),window.dispatchEvent(new CustomEvent("vb:theme-change",{detail:{...this.getState()}})))},_syncFromDataMode(){if(!d)return;let e=document.documentElement.dataset.mode||"auto",t=d.mode==="auto"?this.getEffectiveMode():d.mode;e!==t&&(d.mode=e,window.dispatchEvent(new CustomEvent("vb:theme-change",{detail:{...this.getState()}})))},_watchSystemPreference(){window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",()=>{let t=this.load();t.mode==="auto"&&this.apply(t)})}};var k=null,I="settings",H={motionFx:!0,sounds:!1},J=null;function Ce(){return J||(J=fetch("/cdn/themes/manifest.json",{credentials:"same-origin"}).then(e=>e.ok?e.json():null).catch(()=>null)),J}var K=class e extends M{static#i=200;#t;#e;#a=!1;#s=!1;#f=!1;#c=null;#g=!1;#l=[];#r={...H};#n=()=>this.#_();setup(){return this.#s=this.getAttribute("variant")==="inline",this.#f=this.hasAttribute("compact"),this.#k(),!0}async#k(){await Promise.all([u.init(),this.#T()]),this.#$(),this.#x(),this.#E(),this.#V(),this.listen(window,"vb:theme-change",this.#j),this.#v(),this.#h()}async#T(){let[t,a]=await Promise.all([h.get(I,"a11y"),h.get(I,"extensions")]);this.#l=Array.isArray(t)?t:[],this.#r={...H,...a??{}}}teardown(){window.removeEventListener("scroll",this.#n,{capture:!0}),window.removeEventListener("resize",this.#n),this.#p(),this.#e?.remove(),this.#e=null}#$(){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.#T(),this.appendChild(this.#e)}#T(){return this.#f?this.#B():this.#A()}#u(e,a){let s=e.swatchBg,r=e.swatchFg||"white",i=e.icon||"";return`
-      <label class="swatch-cell" title="${e.character?`${e.name} \u2014 ${e.character}`:e.name}">
+        `,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.#A(),this.appendChild(this.#e)}#A(){return this.#f?this.#C():this.#B()}#u(t,a){let s=t.swatchBg,n=t.swatchFg||"white",r=t.icon||"";return`
+      <label class="swatch-cell" title="${t.character?`${t.name} \u2014 ${t.character}`:t.name}">
         <input
           type="radio"
           name="theme-brand"
-          value="${e.id}"
-          ${a===e.id?"checked":""}
+          value="${t.id}"
+          ${a===t.id?"checked":""}
         />
-        <span class="swatch-visual" style="--swatch-bg: ${s}; --swatch-fg: ${r}">
-          ${i?`<icon-wc name="${i}"></icon-wc>`:""}
-          <span class="visually-hidden">${e.name}</span>
+        <span class="swatch-visual" style="--swatch-bg: ${s}; --swatch-fg: ${n}">
+          ${r?`<icon-wc name="${r}"></icon-wc>`:""}
+          <span class="visually-hidden">${t.name}</span>
         </span>
       </label>
-    `}#A(){let{mode:e,brand:a,fluid:s,accent:r}=u.getState(),i=N.filter(n=>n.tier==="showcase");return`
+    `}#B(){let{mode:t,brand:a,fluid:s,accent:n}=u.getState(),r=W.filter(i=>i.tier==="showcase");return`
       <fieldset class="section">
         <legend>Color Mode</legend>
         <div class="options" role="radiogroup" aria-label="Color mode">
-          ${j.map(n=>`
+          ${V.map(i=>`
             <label class="option">
               <input
                 type="radio"
                 name="theme-mode"
-                value="${n.id}"
-                ${e===n.id?"checked":""}
+                value="${i.id}"
+                ${t===i.id?"checked":""}
               />
               <span class="option-content">
-                <icon-wc name="${n.icon}"></icon-wc>
-                <span>${n.name}</span>
+                <icon-wc name="${i.icon}"></icon-wc>
+                <span>${i.name}</span>
               </span>
             </label>
           `).join("")}
@@ -37,11 +37,11 @@ var pe=Object.defineProperty;var fe=(t,e)=>()=>(t&&(e=t(t=0)),e);var ge=(t,e)=>{
       <fieldset class="section">
         <legend>Color Accent</legend>
         <div class="options options--accent-dots" role="radiogroup" aria-label="Color accent">
-          ${T.map(n=>`
-            <label class="accent-dot" title="${n.name}">
-              <input type="radio" name="theme-accent" value="${n.id}" ${r===n.id?"checked":""} />
-              <span class="accent-dot-visual" style="background: ${n.swatchBg}"></span>
-              <span class="visually-hidden">${n.name}</span>
+          ${A.map(i=>`
+            <label class="accent-dot" title="${i.name}">
+              <input type="radio" name="theme-accent" value="${i.id}" ${n===i.id?"checked":""} />
+              <span class="accent-dot-visual" style="background: ${i.swatchBg}"></span>
+              <span class="visually-hidden">${i.name}</span>
             </label>
           `).join("")}
         </div>
@@ -50,17 +50,17 @@ var pe=Object.defineProperty;var fe=(t,e)=>()=>(t&&(e=t(t=0)),e);var ge=(t,e)=>{
       <fieldset class="section">
         <legend>Style</legend>
         <div class="options options--swatch-grid" role="radiogroup" aria-label="Style">
-          ${M.map(n=>this.#u(n,a)).join("")}
+          ${P.map(i=>this.#u(i,a)).join("")}
         </div>
       </fieldset>
 
       <fieldset class="section">
         <legend>Featured</legend>
-        ${i.map(n=>`
+        ${r.map(i=>`
           <div class="theme-category">
-            <span class="category-label">${n.label}</span>
+            <span class="category-label">${i.label}</span>
             <div class="options options--swatch-grid">
-              ${n.themes.map(o=>this.#u(o,a)).join("")}
+              ${i.themes.map(o=>this.#u(o,a)).join("")}
             </div>
           </div>
         `).join("")}
@@ -72,25 +72,25 @@ var pe=Object.defineProperty;var fe=(t,e)=>()=>(t&&(e=t(t=0)),e);var ge=(t,e)=>{
           <icon-wc name="chevron-down" class="chevron"></icon-wc>
         </summary>
         <div class="options options--swatch-grid">
-          ${A.map(n=>this.#u(n,a)).join("")}
+          ${B.map(i=>this.#u(i,a)).join("")}
         </div>
       </details>
 
       <fieldset class="section section--a11y">
         <legend>Accessibility</legend>
         <div class="options options--a11y" aria-label="Accessibility themes">
-          ${z.map(n=>{let c=this.#d().includes(n.id);return`
+          ${N.map(i=>{let c=this.#d().includes(i.id);return`
             <label class="option option--a11y">
               <input
                 type="checkbox"
                 name="a11y-theme"
-                value="${n.id}"
-                data-a11y-theme="${n.id}"
+                value="${i.id}"
+                data-a11y-theme="${i.id}"
                 ${c?"checked":""}
               />
               <span class="option-content">
-                <icon-wc name="${n.icon}"></icon-wc>
-                <span class="option-label">${n.name}</span>
+                <icon-wc name="${i.icon}"></icon-wc>
+                <span class="option-label">${i.name}</span>
               </span>
             </label>
           `}).join("")}
@@ -100,19 +100,19 @@ var pe=Object.defineProperty;var fe=(t,e)=>()=>(t&&(e=t(t=0)),e);var ge=(t,e)=>{
       <fieldset class="section">
         <legend>Sizing</legend>
         <div class="options options--sizing" role="radiogroup" aria-label="Fluid sizing">
-          ${V.map(n=>`
+          ${G.map(i=>`
             <label class="option option--sizing">
               <input
                 type="radio"
                 name="theme-fluid"
-                value="${n.id}"
-                ${s===n.id?"checked":""}
+                value="${i.id}"
+                ${s===i.id?"checked":""}
               />
               <span class="option-content">
-                <icon-wc name="${n.icon}"></icon-wc>
+                <icon-wc name="${i.icon}"></icon-wc>
                 <span class="option-text">
-                  <span>${n.name}</span>
-                  <small>${n.description}</small>
+                  <span>${i.name}</span>
+                  <small>${i.description}</small>
                 </span>
               </span>
             </label>
@@ -127,16 +127,16 @@ var pe=Object.defineProperty;var fe=(t,e)=>()=>(t&&(e=t(t=0)),e);var ge=(t,e)=>{
           <icon-wc name="chevron-down" class="chevron"></icon-wc>
         </summary>
         <div class="extensions-content">
-          ${G.map(n=>{let c=this.#m()[n.id]??L[n.id];return`
+          ${U.map(i=>{let c=this.#m()[i.id]??H[i.id];return`
             <label class="extension-toggle">
               <span class="extension-info">
-                <icon-wc name="${n.icon}"></icon-wc>
-                <span class="extension-name">${n.name}</span>
+                <icon-wc name="${i.icon}"></icon-wc>
+                <span class="extension-name">${i.name}</span>
               </span>
               <input
                 type="checkbox"
-                name="ext-${n.id}"
-                data-extension="${n.id}"
+                name="ext-${i.id}"
+                data-extension="${i.id}"
                 data-switch="sm"
                 ${c?"checked":""}
               />
@@ -144,13 +144,13 @@ var pe=Object.defineProperty;var fe=(t,e)=>()=>(t&&(e=t(t=0)),e);var ge=(t,e)=>{
           `}).join("")}
         </div>
       </details>
-    `}#B(){let{mode:e,brand:a,fluid:s,accent:r}=u.getState(),i=this.#d(),n=this.#m();return`
+    `}#C(){let{mode:t,brand:a,fluid:s,accent:n}=u.getState(),r=this.#d(),i=this.#m();return`
       <fieldset class="section">
         <legend>Color Mode</legend>
         <div class="compact-segmented" role="radiogroup" aria-label="Color mode">
-          ${j.map(o=>`
+          ${V.map(o=>`
             <label class="compact-seg">
-              <input type="radio" name="theme-mode" value="${o.id}" ${e===o.id?"checked":""} />
+              <input type="radio" name="theme-mode" value="${o.id}" ${t===o.id?"checked":""} />
               <span class="compact-seg-visual">
                 <icon-wc name="${o.icon}" size="xs"></icon-wc>
                 <span class="compact-seg-label">${o.name}</span>
@@ -163,8 +163,8 @@ var pe=Object.defineProperty;var fe=(t,e)=>()=>(t&&(e=t(t=0)),e);var ge=(t,e)=>{
       <fieldset class="section">
         <legend>Color Accent</legend>
         <select class="compact-select" name="theme-accent-select" aria-label="Color accent">
-          ${T.map(o=>`
-            <option value="${o.id}" ${r===o.id?"selected":""}>${o.name}</option>
+          ${A.map(o=>`
+            <option value="${o.id}" ${n===o.id?"selected":""}>${o.name}</option>
           `).join("")}
         </select>
       </fieldset>
@@ -172,7 +172,7 @@ var pe=Object.defineProperty;var fe=(t,e)=>()=>(t&&(e=t(t=0)),e);var ge=(t,e)=>{
       <fieldset class="section">
         <legend>Theme</legend>
         <select class="compact-select" name="theme-brand-select" aria-label="Theme">
-          ${N.map(o=>`
+          ${W.map(o=>`
             <optgroup label="${o.label}">
               ${o.themes.map(c=>`
                 <option value="${c.id}" ${a===c.id?"selected":""}>${c.name}</option>
@@ -185,7 +185,7 @@ var pe=Object.defineProperty;var fe=(t,e)=>()=>(t&&(e=t(t=0)),e);var ge=(t,e)=>{
       <fieldset class="section">
         <legend>Sizing</legend>
         <select class="compact-select" name="theme-fluid-select" aria-label="Sizing">
-          ${V.map(o=>`
+          ${G.map(o=>`
             <option value="${o.id}" ${s===o.id?"selected":""}>${o.name}</option>
           `).join("")}
         </select>
@@ -194,12 +194,12 @@ var pe=Object.defineProperty;var fe=(t,e)=>()=>(t&&(e=t(t=0)),e);var ge=(t,e)=>{
       <fieldset class="section">
         <legend>Accessibility</legend>
         <div class="compact-toggles">
-          ${z.map(o=>`
+          ${N.map(o=>`
             <label class="extension-toggle">
               <span class="extension-info">
                 <span class="extension-name">${o.name}</span>
               </span>
-              <input type="checkbox" name="a11y-theme" value="${o.id}" data-a11y-theme="${o.id}" data-switch="sm" ${i.includes(o.id)?"checked":""} />
+              <input type="checkbox" name="a11y-theme" value="${o.id}" data-a11y-theme="${o.id}" data-switch="sm" ${r.includes(o.id)?"checked":""} />
             </label>
           `).join("")}
         </div>
@@ -208,15 +208,15 @@ var pe=Object.defineProperty;var fe=(t,e)=>()=>(t&&(e=t(t=0)),e);var ge=(t,e)=>{
       <fieldset class="section">
         <legend>Extensions</legend>
         <div class="compact-toggles">
-          ${G.map(o=>`
+          ${U.map(o=>`
             <label class="extension-toggle">
               <span class="extension-info">
                 <span class="extension-name">${o.name}</span>
               </span>
-              <input type="checkbox" name="ext-${o.id}" data-extension="${o.id}" data-switch="sm" ${n[o.id]??L[o.id]?"checked":""} />
+              <input type="checkbox" name="ext-${o.id}" data-extension="${o.id}" data-switch="sm" ${i[o.id]??H[o.id]?"checked":""} />
             </label>
           `).join("")}
         </div>
       </fieldset>
-    `}#C(){this.#e.querySelectorAll('input[name="theme-mode"]').forEach(i=>{i.addEventListener("change",this.#P)}),this.#e.querySelectorAll('input[name="theme-brand"]').forEach(i=>{i.addEventListener("change",this.#D)});let e=this.#e.querySelector('select[name="theme-brand-select"]');e&&e.addEventListener("change",this.#O),this.#e.querySelectorAll('input[name="theme-fluid"]').forEach(i=>{i.addEventListener("change",this.#y)});let a=this.#e.querySelector('select[name="theme-fluid-select"]');a&&a.addEventListener("change",this.#y),this.#e.querySelectorAll('input[name="theme-accent"]').forEach(i=>{i.addEventListener("change",this.#w)});let s=this.#e.querySelector('select[name="theme-accent-select"]');s&&s.addEventListener("change",this.#w),this.#e.querySelectorAll("input[data-extension]").forEach(i=>{i.addEventListener("change",this.#L)}),this.#e.querySelectorAll("input[data-a11y-theme]").forEach(i=>{i.addEventListener("change",this.#H)}),this.#e.querySelector(".section--extensions")?.addEventListener("toggle",i=>{this.#g=i.target.open}),this.#s||(this.listen(this.#t,"click",this.#x),this.listen(document,"click",this.#M),this.listen(document,"keydown",this.#F))}#x=e=>{e.stopPropagation(),this.toggle()};#M=e=>{this.#a&&!this.contains(e.target)&&this.close()};#F=e=>{e.key==="Escape"&&this.#a&&(e.preventDefault(),this.close(),this.#t?.focus())};#P=e=>{u.setMode(e.target.value),this.#o()};#D=async e=>{let a=e.target.closest(".swatch-cell");a&&a.setAttribute("aria-busy","true");try{await u.setBrand(e.target.value)}catch{console.warn("[VB] Theme load failed, using default")}finally{a&&a.removeAttribute("aria-busy")}this.#h(),this.#o()};#O=async e=>{let a=e.target;a.disabled=!0;try{await u.setBrand(a.value)}catch{console.warn("[VB] Theme load failed, using default")}finally{a.disabled=!1}this.#h(),this.#o()};#y=e=>{u.setFluid(e.target.value),this.#o()};#w=e=>{u.setAccent(e.target.value),this.#o()};#L=e=>{let a=e.target.dataset.extension,s=e.target.checked;this.#I(a,s),this.#b()};#m(){return{...this.#r}}#I(e,a){this.#r={...this.#r,[e]:a},h.set(O,"extensions",this.#r).catch(()=>{})}async#b(){let e=this.#m(),a=document.documentElement;e.motionFx?delete a.dataset.motionReduced:a.dataset.motionReduced="",e.sounds?(_||(_=(await Promise.resolve().then(()=>(de(),le))).SoundManager),_.init(),_.enable()):_&&_.disable(),window.dispatchEvent(new CustomEvent("vb:extensions-change",{detail:e}))}#d(){return[...this.#l]}#R(e){this.#l=[...e],h.set(O,"a11y",this.#l).catch(()=>{})}#h(){let e=this.#d(),{brand:a}=u.getState(),s=document.documentElement,r=a==="default"?e.join(" "):[a,...e].join(" "),i=s.dataset.theme||"";r!==i&&(r?s.dataset.theme=r:delete s.dataset.theme)}#H=e=>{let a=e.target.dataset.a11yTheme,s=e.target.checked,r=this.#d();if(s&&!r.includes(a))r.push(a);else if(!s&&r.includes(a)){let i=r.indexOf(a);r.splice(i,1)}this.#R(r),this.#h()};#o(){this.#s||(this.#p(),this.#c=setTimeout(()=>{this.close(),this.#t?.focus()},t.#i))}#p(){this.#c&&(clearTimeout(this.#c),this.#c=null)}#j=()=>{this.#v()};#v(){let{mode:e,brand:a,fluid:s,accent:r}=u.getState(),i=this.#e.querySelector(`input[name="theme-mode"][value="${e}"]`);i&&(i.checked=!0);let n=this.#e.querySelector(`input[name="theme-brand"][value="${a}"]`);n&&(n.checked=!0);let o=this.#e.querySelector('select[name="theme-brand-select"]');o&&(o.value=a);let c=this.#e.querySelector(`input[name="theme-fluid"][value="${s}"]`);c&&(c.checked=!0);let p=this.#e.querySelector('select[name="theme-fluid-select"]');p&&(p.value=s);let m=this.#e.querySelector(`input[name="theme-accent"][value="${r||"default"}"]`);m&&(m.checked=!0);let y=this.#e.querySelector('select[name="theme-accent-select"]');y&&(y.value=r||"default"),this.#e.querySelectorAll(".swatch-dtcg").forEach(l=>this.#E(l))}async#q(){let e=await Te();if(!(!e||!this.#e?.isConnected))for(let a of this.#e.querySelectorAll('input[name="theme-brand"]')){let s=a.value,r=e[s];if(!r?.dtcg)continue;let i=a.closest(".swatch-cell");if(!i||i.parentElement?.classList.contains("swatch-cell-group"))continue;let n=document.createElement("span");n.className="swatch-cell-group",i.parentNode.insertBefore(n,i),n.appendChild(i);let o=document.createElement("a");o.className="swatch-dtcg",o.dataset.dtcg=r.dtcg,r.dtcgDark&&(o.dataset.dtcgDark=r.dtcgDark),o.setAttribute("download","");let c=i.getAttribute("title")||s;o.setAttribute("aria-label",`Download ${c} as DTCG tokens.json`),o.setAttribute("title",`Download ${c} as DTCG`),o.innerHTML='<icon-wc name="download" size="xs"></icon-wc>',this.#E(o),o.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("theme-picker:dtcg-download",{bubbles:!0,detail:{themeId:s,href:o.href}}))}),n.appendChild(o)}}#E(e){let a=u.getState().mode,r=(a==="dark"||a==="auto"&&typeof matchMedia=="function"&&matchMedia("(prefers-color-scheme: dark)").matches)&&e.dataset.dtcgDark?e.dataset.dtcgDark:e.dataset.dtcg;e.href=`/cdn/themes/${r}`}open(){this.#s||this.#a||(this.#a=!0,this.setAttribute("open",""),this.#t?.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>{this.#S(),window.addEventListener("scroll",this.#n,{capture:!0,passive:!0}),window.addEventListener("resize",this.#n,{passive:!0}),this.#e.querySelector('input[type="radio"]:checked')?.focus()}),this.dispatchEvent(new CustomEvent("theme-picker:open",{bubbles:!0})))}#S(){if(!this.#t||!this.#e)return;let e=this.#t.getBoundingClientRect(),a=this.#e.getBoundingClientRect(),s=window.visualViewport||{width:window.innerWidth,height:window.innerHeight},r=s.height,i=s.width,n=8,o=16,c=r-e.bottom-o,p=e.top-o,m=e.height+n;c<a.height&&p>c?(m=-a.height-n,this.#e.dataset.position="top"):delete this.#e.dataset.position;let y=i-e.right,l=e.right-a.width;if(this.#e.style.setProperty("--panel-top",`${m}px`),l<o){let b=0,k=e.left+a.width+o;k>i&&(b=i-k),e.left+b<o&&(b=o-e.left),this.#e.style.setProperty("--panel-left",`${b}px`),this.#e.style.setProperty("--panel-right","auto")}else{let b=Math.max(0,o-y);this.#e.style.setProperty("--panel-left","auto"),this.#e.style.setProperty("--panel-right",`${b}px`)}}close(){this.#s||!this.#a||(this.#p(),this.#a=!1,this.removeAttribute("open"),this.#t?.setAttribute("aria-expanded","false"),window.removeEventListener("scroll",this.#n,{capture:!0}),window.removeEventListener("resize",this.#n),this.dispatchEvent(new CustomEvent("theme-picker:close",{bubbles:!0})))}toggle(){this.#a?this.close():this.open()}get isOpen(){return this.#a}};ee("theme-picker",X);var he="environment",ue="preferences",J={timeOfDay:!1,seasonal:!1},Ae=900*1e3,w={...J};function S(t,e,a){return t+(e-t)*Math.min(1,Math.max(0,a))}var me={_timer:null,_baseHues:null,_timeOverride:null,_monthOverride:null,async init(){let t=await h.get(he,ue);w=t?{...J,...t}:{...J},(w.timeOfDay||w.seasonal)&&(this._captureBaseHues(),this._update(),this._startLoop()),window.addEventListener("vb:theme-change",()=>{this._hasActiveSource()&&requestAnimationFrame(()=>{this._captureBaseHues(),this._update()})})},load(){return{...w}},save(t){return w={...w,...t},h.set(he,ue,w).catch(()=>{}),{...w}},setTimeOverride(t){this._timeOverride=t,this._hasActiveSource()&&this._update()},setMonthOverride(t){this._monthOverride=t,this._hasActiveSource()&&this._update()},setSource(t,e){let a=this.save({[t]:e});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 i=s.cssRules[r];if(i.selectorText?.includes(a)&&!i.selectorText.includes("dark")){let n=i.style?.getPropertyValue("--hue-primary");if(n){this._baseHues={primary:parseFloat(n)||260,secondary:parseFloat(i.style.getPropertyValue("--hue-secondary"))||200,accent:parseFloat(i.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(),Ae))},_stopLoop(){this._timer&&clearInterval(this._timer),this._timer=null}};me.init();
+    `}#x(){this.#e.querySelectorAll('input[name="theme-mode"]').forEach(r=>{r.addEventListener("change",this.#D)}),this.#e.querySelectorAll('input[name="theme-brand"]').forEach(r=>{r.addEventListener("change",this.#O),r.addEventListener("focus",this.#y),r.closest("label")?.addEventListener("pointerenter",this.#y)});let t=this.#e.querySelector('select[name="theme-brand-select"]');t&&t.addEventListener("change",this.#L),this.#e.querySelectorAll('input[name="theme-fluid"]').forEach(r=>{r.addEventListener("change",this.#w)});let a=this.#e.querySelector('select[name="theme-fluid-select"]');a&&a.addEventListener("change",this.#w),this.#e.querySelectorAll('input[name="theme-accent"]').forEach(r=>{r.addEventListener("change",this.#b)});let s=this.#e.querySelector('select[name="theme-accent-select"]');s&&s.addEventListener("change",this.#b),this.#e.querySelectorAll("input[data-extension]").forEach(r=>{r.addEventListener("change",this.#I)}),this.#e.querySelectorAll("input[data-a11y-theme]").forEach(r=>{r.addEventListener("change",this.#q)}),this.#e.querySelector(".section--extensions")?.addEventListener("toggle",r=>{this.#g=r.target.open}),this.#s||(this.listen(this.#t,"click",this.#M),this.listen(document,"click",this.#F),this.listen(document,"keydown",this.#P))}#M=t=>{t.stopPropagation(),this.toggle()};#F=t=>{this.#a&&!this.contains(t.target)&&this.close()};#P=t=>{t.key==="Escape"&&this.#a&&(t.preventDefault(),this.close(),this.#t?.focus())};#D=t=>{u.setMode(t.target.value),this.#o()};#y=t=>{let a=t.currentTarget,s=a instanceof HTMLInputElement?a:a.querySelector('input[name="theme-brand"]');s?.value&&oe(s.value)};#O=async t=>{let a=t.target.closest(".swatch-cell");a&&a.setAttribute("aria-busy","true");try{await u.setBrand(t.target.value)}catch{console.warn("[VB] Theme load failed, using default")}finally{a&&a.removeAttribute("aria-busy")}this.#h(),this.#o()};#L=async t=>{let a=t.target;a.disabled=!0;try{await u.setBrand(a.value)}catch{console.warn("[VB] Theme load failed, using default")}finally{a.disabled=!1}this.#h(),this.#o()};#w=t=>{u.setFluid(t.target.value),this.#o()};#b=t=>{u.setAccent(t.target.value),this.#o()};#I=t=>{let a=t.target.dataset.extension,s=t.target.checked;this.#H(a,s),this.#v()};#m(){return{...this.#r}}#H(t,a){this.#r={...this.#r,[t]:a},h.set(I,"extensions",this.#r).catch(()=>{})}async#v(){let t=this.#m(),a=document.documentElement;t.motionFx?delete a.dataset.motionReduced:a.dataset.motionReduced="",t.sounds?(k||(k=(await Promise.resolve().then(()=>(ge(),fe))).SoundManager),k.init(),k.enable()):k&&k.disable(),window.dispatchEvent(new CustomEvent("vb:extensions-change",{detail:t}))}#d(){return[...this.#l]}#R(t){this.#l=[...t],h.set(I,"a11y",this.#l).catch(()=>{})}#h(){let t=this.#d(),{brand:a}=u.getState(),s=document.documentElement,n=a==="default"?t.join(" "):[a,...t].join(" "),r=s.dataset.theme||"";n!==r&&(n?s.dataset.theme=n:delete s.dataset.theme)}#q=t=>{let a=t.target.dataset.a11yTheme,s=t.target.checked,n=this.#d();if(s&&!n.includes(a))n.push(a);else if(!s&&n.includes(a)){let r=n.indexOf(a);n.splice(r,1)}this.#R(n),this.#h()};#o(){this.#s||(this.#p(),this.#c=setTimeout(()=>{this.close(),this.#t?.focus()},e.#i))}#p(){this.#c&&(clearTimeout(this.#c),this.#c=null)}#j=()=>{this.#E()};#E(){let{mode:t,brand:a,fluid:s,accent:n}=u.getState(),r=this.#e.querySelector(`input[name="theme-mode"][value="${t}"]`);r&&(r.checked=!0);let i=this.#e.querySelector(`input[name="theme-brand"][value="${a}"]`);i&&(i.checked=!0);let o=this.#e.querySelector('select[name="theme-brand-select"]');o&&(o.value=a);let c=this.#e.querySelector(`input[name="theme-fluid"][value="${s}"]`);c&&(c.checked=!0);let f=this.#e.querySelector('select[name="theme-fluid-select"]');f&&(f.value=s);let p=this.#e.querySelector(`input[name="theme-accent"][value="${n||"default"}"]`);p&&(p.checked=!0);let y=this.#e.querySelector('select[name="theme-accent-select"]');y&&(y.value=n||"default"),this.#e.querySelectorAll(".swatch-dtcg").forEach(l=>this.#S(l))}async#V(){let t=await Ce();if(!(!t||!this.#e?.isConnected))for(let a of this.#e.querySelectorAll('input[name="theme-brand"]')){let s=a.value,n=t[s];if(!n?.dtcg)continue;let r=a.closest(".swatch-cell");if(!r||r.parentElement?.classList.contains("swatch-cell-group"))continue;let i=document.createElement("span");i.className="swatch-cell-group",r.parentNode.insertBefore(i,r),i.appendChild(r);let o=document.createElement("a");o.className="swatch-dtcg",o.dataset.dtcg=n.dtcg,n.dtcgDark&&(o.dataset.dtcgDark=n.dtcgDark),o.setAttribute("download","");let c=r.getAttribute("title")||s;o.setAttribute("aria-label",`Download ${c} as DTCG tokens.json`),o.setAttribute("title",`Download ${c} as DTCG`),o.innerHTML='<icon-wc name="download" size="xs"></icon-wc>',this.#S(o),o.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("theme-picker:dtcg-download",{bubbles:!0,detail:{themeId:s,href:o.href}}))}),i.appendChild(o)}}#S(t){let a=u.getState().mode,n=(a==="dark"||a==="auto"&&typeof matchMedia=="function"&&matchMedia("(prefers-color-scheme: dark)").matches)&&t.dataset.dtcgDark?t.dataset.dtcgDark:t.dataset.dtcg;t.href=`/cdn/themes/${n}`}open(){this.#s||this.#a||(this.#a=!0,this.setAttribute("open",""),this.#t?.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>{this.#_(),window.addEventListener("scroll",this.#n,{capture:!0,passive:!0}),window.addEventListener("resize",this.#n,{passive:!0}),this.#e.querySelector('input[type="radio"]:checked')?.focus()}),this.dispatchEvent(new CustomEvent("theme-picker:open",{bubbles:!0})))}#_(){if(!this.#t||!this.#e)return;let t=this.#t.getBoundingClientRect(),a=this.#e.getBoundingClientRect(),s=window.visualViewport||{width:window.innerWidth,height:window.innerHeight},n=s.height,r=s.width,i=8,o=16,c=n-t.bottom-o,f=t.top-o,p=t.height+i;c<a.height&&f>c?(p=-a.height-i,this.#e.dataset.position="top"):delete this.#e.dataset.position;let y=r-t.right,l=t.right-a.width;if(this.#e.style.setProperty("--panel-top",`${p}px`),l<o){let v=0,T=t.left+a.width+o;T>r&&(v=r-T),t.left+v<o&&(v=o-t.left),this.#e.style.setProperty("--panel-left",`${v}px`),this.#e.style.setProperty("--panel-right","auto")}else{let v=Math.max(0,o-y);this.#e.style.setProperty("--panel-left","auto"),this.#e.style.setProperty("--panel-right",`${v}px`)}}close(){this.#s||!this.#a||(this.#p(),this.#a=!1,this.removeAttribute("open"),this.#t?.setAttribute("aria-expanded","false"),window.removeEventListener("scroll",this.#n,{capture:!0}),window.removeEventListener("resize",this.#n),this.dispatchEvent(new CustomEvent("theme-picker:close",{bubbles:!0})))}toggle(){this.#a?this.close():this.open()}get isOpen(){return this.#a}};ae("theme-picker",K);var ye="environment",we="preferences",Q={timeOfDay:!1,seasonal:!1},xe=900*1e3,b={...Q};function _(e,t,a){return e+(t-e)*Math.min(1,Math.max(0,a))}var be={_timer:null,_baseHues:null,_timeOverride:null,_monthOverride:null,async init(){let e=await h.get(ye,we);b=e?{...Q,...e}:{...Q},(b.timeOfDay||b.seasonal)&&(this._captureBaseHues(),this._update(),this._startLoop()),window.addEventListener("vb:theme-change",()=>{this._hasActiveSource()&&requestAnimationFrame(()=>{this._captureBaseHues(),this._update()})})},load(){return{...b}},save(e){return b={...b,...e},h.set(ye,we,b).catch(()=>{}),{...b}},setTimeOverride(e){this._timeOverride=e,this._hasActiveSource()&&this._update()},setMonthOverride(e){this._monthOverride=e,this._hasActiveSource()&&this._update()},setSource(e,t){let a=this.save({[e]:t});t?(this._captureBaseHues(),this._update(),this._startLoop()):this._hasActiveSource(a)?this._update():(this._clearModifiers(),this._stopLoop())},_hasActiveSource(e){let t=e||this.load();return t.timeOfDay||t.seasonal},_captureBaseHues(){let e=document.documentElement;e.style.removeProperty("--hue-primary"),e.style.removeProperty("--hue-secondary"),e.style.removeProperty("--hue-accent");let t=e.getAttribute("data-theme");if(t){let a=`[data-theme~="${t}"]`;for(let s of document.styleSheets)try{for(let n=0;n<s.cssRules.length;n++){let r=s.cssRules[n];if(r.selectorText?.includes(a)&&!r.selectorText.includes("dark")){let i=r.style?.getPropertyValue("--hue-primary");if(i){this._baseHues={primary:parseFloat(i)||260,secondary:parseFloat(r.style.getPropertyValue("--hue-secondary"))||200,accent:parseFloat(r.style.getPropertyValue("--hue-accent"))||30};return}}}}catch{}}this._baseHues={primary:260,secondary:200,accent:30}},_update(){let e=this.load(),t=0;e.timeOfDay&&(t+=this._getTimeOfDayOffset()),e.seasonal&&(t+=this._getSeasonalOffset());let a=document.documentElement;t!==0&&this._baseHues?(a.style.setProperty("--hue-primary",String(this._baseHues.primary+t)),a.style.setProperty("--hue-secondary",String(this._baseHues.secondary+t)),a.style.setProperty("--hue-accent",String(this._baseHues.accent+t*.5))):t===0&&this._clearModifiers()},_clearModifiers(){let e=document.documentElement;e.style.removeProperty("--hue-primary"),e.style.removeProperty("--hue-secondary"),e.style.removeProperty("--hue-accent")},_getTimeOfDayOffset(){let e=this._timeOverride??new Date().getHours()+new Date().getMinutes()/60;return e<5?-20:e<7?_(-20,20,(e-5)/2):e<10?_(20,5,(e-7)/3):e<14?_(5,0,(e-10)/4):e<17?_(0,-5,(e-14)/3):e<19?_(-5,15,(e-17)/2):e<21?_(15,-10,(e-19)/2):_(-10,-20,(e-21)/8)},_getHemisphere(){return window.__VB_ENV_LOCATION?.hemisphere||"north"},_getSeasonalOffset(){let e=this._monthOverride??new Date().getMonth(),a=this._getHemisphere()==="south"?(e+6)%12:e;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(),xe))},_stopLoop(){this._timer&&clearInterval(this._timer),this._timer=null}};be.init();
 //# sourceMappingURL=ui.full.js.map

package/dist/cdn/themes/8bit.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root[data-theme~="8bit"],[data-theme~="8bit"]{--color-surface: oklch(20% .02 250);--color-surface-alt: oklch(25% .03 250);--color-surface-raised: oklch(30% .03 250);--color-surface-sunken: oklch(15% .02 250);--color-background: oklch(12% .02 250);--color-text: oklch(95% .02 60);--color-text-muted: oklch(70% .02 60);--color-text-subtle: oklch(50% .02 250);--color-primary: oklch(70% .2 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(75% .22 145);--color-primary-subtle: oklch(30% .08 145);--color-accent: oklch(65% .22 25);--color-accent-hover: oklch(70% .24 25);--_8bit-color-yellow: oklch(85% .18 90);--_8bit-color-blue: oklch(55% .2 250);--_8bit-color-cyan: oklch(75% .15 200);--_8bit-color-magenta: oklch(60% .2 320);--_8bit-color-orange: oklch(75% .2 50);--color-border: oklch(45% .05 250);--color-border-muted: oklch(35% .04 250);--color-border-strong: oklch(95% .02 60);--color-success: oklch(65% .22 145);--color-success-subtle: oklch(25% .08 145);--color-success-text: oklch(75% .18 145);--color-warning: oklch(85% .18 90);--color-warning-subtle: oklch(25% .1 90);--color-warning-text: oklch(82% .15 90);--color-error: oklch(60% .24 25);--color-error-subtle: oklch(25% .1 25);--color-error-text: oklch(72% .2 25);--color-info: oklch(60% .18 250);--color-info-subtle: oklch(25% .08 250);--color-info-text: oklch(72% .15 250);--_8bit-glow-crt: 0 0 10px currentColor, 0 0 20px currentColor;--font-sans: "Press Start 2P", "VT323", "Courier New", monospace;--font-mono: "Press Start 2P", "VT323", "Courier New", monospace;--font-size-adjust: .45;--line-height-normal: 2;--line-height-tight: 1.5;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--_8bit-border-pixel: 4px;--shadow-xs: 2px 2px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 4px 4px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0);--shadow-xl: 8px 8px 0 oklch(0% 0 0);--shadow-2xl: 12px 12px 0 oklch(0% 0 0);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(4);--ease-out: steps(4);--control-size: 1.5rem;--control-border: oklch(70% .2 145);--control-checked-bg: oklch(70% .2 145);--control-checked-border: oklch(70% .2 145);--input-bg: oklch(15% .02 250);--input-border: oklch(40% .04 250);--input-border-focus: oklch(70% .2 145);--range-track-h: .5rem;--range-track-bg: oklch(25% .03 250);--range-track-fill: oklch(70% .2 145);--range-thumb-size: 1.5rem;--range-thumb-bg: oklch(20% .02 250);--range-thumb-border: oklch(70% .2 145);--progress-track-bg: oklch(25% .03 250);--progress-fill: oklch(70% .2 145)}:root[data-theme~="8bit"]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0% 0 0 / .15) 2px,oklch(0% 0 0 / .15) 4px);z-index:500}:root[data-theme~="8bit"],[data-theme~="8bit"]{--_8bit-pixel-border: linear-gradient( 90deg, var(--color-border-strong) 4px, transparent 4px ) 0 0 / 8px 100% repeat-x, linear-gradient( 180deg, var(--color-border-strong) 4px, transparent 4px ) 0 0 / 100% 8px repeat-y, linear-gradient( 90deg, var(--color-border-strong) 4px, transparent 4px ) 100% 0 / 8px 100% repeat-x, linear-gradient( 180deg, var(--color-border-strong) 4px, transparent 4px ) 0 100% / 100% 8px repeat-y;:is(main,article){& h1,h2,h3,h4{text-transform:uppercase;letter-spacing:.1em}& h1{color:var(--_8bit-color-yellow);text-shadow:var(--_8bit-glow-crt);&:before{content:"\2605  ";color:var(--color-accent)}&:after{content:" \2605";color:var(--color-accent)}}& h2{color:var(--_8bit-color-cyan);border-block-end:var(--_8bit-border-pixel) solid currentColor;padding-block-end:.5rem}& h3{color:var(--color-primary);&:before{content:"\25a0  "}&:after{content:" \25a0"}}.card>h3:before{content:none}}:is(main,article){& hr:not([data-ornament]){border:none;height:var(--_8bit-border-pixel);margin-block:2rem;background:repeating-linear-gradient(90deg,var(--color-accent) 0,var(--color-accent) 8px,var(--_8bit-color-yellow) 8px,var(--_8bit-color-yellow) 16px,var(--color-primary) 16px,var(--color-primary) 24px,var(--_8bit-color-cyan) 24px,var(--_8bit-color-cyan) 32px)}& a:not([class]){color:var(--_8bit-color-cyan);text-decoration:none;border-block-end:var(--_8bit-border-pixel) solid transparent;&:hover{border-color:currentColor;text-shadow:var(--_8bit-glow-crt)}}.button,button{background:var(--color-primary);color:#030303;border:var(--_8bit-border-pixel) solid oklch(0% 0 0);box-shadow:var(--shadow-sm);text-transform:uppercase;font-size:var(--font-size-xs);padding:.75rem 1rem;position:relative;&:before{content:"";position:absolute;inset:0 50% 50% 0;background:#fff3}&:hover{background:var(--color-primary-hover);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}&:active{transform:translate(2px,2px);box-shadow:var(--shadow-xs)}}.card{background:var(--color-surface);border:var(--_8bit-border-pixel) solid var(--color-border-strong);box-shadow:var(--shadow-md);position:relative;padding-block-start:2.5rem;&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";position:absolute;top:0;left:0;right:0;padding:.5rem;background:var(--_8bit-color-blue);color:var(--color-text);font-size:.5rem;border-block-end:var(--_8bit-border-pixel) solid var(--color-border-strong);overflow:hidden;white-space:nowrap}&:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #000}}& input,textarea{background:#030303;border:var(--_8bit-border-pixel) solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:.5rem;&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-text)}& select:not([multiple]):open{border-color:var(--color-primary)}& select:not([multiple])::picker(select){background:var(--color-surface);border:var(--_8bit-border-pixel) solid var(--color-border-strong);box-shadow:var(--shadow-md)}& select:not([multiple]) option:hover{background:var(--color-surface-raised)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-sans);font-size:.625rem;color:var(--_8bit-color-cyan)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border);border-width:var(--_8bit-border-pixel)}}& pre{background:#020202;border:var(--_8bit-border-pixel) solid var(--_8bit-color-cyan);box-shadow:var(--shadow-sm);& code{color:var(--color-primary)}}& code{background:#050c13;color:var(--_8bit-color-yellow);border:2px solid var(--color-border);padding:0 .25rem}& blockquote{background:var(--color-surface-alt);border:var(--_8bit-border-pixel) solid var(--_8bit-color-magenta);padding:1rem;position:relative;&:before{content:"\1f4ac";position:absolute;top:-1rem;left:1rem;font-size:1.5rem}}}& article{& ul:not([class]){list-style:none;>li:before{content:"\25ba";color:var(--color-accent);margin-inline-end:.5rem}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-primary);--cb-border-color: var(--_8bit-color-cyan);--cb-keyword: var(--_8bit-color-yellow);--cb-string: var(--_8bit-color-cyan);--cb-function: var(--_8bit-color-magenta);--cb-number: var(--_8bit-color-orange);--cb-tag: var(--_8bit-color-cyan);--cb-attribute: var(--_8bit-color-yellow);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--color-border-strong)}& progress{appearance:none;height:1rem;border:var(--_8bit-border-pixel) solid var(--color-border-strong);background:#030303;&::-webkit-progress-bar{background:#030303}&::-webkit-progress-value{background:repeating-linear-gradient(90deg,var(--color-primary),var(--color-primary) 8px,var(--color-primary-hover) 8px,var(--color-primary-hover) 16px)}}::selection{background:var(--color-accent);color:var(--color-text)}}:root[data-theme~="8bit"][data-mode=light],[data-theme~="8bit"][data-mode=light]{color-scheme:light;--_8bit-gb-lightest: oklch(76% .12 115);--_8bit-gb-light: oklch(68% .11 115);--_8bit-gb-dark: oklch(38% .07 140);--_8bit-gb-darkest: oklch(20% .05 145);--color-surface: var(--_8bit-gb-lightest);--color-surface-alt: var(--_8bit-gb-light);--color-surface-raised: oklch(80% .1 115);--color-surface-sunken: var(--_8bit-gb-light);--color-background: var(--_8bit-gb-lightest);--color-text: var(--_8bit-gb-darkest);--color-text-muted: var(--_8bit-gb-dark);--color-text-subtle: oklch(48% .06 135);--color-primary: var(--_8bit-gb-darkest);--color-primary-hover: var(--_8bit-gb-dark);--color-primary-subtle: var(--_8bit-gb-light);--color-border: var(--_8bit-gb-darkest);--color-border-muted: var(--_8bit-gb-dark);--color-border-strong: var(--_8bit-gb-darkest);--color-success: var(--_8bit-gb-darkest);--color-success-subtle: var(--_8bit-gb-light);--color-success-text: var(--_8bit-gb-darkest);--color-warning: var(--_8bit-gb-darkest);--color-warning-subtle: var(--_8bit-gb-light);--color-warning-text: var(--_8bit-gb-darkest);--color-error: var(--_8bit-gb-darkest);--color-error-subtle: var(--_8bit-gb-light);--color-error-text: var(--_8bit-gb-darkest);--color-info: var(--_8bit-gb-darkest);--color-info-subtle: var(--_8bit-gb-light);--color-info-text: var(--_8bit-gb-darkest);--color-interactive: var(--_8bit-gb-darkest);--_8bit-color-yellow: var(--_8bit-gb-darkest);--_8bit-color-cyan: var(--_8bit-gb-darkest);--color-accent: var(--_8bit-gb-darkest);--color-accent-hover: var(--_8bit-gb-dark);--_8bit-color-magenta: var(--_8bit-gb-darkest);--_8bit-color-orange: var(--_8bit-gb-darkest);--_8bit-color-blue: var(--_8bit-gb-darkest);--input-bg: var(--_8bit-gb-lightest);--input-border: var(--_8bit-gb-darkest);--input-border-focus: var(--_8bit-gb-darkest);--control-border: var(--_8bit-gb-darkest);--control-checked-bg: var(--_8bit-gb-darkest);--control-checked-border: var(--_8bit-gb-darkest);--range-track-bg: var(--_8bit-gb-dark);--range-track-fill: var(--_8bit-gb-darkest);--range-thumb-bg: var(--_8bit-gb-lightest);--range-thumb-border: var(--_8bit-gb-darkest);--progress-track-bg: var(--_8bit-gb-dark);--progress-fill: var(--_8bit-gb-darkest);--shadow-xs: 2px 2px 0 var(--_8bit-gb-darkest);--shadow-sm: 4px 4px 0 var(--_8bit-gb-darkest);--shadow-md: 4px 4px 0 var(--_8bit-gb-darkest);--shadow-lg: 8px 8px 0 var(--_8bit-gb-darkest);--shadow-xl: 8px 8px 0 var(--_8bit-gb-darkest);--shadow-2xl: 12px 12px 0 var(--_8bit-gb-darkest);--_8bit-glow-crt: none;:is(main,article) button,:is(main,article) .button{background:var(--_8bit-gb-darkest);color:var(--_8bit-gb-lightest);border-color:var(--_8bit-gb-darkest);&:before{background:#ffffff14}&:hover{background:var(--_8bit-gb-dark);color:var(--_8bit-gb-lightest)}}:is(main,article) input,:is(main,article) textarea{background:var(--_8bit-gb-lightest);color:var(--_8bit-gb-darkest);border-color:var(--_8bit-gb-darkest)}:is(main,article) code{background:var(--_8bit-gb-light);color:var(--_8bit-gb-darkest);border-color:var(--_8bit-gb-dark)}:is(main,article) pre{background:var(--_8bit-gb-darkest);color:var(--_8bit-gb-lightest);border-color:var(--_8bit-gb-dark);& code{background:transparent;color:inherit;border:none}}:is(main,article) code-block{--cb-bg: var(--_8bit-gb-darkest);--cb-code-bg: var(--_8bit-gb-darkest);--cb-header-bg: oklch(25% .05 145);--cb-text-color: var(--_8bit-gb-lightest);--cb-border-color: var(--_8bit-gb-dark);--cb-border-radius: 0;--cb-comment: var(--_8bit-gb-dark);--cb-keyword: var(--_8bit-gb-lightest);--cb-string: oklch(72% .1 115);--cb-function: oklch(60% .08 115);--cb-number: oklch(72% .1 115);--cb-tag: var(--_8bit-gb-light);--cb-attribute: var(--_8bit-gb-lightest);--cb-button-bg: oklch(25% .05 145);--cb-button-color: var(--_8bit-gb-light);--cb-button-hover-bg: var(--_8bit-gb-dark);--cb-scrollbar-track: var(--_8bit-gb-darkest);--cb-scrollbar-thumb: var(--_8bit-gb-dark)}:is(main,article) browser-window{--browser-window-bg: var(--_8bit-gb-lightest);--browser-window-header-bg: var(--_8bit-gb-darkest);--browser-window-content-bg: var(--_8bit-gb-lightest);--browser-window-border-color: var(--_8bit-gb-darkest);--browser-window-text-color: var(--_8bit-gb-lightest);--browser-window-text-muted: var(--_8bit-gb-light);--browser-window-url-bg: var(--_8bit-gb-dark)}}:root[data-theme~="8bit"][data-mode=light]:before{opacity:.05}
+@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~="8bit"],[data-theme~="8bit"]{--color-surface: oklch(20% .02 250);--color-surface-alt: oklch(25% .03 250);--color-surface-raised: oklch(30% .03 250);--color-surface-sunken: oklch(15% .02 250);--color-background: oklch(12% .02 250);--color-text: oklch(95% .02 60);--color-text-muted: oklch(70% .02 60);--color-text-subtle: oklch(50% .02 250);--color-primary: oklch(70% .2 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(75% .22 145);--color-primary-subtle: oklch(30% .08 145);--color-accent: oklch(65% .22 25);--color-accent-hover: oklch(70% .24 25);--_8bit-color-yellow: oklch(85% .18 90);--_8bit-color-blue: oklch(55% .2 250);--_8bit-color-cyan: oklch(75% .15 200);--_8bit-color-magenta: oklch(60% .2 320);--_8bit-color-orange: oklch(75% .2 50);--color-border: oklch(45% .05 250);--color-border-muted: oklch(35% .04 250);--color-border-strong: oklch(95% .02 60);--color-success: oklch(65% .22 145);--color-success-subtle: oklch(25% .08 145);--color-success-text: oklch(75% .18 145);--color-warning: oklch(85% .18 90);--color-warning-subtle: oklch(25% .1 90);--color-warning-text: oklch(82% .15 90);--color-error: oklch(60% .24 25);--color-error-subtle: oklch(25% .1 25);--color-error-text: oklch(72% .2 25);--color-info: oklch(60% .18 250);--color-info-subtle: oklch(25% .08 250);--color-info-text: oklch(72% .15 250);--_8bit-glow-crt: 0 0 10px currentColor, 0 0 20px currentColor;--font-sans: "Press Start 2P", "VT323", "Courier New", monospace;--font-mono: "Press Start 2P", "VT323", "Courier New", monospace;--font-size-adjust: .45;--line-height-normal: 2;--line-height-tight: 1.5;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--_8bit-border-pixel: 4px;--shadow-xs: 2px 2px 0 oklch(0% 0 0);--shadow-s: 4px 4px 0 oklch(0% 0 0);--shadow-m: 4px 4px 0 oklch(0% 0 0);--shadow-l: 8px 8px 0 oklch(0% 0 0);--shadow-xl: 8px 8px 0 oklch(0% 0 0);--shadow-2xl: 12px 12px 0 oklch(0% 0 0);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(4);--ease-out: steps(4);--control-size: 1.5rem;--control-border: oklch(70% .2 145);--control-checked-bg: oklch(70% .2 145);--control-checked-border: oklch(70% .2 145);--input-bg: oklch(15% .02 250);--input-border: oklch(40% .04 250);--input-border-focus: oklch(70% .2 145);--range-track-h: .5rem;--range-track-bg: oklch(25% .03 250);--range-track-fill: oklch(70% .2 145);--range-thumb-size: 1.5rem;--range-thumb-bg: oklch(20% .02 250);--range-thumb-border: oklch(70% .2 145);--progress-track-bg: oklch(25% .03 250);--progress-fill: oklch(70% .2 145)}:root[data-theme~="8bit"]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0% 0 0 / .15) 2px,oklch(0% 0 0 / .15) 4px);z-index:500}:root[data-theme~="8bit"],[data-theme~="8bit"]{--_8bit-pixel-border: linear-gradient( 90deg, var(--color-border-strong) 4px, transparent 4px ) 0 0 / 8px 100% repeat-x, linear-gradient( 180deg, var(--color-border-strong) 4px, transparent 4px ) 0 0 / 100% 8px repeat-y, linear-gradient( 90deg, var(--color-border-strong) 4px, transparent 4px ) 100% 0 / 8px 100% repeat-x, linear-gradient( 180deg, var(--color-border-strong) 4px, transparent 4px ) 0 100% / 100% 8px repeat-y;:is(main,article){& h1,h2,h3,h4{text-transform:uppercase;letter-spacing:.1em}& h1{color:var(--_8bit-color-yellow);text-shadow:var(--_8bit-glow-crt);&:before{content:"\2605  ";color:var(--color-accent)}&:after{content:" \2605";color:var(--color-accent)}}& h2{color:var(--_8bit-color-cyan);border-block-end:var(--_8bit-border-pixel) solid currentColor;padding-block-end:.5rem}& h3{color:var(--color-primary);&:before{content:"\25a0  "}&:after{content:" \25a0"}}.card>h3:before{content:none}}:is(main,article){& hr:not([data-ornament]){border:none;height:var(--_8bit-border-pixel);margin-block:2rem;background:repeating-linear-gradient(90deg,var(--color-accent) 0,var(--color-accent) 8px,var(--_8bit-color-yellow) 8px,var(--_8bit-color-yellow) 16px,var(--color-primary) 16px,var(--color-primary) 24px,var(--_8bit-color-cyan) 24px,var(--_8bit-color-cyan) 32px)}& a:not([class]){color:var(--_8bit-color-cyan);text-decoration:none;border-block-end:var(--_8bit-border-pixel) solid transparent;&:hover{border-color:currentColor;text-shadow:var(--_8bit-glow-crt)}}.button,button{background:var(--color-primary);color:#030303;border:var(--_8bit-border-pixel) solid oklch(0% 0 0);box-shadow:var(--shadow-s);text-transform:uppercase;font-size:var(--font-size-xs);padding:.75rem 1rem;position:relative;&:before{content:"";position:absolute;inset:0 50% 50% 0;background:#fff3}&:hover{background:var(--color-primary-hover);transform:translate(-2px,-2px);box-shadow:var(--shadow-m)}&:active{transform:translate(2px,2px);box-shadow:var(--shadow-xs)}}.card{background:var(--color-surface);border:var(--_8bit-border-pixel) solid var(--color-border-strong);box-shadow:var(--shadow-m);position:relative;padding-block-start:2.5rem;&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";position:absolute;top:0;left:0;right:0;padding:.5rem;background:var(--_8bit-color-blue);color:var(--color-text);font-size:.5rem;border-block-end:var(--_8bit-border-pixel) solid var(--color-border-strong);overflow:hidden;white-space:nowrap}&:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #000}}& input,textarea{background:#030303;border:var(--_8bit-border-pixel) solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:.5rem;&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-text)}& select:not([multiple]):open{border-color:var(--color-primary)}& select:not([multiple])::picker(select){background:var(--color-surface);border:var(--_8bit-border-pixel) solid var(--color-border-strong);box-shadow:var(--shadow-m)}& select:not([multiple]) option:hover{background:var(--color-surface-raised)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-sans);font-size:.625rem;color:var(--_8bit-color-cyan)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border);border-width:var(--_8bit-border-pixel)}}& pre{background:#020202;border:var(--_8bit-border-pixel) solid var(--_8bit-color-cyan);box-shadow:var(--shadow-s);& code{color:var(--color-primary)}}& code{background:#050c13;color:var(--_8bit-color-yellow);border:2px solid var(--color-border);padding:0 .25rem}& blockquote{background:var(--color-surface-alt);border:var(--_8bit-border-pixel) solid var(--_8bit-color-magenta);padding:1rem;position:relative;&:before{content:"\1f4ac";position:absolute;top:-1rem;left:1rem;font-size:1.5rem}}}& article{& ul:not([class]){list-style:none;>li:before{content:"\25ba";color:var(--color-accent);margin-inline-end:.5rem}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-primary);--cb-border-color: var(--_8bit-color-cyan);--cb-keyword: var(--_8bit-color-yellow);--cb-string: var(--_8bit-color-cyan);--cb-function: var(--_8bit-color-magenta);--cb-number: var(--_8bit-color-orange);--cb-tag: var(--_8bit-color-cyan);--cb-attribute: var(--_8bit-color-yellow);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--color-border-strong)}& progress{appearance:none;height:1rem;border:var(--_8bit-border-pixel) solid var(--color-border-strong);background:#030303;&::-webkit-progress-bar{background:#030303}&::-webkit-progress-value{background:repeating-linear-gradient(90deg,var(--color-primary),var(--color-primary) 8px,var(--color-primary-hover) 8px,var(--color-primary-hover) 16px)}}::selection{background:var(--color-accent);color:var(--color-text)}}:root[data-theme~="8bit"][data-mode=light],[data-theme~="8bit"][data-mode=light]{color-scheme:light;--_8bit-gb-lightest: oklch(76% .12 115);--_8bit-gb-light: oklch(68% .11 115);--_8bit-gb-dark: oklch(38% .07 140);--_8bit-gb-darkest: oklch(20% .05 145);--color-surface: var(--_8bit-gb-lightest);--color-surface-alt: var(--_8bit-gb-light);--color-surface-raised: oklch(80% .1 115);--color-surface-sunken: var(--_8bit-gb-light);--color-background: var(--_8bit-gb-lightest);--color-text: var(--_8bit-gb-darkest);--color-text-muted: var(--_8bit-gb-dark);--color-text-subtle: oklch(48% .06 135);--color-primary: var(--_8bit-gb-darkest);--color-primary-hover: var(--_8bit-gb-dark);--color-primary-subtle: var(--_8bit-gb-light);--color-border: var(--_8bit-gb-darkest);--color-border-muted: var(--_8bit-gb-dark);--color-border-strong: var(--_8bit-gb-darkest);--color-success: var(--_8bit-gb-darkest);--color-success-subtle: var(--_8bit-gb-light);--color-success-text: var(--_8bit-gb-darkest);--color-warning: var(--_8bit-gb-darkest);--color-warning-subtle: var(--_8bit-gb-light);--color-warning-text: var(--_8bit-gb-darkest);--color-error: var(--_8bit-gb-darkest);--color-error-subtle: var(--_8bit-gb-light);--color-error-text: var(--_8bit-gb-darkest);--color-info: var(--_8bit-gb-darkest);--color-info-subtle: var(--_8bit-gb-light);--color-info-text: var(--_8bit-gb-darkest);--color-interactive: var(--_8bit-gb-darkest);--_8bit-color-yellow: var(--_8bit-gb-darkest);--_8bit-color-cyan: var(--_8bit-gb-darkest);--color-accent: var(--_8bit-gb-darkest);--color-accent-hover: var(--_8bit-gb-dark);--_8bit-color-magenta: var(--_8bit-gb-darkest);--_8bit-color-orange: var(--_8bit-gb-darkest);--_8bit-color-blue: var(--_8bit-gb-darkest);--input-bg: var(--_8bit-gb-lightest);--input-border: var(--_8bit-gb-darkest);--input-border-focus: var(--_8bit-gb-darkest);--control-border: var(--_8bit-gb-darkest);--control-checked-bg: var(--_8bit-gb-darkest);--control-checked-border: var(--_8bit-gb-darkest);--range-track-bg: var(--_8bit-gb-dark);--range-track-fill: var(--_8bit-gb-darkest);--range-thumb-bg: var(--_8bit-gb-lightest);--range-thumb-border: var(--_8bit-gb-darkest);--progress-track-bg: var(--_8bit-gb-dark);--progress-fill: var(--_8bit-gb-darkest);--shadow-xs: 2px 2px 0 var(--_8bit-gb-darkest);--shadow-s: 4px 4px 0 var(--_8bit-gb-darkest);--shadow-m: 4px 4px 0 var(--_8bit-gb-darkest);--shadow-l: 8px 8px 0 var(--_8bit-gb-darkest);--shadow-xl: 8px 8px 0 var(--_8bit-gb-darkest);--shadow-2xl: 12px 12px 0 var(--_8bit-gb-darkest);--_8bit-glow-crt: none;:is(main,article) button,:is(main,article) .button{background:var(--_8bit-gb-darkest);color:var(--_8bit-gb-lightest);border-color:var(--_8bit-gb-darkest);&:before{background:#ffffff14}&:hover{background:var(--_8bit-gb-dark);color:var(--_8bit-gb-lightest)}}:is(main,article) input,:is(main,article) textarea{background:var(--_8bit-gb-lightest);color:var(--_8bit-gb-darkest);border-color:var(--_8bit-gb-darkest)}:is(main,article) code{background:var(--_8bit-gb-light);color:var(--_8bit-gb-darkest);border-color:var(--_8bit-gb-dark)}:is(main,article) pre{background:var(--_8bit-gb-darkest);color:var(--_8bit-gb-lightest);border-color:var(--_8bit-gb-dark);& code{background:transparent;color:inherit;border:none}}:is(main,article) code-block{--cb-bg: var(--_8bit-gb-darkest);--cb-code-bg: var(--_8bit-gb-darkest);--cb-header-bg: oklch(25% .05 145);--cb-text-color: var(--_8bit-gb-lightest);--cb-border-color: var(--_8bit-gb-dark);--cb-border-radius: 0;--cb-comment: var(--_8bit-gb-dark);--cb-keyword: var(--_8bit-gb-lightest);--cb-string: oklch(72% .1 115);--cb-function: oklch(60% .08 115);--cb-number: oklch(72% .1 115);--cb-tag: var(--_8bit-gb-light);--cb-attribute: var(--_8bit-gb-lightest);--cb-button-bg: oklch(25% .05 145);--cb-button-color: var(--_8bit-gb-light);--cb-button-hover-bg: var(--_8bit-gb-dark);--cb-scrollbar-track: var(--_8bit-gb-darkest);--cb-scrollbar-thumb: var(--_8bit-gb-dark)}:is(main,article) browser-window{--browser-window-bg: var(--_8bit-gb-lightest);--browser-window-header-bg: var(--_8bit-gb-darkest);--browser-window-content-bg: var(--_8bit-gb-lightest);--browser-window-border-color: var(--_8bit-gb-darkest);--browser-window-text-color: var(--_8bit-gb-lightest);--browser-window-text-muted: var(--_8bit-gb-light);--browser-window-url-bg: var(--_8bit-gb-dark)}}:root[data-theme~="8bit"][data-mode=light]:before{opacity:.05}}
 /*# sourceMappingURL=8bit.css.map */

package/dist/cdn/themes/8bit.tokens.json

@@ -439,7 +439,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -464,7 +464,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -489,7 +489,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -631,7 +631,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--caret-color",
         "--_8bit-color-yellow",

package/dist/cdn/themes/alpha1999-dark.tokens.json

@@ -425,7 +425,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": [
           {
@@ -476,7 +476,7 @@
           }
         ]
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": [
           {
@@ -527,7 +527,7 @@
           }
         ]
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": [
           {
@@ -660,7 +660,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--_a99-orange",
         "--_a99-orange-glow",