vanilla-breeze 0.1.0

package/dist/cdn/icons/tabler/star.svg

@@ -0,0 +1,19 @@
+<!--
+tags: [favorite, like, mark, bookmark, grade, star, control, operation, rating, function]
+category: System
+version: "1.0"
+unicode: "eb2e"
+-->
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873l-6.158 -3.245" />
+</svg>

package/dist/cdn/icons/tabler/user.svg

@@ -0,0 +1,20 @@
+<!--
+tags: [person, account, user, control, operation, profile, member, function, interface, management]
+category: System
+version: "1.0"
+unicode: "eb4d"
+-->
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" />
+  <path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" />
+</svg>

package/dist/cdn/icons/tabler/zap.svg

@@ -0,0 +1,19 @@
+<!--
+category: Design
+tags: [energy, power, electricity, storm, lightning, flash, bolt, quick, fast, speed]
+version: "1.0"
+unicode: "ea38"
+-->
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" />
+</svg>

package/dist/cdn/packs/design-system.full.css

@@ -0,0 +1,2 @@
+color-palette:not(:defined){display:block}color-palette{display:block}color-palette .palette{display:flex;flex-wrap:wrap;gap:var(--size-xs, .5rem)}color-palette .palette.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}color-palette .palette.list{flex-direction:column}color-palette .palette.list .swatch-wrap{flex-direction:row;align-items:center;gap:var(--size-s, .75rem)}color-palette .palette.list .color-box{inline-size:36px!important;block-size:36px!important}color-palette .swatch-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--size-2xs, .25rem)}color-palette .color-box{position:relative;border:1px solid oklch(0% 0 0 / .15);border-radius:var(--radius-s, .25rem);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-family:var(--font-mono, monospace);transition:transform .15s ease,box-shadow .15s ease;overflow:hidden}color-palette .color-box:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;z-index:1}color-palette .color-box:focus-visible{outline:2px solid var(--color-focus-ring, currentColor);outline-offset:2px}color-palette .color-value{font-size:.625rem;line-height:1.2;opacity:0;transition:opacity .15s ease;text-align:center;padding:2px 4px;word-break:break-all}color-palette .color-box:hover .color-value,color-palette .color-box:focus-visible .color-value,color-palette .color-value.visible{opacity:1}color-palette .color-box.copied:after{content:"Copied!";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;font-size:var(--font-size-xs, .75rem);font-weight:600;font-family:var(--font-sans, system-ui);border-radius:inherit}color-palette .color-name{font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted, #666);text-align:center;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}type-specimen:not(:defined){display:block}type-specimen{display:block}type-specimen .specimen-header{margin-block-end:var(--size-s, .75rem)}type-specimen .specimen-label{display:block;font-size:var(--font-size-xs, .75rem);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted, #666);margin-block-end:var(--size-2xs, .25rem);font-family:var(--font-sans, system-ui)}type-specimen .specimen-sample{font-size:var(--font-size-3xl, 1.875rem);line-height:1.2;margin:0;padding:var(--size-xs, .5rem);border:1px dashed transparent;border-radius:var(--radius-s, .25rem);transition:border-color .15s ease;cursor:text}type-specimen .specimen-sample:hover{border-color:var(--color-border, #ddd)}type-specimen .specimen-sample:focus{outline:none;border-color:var(--color-primary, #333)}type-specimen .specimen-chars{display:flex;flex-direction:column;gap:var(--size-2xs, .25rem);margin-block-end:var(--size-s, .75rem);padding:var(--size-xs, .5rem);background:var(--color-surface-raised, #f8f8f8);border-radius:var(--radius-s, .25rem)}type-specimen .char-row{display:flex;flex-wrap:wrap;gap:2px;align-items:center;font-size:var(--font-size-sm, .875rem)}type-specimen .char-label{font-family:var(--font-sans, system-ui);font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-muted, #666);inline-size:3.5rem;flex-shrink:0}type-specimen .char-row span:not(.char-label){inline-size:1.25em;text-align:center}type-specimen .specimen-weights{display:flex;flex-wrap:wrap;gap:var(--size-s, .75rem);margin-block-end:var(--size-s, .75rem)}type-specimen .weight-sample{display:flex;flex-direction:column;align-items:center;gap:2px}type-specimen .weight-label{font-family:var(--font-mono, monospace);font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted, #666)}type-specimen .weight-text{font-size:var(--font-size-2xl, 1.5rem)}type-specimen .specimen-scale{display:flex;flex-direction:column;gap:var(--size-2xs, .25rem)}type-specimen .scale-step{display:flex;align-items:baseline;gap:var(--size-s, .75rem);line-height:1.3}type-specimen .scale-label{font-family:var(--font-mono, monospace);font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted, #666);inline-size:2.5rem;flex-shrink:0;text-align:end}type-specimen .scale-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}spacing-specimen:not(:defined){display:block}spacing-specimen{display:block}spacing-specimen .specimen-label{display:block;font-size:var(--font-size-xs, .75rem);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted, #666);margin-block-end:var(--size-s, .75rem);font-family:var(--font-sans, system-ui)}spacing-specimen .specimen-scale{display:flex;flex-direction:column;gap:var(--size-2xs, .25rem)}spacing-specimen .scale-step{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:var(--size-s, .75rem);min-block-size:1.75rem}spacing-specimen .scale-name{font-family:var(--font-mono, monospace);font-size:var(--font-size-sm, .875rem);color:var(--color-text-muted, #666);text-align:end}spacing-specimen .scale-bar{display:block;block-size:var(--size-m, 1rem);min-inline-size:2px;background:var(--color-interactive, oklch(55% .2 260));border-radius:var(--radius-s, .25rem);transition:inline-size .3s ease}spacing-specimen .scale-value{font-family:var(--font-mono, monospace);font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted, #666);font-variant-numeric:tabular-nums;min-inline-size:3.5rem;text-align:end}token-specimen:not(:defined){display:block;min-height:2rem}token-specimen{display:block}component-sampler:not(:defined){display:block}component-sampler{display:block}[data-list=do-dont],[data-list=pro-con]{list-style:none;padding-inline-start:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--size-s, .5rem)}[data-list]>[data-do],[data-list]>[data-pro]{padding:var(--size-s, .5rem) var(--size-m, 1rem);border-inline-start:4px solid var(--color-success, oklch(55% .2 145));background:var(--color-success-subtle, oklch(95% .03 145));border-radius:var(--radius-s, .25rem)}[data-list]>[data-dont],[data-list]>[data-con]{padding:var(--size-s, .5rem) var(--size-m, 1rem);border-inline-start:4px solid var(--color-error, oklch(55% .22 25));background:var(--color-error-subtle, oklch(95% .03 25));border-radius:var(--radius-s, .25rem)}[data-list=do-dont]>[data-do]:before{content:"Do";display:block;font-weight:700;font-size:var(--font-size-xs, .75rem);color:var(--color-success, oklch(45% .2 145));margin-block-end:var(--size-2xs, .25rem);text-transform:uppercase;letter-spacing:.05em}[data-list=do-dont]>[data-dont]:before{content:"Don\2019t";display:block;font-weight:700;font-size:var(--font-size-xs, .75rem);color:var(--color-error, oklch(45% .22 25));margin-block-end:var(--size-2xs, .25rem);text-transform:uppercase;letter-spacing:.05em}[data-list=pro-con]>[data-pro]:before{content:"Pro";display:block;font-weight:700;font-size:var(--font-size-xs, .75rem);color:var(--color-success, oklch(45% .2 145));margin-block-end:var(--size-2xs, .25rem);text-transform:uppercase;letter-spacing:.05em}[data-list=pro-con]>[data-con]:before{content:"Con";display:block;font-weight:700;font-size:var(--font-size-xs, .75rem);color:var(--color-error, oklch(45% .22 25));margin-block-end:var(--size-2xs, .25rem);text-transform:uppercase;letter-spacing:.05em}.ds-token-table{width:100%;border-collapse:collapse;font-size:var(--font-size-s, .875rem)}.ds-token-table thead{border-block-end:2px solid var(--color-border, #ddd)}.ds-token-table th{text-align:start;padding:var(--size-xs, .25rem) var(--size-s, .5rem);font-size:var(--font-size-xs, .75rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #666)}.ds-token-table td{padding:var(--size-xs, .25rem) var(--size-s, .5rem);border-block-end:1px solid var(--color-border, #eee);vertical-align:middle}.ds-token-table code{font-family:var(--font-mono, monospace);font-size:var(--font-size-xs, .75rem)}.ds-token-table .ds-swatch{display:inline-block;width:2.5rem;height:1.5rem;border-radius:var(--radius-s, .25rem);border:1px solid var(--color-border, #ddd);vertical-align:middle}.ds-token-table token-swatch{display:inline-flex}.ds-token-table token-swatch>[data-preview]{width:2.5rem;height:1.5rem;border-radius:var(--radius-s, .25rem);border:1px solid var(--color-border, #ddd)}
+/*# sourceMappingURL=design-system.full.css.map */

package/dist/cdn/packs/design-system.full.js

@@ -0,0 +1,90 @@
+var R=window.matchMedia("(prefers-reduced-motion: reduce)");var z=new Map;function f(i,t,o={}){let e=o.priority??10,s={impl:t,bundle:o.bundle,contract:o.contract,priority:e},a=z.get(i);if(customElements.get(i)){if(!a||a.priority>=e){a&&a.priority===e&&a.impl!==t&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${a.bundle}" (priority ${a.priority}). Skipping "${o.bundle}".`);return}console.warn(`[VB Bundle] Tag <${i}> defined by "${a.bundle}" cannot be replaced (customElements.define is permanent). "${o.bundle}" has higher priority but arrived late.`);return}if(a&&a.priority>=e){a.priority===e&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${a.bundle}". Skipping "${o.bundle}" (first wins at equal priority).`);return}z.set(i,s),customElements.define(i,t)}var u=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let t of this.#e)t();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,o,e,s){t.addEventListener(o,e,s),this.#e.push(()=>t.removeEventListener(o,e,s))}setup(){}teardown(){}};var g=class extends u{static observedAttributes=["colors","names","layout","show-values","show-names","size"];setup(){this.#e()}attributeChangedCallback(){this.isConnected&&this.#e()}#e(){let t=this.getAttribute("colors")||"",o=this.getAttribute("names")||"",e=this.getAttribute("layout")||"inline",s=this.getAttribute("size")||"md",a=this.hasAttribute("show-values"),n=this.hasAttribute("show-names")||o.length>0,l=this.#s(t),m=o?o.split(",").map(d=>d.trim()):[],r={sm:48,md:80,lg:120}[s]||80,b="display:flex;flex-wrap:wrap;gap:var(--size-xs,0.5rem)";e==="grid"?b=`display:grid;grid-template-columns:repeat(auto-fill,minmax(${r}px,1fr));gap:var(--size-xs,0.5rem)`:e==="list"&&(b="display:flex;flex-direction:column;gap:var(--size-xs,0.5rem)");let C=l.map((d,p)=>{let h=m[p]||"",y=this.#o(d),S=e==="list"?"display:flex;flex-direction:row;align-items:center;gap:0.75rem":`display:flex;flex-direction:column;align-items:center;gap:0.25rem;max-inline-size:${r}px`,k=e==="list"?36:r;return`<div class="swatch-wrap" role="listitem" style="${S}">
+        <button type="button" class="color-box" data-index="${p}"
+          style="background:${d};color:${y};width:${k}px;height:${k}px;border:1px solid oklch(0% 0 0/0.15);border-radius:var(--radius-s,0.25rem);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-family:var(--font-mono,monospace);position:relative;overflow:hidden;flex-shrink:0"
+          title="Click to copy${h?": "+h:""}"
+          aria-label="${h||"Color "+(p+1)}: ${d}">
+          <span class="color-value" style="font-size:0.625rem;line-height:1.2;opacity:${a?"1":"0"};text-align:center;padding:2px 4px;word-break:break-all;transition:opacity 0.15s ease">${this.#t(d)}</span>
+        </button>
+        ${n&&h?`<span style="font-size:var(--font-size-xs,0.75rem);color:var(--color-text-muted,#666);text-align:center;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${h}</span>`:""}
+      </div>`}).join("");this.innerHTML=`<div class="palette ${e}" role="list" aria-label="Color palette" style="${b}">${C}</div>`,this.querySelectorAll(".color-box").forEach(d=>{a||(d.addEventListener("pointerenter",()=>{let p=d.querySelector(".color-value");p&&(p.style.opacity="1")}),d.addEventListener("pointerleave",()=>{let p=d.querySelector(".color-value");p&&(p.style.opacity="0")})),d.addEventListener("click",()=>{let p=Number(d.dataset.index),h=l[p],y=m[p]||"";navigator.clipboard?.writeText(h),this.dispatchEvent(new CustomEvent("color-palette:select",{bubbles:!0,detail:{color:h,name:y,index:p}})),d.style.outline="3px solid currentColor",d.style.outlineOffset="2px",setTimeout(()=>{d.style.outline="",d.style.outlineOffset=""},600)})})}#t(t){if(t.startsWith("#"))return t;let o=t.match(/oklch\(\s*([\d.]+)%?\s+([\d.]+)\s+([\d.]+)/);return o?`${o[1]}% .${o[2].replace("0.","")}`:t.length>12?t.slice(0,12)+"\u2026":t}#s(t){if(!t)return[];let o=[],e=0,s="";for(let a of t)a==="("?e++:a===")"&&e--,a===","&&e===0?(o.push(s.trim()),s=""):s+=a;return s.trim()&&o.push(s.trim()),o}#o(t){let o=t.match(/oklch\(\s*([\d.]+)%?\s/);if(o){let e=parseFloat(o[1]);return(e>1?e/100:e)>.6?"#000":"#fff"}if(t.startsWith("#")){let e=t.replace("#",""),s=parseInt(e.substring(0,2),16)/255,a=parseInt(e.substring(2,4),16)/255,n=parseInt(e.substring(4,6),16)/255;return .2126*s+.7152*a+.0722*n>.4?"#000":"#fff"}return"#000"}};f("color-palette",g);var v=class extends u{static observedAttributes=["font-family","label","sample","show-scale","show-weights","show-characters","weights"];setup(){this.#e()}attributeChangedCallback(){this.isConnected&&this.#e()}#e(){let t=this.getAttribute("font-family")||"system-ui",o=this.getAttribute("label")||t.replace(/['"]/g,"").split(",")[0],e=this.getAttribute("sample")||"The quick brown fox jumps over the lazy dog",s=this.hasAttribute("show-scale"),a=this.hasAttribute("show-weights"),n=this.hasAttribute("show-characters"),m=(this.getAttribute("weights")||"300,400,500,600,700").split(",").map(r=>r.trim()),c="";if(c+=`<div class="specimen-header" style="font-family:${t}">
+      <span class="specimen-label">${o}</span>
+      <p class="specimen-sample" contenteditable="plaintext-only" spellcheck="false">${e}</p>
+    </div>`,n&&(c+=`<div class="specimen-chars" style="font-family:${t}">
+        <div class="char-row"><span class="char-label">Upper</span>${"ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").map(r=>`<span>${r}</span>`).join("")}</div>
+        <div class="char-row"><span class="char-label">Lower</span>${"abcdefghijklmnopqrstuvwxyz".split("").map(r=>`<span>${r}</span>`).join("")}</div>
+        <div class="char-row"><span class="char-label">Digits</span>${"0123456789".split("").map(r=>`<span>${r}</span>`).join("")}</div>
+        <div class="char-row"><span class="char-label">Punct</span>${"!@#$%^&*()_+-=[]{}|;:,.<>?".split("").map(r=>`<span>${r==="<"?"&lt;":r===">"?"&gt;":r==="&"?"&amp;":r}</span>`).join("")}</div>
+      </div>`),a){c+='<div class="specimen-weights">';for(let r of m)c+=`<div class="weight-sample" style="font-family:${t};font-weight:${r}">
+          <span class="weight-label">${r}</span>
+          <span class="weight-text">Aa</span>
+        </div>`;c+="</div>"}if(s){let r=[{name:"xs",rem:.75},{name:"sm",rem:.875},{name:"md",rem:1},{name:"lg",rem:1.125},{name:"xl",rem:1.25},{name:"2xl",rem:1.5},{name:"3xl",rem:1.875},{name:"4xl",rem:2.25},{name:"5xl",rem:3}];c+='<div class="specimen-scale">';for(let b of r)c+=`<div class="scale-step" style="font-family:${t};font-size:${b.rem}rem">
+          <span class="scale-label">${b.name}</span>
+          <span class="scale-text">${e.substring(0,30)}</span>
+        </div>`;c+="</div>"}this.innerHTML=c}};f("type-specimen",v);var x=class extends u{static observedAttributes=["tokens","prefix","show-values","label"];setup(){this.#e()}attributeChangedCallback(){this.isConnected&&this.#e()}#e(){let t=this.getAttribute("tokens")||"3xs,2xs,xs,s,m,l,xl,2xl,3xl",o=this.getAttribute("prefix")||"--size-",e=this.getAttribute("show-values")!=="false",s=this.getAttribute("label")||"",a=t.split(",").map(l=>l.trim()),n="";s&&(n+=`<div style="font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted,#666);margin-block-end:0.75rem;font-family:var(--font-sans,system-ui)">${s}</div>`),n+=`<div role="list" aria-label="${s||"Spacing scale"}" style="display:flex;flex-direction:column;gap:0.25rem">`;for(let l of a){let m=`${o}${l}`;n+=`<div role="listitem" style="display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:0.75rem;min-block-size:1.75rem">
+        <span style="font-family:var(--font-mono,monospace);font-size:0.875rem;color:var(--color-text-muted,#666);text-align:end">${l}</span>
+        <div class="scale-bar" style="display:block;block-size:var(--size-m,1rem);min-inline-size:2px;inline-size:var(${m});background:var(--color-interactive,oklch(55% 0.2 260));border-radius:var(--radius-s,0.25rem)" aria-hidden="true"></div>
+        ${e?'<span class="scale-value" style="font-family:var(--font-mono,monospace);font-size:0.75rem;color:var(--color-text-muted,#666);font-variant-numeric:tabular-nums;min-inline-size:3.5rem;text-align:end"></span>':""}
+      </div>`}n+="</div>",this.innerHTML=n,e&&requestAnimationFrame(()=>{this.querySelectorAll(".scale-bar").forEach(l=>{let m=l.getBoundingClientRect().width,c=l.nextElementSibling;c&&(c.textContent=`${Math.round(m*100)/100}px`)})})}};f("spacing-specimen",x);var A={shadow:{prefix:"--shadow-",tokens:"xs,s,m,l,xl,2xl"},radius:{prefix:"--radius-",tokens:"xs,s,m,l,xl,2xl,full"},border:{prefix:"--border-width-",tokens:"thin,medium,thick"},color:{prefix:"--color-",tokens:"primary,secondary,accent,success,warning,error,info"},size:{prefix:"--size-",tokens:"3xs,2xs,xs,s,m,l,xl,2xl,3xl"}},E={shadow:M,radius:L,border:T,color:q,size:B},w=class extends u{static observedAttributes=["type","tokens","prefix","show-values","label"];setup(){this.#e()}attributeChangedCallback(){this.isConnected&&this.#e()}#e(){let t=this.getAttribute("type")||"shadow",o=A[t]||A.shadow,e=this.getAttribute("prefix")||o.prefix,s=this.getAttribute("tokens")||o.tokens,a=this.getAttribute("show-values")!=="false",n=this.getAttribute("label")||"",l=s.split(",").map(r=>r.trim()),m=E[t]||E.shadow,c="";n&&(c+=`<p style="font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted,#666);margin-block-end:0.75rem;font-family:var(--font-sans,system-ui)">${n}</p>`),c+=m(l,e,a),this.innerHTML=c,a&&requestAnimationFrame(()=>this.#t(t,e,l))}#t(t,o,e){let s=getComputedStyle(this);this.querySelectorAll("[data-token-value]").forEach(a=>{let n=a.dataset.tokenValue,l=s.getPropertyValue(`${o}${n}`).trim();if(t==="radius"||t==="size"){let m=this.querySelector(`[data-token-sample="${n}"]`);if(m){let c=t==="radius"?"borderRadius":"width",r=t==="size"?m.getBoundingClientRect().width:null;a.textContent=r!=null?`${Math.round(r*100)/100}px`:l||"\u2014"}}else a.textContent=l||"\u2014"})}};function M(i,t,o){let e='<div role="list" style="display:flex;flex-wrap:wrap;gap:1rem;align-items:end">';for(let s of i)e+=`<div role="listitem" style="text-align:center">
+      <div style="width:7rem;height:5rem;background:var(--color-surface,#fff);border-radius:var(--radius-m,0.5rem);box-shadow:var(${t}${s})" aria-hidden="true"></div>
+      <p style="font-family:var(--font-mono,monospace);font-size:0.75rem;color:var(--color-text-muted,#666);margin-block-start:0.5rem">${s}</p>
+      ${o?`<p data-token-value="${s}" style="font-family:var(--font-mono,monospace);font-size:0.625rem;color:var(--color-text-muted,#999);max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"></p>`:""}
+    </div>`;return e+="</div>",e}function L(i,t,o){let e='<div role="list" style="display:flex;flex-wrap:wrap;gap:1rem;align-items:end">';for(let s of i)e+=`<div role="listitem" style="text-align:center">
+      <div data-token-sample="${s}" style="width:4.5rem;height:4.5rem;background:var(--color-primary,oklch(55% 0.2 260));border-radius:var(${t}${s});display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.75rem;font-family:var(--font-mono,monospace)" aria-hidden="true">${s}</div>
+      ${o?`<p data-token-value="${s}" style="font-family:var(--font-mono,monospace);font-size:0.625rem;color:var(--color-text-muted,#999);margin-block-start:0.25rem"></p>`:""}
+    </div>`;return e+="</div>",e}function T(i,t,o){let e='<div role="list" style="display:flex;flex-direction:column;gap:0.75rem">';for(let s of i)e+=`<div role="listitem" style="display:grid;grid-template-columns:4rem 1fr auto;align-items:center;gap:0.75rem">
+      <span style="font-family:var(--font-mono,monospace);font-size:0.875rem;color:var(--color-text-muted,#666);text-align:end">${s}</span>
+      <div style="border-block-start:var(${t}${s}) solid var(--color-text,#333);min-inline-size:4rem" aria-hidden="true"></div>
+      ${o?`<span data-token-value="${s}" style="font-family:var(--font-mono,monospace);font-size:0.75rem;color:var(--color-text-muted,#666);font-variant-numeric:tabular-nums"></span>`:""}
+    </div>`;return e+="</div>",e}function q(i,t,o){let e='<div role="list" style="display:flex;flex-wrap:wrap;gap:0.75rem">';for(let s of i)e+=`<div role="listitem" style="text-align:center">
+      <div style="width:4rem;height:3rem;background:var(${t}${s});border-radius:var(--radius-s,0.25rem);border:1px solid var(--color-border,#ddd)" aria-hidden="true"></div>
+      <p style="font-family:var(--font-mono,monospace);font-size:0.625rem;color:var(--color-text-muted,#666);margin-block-start:0.25rem">${s}</p>
+      ${o?`<p data-token-value="${s}" style="font-family:var(--font-mono,monospace);font-size:0.5625rem;color:var(--color-text-muted,#999);max-width:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"></p>`:""}
+    </div>`;return e+="</div>",e}function B(i,t,o){let e='<div role="list" style="display:flex;flex-direction:column;gap:0.25rem">';for(let s of i)e+=`<div role="listitem" style="display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:0.75rem;min-block-size:1.75rem">
+      <span style="font-family:var(--font-mono,monospace);font-size:0.875rem;color:var(--color-text-muted,#666);text-align:end">${s}</span>
+      <div data-token-sample="${s}" style="display:block;block-size:var(--size-m,1rem);min-inline-size:2px;inline-size:var(${t}${s});background:var(--color-interactive,oklch(55% 0.2 260));border-radius:var(--radius-s,0.25rem)" aria-hidden="true"></div>
+      ${o?`<span data-token-value="${s}" style="font-family:var(--font-mono,monospace);font-size:0.75rem;color:var(--color-text-muted,#666);font-variant-numeric:tabular-nums;min-inline-size:3.5rem;text-align:end"></span>`:""}
+    </div>`;return e+="</div>",e}f("token-specimen",w);var N={button:()=>`
+    <layout-cluster data-layout-gap="s">
+      <button>Primary</button>
+      <button class="secondary">Secondary</button>
+      <button disabled>Disabled</button>
+    </layout-cluster>`,input:()=>`
+    <layout-stack data-layout-gap="xs">
+      <input type="text" placeholder="Text input" aria-label="Sample text input"/>
+      <input type="email" placeholder="email@example.com" aria-label="Sample email"/>
+      <input type="text" value="Read only" readonly aria-label="Read-only input"/>
+    </layout-stack>`,select:()=>`
+    <select aria-label="Sample select">
+      <option>Choose an option</option>
+      <option>Option A</option>
+      <option>Option B</option>
+      <option>Option C</option>
+    </select>`,checkbox:()=>`
+    <layout-stack data-layout-gap="xs">
+      <label><input type="checkbox" checked="checked"/> Checked option</label>
+      <label><input type="checkbox"/> Unchecked option</label>
+      <label><input type="checkbox" disabled/> Disabled option</label>
+    </layout-stack>`,radio:()=>`
+    <layout-stack data-layout-gap="xs">
+      <label><input type="radio" name="sampler-radio" checked="checked"/> Selected</label>
+      <label><input type="radio" name="sampler-radio"/> Unselected</label>
+      <label><input type="radio" name="sampler-radio" disabled/> Disabled</label>
+    </layout-stack>`,badge:()=>`
+    <layout-cluster data-layout-gap="xs">
+      <layout-badge>Default</layout-badge>
+      <layout-badge data-color="success">Success</layout-badge>
+      <layout-badge data-color="warning">Warning</layout-badge>
+      <layout-badge data-color="danger">Danger</layout-badge>
+      <layout-badge data-color="info">Info</layout-badge>
+    </layout-cluster>`,progress:()=>`
+    <layout-stack data-layout-gap="xs">
+      <progress value="33" max="100">33%</progress>
+      <progress value="66" max="100">66%</progress>
+      <progress value="100" max="100">100%</progress>
+    </layout-stack>`,range:()=>`
+    <input type="range" min="0" max="100" value="50" aria-label="Sample range"/>`,textarea:()=>`
+    <textarea rows="3" placeholder="Textarea sample" aria-label="Sample textarea" style="width:100%"></textarea>`},$=class extends u{static observedAttributes=["components","label","compact"];setup(){this.#e()}attributeChangedCallback(){this.isConnected&&this.#e()}#e(){let t=this.getAttribute("components")||"button,input,select,checkbox,radio,badge,progress",o=this.getAttribute("label")||"",e=this.hasAttribute("compact"),s=t.split(",").map(l=>l.trim()),a=e?"0.75rem":"1.25rem",n="";o&&(n+=`<p style="font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted,#666);margin-block-end:0.75rem;font-family:var(--font-sans,system-ui)">${o}</p>`),n+=`<section style="display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:${a}">`;for(let l of s){let m=N[l];m&&(n+=`<article style="border:1px solid var(--color-border,#ddd);border-radius:var(--radius-m,0.5rem);padding:var(--size-m,1rem);background:var(--color-surface,#fff)">
+        <p style="font-size:0.625rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted,#999);margin-block-end:var(--size-s,0.5rem);font-family:var(--font-sans,system-ui)">${l}</p>
+        ${m()}
+      </article>`)}n+="</section>",this.innerHTML=n}};f("component-sampler",$);
+//# sourceMappingURL=design-system.full.js.map

package/dist/cdn/packs/effects.full.css

@@ -0,0 +1,2 @@
+star-rating:not(:defined){display:inline-block;min-block-size:1.5rem;min-inline-size:7.5rem}star-rating:defined{display:inline-block}star-rating[readonly]{cursor:default}star-rating[readonly] .star-filled{color:var(--color-warning, oklch(75% .15 85))}star-rating[readonly] .star-empty{color:var(--color-border, oklch(75% 0 0))}star-rating[readonly] .star-partial{position:relative;color:var(--color-border, oklch(75% 0 0))}star-rating[readonly] .star-partial-fill{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--_star-fill, 50%)) 0 0);color:var(--color-warning, oklch(75% .15 85))}.animate-image-wrapper{position:relative;display:inline-block}.animate-image-wrapper>img{display:block}.animate-image-toggle{all:unset;position:absolute;inset-block-end:var(--size-xs, .5rem);inset-inline-end:var(--size-xs, .5rem);display:flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;border-radius:50%;background:#0009;color:#fff;cursor:pointer;z-index:1;transition:background var(--duration-fast, .15s)}.animate-image-toggle:hover{background:#000c}.animate-image-toggle:focus-visible{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:2px}.animate-image-toggle:before{content:"";display:block;inline-size:.35rem;block-size:.7rem;border-inline:2px solid white}.animate-image-toggle.paused:before{inline-size:0;block-size:0;border-inline:none;border-block-start:.4rem solid transparent;border-block-end:.4rem solid transparent;border-inline-start:.6rem solid white;margin-inline-start:2px}data[data-effect~=ticker]{font-variant-numeric:tabular-nums}[data-effect~=glitch][data-effect-glitch-init]{position:relative;display:inline-block}[data-effect~=glitch][data-effect-glitch-init]:before,[data-effect~=glitch][data-effect-glitch-init]:after{content:attr(data-glitch-text);position:absolute;inset:0;overflow:hidden}[data-effect~=glitch][data-effect-glitch-init]:before{color:oklch(65% .25 210);animation:vb-glitch-1 2s infinite linear alternate-reverse;clip-path:inset(0 0 65% 0)}[data-effect~=glitch][data-effect-glitch-init]:after{color:oklch(65% .25 25);animation:vb-glitch-2 2s infinite linear alternate-reverse;clip-path:inset(65% 0 0 0)}[data-effect~=glitch][data-trigger~=hover][data-effect-glitch-init]:before,[data-effect~=glitch][data-trigger~=hover][data-effect-glitch-init]:after{opacity:0}[data-effect~=glitch][data-trigger~=hover][data-effect-glitch-init]:hover:before,[data-effect~=glitch][data-trigger~=hover][data-effect-glitch-init]:hover:after{opacity:1}@keyframes vb-glitch-1{0%{clip-path:inset(20% 0 60% 0);transform:translate(-2px,-1px)}20%{clip-path:inset(50% 0 20% 0);transform:translate(2px,1px)}40%{clip-path:inset(10% 0 70% 0);transform:translate(-1px,2px)}60%{clip-path:inset(40% 0 30% 0);transform:translate(1px,-2px)}80%{clip-path:inset(70% 0 5% 0);transform:translate(-2px,1px)}to{clip-path:inset(30% 0 40% 0);transform:translate(2px,-1px)}}@keyframes vb-glitch-2{0%{clip-path:inset(60% 0 10% 0);transform:translate(2px,1px)}20%{clip-path:inset(20% 0 50% 0);transform:translate(-2px,-1px)}40%{clip-path:inset(70% 0 10% 0);transform:translate(1px,-2px)}60%{clip-path:inset(10% 0 60% 0);transform:translate(-1px,2px)}80%{clip-path:inset(40% 0 30% 0);transform:translate(2px,-1px)}to{clip-path:inset(5% 0 70% 0);transform:translate(-2px,1px)}}@media(prefers-reduced-motion:reduce){[data-effect~=glitch][data-effect-glitch-init]:before,[data-effect~=glitch][data-effect-glitch-init]:after{animation:none;opacity:0}}:root[data-motion-reduced] [data-effect~=glitch][data-effect-glitch-init]:before,:root[data-motion-reduced] [data-effect~=glitch][data-effect-glitch-init]:after{animation:none;opacity:0}[data-effect~=blur-reveal][data-effect-blur-reveal-init] .vb-blur-chunk{display:inline-block;opacity:0;filter:blur(8px);transition:opacity .4s var(--ease-out, ease-out),filter .4s var(--ease-out, ease-out);transition-delay:calc(var(--i, 0) * var(--blur-delay, 80ms))}[data-effect~=blur-reveal][data-effect-blur-reveal-init][data-effect-active] .vb-blur-chunk{opacity:1;filter:blur(0)}.vb-typewriter-cursor{display:inline;animation:vb-typewriter-blink .7s step-end infinite;font-weight:100;margin-inline-start:1px}@keyframes vb-typewriter-blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.vb-typewriter-cursor{animation:none}}:root[data-motion-reduced] .vb-typewriter-cursor{animation:none}[data-effect~=scramble][data-effect-scramble-init]{font-variant-numeric:tabular-nums}
+/*# sourceMappingURL=effects.full.css.map */

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

@@ -0,0 +1,2 @@
+var T=window.matchMedia("(prefers-reduced-motion: reduce)");function v(){return T.matches||document.documentElement.hasAttribute("data-motion-reduced")}var A=0,f={_effects:new Map,_triggers:new Map,_transitions:new Map,_instances:new WeakMap,_triggerCleanups:new WeakMap,_transitionCleanups:new WeakMap,_observer:null,effect(t,e){this._effects.set(t,e),document.querySelectorAll("[data-effect]").forEach(r=>{(r.getAttribute("data-effect")||"").split(/\s+/).includes(t)&&this._initEffect(r,t)})},trigger(t,e){this._triggers.set(t,e)},transition(t,e){this._transitions.set(t,e)},uid(t){return t.id?t.id:(t._vbUid||(A++,t._vbUid=`vb-${A}`),t._vbUid)},theme(t,e){this._themes=this._themes||new Map,this._themes.set(t,e)},applyTheme(t,e=document.documentElement){let r=this._themes?.get(t);if(r)for(let[i,n]of Object.entries(r))e.style.setProperty(i,n)},swap(t){return document.startViewTransition?document.startViewTransition(t):t()},observe(t=document){if(t.querySelectorAll("[data-effect]").forEach(r=>this._processElement(r)),t.querySelectorAll("[data-stagger]").forEach(r=>this._processStagger(r)),t.querySelectorAll("[data-transition]").forEach(r=>this._processTransition(r)),this._observer)return;this._observer=new MutationObserver(r=>{for(let i of r){if(i.type==="childList"){for(let n of i.addedNodes)n.nodeType===Node.ELEMENT_NODE&&this._processTree(n);for(let n of i.removedNodes)n.nodeType===Node.ELEMENT_NODE&&this._cleanupTree(n)}if(i.type==="attributes"){let n=i.target;i.attributeName==="data-effect"&&this._reconcileEffects(n),i.attributeName==="data-trigger"&&this._reconcileTrigger(n),i.attributeName==="data-stagger"&&this._processStagger(n),i.attributeName==="data-transition"&&this._processTransition(n)}}});let e=t===document?document.body:t;this._observer.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-effect","data-trigger","data-stagger","data-transition"]})},disconnect(){this._observer&&(this._observer.disconnect(),this._observer=null)},params(t){let e=getComputedStyle(t);return{get(r){return e.getPropertyValue(`--vb-${r}`).trim()},getNumber(r,i=0){let n=e.getPropertyValue(`--vb-${r}`).trim();return n?parseFloat(n):i},hasClass(r){return t.classList.contains(r)}}},emit(t,e,r={}){t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:r}))},prefersReducedMotion:v,_processTree(t){t.hasAttribute?.("data-effect")&&this._processElement(t),t.hasAttribute?.("data-stagger")&&this._processStagger(t),t.hasAttribute?.("data-transition")&&this._processTransition(t),t.querySelectorAll?.("[data-effect]").forEach(e=>this._processElement(e)),t.querySelectorAll?.("[data-stagger]").forEach(e=>this._processStagger(e)),t.querySelectorAll?.("[data-transition]").forEach(e=>this._processTransition(e))},_cleanupTree(t){t.hasAttribute?.("data-effect")&&this._cleanupElement(t),t.hasAttribute?.("data-transition")&&this._cleanupTransition(t),t.querySelectorAll?.("[data-effect]").forEach(e=>this._cleanupElement(e)),t.querySelectorAll?.("[data-transition]").forEach(e=>this._cleanupTransition(e))},_processElement(t){if(t.hasAttribute("data-effect-processed"))return;t.setAttribute("data-effect-processed","");let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];for(let r of e)this._initEffect(t,r);this._wireTrigger(t,e)},_initEffect(t,e){let r=this._effects.get(e);if(!r)return;let i=this._instances.get(t);if(i?.has(e))return;v();let n=r(t);n&&(i||(i=new Map,this._instances.set(t,i)),typeof n=="function"?i.set(e,{cleanup:n}):i.set(e,n))},_wireTrigger(t,e){let r=t.getAttribute("data-trigger");if(!r){this._activateEffects(t);return}let i=r.split(/\s+/).filter(Boolean);for(let n of i){let s=n.indexOf(":"),o=s>-1?n.slice(0,s):n,a=s>-1?n.slice(s+1):null,u=this._triggers.get(o);if(!u)continue;let c=u(t,()=>this._activateEffects(t),a);if(c){let d=this._triggerCleanups.get(t);if(d){let l=d;this._triggerCleanups.set(t,()=>{l(),c()})}else this._triggerCleanups.set(t,c)}}},_activateEffects(t){t.setAttribute("data-effect-active","");let e=this._instances.get(t);if(e)for(let[,r]of e)r.activate&&r.activate()},_cleanupElement(t){let e=this._instances.get(t);if(e){for(let[,i]of e)i.cleanup&&i.cleanup();this._instances.delete(t)}let r=this._triggerCleanups.get(t);r&&(r(),this._triggerCleanups.delete(t))},_reconcileEffects(t){let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[],r=this._instances.get(t);if(r)for(let[i,n]of r)e.includes(i)||(n.cleanup&&n.cleanup(),r.delete(i));for(let i of e)r?.has(i)||this._initEffect(t,i);t.hasAttribute("data-effect-processed")||(t.setAttribute("data-effect-processed",""),this._wireTrigger(t,e))},_reconcileTrigger(t){let e=this._triggerCleanups.get(t);e&&(e(),this._triggerCleanups.delete(t));let r=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];this._wireTrigger(t,r)},_processStagger(t){let e=t.children;for(let r=0;r<e.length;r++)e[r].style.setProperty("--vb-stagger-index",String(r))},_processTransition(t){if(t.hasAttribute("data-transition-processed"))return;t.setAttribute("data-transition-processed","");let e=t.getAttribute("data-transition");if(!e)return;let r=this._transitions.get(e);if(r){let i=r(t);i&&this._transitionCleanups.set(t,i)}else t.style.viewTransitionName=`${e}-${this.uid(t)}`},_cleanupTransition(t){let e=this._transitionCleanups.get(t);e&&(e(),this._transitionCleanups.delete(t)),t.style.viewTransitionName=""}};typeof window<"u"&&(window.VB=f);f.effect("glitch",t=>{t.hasAttribute("data-effect-glitch-init")||(t.setAttribute("data-effect-glitch-init",""),t.setAttribute("data-glitch-text",t.textContent))});function S(t,e,r,i){let n=0;function s(){n<=e.length?(t.firstChild.textContent=e.slice(0,n),n++,setTimeout(s,r)):i&&i()}s()}function L(t,e,r){let i=t.firstChild.textContent,n=i.length;function s(){n>=0?(t.firstChild.textContent=i.slice(0,n),n--,setTimeout(s,e/2)):r&&r()}s()}function M(t){let e=t.getAttribute("data-typewriter-text"),r=f.params(t),i=r.getNumber("typewriter-speed",50),n=r.getNumber("typewriter-delay",0),o=t.classList.contains("loop")?2e3:null;t.textContent="";let a=document.createTextNode("");if(t.appendChild(a),!t.classList.contains("no-cursor")){let d=document.createElement("span");d.className="vb-typewriter-cursor",d.textContent="|",d.setAttribute("aria-hidden","true"),t.appendChild(d)}function c(){S(t,e,i,()=>{o!==null&&setTimeout(()=>{L(t,i,()=>{setTimeout(c,400)})},o)})}setTimeout(c,n)}f.effect("typewriter",t=>{if(t.hasAttribute("data-effect-typewriter-init"))return;t.setAttribute("data-effect-typewriter-init","");let e=t.textContent.trim();if(t.setAttribute("data-typewriter-text",e),t.setAttribute("aria-label",e),!f.prefersReducedMotion())return t.textContent="",{activate(){M(t)},cleanup(){}}});var E="!<>-_\\/[]{}=+*^?#";function _(t){return t[Math.floor(Math.random()*t.length)]}function $(t){let e=t.getAttribute("data-scramble-text"),r=f.params(t),i=r.getNumber("scramble-duration",1500),n=r.get("scramble-chars")||E,s=r.getNumber("scramble-speed",30),o=e.length,a=0,u=Math.ceil(i/s);function c(){let d=a/u,l=Math.floor(d*o),h="";for(let p=0;p<o;p++)p<l?h+=e[p]:e[p]===" "?h+=" ":h+=_(n);t.textContent=h,a++,a<=u?setTimeout(c,s):t.textContent=e}c()}f.effect("scramble",t=>{if(t.hasAttribute("data-effect-scramble-init"))return;t.setAttribute("data-effect-scramble-init","");let e=t.textContent.trim();if(t.setAttribute("data-scramble-text",e),t.setAttribute("aria-label",e),f.prefersReducedMotion())return;let r=f.params(t).get("scramble-chars")||E;return t.textContent=e.replace(/\S/g,()=>_(r)),{activate(){$(t)},cleanup(){}}});function V(t){let e=t.textContent;t.setAttribute("aria-label",e),t.innerHTML="",e.split(/(\s+)/).forEach((i,n)=>{if(/^\s+$/.test(i)){t.appendChild(document.createTextNode(i));return}let s=document.createElement("span");s.className="vb-blur-chunk",s.textContent=i,s.style.setProperty("--i",String(Math.floor(n/2))),s.setAttribute("aria-hidden","true"),t.appendChild(s)})}function q(t){let e=t.textContent;t.setAttribute("aria-label",e);let r=e.split(/\s+/).filter(Boolean),i=[],n="",s=t.offsetWidth,o=document.createElement("span");o.style.visibility="hidden",o.style.position="absolute",o.style.font=getComputedStyle(t).font,document.body.appendChild(o),r.forEach(a=>{let u=n?n+" "+a:a;o.textContent=u,o.offsetWidth>s&&n?(i.push(n),n=a):n=u}),n&&i.push(n),document.body.removeChild(o),i.length===0&&i.push(e),t.innerHTML="",i.forEach((a,u)=>{let c=document.createElement("span");c.className="vb-blur-chunk",c.textContent=a,c.style.setProperty("--i",String(u)),c.setAttribute("aria-hidden","true"),t.appendChild(c),u<i.length-1&&t.appendChild(document.createTextNode(" "))})}f.effect("blur-reveal",t=>{if(t.hasAttribute("data-effect-blur-reveal-init")||(t.setAttribute("data-effect-blur-reveal-init",""),f.prefersReducedMotion()))return;let e=t.classList.contains("line")?"line":"word",r=f.params(t).get("blur-reveal-delay")||"80ms";return t.style.setProperty("--blur-delay",r),e==="line"?q(t):V(t),{activate(){t.setAttribute("data-effect-active","")},cleanup(){}}});f.effect("animate-image",t=>{if(t.hasAttribute("data-effect-animate-image-init"))return;t.setAttribute("data-effect-animate-image-init","");let e=t,r=document.createElement("div");if(r.className="animate-image-wrapper",!e.parentNode)return;e.parentNode.insertBefore(r,e),r.appendChild(e);let i=document.createElement("button");i.type="button",i.className="animate-image-toggle",i.setAttribute("aria-label","Pause animation"),r.appendChild(i);let n=e.src,s=null,o=!1;function a(){let l=document.createElement("canvas");l.width=e.naturalWidth||e.width,l.height=e.naturalHeight||e.height;let h=l.getContext("2d");if(h){h.drawImage(e,0,0);try{s=l.toDataURL("image/png")}catch{s=null}}}function u(){o||(o=!0,e.setAttribute("data-animate-image-paused",""),i.setAttribute("aria-label","Play animation"),i.classList.add("paused"),s&&(e.src=s))}function c(){o&&(o=!1,e.removeAttribute("data-animate-image-paused"),i.setAttribute("aria-label","Pause animation"),i.classList.remove("paused"),e.src=n)}i.addEventListener("click",()=>o?c():u()),e.complete&&e.naturalWidth?a():e.addEventListener("load",a,{once:!0});let d=window.matchMedia("(prefers-reduced-motion: reduce)");return(d.matches||document.documentElement.dataset.motionReduced!==void 0)&&(e.complete?(a(),u()):e.addEventListener("load",()=>{a(),u()},{once:!0})),d.addEventListener("change",l=>{l.matches&&u()}),e.hasAttribute("data-animate-image-paused")&&(e.complete?(a(),o=!1,u()):e.addEventListener("load",()=>{a(),o=!1,u()},{once:!0})),{cleanup(){r.parentNode&&(r.parentNode.insertBefore(e,r),r.remove())}}});function C(){return document.documentElement.lang||navigator.language||"en"}function B(t){return t===1?1:1-Math.pow(2,-10*t)}function F(t){let e=t.indexOf(".");return e===-1?0:t.length-e-1}function R(t,e){let r=t.getAttribute("data-locale")||C(),i=t.getAttribute("data-format-number");if(i!=null){let n={minimumFractionDigits:e,maximumFractionDigits:e};switch(i){case"currency":n.style="currency",n.currency=t.getAttribute("data-currency")||"USD";break;case"percent":n.style="percent";break;case"compact":n.notation="compact";break}try{return new Intl.NumberFormat(r,n)}catch{return null}}try{return new Intl.NumberFormat(r,{minimumFractionDigits:e,maximumFractionDigits:e})}catch{return null}}function O(t){let e=t.getAttribute("value");if(e==null)return;let r=Number(e);if(isNaN(r))return;let i=f.params(t),n=i.getNumber("ticker-start",0),s=i.getNumber("ticker-duration",1e3),o=i.get("ticker-decimals")?parseInt(i.get("ticker-decimals"),10):F(e),a=R(t,o),u=r-n;if(u===0)return;let c=null;function d(l){c||(c=l);let h=l-c,p=Math.min(h/s,1),m=B(p),y=n+u*m;t.textContent=a?a.format(y):y.toFixed(o),p<1?requestAnimationFrame(d):(t.textContent=a?a.format(r):r.toFixed(o),t.hasAttribute("data-format-number")&&t.setAttribute("data-format-number-init",""))}requestAnimationFrame(d)}f.effect("ticker",t=>{if(!t.hasAttribute("data-effect-ticker-init")&&(t.setAttribute("data-effect-ticker-init",""),!f.prefersReducedMotion()))return{activate(){O(t)},cleanup(){}}});var X=window.matchMedia("(prefers-reduced-motion: reduce)");var w=new Map;function x(t,e,r={}){let i=r.priority??10,n={impl:e,bundle:r.bundle,contract:r.contract,priority:i},s=w.get(t);if(customElements.get(t)){if(!s||s.priority>=i){s&&s.priority===i&&s.impl!==e&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${s.bundle}" (priority ${s.priority}). Skipping "${r.bundle}".`);return}console.warn(`[VB Bundle] Tag <${t}> defined by "${s.bundle}" cannot be replaced (customElements.define is permanent). "${r.bundle}" has higher priority but arrived late.`);return}if(s&&s.priority>=i){s.priority===i&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${s.bundle}". Skipping "${r.bundle}" (first wins at equal priority).`);return}w.set(t,n),customElements.define(t,e)}var g=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#e)e();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,r,i,n){e.addEventListener(r,i,n),this.#e.push(()=>e.removeEventListener(r,i,n))}setup(){}teardown(){}};var b=class extends g{static formAssociated=!0;#e;#s;#t;constructor(){super(),this.#e=this.attachInternals()}setup(){this.#a()}#a(){if(this.querySelector("fieldset"))return;let e=Number(this.getAttribute("value")||0);this.#s=e;let r=Number(this.getAttribute("max")||5),i=this.getAttribute("label")||"Rating",n=this.hasAttribute("allow-half"),s=this.hasAttribute("readonly"),o=this.getAttribute("icon"),u=`_sr_${this.getAttribute("name")||`star-rating-${crypto.randomUUID().slice(0,8)}`}`;s?this.#c(e,r,i,o):this.#o(e,r,i,u,n,o),this.#r(e),this.#i()}#o(e,r,i,n,s,o){let a=document.createElement("fieldset");a.setAttribute("data-rating",""),s&&a.setAttribute("data-rating-half",""),a.setAttribute("data-effect","rating");let u=document.createElement("legend");if(u.textContent=i,a.appendChild(u),s)for(let c=1;c<=r;c++){let d=c-.5,l=document.createElement("label");l.setAttribute("data-half","left");let h=document.createElement("input");h.type="radio",h.name=n,h.value=String(d),h.setAttribute("aria-label",`${d} ${d===1?"star":"stars"}`),e===d&&(h.checked=!0),l.appendChild(h),l.append(this.#n(o)),a.appendChild(l);let p=document.createElement("label");p.setAttribute("data-half","right");let m=document.createElement("input");m.type="radio",m.name=n,m.value=String(c),m.setAttribute("aria-label",`${c} ${c===1?"star":"stars"}`),e===c&&(m.checked=!0),p.appendChild(m),p.append(this.#n(o)),a.appendChild(p)}else for(let c=1;c<=r;c++){let d=document.createElement("label"),l=document.createElement("input");l.type="radio",l.name=n,l.value=String(c),l.setAttribute("aria-label",`${c} ${c===1?"star":"stars"}`),e===c&&(l.checked=!0),d.appendChild(l),d.append(this.#n(o)),a.appendChild(d)}this.appendChild(a),this.#t=a,a.addEventListener("rating:change",c=>{this.#r(c.detail.value),this.#i()}),a.addEventListener("change",c=>{let d=c.target;d.type==="radio"&&d.checked&&(this.#r(Number(d.value)),this.#i())})}#c(e,r,i,n){let s=document.createElement("fieldset");s.setAttribute("data-rating",""),s.setAttribute("data-rating-readonly",""),s.setAttribute("role","img"),s.setAttribute("aria-label",`${i}: ${e} out of ${r}`);let o=document.createElement("legend");o.textContent=i,s.appendChild(o);let a=Math.floor(e),u=e-a;for(let c=1;c<=r;c++){let d=document.createElement("span");if(d.setAttribute("aria-hidden","true"),c<=a)d.classList.add("star-filled");else if(c===a+1&&u>0){d.classList.add("star-partial"),d.style.setProperty("--_star-fill",`${u*100}%`);let l=document.createElement("span");l.classList.add("star-partial-fill"),l.append(this.#n(n)),d.appendChild(l)}else d.classList.add("star-empty");d.append(this.#n(n)),s.appendChild(d)}this.appendChild(s),this.#t=s}#n(e){if(e){let r=document.createElement("icon-wc");return r.setAttribute("name",e),r}return document.createTextNode("\u2605")}#r(e){let r=Number(e);r>0?this.#e.setFormValue(String(r)):this.#e.setFormValue(null)}#i(){this.hasAttribute("required")?this.#t?.querySelector('input[type="radio"]:checked')?this.#e.setValidity({}):this.#e.setValidity({valueMissing:!0},"Please select a rating",this.#t||this):this.#e.setValidity({})}formResetCallback(){if(this.#t){if(this.#t.querySelectorAll('input[type="radio"]').forEach(e=>{e.checked=!1}),this.#s>0){let e=this.#t.querySelector(`input[value="${this.#s}"]`);e&&(e.checked=!0)}this.#r(this.#s),this.#i()}}formStateRestoreCallback(e){if(!e||!this.#t)return;let r=this.#t.querySelector(`input[value="${e}"]`);r&&(r.checked=!0,this.#r(Number(e)),this.#i())}get value(){if(!this.#t)return Number(this.getAttribute("value")||0);let e=this.#t.querySelector('input[type="radio"]:checked');return e?Number(e.value):0}set value(e){if(!this.#t)return;this.#t.querySelectorAll('input[type="radio"]').forEach(i=>{i.checked=!1});let r=Number(e);if(r>0){let i=this.#t.querySelector(`input[value="${r}"]`);i&&(i.checked=!0)}this.#r(r),this.#i()}};x("star-rating",b);var P=1e3;function N(t){let e=document.createElement("div");e.setAttribute("role","status"),e.setAttribute("aria-live","polite"),Object.assign(e.style,{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)",whiteSpace:"nowrap",border:"0"}),e.textContent=t,document.body.appendChild(e),setTimeout(()=>e.remove(),P)}function k(t,e){t.dispatchEvent(new CustomEvent("rating:change",{bubbles:!0,detail:{value:e}}))}function D(t){let e=t.querySelector('input[type="radio"]:checked');return e?e.value:"0"}f.effect("rating",t=>{if(t.hasAttribute("data-effect-rating-init")||(t.setAttribute("data-effect-rating-init",""),t.hasAttribute("data-rating-readonly")))return;let e=D(t),r=!1;function i(o){let a=o.target.closest("label");if(!a)return;let u=a.querySelector('input[type="radio"]');u&&(r=u.checked&&u.value===e)}function n(o){if(!r)return;r=!1;let a=o.target.closest("label");if(!a)return;let u=a.querySelector('input[type="radio"]');u&&(u.checked=!1,e="0",k(t,0),N("Rating cleared"))}function s(o){o.target.type==="radio"&&(r||(e=o.target.value,k(t,Number(o.target.value)),N(`Rating: ${o.target.value} ${Number(o.target.value)===1?"star":"stars"}`)))}return t.addEventListener("mousedown",i),t.addEventListener("click",n),t.addEventListener("change",s),{cleanup(){t.removeEventListener("mousedown",i),t.removeEventListener("click",n),t.removeEventListener("change",s)}}});
+//# sourceMappingURL=effects.full.js.map

package/dist/cdn/packs/effects.pack.js

@@ -0,0 +1,2 @@
+var e={name:"effects",version:"1.0.0",label:"Effects Pack",description:"Niche text and visual effects: glitch, typewriter, scramble, blur-reveal, animate-image, ticker, and star-rating.",type:"functional",css:["effects.css"],js:["effects.js"],components:["star-rating"],effects:["glitch","typewriter","scramble","blur-reveal","animate-image","ticker","rating"]};export{e as pack};
+//# sourceMappingURL=effects.pack.js.map

package/dist/cdn/packs/fonts-display.bundle.js

@@ -0,0 +1,2 @@
+var a={name:"fonts-display",version:"1.0.0",label:"Display Fonts",description:"Display and editorial variable fonts: Fraunces (WONK/SOFT axes), Cormorant (Garamond-lineage), Bodoni Moda (dramatic contrast).",css:[{role:"theme",href:"fonts-display.theme.css"}],js:[],components:[],effects:[],fonts:[{family:"Fraunces",file:"fraunces-variable.woff2",weight:"100 900",style:"normal",axes:["wght","opsz","WONK","SOFT"]},{family:"Fraunces",file:"fraunces-variable-italic.woff2",weight:"100 900",style:"italic",axes:["wght","opsz","WONK","SOFT"]},{family:"Cormorant",file:"cormorant-variable.woff2",weight:"300 700",style:"normal",axes:["wght"]},{family:"Cormorant",file:"cormorant-variable-italic.woff2",weight:"300 700",style:"italic",axes:["wght"]},{family:"Bodoni Moda",file:"bodoni-moda-variable.woff2",weight:"400 900",style:"normal",axes:["wght","opsz"]},{family:"Bodoni Moda",file:"bodoni-moda-variable-italic.woff2",weight:"400 900",style:"italic",axes:["wght","opsz"]}],tokenOverrides:["--font-display","--vb-font-editorial","--vb-font-dramatic"]};export{a as bundle};
+//# sourceMappingURL=fonts-display.bundle.js.map

package/dist/cdn/packs/fonts-display.full.css

@@ -0,0 +1,2 @@
+@font-face{font-family:Fraunces;src:url("./fonts-display/fonts/fraunces-variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url("./fonts-display/fonts/fraunces-variable-italic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Cormorant;src:url("./fonts-display/fonts/cormorant-variable.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Cormorant;src:url("./fonts-display/fonts/cormorant-variable-italic.woff2") format("woff2");font-weight:300 700;font-style:italic;font-display:swap}@font-face{font-family:Bodoni Moda;src:url("./fonts-display/fonts/bodoni-moda-variable.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Bodoni Moda;src:url("./fonts-display/fonts/bodoni-moda-variable-italic.woff2") format("woff2");font-weight:400 900;font-style:italic;font-display:swap}@property --vb-fraunces-wonk{syntax: "<number>"; inherits: false; initial-value: 0;}@property --vb-fraunces-soft{syntax: "<number>"; inherits: false; initial-value: 0;}@layer tokens{:root{--font-display: "Fraunces", var(--font-serif, Georgia, serif);--vb-font-editorial: "Cormorant", var(--font-serif, Georgia, serif);--vb-font-dramatic: "Bodoni Moda", var(--font-serif, Georgia, serif)}}
+/*# sourceMappingURL=fonts-display.theme.css.map */

package/dist/cdn/packs/fonts-display.theme.css

@@ -0,0 +1,2 @@
+@font-face{font-family:Fraunces;src:url("./fonts-display/fonts/fraunces-variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url("./fonts-display/fonts/fraunces-variable-italic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Cormorant;src:url("./fonts-display/fonts/cormorant-variable.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Cormorant;src:url("./fonts-display/fonts/cormorant-variable-italic.woff2") format("woff2");font-weight:300 700;font-style:italic;font-display:swap}@font-face{font-family:Bodoni Moda;src:url("./fonts-display/fonts/bodoni-moda-variable.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Bodoni Moda;src:url("./fonts-display/fonts/bodoni-moda-variable-italic.woff2") format("woff2");font-weight:400 900;font-style:italic;font-display:swap}@property --vb-fraunces-wonk{syntax: "<number>"; inherits: false; initial-value: 0;}@property --vb-fraunces-soft{syntax: "<number>"; inherits: false; initial-value: 0;}@layer tokens{:root{--font-display: "Fraunces", var(--font-serif, Georgia, serif);--vb-font-editorial: "Cormorant", var(--font-serif, Georgia, serif);--vb-font-dramatic: "Bodoni Moda", var(--font-serif, Georgia, serif)}}
+/*# sourceMappingURL=fonts-display.theme.css.map */

package/dist/cdn/packs/fonts-expressive.bundle.js

@@ -0,0 +1,2 @@
+var e={name:"fonts-expressive",version:"1.0.0",label:"Expressive Fonts",description:"Color and morphology fonts for hero/creative contexts: Nabla (COLR v1 3D depth), Honk (inflatable neon), Kablammo (comic impact).",css:[{role:"theme",href:"fonts-expressive.theme.css"}],js:[],components:[],effects:[],fonts:[{family:"Nabla",file:"nabla-variable.woff2",weight:"400",style:"normal",axes:["EDPT","FLAT"],colr:"v1"},{family:"Honk",file:"honk-variable.woff2",weight:"400",style:"normal",axes:["MORF","SHLN"]},{family:"Kablammo",file:"kablammo-variable.woff2",weight:"400",style:"normal",axes:["MORF"]}],tokenOverrides:["--vb-font-nabla","--vb-font-honk","--vb-font-kablammo"]};export{e as bundle};
+//# sourceMappingURL=fonts-expressive.bundle.js.map

package/dist/cdn/packs/fonts-expressive.full.css

@@ -0,0 +1,2 @@
+@font-face{font-family:Nabla;src:url("./fonts-expressive/fonts/nabla-variable.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Honk;src:url("./fonts-expressive/fonts/honk-variable.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kablammo;src:url("./fonts-expressive/fonts/kablammo-variable.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@property --vb-nabla-depth{syntax: "<number>"; inherits: false; initial-value: 100;}@property --vb-nabla-flat{syntax: "<number>"; inherits: false; initial-value: 0;}@property --vb-honk-morf{syntax: "<number>"; inherits: false; initial-value: 0;}@property --vb-honk-shln{syntax: "<number>"; inherits: false; initial-value: 0;}@property --vb-kablammo-morf{syntax: "<number>"; inherits: false; initial-value: 0;}@layer tokens{:root{--vb-font-nabla: "Nabla", cursive;--vb-font-honk: "Honk", cursive;--vb-font-kablammo: "Kablammo", cursive}}@layer bundle-effects{@supports (font-palette: normal){.vb-nabla{font-family:var(--vb-font-nabla);font-variation-settings:"EDPT" var(--vb-nabla-depth),"FLAT" var(--vb-nabla-flat)}.vb-nabla[data-effect~=depth-pulse]{animation:vb-nabla-depth-pulse 3s ease-in-out infinite}@keyframes vb-nabla-depth-pulse{0%,to{--vb-nabla-depth: 80}50%{--vb-nabla-depth: 140}}}.vb-honk{font-family:var(--vb-font-honk);font-variation-settings:"MORF" var(--vb-honk-morf),"SHLN" var(--vb-honk-shln)}.vb-kablammo{font-family:var(--vb-font-kablammo);font-variation-settings:"MORF" var(--vb-kablammo-morf)}@media(prefers-reduced-motion:reduce){.vb-nabla[data-effect~=depth-pulse]{animation:none}}:root[data-motion-reduced] .vb-nabla[data-effect~=depth-pulse]{animation:none}}
+/*# sourceMappingURL=fonts-expressive.theme.css.map */

package/dist/cdn/packs/fonts-expressive.theme.css

@@ -0,0 +1,2 @@
+@font-face{font-family:Nabla;src:url("./fonts-expressive/fonts/nabla-variable.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Honk;src:url("./fonts-expressive/fonts/honk-variable.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kablammo;src:url("./fonts-expressive/fonts/kablammo-variable.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@property --vb-nabla-depth{syntax: "<number>"; inherits: false; initial-value: 100;}@property --vb-nabla-flat{syntax: "<number>"; inherits: false; initial-value: 0;}@property --vb-honk-morf{syntax: "<number>"; inherits: false; initial-value: 0;}@property --vb-honk-shln{syntax: "<number>"; inherits: false; initial-value: 0;}@property --vb-kablammo-morf{syntax: "<number>"; inherits: false; initial-value: 0;}@layer tokens{:root{--vb-font-nabla: "Nabla", cursive;--vb-font-honk: "Honk", cursive;--vb-font-kablammo: "Kablammo", cursive}}@layer bundle-effects{@supports (font-palette: normal){.vb-nabla{font-family:var(--vb-font-nabla);font-variation-settings:"EDPT" var(--vb-nabla-depth),"FLAT" var(--vb-nabla-flat)}.vb-nabla[data-effect~=depth-pulse]{animation:vb-nabla-depth-pulse 3s ease-in-out infinite}@keyframes vb-nabla-depth-pulse{0%,to{--vb-nabla-depth: 80}50%{--vb-nabla-depth: 140}}}.vb-honk{font-family:var(--vb-font-honk);font-variation-settings:"MORF" var(--vb-honk-morf),"SHLN" var(--vb-honk-shln)}.vb-kablammo{font-family:var(--vb-font-kablammo);font-variation-settings:"MORF" var(--vb-kablammo-morf)}@media(prefers-reduced-motion:reduce){.vb-nabla[data-effect~=depth-pulse]{animation:none}}:root[data-motion-reduced] .vb-nabla[data-effect~=depth-pulse]{animation:none}}
+/*# sourceMappingURL=fonts-expressive.theme.css.map */

package/dist/cdn/packs/fonts-foundation.bundle.js

@@ -0,0 +1,2 @@
+var e={name:"fonts-foundation",version:"1.0.0",label:"Foundation Fonts",description:"Variable font stack: Inter for UI, Literata for editorial, Recursive for code. Latin + Latin Extended subsets.",css:[{role:"theme",href:"fonts-foundation.theme.css"}],js:[],components:[],effects:[],fonts:[{family:"Inter",file:"inter-variable.woff2",weight:"100 900",style:"normal",axes:["wght","opsz","slnt"]},{family:"Inter",file:"inter-variable-italic.woff2",weight:"100 900",style:"italic",axes:["wght","opsz","slnt"]},{family:"Literata",file:"literata-variable.woff2",weight:"200 900",style:"normal",axes:["wght","opsz"]},{family:"Literata",file:"literata-variable-italic.woff2",weight:"200 900",style:"italic",axes:["wght","opsz"]},{family:"Recursive",file:"recursive-variable.woff2",weight:"300 1000",style:"oblique -15deg 0deg",axes:["wght","MONO","CASL","slnt"]}],tokenOverrides:["--font-sans","--font-serif","--font-mono"]};export{e as bundle};
+//# sourceMappingURL=fonts-foundation.bundle.js.map

package/dist/cdn/packs/fonts-foundation.full.css

@@ -0,0 +1,2 @@
+@font-face{font-family:Inter;src:url("./fonts-foundation/fonts/inter-variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url("./fonts-foundation/fonts/inter-variable-italic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Literata;src:url("./fonts-foundation/fonts/literata-variable.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:Literata;src:url("./fonts-foundation/fonts/literata-variable-italic.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap}@font-face{font-family:Recursive;src:url("./fonts-foundation/fonts/recursive-variable.woff2") format("woff2");font-weight:300 1000;font-style:oblique -15deg 0deg;font-display:swap}@property --vb-font-opsz{syntax: "<number>"; inherits: true; initial-value: 16;}@property --vb-recursive-mono{syntax: "<number>"; inherits: false; initial-value: 1;}@property --vb-recursive-casl{syntax: "<number>"; inherits: false; initial-value: 0;}@layer tokens{:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Literata", Charter, "Bitstream Charter", Georgia, serif;--font-mono: "Recursive", ui-monospace, "Cascadia Code", "Fira Code", monospace;font-optical-sizing:auto;--font-size-adjust: from-font}}
+/*# sourceMappingURL=fonts-foundation.theme.css.map */

package/dist/cdn/packs/fonts-foundation.theme.css

@@ -0,0 +1,2 @@
+@font-face{font-family:Inter;src:url("./fonts-foundation/fonts/inter-variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url("./fonts-foundation/fonts/inter-variable-italic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Literata;src:url("./fonts-foundation/fonts/literata-variable.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:Literata;src:url("./fonts-foundation/fonts/literata-variable-italic.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap}@font-face{font-family:Recursive;src:url("./fonts-foundation/fonts/recursive-variable.woff2") format("woff2");font-weight:300 1000;font-style:oblique -15deg 0deg;font-display:swap}@property --vb-font-opsz{syntax: "<number>"; inherits: true; initial-value: 16;}@property --vb-recursive-mono{syntax: "<number>"; inherits: false; initial-value: 1;}@property --vb-recursive-casl{syntax: "<number>"; inherits: false; initial-value: 0;}@layer tokens{:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Literata", Charter, "Bitstream Charter", Georgia, serif;--font-mono: "Recursive", ui-monospace, "Cascadia Code", "Fira Code", monospace;font-optical-sizing:auto;--font-size-adjust: from-font}}
+/*# sourceMappingURL=fonts-foundation.theme.css.map */

package/dist/cdn/packs/icons.bundle.js

@@ -0,0 +1,2 @@
+var t={name:"icons",version:"1.0.0",label:"Material Symbols Icons",description:"Material Symbols Outlined variable icon font. Context-aware weight and optical size. Attractor animations via data-vb-attract.",css:[{role:"theme",href:"icons.theme.css"},{role:"effects",href:"icons.effects.css"}],js:[{role:"effects",src:"icons.effects.js"}],components:[],effects:[{name:"attract-pulse",selector:'[data-vb-attract="pulse"]',type:"css"},{name:"attract-beat",selector:'[data-vb-attract="beat"]',type:"css"},{name:"attract-breathe",selector:'[data-vb-attract="breathe"]',type:"css"},{name:"attract-bounce",selector:'[data-vb-attract="bounce"]',type:"css"},{name:"attract-wiggle",selector:'[data-vb-attract="wiggle"]',type:"css"},{name:"whimsy",selector:"[data-vb-whimsy]",type:"js"}],fonts:[{family:"Material Symbols Outlined",file:"material-symbols-outlined.woff2",weight:"100 700",style:"normal",axes:["FILL","wght","GRAD","opsz"]}],tokenOverrides:["--vb-icon-fill","--vb-icon-weight","--vb-icon-grad","--vb-icon-opsz"]};export{t as bundle};
+//# sourceMappingURL=icons.bundle.js.map

package/dist/cdn/packs/icons.effects.css

@@ -0,0 +1,2 @@
+@property --vb-icon-fill-anim{syntax: "<number>"; inherits: false; initial-value: 0;}@property --vb-icon-weight-anim{syntax: "<number>"; inherits: false; initial-value: 400;}@layer bundle-effects{@keyframes vb-icon-pulse{0%{--vb-icon-fill-anim: 0;--vb-icon-weight-anim: 400}40%{--vb-icon-fill-anim: 1;--vb-icon-weight-anim: 600}60%{--vb-icon-fill-anim: 1;--vb-icon-weight-anim: 600}to{--vb-icon-fill-anim: 0;--vb-icon-weight-anim: 400}}@keyframes vb-icon-beat{0%{--vb-icon-weight-anim: 400;transform:scale(1)}14%{--vb-icon-weight-anim: 700;transform:scale(1.2)}28%{--vb-icon-weight-anim: 400;transform:scale(1)}42%{--vb-icon-weight-anim: 600;transform:scale(1.1)}70%{--vb-icon-weight-anim: 400;transform:scale(1)}to{--vb-icon-weight-anim: 400;transform:scale(1)}}@keyframes vb-icon-breathe{0%,to{--vb-icon-fill-anim: .1}50%{--vb-icon-fill-anim: .9}}@keyframes vb-icon-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-30%)}60%{transform:translateY(-15%)}}@keyframes vb-icon-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}[data-vb-attract]{font-variation-settings:"FILL" var(--vb-icon-fill-anim),"wght" var(--vb-icon-weight-anim),"GRAD" var(--vb-icon-grad, 0),"opsz" var(--vb-icon-opsz, 24)}[data-vb-attract=pulse]{animation:vb-icon-pulse .8s ease-in-out 3}[data-vb-attract=beat]{animation:vb-icon-beat .8s ease-in-out 3}[data-vb-attract=breathe]{animation:vb-icon-breathe 2.5s ease-in-out infinite}[data-vb-attract=bounce]{animation:vb-icon-bounce .6s ease 3}[data-vb-attract=wiggle]{animation:vb-icon-wiggle .5s ease 3}@media(prefers-reduced-motion:reduce){[data-vb-attract]{animation:none}[data-vb-attract=pulse],[data-vb-attract=beat],[data-vb-attract=breathe]{--vb-icon-fill-anim: 1}}:root[data-motion-reduced] [data-vb-attract]{animation:none}:root[data-motion-reduced] [data-vb-attract=pulse],:root[data-motion-reduced] [data-vb-attract=beat],:root[data-motion-reduced] [data-vb-attract=breathe]{--vb-icon-fill-anim: 1}@media print{[data-vb-attract]{animation:none!important;transform:none!important}}}
+/*# sourceMappingURL=icons.effects.css.map */

package/dist/cdn/packs/icons.effects.js

@@ -0,0 +1,2 @@
+var i=["pulse","beat","bounce","wiggle","breathe"],d=[35,30,20,5,10];function c(e,r="pulse"){!e||!i.includes(r)||(delete e.dataset.vbAttract,e.offsetWidth,e.dataset.vbAttract=r,e.addEventListener("animationend",()=>{r!=="breathe"&&delete e.dataset.vbAttract},{once:!0}))}function l(e){let r=v(i,d);c(e,r)}function u(e=45e3){let r,n=()=>{clearTimeout(r),r=setTimeout(()=>{let t=[...document.querySelectorAll(".vb-icon:not([data-vb-attract])")];if(t.length){let o=t[Math.floor(Math.random()*t.length)];l(o)}},e)},a=["mousemove","keydown","scroll","touchstart"];return a.forEach(t=>document.addEventListener(t,n,{passive:!0})),n(),{stop(){clearTimeout(r),a.forEach(t=>document.removeEventListener(t,n))}}}function s(){let e=document.querySelectorAll('[data-vb-attract-on="visible"]');if(e.length){let n=new IntersectionObserver(a=>{for(let t of a)if(t.isIntersecting){let o=t.target.dataset.vbAttract||"pulse";c(t.target,o),n.unobserve(t.target)}},{threshold:.5});e.forEach(a=>n.observe(a))}document.querySelectorAll('[data-vb-attract-on="hover"]').forEach(n=>{n.addEventListener("mouseenter",()=>{let a=n.dataset.vbAttract||"pulse";c(n,a)})});let r=document.querySelectorAll('[data-vb-attract-on="error"]');if(r.length){let n=new MutationObserver(a=>{for(let t of a)if(t.attributeName==="aria-invalid"&&t.target.getAttribute("aria-invalid")==="true"){let o=t.target.parentElement?.querySelector('[data-vb-attract-on="error"]');o&&c(o,o.dataset.vbAttract||"wiggle")}});r.forEach(a=>{let t=a.closest("label, fieldset, [data-field]")?.querySelector("input, select, textarea");t&&n.observe(t,{attributes:!0,attributeFilter:["aria-invalid"]})})}}function v(e,r){let n=r.reduce((t,o)=>t+o,0),a=Math.random()*n;for(let t=0;t<e.length;t++)if(a-=r[t],a<=0)return e[t];return e[e.length-1]}document.body?.hasAttribute("data-vb-whimsy")&&u();document.readyState==="loading"?document.addEventListener("DOMContentLoaded",s):s();export{c as attract,l as attractRandom,u as enableWhimsy};
+//# sourceMappingURL=icons.effects.js.map

package/dist/cdn/packs/icons.full.css

@@ -0,0 +1,5 @@
+@font-face{font-family:Material Symbols Outlined;src:url("./icons/fonts/material-symbols-outlined.woff2") format("woff2");font-weight:100 700;font-style:normal;font-display:swap}@property --vb-icon-fill{syntax: "<number>"; inherits: true; initial-value: 0;}@property --vb-icon-weight{syntax: "<number>"; inherits: true; initial-value: 400;}@property --vb-icon-grad{syntax: "<number>"; inherits: true; initial-value: 0;}@property --vb-icon-opsz{syntax: "<number>"; inherits: true; initial-value: 24;}@layer web-components{.vb-icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1em;line-height:1;display:inline-block;vertical-align:middle;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variation-settings:"FILL" var(--vb-icon-fill),"wght" var(--vb-icon-weight),"GRAD" var(--vb-icon-grad),"opsz" var(--vb-icon-opsz);transition:--vb-icon-fill .2s ease,--vb-icon-weight .2s ease,--vb-icon-grad .2s ease}h1 .vb-icon,h2 .vb-icon{--vb-icon-weight: 600;--vb-icon-opsz: 48}h3 .vb-icon,h4 .vb-icon{--vb-icon-weight: 500;--vb-icon-opsz: 40}button .vb-icon,[role=button] .vb-icon{--vb-icon-weight: var(--vb-font-weight, 400)}small .vb-icon,caption .vb-icon,figcaption .vb-icon,.vb-icon[data-size=sm]{--vb-icon-opsz: 20}.vb-icon[data-size=lg]{font-size:2em;--vb-icon-opsz: 40}.vb-icon[data-size=xl]{font-size:3rem;--vb-icon-opsz: 48}[data-vb-icon-fill=hover] .vb-icon,[data-vb-icon-fill=hover].vb-icon{--vb-icon-fill: 0}[data-vb-icon-fill=hover]:hover .vb-icon,[data-vb-icon-fill=hover].vb-icon:hover,.vb-icon[data-fill],.vb-icon.filled{--vb-icon-fill: 1}.vb-icon[aria-hidden=true]{speak:never}@media(prefers-color-scheme:dark){.vb-icon{--vb-icon-grad: -25}}[data-mode=dark] .vb-icon{--vb-icon-grad: -25}@media print{.vb-icon{transition:none}}}
+/*# sourceMappingURL=icons.theme.css.map */
+
+@property --vb-icon-fill-anim{syntax: "<number>"; inherits: false; initial-value: 0;}@property --vb-icon-weight-anim{syntax: "<number>"; inherits: false; initial-value: 400;}@layer bundle-effects{@keyframes vb-icon-pulse{0%{--vb-icon-fill-anim: 0;--vb-icon-weight-anim: 400}40%{--vb-icon-fill-anim: 1;--vb-icon-weight-anim: 600}60%{--vb-icon-fill-anim: 1;--vb-icon-weight-anim: 600}to{--vb-icon-fill-anim: 0;--vb-icon-weight-anim: 400}}@keyframes vb-icon-beat{0%{--vb-icon-weight-anim: 400;transform:scale(1)}14%{--vb-icon-weight-anim: 700;transform:scale(1.2)}28%{--vb-icon-weight-anim: 400;transform:scale(1)}42%{--vb-icon-weight-anim: 600;transform:scale(1.1)}70%{--vb-icon-weight-anim: 400;transform:scale(1)}to{--vb-icon-weight-anim: 400;transform:scale(1)}}@keyframes vb-icon-breathe{0%,to{--vb-icon-fill-anim: .1}50%{--vb-icon-fill-anim: .9}}@keyframes vb-icon-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-30%)}60%{transform:translateY(-15%)}}@keyframes vb-icon-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}[data-vb-attract]{font-variation-settings:"FILL" var(--vb-icon-fill-anim),"wght" var(--vb-icon-weight-anim),"GRAD" var(--vb-icon-grad, 0),"opsz" var(--vb-icon-opsz, 24)}[data-vb-attract=pulse]{animation:vb-icon-pulse .8s ease-in-out 3}[data-vb-attract=beat]{animation:vb-icon-beat .8s ease-in-out 3}[data-vb-attract=breathe]{animation:vb-icon-breathe 2.5s ease-in-out infinite}[data-vb-attract=bounce]{animation:vb-icon-bounce .6s ease 3}[data-vb-attract=wiggle]{animation:vb-icon-wiggle .5s ease 3}@media(prefers-reduced-motion:reduce){[data-vb-attract]{animation:none}[data-vb-attract=pulse],[data-vb-attract=beat],[data-vb-attract=breathe]{--vb-icon-fill-anim: 1}}:root[data-motion-reduced] [data-vb-attract]{animation:none}:root[data-motion-reduced] [data-vb-attract=pulse],:root[data-motion-reduced] [data-vb-attract=beat],:root[data-motion-reduced] [data-vb-attract=breathe]{--vb-icon-fill-anim: 1}@media print{[data-vb-attract]{animation:none!important;transform:none!important}}}
+/*# sourceMappingURL=icons.effects.css.map */

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

@@ -0,0 +1,2 @@
+var i=["pulse","beat","bounce","wiggle","breathe"],d=[35,30,20,5,10];function c(e,r="pulse"){!e||!i.includes(r)||(delete e.dataset.vbAttract,e.offsetWidth,e.dataset.vbAttract=r,e.addEventListener("animationend",()=>{r!=="breathe"&&delete e.dataset.vbAttract},{once:!0}))}function l(e){let r=v(i,d);c(e,r)}function u(e=45e3){let r,o=()=>{clearTimeout(r),r=setTimeout(()=>{let t=[...document.querySelectorAll(".vb-icon:not([data-vb-attract])")];if(t.length){let n=t[Math.floor(Math.random()*t.length)];l(n)}},e)},a=["mousemove","keydown","scroll","touchstart"];return a.forEach(t=>document.addEventListener(t,o,{passive:!0})),o(),{stop(){clearTimeout(r),a.forEach(t=>document.removeEventListener(t,o))}}}function s(){let e=document.querySelectorAll('[data-vb-attract-on="visible"]');if(e.length){let o=new IntersectionObserver(a=>{for(let t of a)if(t.isIntersecting){let n=t.target.dataset.vbAttract||"pulse";c(t.target,n),o.unobserve(t.target)}},{threshold:.5});e.forEach(a=>o.observe(a))}document.querySelectorAll('[data-vb-attract-on="hover"]').forEach(o=>{o.addEventListener("mouseenter",()=>{let a=o.dataset.vbAttract||"pulse";c(o,a)})});let r=document.querySelectorAll('[data-vb-attract-on="error"]');if(r.length){let o=new MutationObserver(a=>{for(let t of a)if(t.attributeName==="aria-invalid"&&t.target.getAttribute("aria-invalid")==="true"){let n=t.target.parentElement?.querySelector('[data-vb-attract-on="error"]');n&&c(n,n.dataset.vbAttract||"wiggle")}});r.forEach(a=>{let t=a.closest("label, fieldset, [data-field]")?.querySelector("input, select, textarea");t&&o.observe(t,{attributes:!0,attributeFilter:["aria-invalid"]})})}}function v(e,r){let o=r.reduce((t,n)=>t+n,0),a=Math.random()*o;for(let t=0;t<e.length;t++)if(a-=r[t],a<=0)return e[t];return e[e.length-1]}document.body?.hasAttribute("data-vb-whimsy")&&u();document.readyState==="loading"?document.addEventListener("DOMContentLoaded",s):s();
+//# sourceMappingURL=icons.full.js.map

package/dist/cdn/packs/icons.theme.css

@@ -0,0 +1,2 @@
+@font-face{font-family:Material Symbols Outlined;src:url("./icons/fonts/material-symbols-outlined.woff2") format("woff2");font-weight:100 700;font-style:normal;font-display:swap}@property --vb-icon-fill{syntax: "<number>"; inherits: true; initial-value: 0;}@property --vb-icon-weight{syntax: "<number>"; inherits: true; initial-value: 400;}@property --vb-icon-grad{syntax: "<number>"; inherits: true; initial-value: 0;}@property --vb-icon-opsz{syntax: "<number>"; inherits: true; initial-value: 24;}@layer web-components{.vb-icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1em;line-height:1;display:inline-block;vertical-align:middle;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variation-settings:"FILL" var(--vb-icon-fill),"wght" var(--vb-icon-weight),"GRAD" var(--vb-icon-grad),"opsz" var(--vb-icon-opsz);transition:--vb-icon-fill .2s ease,--vb-icon-weight .2s ease,--vb-icon-grad .2s ease}h1 .vb-icon,h2 .vb-icon{--vb-icon-weight: 600;--vb-icon-opsz: 48}h3 .vb-icon,h4 .vb-icon{--vb-icon-weight: 500;--vb-icon-opsz: 40}button .vb-icon,[role=button] .vb-icon{--vb-icon-weight: var(--vb-font-weight, 400)}small .vb-icon,caption .vb-icon,figcaption .vb-icon,.vb-icon[data-size=sm]{--vb-icon-opsz: 20}.vb-icon[data-size=lg]{font-size:2em;--vb-icon-opsz: 40}.vb-icon[data-size=xl]{font-size:3rem;--vb-icon-opsz: 48}[data-vb-icon-fill=hover] .vb-icon,[data-vb-icon-fill=hover].vb-icon{--vb-icon-fill: 0}[data-vb-icon-fill=hover]:hover .vb-icon,[data-vb-icon-fill=hover].vb-icon:hover,.vb-icon[data-fill],.vb-icon.filled{--vb-icon-fill: 1}.vb-icon[aria-hidden=true]{speak:never}@media(prefers-color-scheme:dark){.vb-icon{--vb-icon-grad: -25}}[data-mode=dark] .vb-icon{--vb-icon-grad: -25}@media print{.vb-icon{transition:none}}}
+/*# sourceMappingURL=icons.theme.css.map */

package/dist/cdn/packs/kawaii.bundle.js

@@ -0,0 +1,2 @@
+var e={name:"kawaii",version:"1.0.0",label:"Kawaii / Cute",description:"Pastel pink/mint/lavender palette, pill shapes, bouncy motion, Cherry Bomb One display font, sparkle effects.",css:["kawaii.theme.css","kawaii.effects.css"],js:["kawaii.effects.js"],effects:[{name:"starburst",selector:'[data-effect~="starburst"]',type:"css"},{name:"sparkle",selector:'[data-effect~="sparkle"]',type:"css"},{name:"bounce",selector:'[data-effect~="bounce"]',type:"css"},{name:"wiggle",selector:'[data-effect~="wiggle"]',type:"css"},{name:"particles",selector:'[data-effect~="particles"]',type:"js"}],components:[],tokenOverrides:{"--color-primary":"oklch(55% 0.18 350)","--radius-m":"1rem","--font-sans":'"Nunito", "Quicksand", system-ui, sans-serif',"--font-display":'"Cherry Bomb One", "Nunito", cursive',"--ease-default":"cubic-bezier(0.34, 1.56, 0.64, 1)"}};export{e as default};
+//# sourceMappingURL=kawaii.bundle.js.map

package/dist/cdn/packs/kawaii.effects.css

@@ -0,0 +1,2 @@
+@layer bundle-effects{@keyframes vb-kawaii-sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes vb-kawaii-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes vb-kawaii-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes vb-kawaii-float{0%,to{transform:translateY(0) rotate(0);opacity:1}25%{transform:translateY(-8px) rotate(5deg)}50%{transform:translateY(-3px) rotate(-3deg);opacity:.8}75%{transform:translateY(-10px) rotate(2deg)}}@keyframes vb-kawaii-starburst{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-effect~=starburst]{position:relative;overflow:hidden;background:linear-gradient(180deg,#ccc6ff,oklch(90% .1 340) 40%,oklch(95% .06 60))}[data-effect~=starburst]:before{content:"";position:absolute;inset:-50%;width:200%;height:200%;background:repeating-conic-gradient(from 0deg,oklch(92% .05 300 / .4) 0deg 10deg,transparent 10deg 20deg);animation:vb-kawaii-starburst 60s linear infinite;pointer-events:none;z-index:0}[data-effect~=starburst]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:radial-gradient(ellipse 120px 80px at 10% 90%,oklch(95% .06 350 / .9) 0%,transparent 100%),radial-gradient(ellipse 160px 100px at 30% 85%,oklch(92% .08 290 / .85) 0%,transparent 100%),radial-gradient(ellipse 140px 90px at 55% 92%,oklch(95% .05 200 / .9) 0%,transparent 100%),radial-gradient(ellipse 180px 110px at 75% 80%,oklch(93% .07 350 / .85) 0%,transparent 100%),radial-gradient(ellipse 120px 80px at 95% 88%,oklch(94% .06 290 / .9) 0%,transparent 100%);pointer-events:none;z-index:1}[data-effect~=starburst]>*{position:relative;z-index:2}[data-effect~=sparkle]{position:relative;display:inline-block}[data-effect~=sparkle]:before,[data-effect~=sparkle]:after{position:absolute;font-size:.6em;pointer-events:none;animation:vb-kawaii-float 3s ease-in-out infinite}[data-effect~=sparkle]:before{content:"\2726";top:-.3em;right:-.5em;color:oklch(75% .18 60);animation-delay:0s}[data-effect~=sparkle]:after{content:"\2726";bottom:-.2em;left:-.4em;color:#9e8cf4;animation-delay:-1.5s;font-size:.4em}[data-effect~=bounce]{transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}[data-effect~=bounce]:hover{animation:vb-kawaii-bounce .6s ease-in-out}[data-effect~=wiggle]{display:inline-block;animation:vb-kawaii-wiggle 2s ease-in-out infinite}[data-effect~=wiggle][data-trigger~=hover]{animation:none}[data-effect~=wiggle][data-trigger~=hover]:hover{animation:vb-kawaii-wiggle .4s ease-in-out}[data-theme~=kawaii]{--kawaii-scallop-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Crect width='200' height='200' rx='24' fill='white'/%3E%3Ccircle cx='14' cy='0' r='10' fill='white'/%3E%3Ccircle cx='38' cy='0' r='10' fill='white'/%3E%3Ccircle cx='62' cy='0' r='10' fill='white'/%3E%3Ccircle cx='86' cy='0' r='10' fill='white'/%3E%3Ccircle cx='110' cy='0' r='10' fill='white'/%3E%3Ccircle cx='134' cy='0' r='10' fill='white'/%3E%3Ccircle cx='158' cy='0' r='10' fill='white'/%3E%3Ccircle cx='182' cy='0' r='10' fill='white'/%3E%3Ccircle cx='14' cy='200' r='10' fill='white'/%3E%3Ccircle cx='38' cy='200' r='10' fill='white'/%3E%3Ccircle cx='62' cy='200' r='10' fill='white'/%3E%3Ccircle cx='86' cy='200' r='10' fill='white'/%3E%3Ccircle cx='110' cy='200' r='10' fill='white'/%3E%3Ccircle cx='134' cy='200' r='10' fill='white'/%3E%3Ccircle cx='158' cy='200' r='10' fill='white'/%3E%3Ccircle cx='182' cy='200' r='10' fill='white'/%3E%3C/svg%3E")}[data-theme~=kawaii] :is(main,article) hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)){border:none;height:2rem;background:transparent;position:relative;margin-block:2rem}[data-theme~=kawaii] :is(main,article) hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)):before{content:"\2661\2726\2661\2726\2661";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-primary);font-size:1.25rem;letter-spacing:.5rem;animation:vb-kawaii-sparkle 2s ease-in-out infinite}[data-theme~=kawaii] :is(main,article) h1{color:var(--color-primary);font-family:var(--font-display, var(--font-sans))}[data-theme~=kawaii] :is(main,article) h1:before{content:"\273f"}[data-theme~=kawaii] :is(main,article) h1:after{content:" \273f"}[data-theme~=kawaii] :is(main,article) h2{color:var(--_kawaii-lavender, oklch(55% .12 290))}[data-theme~=kawaii] :is(main,article) h2:before{content:"\2605";animation:vb-kawaii-sparkle 1.5s ease-in-out infinite}[data-theme~=kawaii] :is(main,article) h3{color:var(--color-accent)}[data-theme~=kawaii] :is(main,article) button,[data-theme~=kawaii] :is(main,article) .button{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-lavender, oklch(55% .12 290)));border:none;color:#fff;font-weight:700;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}[data-theme~=kawaii] :is(main,article) button:hover,[data-theme~=kawaii] :is(main,article) .button:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg)}[data-theme~=kawaii] :is(main,article) a:not([class]){color:var(--color-primary);text-decoration:none;position:relative}[data-theme~=kawaii] :is(main,article) a:not([class]):after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--_kawaii-lavender, oklch(55% .12 290)),var(--color-accent));border-radius:var(--radius-full);transform:scaleX(0);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}[data-theme~=kawaii] :is(main,article) a:not([class]):hover:after{transform:scaleX(1)}[data-theme~=kawaii] article :not(nav)>ul:not([class]){list-style:none}[data-theme~=kawaii] article :not(nav)>ul:not([class])>li:before{content:"\2661";color:var(--color-primary);margin-inline-end:.5rem}[data-theme~=kawaii] :is(main,article) blockquote:not([data-callout]){background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290));border:none;border-radius:var(--radius-xl);padding:1.5rem 2rem;position:relative;mask-image:var(--kawaii-scallop-mask);mask-size:cover;-webkit-mask-image:var(--kawaii-scallop-mask);-webkit-mask-size:cover}[data-theme~=kawaii] :is(main,article) blockquote:not([data-callout]):before{content:"\1f4ad";position:absolute;top:-1rem;left:1.5rem;font-size:2rem}[data-theme~=kawaii] ::selection{background:var(--color-primary);color:#fff}[data-theme~=kawaii] :is(main,article) code{background:var(--color-accent-subtle);color:oklch(35% .12 180);border-radius:var(--radius-s);padding:.125rem .375rem}@media(prefers-reduced-motion:reduce){[data-effect~=sparkle]:before,[data-effect~=sparkle]:after,[data-effect~=wiggle],[data-effect~=starburst]:before{animation:none}}:root[data-motion-reduced] [data-effect~=sparkle]:before,:root[data-motion-reduced] [data-effect~=sparkle]:after,:root[data-motion-reduced] [data-effect~=wiggle],:root[data-motion-reduced] [data-effect~=starburst]:before{animation:none}@media print{[data-effect~=starburst],[data-effect~=sparkle],[data-effect~=bounce],[data-effect~=wiggle]{animation:none!important;transform:none!important}[data-effect~=starburst]:before,[data-effect~=starburst]:after,[data-effect~=sparkle]:before,[data-effect~=sparkle]:after{display:none!important}}}
+/*# sourceMappingURL=kawaii.effects.css.map */

package/dist/cdn/packs/kawaii.effects.js

@@ -0,0 +1 @@
+//# sourceMappingURL=kawaii.effects.js.map

package/dist/cdn/packs/kawaii.full.css

@@ -0,0 +1,5 @@
+@font-face{font-family:Cherry Bomb One;font-style:normal;font-weight:400;font-display:swap;src:url("./kawaii/fonts/CherryBombOne-Regular.woff2") format("woff2")}@font-face{font-family:Coiny;font-style:normal;font-weight:400;font-display:swap;src:url("./kawaii/fonts/Coiny-Regular.woff2") format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer bundle-theme{[data-theme~=kawaii]{color-scheme:light;--theme-border-style: kawaii;--color-surface: oklch(98% .02 350);--color-surface-alt: oklch(95% .04 350);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(92% .05 350);--color-background: oklch(97% .03 350);--color-text: oklch(25% .08 330);--color-text-muted: oklch(40% .06 330);--color-text-subtle: oklch(50% .04 330);--color-primary: oklch(55% .18 350);--color-primary-hover: oklch(50% .2 350);--color-primary-subtle: oklch(95% .05 350);--color-accent: oklch(45% .12 180);--color-accent-hover: oklch(40% .14 180);--color-accent-subtle: oklch(95% .04 180);--_kawaii-lavender: oklch(55% .12 290);--_kawaii-peach: oklch(55% .12 60);--_kawaii-sky: oklch(50% .12 220);--color-border: oklch(90% .05 350);--color-border-muted: oklch(94% .03 350);--color-border-strong: oklch(75% .15 350);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--font-sans: "Nunito", "Quicksand", "Varela Round", system-ui, sans-serif;--font-display: "Cherry Bomb One", "Nunito", cursive;--font-accent: "Coiny", "Nunito", cursive;--font-mono: "Fira Code", monospace;--line-height-normal: 1.6;--line-height-tight: 1.3;--radius-xs: .5rem;--radius-s: .75rem;--radius-m: 1rem;--radius-l: 1.5rem;--radius-xl: 2rem;--radius-2xl: 3rem;--radius-full: 9999px;--shadow-xs: 0 2px 4px oklch(75% .15 350 / .15);--shadow-sm: 0 4px 8px oklch(75% .15 350 / .2);--shadow-md: 0 6px 16px oklch(75% .15 350 / .25);--shadow-lg: 0 10px 24px oklch(75% .15 350 / .3);--shadow-xl: 0 16px 32px oklch(75% .15 350 / .35);--shadow-2xl: 0 24px 48px oklch(75% .15 350 / .4);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--shape-depth: 8%;--shape-bevel: 16px}[data-theme~=kawaii][data-mode=dark]{color-scheme:dark;--color-surface: oklch(18% .04 290);--color-surface-alt: oklch(22% .05 290);--color-surface-raised: oklch(25% .04 290);--color-background: oklch(12% .04 290);--color-text: oklch(92% .03 350);--color-text-muted: oklch(75% .04 350);--color-primary: oklch(75% .18 350);--color-accent: oklch(75% .15 180);--_kawaii-lavender: oklch(75% .12 290);--_kawaii-peach: oklch(75% .12 60);--_kawaii-sky: oklch(70% .12 220);--color-border: oklch(35% .05 290)}}
+/*# sourceMappingURL=kawaii.theme.css.map */
+
+@layer bundle-effects{@keyframes vb-kawaii-sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes vb-kawaii-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes vb-kawaii-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes vb-kawaii-float{0%,to{transform:translateY(0) rotate(0);opacity:1}25%{transform:translateY(-8px) rotate(5deg)}50%{transform:translateY(-3px) rotate(-3deg);opacity:.8}75%{transform:translateY(-10px) rotate(2deg)}}@keyframes vb-kawaii-starburst{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-effect~=starburst]{position:relative;overflow:hidden;background:linear-gradient(180deg,#ccc6ff,oklch(90% .1 340) 40%,oklch(95% .06 60))}[data-effect~=starburst]:before{content:"";position:absolute;inset:-50%;width:200%;height:200%;background:repeating-conic-gradient(from 0deg,oklch(92% .05 300 / .4) 0deg 10deg,transparent 10deg 20deg);animation:vb-kawaii-starburst 60s linear infinite;pointer-events:none;z-index:0}[data-effect~=starburst]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:radial-gradient(ellipse 120px 80px at 10% 90%,oklch(95% .06 350 / .9) 0%,transparent 100%),radial-gradient(ellipse 160px 100px at 30% 85%,oklch(92% .08 290 / .85) 0%,transparent 100%),radial-gradient(ellipse 140px 90px at 55% 92%,oklch(95% .05 200 / .9) 0%,transparent 100%),radial-gradient(ellipse 180px 110px at 75% 80%,oklch(93% .07 350 / .85) 0%,transparent 100%),radial-gradient(ellipse 120px 80px at 95% 88%,oklch(94% .06 290 / .9) 0%,transparent 100%);pointer-events:none;z-index:1}[data-effect~=starburst]>*{position:relative;z-index:2}[data-effect~=sparkle]{position:relative;display:inline-block}[data-effect~=sparkle]:before,[data-effect~=sparkle]:after{position:absolute;font-size:.6em;pointer-events:none;animation:vb-kawaii-float 3s ease-in-out infinite}[data-effect~=sparkle]:before{content:"\2726";top:-.3em;right:-.5em;color:oklch(75% .18 60);animation-delay:0s}[data-effect~=sparkle]:after{content:"\2726";bottom:-.2em;left:-.4em;color:#9e8cf4;animation-delay:-1.5s;font-size:.4em}[data-effect~=bounce]{transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}[data-effect~=bounce]:hover{animation:vb-kawaii-bounce .6s ease-in-out}[data-effect~=wiggle]{display:inline-block;animation:vb-kawaii-wiggle 2s ease-in-out infinite}[data-effect~=wiggle][data-trigger~=hover]{animation:none}[data-effect~=wiggle][data-trigger~=hover]:hover{animation:vb-kawaii-wiggle .4s ease-in-out}[data-theme~=kawaii]{--kawaii-scallop-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Crect width='200' height='200' rx='24' fill='white'/%3E%3Ccircle cx='14' cy='0' r='10' fill='white'/%3E%3Ccircle cx='38' cy='0' r='10' fill='white'/%3E%3Ccircle cx='62' cy='0' r='10' fill='white'/%3E%3Ccircle cx='86' cy='0' r='10' fill='white'/%3E%3Ccircle cx='110' cy='0' r='10' fill='white'/%3E%3Ccircle cx='134' cy='0' r='10' fill='white'/%3E%3Ccircle cx='158' cy='0' r='10' fill='white'/%3E%3Ccircle cx='182' cy='0' r='10' fill='white'/%3E%3Ccircle cx='14' cy='200' r='10' fill='white'/%3E%3Ccircle cx='38' cy='200' r='10' fill='white'/%3E%3Ccircle cx='62' cy='200' r='10' fill='white'/%3E%3Ccircle cx='86' cy='200' r='10' fill='white'/%3E%3Ccircle cx='110' cy='200' r='10' fill='white'/%3E%3Ccircle cx='134' cy='200' r='10' fill='white'/%3E%3Ccircle cx='158' cy='200' r='10' fill='white'/%3E%3Ccircle cx='182' cy='200' r='10' fill='white'/%3E%3C/svg%3E")}[data-theme~=kawaii] :is(main,article) hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)){border:none;height:2rem;background:transparent;position:relative;margin-block:2rem}[data-theme~=kawaii] :is(main,article) hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)):before{content:"\2661\2726\2661\2726\2661";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-primary);font-size:1.25rem;letter-spacing:.5rem;animation:vb-kawaii-sparkle 2s ease-in-out infinite}[data-theme~=kawaii] :is(main,article) h1{color:var(--color-primary);font-family:var(--font-display, var(--font-sans))}[data-theme~=kawaii] :is(main,article) h1:before{content:"\273f"}[data-theme~=kawaii] :is(main,article) h1:after{content:" \273f"}[data-theme~=kawaii] :is(main,article) h2{color:var(--_kawaii-lavender, oklch(55% .12 290))}[data-theme~=kawaii] :is(main,article) h2:before{content:"\2605";animation:vb-kawaii-sparkle 1.5s ease-in-out infinite}[data-theme~=kawaii] :is(main,article) h3{color:var(--color-accent)}[data-theme~=kawaii] :is(main,article) button,[data-theme~=kawaii] :is(main,article) .button{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-lavender, oklch(55% .12 290)));border:none;color:#fff;font-weight:700;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}[data-theme~=kawaii] :is(main,article) button:hover,[data-theme~=kawaii] :is(main,article) .button:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg)}[data-theme~=kawaii] :is(main,article) a:not([class]){color:var(--color-primary);text-decoration:none;position:relative}[data-theme~=kawaii] :is(main,article) a:not([class]):after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--_kawaii-lavender, oklch(55% .12 290)),var(--color-accent));border-radius:var(--radius-full);transform:scaleX(0);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}[data-theme~=kawaii] :is(main,article) a:not([class]):hover:after{transform:scaleX(1)}[data-theme~=kawaii] article :not(nav)>ul:not([class]){list-style:none}[data-theme~=kawaii] article :not(nav)>ul:not([class])>li:before{content:"\2661";color:var(--color-primary);margin-inline-end:.5rem}[data-theme~=kawaii] :is(main,article) blockquote:not([data-callout]){background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290));border:none;border-radius:var(--radius-xl);padding:1.5rem 2rem;position:relative;mask-image:var(--kawaii-scallop-mask);mask-size:cover;-webkit-mask-image:var(--kawaii-scallop-mask);-webkit-mask-size:cover}[data-theme~=kawaii] :is(main,article) blockquote:not([data-callout]):before{content:"\1f4ad";position:absolute;top:-1rem;left:1.5rem;font-size:2rem}[data-theme~=kawaii] ::selection{background:var(--color-primary);color:#fff}[data-theme~=kawaii] :is(main,article) code{background:var(--color-accent-subtle);color:oklch(35% .12 180);border-radius:var(--radius-s);padding:.125rem .375rem}@media(prefers-reduced-motion:reduce){[data-effect~=sparkle]:before,[data-effect~=sparkle]:after,[data-effect~=wiggle],[data-effect~=starburst]:before{animation:none}}:root[data-motion-reduced] [data-effect~=sparkle]:before,:root[data-motion-reduced] [data-effect~=sparkle]:after,:root[data-motion-reduced] [data-effect~=wiggle],:root[data-motion-reduced] [data-effect~=starburst]:before{animation:none}@media print{[data-effect~=starburst],[data-effect~=sparkle],[data-effect~=bounce],[data-effect~=wiggle]{animation:none!important;transform:none!important}[data-effect~=starburst]:before,[data-effect~=starburst]:after,[data-effect~=sparkle]:before,[data-effect~=sparkle]:after{display:none!important}}}
+/*# sourceMappingURL=kawaii.effects.css.map */

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

@@ -0,0 +1,24 @@
+var m=window.matchMedia("(prefers-reduced-motion: reduce)");function l(){return m.matches||document.documentElement.hasAttribute("data-motion-reduced")}var p=0,a={_effects:new Map,_triggers:new Map,_transitions:new Map,_instances:new WeakMap,_triggerCleanups:new WeakMap,_transitionCleanups:new WeakMap,_observer:null,effect(t,e){this._effects.set(t,e),document.querySelectorAll("[data-effect]").forEach(i=>{(i.getAttribute("data-effect")||"").split(/\s+/).includes(t)&&this._initEffect(i,t)})},trigger(t,e){this._triggers.set(t,e)},transition(t,e){this._transitions.set(t,e)},uid(t){return t.id?t.id:(t._vbUid||(p++,t._vbUid=`vb-${p}`),t._vbUid)},theme(t,e){this._themes=this._themes||new Map,this._themes.set(t,e)},applyTheme(t,e=document.documentElement){let i=this._themes?.get(t);if(i)for(let[s,r]of Object.entries(i))e.style.setProperty(s,r)},swap(t){return document.startViewTransition?document.startViewTransition(t):t()},observe(t=document){if(t.querySelectorAll("[data-effect]").forEach(i=>this._processElement(i)),t.querySelectorAll("[data-stagger]").forEach(i=>this._processStagger(i)),t.querySelectorAll("[data-transition]").forEach(i=>this._processTransition(i)),this._observer)return;this._observer=new MutationObserver(i=>{for(let s of i){if(s.type==="childList"){for(let r of s.addedNodes)r.nodeType===Node.ELEMENT_NODE&&this._processTree(r);for(let r of s.removedNodes)r.nodeType===Node.ELEMENT_NODE&&this._cleanupTree(r)}if(s.type==="attributes"){let r=s.target;s.attributeName==="data-effect"&&this._reconcileEffects(r),s.attributeName==="data-trigger"&&this._reconcileTrigger(r),s.attributeName==="data-stagger"&&this._processStagger(r),s.attributeName==="data-transition"&&this._processTransition(r)}}});let e=t===document?document.body:t;this._observer.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-effect","data-trigger","data-stagger","data-transition"]})},disconnect(){this._observer&&(this._observer.disconnect(),this._observer=null)},params(t){let e=getComputedStyle(t);return{get(i){return e.getPropertyValue(`--vb-${i}`).trim()},getNumber(i,s=0){let r=e.getPropertyValue(`--vb-${i}`).trim();return r?parseFloat(r):s},hasClass(i){return t.classList.contains(i)}}},emit(t,e,i={}){t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:i}))},prefersReducedMotion:l,_processTree(t){t.hasAttribute?.("data-effect")&&this._processElement(t),t.hasAttribute?.("data-stagger")&&this._processStagger(t),t.hasAttribute?.("data-transition")&&this._processTransition(t),t.querySelectorAll?.("[data-effect]").forEach(e=>this._processElement(e)),t.querySelectorAll?.("[data-stagger]").forEach(e=>this._processStagger(e)),t.querySelectorAll?.("[data-transition]").forEach(e=>this._processTransition(e))},_cleanupTree(t){t.hasAttribute?.("data-effect")&&this._cleanupElement(t),t.hasAttribute?.("data-transition")&&this._cleanupTransition(t),t.querySelectorAll?.("[data-effect]").forEach(e=>this._cleanupElement(e)),t.querySelectorAll?.("[data-transition]").forEach(e=>this._cleanupTransition(e))},_processElement(t){if(t.hasAttribute("data-effect-processed"))return;t.setAttribute("data-effect-processed","");let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];for(let i of e)this._initEffect(t,i);this._wireTrigger(t,e)},_initEffect(t,e){let i=this._effects.get(e);if(!i)return;let s=this._instances.get(t);if(s?.has(e))return;l();let r=i(t);r&&(s||(s=new Map,this._instances.set(t,s)),typeof r=="function"?s.set(e,{cleanup:r}):s.set(e,r))},_wireTrigger(t,e){let i=t.getAttribute("data-trigger");if(!i){this._activateEffects(t);return}let s=i.split(/\s+/).filter(Boolean);for(let r of s){let n=r.indexOf(":"),h=n>-1?r.slice(0,n):r,g=n>-1?r.slice(n+1):null,u=this._triggers.get(h);if(!u)continue;let f=u(t,()=>this._activateEffects(t),g);if(f){let d=this._triggerCleanups.get(t);if(d){let _=d;this._triggerCleanups.set(t,()=>{_(),f()})}else this._triggerCleanups.set(t,f)}}},_activateEffects(t){t.setAttribute("data-effect-active","");let e=this._instances.get(t);if(e)for(let[,i]of e)i.activate&&i.activate()},_cleanupElement(t){let e=this._instances.get(t);if(e){for(let[,s]of e)s.cleanup&&s.cleanup();this._instances.delete(t)}let i=this._triggerCleanups.get(t);i&&(i(),this._triggerCleanups.delete(t))},_reconcileEffects(t){let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[],i=this._instances.get(t);if(i)for(let[s,r]of i)e.includes(s)||(r.cleanup&&r.cleanup(),i.delete(s));for(let s of e)i?.has(s)||this._initEffect(t,s);t.hasAttribute("data-effect-processed")||(t.setAttribute("data-effect-processed",""),this._wireTrigger(t,e))},_reconcileTrigger(t){let e=this._triggerCleanups.get(t);e&&(e(),this._triggerCleanups.delete(t));let i=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];this._wireTrigger(t,i)},_processStagger(t){let e=t.children;for(let i=0;i<e.length;i++)e[i].style.setProperty("--vb-stagger-index",String(i))},_processTransition(t){if(t.hasAttribute("data-transition-processed"))return;t.setAttribute("data-transition-processed","");let e=t.getAttribute("data-transition");if(!e)return;let i=this._transitions.get(e);if(i){let s=i(t);s&&this._transitionCleanups.set(t,s)}else t.style.viewTransitionName=`${e}-${this.uid(t)}`},_cleanupTransition(t){let e=this._transitionCleanups.get(t);e&&(e(),this._transitionCleanups.delete(t)),t.style.viewTransitionName=""}};typeof window<"u"&&(window.VB=a);var o=["\u2726","\u2727","\u22C6","\u2661","\u2606"],c=["oklch(75% 0.18 350)","oklch(70% 0.15 290)","oklch(75% 0.12 60)","oklch(70% 0.12 220)","oklch(65% 0.15 180)"];a.effect("particles",t=>{if(t._sparkleInterval)return;if(a.prefersReducedMotion()){getComputedStyle(t).position==="static"&&(t.style.position="relative");for(let r=0;r<5;r++){let n=document.createElement("span");n.textContent=o[Math.floor(Math.random()*o.length)],n.setAttribute("aria-hidden","true"),n.style.cssText=`
+        position: absolute; pointer-events: none;
+        font-size: ${.5+Math.random()*.6}rem;
+        color: ${c[Math.floor(Math.random()*c.length)]};
+        left: ${10+Math.random()*80}%;
+        top: ${10+Math.random()*80}%;
+        opacity: 0.4; z-index: 0;
+      `,t.appendChild(n)}return}getComputedStyle(t).position==="static"&&(t.style.position="relative"),t.style.overflow="hidden";function i(){let s=document.createElement("span");s.textContent=o[Math.floor(Math.random()*o.length)],s.setAttribute("aria-hidden","true"),s.style.cssText=`
+      position: absolute; pointer-events: none;
+      font-size: ${.6+Math.random()*.8}rem;
+      color: ${c[Math.floor(Math.random()*c.length)]};
+      left: ${Math.random()*100}%;
+      top: ${80+Math.random()*20}%;
+      opacity: 0; z-index: 0;
+      animation: vb-kawaii-particle ${2+Math.random()*3}s ease-out forwards;
+    `,t.appendChild(s),setTimeout(()=>s.remove(),5e3)}if(!document.getElementById("vb-kawaii-particle-style")){let s=document.createElement("style");s.id="vb-kawaii-particle-style",s.textContent=`
+      @keyframes vb-kawaii-particle {
+        0%   { opacity: 0; transform: translateY(0) rotate(0deg) scale(0.5); }
+        20%  { opacity: 1; }
+        80%  { opacity: 0.6; }
+        100% { opacity: 0; transform: translateY(-120px) rotate(180deg) scale(0.3); }
+      }
+    `,document.head.appendChild(s)}t._sparkleInterval=setInterval(i,600);for(let s=0;s<3;s++)setTimeout(i,s*200);return{cleanup(){t._sparkleInterval&&(clearInterval(t._sparkleInterval),t._sparkleInterval=null),t.querySelectorAll('[aria-hidden="true"]').forEach(s=>{s.style.animation?.includes("vb-kawaii-particle")&&s.remove()})}}});
+//# sourceMappingURL=kawaii.full.js.map

package/dist/cdn/packs/kawaii.theme.css

@@ -0,0 +1,2 @@
+@font-face{font-family:Cherry Bomb One;font-style:normal;font-weight:400;font-display:swap;src:url("./kawaii/fonts/CherryBombOne-Regular.woff2") format("woff2")}@font-face{font-family:Coiny;font-style:normal;font-weight:400;font-display:swap;src:url("./kawaii/fonts/Coiny-Regular.woff2") format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer bundle-theme{[data-theme~=kawaii]{color-scheme:light;--theme-border-style: kawaii;--color-surface: oklch(98% .02 350);--color-surface-alt: oklch(95% .04 350);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(92% .05 350);--color-background: oklch(97% .03 350);--color-text: oklch(25% .08 330);--color-text-muted: oklch(40% .06 330);--color-text-subtle: oklch(50% .04 330);--color-primary: oklch(55% .18 350);--color-primary-hover: oklch(50% .2 350);--color-primary-subtle: oklch(95% .05 350);--color-accent: oklch(45% .12 180);--color-accent-hover: oklch(40% .14 180);--color-accent-subtle: oklch(95% .04 180);--_kawaii-lavender: oklch(55% .12 290);--_kawaii-peach: oklch(55% .12 60);--_kawaii-sky: oklch(50% .12 220);--color-border: oklch(90% .05 350);--color-border-muted: oklch(94% .03 350);--color-border-strong: oklch(75% .15 350);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--font-sans: "Nunito", "Quicksand", "Varela Round", system-ui, sans-serif;--font-display: "Cherry Bomb One", "Nunito", cursive;--font-accent: "Coiny", "Nunito", cursive;--font-mono: "Fira Code", monospace;--line-height-normal: 1.6;--line-height-tight: 1.3;--radius-xs: .5rem;--radius-s: .75rem;--radius-m: 1rem;--radius-l: 1.5rem;--radius-xl: 2rem;--radius-2xl: 3rem;--radius-full: 9999px;--shadow-xs: 0 2px 4px oklch(75% .15 350 / .15);--shadow-sm: 0 4px 8px oklch(75% .15 350 / .2);--shadow-md: 0 6px 16px oklch(75% .15 350 / .25);--shadow-lg: 0 10px 24px oklch(75% .15 350 / .3);--shadow-xl: 0 16px 32px oklch(75% .15 350 / .35);--shadow-2xl: 0 24px 48px oklch(75% .15 350 / .4);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--shape-depth: 8%;--shape-bevel: 16px}[data-theme~=kawaii][data-mode=dark]{color-scheme:dark;--color-surface: oklch(18% .04 290);--color-surface-alt: oklch(22% .05 290);--color-surface-raised: oklch(25% .04 290);--color-background: oklch(12% .04 290);--color-text: oklch(92% .03 350);--color-text-muted: oklch(75% .04 350);--color-primary: oklch(75% .18 350);--color-accent: oklch(75% .15 180);--_kawaii-lavender: oklch(75% .12 290);--_kawaii-peach: oklch(75% .12 60);--_kawaii-sky: oklch(70% .12 220);--color-border: oklch(35% .05 290)}}
+/*# sourceMappingURL=kawaii.theme.css.map */