vanilla-breeze 0.1.0 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-breeze",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "A layered HTML component system extending HTML's native model",
   "type": "module",
   "main": "./dist/cdn/vanilla-breeze.js",
@@ -37,8 +37,6 @@
     "./kawaii-js": "./dist/cdn/packs/kawaii.full.js",
     "./memphis-css": "./dist/cdn/packs/memphis.full.css",
     "./memphis-js": "./dist/cdn/packs/memphis.full.js",
-    "./retro-css": "./dist/cdn/packs/retro.full.css",
-    "./retro-js": "./dist/cdn/packs/retro.full.js",
     "./ux-planning-css": "./dist/cdn/packs/ux-planning.full.css",
     "./ux-planning-js": "./dist/cdn/packs/ux-planning.full.js"
   },
@@ -68,10 +66,14 @@
     "clean": "rm -rf site/dist",
     "prebuild": "npm run clean",
     "dev": "cd site && npm run dev",
-    "build": "npm run build:api && npm run build:cdn && npm run build:demos && cd site && npm run build && node scripts/setup-preview.js",
+    "build": "npm run build:api && npm run check:nav && npm run build:feed && npm run build:cdn && npm run build:demos && cd site && npm run build && cd .. && npm run build:site-assets && cd site && node scripts/setup-preview.js",
+    "build:site-assets": "node scripts/build-demos.js && node scripts/assemble-site.js && node scripts/generate-sitemap.js",
+    "audit:deploy": "node scripts/audit-deploy-parity.js",
     "build:dev": "cd site && npm run build",
     "build:site": "cd site && npm run build",
     "build:api": "node scripts/build-api-registry.js",
+    "check:nav": "node scripts/check-nav-drift.js",
+    "build:feed": "node scripts/build-feed.js",
     "build:cdn": "node scripts/build-cdn.js",
     "build:demos": "node scripts/build-demos.js",
     "build:cem": "custom-elements-manifest analyze",
@@ -119,9 +121,10 @@
     "eslint-plugin-jsdoc": "^62.7.1",
     "html-validate": "^8.24.0",
     "interestfor": "^1.0.7",
+    "linkedom": "^0.18.12",
     "lucide-static": "^0.562.0",
-    "marked": "^17.0.5",
     "markdownlint-cli": "^0.47.0",
+    "marked": "^17.0.5",
     "pagefind": "^1.4.0",
     "playwright": "^1.58.2",
     "sharp": "^0.34.5",
@@ -140,6 +143,5 @@
     "a11y"
   ],
   "license": "MIT",
-  "dependencies": {},
   "customElements": "custom-elements.json"
 }

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

@@ -1,2 +0,0 @@
-var e={name:"retro",version:"1.0.0",label:"Retro / CRT",description:"Phosphor terminals, split-flap boards, VU meters. Peak 1979.",css:[{role:"theme",href:"retro.theme.css"},{role:"effects",href:"retro.effects.css"}],js:[{role:"effects",src:"retro.effects.js"},{role:"components",src:"retro.components.js"}],components:[],effects:[{name:"flipboard",selector:'[data-effect~="flipboard"]',type:"js"},{name:"stamp",selector:'[data-effect~="stamp"]',type:"js"},{name:"blink",selector:'[data-effect~="blink"]',type:"css"},{name:"neon",selector:'[data-effect~="neon"]',type:"css"},{name:"text-3d",selector:'[data-effect~="text-3d"]',type:"css"},{name:"outline",selector:'[data-effect~="outline"]',type:"css"},{name:"hard-shadow",selector:'[data-effect~="hard-shadow"]',type:"css"},{name:"rainbow",selector:'[data-effect~="rainbow"]',type:"css"},{name:"marquee",selector:'[data-effect~="marquee"]',type:"css"}],tokenOverrides:["--hue-primary","--hue-secondary","--hue-accent","--color-primary","--color-surface","--color-surface-sunken","--radius-s","--radius-m","--radius-l","--font-mono","--ease-out","--shadow-m"]};export{e as bundle};
-//# sourceMappingURL=retro.bundle.js.map

package/dist/cdn/packs/retro.components.js

@@ -1 +0,0 @@
-//# sourceMappingURL=retro.components.js.map

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

@@ -1,2 +0,0 @@
-@layer bundle-effects{[data-effect~=blink]{--vb-blink-rate: 1s;animation:vb-blink var(--vb-blink-rate) steps(1) infinite}[data-effect~=blink].slow{--vb-blink-rate: 2s}[data-effect~=blink].fast{--vb-blink-rate: .4s}@keyframes vb-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){[data-effect~=blink]{animation:none}}:root[data-motion-reduced] [data-effect~=blink]{animation:none}[data-effect~=neon]{--vb-neon-color: var(--color-primary, oklch(65% .28 290));--vb-neon-spread: .04em}[data-effect~=neon].pink{--vb-neon-color: oklch(68% .3 340)}[data-effect~=neon].cyan{--vb-neon-color: oklch(72% .2 200)}[data-effect~=neon].green{--vb-neon-color: oklch(70% .25 145)}[data-effect~=neon].amber{--vb-neon-color: oklch(75% .2 75)}[data-effect~=neon].red{--vb-neon-color: oklch(62% .26 25)}[data-effect~=neon]{color:var(--vb-neon-color);animation:vb-neon-pulse 2.5s ease-in-out infinite alternate}@keyframes vb-neon-pulse{0%{text-shadow:0 0 var(--vb-neon-spread) color-mix(in oklch,var(--vb-neon-color),white 60%),0 0 calc(var(--vb-neon-spread) * 3) var(--vb-neon-color),0 0 calc(var(--vb-neon-spread) * 8) var(--vb-neon-color),0 0 calc(var(--vb-neon-spread) * 16) color-mix(in oklch,var(--vb-neon-color),transparent 40%)}to{text-shadow:0 0 calc(var(--vb-neon-spread) * .5) color-mix(in oklch,var(--vb-neon-color),white 80%),0 0 calc(var(--vb-neon-spread) * 2) var(--vb-neon-color),0 0 calc(var(--vb-neon-spread) * 6) var(--vb-neon-color),0 0 calc(var(--vb-neon-spread) * 12) color-mix(in oklch,var(--vb-neon-color),transparent 60%)}}@media(prefers-reduced-motion:reduce){[data-effect~=neon]{animation:none;text-shadow:0 0 var(--vb-neon-spread) color-mix(in oklch,var(--vb-neon-color),white 60%),0 0 calc(var(--vb-neon-spread) * 4) var(--vb-neon-color),0 0 calc(var(--vb-neon-spread) * 10) color-mix(in oklch,var(--vb-neon-color),transparent 40%)}}:root[data-motion-reduced] [data-effect~=neon]{animation:none}[data-effect~=text-3d]{--vb-3d-color: oklch(35% .15 var(--hue-primary, 260));--vb-3d-angle: 1px}[data-effect~=text-3d].red{--vb-3d-color: oklch(35% .2 15)}[data-effect~=text-3d].gold{--vb-3d-color: oklch(45% .18 65)}[data-effect~=text-3d].green{--vb-3d-color: oklch(35% .18 145)}[data-effect~=text-3d].purple{--vb-3d-color: oklch(30% .2 300)}[data-effect~=text-3d].black{--vb-3d-color: oklch(10% 0 0)}[data-effect~=text-3d]{font-weight:900;text-shadow:var(--vb-3d-angle) var(--vb-3d-angle) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 2) calc(var(--vb-3d-angle) * 2) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 3) calc(var(--vb-3d-angle) * 3) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 4) calc(var(--vb-3d-angle) * 4) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 5) calc(var(--vb-3d-angle) * 5) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 6) calc(var(--vb-3d-angle) * 6) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 7) calc(var(--vb-3d-angle) * 7) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 8) calc(var(--vb-3d-angle) * 8) 0 color-mix(in oklch,var(--vb-3d-color),transparent 40%)}[data-effect~=text-3d].deep{--vb-3d-angle: 2px;text-shadow:var(--vb-3d-angle) var(--vb-3d-angle) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 2) calc(var(--vb-3d-angle) * 2) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 3) calc(var(--vb-3d-angle) * 3) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 4) calc(var(--vb-3d-angle) * 4) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 5) calc(var(--vb-3d-angle) * 5) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 6) calc(var(--vb-3d-angle) * 6) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 7) calc(var(--vb-3d-angle) * 7) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 8) calc(var(--vb-3d-angle) * 8) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 9) calc(var(--vb-3d-angle) * 9) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 10) calc(var(--vb-3d-angle) * 10) 0 color-mix(in oklch,var(--vb-3d-color),transparent 40%)}[data-effect~=text-3d].animate{animation:vb-3d-shift 3s ease-in-out infinite alternate}@keyframes vb-3d-shift{0%{text-shadow:1px 1px 0 var(--vb-3d-color),2px 2px 0 var(--vb-3d-color),3px 3px 0 var(--vb-3d-color),4px 4px 0 var(--vb-3d-color),5px 5px 0 var(--vb-3d-color),6px 6px 0 var(--vb-3d-color),7px 7px 0 var(--vb-3d-color),8px 8px 0 color-mix(in oklch,var(--vb-3d-color),transparent 40%)}to{text-shadow:-1px 1px 0 var(--vb-3d-color),-2px 2px 0 var(--vb-3d-color),-3px 3px 0 var(--vb-3d-color),-4px 4px 0 var(--vb-3d-color),-5px 5px 0 var(--vb-3d-color),-6px 6px 0 var(--vb-3d-color),-7px 7px 0 var(--vb-3d-color),-8px 8px 0 color-mix(in oklch,var(--vb-3d-color),transparent 40%)}}@media(prefers-reduced-motion:reduce){[data-effect~=text-3d].animate{animation:none}}:root[data-motion-reduced] [data-effect~=text-3d].animate{animation:none}@supports (-webkit-text-stroke: 1px black){[data-effect~=outline]{--vb-outline-width: 1px;--vb-outline-color: var(--color-text, currentColor);-webkit-text-stroke:var(--vb-outline-width) var(--vb-outline-color);color:transparent;font-weight:900}[data-effect~=outline].thick{--vb-outline-width: 2px}[data-effect~=outline].ultra{--vb-outline-width: 3px}[data-effect~=outline].glow{--vb-outline-width: 1px;--vb-outline-glow: var(--vb-neon-color, var(--vb-outline-color));-webkit-text-stroke:var(--vb-outline-width) var(--vb-outline-glow);text-shadow:0 0 .1em color-mix(in oklch,var(--vb-outline-glow),transparent 20%),0 0 .3em color-mix(in oklch,var(--vb-outline-glow),transparent 50%);animation:vb-outline-glow-pulse 2s ease-in-out infinite alternate}@keyframes vb-outline-glow-pulse{0%{text-shadow:0 0 .08em color-mix(in oklch,var(--vb-outline-glow, var(--color-text)),transparent 10%),0 0 .25em color-mix(in oklch,var(--vb-outline-glow, var(--color-text)),transparent 40%)}to{text-shadow:0 0 .15em color-mix(in oklch,var(--vb-outline-glow, var(--color-text)),transparent 5%),0 0 .4em color-mix(in oklch,var(--vb-outline-glow, var(--color-text)),transparent 60%),0 0 .8em color-mix(in oklch,var(--vb-outline-glow, var(--color-text)),transparent 80%)}}@media(prefers-reduced-motion:reduce){[data-effect~=outline].glow{animation:none}}:root[data-motion-reduced] [data-effect~=outline].glow{animation:none}}[data-effect~=hard-shadow]{--vb-shadow-color: oklch(20% 0 0);--vb-shadow-offset: 3px;text-shadow:var(--vb-shadow-offset) var(--vb-shadow-offset) 0 var(--vb-shadow-color);font-weight:900}[data-effect~=hard-shadow].double{text-shadow:var(--vb-shadow-offset) var(--vb-shadow-offset) 0 var(--vb-shadow-color),calc(var(--vb-shadow-offset) * 2) calc(var(--vb-shadow-offset) * 2) 0 color-mix(in oklch,var(--vb-shadow-color),transparent 50%)}[data-effect~=hard-shadow].long{text-shadow:1px 1px 0 var(--vb-shadow-color),2px 2px 0 var(--vb-shadow-color),3px 3px 0 var(--vb-shadow-color),4px 4px 0 var(--vb-shadow-color),5px 5px 0 var(--vb-shadow-color),6px 6px 0 var(--vb-shadow-color),7px 7px 0 var(--vb-shadow-color),8px 8px 0 var(--vb-shadow-color),9px 9px 0 var(--vb-shadow-color),10px 10px 0 var(--vb-shadow-color),12px 12px 0 color-mix(in oklch,var(--vb-shadow-color),transparent 30%),14px 14px 0 color-mix(in oklch,var(--vb-shadow-color),transparent 60%),16px 16px 0 color-mix(in oklch,var(--vb-shadow-color),transparent 80%);font-weight:900}[data-effect~=hard-shadow].red{--vb-shadow-color: oklch(50% .22 25)}[data-effect~=hard-shadow].blue{--vb-shadow-color: oklch(45% .2 260)}[data-effect~=hard-shadow].gold{--vb-shadow-color: oklch(60% .2 75)}[data-effect~=hard-shadow].green{--vb-shadow-color: oklch(45% .2 145)}[data-effect~=stamp]{--vb-stamp-color: oklch(45% .22 25);display:inline-block;color:var(--vb-stamp-color);border:.12em solid var(--vb-stamp-color);border-radius:.1em;padding:.1em .35em;font-weight:900;letter-spacing:.1em;text-transform:uppercase;opacity:.85;transform:rotate(-4deg);filter:url(#vb-stamp-noise);mix-blend-mode:multiply;box-shadow:inset 0 0 0 .05em var(--vb-stamp-color),0 0 0 .05em color-mix(in oklch,var(--vb-stamp-color),transparent 60%)}[data-effect~=stamp].red{--vb-stamp-color: oklch(50% .26 25)}[data-effect~=stamp].blue{--vb-stamp-color: oklch(45% .22 250)}[data-effect~=stamp].green{--vb-stamp-color: oklch(45% .22 145)}[data-effect~=stamp].black{--vb-stamp-color: oklch(15% .02 260)}[data-effect~=stamp].gold{--vb-stamp-color: oklch(55% .18 75)}[data-effect~=stamp].straight{transform:none}[data-effect~=stamp].slight{transform:rotate(-2deg)}[data-effect~=stamp].heavy{transform:rotate(-8deg)}[data-effect~=rainbow]{--vb-rainbow-speed: 4s;color:oklch(65% .3 0);animation:vb-rainbow var(--vb-rainbow-speed) linear infinite;display:inline-block}[data-effect~=rainbow].slow{--vb-rainbow-speed: 8s}[data-effect~=rainbow].fast{--vb-rainbow-speed: 1.5s}@keyframes vb-rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@media(prefers-reduced-motion:reduce){[data-effect~=rainbow]{animation:none;filter:none}}:root[data-motion-reduced] [data-effect~=rainbow]{animation:none;filter:none}[data-effect~=marquee]{--vb-marquee-speed: 20s;--vb-marquee-gap: var(--size-xl, 3rem);display:flex;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}[data-effect~=marquee]>*{display:inline-block;flex-shrink:0;padding-inline-end:var(--vb-marquee-gap);animation:vb-marquee var(--vb-marquee-speed) linear infinite}[data-effect~=marquee].reverse>*{animation-direction:reverse}[data-effect~=marquee].slow>*{--vb-marquee-speed: 40s}[data-effect~=marquee].fast>*{--vb-marquee-speed: 8s}[data-effect~=marquee].pause>*{animation-play-state:paused}[data-effect~=marquee].hover-pause:hover>*{animation-play-state:paused}@keyframes vb-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){[data-effect~=marquee]>*{animation:none}[data-effect~=marquee]{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}:root[data-motion-reduced] [data-effect~=marquee]>*{animation:none}.vb-flap-board{display:inline-flex;gap:2px;perspective:400px;font-family:var(--font-mono, ui-monospace, "Cascadia Code", monospace)}.vb-flap-char{position:relative;display:inline-block;width:.8em;height:1.2em;background:#090b0f;border-radius:2px;overflow:hidden;font-weight:700;font-size:inherit;line-height:1.2em;text-align:center;color:#e2ddd7;box-shadow:inset 0 1px #1f2227,0 1px 2px #0006}.vb-flap-char>.vb-flap-top{position:absolute;inset:0;height:50%;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;background:#090b0f;border-bottom:.5px solid oklch(8% .01 260)}.vb-flap-char>.vb-flap-top .vb-flap-text{line-height:1.2em}.vb-flap-char>.vb-flap-bottom{position:absolute;inset:50% 0 0;height:50%;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:#05070b}.vb-flap-char>.vb-flap-bottom .vb-flap-text{line-height:1.2em;margin-top:-.6em}.vb-flap-flip-top{position:absolute;inset:0;height:50%;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;background:#090b0f;transform-origin:bottom center;transform:rotateX(0);backface-visibility:hidden;z-index:2;opacity:0;border-bottom:.5px solid oklch(8% .01 260)}.vb-flap-flip-top .vb-flap-text{line-height:1.2em}.vb-flap-flip-top.vb-flap-flipping{opacity:1;animation:vb-flap-fall-top ease-in forwards;animation-duration:calc(var(--vb-flip-ms, 60) * 1ms)}.vb-flap-flip-bottom{position:absolute;inset:50% 0 0;height:50%;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:#05070b;transform-origin:top center;transform:rotateX(90deg);backface-visibility:hidden;z-index:2;opacity:0}.vb-flap-flip-bottom .vb-flap-text{line-height:1.2em;margin-top:-.6em}.vb-flap-flip-bottom.vb-flap-flipping{opacity:1;animation:vb-flap-fall-bottom ease-out forwards;animation-duration:calc(var(--vb-flip-ms, 60) * 1ms)}.vb-flap-hinge{position:absolute;left:0;right:0;top:50%;height:1px;background:#010203;z-index:10;pointer-events:none;transform:translateY(-.5px)}@keyframes vb-flap-fall-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg);opacity:0}}@keyframes vb-flap-fall-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0);opacity:1}}@media(prefers-reduced-motion:reduce){.vb-flap-flip-top.vb-flap-flipping,.vb-flap-flip-bottom.vb-flap-flipping{animation:none}}:root[data-motion-reduced] .vb-flap-flip-top.vb-flap-flipping,:root[data-motion-reduced] .vb-flap-flip-bottom.vb-flap-flipping{animation:none}[data-effect~=neon][data-effect~=hard-shadow]{text-shadow:0 0 var(--vb-neon-spread, .04em) color-mix(in oklch,var(--vb-neon-color, oklch(65% .28 290)),white 60%),0 0 calc(var(--vb-neon-spread, .04em) * 3) var(--vb-neon-color, oklch(65% .28 290)),var(--vb-shadow-offset, 3px) var(--vb-shadow-offset, 3px) 0 var(--vb-shadow-color, oklch(20% 0 0))}@media print{[data-effect~=blink],[data-effect~=neon],[data-effect~=text-3d],[data-effect~=rainbow],[data-effect~=hard-shadow],[data-effect~=stamp]{animation:none!important;text-shadow:none!important;filter:none!important;color:currentColor!important;-webkit-text-stroke:0!important;transform:none!important;border:none!important;box-shadow:none!important;opacity:1!important}}}
-/*# sourceMappingURL=retro.effects.css.map */

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

@@ -1,16 +0,0 @@
-var y=window.matchMedia("(prefers-reduced-motion: reduce)");function g(){return y.matches||document.documentElement.hasAttribute("data-motion-reduced")}var h=0,p={_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(s=>{(s.getAttribute("data-effect")||"").split(/\s+/).includes(t)&&this._initEffect(s,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||(h++,t._vbUid=`vb-${h}`),t._vbUid)},theme(t,e){this._themes=this._themes||new Map,this._themes.set(t,e)},applyTheme(t,e=document.documentElement){let s=this._themes?.get(t);if(s)for(let[i,n]of Object.entries(s))e.style.setProperty(i,n)},swap(t){return document.startViewTransition?document.startViewTransition(t):t()},observe(t=document){if(t.querySelectorAll("[data-effect]").forEach(s=>this._processElement(s)),t.querySelectorAll("[data-stagger]").forEach(s=>this._processStagger(s)),t.querySelectorAll("[data-transition]").forEach(s=>this._processTransition(s)),this._observer)return;this._observer=new MutationObserver(s=>{for(let i of s){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(s){return e.getPropertyValue(`--vb-${s}`).trim()},getNumber(s,i=0){let n=e.getPropertyValue(`--vb-${s}`).trim();return n?parseFloat(n):i},hasClass(s){return t.classList.contains(s)}}},emit(t,e,s={}){t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:s}))},prefersReducedMotion:g,_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 s of e)this._initEffect(t,s);this._wireTrigger(t,e)},_initEffect(t,e){let s=this._effects.get(e);if(!s)return;let i=this._instances.get(t);if(i?.has(e))return;g();let n=s(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 s=t.getAttribute("data-trigger");if(!s){this._activateEffects(t);return}let i=s.split(/\s+/).filter(Boolean);for(let n of i){let r=n.indexOf(":"),a=r>-1?n.slice(0,r):n,c=r>-1?n.slice(r+1):null,o=this._triggers.get(a);if(!o)continue;let f=o(t,()=>this._activateEffects(t),c);if(f){let u=this._triggerCleanups.get(t);if(u){let v=u;this._triggerCleanups.set(t,()=>{v(),f()})}else this._triggerCleanups.set(t,f)}}},_activateEffects(t){t.setAttribute("data-effect-active","");let e=this._instances.get(t);if(e)for(let[,s]of e)s.activate&&s.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 s=this._triggerCleanups.get(t);s&&(s(),this._triggerCleanups.delete(t))},_reconcileEffects(t){let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[],s=this._instances.get(t);if(s)for(let[i,n]of s)e.includes(i)||(n.cleanup&&n.cleanup(),s.delete(i));for(let i of e)s?.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 s=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];this._wireTrigger(t,s)},_processStagger(t){let e=t.children;for(let s=0;s<e.length;s++)e[s].style.setProperty("--vb-stagger-index",String(s))},_processTransition(t){if(t.hasAttribute("data-transition-processed"))return;t.setAttribute("data-transition-processed","");let e=t.getAttribute("data-transition");if(!e)return;let s=this._transitions.get(e);if(s){let i=s(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=p);var l=" ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789.,:!?/-",_=60,A=30,E=80;function T(){let t=document.createElement("span");return t.className="vb-flap-char",t.innerHTML=`
-    <span class="vb-flap-top"><span class="vb-flap-text">\xA0</span></span>
-    <span class="vb-flap-bottom"><span class="vb-flap-text">\xA0</span></span>
-    <span class="vb-flap-flip-top"><span class="vb-flap-text">\xA0</span></span>
-    <span class="vb-flap-flip-bottom"><span class="vb-flap-text">\xA0</span></span>
-    <span class="vb-flap-hinge"></span>
-  `,t}function b(t,e){for(let s of t.querySelectorAll(".vb-flap-text"))s.textContent=e||"\xA0"}function C(t,e,s){return new Promise(i=>{let n=t.querySelector(".vb-flap-top .vb-flap-text"),r=t.querySelector(".vb-flap-bottom .vb-flap-text"),a=t.querySelector(".vb-flap-flip-top"),c=a.querySelector(".vb-flap-text"),o=t.querySelector(".vb-flap-flip-bottom"),f=o.querySelector(".vb-flap-text");n.textContent=e||"\xA0",r.textContent=e||"\xA0",c.textContent=e||"\xA0",f.textContent=s||"\xA0",a.classList.add("vb-flap-flipping"),o.classList.add("vb-flap-flipping"),setTimeout(()=>{n.textContent=s||"\xA0"},_/2),setTimeout(()=>{r.textContent=s||"\xA0",a.classList.remove("vb-flap-flipping"),o.classList.remove("vb-flap-flipping"),i(void 0)},_)})}async function w(t,e,s,i,n){let r=0;for(let a=0;a<s;a++){if(n._flipGeneration!==i)return;let c=a===s-1,o=l[r%l.length],f=c?e:l[(r+1)%l.length];await C(t,o,f),r++,c||await new Promise(u=>setTimeout(u,A))}}function d(t,e){let s=(t._flipGeneration||0)+1;for(t._flipGeneration=s;t.firstChild;)t.removeChild(t.firstChild);t.classList.add("vb-flap-board");let i=[];for(let n=0;n<e.length;n++){let r=T();t.appendChild(r),i.push(r)}return t._flipboardCells=i,{cells:i,generation:s}}async function m(t,e,s,i){let n=s.map((r,a)=>new Promise(c=>{setTimeout(()=>{if(t._flipGeneration!==i){c(void 0);return}let o=4+Math.floor(Math.random()*7);w(r,e[a],o,i,t).then(c)},a*E)}));await Promise.all(n),t._flipGeneration===i&&s.forEach((r,a)=>b(r,e[a]))}p.effect("flipboard",t=>{let e=(t.textContent||"").trim().toUpperCase();if(!e)return;if(t._flipboardOriginal=e,p.prefersReducedMotion()){let{cells:n}=d(t,e);n.forEach((r,a)=>b(r,e[a]));return}let{cells:s,generation:i}=d(t,e);return m(t,e,s,i),{cleanup(){t._flipGeneration=(t._flipGeneration||0)+1,t._flipboardOriginal&&(t.textContent=t._flipboardOriginal,t.classList.remove("vb-flap-board"))}}});p.effect("stamp",t=>{if(document.getElementById("vb-stamp-noise"))return;let e=document.createElementNS("http://www.w3.org/2000/svg","svg");e.setAttribute("aria-hidden","true"),e.style.cssText="position:absolute;width:0;height:0;overflow:hidden",e.innerHTML=`
-    <defs>
-      <filter id="vb-stamp-noise" x="-5%" y="-5%" width="110%" height="110%">
-        <feTurbulence type="fractalNoise" baseFrequency="0.75" numOctaves="4" stitchTiles="stitch" result="noise"/>
-        <feColorMatrix type="saturate" values="0" in="noise" result="greyNoise"/>
-        <feComposite in="SourceGraphic" in2="greyNoise" operator="in"/>
-      </filter>
-    </defs>
-  `,document.body.prepend(e)});function x(t){if(!t._flipboardOriginal)return;let e=t._flipboardOriginal,{cells:s,generation:i}=d(t,e);m(t,e,s,i)}export{x as replayFlipboard};
-//# sourceMappingURL=retro.effects.js.map

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

@@ -1,5 +0,0 @@
-@layer bundle-theme{[data-theme~=retro]{--hue-primary: 145;--hue-secondary: 200;--hue-accent: 75;--color-primary: oklch(70% .28 145);--color-surface: oklch(10% .02 260);--color-surface-sunken: oklch(6% .015 260);--color-surface-raised: oklch(18% .03 260);--color-border: oklch(32% .04 260);--color-text: oklch(90% .01 260);--color-text-muted: oklch(55% .02 260);--radius-s: 1px;--radius-m: 2px;--radius-l: 4px;--ease-out: steps(4);--font-mono: "VT323", ui-monospace, "Cascadia Code", monospace;--shadow-m: 0 4px 24px oklch(0% 0 0 / .6);color-scheme:dark}}
-/*# sourceMappingURL=retro.theme.css.map */
-
-@layer bundle-effects{[data-effect~=blink]{--vb-blink-rate: 1s;animation:vb-blink var(--vb-blink-rate) steps(1) infinite}[data-effect~=blink].slow{--vb-blink-rate: 2s}[data-effect~=blink].fast{--vb-blink-rate: .4s}@keyframes vb-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){[data-effect~=blink]{animation:none}}:root[data-motion-reduced] [data-effect~=blink]{animation:none}[data-effect~=neon]{--vb-neon-color: var(--color-primary, oklch(65% .28 290));--vb-neon-spread: .04em}[data-effect~=neon].pink{--vb-neon-color: oklch(68% .3 340)}[data-effect~=neon].cyan{--vb-neon-color: oklch(72% .2 200)}[data-effect~=neon].green{--vb-neon-color: oklch(70% .25 145)}[data-effect~=neon].amber{--vb-neon-color: oklch(75% .2 75)}[data-effect~=neon].red{--vb-neon-color: oklch(62% .26 25)}[data-effect~=neon]{color:var(--vb-neon-color);animation:vb-neon-pulse 2.5s ease-in-out infinite alternate}@keyframes vb-neon-pulse{0%{text-shadow:0 0 var(--vb-neon-spread) color-mix(in oklch,var(--vb-neon-color),white 60%),0 0 calc(var(--vb-neon-spread) * 3) var(--vb-neon-color),0 0 calc(var(--vb-neon-spread) * 8) var(--vb-neon-color),0 0 calc(var(--vb-neon-spread) * 16) color-mix(in oklch,var(--vb-neon-color),transparent 40%)}to{text-shadow:0 0 calc(var(--vb-neon-spread) * .5) color-mix(in oklch,var(--vb-neon-color),white 80%),0 0 calc(var(--vb-neon-spread) * 2) var(--vb-neon-color),0 0 calc(var(--vb-neon-spread) * 6) var(--vb-neon-color),0 0 calc(var(--vb-neon-spread) * 12) color-mix(in oklch,var(--vb-neon-color),transparent 60%)}}@media(prefers-reduced-motion:reduce){[data-effect~=neon]{animation:none;text-shadow:0 0 var(--vb-neon-spread) color-mix(in oklch,var(--vb-neon-color),white 60%),0 0 calc(var(--vb-neon-spread) * 4) var(--vb-neon-color),0 0 calc(var(--vb-neon-spread) * 10) color-mix(in oklch,var(--vb-neon-color),transparent 40%)}}:root[data-motion-reduced] [data-effect~=neon]{animation:none}[data-effect~=text-3d]{--vb-3d-color: oklch(35% .15 var(--hue-primary, 260));--vb-3d-angle: 1px}[data-effect~=text-3d].red{--vb-3d-color: oklch(35% .2 15)}[data-effect~=text-3d].gold{--vb-3d-color: oklch(45% .18 65)}[data-effect~=text-3d].green{--vb-3d-color: oklch(35% .18 145)}[data-effect~=text-3d].purple{--vb-3d-color: oklch(30% .2 300)}[data-effect~=text-3d].black{--vb-3d-color: oklch(10% 0 0)}[data-effect~=text-3d]{font-weight:900;text-shadow:var(--vb-3d-angle) var(--vb-3d-angle) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 2) calc(var(--vb-3d-angle) * 2) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 3) calc(var(--vb-3d-angle) * 3) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 4) calc(var(--vb-3d-angle) * 4) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 5) calc(var(--vb-3d-angle) * 5) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 6) calc(var(--vb-3d-angle) * 6) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 7) calc(var(--vb-3d-angle) * 7) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 8) calc(var(--vb-3d-angle) * 8) 0 color-mix(in oklch,var(--vb-3d-color),transparent 40%)}[data-effect~=text-3d].deep{--vb-3d-angle: 2px;text-shadow:var(--vb-3d-angle) var(--vb-3d-angle) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 2) calc(var(--vb-3d-angle) * 2) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 3) calc(var(--vb-3d-angle) * 3) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 4) calc(var(--vb-3d-angle) * 4) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 5) calc(var(--vb-3d-angle) * 5) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 6) calc(var(--vb-3d-angle) * 6) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 7) calc(var(--vb-3d-angle) * 7) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 8) calc(var(--vb-3d-angle) * 8) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 9) calc(var(--vb-3d-angle) * 9) 0 var(--vb-3d-color),calc(var(--vb-3d-angle) * 10) calc(var(--vb-3d-angle) * 10) 0 color-mix(in oklch,var(--vb-3d-color),transparent 40%)}[data-effect~=text-3d].animate{animation:vb-3d-shift 3s ease-in-out infinite alternate}@keyframes vb-3d-shift{0%{text-shadow:1px 1px 0 var(--vb-3d-color),2px 2px 0 var(--vb-3d-color),3px 3px 0 var(--vb-3d-color),4px 4px 0 var(--vb-3d-color),5px 5px 0 var(--vb-3d-color),6px 6px 0 var(--vb-3d-color),7px 7px 0 var(--vb-3d-color),8px 8px 0 color-mix(in oklch,var(--vb-3d-color),transparent 40%)}to{text-shadow:-1px 1px 0 var(--vb-3d-color),-2px 2px 0 var(--vb-3d-color),-3px 3px 0 var(--vb-3d-color),-4px 4px 0 var(--vb-3d-color),-5px 5px 0 var(--vb-3d-color),-6px 6px 0 var(--vb-3d-color),-7px 7px 0 var(--vb-3d-color),-8px 8px 0 color-mix(in oklch,var(--vb-3d-color),transparent 40%)}}@media(prefers-reduced-motion:reduce){[data-effect~=text-3d].animate{animation:none}}:root[data-motion-reduced] [data-effect~=text-3d].animate{animation:none}@supports (-webkit-text-stroke: 1px black){[data-effect~=outline]{--vb-outline-width: 1px;--vb-outline-color: var(--color-text, currentColor);-webkit-text-stroke:var(--vb-outline-width) var(--vb-outline-color);color:transparent;font-weight:900}[data-effect~=outline].thick{--vb-outline-width: 2px}[data-effect~=outline].ultra{--vb-outline-width: 3px}[data-effect~=outline].glow{--vb-outline-width: 1px;--vb-outline-glow: var(--vb-neon-color, var(--vb-outline-color));-webkit-text-stroke:var(--vb-outline-width) var(--vb-outline-glow);text-shadow:0 0 .1em color-mix(in oklch,var(--vb-outline-glow),transparent 20%),0 0 .3em color-mix(in oklch,var(--vb-outline-glow),transparent 50%);animation:vb-outline-glow-pulse 2s ease-in-out infinite alternate}@keyframes vb-outline-glow-pulse{0%{text-shadow:0 0 .08em color-mix(in oklch,var(--vb-outline-glow, var(--color-text)),transparent 10%),0 0 .25em color-mix(in oklch,var(--vb-outline-glow, var(--color-text)),transparent 40%)}to{text-shadow:0 0 .15em color-mix(in oklch,var(--vb-outline-glow, var(--color-text)),transparent 5%),0 0 .4em color-mix(in oklch,var(--vb-outline-glow, var(--color-text)),transparent 60%),0 0 .8em color-mix(in oklch,var(--vb-outline-glow, var(--color-text)),transparent 80%)}}@media(prefers-reduced-motion:reduce){[data-effect~=outline].glow{animation:none}}:root[data-motion-reduced] [data-effect~=outline].glow{animation:none}}[data-effect~=hard-shadow]{--vb-shadow-color: oklch(20% 0 0);--vb-shadow-offset: 3px;text-shadow:var(--vb-shadow-offset) var(--vb-shadow-offset) 0 var(--vb-shadow-color);font-weight:900}[data-effect~=hard-shadow].double{text-shadow:var(--vb-shadow-offset) var(--vb-shadow-offset) 0 var(--vb-shadow-color),calc(var(--vb-shadow-offset) * 2) calc(var(--vb-shadow-offset) * 2) 0 color-mix(in oklch,var(--vb-shadow-color),transparent 50%)}[data-effect~=hard-shadow].long{text-shadow:1px 1px 0 var(--vb-shadow-color),2px 2px 0 var(--vb-shadow-color),3px 3px 0 var(--vb-shadow-color),4px 4px 0 var(--vb-shadow-color),5px 5px 0 var(--vb-shadow-color),6px 6px 0 var(--vb-shadow-color),7px 7px 0 var(--vb-shadow-color),8px 8px 0 var(--vb-shadow-color),9px 9px 0 var(--vb-shadow-color),10px 10px 0 var(--vb-shadow-color),12px 12px 0 color-mix(in oklch,var(--vb-shadow-color),transparent 30%),14px 14px 0 color-mix(in oklch,var(--vb-shadow-color),transparent 60%),16px 16px 0 color-mix(in oklch,var(--vb-shadow-color),transparent 80%);font-weight:900}[data-effect~=hard-shadow].red{--vb-shadow-color: oklch(50% .22 25)}[data-effect~=hard-shadow].blue{--vb-shadow-color: oklch(45% .2 260)}[data-effect~=hard-shadow].gold{--vb-shadow-color: oklch(60% .2 75)}[data-effect~=hard-shadow].green{--vb-shadow-color: oklch(45% .2 145)}[data-effect~=stamp]{--vb-stamp-color: oklch(45% .22 25);display:inline-block;color:var(--vb-stamp-color);border:.12em solid var(--vb-stamp-color);border-radius:.1em;padding:.1em .35em;font-weight:900;letter-spacing:.1em;text-transform:uppercase;opacity:.85;transform:rotate(-4deg);filter:url(#vb-stamp-noise);mix-blend-mode:multiply;box-shadow:inset 0 0 0 .05em var(--vb-stamp-color),0 0 0 .05em color-mix(in oklch,var(--vb-stamp-color),transparent 60%)}[data-effect~=stamp].red{--vb-stamp-color: oklch(50% .26 25)}[data-effect~=stamp].blue{--vb-stamp-color: oklch(45% .22 250)}[data-effect~=stamp].green{--vb-stamp-color: oklch(45% .22 145)}[data-effect~=stamp].black{--vb-stamp-color: oklch(15% .02 260)}[data-effect~=stamp].gold{--vb-stamp-color: oklch(55% .18 75)}[data-effect~=stamp].straight{transform:none}[data-effect~=stamp].slight{transform:rotate(-2deg)}[data-effect~=stamp].heavy{transform:rotate(-8deg)}[data-effect~=rainbow]{--vb-rainbow-speed: 4s;color:oklch(65% .3 0);animation:vb-rainbow var(--vb-rainbow-speed) linear infinite;display:inline-block}[data-effect~=rainbow].slow{--vb-rainbow-speed: 8s}[data-effect~=rainbow].fast{--vb-rainbow-speed: 1.5s}@keyframes vb-rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@media(prefers-reduced-motion:reduce){[data-effect~=rainbow]{animation:none;filter:none}}:root[data-motion-reduced] [data-effect~=rainbow]{animation:none;filter:none}[data-effect~=marquee]{--vb-marquee-speed: 20s;--vb-marquee-gap: var(--size-xl, 3rem);display:flex;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}[data-effect~=marquee]>*{display:inline-block;flex-shrink:0;padding-inline-end:var(--vb-marquee-gap);animation:vb-marquee var(--vb-marquee-speed) linear infinite}[data-effect~=marquee].reverse>*{animation-direction:reverse}[data-effect~=marquee].slow>*{--vb-marquee-speed: 40s}[data-effect~=marquee].fast>*{--vb-marquee-speed: 8s}[data-effect~=marquee].pause>*{animation-play-state:paused}[data-effect~=marquee].hover-pause:hover>*{animation-play-state:paused}@keyframes vb-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){[data-effect~=marquee]>*{animation:none}[data-effect~=marquee]{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}:root[data-motion-reduced] [data-effect~=marquee]>*{animation:none}.vb-flap-board{display:inline-flex;gap:2px;perspective:400px;font-family:var(--font-mono, ui-monospace, "Cascadia Code", monospace)}.vb-flap-char{position:relative;display:inline-block;width:.8em;height:1.2em;background:#090b0f;border-radius:2px;overflow:hidden;font-weight:700;font-size:inherit;line-height:1.2em;text-align:center;color:#e2ddd7;box-shadow:inset 0 1px #1f2227,0 1px 2px #0006}.vb-flap-char>.vb-flap-top{position:absolute;inset:0;height:50%;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;background:#090b0f;border-bottom:.5px solid oklch(8% .01 260)}.vb-flap-char>.vb-flap-top .vb-flap-text{line-height:1.2em}.vb-flap-char>.vb-flap-bottom{position:absolute;inset:50% 0 0;height:50%;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:#05070b}.vb-flap-char>.vb-flap-bottom .vb-flap-text{line-height:1.2em;margin-top:-.6em}.vb-flap-flip-top{position:absolute;inset:0;height:50%;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;background:#090b0f;transform-origin:bottom center;transform:rotateX(0);backface-visibility:hidden;z-index:2;opacity:0;border-bottom:.5px solid oklch(8% .01 260)}.vb-flap-flip-top .vb-flap-text{line-height:1.2em}.vb-flap-flip-top.vb-flap-flipping{opacity:1;animation:vb-flap-fall-top ease-in forwards;animation-duration:calc(var(--vb-flip-ms, 60) * 1ms)}.vb-flap-flip-bottom{position:absolute;inset:50% 0 0;height:50%;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:#05070b;transform-origin:top center;transform:rotateX(90deg);backface-visibility:hidden;z-index:2;opacity:0}.vb-flap-flip-bottom .vb-flap-text{line-height:1.2em;margin-top:-.6em}.vb-flap-flip-bottom.vb-flap-flipping{opacity:1;animation:vb-flap-fall-bottom ease-out forwards;animation-duration:calc(var(--vb-flip-ms, 60) * 1ms)}.vb-flap-hinge{position:absolute;left:0;right:0;top:50%;height:1px;background:#010203;z-index:10;pointer-events:none;transform:translateY(-.5px)}@keyframes vb-flap-fall-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg);opacity:0}}@keyframes vb-flap-fall-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0);opacity:1}}@media(prefers-reduced-motion:reduce){.vb-flap-flip-top.vb-flap-flipping,.vb-flap-flip-bottom.vb-flap-flipping{animation:none}}:root[data-motion-reduced] .vb-flap-flip-top.vb-flap-flipping,:root[data-motion-reduced] .vb-flap-flip-bottom.vb-flap-flipping{animation:none}[data-effect~=neon][data-effect~=hard-shadow]{text-shadow:0 0 var(--vb-neon-spread, .04em) color-mix(in oklch,var(--vb-neon-color, oklch(65% .28 290)),white 60%),0 0 calc(var(--vb-neon-spread, .04em) * 3) var(--vb-neon-color, oklch(65% .28 290)),var(--vb-shadow-offset, 3px) var(--vb-shadow-offset, 3px) 0 var(--vb-shadow-color, oklch(20% 0 0))}@media print{[data-effect~=blink],[data-effect~=neon],[data-effect~=text-3d],[data-effect~=rainbow],[data-effect~=hard-shadow],[data-effect~=stamp]{animation:none!important;text-shadow:none!important;filter:none!important;color:currentColor!important;-webkit-text-stroke:0!important;transform:none!important;border:none!important;box-shadow:none!important;opacity:1!important}}}
-/*# sourceMappingURL=retro.effects.css.map */

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

@@ -1,16 +0,0 @@
-var v=window.matchMedia("(prefers-reduced-motion: reduce)");function d(){return v.matches||document.documentElement.hasAttribute("data-motion-reduced")}var g=0,p={_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(s=>{(s.getAttribute("data-effect")||"").split(/\s+/).includes(t)&&this._initEffect(s,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 s=this._themes?.get(t);if(s)for(let[i,n]of Object.entries(s))e.style.setProperty(i,n)},swap(t){return document.startViewTransition?document.startViewTransition(t):t()},observe(t=document){if(t.querySelectorAll("[data-effect]").forEach(s=>this._processElement(s)),t.querySelectorAll("[data-stagger]").forEach(s=>this._processStagger(s)),t.querySelectorAll("[data-transition]").forEach(s=>this._processTransition(s)),this._observer)return;this._observer=new MutationObserver(s=>{for(let i of s){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(s){return e.getPropertyValue(`--vb-${s}`).trim()},getNumber(s,i=0){let n=e.getPropertyValue(`--vb-${s}`).trim();return n?parseFloat(n):i},hasClass(s){return t.classList.contains(s)}}},emit(t,e,s={}){t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:s}))},prefersReducedMotion:d,_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 s of e)this._initEffect(t,s);this._wireTrigger(t,e)},_initEffect(t,e){let s=this._effects.get(e);if(!s)return;let i=this._instances.get(t);if(i?.has(e))return;d();let n=s(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 s=t.getAttribute("data-trigger");if(!s){this._activateEffects(t);return}let i=s.split(/\s+/).filter(Boolean);for(let n of i){let r=n.indexOf(":"),a=r>-1?n.slice(0,r):n,c=r>-1?n.slice(r+1):null,o=this._triggers.get(a);if(!o)continue;let f=o(t,()=>this._activateEffects(t),c);if(f){let u=this._triggerCleanups.get(t);if(u){let m=u;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[,s]of e)s.activate&&s.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 s=this._triggerCleanups.get(t);s&&(s(),this._triggerCleanups.delete(t))},_reconcileEffects(t){let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[],s=this._instances.get(t);if(s)for(let[i,n]of s)e.includes(i)||(n.cleanup&&n.cleanup(),s.delete(i));for(let i of e)s?.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 s=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];this._wireTrigger(t,s)},_processStagger(t){let e=t.children;for(let s=0;s<e.length;s++)e[s].style.setProperty("--vb-stagger-index",String(s))},_processTransition(t){if(t.hasAttribute("data-transition-processed"))return;t.setAttribute("data-transition-processed","");let e=t.getAttribute("data-transition");if(!e)return;let s=this._transitions.get(e);if(s){let i=s(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=p);var l=" ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789.,:!?/-",h=60,y=30,A=80;function E(){let t=document.createElement("span");return t.className="vb-flap-char",t.innerHTML=`
-    <span class="vb-flap-top"><span class="vb-flap-text">\xA0</span></span>
-    <span class="vb-flap-bottom"><span class="vb-flap-text">\xA0</span></span>
-    <span class="vb-flap-flip-top"><span class="vb-flap-text">\xA0</span></span>
-    <span class="vb-flap-flip-bottom"><span class="vb-flap-text">\xA0</span></span>
-    <span class="vb-flap-hinge"></span>
-  `,t}function b(t,e){for(let s of t.querySelectorAll(".vb-flap-text"))s.textContent=e||"\xA0"}function T(t,e,s){return new Promise(i=>{let n=t.querySelector(".vb-flap-top .vb-flap-text"),r=t.querySelector(".vb-flap-bottom .vb-flap-text"),a=t.querySelector(".vb-flap-flip-top"),c=a.querySelector(".vb-flap-text"),o=t.querySelector(".vb-flap-flip-bottom"),f=o.querySelector(".vb-flap-text");n.textContent=e||"\xA0",r.textContent=e||"\xA0",c.textContent=e||"\xA0",f.textContent=s||"\xA0",a.classList.add("vb-flap-flipping"),o.classList.add("vb-flap-flipping"),setTimeout(()=>{n.textContent=s||"\xA0"},h/2),setTimeout(()=>{r.textContent=s||"\xA0",a.classList.remove("vb-flap-flipping"),o.classList.remove("vb-flap-flipping"),i(void 0)},h)})}async function C(t,e,s,i,n){let r=0;for(let a=0;a<s;a++){if(n._flipGeneration!==i)return;let c=a===s-1,o=l[r%l.length],f=c?e:l[(r+1)%l.length];await T(t,o,f),r++,c||await new Promise(u=>setTimeout(u,y))}}function _(t,e){let s=(t._flipGeneration||0)+1;for(t._flipGeneration=s;t.firstChild;)t.removeChild(t.firstChild);t.classList.add("vb-flap-board");let i=[];for(let n=0;n<e.length;n++){let r=E();t.appendChild(r),i.push(r)}return t._flipboardCells=i,{cells:i,generation:s}}async function w(t,e,s,i){let n=s.map((r,a)=>new Promise(c=>{setTimeout(()=>{if(t._flipGeneration!==i){c(void 0);return}let o=4+Math.floor(Math.random()*7);C(r,e[a],o,i,t).then(c)},a*A)}));await Promise.all(n),t._flipGeneration===i&&s.forEach((r,a)=>b(r,e[a]))}p.effect("flipboard",t=>{let e=(t.textContent||"").trim().toUpperCase();if(!e)return;if(t._flipboardOriginal=e,p.prefersReducedMotion()){let{cells:n}=_(t,e);n.forEach((r,a)=>b(r,e[a]));return}let{cells:s,generation:i}=_(t,e);return w(t,e,s,i),{cleanup(){t._flipGeneration=(t._flipGeneration||0)+1,t._flipboardOriginal&&(t.textContent=t._flipboardOriginal,t.classList.remove("vb-flap-board"))}}});p.effect("stamp",t=>{if(document.getElementById("vb-stamp-noise"))return;let e=document.createElementNS("http://www.w3.org/2000/svg","svg");e.setAttribute("aria-hidden","true"),e.style.cssText="position:absolute;width:0;height:0;overflow:hidden",e.innerHTML=`
-    <defs>
-      <filter id="vb-stamp-noise" x="-5%" y="-5%" width="110%" height="110%">
-        <feTurbulence type="fractalNoise" baseFrequency="0.75" numOctaves="4" stitchTiles="stitch" result="noise"/>
-        <feColorMatrix type="saturate" values="0" in="noise" result="greyNoise"/>
-        <feComposite in="SourceGraphic" in2="greyNoise" operator="in"/>
-      </filter>
-    </defs>
-  `,document.body.prepend(e)});
-//# sourceMappingURL=retro.full.js.map

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

@@ -1,2 +0,0 @@
-@layer bundle-theme{[data-theme~=retro]{--hue-primary: 145;--hue-secondary: 200;--hue-accent: 75;--color-primary: oklch(70% .28 145);--color-surface: oklch(10% .02 260);--color-surface-sunken: oklch(6% .015 260);--color-surface-raised: oklch(18% .03 260);--color-border: oklch(32% .04 260);--color-text: oklch(90% .01 260);--color-text-muted: oklch(55% .02 260);--radius-s: 1px;--radius-m: 2px;--radius-l: 4px;--ease-out: steps(4);--font-mono: "VT323", ui-monospace, "Cascadia Code", monospace;--shadow-m: 0 4px 24px oklch(0% 0 0 / .6);color-scheme:dark}}
-/*# sourceMappingURL=retro.theme.css.map */