vanilla-breeze 0.1.3 → 0.1.4

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

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

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

@@ -1,4 +1,4 @@
-@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(95% .01 350);--color-text-muted: oklch(80% .02 350);--color-text-subtle: oklch(65% .02 350);--color-hover-bg: oklch(25% .06 350);--color-surface-overlay: oklch(22% .05 290);--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)}}
+@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")}@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap);@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(95% .01 350);--color-text-muted: oklch(80% .02 350);--color-text-subtle: oklch(65% .02 350);--color-hover-bg: oklch(25% .06 350);--color-surface-overlay: oklch(22% .05 290);--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}}}

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

@@ -1,24 +1,24 @@
-var _=window.matchMedia("(prefers-reduced-motion: reduce)");function l(){return _.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},getTime(i,s=0){let r=e.getPropertyValue(`--vb-${i}`).trim();if(!r)return s;let n=parseFloat(r);return Number.isFinite(n)?/s\s*$/.test(r)&&!/ms\s*$/.test(r)?n*1e3:n: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 m=d;this._triggerCleanups.set(t,()=>{m(),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=`
+var _=window.matchMedia("(prefers-reduced-motion: reduce)");function p(){return _.matches||document.documentElement.hasAttribute("data-motion-reduced")}var g=0,b=new Map([["vb-fade-in","entrance"],["vb-slide-up","entrance"],["vb-pop","entrance"],["vb-slide-in-ltr","entrance"],["vb-slide-in-rtl","entrance"],["vb-fade-slide-up","entrance"],["vb-shadow-lift","entrance"],["vb-fade-out","exit"],["vb-collapse","exit"],["vb-slide-out-ltr","exit"],["vb-slide-out-rtl","exit"],["vb-shake","attention"],["vb-pulse","attention"],["vb-bounce","attention"],["vb-blink","attention"],["vb-neon-pulse","decoration"],["vb-3d-shift","decoration"],["vb-outline-glow-pulse","decoration"],["vb-rainbow","decoration"],["vb-gradient-flow","decoration"],["vb-shimmer","decoration"],["vb-shimmer-gradient","decoration"],["vb-glow","decoration"],["vb-float","decoration"]]),f={_effects:new Map,_triggers:new Map,_transitions:new Map,_instances:new WeakMap,_triggerCleanups:new WeakMap,_transitionCleanups:new WeakMap,_keyframePhase:b,_observer:null,_animationEndHandler:null,effect(t,e){this._effects.set(t,e),document.querySelectorAll("[data-effect]").forEach(n=>{(n.getAttribute("data-effect")||"").split(/\s+/).includes(t)&&this._initEffect(n,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||(g++,t._vbUid=`vb-${g}`),t._vbUid)},theme(t,e){this._themes=this._themes||new Map,this._themes.set(t,e)},applyTheme(t,e=document.documentElement){let n=this._themes?.get(t);if(n)for(let[i,s]of Object.entries(n))e.style.setProperty(i,s)},swap(t){if(!document.startViewTransition){t(),queueMicrotask(()=>this._dispatchVtDone(document.body));return}let e=document.startViewTransition(t);return e.updateCallbackDone.then(()=>{this._dispatchVtDone(document.body)}).catch(()=>{}),e},_dispatchVtDone(t){t.querySelectorAll('[data-trigger~="vt"]').forEach(e=>{this.emit(e,"vb:vt-update-done",{})})},activate(t){this._activateEffects(t)},deactivate(t){t.hasAttribute("data-effect-active")&&(t.removeAttribute("data-effect-active"),this.emit(t,"vb:phase-change",{active:!1}))},onPhaseEnd(t,e,n){let i=s=>{s.detail?.phase===e&&n(s.detail)};return t.addEventListener("vb:effect-phase-end",i),()=>t.removeEventListener("vb:effect-phase-end",i)},registerKeyframe(t,e){this._keyframePhase.set(t,e)},observe(t=document){if(t.querySelectorAll("[data-effect]").forEach(n=>this._processElement(n)),t.querySelectorAll("[data-stagger]").forEach(n=>this._processStagger(n)),t.querySelectorAll("[data-transition]").forEach(n=>this._processTransition(n)),this._observer)return;this._observer=new MutationObserver(n=>{for(let i of n){if(i.type==="childList"){for(let s of i.addedNodes)s.nodeType===Node.ELEMENT_NODE&&this._processTree(s);for(let s of i.removedNodes)s.nodeType===Node.ELEMENT_NODE&&this._cleanupTree(s)}if(i.type==="attributes"){let s=i.target;i.attributeName==="data-effect"&&this._reconcileEffects(s),i.attributeName==="data-trigger"&&this._reconcileTrigger(s),i.attributeName==="data-stagger"&&this._processStagger(s),i.attributeName==="data-transition"&&this._processTransition(s)}}});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"]}),this._animationEndHandler||(this._animationEndHandler=n=>{let i=n.target;if(!(i instanceof Element)||!i.hasAttribute("data-effect"))return;let s=this._keyframePhase.get(n.animationName);s&&this.emit(i,"vb:effect-phase-end",{phase:s,animationName:n.animationName})},document.addEventListener("animationend",this._animationEndHandler))},disconnect(){this._observer&&(this._observer.disconnect(),this._observer=null),this._animationEndHandler&&(document.removeEventListener("animationend",this._animationEndHandler),this._animationEndHandler=null)},params(t){let e=getComputedStyle(t);return{get(n){return e.getPropertyValue(`--vb-${n}`).trim()},getNumber(n,i=0){let s=e.getPropertyValue(`--vb-${n}`).trim();return s?parseFloat(s):i},getTime(n,i=0){let s=e.getPropertyValue(`--vb-${n}`).trim();if(!s)return i;let a=parseFloat(s);return Number.isFinite(a)?/s\s*$/.test(s)&&!/ms\s*$/.test(s)?a*1e3:a:i},hasClass(n){return t.classList.contains(n)}}},emit(t,e,n={}){t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:n}))},prefersReducedMotion:p,_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 n of e)this._initEffect(t,n);this._wireTrigger(t,e)},_initEffect(t,e){let n=this._effects.get(e);if(!n)return;let i=this._instances.get(t);if(i?.has(e))return;p();let s=n(t);s&&(i||(i=new Map,this._instances.set(t,i)),typeof s=="function"?i.set(e,{cleanup:s}):i.set(e,s))},_wireTrigger(t,e){let n=t.getAttribute("data-trigger");if(!n){this._activateEffects(t);return}let i=n.split(/\s+/).filter(Boolean);for(let s of i){let a=s.indexOf(":"),r=a>-1?s.slice(0,a):s,o=a>-1?s.slice(a+1):null,c=this._triggers.get(r);if(!c)continue;let d=c(t,()=>this._activateEffects(t),o);if(d){let h=this._triggerCleanups.get(t);if(h){let m=h;this._triggerCleanups.set(t,()=>{m(),d()})}else this._triggerCleanups.set(t,d)}}},_activateEffects(t){t.setAttribute("data-effect-active",""),this.emit(t,"vb:phase-change",{active:!0});let e=this._instances.get(t);if(e)for(let[,n]of e)n.activate&&n.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 n=this._triggerCleanups.get(t);n&&(n(),this._triggerCleanups.delete(t))},_reconcileEffects(t){let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[],n=this._instances.get(t);if(n)for(let[i,s]of n)e.includes(i)||(s.cleanup&&s.cleanup(),n.delete(i));for(let i of e)n?.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 n=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];this._wireTrigger(t,n)},_processStagger(t){let e=t.getAttribute("data-stagger")||"",n=t.children,i=n.length,s;if(e==="reverse")s=Array.from({length:i},(a,r)=>i-1-r);else if(e==="random"){let a=this._hashString(this.uid(t));s=Array.from({length:i},(o,c)=>c);let r=a;for(let o=i-1;o>0;o--){r^=r<<13,r^=r>>>17,r^=r<<5;let c=Math.abs(r)%(o+1);[s[o],s[c]]=[s[c],s[o]]}}else if(e==="grid"){let a=[];for(let r=0;r<i;r++){let o=getComputedStyle(n[r]),c=parseInt(o.gridRowStart,10),d=parseInt(o.gridColumnStart,10);a.push({i:r,dist:Number.isFinite(c)&&Number.isFinite(d)?c-1+(d-1):r})}a.sort((r,o)=>r.dist-o.dist),s=new Array(i),a.forEach((r,o)=>{s[r.i]=o})}else s=Array.from({length:i},(a,r)=>r);for(let a=0;a<i;a++)n[a].style.setProperty("--vb-stagger-index",String(s[a]))},_hashString(t){let e=5381;for(let n=0;n<t.length;n++)e=(e<<5)+e^t.charCodeAt(n);return e|0},_processTransition(t){if(t.hasAttribute("data-transition-processed"))return;t.setAttribute("data-transition-processed","");let e=t.getAttribute("data-transition");if(!e)return;let n=e.indexOf(":"),i=n>-1?e.slice(0,n):e,s=n>-1?e.slice(n+1):null,a=this._transitions.get(i);if(a){let r=a(t,s);r&&this._transitionCleanups.set(t,r)}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);var l=["\u2726","\u2727","\u22C6","\u2661","\u2606"],u=["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)"];f.effect("particles",t=>{if(t._sparkleInterval)return;if(f.prefersReducedMotion()){getComputedStyle(t).position==="static"&&(t.style.position="relative");for(let s=0;s<5;s++){let a=document.createElement("span");a.textContent=l[Math.floor(Math.random()*l.length)],a.setAttribute("aria-hidden","true"),a.style.cssText=`
         position: absolute; pointer-events: none;
         font-size: ${.5+Math.random()*.6}rem;
-        color: ${c[Math.floor(Math.random()*c.length)]};
+        color: ${u[Math.floor(Math.random()*u.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=`
+      `,t.appendChild(a)}return}getComputedStyle(t).position==="static"&&(t.style.position="relative"),t.style.overflow="hidden";function n(){let i=document.createElement("span");i.textContent=l[Math.floor(Math.random()*l.length)],i.setAttribute("aria-hidden","true"),i.style.cssText=`
       position: absolute; pointer-events: none;
       font-size: ${.6+Math.random()*.8}rem;
-      color: ${c[Math.floor(Math.random()*c.length)]};
+      color: ${u[Math.floor(Math.random()*u.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=`
+    `,t.appendChild(i),setTimeout(()=>i.remove(),5e3)}if(!document.getElementById("vb-kawaii-particle-style")){let i=document.createElement("style");i.id="vb-kawaii-particle-style",i.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()})}}});
+    `,document.head.appendChild(i)}t._sparkleInterval=setInterval(n,600);for(let i=0;i<3;i++)setTimeout(n,i*200);return{cleanup(){t._sparkleInterval&&(clearInterval(t._sparkleInterval),t._sparkleInterval=null),t.querySelectorAll('[aria-hidden="true"]').forEach(i=>{i.style.animation?.includes("vb-kawaii-particle")&&i.remove()})}}});
 //# sourceMappingURL=kawaii.full.js.map

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

@@ -1,2 +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(95% .01 350);--color-text-muted: oklch(80% .02 350);--color-text-subtle: oklch(65% .02 350);--color-hover-bg: oklch(25% .06 350);--color-surface-overlay: oklch(22% .05 290);--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)}}
+@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")}@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap);@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(95% .01 350);--color-text-muted: oklch(80% .02 350);--color-text-subtle: oklch(65% .02 350);--color-hover-bg: oklch(25% .06 350);--color-surface-overlay: oklch(22% .05 290);--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 */

package/dist/cdn/packs/manifest.json

@@ -2,7 +2,7 @@
   "design-system": {
     "fullJs": {
       "file": "design-system.full.js",
-      "size": 47211
+      "size": 57037
     },
     "fullCss": {
       "file": "design-system.full.css",
@@ -12,7 +12,7 @@
   "effects": {
     "fullJs": {
       "file": "effects.full.js",
-      "size": 18759
+      "size": 21779
     },
     "fullCss": {
       "file": "effects.full.css",
@@ -76,7 +76,7 @@
     },
     "effectsJs": {
       "file": "icons.effects.js",
-      "size": 2014
+      "size": 2015
     },
     "bundleJs": {
       "file": "icons.bundle.js",
@@ -88,13 +88,13 @@
     },
     "fullJs": {
       "file": "icons.full.js",
-      "size": 1953
+      "size": 1954
     }
   },
   "kawaii": {
     "themeCss": {
       "file": "kawaii.theme.css",
-      "size": 3231
+      "size": 2969
     },
     "effectsCss": {
       "file": "kawaii.effects.css",
@@ -110,11 +110,11 @@
     },
     "fullCss": {
       "file": "kawaii.full.css",
-      "size": 10602
+      "size": 10340
     },
     "fullJs": {
       "file": "kawaii.full.js",
-      "size": 7775
+      "size": 10465
     }
   },
   "memphis": {
@@ -160,11 +160,11 @@
   "ui": {
     "fullJs": {
       "file": "ui.full.js",
-      "size": 42001
+      "size": 44327
     },
     "fullCss": {
       "file": "ui.full.css",
-      "size": 10606
+      "size": 11793
     },
     "packJs": {
       "file": "ui.pack.js",
@@ -174,11 +174,11 @@
   "ux-planning": {
     "fullJs": {
       "file": "ux-planning.full.js",
-      "size": 218563
+      "size": 270289
     },
     "fullCss": {
       "file": "ux-planning.full.css",
-      "size": 30535
+      "size": 43340
     }
   }
 }

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

@@ -1,2 +1,2 @@
-theme-picker:not(:defined){display:block}theme-picker{display:inline-block;position:relative;&[variant=inline]{display:block}&[open] .panel{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration) var(--ease-out),visibility var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out)}&[variant=inline] .panel{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0;background:transparent}}@scope(theme-picker){.panel{--panel-top: calc(100% + var(--size-xs));--panel-left: 0px;position:absolute;top:var(--panel-top);left:var(--panel-left);z-index:1000;min-inline-size:16rem;padding:var(--size-m);background:var(--color-surface-overlay);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity var(--motion-exit-duration) var(--ease-out),visibility var(--motion-exit-duration) var(--ease-out),transform var(--motion-exit-duration) var(--ease-out);&[data-position=top]{transform:translateY(.25rem)}}.section{margin:0;padding:0;border:none;border-radius:0}.section+.section{margin-block-start:var(--size-m);padding-block-start:var(--size-m);border-block-start:var(--border-width-thin) solid var(--color-border)}.section>legend{padding:0;padding-inline:0;margin-block-end:var(--size-s);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.options{display:flex;gap:var(--size-xs)}.option{display:block;flex:1;min-inline-size:0;cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}&:hover .option-content{background:var(--color-hover-bg)}& input:focus-visible+.option-content{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.option-content{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-gray-900);& icon-wc{color:var(--color-primary)}}}.option-content{display:flex;flex-direction:column;align-items:center;gap:var(--size-2xs);padding:var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-sm);text-align:center;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default);& icon-wc{font-size:1.25em;color:var(--color-text-muted)}}.options--sizing{display:grid;grid-template-columns:1fr 1fr}.option--sizing .option-content{flex-direction:row;align-items:start;gap:var(--size-xs);text-align:start;padding:var(--size-xs) var(--size-s);& icon-wc{flex-shrink:0;margin-block-start:.15em}}.option-text{display:flex;flex-direction:column;& small{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.3}}.option--sizing input:checked+.option-content .option-text small{color:var(--color-primary)}.options--swatch-grid{display:flex;flex-wrap:wrap;gap:var(--size-xs)}.swatch-cell{cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.swatch-visual{display:flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius-s);background:var(--swatch-bg);color:var(--swatch-fg, white);border:var(--border-width-thin) solid oklch(0 0 0 / .15);transition:transform var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);& icon-wc{font-size:1rem}}&:hover .swatch-visual{transform:scale(1.1);border-color:var(--color-text-muted)}& input:focus-visible+.swatch-visual{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.swatch-visual{outline:2px solid var(--color-primary);outline-offset:2px;border-color:transparent}&[aria-busy=true] .swatch-visual{opacity:.5;pointer-events:none}}.options--accent-dots{display:flex;flex-wrap:wrap;gap:var(--size-2xs);align-items:center}.accent-dot{cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.accent-dot-visual{display:block;inline-size:1.5rem;block-size:1.5rem;border-radius:50%;border:2px solid oklch(0 0 0 / .1);transition:transform var(--duration-fast) var(--ease-default)}.accent-dot:hover .accent-dot-visual{transform:scale(1.15)}.accent-dot input:checked+.accent-dot-visual{outline:2px solid var(--color-primary);outline-offset:2px;border-color:transparent}.accent-dot input:focus-visible+.accent-dot-visual{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.compact-select{display:block;inline-size:100%;padding:var(--size-xs) var(--size-s);font:inherit;font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);cursor:pointer;&:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}}@supports (appearance: base-select){.compact-select:not([multiple]){display:flex;align-items:center}}.compact-segmented{display:flex;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);overflow:hidden}.compact-seg{flex:1;cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}& span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:var(--size-2xs) var(--size-xs);min-block-size:2.5rem;text-align:center;font-size:var(--font-size-sm);line-height:1.2;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}& span icon-wc{flex-shrink:0}&:not(:last-child) span{border-inline-end:var(--border-width-thin) solid var(--color-border)}&:hover span{background:var(--color-surface-alt)}& input:checked+span{background:var(--color-primary);color:#fff}& input:focus-visible+span{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}}.compact-toggles{display:flex;flex-direction:column;gap:var(--size-xs)}.theme-category{+.theme-category{margin-block-start:var(--size-s)}}.category-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-block-end:var(--size-2xs)}.section--more-themes{border-block-start:var(--border-width-thin) solid var(--color-border);&[open] .chevron{transform:rotate(180deg)}}.more-themes-toggle{display:flex;align-items:center;gap:var(--size-xs);padding:var(--size-s) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}&::marker{display:none}.chevron{margin-inline-start:auto;transition:transform var(--duration-fast) var(--ease-default)}&:hover{color:var(--color-text)}}.section--extensions{border-block-start:var(--border-width-thin) solid var(--color-border);&[open] .chevron{transform:rotate(180deg)}}.extensions-toggle{display:flex;align-items:center;gap:var(--size-xs);padding:var(--size-s) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}&::marker{display:none}.chevron{margin-inline-start:auto;transition:transform var(--duration-fast) var(--ease-default)}&:hover{color:var(--color-text)}}.extensions-content{display:flex;flex-direction:column;gap:var(--size-xs);padding-block-end:var(--size-xs)}.extension-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--size-s);padding:var(--size-xs) var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);&:hover{background:var(--color-surface-alt)}}.extension-info{display:flex;align-items:center;gap:var(--size-xs);& icon-wc{color:var(--color-text-muted);font-size:1rem}}.extension-name{font-size:var(--font-size-sm)}.section--a11y{border-block-start:var(--border-width-thin) solid var(--color-border)}.options--a11y{display:flex;flex-direction:column;gap:var(--size-xs)}.option--a11y{display:flex;flex:none;cursor:pointer;& input[type=checkbox]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.option-content{display:flex;flex-direction:row;align-items:center;gap:var(--size-s);inline-size:100%;padding:var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-sm);text-align:start;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.option-content:before{content:"";display:block;inline-size:1rem;block-size:1rem;flex-shrink:0;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}&:hover .option-content{background:var(--color-hover-bg)}& input:focus-visible+.option-content{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.option-content{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-gray-900)}& input:checked+.option-content:before{background:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:.75rem;background-repeat:no-repeat;background-position:center}& input:checked+.option-content icon-wc{color:var(--color-primary)}}}@media(prefers-reduced-motion:reduce){@scope(theme-picker){.panel{transition:none;transform:none}.option-content{transition:none}}}
+theme-picker:not(:defined){display:block}theme-picker{display:inline-block;position:relative;&[variant=inline]{display:block}&[open] .panel{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration) var(--ease-out),visibility var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out)}&[variant=inline] .panel{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0;background:transparent}}@scope(theme-picker){.panel{--panel-top: calc(100% + var(--size-xs));--panel-left: auto;--panel-right: 0px;position:absolute;top:var(--panel-top);left:var(--panel-left);right:var(--panel-right);z-index:1000;min-inline-size:16rem;padding:var(--size-m);background:var(--color-surface-overlay);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity var(--motion-exit-duration) var(--ease-out),visibility var(--motion-exit-duration) var(--ease-out),transform var(--motion-exit-duration) var(--ease-out);&[data-position=top]{transform:translateY(.25rem)}}.section{margin:0;padding:0;border:none;border-radius:0}.section+.section{margin-block-start:var(--size-m);padding-block-start:var(--size-m);border-block-start:var(--border-width-thin) solid var(--color-border)}.section>legend{padding:0;padding-inline:0;margin-block-end:var(--size-s);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.options{display:flex;gap:var(--size-xs)}.option{display:block;flex:1;min-inline-size:0;cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}&:hover .option-content{background:var(--color-hover-bg)}& input:focus-visible+.option-content{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.option-content{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-gray-900);& icon-wc{color:var(--color-primary)}}}.option-content{display:flex;flex-direction:column;align-items:center;gap:var(--size-2xs);padding:var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-sm);text-align:center;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default);& icon-wc{font-size:1.25em;color:var(--color-text-muted)}}.options--sizing{display:grid;grid-template-columns:1fr 1fr}.option--sizing .option-content{flex-direction:row;align-items:start;gap:var(--size-xs);text-align:start;padding:var(--size-xs) var(--size-s);& icon-wc{flex-shrink:0;margin-block-start:.15em}}.option-text{display:flex;flex-direction:column;& small{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.3}}.option--sizing input:checked+.option-content .option-text small{color:var(--color-primary)}.options--swatch-grid{display:flex;flex-wrap:wrap;gap:var(--size-xs)}.swatch-cell-group{position:relative;display:inline-flex}.swatch-dtcg{position:absolute;inset-block-start:-.25rem;inset-inline-end:-.25rem;display:inline-flex;align-items:center;justify-content:center;inline-size:1rem;block-size:1rem;padding:0;border-radius:var(--radius-full, 999px);background:var(--color-surface, white);color:var(--color-text-muted, currentColor);border:1px solid var(--color-border);text-decoration:none;line-height:1;opacity:0;transition:opacity var(--duration-fast, .15s);cursor:pointer}.swatch-cell-group:hover .swatch-dtcg,.swatch-cell-group:focus-within .swatch-dtcg,.swatch-dtcg:focus-visible{opacity:1}.swatch-dtcg:hover{color:var(--color-text);border-color:var(--color-interactive, currentColor)}.swatch-dtcg:focus-visible{outline:2px solid var(--color-interactive);outline-offset:1px}.swatch-dtcg icon-wc{inline-size:.625rem;block-size:.625rem}.swatch-cell{cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.swatch-visual{display:flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius-s);background:var(--swatch-bg);color:var(--swatch-fg, white);border:var(--border-width-thin) solid oklch(0 0 0 / .15);transition:transform var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);& icon-wc{font-size:1rem}}&:hover .swatch-visual{transform:scale(1.1);border-color:var(--color-text-muted)}& input:focus-visible+.swatch-visual{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.swatch-visual{outline:2px solid var(--color-primary);outline-offset:2px;border-color:transparent}&[aria-busy=true] .swatch-visual{opacity:.5;pointer-events:none}}.options--accent-dots{display:flex;flex-wrap:wrap;gap:var(--size-2xs);align-items:center}.accent-dot{cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.accent-dot-visual{display:block;inline-size:1.5rem;block-size:1.5rem;border-radius:50%;border:2px solid oklch(0 0 0 / .1);transition:transform var(--duration-fast) var(--ease-default)}.accent-dot:hover .accent-dot-visual{transform:scale(1.15)}.accent-dot input:checked+.accent-dot-visual{outline:2px solid var(--color-primary);outline-offset:2px;border-color:transparent}.accent-dot input:focus-visible+.accent-dot-visual{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.compact-select{display:block;inline-size:100%;padding:var(--size-xs) var(--size-s);font:inherit;font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);cursor:pointer;&:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}}@supports (appearance: base-select){.compact-select:not([multiple]){display:flex;align-items:center}}.compact-segmented{display:grid;grid-template-columns:repeat(var(--seg-count, 3),1fr);grid-template-rows:auto auto;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);overflow:hidden}.compact-seg{display:grid;grid-template-rows:subgrid;grid-row:span 2;cursor:pointer;position:relative;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.compact-seg-visual{display:grid;grid-template-rows:subgrid;grid-row:span 2;align-items:center;justify-items:center;gap:var(--size-3xs, 2px);padding:var(--size-2xs) var(--size-xs);min-block-size:2.5rem;text-align:center;font-size:var(--font-size-sm);line-height:1.2;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}& icon-wc{flex-shrink:0;font-size:1em}&:not(:last-child) .compact-seg-visual{border-inline-end:var(--border-width-thin) solid var(--color-border)}&:hover .compact-seg-visual{background:var(--color-surface-alt)}& input:checked+.compact-seg-visual{background:var(--color-primary);color:#fff}& input:focus-visible+.compact-seg-visual{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}}.compact-toggles{display:flex;flex-direction:column;gap:var(--size-xs)}.theme-category{+.theme-category{margin-block-start:var(--size-s)}}.category-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-block-end:var(--size-2xs)}.section--more-themes{border-block-start:var(--border-width-thin) solid var(--color-border);&[open] .chevron{transform:rotate(180deg)}}.more-themes-toggle{display:flex;align-items:center;gap:var(--size-xs);padding:var(--size-s) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}&::marker{display:none}.chevron{margin-inline-start:auto;transition:transform var(--duration-fast) var(--ease-default)}&:hover{color:var(--color-text)}}.section--extensions{border-block-start:var(--border-width-thin) solid var(--color-border);&[open] .chevron{transform:rotate(180deg)}}.extensions-toggle{display:flex;align-items:center;gap:var(--size-xs);padding:var(--size-s) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}&::marker{display:none}.chevron{margin-inline-start:auto;transition:transform var(--duration-fast) var(--ease-default)}&:hover{color:var(--color-text)}}.extensions-content{display:flex;flex-direction:column;gap:var(--size-xs);padding-block-end:var(--size-xs)}.extension-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--size-s);padding:var(--size-xs) var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);&:hover{background:var(--color-surface-alt)}}.extension-info{display:flex;align-items:center;gap:var(--size-xs);& icon-wc{color:var(--color-text-muted);font-size:1rem}}.extension-name{font-size:var(--font-size-sm)}.section--a11y{border-block-start:var(--border-width-thin) solid var(--color-border)}.options--a11y{display:flex;flex-direction:column;gap:var(--size-xs)}.option--a11y{display:flex;flex:none;cursor:pointer;& input[type=checkbox]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.option-content{display:flex;flex-direction:row;align-items:center;gap:var(--size-s);inline-size:100%;padding:var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-sm);text-align:start;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.option-content:before{content:"";display:block;inline-size:1rem;block-size:1rem;flex-shrink:0;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}&:hover .option-content{background:var(--color-hover-bg)}& input:focus-visible+.option-content{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.option-content{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-gray-900)}& input:checked+.option-content:before{background:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:.75rem;background-repeat:no-repeat;background-position:center}& input:checked+.option-content icon-wc{color:var(--color-primary)}}}@media(prefers-reduced-motion:reduce){@scope(theme-picker){.panel{transition:none;transform:none}.option-content{transition:none}}}
 /*# sourceMappingURL=ui.full.css.map */