vanilla-breeze 0.1.0

package/dist/cdn/packs/manifest.json

@@ -0,0 +1,214 @@
+{
+  "design-system": {
+    "fullJs": {
+      "file": "design-system.full.js",
+      "size": 17373
+    },
+    "fullCss": {
+      "file": "design-system.full.css",
+      "size": 8342
+    }
+  },
+  "effects": {
+    "fullJs": {
+      "file": "effects.full.js",
+      "size": 18521
+    },
+    "fullCss": {
+      "file": "effects.full.css",
+      "size": 4528
+    },
+    "packJs": {
+      "file": "effects.pack.js",
+      "size": 422
+    }
+  },
+  "fonts-display": {
+    "themeCss": {
+      "file": "fonts-display.theme.css",
+      "size": 1444
+    },
+    "bundleJs": {
+      "file": "fonts-display.bundle.js",
+      "size": 1122
+    },
+    "fullCss": {
+      "file": "fonts-display.full.css",
+      "size": 1444
+    }
+  },
+  "fonts-expressive": {
+    "themeCss": {
+      "file": "fonts-expressive.theme.css",
+      "size": 1807
+    },
+    "bundleJs": {
+      "file": "fonts-expressive.bundle.js",
+      "size": 746
+    },
+    "fullCss": {
+      "file": "fonts-expressive.full.css",
+      "size": 1807
+    }
+  },
+  "fonts-foundation": {
+    "themeCss": {
+      "file": "fonts-foundation.theme.css",
+      "size": 1430
+    },
+    "bundleJs": {
+      "file": "fonts-foundation.bundle.js",
+      "size": 991
+    },
+    "fullCss": {
+      "file": "fonts-foundation.full.css",
+      "size": 1430
+    }
+  },
+  "icons": {
+    "themeCss": {
+      "file": "icons.theme.css",
+      "size": 1855
+    },
+    "effectsCss": {
+      "file": "icons.effects.css",
+      "size": 2167
+    },
+    "effectsJs": {
+      "file": "icons.effects.js",
+      "size": 2014
+    },
+    "bundleJs": {
+      "file": "icons.bundle.js",
+      "size": 1079
+    },
+    "fullCss": {
+      "file": "icons.full.css",
+      "size": 4023
+    },
+    "fullJs": {
+      "file": "icons.full.js",
+      "size": 1953
+    }
+  },
+  "kawaii": {
+    "themeCss": {
+      "file": "kawaii.theme.css",
+      "size": 3110
+    },
+    "effectsCss": {
+      "file": "kawaii.effects.css",
+      "size": 7370
+    },
+    "effectsJs": {
+      "file": "kawaii.effects.js",
+      "size": 43
+    },
+    "bundleJs": {
+      "file": "kawaii.bundle.js",
+      "size": 913
+    },
+    "fullCss": {
+      "file": "kawaii.full.css",
+      "size": 10481
+    },
+    "fullJs": {
+      "file": "kawaii.full.js",
+      "size": 7608
+    }
+  },
+  "memphis": {
+    "themeCss": {
+      "file": "memphis.theme.css",
+      "size": 15260
+    },
+    "effectsCss": {
+      "file": "memphis.effects.css",
+      "size": 3819
+    },
+    "effectsJs": {
+      "file": "memphis.effects.js",
+      "size": 44
+    },
+    "bundleJs": {
+      "file": "memphis.bundle.js",
+      "size": 1017
+    },
+    "fullCss": {
+      "file": "memphis.full.css",
+      "size": 19080
+    },
+    "fullJs": {
+      "file": "memphis.full.js",
+      "size": 41
+    }
+  },
+  "prototype": {
+    "fullJs": {
+      "file": "prototype.full.js",
+      "size": 11799
+    },
+    "fullCss": {
+      "file": "prototype.full.css",
+      "size": 2037
+    },
+    "packJs": {
+      "file": "prototype.pack.js",
+      "size": 300
+    }
+  },
+  "retro": {
+    "themeCss": {
+      "file": "retro.theme.css",
+      "size": 600
+    },
+    "effectsCss": {
+      "file": "retro.effects.css",
+      "size": 13163
+    },
+    "effectsJs": {
+      "file": "retro.effects.js",
+      "size": 8665
+    },
+    "componentsJs": {
+      "file": "retro.components.js",
+      "size": 45
+    },
+    "bundleJs": {
+      "file": "retro.bundle.js",
+      "size": 1173
+    },
+    "fullCss": {
+      "file": "retro.full.css",
+      "size": 13764
+    },
+    "fullJs": {
+      "file": "retro.full.js",
+      "size": 8519
+    }
+  },
+  "ui": {
+    "fullJs": {
+      "file": "ui.full.js",
+      "size": 39297
+    },
+    "fullCss": {
+      "file": "ui.full.css",
+      "size": 10603
+    },
+    "packJs": {
+      "file": "ui.pack.js",
+      "size": 288
+    }
+  },
+  "ux-planning": {
+    "fullJs": {
+      "file": "ux-planning.full.js",
+      "size": 92441
+    },
+    "fullCss": {
+      "file": "ux-planning.full.css",
+      "size": 8259
+    }
+  }
+}

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

@@ -0,0 +1,2 @@
+var e={name:"memphis",version:"1.0.0",label:"Memphis",description:"Memphis Group (1981\u201388) aesthetic: bold flat colour, geometric patterns, hard drop shadows, zigzag borders, anti-functionalist ornament.",css:["memphis.theme.css","memphis.effects.css"],js:["memphis.effects.js"],effects:[{name:"zigzag",selector:'[data-effect~="memphis-zigzag"]',type:"css"},{name:"dots",selector:'[data-effect~="memphis-dots"]',type:"css"},{name:"stripe",selector:'[data-effect~="memphis-stripe"]',type:"css"},{name:"confetti",selector:'[data-effect~="memphis-confetti"]',type:"css"},{name:"squiggle",selector:'[data-effect~="memphis-squiggle"]',type:"css"}],components:[],tokenOverrides:{"--color-primary":"oklch(58% 0.240 26)","--radius-m":"0","--font-display":'"Boogaloo", "Futura", sans-serif',"--font-sans":'"Outfit", "Century Gothic", sans-serif',"--font-mono":'"Space Mono", "Courier New", monospace',"--ease-default":"cubic-bezier(0.34, 1.56, 0.64, 1)"}};export{e as default};
+//# sourceMappingURL=memphis.bundle.js.map

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

@@ -0,0 +1,2 @@
+@layer bundle-effects{[data-effect~=memphis-zigzag]{height:16px;background:var(--m-pat-zigzag-b);background-size:32px 16px;border-block:2.5px solid var(--m-black)}[data-effect~=memphis-zigzag][data-color=yellow]{background:var(--m-pat-zigzag-y);background-size:32px 16px}[data-effect~=memphis-dots]{height:24px;background:var(--m-pat-dots-r);background-color:var(--m-cream);border-block:2.5px solid var(--m-black)}[data-effect~=memphis-dots][data-color=yellow]{background:var(--m-pat-dots-y);background-color:var(--m-cream)}[data-effect~=memphis-dots][data-color=blue]{background:var(--m-pat-dots-b);background-color:var(--m-cream)}[data-effect~=memphis-stripe]{height:12px;background:var(--m-pat-stripe-b);border-block:2.5px solid var(--m-black)}[data-effect~=memphis-stripe][data-color=pink]{background:var(--m-pat-stripe-p)}[data-effect~=memphis-stripe][data-color=teal]{background:var(--m-pat-stripe-t)}[data-effect~=memphis-confetti]{position:relative}[data-effect~=memphis-confetti]:before{content:"";position:absolute;inset:0;background:var(--m-pat-confetti);background-color:transparent;opacity:.4;pointer-events:none;z-index:0}[data-effect~=memphis-confetti]>*{position:relative;z-index:1}[data-effect~=memphis-squiggle]{position:relative}[data-effect~=memphis-squiggle]:before{content:"";position:absolute;inset:0;background:var(--m-pat-squiggle-bk);background-size:40px 20px;opacity:.15;pointer-events:none;z-index:0}[data-effect~=memphis-squiggle]>*{position:relative;z-index:1}[data-theme~=memphis] button[data-variant=stripe],[data-theme~=memphis] .button[data-variant=stripe]{background:var(--m-pat-stripe-y);background-color:var(--m-cream);color:var(--m-black)}[data-theme~=memphis] button[data-variant=dots],[data-theme~=memphis] .button[data-variant=dots]{background:var(--m-pat-dots-b);background-color:var(--m-cream);color:var(--m-black)}[data-theme~=memphis] button[data-variant=check],[data-theme~=memphis] .button[data-variant=check]{background:var(--m-pat-check-y);color:var(--m-black)}[data-theme~=memphis] button[data-variant=yellow],[data-theme~=memphis] .button[data-variant=yellow]{background:var(--m-yellow);color:var(--m-black)}[data-theme~=memphis] button[data-variant=blue],[data-theme~=memphis] .button[data-variant=blue]{background:var(--m-blue);color:var(--m-white)}[data-theme~=memphis] button[data-variant=teal],[data-theme~=memphis] .button[data-variant=teal]{background:var(--m-teal);color:var(--m-black)}[data-theme~=memphis] button[data-variant=pink],[data-theme~=memphis] .button[data-variant=pink]{background:var(--m-pink);color:var(--m-white)}[data-theme~=memphis] button[data-variant=mint],[data-theme~=memphis] .button[data-variant=mint]{background:var(--m-mint);color:var(--m-black)}[data-theme~=memphis] .card [data-pattern=stripe]{background:var(--m-pat-stripe-y);background-color:var(--m-cream)}[data-theme~=memphis] .card [data-pattern=dots]{background:var(--m-pat-dots-r);background-color:var(--m-cream)}[data-theme~=memphis] .card [data-pattern=check]{background:var(--m-pat-check-y)}[data-theme~=memphis] .card [data-pattern=squiggle]{background:var(--m-pat-squiggle-r);background-color:var(--m-cream);background-size:40px 20px}[data-theme~=memphis] .card [data-pattern=confetti]{background:var(--m-pat-confetti);background-color:var(--m-cream)}[data-theme~=memphis] .card [data-pattern=cross]{background:var(--m-pat-cross);background-color:var(--m-cream)}@media(prefers-reduced-motion:reduce){[data-effect~=memphis-confetti]:before,[data-effect~=memphis-squiggle]:before{animation:none}}@media print{[data-effect~=memphis-zigzag],[data-effect~=memphis-dots],[data-effect~=memphis-stripe]{display:none!important}[data-effect~=memphis-confetti]:before,[data-effect~=memphis-squiggle]:before{display:none!important}}}
+/*# sourceMappingURL=memphis.effects.css.map */

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

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

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

@@ -0,0 +1,5 @@
+@font-face{font-family:Boogaloo;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/boogaloo-400.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}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/outfit-400.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}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/outfit-700.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}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url("./memphis/fonts/outfit-900.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}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/space-mono-400.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}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/space-mono-700.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~=memphis]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--m-cream: oklch(96% .018 88);--m-yellow: oklch(86% .185 96);--m-red: oklch(58% .24 26);--m-blue: oklch(48% .22 258);--m-teal: oklch(72% .16 195);--m-pink: oklch(64% .24 10);--m-mint: oklch(80% .135 165);--m-black: oklch(12% .01 80);--m-white: oklch(99% .005 90);--m-yellow-lt: oklch(94% .08 96);--m-blue-lt: oklch(88% .07 258);--m-pink-lt: oklch(92% .07 10);--m-teal-lt: oklch(92% .06 195);--m-mint-lt: oklch(94% .05 165);--color-background: var(--m-cream);--color-surface: var(--m-white);--color-surface-alt: oklch(96% .015 88);--color-surface-raised: var(--m-white);--color-surface-sunken: oklch(94% .012 88);--color-text: var(--m-black);--color-text-muted: oklch(38% .015 0);--color-text-subtle: oklch(52% .01 0);--color-primary: var(--m-red);--color-primary-hover: oklch(52% .26 26);--color-primary-subtle: oklch(94% .04 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(66% .17 195);--color-accent-subtle: var(--m-teal-lt);--color-border: var(--m-black);--color-border-muted: oklch(60% .01 0);--color-border-strong: var(--m-black);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-success: oklch(65% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--font-display: "Boogaloo", "Futura", "Century Gothic", sans-serif;--font-sans: "Outfit", "Century Gothic", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: 2px 2px 0 var(--m-black);--shadow-sm: 2px 2px 0 var(--m-black);--shadow-md: 4px 4px 0 var(--m-black);--shadow-lg: 6px 6px 0 var(--m-black);--shadow-xl: 8px 8px 0 var(--m-black);--shadow-2xl: 10px 10px 0 var(--m-black);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1);--control-border: var(--m-black);--control-checked-bg: var(--m-red);--input-border: var(--m-black);--input-bg: var(--m-white);--range-track-fill: var(--m-red);--progress-fill: var(--m-teal);--m-pat-stripe-y: repeating-linear-gradient( 45deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 10px );--m-pat-stripe-p: repeating-linear-gradient( 45deg, var(--m-pink) 0px, var(--m-pink) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-b: repeating-linear-gradient( 45deg, var(--m-blue) 0px, var(--m-blue) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-t: repeating-linear-gradient( 45deg, var(--m-teal) 0px, var(--m-teal) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-vert: repeating-linear-gradient( 90deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 8px );--m-pat-dots-y: radial-gradient(circle, var(--m-yellow) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-r: radial-gradient(circle, var(--m-red) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-b: radial-gradient(circle, var(--m-blue) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-p: radial-gradient(circle, var(--m-pink) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-sm: radial-gradient(circle, var(--m-black) 2px, transparent 2px) 0 0 / 10px 10px;--m-pat-dots-lg: radial-gradient(circle, var(--m-black) 6px, transparent 6px) 0 0 / 22px 22px;--m-pat-check-sm: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 10px 10px;--m-pat-check-md: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 16px 16px;--m-pat-check-y: conic-gradient(var(--m-yellow) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-check-p: conic-gradient(var(--m-pink) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-cross: repeating-linear-gradient(0deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px);--m-pat-zigzag-y: repeating-linear-gradient(135deg, var(--m-yellow) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-yellow) 0 8px, transparent 0 16px);--m-pat-zigzag-b: repeating-linear-gradient(135deg, var(--m-blue) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-blue) 0 8px, transparent 0 16px);--m-pat-squiggle-r: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23d03040' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-b: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a3a9e' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-p: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23c02070' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-bk: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a1a14' stroke-width='2' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-confetti: radial-gradient(circle, var(--m-red) 3px, transparent 3px) 0 0 / 28px 28px, radial-gradient(circle, var(--m-blue) 3px, transparent 3px) 14px 7px / 28px 28px, radial-gradient(circle, var(--m-yellow) 3px, transparent 3px) 7px 14px / 28px 28px, radial-gradient(circle, var(--m-teal) 3px, transparent 3px) 21px 3px / 28px 28px, radial-gradient(circle, var(--m-pink) 3px, transparent 3px) 3px 21px / 28px 28px}[data-theme~=memphis] :is(main,article) h1{font-family:var(--font-display, var(--font-sans));color:var(--m-red);text-transform:uppercase;letter-spacing:.02em}[data-theme~=memphis] :is(main,article) h1:after{content:" \2726";color:var(--m-yellow)}[data-theme~=memphis] :is(main,article) h2{font-family:var(--font-display, var(--font-sans));color:var(--m-black);text-transform:uppercase}[data-theme~=memphis] :is(main,article) h2:before{content:"\25c6";color:var(--m-teal)}[data-theme~=memphis] :is(main,article) h3{font-family:var(--font-display, var(--font-sans));color:var(--m-blue);text-transform:uppercase}[data-theme~=memphis] :is(main,article) hr:not([data-ornament]){border:none;height:16px;background:var(--m-pat-zigzag-b);background-size:32px 16px;border-block:2.5px solid var(--m-black);margin-block:2rem}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]){border:2.5px solid var(--m-black);border-inline-start:2.5px solid var(--m-black);padding:1.5rem;background:oklch(from var(--m-yellow) l c h / .15);position:relative}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]):before{content:"\275d";position:absolute;top:-.75rem;left:1rem;background:var(--m-pink);color:#fff;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;line-height:1}[data-theme~=memphis] :is(main,article) a:not([class]){color:var(--m-red);text-decoration:none;border-block-end:3px solid var(--m-teal);font-weight:600;transition:all .2s var(--ease-default)}[data-theme~=memphis] :is(main,article) a:not([class]):hover{color:var(--m-teal);border-color:var(--m-red)}[data-theme~=memphis] :is(main,article) button,[data-theme~=memphis] :is(main,article) .button{border:2.5px solid var(--m-black);background:var(--m-red);color:#fff;font-family:var(--font-display, var(--font-sans));font-weight:400;text-transform:uppercase;box-shadow:4px 4px 0 var(--m-black);transition:transform .06s,box-shadow .06s}[data-theme~=memphis] :is(main,article) button:hover,[data-theme~=memphis] :is(main,article) .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) button:active,[data-theme~=memphis] :is(main,article) .button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) .card{border:2.5px solid var(--m-black);background:var(--m-cream);box-shadow:6px 6px 0 var(--m-black);transition:transform .15s,box-shadow .15s}[data-theme~=memphis] :is(main,article) .card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) input,[data-theme~=memphis] :is(main,article) textarea,[data-theme~=memphis] :is(main,article) select{border:2.5px solid var(--m-black);background:var(--m-white);font-weight:500;box-shadow:2px 2px 0 var(--m-black);transition:box-shadow .1s}[data-theme~=memphis] :is(main,article) input:focus,[data-theme~=memphis] :is(main,article) textarea:focus,[data-theme~=memphis] :is(main,article) select:focus{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue);outline:none}@supports (appearance: base-select){[data-theme~=memphis] :is(main,article) select:not([multiple]){padding-inline-end:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker-icon{color:var(--m-black);margin-inline-start:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]):open{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker(select){background:var(--m-white);border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);padding-block:var(--size-s)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option{padding:var(--size-xs) var(--size-m);margin-inline:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:hover{background:var(--m-yellow-lt)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:checked{color:var(--m-red);font-weight:700}[data-theme~=memphis] :is(main,article) select:not([multiple]) option::checkmark{color:var(--m-red)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;color:var(--m-teal);padding-inline:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--m-black);border-width:2.5px}}[data-theme~=memphis] :is(main,article) code{background:var(--m-yellow-lt);color:var(--m-black);padding:.1em .4em;border:1.5px solid var(--m-black);font-weight:600}[data-theme~=memphis] :is(main,article) pre{border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);background:var(--m-cream)}[data-theme~=memphis] :is(main,article) code-block{--cb-bg: var(--color-surface);--cb-code-bg: var(--color-surface);--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-text);--cb-border-color: var(--m-black);--cb-comment: var(--color-text-muted);--cb-keyword: var(--m-red);--cb-string: var(--m-teal);--cb-function: var(--m-blue);--cb-number: var(--m-yellow);--cb-tag: var(--m-teal);--cb-attribute: var(--m-red);--cb-button-bg: var(--color-surface);--cb-button-color: var(--color-text-muted);--cb-scrollbar-track: var(--color-surface);--cb-scrollbar-thumb: var(--color-border)}[data-theme~=memphis] :is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-surface-raised);--browser-window-content-bg: var(--color-surface);--browser-window-border-color: var(--m-black);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: var(--color-surface-sunken)}[data-theme~=memphis] ::selection{background:var(--m-teal);color:#fff}[data-theme~=memphis][data-mode=dark]{color-scheme:dark;--m-cream: oklch(15% .01 80);--m-white: oklch(18% .01 80);--m-black: oklch(90% .005 0);--color-background: oklch(10% .01 0);--color-surface: oklch(15% .01 0);--color-surface-alt: oklch(18% .012 0);--color-surface-raised: oklch(20% .01 0);--color-surface-sunken: oklch(8% .01 0);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--m-red: oklch(64% .24 26);--m-blue: oklch(55% .22 258);--m-teal: oklch(78% .16 195);--m-pink: oklch(70% .24 10);--m-mint: oklch(85% .135 165);--m-yellow: oklch(88% .185 96);--color-primary: var(--m-red);--color-primary-hover: oklch(58% .26 26);--color-primary-subtle: oklch(20% .06 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(72% .17 195);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(70% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--input-bg: var(--m-white);--input-border: var(--m-black);--m-yellow-lt: oklch(30% .06 96);--m-blue-lt: oklch(25% .05 258);--m-pink-lt: oklch(28% .05 10);--m-teal-lt: oklch(25% .04 195);--m-mint-lt: oklch(25% .04 165);--shadow-xs: 2px 2px 0 oklch(50% .005 0);--shadow-sm: 2px 2px 0 oklch(50% .005 0);--shadow-md: 4px 4px 0 oklch(50% .005 0);--shadow-lg: 6px 6px 0 oklch(50% .005 0);--shadow-xl: 8px 8px 0 oklch(50% .005 0);--shadow-2xl: 10px 10px 0 oklch(50% .005 0)}}
+/*# sourceMappingURL=memphis.theme.css.map */
+
+@layer bundle-effects{[data-effect~=memphis-zigzag]{height:16px;background:var(--m-pat-zigzag-b);background-size:32px 16px;border-block:2.5px solid var(--m-black)}[data-effect~=memphis-zigzag][data-color=yellow]{background:var(--m-pat-zigzag-y);background-size:32px 16px}[data-effect~=memphis-dots]{height:24px;background:var(--m-pat-dots-r);background-color:var(--m-cream);border-block:2.5px solid var(--m-black)}[data-effect~=memphis-dots][data-color=yellow]{background:var(--m-pat-dots-y);background-color:var(--m-cream)}[data-effect~=memphis-dots][data-color=blue]{background:var(--m-pat-dots-b);background-color:var(--m-cream)}[data-effect~=memphis-stripe]{height:12px;background:var(--m-pat-stripe-b);border-block:2.5px solid var(--m-black)}[data-effect~=memphis-stripe][data-color=pink]{background:var(--m-pat-stripe-p)}[data-effect~=memphis-stripe][data-color=teal]{background:var(--m-pat-stripe-t)}[data-effect~=memphis-confetti]{position:relative}[data-effect~=memphis-confetti]:before{content:"";position:absolute;inset:0;background:var(--m-pat-confetti);background-color:transparent;opacity:.4;pointer-events:none;z-index:0}[data-effect~=memphis-confetti]>*{position:relative;z-index:1}[data-effect~=memphis-squiggle]{position:relative}[data-effect~=memphis-squiggle]:before{content:"";position:absolute;inset:0;background:var(--m-pat-squiggle-bk);background-size:40px 20px;opacity:.15;pointer-events:none;z-index:0}[data-effect~=memphis-squiggle]>*{position:relative;z-index:1}[data-theme~=memphis] button[data-variant=stripe],[data-theme~=memphis] .button[data-variant=stripe]{background:var(--m-pat-stripe-y);background-color:var(--m-cream);color:var(--m-black)}[data-theme~=memphis] button[data-variant=dots],[data-theme~=memphis] .button[data-variant=dots]{background:var(--m-pat-dots-b);background-color:var(--m-cream);color:var(--m-black)}[data-theme~=memphis] button[data-variant=check],[data-theme~=memphis] .button[data-variant=check]{background:var(--m-pat-check-y);color:var(--m-black)}[data-theme~=memphis] button[data-variant=yellow],[data-theme~=memphis] .button[data-variant=yellow]{background:var(--m-yellow);color:var(--m-black)}[data-theme~=memphis] button[data-variant=blue],[data-theme~=memphis] .button[data-variant=blue]{background:var(--m-blue);color:var(--m-white)}[data-theme~=memphis] button[data-variant=teal],[data-theme~=memphis] .button[data-variant=teal]{background:var(--m-teal);color:var(--m-black)}[data-theme~=memphis] button[data-variant=pink],[data-theme~=memphis] .button[data-variant=pink]{background:var(--m-pink);color:var(--m-white)}[data-theme~=memphis] button[data-variant=mint],[data-theme~=memphis] .button[data-variant=mint]{background:var(--m-mint);color:var(--m-black)}[data-theme~=memphis] .card [data-pattern=stripe]{background:var(--m-pat-stripe-y);background-color:var(--m-cream)}[data-theme~=memphis] .card [data-pattern=dots]{background:var(--m-pat-dots-r);background-color:var(--m-cream)}[data-theme~=memphis] .card [data-pattern=check]{background:var(--m-pat-check-y)}[data-theme~=memphis] .card [data-pattern=squiggle]{background:var(--m-pat-squiggle-r);background-color:var(--m-cream);background-size:40px 20px}[data-theme~=memphis] .card [data-pattern=confetti]{background:var(--m-pat-confetti);background-color:var(--m-cream)}[data-theme~=memphis] .card [data-pattern=cross]{background:var(--m-pat-cross);background-color:var(--m-cream)}@media(prefers-reduced-motion:reduce){[data-effect~=memphis-confetti]:before,[data-effect~=memphis-squiggle]:before{animation:none}}@media print{[data-effect~=memphis-zigzag],[data-effect~=memphis-dots],[data-effect~=memphis-stripe]{display:none!important}[data-effect~=memphis-confetti]:before,[data-effect~=memphis-squiggle]:before{display:none!important}}}
+/*# sourceMappingURL=memphis.effects.css.map */

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

@@ -0,0 +1 @@
+//# sourceMappingURL=memphis.full.js.map

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

@@ -0,0 +1,2 @@
+@font-face{font-family:Boogaloo;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/boogaloo-400.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}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/outfit-400.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}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/outfit-700.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}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url("./memphis/fonts/outfit-900.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}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/space-mono-400.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}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/space-mono-700.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~=memphis]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--m-cream: oklch(96% .018 88);--m-yellow: oklch(86% .185 96);--m-red: oklch(58% .24 26);--m-blue: oklch(48% .22 258);--m-teal: oklch(72% .16 195);--m-pink: oklch(64% .24 10);--m-mint: oklch(80% .135 165);--m-black: oklch(12% .01 80);--m-white: oklch(99% .005 90);--m-yellow-lt: oklch(94% .08 96);--m-blue-lt: oklch(88% .07 258);--m-pink-lt: oklch(92% .07 10);--m-teal-lt: oklch(92% .06 195);--m-mint-lt: oklch(94% .05 165);--color-background: var(--m-cream);--color-surface: var(--m-white);--color-surface-alt: oklch(96% .015 88);--color-surface-raised: var(--m-white);--color-surface-sunken: oklch(94% .012 88);--color-text: var(--m-black);--color-text-muted: oklch(38% .015 0);--color-text-subtle: oklch(52% .01 0);--color-primary: var(--m-red);--color-primary-hover: oklch(52% .26 26);--color-primary-subtle: oklch(94% .04 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(66% .17 195);--color-accent-subtle: var(--m-teal-lt);--color-border: var(--m-black);--color-border-muted: oklch(60% .01 0);--color-border-strong: var(--m-black);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-success: oklch(65% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--font-display: "Boogaloo", "Futura", "Century Gothic", sans-serif;--font-sans: "Outfit", "Century Gothic", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: 2px 2px 0 var(--m-black);--shadow-sm: 2px 2px 0 var(--m-black);--shadow-md: 4px 4px 0 var(--m-black);--shadow-lg: 6px 6px 0 var(--m-black);--shadow-xl: 8px 8px 0 var(--m-black);--shadow-2xl: 10px 10px 0 var(--m-black);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1);--control-border: var(--m-black);--control-checked-bg: var(--m-red);--input-border: var(--m-black);--input-bg: var(--m-white);--range-track-fill: var(--m-red);--progress-fill: var(--m-teal);--m-pat-stripe-y: repeating-linear-gradient( 45deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 10px );--m-pat-stripe-p: repeating-linear-gradient( 45deg, var(--m-pink) 0px, var(--m-pink) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-b: repeating-linear-gradient( 45deg, var(--m-blue) 0px, var(--m-blue) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-t: repeating-linear-gradient( 45deg, var(--m-teal) 0px, var(--m-teal) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-vert: repeating-linear-gradient( 90deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 8px );--m-pat-dots-y: radial-gradient(circle, var(--m-yellow) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-r: radial-gradient(circle, var(--m-red) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-b: radial-gradient(circle, var(--m-blue) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-p: radial-gradient(circle, var(--m-pink) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-sm: radial-gradient(circle, var(--m-black) 2px, transparent 2px) 0 0 / 10px 10px;--m-pat-dots-lg: radial-gradient(circle, var(--m-black) 6px, transparent 6px) 0 0 / 22px 22px;--m-pat-check-sm: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 10px 10px;--m-pat-check-md: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 16px 16px;--m-pat-check-y: conic-gradient(var(--m-yellow) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-check-p: conic-gradient(var(--m-pink) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-cross: repeating-linear-gradient(0deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px);--m-pat-zigzag-y: repeating-linear-gradient(135deg, var(--m-yellow) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-yellow) 0 8px, transparent 0 16px);--m-pat-zigzag-b: repeating-linear-gradient(135deg, var(--m-blue) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-blue) 0 8px, transparent 0 16px);--m-pat-squiggle-r: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23d03040' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-b: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a3a9e' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-p: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23c02070' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-bk: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a1a14' stroke-width='2' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-confetti: radial-gradient(circle, var(--m-red) 3px, transparent 3px) 0 0 / 28px 28px, radial-gradient(circle, var(--m-blue) 3px, transparent 3px) 14px 7px / 28px 28px, radial-gradient(circle, var(--m-yellow) 3px, transparent 3px) 7px 14px / 28px 28px, radial-gradient(circle, var(--m-teal) 3px, transparent 3px) 21px 3px / 28px 28px, radial-gradient(circle, var(--m-pink) 3px, transparent 3px) 3px 21px / 28px 28px}[data-theme~=memphis] :is(main,article) h1{font-family:var(--font-display, var(--font-sans));color:var(--m-red);text-transform:uppercase;letter-spacing:.02em}[data-theme~=memphis] :is(main,article) h1:after{content:" \2726";color:var(--m-yellow)}[data-theme~=memphis] :is(main,article) h2{font-family:var(--font-display, var(--font-sans));color:var(--m-black);text-transform:uppercase}[data-theme~=memphis] :is(main,article) h2:before{content:"\25c6";color:var(--m-teal)}[data-theme~=memphis] :is(main,article) h3{font-family:var(--font-display, var(--font-sans));color:var(--m-blue);text-transform:uppercase}[data-theme~=memphis] :is(main,article) hr:not([data-ornament]){border:none;height:16px;background:var(--m-pat-zigzag-b);background-size:32px 16px;border-block:2.5px solid var(--m-black);margin-block:2rem}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]){border:2.5px solid var(--m-black);border-inline-start:2.5px solid var(--m-black);padding:1.5rem;background:oklch(from var(--m-yellow) l c h / .15);position:relative}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]):before{content:"\275d";position:absolute;top:-.75rem;left:1rem;background:var(--m-pink);color:#fff;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;line-height:1}[data-theme~=memphis] :is(main,article) a:not([class]){color:var(--m-red);text-decoration:none;border-block-end:3px solid var(--m-teal);font-weight:600;transition:all .2s var(--ease-default)}[data-theme~=memphis] :is(main,article) a:not([class]):hover{color:var(--m-teal);border-color:var(--m-red)}[data-theme~=memphis] :is(main,article) button,[data-theme~=memphis] :is(main,article) .button{border:2.5px solid var(--m-black);background:var(--m-red);color:#fff;font-family:var(--font-display, var(--font-sans));font-weight:400;text-transform:uppercase;box-shadow:4px 4px 0 var(--m-black);transition:transform .06s,box-shadow .06s}[data-theme~=memphis] :is(main,article) button:hover,[data-theme~=memphis] :is(main,article) .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) button:active,[data-theme~=memphis] :is(main,article) .button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) .card{border:2.5px solid var(--m-black);background:var(--m-cream);box-shadow:6px 6px 0 var(--m-black);transition:transform .15s,box-shadow .15s}[data-theme~=memphis] :is(main,article) .card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) input,[data-theme~=memphis] :is(main,article) textarea,[data-theme~=memphis] :is(main,article) select{border:2.5px solid var(--m-black);background:var(--m-white);font-weight:500;box-shadow:2px 2px 0 var(--m-black);transition:box-shadow .1s}[data-theme~=memphis] :is(main,article) input:focus,[data-theme~=memphis] :is(main,article) textarea:focus,[data-theme~=memphis] :is(main,article) select:focus{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue);outline:none}@supports (appearance: base-select){[data-theme~=memphis] :is(main,article) select:not([multiple]){padding-inline-end:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker-icon{color:var(--m-black);margin-inline-start:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]):open{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker(select){background:var(--m-white);border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);padding-block:var(--size-s)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option{padding:var(--size-xs) var(--size-m);margin-inline:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:hover{background:var(--m-yellow-lt)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:checked{color:var(--m-red);font-weight:700}[data-theme~=memphis] :is(main,article) select:not([multiple]) option::checkmark{color:var(--m-red)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;color:var(--m-teal);padding-inline:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--m-black);border-width:2.5px}}[data-theme~=memphis] :is(main,article) code{background:var(--m-yellow-lt);color:var(--m-black);padding:.1em .4em;border:1.5px solid var(--m-black);font-weight:600}[data-theme~=memphis] :is(main,article) pre{border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);background:var(--m-cream)}[data-theme~=memphis] :is(main,article) code-block{--cb-bg: var(--color-surface);--cb-code-bg: var(--color-surface);--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-text);--cb-border-color: var(--m-black);--cb-comment: var(--color-text-muted);--cb-keyword: var(--m-red);--cb-string: var(--m-teal);--cb-function: var(--m-blue);--cb-number: var(--m-yellow);--cb-tag: var(--m-teal);--cb-attribute: var(--m-red);--cb-button-bg: var(--color-surface);--cb-button-color: var(--color-text-muted);--cb-scrollbar-track: var(--color-surface);--cb-scrollbar-thumb: var(--color-border)}[data-theme~=memphis] :is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-surface-raised);--browser-window-content-bg: var(--color-surface);--browser-window-border-color: var(--m-black);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: var(--color-surface-sunken)}[data-theme~=memphis] ::selection{background:var(--m-teal);color:#fff}[data-theme~=memphis][data-mode=dark]{color-scheme:dark;--m-cream: oklch(15% .01 80);--m-white: oklch(18% .01 80);--m-black: oklch(90% .005 0);--color-background: oklch(10% .01 0);--color-surface: oklch(15% .01 0);--color-surface-alt: oklch(18% .012 0);--color-surface-raised: oklch(20% .01 0);--color-surface-sunken: oklch(8% .01 0);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--m-red: oklch(64% .24 26);--m-blue: oklch(55% .22 258);--m-teal: oklch(78% .16 195);--m-pink: oklch(70% .24 10);--m-mint: oklch(85% .135 165);--m-yellow: oklch(88% .185 96);--color-primary: var(--m-red);--color-primary-hover: oklch(58% .26 26);--color-primary-subtle: oklch(20% .06 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(72% .17 195);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(70% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--input-bg: var(--m-white);--input-border: var(--m-black);--m-yellow-lt: oklch(30% .06 96);--m-blue-lt: oklch(25% .05 258);--m-pink-lt: oklch(28% .05 10);--m-teal-lt: oklch(25% .04 195);--m-mint-lt: oklch(25% .04 165);--shadow-xs: 2px 2px 0 oklch(50% .005 0);--shadow-sm: 2px 2px 0 oklch(50% .005 0);--shadow-md: 4px 4px 0 oklch(50% .005 0);--shadow-lg: 6px 6px 0 oklch(50% .005 0);--shadow-xl: 8px 8px 0 oklch(50% .005 0);--shadow-2xl: 10px 10px 0 oklch(50% .005 0)}}
+/*# sourceMappingURL=memphis.theme.css.map */

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

@@ -0,0 +1,2 @@
+:is(img,video,iframe,canvas)[data-mock]{display:block;max-inline-size:100%;background-color:var(--color-gray-200);border:1px dashed var(--color-gray-400);background-image:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--color-gray-400) calc(50% - .5px),var(--color-gray-400) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to top right,transparent calc(50% - .5px),var(--color-gray-400) calc(50% - .5px),var(--color-gray-400) calc(50% + .5px),transparent calc(50% + .5px));background-size:100% 100%;object-fit:cover}img[data-mock]:not([src]),img[data-mock][src=""]{content:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}[data-mock=hero]{aspect-ratio:3 / 1;inline-size:100%}[data-mock=card]{aspect-ratio:16 / 9;inline-size:400px}[data-mock=avatar]{aspect-ratio:1;inline-size:48px;border-radius:var(--radius-full)}[data-mock=product]{aspect-ratio:1;inline-size:400px}[data-mock=thumbnail]{aspect-ratio:1;inline-size:150px}[data-mock=logo]{aspect-ratio:4 / 1;inline-size:200px}[data-mock=og]{aspect-ratio:1200 / 630;inline-size:100%}[data-mock=banner]{aspect-ratio:728 / 90;inline-size:100%}:is(img)[data-mock=photo],:is(img)[data-mock=placehold]{background-image:none;border-style:solid}video[data-mock]{aspect-ratio:16 / 9;inline-size:100%}iframe[data-mock]{aspect-ratio:16 / 9;inline-size:100%;min-block-size:300px}canvas[data-mock]{aspect-ratio:4 / 3;inline-size:100%}[data-wireframe] :is(img,video,iframe,canvas)[data-mock],:is(img,video,iframe,canvas)[data-mock]:is([data-wireframe] *){background-color:var(--wireframe-fill);border:var(--wireframe-border);background-image:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--wireframe-stroke) calc(50% - .5px),var(--wireframe-stroke) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to top right,transparent calc(50% - .5px),var(--wireframe-stroke) calc(50% - .5px),var(--wireframe-stroke) calc(50% + .5px),transparent calc(50% + .5px))}
+/*# sourceMappingURL=prototype.full.css.map */

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

@@ -0,0 +1,2 @@
+var c=":is(img, video, iframe, canvas)[data-mock]",h={hero:{w:1200,h:400},card:{w:400,h:225},avatar:{w:48,h:48},product:{w:400,h:400},thumbnail:{w:150,h:150},logo:{w:200,h:50},og:{w:1200,h:630},banner:{w:728,h:90}};function p(u){return u.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function f(u,e,i){let t=Math.min(Math.max(u/15,12),32),o=u/2,n=e/2,s=i?p(i):"",r=s?`<text x="${o}" y="${n}" text-anchor="middle" dominant-baseline="middle" font-family="system-ui,sans-serif" font-size="${t}" fill="#6b7280">${s}</text>`:"",g=`<svg xmlns="http://www.w3.org/2000/svg" width="${u}" height="${e}" viewBox="0 0 ${u} ${e}"><rect width="${u}" height="${e}" fill="#f3f4f6"/><line x1="0" y1="0" x2="${u}" y2="${e}" stroke="#d1d5db"/><line x1="${u}" y1="0" x2="0" y2="${e}" stroke="#d1d5db"/>${r}</svg>`;return`data:image/svg+xml,${encodeURIComponent(g)}`}function F(u){let e=h[u.dataset.mock],i=Number(u.getAttribute("width"))||e?.w||400,t=Number(u.getAttribute("height"))||e?.h||300;return{w:i,h:t}}function l(u){if(u.hasAttribute("data-mock-init"))return;u.setAttribute("data-mock-init","");let e=u.tagName.toLowerCase(),i=u.dataset.mock,{w:t,h:o}=F(u);if(e==="img"){if(i==="photo"){let n=u.dataset.seed,s=n?`https://picsum.photos/seed/${encodeURIComponent(n)}/${t}/${o}`:`https://picsum.photos/${t}/${o}`;u.getAttribute("src")||(u.setAttribute("src",s),u.setAttribute("loading","lazy"))}else if(i==="placehold"){if(!u.getAttribute("src")){let n=u.getAttribute("alt")||"",s=n?`?text=${encodeURIComponent(n)}`:"";u.setAttribute("src",`https://placehold.co/${t}x${o}${s}`),u.setAttribute("loading","lazy")}}else if(!u.getAttribute("src")){let n=u.getAttribute("alt")||`${t}\xD7${o}`;u.setAttribute("src",f(t,o,n))}}else if(e==="video"){if(!u.getAttribute("poster")){let n=u.getAttribute("alt")||u.getAttribute("title")||"Video";u.setAttribute("poster",f(t,o,`\u25B6 ${n}`))}}else if(e==="iframe"){if(!u.getAttribute("src")&&!u.getAttribute("srcdoc")){let n=u.getAttribute("title")||"Embedded content";u.setAttribute("srcdoc",`<!DOCTYPE html><html><body style="display:grid;place-items:center;height:100vh;margin:0;background:#f3f4f6;font-family:system-ui,sans-serif;color:#6b7280"><p>${p(n)}</p></body></html>`)}}else e==="canvas"&&B(u,t,o)}function B(u,e,i){u.width=e,u.height=i;let t=u.getContext("2d");if(!t)return;t.fillStyle="#f3f4f6",t.fillRect(0,0,e,i),t.strokeStyle="#d1d5db",t.lineWidth=1,t.beginPath(),t.moveTo(0,0),t.lineTo(e,i),t.moveTo(e,0),t.lineTo(0,i),t.stroke();let o=u.getAttribute("aria-label")||u.getAttribute("title")||`${e}\xD7${i}`,n=Math.min(Math.max(e/15,12),32);t.fillStyle="#6b7280",t.font=`${n}px system-ui, sans-serif`,t.textAlign="center",t.textBaseline="middle",t.fillText(o,e/2,i/2)}function E(u=document){u.querySelectorAll(c).forEach(l)}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>E()):E();var D=new MutationObserver(u=>{for(let e of u)for(let i of e.addedNodes){if(i.nodeType!==Node.ELEMENT_NODE)continue;let t=i;t.matches(c)&&l(t),t.querySelectorAll(c).forEach(o=>l(o))}});D.observe(document.documentElement,{childList:!0,subtree:!0});var m="[data-lorem]",v="Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est qui dolorem ipsum quia dolor sit amet consectetur adipisci velit sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur vel illum qui dolorem eum fugiat quo voluptas nulla pariatur. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident similique sunt in culpa qui officia deserunt mollitia animi id est laborum et dolorum fuga.",q="\u3053\u308C\u306F\u30C0\u30DF\u30FC\u30C6\u30AD\u30B9\u30C8\u3067\u3059\u3002\u30EC\u30A4\u30A2\u30A6\u30C8\u306E\u78BA\u8A8D\u306B\u4F7F\u7528\u3057\u307E\u3059\u3002\u5B9F\u969B\u306E\u30B3\u30F3\u30C6\u30F3\u30C4\u306F\u5F8C\u3067\u8FFD\u52A0\u3055\u308C\u307E\u3059\u3002\u3053\u306E\u6587\u7AE0\u306F\u30D7\u30EC\u30FC\u30B9\u30DB\u30EB\u30C0\u30FC\u3068\u3057\u3066\u6A5F\u80FD\u3057\u307E\u3059\u3002\u30C7\u30B6\u30A4\u30F3\u306E\u30D7\u30ED\u30C8\u30BF\u30A4\u30D7\u4F5C\u6210\u4E2D\u306B\u3001\u30C6\u30AD\u30B9\u30C8\u304C\u5FC5\u8981\u306A\u5834\u6240\u306B\u914D\u7F6E\u3057\u3066\u304F\u3060\u3055\u3044\u3002\u65E5\u672C\u8A9E\u306E\u6587\u5B57\u306F\u7D04\u5343\u5E74\u524D\u306B\u4E2D\u56FD\u304B\u3089\u4F1D\u308F\u308A\u307E\u3057\u305F\u3002\u73FE\u4EE3\u306E\u65E5\u672C\u8A9E\u306F\u6F22\u5B57\u3001\u3072\u3089\u304C\u306A\u3001\u30AB\u30BF\u30AB\u30CA\u306E\u4E09\u7A2E\u985E\u306E\u6587\u5B57\u3092\u4F7F\u7528\u3057\u307E\u3059\u3002\u30A6\u30A7\u30D6\u30C7\u30B6\u30A4\u30F3\u3067\u306F\u3001\u30C6\u30AD\u30B9\u30C8\u306E\u8AAD\u307F\u3084\u3059\u3055\u3068\u30EC\u30A4\u30A2\u30A6\u30C8\u306E\u30D0\u30E9\u30F3\u30B9\u304C\u91CD\u8981\u3067\u3059\u3002",x="\u0647\u0630\u0627 \u0646\u0635 \u062A\u062C\u0631\u064A\u0628\u064A \u064A\u0633\u062A\u062E\u062F\u0645 \u0644\u0639\u0631\u0636 \u0627\u0644\u062A\u0635\u0645\u064A\u0645. \u064A\u0645\u0643\u0646 \u0627\u0633\u062A\u0628\u062F\u0627\u0644\u0647 \u0628\u0627\u0644\u0645\u062D\u062A\u0648\u0649 \u0627\u0644\u0641\u0639\u0644\u064A \u0644\u0627\u062D\u0642\u0627. \u0627\u0644\u063A\u0631\u0636 \u0645\u0646\u0647 \u0647\u0648 \u0625\u0638\u0647\u0627\u0631 \u0643\u064A\u0641 \u0633\u064A\u0628\u062F\u0648 \u0627\u0644\u0646\u0635 \u0641\u064A \u0627\u0644\u0645\u0648\u0642\u0639. \u062A\u0635\u0645\u064A\u0645 \u0627\u0644\u0648\u064A\u0628 \u064A\u062A\u0637\u0644\u0628 \u0646\u0635\u0648\u0635\u0627 \u0646\u0627\u0626\u0628\u0629 \u0644\u0645\u0644\u0621 \u0627\u0644\u0641\u0631\u0627\u063A\u0627\u062A. \u0647\u0630\u0627 \u0627\u0644\u0646\u0635 \u0647\u0648 \u0628\u062F\u064A\u0644 \u0639\u0631\u0628\u064A \u0644\u0646\u0635 \u0644\u0648\u0631\u064A\u0645 \u0625\u064A\u0628\u0633\u0648\u0645 \u0627\u0644\u0644\u0627\u062A\u064A\u0646\u064A. \u064A\u0633\u0627\u0639\u062F \u0641\u064A \u0627\u062E\u062A\u0628\u0627\u0631 \u0627\u0644\u062A\u062E\u0637\u064A\u0637\u0627\u062A \u0648\u0627\u0644\u062E\u0637\u0648\u0637 \u0648\u0627\u0644\u0627\u062A\u062C\u0627\u0647 \u0645\u0646 \u0627\u0644\u064A\u0645\u064A\u0646 \u0625\u0644\u0649 \u0627\u0644\u064A\u0633\u0627\u0631. \u0627\u0644\u0644\u063A\u0629 \u0627\u0644\u0639\u0631\u0628\u064A\u0629 \u0645\u0646 \u0623\u0643\u062B\u0631 \u0627\u0644\u0644\u063A\u0627\u062A \u0627\u0646\u062A\u0634\u0627\u0631\u0627 \u0641\u064A \u0627\u0644\u0639\u0627\u0644\u0645.",y="\u042D\u0442\u043E \u043F\u0440\u0438\u043C\u0435\u0440 \u0442\u0435\u043A\u0441\u0442\u0430 \u0434\u043B\u044F \u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0438 \u043C\u0430\u043A\u0435\u0442\u0430. \u041E\u043D \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u043A\u0430\u043A \u0437\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C \u0434\u043B\u044F \u043F\u0440\u043E\u0442\u043E\u0442\u0438\u043F\u043E\u0432. \u0420\u0435\u0430\u043B\u044C\u043D\u044B\u0439 \u043A\u043E\u043D\u0442\u0435\u043D\u0442 \u0431\u0443\u0434\u0435\u0442 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D \u043F\u043E\u0437\u0436\u0435. \u0412\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043D \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u043E\u0432\u044B\u0445 \u0437\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u0435\u0439 \u0434\u043B\u044F \u043F\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0433\u043E \u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440\u0430 \u043C\u0430\u043A\u0435\u0442\u043E\u0432. \u042D\u0442\u043E\u0442 \u0442\u0435\u043A\u0441\u0442 \u044F\u0432\u043B\u044F\u0435\u0442\u0441\u044F \u0440\u0443\u0441\u0441\u043A\u043E\u044F\u0437\u044B\u0447\u043D\u043E\u0439 \u0430\u043B\u044C\u0442\u0435\u0440\u043D\u0430\u0442\u0438\u0432\u043E\u0439 \u043B\u0430\u0442\u0438\u043D\u0441\u043A\u043E\u043C\u0443 \u0442\u0435\u043A\u0441\u0442\u0443. \u041A\u0438\u0440\u0438\u043B\u043B\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0448\u0440\u0438\u0444\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u043C\u043D\u043E\u0433\u0438\u043C\u0438 \u044F\u0437\u044B\u043A\u0430\u043C\u0438 \u043C\u0438\u0440\u0430. \u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u043A\u0430\u043A \u0432\u0430\u0448 \u0434\u0438\u0437\u0430\u0439\u043D \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442 \u0441 \u044D\u0442\u0438\u043C \u043D\u0430\u0431\u043E\u0440\u043E\u043C \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432.",C={latin:v,cjk:q,arabic:x,cyrillic:y},$={ja:"cjk",zh:"cjk",ko:"cjk",ar:"arabic",fa:"arabic",ur:"arabic",he:"arabic",ru:"cyrillic",uk:"cyrillic",bg:"cyrillic",sr:"cyrillic"};function a(u){let e=u.closest("[lang]")?.getAttribute("lang")?.split("-")[0]?.toLowerCase();return e&&$[e]||"latin"}function L(u){return u.split(/(?<=[.!?\u3002])\s*/).filter(Boolean)}function d(u){return u==="cjk"}function k(u,e,i){if(d(i)){let n=[...u],s=[];for(let r=0;r<e;r++)s.push(n[r%n.length]);return s.join("")}let t=u.split(/\s+/),o=[];for(let n=0;n<e;n++)o.push(t[n%t.length]);return o.join(" ")}function S(u,e){let i=(u||"").trim();if(C[i])return{mode:"words",count:d(i)?80:50,corpus:i};if(i==="heading")return{mode:"words",count:5,corpus:a(e)};let t=i.match(/^(\d+)\s+sentences?$/i);if(t)return{mode:"sentences",count:Number(t[1]),corpus:a(e)};let o=i.match(/^(\d+)\s+items?$/i);if(o)return{mode:"items",count:Number(o[1]),corpus:a(e)};let n=i.match(/^(\d+)$/);if(n)return{mode:"words",count:Number(n[1]),corpus:a(e)};let s=a(e);return{mode:"words",count:d(s)?80:50,corpus:s}}function w(u){let e=C[u.corpus],i=L(e);if(u.mode==="sentences"){let t=[];for(let o=0;o<u.count;o++)t.push(i[o%i.length]);return t.join(" ")}if(u.mode==="items"){let t=[];for(let o=0;o<u.count;o++)t.push(i[o%i.length]);return t}return k(e,u.count,u.corpus)}function A(u){if(u.hasAttribute("data-lorem-init"))return;u.setAttribute("data-lorem-init","");let e=S(u.dataset.lorem??"",u),i=w(e),t=u.tagName.toLowerCase();e.mode==="items"&&Array.isArray(i)&&(t==="ul"||t==="ol")?u.innerHTML=i.map(o=>`<li>${o}</li>`).join(""):Array.isArray(i)?u.textContent=i.join(" "):u.textContent=i,u.setAttribute("data-lorem-filled",""),u.setAttribute("translate","no")}function b(u=document){u.querySelectorAll(m).forEach(A)}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>b()):b();var N=new MutationObserver(u=>{for(let e of u)for(let i of e.addedNodes){if(i.nodeType!==Node.ELEMENT_NODE)continue;let t=i;t.matches(m)&&A(t),t.querySelectorAll(m).forEach(o=>A(o))}});N.observe(document.documentElement,{childList:!0,subtree:!0});
+//# sourceMappingURL=prototype.full.js.map

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

@@ -0,0 +1,2 @@
+var o={name:"prototype",version:"1.0.0",label:"Prototype Pack",description:"Placeholder media and text generation for rapid prototyping.",type:"functional",css:["prototype.css"],js:["prototype.js"],components:[],effects:["mock","lorem"]};export{o as pack};
+//# sourceMappingURL=prototype.pack.js.map

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

@@ -0,0 +1,2 @@
+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

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

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

@@ -0,0 +1,2 @@
+@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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,5 @@
+@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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,2 @@
+@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 */

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

@@ -0,0 +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);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:block;padding:var(--size-2xs) var(--size-xs);text-align:center;font-size:var(--font-size-sm);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}&: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)}.sr-only{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}.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 */