vanilla-breeze 0.3.1 → 0.4.0

package/dist/cdn/themes/startup.tokens.json

@@ -335,7 +335,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": [
           {
@@ -386,7 +386,7 @@
           }
         ]
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": [
           {
@@ -437,7 +437,7 @@
           }
         ]
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": [
           {
@@ -597,7 +597,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.1",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set"

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

@@ -425,7 +425,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": [
           {
@@ -476,7 +476,7 @@
           }
         ]
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": [
           {
@@ -527,7 +527,7 @@
           }
         ]
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": [
           {
@@ -635,7 +635,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.1",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--page-bg-color",
         "--page-bg-gradient",

package/dist/cdn/themes/super2026.css

@@ -1,2 +1,2 @@
-:root[data-theme~=super2026],[data-theme~=super2026]{color-scheme:light;--theme-border-style: sharp;--hue-primary: 18;--hue-secondary: 256;--hue-accent: 90;--color-primary: oklch(52% .27 18);--caret-color: var(--color-primary);--color-primary-hover: oklch(58% .28 18);--color-primary-active: oklch(44% .24 18);--color-primary-subtle: oklch(94% .04 18);--color-secondary: oklch(44% .22 256);--color-secondary-hover: oklch(50% .24 256);--color-secondary-subtle: oklch(93% .04 256);--color-accent: oklch(80% .2 90);--color-accent-hover: oklch(74% .2 90);--color-accent-subtle: oklch(95% .06 90);--color-background: oklch(97% .006 80);--color-surface: oklch(94% .008 80);--color-surface-alt: oklch(91% .01 80);--color-surface-raised: oklch(99.5% .002 80);--color-surface-sunken: oklch(90% .012 80);--color-text: oklch(12% .008 240);--color-text-muted: oklch(40% .006 240);--color-text-subtle: oklch(58% .004 240);--color-text-inverted: oklch(97% .006 80);--color-text-on-primary: oklch(99% .002 80);--color-border: oklch(75% .008 240);--color-border-strong: oklch(12% .008 240);--color-border-subtle: oklch(86% .006 240);--color-border-muted: oklch(82% .007 240);--color-success: oklch(52% .18 155);--color-success-subtle: oklch(94% .04 155);--color-success-text: oklch(34% .12 155);--color-warning: oklch(68% .16 75);--color-warning-subtle: oklch(94% .06 75);--color-warning-text: oklch(38% .12 75);--color-error: oklch(52% .24 18);--color-error-subtle: oklch(94% .05 18);--color-error-text: oklch(36% .16 18);--color-info: oklch(48% .16 256);--color-info-subtle: oklch(94% .04 256);--color-info-text: oklch(32% .12 256);--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 0 1px 2px oklch(12% .008 240 / .06);--shadow-sm: 0 1px 3px oklch(12% .008 240 / .12), 0 1px 2px oklch(12% .008 240 / .08);--shadow-md: 0 4px 6px oklch(12% .008 240 / .14), 0 2px 4px oklch(12% .008 240 / .1);--shadow-lg: 0 10px 20px oklch(12% .008 240 / .16), 0 4px 6px oklch(12% .008 240 / .1);--shadow-xl: 0 20px 30px oklch(12% .008 240 / .18), 0 8px 12px oklch(12% .008 240 / .12);--shadow-2xl: 0 30px 50px oklch(12% .008 240 / .22);--font-sans: "Barlow Condensed", system-ui, sans-serif;--font-serif: "Barlow Condensed", serif;--font-mono: "Space Mono", monospace;--font-display: "Big Shoulders Display", "Barlow Condensed", sans-serif;--font-heading: "Big Shoulders Display", "Barlow Condensed", sans-serif;--font-body: "Barlow Condensed", system-ui, sans-serif;--font-code: "Space Mono", monospace;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .35s;--duration-slower: .6s;--motion-enter-duration: .5s;--motion-exit-duration: .25s;--motion-stagger-delay: 60ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-snappy: cubic-bezier(.4, 0, .2, 1);--motion-elastic: cubic-bezier(.68, -.55, .265, 1.55);--motion-smooth: cubic-bezier(.25, .1, .25, 1);--motion-hover-lift: translateY(-4px);--motion-hover-scale: scale(1.04);--glass-blur: 10px;--glass-opacity: .12;--page-bg-color: oklch(94% .008 80);--page-bg-gradient: repeating-linear-gradient( 90deg, oklch(12% .008 240 / .04) 0px, oklch(12% .008 240 / .04) 1px, transparent 1px, transparent calc(100% / 12) ), repeating-linear-gradient( 0deg, oklch(12% .008 240 / .03) 0px, oklch(12% .008 240 / .03) 1px, transparent 1px, transparent 6rem );--page-bg-size: 100% 100%;--_sg2-red: oklch(52% .27 18);--_sg2-blue: oklch(44% .22 256);--_sg2-gold: oklch(80% .2 90);--_sg2-ink: oklch(12% .008 240);--_sg2-wall: oklch(97% .006 80);--_sg2-rule: 4px solid var(--_sg2-ink);--_sg2-rule-sm: 2px solid var(--_sg2-ink);--_sg2-rule-heavy: 8px solid var(--_sg2-ink);--control-size: 1.25rem;--control-border: var(--_sg2-ink);--control-checked-bg: oklch(52% .27 18);--control-checked-border: var(--_sg2-ink);--input-border: var(--_sg2-ink);--input-bg: oklch(100% 0 0);--input-border-focus: oklch(52% .27 18);--range-track-h: .5rem;--range-track-bg: oklch(85% .01 80);--range-track-fill: oklch(52% .27 18);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: var(--_sg2-ink);--progress-track-bg: oklch(90% .01 80);--progress-fill: oklch(52% .27 18)}:root[data-theme~=super2026][data-mode=dark],[data-theme~=super2026][data-mode=dark]{color-scheme:dark;--color-primary: oklch(62% .28 18);--color-primary-hover: oklch(68% .28 18);--color-primary-active: oklch(54% .24 18);--color-primary-subtle: oklch(22% .08 18);--color-secondary: oklch(60% .22 256);--color-secondary-hover: oklch(66% .24 256);--color-secondary-subtle: oklch(20% .08 256);--color-accent: oklch(78% .22 90);--color-accent-hover: oklch(84% .22 90);--color-accent-subtle: oklch(22% .08 90);--color-background: oklch(11% .006 240);--color-surface: oklch(15% .007 240);--color-surface-alt: oklch(18% .008 240);--color-surface-raised: oklch(20% .008 240);--color-surface-sunken: oklch(8% .005 240);--color-text: oklch(96% .004 80);--color-text-muted: oklch(72% .006 80);--color-text-subtle: oklch(54% .005 80);--color-text-inverted: oklch(12% .008 240);--color-text-on-primary: oklch(99% .002 80);--color-border: oklch(28% .01 240);--color-border-strong: oklch(60% .01 240);--color-border-subtle: oklch(20% .008 240);--color-border-muted: oklch(24% .009 240);--color-success: oklch(62% .18 155);--color-success-subtle: oklch(20% .06 155);--color-success-text: oklch(75% .14 155);--color-warning: oklch(78% .16 75);--color-warning-subtle: oklch(22% .08 75);--color-warning-text: oklch(82% .12 75);--color-error: oklch(62% .24 18);--color-error-subtle: oklch(20% .08 18);--color-error-text: oklch(75% .18 18);--color-info: oklch(62% .16 256);--color-info-subtle: oklch(20% .06 256);--color-info-text: oklch(75% .12 256);--shadow-xs: 0 1px 2px oklch(5% .005 240 / .4);--shadow-sm: 0 1px 3px oklch(5% .005 240 / .5), 0 1px 2px oklch(5% .005 240 / .4);--shadow-md: 0 4px 6px oklch(5% .005 240 / .5), 0 2px 4px oklch(5% .005 240 / .4);--shadow-lg: 0 10px 20px oklch(5% .005 240 / .55), 0 4px 6px oklch(5% .005 240 / .4);--shadow-xl: 0 20px 30px oklch(5% .005 240 / .6);--shadow-2xl: 0 30px 50px oklch(5% .005 240 / .65);--page-bg-color: oklch(11% .006 240);--page-bg-gradient: linear-gradient( 160deg, oklch(14% .01 240) 0%, oklch(10% .006 250) 100% );--_sg2-wall: oklch(11% .006 240);--_sg2-rule: 4px solid oklch(35% .01 240);--_sg2-rule-sm: 2px solid oklch(30% .009 240);--_sg2-rule-heavy: 8px solid oklch(40% .01 240);--_sg2-red: oklch(62% .28 18);--_sg2-blue: oklch(60% .22 256);--_sg2-gold: oklch(78% .22 90);--_sg2-ink: oklch(60% .01 240);--scrollbar-thumb: oklch(45% .008 240);--scrollbar-track: oklch(18% .007 240);--input-bg: oklch(15% .007 240);--input-border: oklch(35% .01 240);--input-border-focus: oklch(62% .28 18);--control-border: oklch(60% .01 240);--control-checked-bg: oklch(62% .28 18);--control-checked-border: oklch(60% .01 240);--range-track-bg: oklch(25% .008 240);--range-track-fill: oklch(62% .28 18);--range-thumb-bg: oklch(15% .007 240);--range-thumb-border: oklch(60% .01 240);--progress-track-bg: oklch(22% .007 240);--progress-fill: oklch(62% .28 18)}:root[data-theme~=super2026],[data-theme~=super2026]{--border-width-thin: 2px;--border-width-medium: 4px;--border-width-thick: 8px}:root[data-theme~=super2026],[data-theme~=super2026]{:is(main,article){:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95}& h1:not([data-gradient-text]){-webkit-text-stroke:3px var(--_sg2-ink);color:transparent;border-block-end:var(--_sg2-rule-heavy);padding-block-end:.5rem;margin-block-end:1.5rem}& h4{color:var(--_sg2-red)}& h2{color:var(--_sg2-blue);border-block-end:var(--_sg2-rule);padding-block-end:.4rem}& h3{border-block-end:3px solid var(--_sg2-gold);padding-block-end:.3rem}& hr:not([data-ornament]){border:none;height:6px;background:var(--_sg2-ink);margin-block:2.5rem}& hr:not([data-ornament]):nth-of-type(3n+2){background:var(--_sg2-red);height:8px}& hr:not([data-ornament]):nth-of-type(3n+3){background:var(--_sg2-blue)}& a:not([class]):not(nav a){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600;&:hover{background:var(--color-primary);color:var(--color-text-on-primary);text-decoration:none;padding-inline:.15em;margin-inline:-.15em}}.button,button{position:relative;overflow:hidden;font-family:var(--font-display);font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-width:2px;transition:transform var(--duration-fast) var(--motion-bounce),box-shadow var(--duration-fast) var(--motion-snappy);&:before{content:"";position:absolute;inset-block-start:50%;inset-inline-end:0;translate:50% -50%;width:200%;aspect-ratio:1;border-radius:50%;background:oklch(from var(--color-primary) calc(l - .08) c h);scale:0;transition:scale .25s cubic-bezier(.16,1,.3,1);z-index:-1}&:hover{transform:var(--motion-hover-lift);box-shadow:var(--shadow-md)}&:hover:before{scale:1}&:active{transform:translateY(1px)}}.button.secondary,button.secondary{border-color:var(--_sg2-ink);border-width:2px;&:before{background:var(--_sg2-blue)}&:hover{background:var(--color-secondary);color:var(--color-text-on-primary);border-color:var(--color-secondary)}}.button.ghost,button.ghost{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;&:before{background:var(--_sg2-gold)}}.card{position:relative;overflow:hidden;border:var(--_sg2-rule-sm);border-block-start:5px solid var(--_sg2-red);&:before{content:"";position:absolute;inset-block-start:-50%;inset-inline-end:-50%;width:120%;aspect-ratio:1;border-radius:50%;background:var(--_sg2-red);opacity:.06;pointer-events:none;transition:opacity .2s,scale .3s}&:hover{transform:var(--motion-hover-lift);box-shadow:var(--shadow-lg)}&:hover:before{opacity:.12;scale:1.1}}.card:nth-child(3n+2){border-block-start-color:var(--_sg2-blue)}.card:nth-child(3n+2):before{background:var(--_sg2-blue)}.card:nth-child(3n+3){border-block-start-color:var(--_sg2-gold)}.card:nth-child(3n+3):before{background:var(--_sg2-gold);opacity:.08}& blockquote{border-inline-start:var(--_sg2-rule-heavy);border-inline-start-color:var(--_sg2-red);padding-inline-start:1.5rem;font-style:normal;&:before{content:'"';font-family:var(--font-display);font-size:4rem;font-weight:900;line-height:1;display:block;color:var(--_sg2-red);margin-block-end:.5rem}}& code{background:var(--color-accent-subtle);border:1.5px solid var(--_sg2-ink);font-weight:700}& pre{background:var(--_sg2-ink);color:var(--_sg2-wall);border:var(--_sg2-rule);& code{background:transparent;border:none;color:inherit;font-weight:400}}& th{background:var(--_sg2-ink);color:var(--_sg2-wall);font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.85em}& td{border-color:var(--_sg2-ink)}& summary{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-block-end:var(--_sg2-rule-sm)}.lead,.tagline{font-weight:400;letter-spacing:.02em}.badge,small{font-family:var(--font-display);font-weight:900;letter-spacing:.1em;text-transform:uppercase}& input:not([type=checkbox]):not([type=radio]),textarea,select{border:var(--_sg2-rule-sm);&:focus{border-color:var(--_sg2-red);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .18)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--_sg2-ink)}& select:not([multiple]):open{border-color:var(--_sg2-red);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .18)}& select:not([multiple])::picker(select){border:var(--_sg2-rule-sm);border-block-start:4px solid var(--_sg2-red);transition-timing-function:var(--motion-elastic)}& select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;letter-spacing:.08em;color:var(--_sg2-blue)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--_sg2-ink)}& select:not([multiple]) option:hover{background:var(--color-accent-subtle)}& select:not([multiple]) option:checked{color:var(--_sg2-red);font-weight:700}& select:not([multiple]) option::checkmark{color:var(--_sg2-red)}}}:is(main,article) layout-card{position:relative;overflow:hidden;border:var(--_sg2-rule-sm);border-block-start:5px solid var(--_sg2-red);&:before{content:"";position:absolute;inset-block-start:-50%;inset-inline-end:-50%;width:120%;aspect-ratio:1;border-radius:50%;background:var(--_sg2-red);opacity:.06;pointer-events:none;transition:opacity .2s,scale .3s}&:hover:before{opacity:.12;scale:1.1}&:nth-child(3n+2){border-block-start-color:var(--_sg2-blue)}&:nth-child(3n+2):before{background:var(--_sg2-blue)}&:nth-child(3n+3){border-block-start-color:var(--_sg2-gold)}&:nth-child(3n+3):before{background:var(--_sg2-gold);opacity:.08}}:is(main,article) code-block{--cb-bg: var(--_sg2-ink);--cb-code-bg: var(--_sg2-ink);--cb-header-bg: oklch(18% .01 240);--cb-text-color: var(--_sg2-wall);--cb-border-color: oklch(25% .01 240);--cb-border-radius: 0;--cb-label-color: oklch(60% 0 0);--cb-comment: oklch(50% 0 0);--cb-keyword: oklch(62% .28 18);--cb-string: var(--_sg2-gold);--cb-function: oklch(70% .15 256);--cb-number: var(--_sg2-gold);--cb-button-bg: oklch(18% .01 240);--cb-button-color: oklch(60% 0 0);--cb-button-border: 1px solid oklch(30% 0 0);--cb-button-hover-bg: var(--_sg2-red);--cb-scrollbar-track: var(--_sg2-ink);--cb-scrollbar-thumb: oklch(35% 0 0)}:is(main,article) browser-window{--browser-window-header-bg: var(--_sg2-ink);--browser-window-content-bg: var(--color-surface-raised);--browser-window-border-color: oklch(25% .01 240);--browser-window-border-radius: 0;--browser-window-text-muted: oklch(60% 0 0);--browser-window-url-bg: oklch(18% .01 240)}::selection{background:var(--color-primary);color:var(--_sg2-wall)}--scrollbar-thumb: oklch(40% .006 240);--scrollbar-track: oklch(91% .01 80);& calendar-wc{--cal-banner-height: .5rem;--cal-banner-bg: var(--_sg2-red);--cal-header-bg: var(--_sg2-ink);--cal-header-color: var(--_sg2-wall);--cal-week-bg: transparent;--cal-week-bg-alt: oklch(93% .006 80);--cal-disabled-opacity: .55;--cal-outside-opacity: .3;--cal-outside-color: oklch(50% .006 240);--cal-today-bg: oklch(96% .01 18);--cal-today-border: var(--_sg2-red);--cal-today-shadow: none;--cal-watermark-opacity: .06;--cal-watermark-color: var(--_sg2-ink);--cal-watermark-size: 3.5rem;--cal-watermark-weight: 900;--cal-highlight-bg: oklch(from var(--_sg2-gold) l c h / .1);--cal-highlight-border: oklch(from var(--_sg2-gold) l c h / .3)}& calendar-wc[data-month="1"],calendar-wc[data-month="4"],calendar-wc[data-month="7"],calendar-wc[data-month="10"]{--cal-banner-bg: var(--_sg2-red)}& calendar-wc[data-month="2"],calendar-wc[data-month="5"],calendar-wc[data-month="8"],calendar-wc[data-month="11"]{--cal-banner-bg: var(--_sg2-blue)}& calendar-wc[data-month="3"],calendar-wc[data-month="6"],calendar-wc[data-month="9"],calendar-wc[data-month="12"]{--cal-banner-bg: var(--_sg2-gold)}& calendar-wc td button[data-highlight=holiday]{background:repeating-linear-gradient(-45deg,oklch(from var(--_sg2-gold) l c h / .08),oklch(from var(--_sg2-gold) l c h / .08) 4px,transparent 4px,transparent 8px)}}:root[data-theme~=super2026][data-mode=dark],[data-theme~=super2026][data-mode=dark]{:is(main,article){& h1:not([data-gradient-text]){-webkit-text-stroke-color:oklch(80% .005 80);border-block-end-color:#43494d}& h2{border-block-end-color:#363b3f}& h3{border-block-end-color:#363b3f}& code{background:var(--color-surface-raised);border-color:#363b3f}& th{background:var(--color-surface-raised);color:var(--color-text)}.card:before,layout-card:before{mix-blend-mode:screen}.button:before,button:before{background:oklch(from var(--color-primary) calc(l + .1) c h)}}:is(main,article) code-block{--cb-header-bg: oklch(12% .008 240);--cb-border-color: oklch(28% .01 240);--cb-label-color: oklch(54% .005 80);--cb-comment: oklch(45% .005 80);--cb-keyword: oklch(68% .28 18);--cb-function: oklch(72% .18 256);--cb-button-bg: oklch(12% .008 240);--cb-button-color: oklch(54% .005 80);--cb-button-border: 1px solid oklch(35% .008 240);--cb-scrollbar-thumb: oklch(40% .008 240)}:is(main,article) browser-window{--browser-window-border-color: oklch(28% .01 240);--browser-window-text-muted: oklch(54% .005 80);--browser-window-url-bg: oklch(12% .008 240)}& calendar-wc{--cal-banner-bg: var(--_sg2-red);--cal-header-bg: oklch(8% .006 240);--cal-header-color: oklch(85% .005 80);--cal-week-bg-alt: oklch(14% .005 240);--cal-today-bg: oklch(18% .03 18);--cal-today-border: var(--_sg2-red);--cal-watermark-color: oklch(60% .008 240);--cal-outside-color: oklch(40% .005 240)}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=super2026],[data-theme~=super2026]{color-scheme:light;--theme-border-style: sharp;--hue-primary: 18;--hue-secondary: 256;--hue-accent: 90;--color-primary: oklch(52% .27 18);--caret-color: var(--color-primary);--color-primary-hover: oklch(58% .28 18);--color-primary-active: oklch(44% .24 18);--color-primary-subtle: oklch(94% .04 18);--color-secondary: oklch(44% .22 256);--color-secondary-hover: oklch(50% .24 256);--color-secondary-subtle: oklch(93% .04 256);--color-accent: oklch(80% .2 90);--color-accent-hover: oklch(74% .2 90);--color-accent-subtle: oklch(95% .06 90);--color-background: oklch(97% .006 80);--color-surface: oklch(94% .008 80);--color-surface-alt: oklch(91% .01 80);--color-surface-raised: oklch(99.5% .002 80);--color-surface-sunken: oklch(90% .012 80);--color-text: oklch(12% .008 240);--color-text-muted: oklch(40% .006 240);--color-text-subtle: oklch(58% .004 240);--color-text-inverted: oklch(97% .006 80);--color-text-on-primary: oklch(99% .002 80);--color-border: oklch(75% .008 240);--color-border-strong: oklch(12% .008 240);--color-border-subtle: oklch(86% .006 240);--color-border-muted: oklch(82% .007 240);--color-success: oklch(52% .18 155);--color-success-subtle: oklch(94% .04 155);--color-success-text: oklch(34% .12 155);--color-warning: oklch(68% .16 75);--color-warning-subtle: oklch(94% .06 75);--color-warning-text: oklch(38% .12 75);--color-error: oklch(52% .24 18);--color-error-subtle: oklch(94% .05 18);--color-error-text: oklch(36% .16 18);--color-info: oklch(48% .16 256);--color-info-subtle: oklch(94% .04 256);--color-info-text: oklch(32% .12 256);--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 0 1px 2px oklch(12% .008 240 / .06);--shadow-s: 0 1px 3px oklch(12% .008 240 / .12), 0 1px 2px oklch(12% .008 240 / .08);--shadow-m: 0 4px 6px oklch(12% .008 240 / .14), 0 2px 4px oklch(12% .008 240 / .1);--shadow-l: 0 10px 20px oklch(12% .008 240 / .16), 0 4px 6px oklch(12% .008 240 / .1);--shadow-xl: 0 20px 30px oklch(12% .008 240 / .18), 0 8px 12px oklch(12% .008 240 / .12);--shadow-2xl: 0 30px 50px oklch(12% .008 240 / .22);--font-sans: "Barlow Condensed", system-ui, sans-serif;--font-serif: "Barlow Condensed", serif;--font-mono: "Space Mono", monospace;--font-display: "Big Shoulders Display", "Barlow Condensed", sans-serif;--font-heading: "Big Shoulders Display", "Barlow Condensed", sans-serif;--font-body: "Barlow Condensed", system-ui, sans-serif;--font-code: "Space Mono", monospace;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .35s;--duration-slower: .6s;--motion-enter-duration: .5s;--motion-exit-duration: .25s;--motion-stagger-delay: 60ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-snappy: cubic-bezier(.4, 0, .2, 1);--motion-elastic: cubic-bezier(.68, -.55, .265, 1.55);--motion-smooth: cubic-bezier(.25, .1, .25, 1);--motion-hover-lift: translateY(-4px);--motion-hover-scale: scale(1.04);--glass-blur: 10px;--glass-opacity: .12;--page-bg-color: oklch(94% .008 80);--page-bg-gradient: repeating-linear-gradient( 90deg, oklch(12% .008 240 / .04) 0px, oklch(12% .008 240 / .04) 1px, transparent 1px, transparent calc(100% / 12) ), repeating-linear-gradient( 0deg, oklch(12% .008 240 / .03) 0px, oklch(12% .008 240 / .03) 1px, transparent 1px, transparent 6rem );--page-bg-size: 100% 100%;--_sg2-red: oklch(52% .27 18);--_sg2-blue: oklch(44% .22 256);--_sg2-gold: oklch(80% .2 90);--_sg2-ink: oklch(12% .008 240);--_sg2-wall: oklch(97% .006 80);--_sg2-rule: 4px solid var(--_sg2-ink);--_sg2-rule-sm: 2px solid var(--_sg2-ink);--_sg2-rule-heavy: 8px solid var(--_sg2-ink);--control-size: 1.25rem;--control-border: var(--_sg2-ink);--control-checked-bg: oklch(52% .27 18);--control-checked-border: var(--_sg2-ink);--input-border: var(--_sg2-ink);--input-bg: oklch(100% 0 0);--input-border-focus: oklch(52% .27 18);--range-track-h: .5rem;--range-track-bg: oklch(85% .01 80);--range-track-fill: oklch(52% .27 18);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: var(--_sg2-ink);--progress-track-bg: oklch(90% .01 80);--progress-fill: oklch(52% .27 18)}:root[data-theme~=super2026][data-mode=dark],[data-theme~=super2026][data-mode=dark]{color-scheme:dark;--color-primary: oklch(62% .28 18);--color-primary-hover: oklch(68% .28 18);--color-primary-active: oklch(54% .24 18);--color-primary-subtle: oklch(22% .08 18);--color-secondary: oklch(60% .22 256);--color-secondary-hover: oklch(66% .24 256);--color-secondary-subtle: oklch(20% .08 256);--color-accent: oklch(78% .22 90);--color-accent-hover: oklch(84% .22 90);--color-accent-subtle: oklch(22% .08 90);--color-background: oklch(11% .006 240);--color-surface: oklch(15% .007 240);--color-surface-alt: oklch(18% .008 240);--color-surface-raised: oklch(20% .008 240);--color-surface-sunken: oklch(8% .005 240);--color-text: oklch(96% .004 80);--color-text-muted: oklch(72% .006 80);--color-text-subtle: oklch(54% .005 80);--color-text-inverted: oklch(12% .008 240);--color-text-on-primary: oklch(99% .002 80);--color-border: oklch(28% .01 240);--color-border-strong: oklch(60% .01 240);--color-border-subtle: oklch(20% .008 240);--color-border-muted: oklch(24% .009 240);--color-success: oklch(62% .18 155);--color-success-subtle: oklch(20% .06 155);--color-success-text: oklch(75% .14 155);--color-warning: oklch(78% .16 75);--color-warning-subtle: oklch(22% .08 75);--color-warning-text: oklch(82% .12 75);--color-error: oklch(62% .24 18);--color-error-subtle: oklch(20% .08 18);--color-error-text: oklch(75% .18 18);--color-info: oklch(62% .16 256);--color-info-subtle: oklch(20% .06 256);--color-info-text: oklch(75% .12 256);--shadow-xs: 0 1px 2px oklch(5% .005 240 / .4);--shadow-s: 0 1px 3px oklch(5% .005 240 / .5), 0 1px 2px oklch(5% .005 240 / .4);--shadow-m: 0 4px 6px oklch(5% .005 240 / .5), 0 2px 4px oklch(5% .005 240 / .4);--shadow-l: 0 10px 20px oklch(5% .005 240 / .55), 0 4px 6px oklch(5% .005 240 / .4);--shadow-xl: 0 20px 30px oklch(5% .005 240 / .6);--shadow-2xl: 0 30px 50px oklch(5% .005 240 / .65);--page-bg-color: oklch(11% .006 240);--page-bg-gradient: linear-gradient( 160deg, oklch(14% .01 240) 0%, oklch(10% .006 250) 100% );--_sg2-wall: oklch(11% .006 240);--_sg2-rule: 4px solid oklch(35% .01 240);--_sg2-rule-sm: 2px solid oklch(30% .009 240);--_sg2-rule-heavy: 8px solid oklch(40% .01 240);--_sg2-red: oklch(62% .28 18);--_sg2-blue: oklch(60% .22 256);--_sg2-gold: oklch(78% .22 90);--_sg2-ink: oklch(60% .01 240);--scrollbar-thumb: oklch(45% .008 240);--scrollbar-track: oklch(18% .007 240);--input-bg: oklch(15% .007 240);--input-border: oklch(35% .01 240);--input-border-focus: oklch(62% .28 18);--control-border: oklch(60% .01 240);--control-checked-bg: oklch(62% .28 18);--control-checked-border: oklch(60% .01 240);--range-track-bg: oklch(25% .008 240);--range-track-fill: oklch(62% .28 18);--range-thumb-bg: oklch(15% .007 240);--range-thumb-border: oklch(60% .01 240);--progress-track-bg: oklch(22% .007 240);--progress-fill: oklch(62% .28 18)}:root[data-theme~=super2026],[data-theme~=super2026]{--border-width-thin: 2px;--border-width-medium: 4px;--border-width-thick: 8px}:root[data-theme~=super2026],[data-theme~=super2026]{:is(main,article){:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95}& h1:not([data-gradient-text]){-webkit-text-stroke:3px var(--_sg2-ink);color:transparent;border-block-end:var(--_sg2-rule-heavy);padding-block-end:.5rem;margin-block-end:1.5rem}& h4{color:var(--_sg2-red)}& h2{color:var(--_sg2-blue);border-block-end:var(--_sg2-rule);padding-block-end:.4rem}& h3{border-block-end:3px solid var(--_sg2-gold);padding-block-end:.3rem}& hr:not([data-ornament]){border:none;height:6px;background:var(--_sg2-ink);margin-block:2.5rem}& hr:not([data-ornament]):nth-of-type(3n+2){background:var(--_sg2-red);height:8px}& hr:not([data-ornament]):nth-of-type(3n+3){background:var(--_sg2-blue)}& a:not([class]):not(nav a){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600;&:hover{background:var(--color-primary);color:var(--color-text-on-primary);text-decoration:none;padding-inline:.15em;margin-inline:-.15em}}.button,button{position:relative;overflow:hidden;font-family:var(--font-display);font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-width:2px;transition:transform var(--duration-fast) var(--motion-bounce),box-shadow var(--duration-fast) var(--motion-snappy);&:before{content:"";position:absolute;inset-block-start:50%;inset-inline-end:0;translate:50% -50%;width:200%;aspect-ratio:1;border-radius:50%;background:oklch(from var(--color-primary) calc(l - .08) c h);scale:0;transition:scale .25s cubic-bezier(.16,1,.3,1);z-index:-1}&:hover{transform:var(--motion-hover-lift);box-shadow:var(--shadow-m)}&:hover:before{scale:1}&:active{transform:translateY(1px)}}.button.secondary,button.secondary{border-color:var(--_sg2-ink);border-width:2px;&:before{background:var(--_sg2-blue)}&:hover{background:var(--color-secondary);color:var(--color-text-on-primary);border-color:var(--color-secondary)}}.button.ghost,button.ghost{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;&:before{background:var(--_sg2-gold)}}.card{position:relative;overflow:hidden;border:var(--_sg2-rule-sm);border-block-start:5px solid var(--_sg2-red);&:before{content:"";position:absolute;inset-block-start:-50%;inset-inline-end:-50%;width:120%;aspect-ratio:1;border-radius:50%;background:var(--_sg2-red);opacity:.06;pointer-events:none;transition:opacity .2s,scale .3s}&:hover{transform:var(--motion-hover-lift);box-shadow:var(--shadow-l)}&:hover:before{opacity:.12;scale:1.1}}.card:nth-child(3n+2){border-block-start-color:var(--_sg2-blue)}.card:nth-child(3n+2):before{background:var(--_sg2-blue)}.card:nth-child(3n+3){border-block-start-color:var(--_sg2-gold)}.card:nth-child(3n+3):before{background:var(--_sg2-gold);opacity:.08}& blockquote{border-inline-start:var(--_sg2-rule-heavy);border-inline-start-color:var(--_sg2-red);padding-inline-start:1.5rem;font-style:normal;&:before{content:'"';font-family:var(--font-display);font-size:4rem;font-weight:900;line-height:1;display:block;color:var(--_sg2-red);margin-block-end:.5rem}}& code{background:var(--color-accent-subtle);border:1.5px solid var(--_sg2-ink);font-weight:700}& pre{background:var(--_sg2-ink);color:var(--_sg2-wall);border:var(--_sg2-rule);& code{background:transparent;border:none;color:inherit;font-weight:400}}& th{background:var(--_sg2-ink);color:var(--_sg2-wall);font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.85em}& td{border-color:var(--_sg2-ink)}& summary{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-block-end:var(--_sg2-rule-sm)}.lead,.tagline{font-weight:400;letter-spacing:.02em}.badge,small{font-family:var(--font-display);font-weight:900;letter-spacing:.1em;text-transform:uppercase}& input:not([type=checkbox]):not([type=radio]),textarea,select{border:var(--_sg2-rule-sm);&:focus{border-color:var(--_sg2-red);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .18)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--_sg2-ink)}& select:not([multiple]):open{border-color:var(--_sg2-red);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .18)}& select:not([multiple])::picker(select){border:var(--_sg2-rule-sm);border-block-start:4px solid var(--_sg2-red);transition-timing-function:var(--motion-elastic)}& select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;letter-spacing:.08em;color:var(--_sg2-blue)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--_sg2-ink)}& select:not([multiple]) option:hover{background:var(--color-accent-subtle)}& select:not([multiple]) option:checked{color:var(--_sg2-red);font-weight:700}& select:not([multiple]) option::checkmark{color:var(--_sg2-red)}}}:is(main,article) layout-card{position:relative;overflow:hidden;border:var(--_sg2-rule-sm);border-block-start:5px solid var(--_sg2-red);&:before{content:"";position:absolute;inset-block-start:-50%;inset-inline-end:-50%;width:120%;aspect-ratio:1;border-radius:50%;background:var(--_sg2-red);opacity:.06;pointer-events:none;transition:opacity .2s,scale .3s}&:hover:before{opacity:.12;scale:1.1}&:nth-child(3n+2){border-block-start-color:var(--_sg2-blue)}&:nth-child(3n+2):before{background:var(--_sg2-blue)}&:nth-child(3n+3){border-block-start-color:var(--_sg2-gold)}&:nth-child(3n+3):before{background:var(--_sg2-gold);opacity:.08}}:is(main,article) code-block{--cb-bg: var(--_sg2-ink);--cb-code-bg: var(--_sg2-ink);--cb-header-bg: oklch(18% .01 240);--cb-text-color: var(--_sg2-wall);--cb-border-color: oklch(25% .01 240);--cb-border-radius: 0;--cb-label-color: oklch(60% 0 0);--cb-comment: oklch(50% 0 0);--cb-keyword: oklch(62% .28 18);--cb-string: var(--_sg2-gold);--cb-function: oklch(70% .15 256);--cb-number: var(--_sg2-gold);--cb-button-bg: oklch(18% .01 240);--cb-button-color: oklch(60% 0 0);--cb-button-border: 1px solid oklch(30% 0 0);--cb-button-hover-bg: var(--_sg2-red);--cb-scrollbar-track: var(--_sg2-ink);--cb-scrollbar-thumb: oklch(35% 0 0)}:is(main,article) browser-window{--browser-window-header-bg: var(--_sg2-ink);--browser-window-content-bg: var(--color-surface-raised);--browser-window-border-color: oklch(25% .01 240);--browser-window-border-radius: 0;--browser-window-text-muted: oklch(60% 0 0);--browser-window-url-bg: oklch(18% .01 240)}::selection{background:var(--color-primary);color:var(--_sg2-wall)}--scrollbar-thumb: oklch(40% .006 240);--scrollbar-track: oklch(91% .01 80);& calendar-wc{--cal-banner-height: .5rem;--cal-banner-bg: var(--_sg2-red);--cal-header-bg: var(--_sg2-ink);--cal-header-color: var(--_sg2-wall);--cal-week-bg: transparent;--cal-week-bg-alt: oklch(93% .006 80);--cal-disabled-opacity: .55;--cal-outside-opacity: .3;--cal-outside-color: oklch(50% .006 240);--cal-today-bg: oklch(96% .01 18);--cal-today-border: var(--_sg2-red);--cal-today-shadow: none;--cal-watermark-opacity: .06;--cal-watermark-color: var(--_sg2-ink);--cal-watermark-size: 3.5rem;--cal-watermark-weight: 900;--cal-highlight-bg: oklch(from var(--_sg2-gold) l c h / .1);--cal-highlight-border: oklch(from var(--_sg2-gold) l c h / .3)}& calendar-wc[data-month="1"],calendar-wc[data-month="4"],calendar-wc[data-month="7"],calendar-wc[data-month="10"]{--cal-banner-bg: var(--_sg2-red)}& calendar-wc[data-month="2"],calendar-wc[data-month="5"],calendar-wc[data-month="8"],calendar-wc[data-month="11"]{--cal-banner-bg: var(--_sg2-blue)}& calendar-wc[data-month="3"],calendar-wc[data-month="6"],calendar-wc[data-month="9"],calendar-wc[data-month="12"]{--cal-banner-bg: var(--_sg2-gold)}& calendar-wc td button[data-highlight=holiday]{background:repeating-linear-gradient(-45deg,oklch(from var(--_sg2-gold) l c h / .08),oklch(from var(--_sg2-gold) l c h / .08) 4px,transparent 4px,transparent 8px)}}:root[data-theme~=super2026][data-mode=dark],[data-theme~=super2026][data-mode=dark]{:is(main,article){& h1:not([data-gradient-text]){-webkit-text-stroke-color:oklch(80% .005 80);border-block-end-color:#43494d}& h2{border-block-end-color:#363b3f}& h3{border-block-end-color:#363b3f}& code{background:var(--color-surface-raised);border-color:#363b3f}& th{background:var(--color-surface-raised);color:var(--color-text)}.card:before,layout-card:before{mix-blend-mode:screen}.button:before,button:before{background:oklch(from var(--color-primary) calc(l + .1) c h)}}:is(main,article) code-block{--cb-header-bg: oklch(12% .008 240);--cb-border-color: oklch(28% .01 240);--cb-label-color: oklch(54% .005 80);--cb-comment: oklch(45% .005 80);--cb-keyword: oklch(68% .28 18);--cb-function: oklch(72% .18 256);--cb-button-bg: oklch(12% .008 240);--cb-button-color: oklch(54% .005 80);--cb-button-border: 1px solid oklch(35% .008 240);--cb-scrollbar-thumb: oklch(40% .008 240)}:is(main,article) browser-window{--browser-window-border-color: oklch(28% .01 240);--browser-window-text-muted: oklch(54% .005 80);--browser-window-url-bg: oklch(12% .008 240)}& calendar-wc{--cal-banner-bg: var(--_sg2-red);--cal-header-bg: oklch(8% .006 240);--cal-header-color: oklch(85% .005 80);--cal-week-bg-alt: oklch(14% .005 240);--cal-today-bg: oklch(18% .03 18);--cal-today-border: var(--_sg2-red);--cal-watermark-color: oklch(60% .008 240);--cal-outside-color: oklch(40% .005 240)}}}
 /*# sourceMappingURL=super2026.css.map */

package/dist/cdn/themes/super2026.tokens.json

@@ -492,7 +492,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": [
           {
@@ -543,7 +543,7 @@
           }
         ]
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": [
           {
@@ -594,7 +594,7 @@
           }
         ]
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": [
           {
@@ -816,7 +816,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.1",
+      "vbVersion": "0.4.0",
       "seedDerivation": true,
       "unmapped": [
         "--theme-border-style",

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

@@ -360,7 +360,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.1",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--input-bg",
         "--input-border",

package/dist/cdn/themes/swiss.css

@@ -1,2 +1,2 @@
-:root[data-theme~=swiss],[data-theme~=swiss]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-surface: white;--color-surface-alt: oklch(98% 0 0);--color-surface-raised: oklch(96% 0 0);--color-surface-sunken: oklch(95% 0 0);--color-background: white;--color-text: oklch(15% 0 0);--color-text-muted: oklch(40% 0 0);--color-text-subtle: oklch(55% 0 0);--color-primary: oklch(50% .25 25);--color-primary-hover: oklch(45% .25 25);--color-primary-subtle: oklch(95% .05 25);--color-accent: oklch(15% 0 0);--color-accent-hover: oklch(25% 0 0);--color-border: oklch(85% 0 0);--color-border-muted: oklch(92% 0 0);--color-border-strong: oklch(15% 0 0);--color-success: oklch(45% .18 145);--color-success-subtle: oklch(95% .04 145);--color-success-text: oklch(30% .12 145);--color-warning: oklch(65% .16 70);--color-warning-subtle: oklch(95% .06 70);--color-warning-text: oklch(35% .12 70);--color-error: oklch(50% .25 25);--color-error-subtle: oklch(95% .05 25);--color-error-text: oklch(35% .15 25);--color-info: oklch(50% .14 240);--color-info-subtle: oklch(95% .04 240);--color-info-text: oklch(30% .12 240);--color-hover-bg: var(--color-primary-subtle);--color-hover-text: var(--color-primary);--color-active-text: var(--color-primary);--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", Monaco, Consolas, monospace;--line-height-normal: 1.5;--line-height-tight: 1.1;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .1em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .2s;--ease-default: ease;--ease-out: ease-out;--control-border: oklch(0% 0 0);--input-border: oklch(70% 0 0);--input-bg: oklch(100% 0 0);--range-track-bg: oklch(85% 0 0);--range-thumb-border: var(--color-primary);--progress-track-bg: oklch(90% 0 0)}:root[data-theme~=swiss],[data-theme~=swiss]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:2px solid oklch(15% 0 0);margin-block:3rem}& h1,h2{text-transform:uppercase;letter-spacing:.05em}& a:not([class]):not(nav a){color:var(--color-primary);text-decoration:none;border-block-end:1px solid currentColor;&:hover{border-block-end-width:2px}}}&[data-debug-grid]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to right,oklch(50% .25 25 / .1) 0,oklch(50% .25 25 / .1) 1px,transparent 1px,transparent calc(100% / 12));z-index:9999}:is(main,article){& article:not(.card):not(layout-sidebar>*):not([data-layout]):not([data-stagger]):not([data-effect]){max-width:60ch;>p:first-of-type{font-size:1.25rem;line-height:1.4}>p:first-of-type:first-letter{font-size:3.5rem;float:left;line-height:1;margin-inline-end:.5rem;font-weight:700}}& blockquote{border-inline-start-width:3px;border-color:var(--color-primary);padding-inline-start:1.5rem;font-style:normal;font-weight:500}.button,button{text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;border:2px solid currentColor}.card{border:1px solid oklch(15% 0 0)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-string: oklch(35% .12 145);--cb-function: oklch(30% .12 290);--cb-number: oklch(40% .12 250);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle);--cb-button-hover-color: var(--color-primary)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong);--browser-window-hover-bg: var(--color-primary-subtle);--browser-window-accent-color: var(--color-primary)}& nav.breadcrumb [aria-current=page]{color:var(--color-primary)}& nav.tree{& summary{color:var(--color-text)}& summary:before{color:var(--color-primary);background:var(--color-primary-subtle)}& summary:hover{background:var(--color-primary-subtle)}& summary:hover:before{background:var(--color-primary);color:#fff}}& page-toc .summary:before{color:var(--color-primary);background:var(--color-primary-subtle)}& page-toc .summary:hover:before{background:var(--color-primary);color:#fff}}:root[data-theme~=swiss][data-mode=dark],[data-theme~=swiss][data-mode=dark]{color-scheme:dark;--color-surface: oklch(12% 0 0);--color-surface-alt: oklch(15% 0 0);--color-surface-raised: oklch(18% 0 0);--color-surface-sunken: oklch(6% 0 0);--color-background: oklch(8% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(55% 0 0);--color-primary: oklch(62% .25 25);--color-primary-hover: oklch(68% .25 25);--color-primary-subtle: oklch(22% .08 25);--color-success: oklch(60% .18 145);--color-success-subtle: oklch(22% .06 145);--color-success-text: oklch(75% .12 145);--color-warning: oklch(75% .16 70);--color-warning-subtle: oklch(22% .08 70);--color-warning-text: oklch(80% .12 70);--color-error: oklch(62% .25 25);--color-error-subtle: oklch(22% .06 25);--color-error-text: oklch(75% .18 25);--color-info: oklch(60% .14 240);--color-info-subtle: oklch(22% .06 240);--color-info-text: oklch(75% .12 240);--color-hover-bg: var(--color-primary-subtle);--color-hover-text: var(--color-primary);--color-active-text: var(--color-primary);--color-accent: oklch(90% 0 0);--color-accent-hover: oklch(80% 0 0);--color-border: oklch(30% 0 0);--color-border-muted: oklch(20% 0 0);--color-border-strong: oklch(95% 0 0);--input-bg: oklch(12% 0 0);--input-border: oklch(30% 0 0);--input-border-focus: var(--color-primary);--control-border: oklch(70% 0 0);--range-track-bg: oklch(25% 0 0);--range-thumb-border: var(--color-primary);--progress-track-bg: oklch(25% 0 0);:is(main,article) code-block{--cb-bg: oklch(8% 0 0);--cb-code-bg: oklch(8% 0 0);--cb-header-bg: oklch(12% 0 0);--cb-text-color: oklch(90% 0 0);--cb-border-color: var(--color-border-strong);--cb-comment: oklch(55% 0 0);--cb-string: oklch(72% .12 145);--cb-function: oklch(72% .1 290);--cb-number: oklch(70% .1 250);--cb-tag: oklch(65% 0 0);--cb-button-bg: oklch(12% 0 0);--cb-button-color: oklch(70% 0 0);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(8% 0 0);--cb-scrollbar-thumb: oklch(30% 0 0)}:is(main,article) code{background:#0b0b0b;border-color:#2e2e2e}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=swiss],[data-theme~=swiss]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-surface: white;--color-surface-alt: oklch(98% 0 0);--color-surface-raised: oklch(96% 0 0);--color-surface-sunken: oklch(95% 0 0);--color-background: white;--color-text: oklch(15% 0 0);--color-text-muted: oklch(40% 0 0);--color-text-subtle: oklch(55% 0 0);--color-primary: oklch(50% .25 25);--color-primary-hover: oklch(45% .25 25);--color-primary-subtle: oklch(95% .05 25);--color-accent: oklch(15% 0 0);--color-accent-hover: oklch(25% 0 0);--color-border: oklch(85% 0 0);--color-border-muted: oklch(92% 0 0);--color-border-strong: oklch(15% 0 0);--color-success: oklch(45% .18 145);--color-success-subtle: oklch(95% .04 145);--color-success-text: oklch(30% .12 145);--color-warning: oklch(65% .16 70);--color-warning-subtle: oklch(95% .06 70);--color-warning-text: oklch(35% .12 70);--color-error: oklch(50% .25 25);--color-error-subtle: oklch(95% .05 25);--color-error-text: oklch(35% .15 25);--color-info: oklch(50% .14 240);--color-info-subtle: oklch(95% .04 240);--color-info-text: oklch(30% .12 240);--color-hover-bg: var(--color-primary-subtle);--color-hover-text: var(--color-primary);--color-active-text: var(--color-primary);--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", Monaco, Consolas, monospace;--line-height-normal: 1.5;--line-height-tight: 1.1;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .1em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-s: none;--shadow-m: none;--shadow-l: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .2s;--ease-default: ease;--ease-out: ease-out;--control-border: oklch(0% 0 0);--input-border: oklch(70% 0 0);--input-bg: oklch(100% 0 0);--range-track-bg: oklch(85% 0 0);--range-thumb-border: var(--color-primary);--progress-track-bg: oklch(90% 0 0)}:root[data-theme~=swiss],[data-theme~=swiss]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:2px solid oklch(15% 0 0);margin-block:3rem}& h1,h2{text-transform:uppercase;letter-spacing:.05em}& a:not([class]):not(nav a){color:var(--color-primary);text-decoration:none;border-block-end:1px solid currentColor;&:hover{border-block-end-width:2px}}}&[data-debug-grid]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to right,oklch(50% .25 25 / .1) 0,oklch(50% .25 25 / .1) 1px,transparent 1px,transparent calc(100% / 12));z-index:9999}:is(main,article){& article:not(.card):not(layout-sidebar>*):not([data-layout]):not([data-stagger]):not([data-effect]){max-width:60ch;>p:first-of-type{font-size:1.25rem;line-height:1.4}>p:first-of-type:first-letter{font-size:3.5rem;float:left;line-height:1;margin-inline-end:.5rem;font-weight:700}}& blockquote{border-inline-start-width:3px;border-color:var(--color-primary);padding-inline-start:1.5rem;font-style:normal;font-weight:500}.button,button{text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;border:2px solid currentColor}.card{border:1px solid oklch(15% 0 0)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-string: oklch(35% .12 145);--cb-function: oklch(30% .12 290);--cb-number: oklch(40% .12 250);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle);--cb-button-hover-color: var(--color-primary)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong);--browser-window-hover-bg: var(--color-primary-subtle);--browser-window-accent-color: var(--color-primary)}& nav.breadcrumb [aria-current=page]{color:var(--color-primary)}& nav.tree{& summary{color:var(--color-text)}& summary:before{color:var(--color-primary);background:var(--color-primary-subtle)}& summary:hover{background:var(--color-primary-subtle)}& summary:hover:before{background:var(--color-primary);color:#fff}}& page-toc .summary:before{color:var(--color-primary);background:var(--color-primary-subtle)}& page-toc .summary:hover:before{background:var(--color-primary);color:#fff}}:root[data-theme~=swiss][data-mode=dark],[data-theme~=swiss][data-mode=dark]{color-scheme:dark;--color-surface: oklch(12% 0 0);--color-surface-alt: oklch(15% 0 0);--color-surface-raised: oklch(18% 0 0);--color-surface-sunken: oklch(6% 0 0);--color-background: oklch(8% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(55% 0 0);--color-primary: oklch(62% .25 25);--color-primary-hover: oklch(68% .25 25);--color-primary-subtle: oklch(22% .08 25);--color-success: oklch(60% .18 145);--color-success-subtle: oklch(22% .06 145);--color-success-text: oklch(75% .12 145);--color-warning: oklch(75% .16 70);--color-warning-subtle: oklch(22% .08 70);--color-warning-text: oklch(80% .12 70);--color-error: oklch(62% .25 25);--color-error-subtle: oklch(22% .06 25);--color-error-text: oklch(75% .18 25);--color-info: oklch(60% .14 240);--color-info-subtle: oklch(22% .06 240);--color-info-text: oklch(75% .12 240);--color-hover-bg: var(--color-primary-subtle);--color-hover-text: var(--color-primary);--color-active-text: var(--color-primary);--color-accent: oklch(90% 0 0);--color-accent-hover: oklch(80% 0 0);--color-border: oklch(30% 0 0);--color-border-muted: oklch(20% 0 0);--color-border-strong: oklch(95% 0 0);--input-bg: oklch(12% 0 0);--input-border: oklch(30% 0 0);--input-border-focus: var(--color-primary);--control-border: oklch(70% 0 0);--range-track-bg: oklch(25% 0 0);--range-thumb-border: var(--color-primary);--progress-track-bg: oklch(25% 0 0);:is(main,article) code-block{--cb-bg: oklch(8% 0 0);--cb-code-bg: oklch(8% 0 0);--cb-header-bg: oklch(12% 0 0);--cb-text-color: oklch(90% 0 0);--cb-border-color: var(--color-border-strong);--cb-comment: oklch(55% 0 0);--cb-string: oklch(72% .12 145);--cb-function: oklch(72% .1 290);--cb-number: oklch(70% .1 250);--cb-tag: oklch(65% 0 0);--cb-button-bg: oklch(12% 0 0);--cb-button-color: oklch(70% 0 0);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(8% 0 0);--cb-scrollbar-thumb: oklch(30% 0 0)}:is(main,article) code{background:#0b0b0b;border-color:#2e2e2e}}}
 /*# sourceMappingURL=swiss.css.map */

package/dist/cdn/themes/swiss.tokens.json

@@ -517,7 +517,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -547,7 +547,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -577,7 +577,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -734,7 +734,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.1",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set",

package/dist/cdn/themes/terminal.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root[data-theme~=terminal],[data-theme~=terminal]{--color-surface: oklch(5% .02 145);--color-surface-alt: oklch(8% .02 145);--color-surface-raised: oklch(12% .02 145);--color-surface-sunken: oklch(3% .01 145);--color-background: oklch(3% .02 145);--color-text: oklch(75% .2 145);--color-text-muted: oklch(60% .15 145);--color-text-subtle: oklch(50% .12 145);--color-primary: oklch(80% .22 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(85% .25 145);--color-primary-subtle: oklch(20% .08 145);--color-accent: oklch(75% .15 60);--color-accent-hover: oklch(80% .18 60);--color-border: oklch(30% .1 145);--color-border-muted: oklch(20% .05 145);--color-border-strong: oklch(75% .2 145);--color-success: oklch(75% .2 145);--color-success-subtle: oklch(18% .06 145);--color-success-text: oklch(80% .18 145);--color-warning: oklch(75% .15 60);--color-warning-subtle: oklch(18% .06 60);--color-warning-text: oklch(80% .12 60);--color-error: oklch(62% .2 25);--color-error-subtle: oklch(18% .08 25);--color-error-text: oklch(72% .18 25);--color-info: oklch(68% .15 220);--color-info-subtle: oklch(18% .06 220);--color-info-text: oklch(75% .12 220);--_terminal-glow-green: 0 0 10px oklch(75% .2 145 / .5), 0 0 20px oklch(75% .2 145 / .3), 0 0 30px oklch(75% .2 145 / .1);--_terminal-glow-text: 0 0 5px currentColor;--font-sans: "VT323", "Courier New", Courier, monospace;--font-mono: "VT323", "Courier New", Courier, monospace;--font-size-adjust: .48;--line-height-normal: 1.4;--line-height-tight: 1.2;--letter-spacing-normal: .05em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-sm: none;--shadow-md: var(--_terminal-glow-green);--shadow-lg: var(--_terminal-glow-green);--shadow-xl: var(--_terminal-glow-green);--shadow-2xl: var(--_terminal-glow-green);--duration-instant: 0ms;--duration-fast: 50ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(1);--ease-out: steps(1);--control-border: oklch(80% .22 145);--control-checked-bg: oklch(80% .22 145);--control-checked-border: oklch(80% .22 145);--input-bg: oklch(3% .01 145);--input-border: oklch(40% .08 145);--input-border-focus: oklch(80% .22 145);--range-track-bg: oklch(20% .04 145);--range-track-fill: oklch(80% .22 145);--range-thumb-bg: oklch(5% .02 145);--range-thumb-border: oklch(80% .22 145);--progress-track-bg: oklch(15% .03 145);--progress-fill: oklch(80% .22 145)}:root[data-theme~=terminal]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 1px,oklch(0% 0 0 / .1) 2px,oklch(0% 0 0 / .1) 3px);z-index:500}:root[data-theme~=terminal]:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,oklch(0% 0 0 / .4) 100%);z-index:499}:root[data-theme~=terminal],[data-theme~=terminal]{:is(main,article){& h1:before,h2:before,h3:before{color:var(--color-accent)}& h1{text-transform:uppercase;&:before{content:"root@system:~# "}}& h2:before{content:"$ "}& h3:before{content:"> "}.card>h3:before{content:none}& h1:after,h2:after{content:"\2588";animation:blink 1s steps(1) infinite}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}:is(main,article){& a:not([class]){color:var(--color-accent);text-decoration:none;&:before{content:"["}&:after{content:"]"}&:hover{background:var(--color-accent);color:var(--color-background)}}}:is(main,article){& hr:not([data-ornament]){border:none;height:auto;margin-block:1.5rem;color:var(--color-border-strong);&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";display:block;overflow:hidden;white-space:nowrap}}.button,button{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);text-transform:uppercase;font-family:var(--font-mono);padding-inline:var(--size-xs);&:before{content:"[ "}&:after{content:" ]"}&:hover{background:var(--color-primary);color:var(--color-background);text-shadow:none}}.card{border:1px solid var(--color-border-strong);background:var(--color-surface);position:relative;padding-block-start:2rem;&:before{content:"\250c\2500  TERMINAL \2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2510";position:absolute;top:0;left:0;right:0;padding:.25rem .5rem;background:var(--color-surface-raised);border-block-end:1px solid var(--color-border-strong);font-size:.75rem;color:var(--color-text-muted)}}& input,textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-mono);&::placeholder{color:var(--color-text-subtle)}&:focus{outline:none;box-shadow:var(--_terminal-glow-green)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-primary)}& select:not([multiple]):open{box-shadow:var(--_terminal-glow-green)}& select:not([multiple])::picker(select){background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);box-shadow:var(--_terminal-glow-green)}& select:not([multiple]) option{font-family:var(--font-mono)}& select:not([multiple]) option:hover{background:var(--color-primary);color:var(--color-background)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-mono);color:var(--color-accent)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border-strong)}}& pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);&:before{content:"$ cat script.sh";display:block;color:var(--color-text-muted);margin-block-end:.5rem;padding-block-end:.5rem;border-block-end:1px solid var(--color-border)}}& blockquote{border:1px solid var(--color-accent);background:oklch(15% .05 60 / .2);padding:1rem;&:before{content:"[!] SYSTEM MESSAGE:";display:block;color:var(--color-accent);margin-block-end:.5rem;font-weight:700}}}::selection{background:var(--color-primary);color:var(--color-background);text-shadow:none}:is(main,article){& p:not([class]){&:before{content:"> ";color:var(--color-text-subtle)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-keyword: oklch(80% .22 145);--cb-string: oklch(75% .15 60);--cb-function: oklch(75% .2 145);--cb-number: oklch(75% .15 60);--cb-tag: oklch(75% .15 60);--cb-attribute: oklch(80% .22 145);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: oklch(80% .22 145);--cb-button-hover-color: oklch(3% .02 145)}:is(main,article) browser-window{--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--color-border-strong);--browser-window-hover-bg: oklch(12% .02 145);--browser-window-accent-color: oklch(80% .22 145)}}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .01 80);--color-surface-alt: oklch(93% .015 80);--color-surface-raised: oklch(98% .005 80);--color-surface-sunken: oklch(90% .02 80);--color-background: oklch(97% .01 80);--color-text: oklch(15% .02 145);--color-text-muted: oklch(35% .02 145);--color-text-subtle: oklch(50% .02 145);--color-primary: oklch(35% .15 145);--color-primary-hover: oklch(30% .18 145);--color-primary-subtle: oklch(92% .04 145);--color-accent: oklch(45% .12 60);--color-accent-hover: oklch(40% .15 60);--color-border: oklch(75% .02 145);--color-border-muted: oklch(85% .01 145);--color-border-strong: oklch(35% .1 145);--color-success: oklch(40% .15 145);--color-success-subtle: oklch(93% .04 145);--color-success-text: oklch(30% .12 145);--color-warning: oklch(48% .12 60);--color-warning-subtle: oklch(93% .04 60);--color-warning-text: oklch(35% .1 60);--color-error: oklch(45% .18 25);--color-error-subtle: oklch(93% .05 25);--color-error-text: oklch(32% .14 25);--color-info: oklch(42% .12 220);--color-info-subtle: oklch(93% .04 220);--color-info-text: oklch(30% .1 220);--_terminal-glow-green: none;--_terminal-glow-text: none;--shadow-xs: none;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .08);--shadow-md: 0 2px 6px oklch(0% 0 0 / .1);--shadow-lg: 0 4px 12px oklch(0% 0 0 / .12);--control-border: oklch(35% .15 145);--control-checked-bg: oklch(35% .15 145);--control-checked-border: oklch(35% .15 145);--input-bg: oklch(93% .01 80);--input-border: oklch(70% .03 145);--input-border-focus: oklch(35% .15 145);--range-track-bg: oklch(85% .01 80);--range-track-fill: oklch(35% .15 145);--range-thumb-bg: oklch(97% .01 80);--range-thumb-border: oklch(35% .15 145);--progress-track-bg: oklch(88% .01 80);--progress-fill: oklch(35% .15 145)}:root[data-theme~=terminal][data-mode=light]:before{opacity:0}:root[data-theme~=terminal][data-mode=light]:after{opacity:0}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{:is(main,article) code-block{--cb-keyword: oklch(30% .18 145);--cb-string: oklch(40% .12 60);--cb-function: oklch(30% .16 145);--cb-number: oklch(40% .12 60);--cb-tag: oklch(40% .12 60);--cb-attribute: oklch(30% .18 145);--cb-button-hover-bg: oklch(35% .15 145);--cb-button-hover-color: oklch(97% .01 80)}:is(main,article) browser-window{--browser-window-hover-bg: oklch(93% .015 80);--browser-window-accent-color: oklch(35% .15 145)}}
+@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=terminal],[data-theme~=terminal]{--color-surface: oklch(5% .02 145);--color-surface-alt: oklch(8% .02 145);--color-surface-raised: oklch(12% .02 145);--color-surface-sunken: oklch(3% .01 145);--color-background: oklch(3% .02 145);--color-text: oklch(75% .2 145);--color-text-muted: oklch(60% .15 145);--color-text-subtle: oklch(50% .12 145);--color-primary: oklch(80% .22 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(85% .25 145);--color-primary-subtle: oklch(20% .08 145);--color-accent: oklch(75% .15 60);--color-accent-hover: oklch(80% .18 60);--color-border: oklch(30% .1 145);--color-border-muted: oklch(20% .05 145);--color-border-strong: oklch(75% .2 145);--color-success: oklch(75% .2 145);--color-success-subtle: oklch(18% .06 145);--color-success-text: oklch(80% .18 145);--color-warning: oklch(75% .15 60);--color-warning-subtle: oklch(18% .06 60);--color-warning-text: oklch(80% .12 60);--color-error: oklch(62% .2 25);--color-error-subtle: oklch(18% .08 25);--color-error-text: oklch(72% .18 25);--color-info: oklch(68% .15 220);--color-info-subtle: oklch(18% .06 220);--color-info-text: oklch(75% .12 220);--_terminal-glow-green: 0 0 10px oklch(75% .2 145 / .5), 0 0 20px oklch(75% .2 145 / .3), 0 0 30px oklch(75% .2 145 / .1);--_terminal-glow-text: 0 0 5px currentColor;--font-sans: "VT323", "Courier New", Courier, monospace;--font-mono: "VT323", "Courier New", Courier, monospace;--font-size-adjust: .48;--line-height-normal: 1.4;--line-height-tight: 1.2;--letter-spacing-normal: .05em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-s: none;--shadow-m: var(--_terminal-glow-green);--shadow-l: var(--_terminal-glow-green);--shadow-xl: var(--_terminal-glow-green);--shadow-2xl: var(--_terminal-glow-green);--duration-instant: 0ms;--duration-fast: 50ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(1);--ease-out: steps(1);--control-border: oklch(80% .22 145);--control-checked-bg: oklch(80% .22 145);--control-checked-border: oklch(80% .22 145);--input-bg: oklch(3% .01 145);--input-border: oklch(40% .08 145);--input-border-focus: oklch(80% .22 145);--range-track-bg: oklch(20% .04 145);--range-track-fill: oklch(80% .22 145);--range-thumb-bg: oklch(5% .02 145);--range-thumb-border: oklch(80% .22 145);--progress-track-bg: oklch(15% .03 145);--progress-fill: oklch(80% .22 145)}:root[data-theme~=terminal]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 1px,oklch(0% 0 0 / .1) 2px,oklch(0% 0 0 / .1) 3px);z-index:500}:root[data-theme~=terminal]:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,oklch(0% 0 0 / .4) 100%);z-index:499}:root[data-theme~=terminal],[data-theme~=terminal]{:is(main,article){& h1:before,h2:before,h3:before{color:var(--color-accent)}& h1{text-transform:uppercase;&:before{content:"root@system:~# "}}& h2:before{content:"$ "}& h3:before{content:"> "}.card>h3:before{content:none}& h1:after,h2:after{content:"\2588";animation:blink 1s steps(1) infinite}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}:is(main,article){& a:not([class]){color:var(--color-accent);text-decoration:none;&:before{content:"["}&:after{content:"]"}&:hover{background:var(--color-accent);color:var(--color-background)}}}:is(main,article){& hr:not([data-ornament]){border:none;height:auto;margin-block:1.5rem;color:var(--color-border-strong);&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";display:block;overflow:hidden;white-space:nowrap}}.button,button{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);text-transform:uppercase;font-family:var(--font-mono);padding-inline:var(--size-xs);&:before{content:"[ "}&:after{content:" ]"}&:hover{background:var(--color-primary);color:var(--color-background);text-shadow:none}}.card{border:1px solid var(--color-border-strong);background:var(--color-surface);position:relative;padding-block-start:2rem;&:before{content:"\250c\2500  TERMINAL \2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2510";position:absolute;top:0;left:0;right:0;padding:.25rem .5rem;background:var(--color-surface-raised);border-block-end:1px solid var(--color-border-strong);font-size:.75rem;color:var(--color-text-muted)}}& input,textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-mono);&::placeholder{color:var(--color-text-subtle)}&:focus{outline:none;box-shadow:var(--_terminal-glow-green)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-primary)}& select:not([multiple]):open{box-shadow:var(--_terminal-glow-green)}& select:not([multiple])::picker(select){background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);box-shadow:var(--_terminal-glow-green)}& select:not([multiple]) option{font-family:var(--font-mono)}& select:not([multiple]) option:hover{background:var(--color-primary);color:var(--color-background)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-mono);color:var(--color-accent)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border-strong)}}& pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);&:before{content:"$ cat script.sh";display:block;color:var(--color-text-muted);margin-block-end:.5rem;padding-block-end:.5rem;border-block-end:1px solid var(--color-border)}}& blockquote{border:1px solid var(--color-accent);background:oklch(15% .05 60 / .2);padding:1rem;&:before{content:"[!] SYSTEM MESSAGE:";display:block;color:var(--color-accent);margin-block-end:.5rem;font-weight:700}}}::selection{background:var(--color-primary);color:var(--color-background);text-shadow:none}:is(main,article){& p:not([class]){&:before{content:"> ";color:var(--color-text-subtle)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-keyword: oklch(80% .22 145);--cb-string: oklch(75% .15 60);--cb-function: oklch(75% .2 145);--cb-number: oklch(75% .15 60);--cb-tag: oklch(75% .15 60);--cb-attribute: oklch(80% .22 145);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: oklch(80% .22 145);--cb-button-hover-color: oklch(3% .02 145)}:is(main,article) browser-window{--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--color-border-strong);--browser-window-hover-bg: oklch(12% .02 145);--browser-window-accent-color: oklch(80% .22 145)}}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .01 80);--color-surface-alt: oklch(93% .015 80);--color-surface-raised: oklch(98% .005 80);--color-surface-sunken: oklch(90% .02 80);--color-background: oklch(97% .01 80);--color-text: oklch(15% .02 145);--color-text-muted: oklch(35% .02 145);--color-text-subtle: oklch(50% .02 145);--color-primary: oklch(35% .15 145);--color-primary-hover: oklch(30% .18 145);--color-primary-subtle: oklch(92% .04 145);--color-accent: oklch(45% .12 60);--color-accent-hover: oklch(40% .15 60);--color-border: oklch(75% .02 145);--color-border-muted: oklch(85% .01 145);--color-border-strong: oklch(35% .1 145);--color-success: oklch(40% .15 145);--color-success-subtle: oklch(93% .04 145);--color-success-text: oklch(30% .12 145);--color-warning: oklch(48% .12 60);--color-warning-subtle: oklch(93% .04 60);--color-warning-text: oklch(35% .1 60);--color-error: oklch(45% .18 25);--color-error-subtle: oklch(93% .05 25);--color-error-text: oklch(32% .14 25);--color-info: oklch(42% .12 220);--color-info-subtle: oklch(93% .04 220);--color-info-text: oklch(30% .1 220);--_terminal-glow-green: none;--_terminal-glow-text: none;--shadow-xs: none;--shadow-s: 0 1px 3px oklch(0% 0 0 / .08);--shadow-m: 0 2px 6px oklch(0% 0 0 / .1);--shadow-l: 0 4px 12px oklch(0% 0 0 / .12);--control-border: oklch(35% .15 145);--control-checked-bg: oklch(35% .15 145);--control-checked-border: oklch(35% .15 145);--input-bg: oklch(93% .01 80);--input-border: oklch(70% .03 145);--input-border-focus: oklch(35% .15 145);--range-track-bg: oklch(85% .01 80);--range-track-fill: oklch(35% .15 145);--range-thumb-bg: oklch(97% .01 80);--range-thumb-border: oklch(35% .15 145);--progress-track-bg: oklch(88% .01 80);--progress-fill: oklch(35% .15 145)}:root[data-theme~=terminal][data-mode=light]:before{opacity:0}:root[data-theme~=terminal][data-mode=light]:after{opacity:0}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{:is(main,article) code-block{--cb-keyword: oklch(30% .18 145);--cb-string: oklch(40% .12 60);--cb-function: oklch(30% .16 145);--cb-number: oklch(40% .12 60);--cb-tag: oklch(40% .12 60);--cb-attribute: oklch(30% .18 145);--cb-button-hover-bg: oklch(35% .15 145);--cb-button-hover-color: oklch(97% .01 80)}:is(main,article) browser-window{--browser-window-hover-bg: oklch(93% .015 80);--browser-window-accent-color: oklch(35% .15 145)}}}
 /*# sourceMappingURL=terminal.css.map */

package/dist/cdn/themes/terminal.tokens.json

@@ -449,7 +449,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -479,7 +479,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -509,7 +509,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -666,7 +666,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.1",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--caret-color",
         "--_terminal-glow-green",

package/dist/cdn/themes/tokyo-night-dark.tokens.json

@@ -249,7 +249,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": [
           {
@@ -300,7 +300,7 @@
           }
         ]
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": [
           {
@@ -351,7 +351,7 @@
           }
         ]
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": [
           {
@@ -459,7 +459,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.1",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--cb-header-bg",
         "--cb-keyword",

package/dist/cdn/themes/tokyo-night.css

@@ -1,2 +1,2 @@
-:root[data-theme~=tokyo-night],[data-theme~=tokyo-night]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(92% .01 260);--color-surface: oklch(89% .012 260);--color-surface-alt: oklch(86% .015 260);--color-surface-raised: oklch(94% .008 260);--color-surface-sunken: oklch(84% .015 260);--color-text: oklch(25% .03 260);--color-text-muted: oklch(42% .025 260);--color-text-subtle: oklch(55% .02 260);--color-primary: oklch(58% .14 260);--color-primary-hover: oklch(53% .15 260);--color-primary-subtle: oklch(90% .03 260);--color-accent: oklch(68% .14 300);--color-accent-hover: oklch(63% .15 300);--color-border: oklch(82% .012 260);--color-border-muted: oklch(87% .01 260);--color-border-strong: oklch(60% .02 260);--color-success: oklch(62% .14 135);--color-warning: oklch(72% .12 75);--color-error: oklch(60% .18 15);--color-info: oklch(65% .1 220);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .375rem;--radius-l: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(25% .02 260 / .06);--shadow-sm: 0 1px 3px oklch(25% .02 260 / .08), 0 1px 2px oklch(25% .02 260 / .04);--shadow-md: 0 4px 6px oklch(25% .02 260 / .08), 0 2px 4px oklch(25% .02 260 / .04);--shadow-lg: 0 10px 15px oklch(25% .02 260 / .08), 0 4px 6px oklch(25% .02 260 / .03);--shadow-xl: 0 20px 25px oklch(25% .02 260 / .08);--shadow-2xl: 0 25px 50px oklch(25% .02 260 / .12);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=tokyo-night],[data-theme~=tokyo-night]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(82% .012 260);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#192230}& a:not([class]){color:var(--color-primary);text-decoration-color:#4678cc66;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(68% .14 300);padding-inline-start:1.25rem;color:#333b48}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(58% .14 260);--cb-string: oklch(62% .14 135);--cb-function: oklch(68% .14 300);--cb-number: oklch(65% .12 65);--cb-button-bg: var(--color-surface)}::selection{background:#4678cc40;color:#192230}}:root[data-theme~=tokyo-night][data-mode=dark],[data-theme~=tokyo-night][data-mode=dark]{color-scheme:dark;--color-background: oklch(18% .025 260);--color-surface: oklch(22% .025 260);--color-surface-alt: oklch(26% .025 260);--color-surface-raised: oklch(30% .025 260);--color-surface-sunken: oklch(15% .025 260);--color-text: oklch(78% .03 260);--color-text-muted: oklch(65% .025 260);--color-text-subtle: oklch(48% .025 260);--color-primary: oklch(72% .14 260);--color-primary-hover: oklch(77% .15 260);--color-primary-subtle: oklch(28% .06 260);--color-accent: oklch(72% .14 300);--color-accent-hover: oklch(77% .15 300);--color-border: oklch(30% .025 260);--color-border-muted: oklch(26% .025 260);--color-border-strong: oklch(45% .025 260);--color-success: oklch(72% .14 135);--color-warning: oklch(78% .12 75);--color-error: oklch(70% .18 15);--color-info: oklch(78% .1 220);--shadow-xs: 0 1px 2px oklch(10% .02 260 / .25);--shadow-sm: 0 1px 3px oklch(10% .02 260 / .3), 0 1px 2px oklch(10% .02 260 / .2);--shadow-md: 0 4px 6px oklch(10% .02 260 / .3), 0 2px 4px oklch(10% .02 260 / .2);--shadow-lg: 0 10px 15px oklch(10% .02 260 / .3), 0 4px 6px oklch(10% .02 260 / .15);--shadow-xl: 0 20px 25px oklch(10% .02 260 / .3);--shadow-2xl: 0 25px 50px oklch(10% .02 260 / .35);:is(main,article){& hr:not([data-ornament]){border-color:#272e3b}& h1,h2{color:#c3cfe2}& blockquote{color:#86909f}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(72% .14 260);--cb-string: oklch(72% .14 135);--cb-function: oklch(72% .14 300);--cb-number: oklch(75% .12 65)}::selection{background:#6fa4fc4d;color:#d6dfec}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=tokyo-night],[data-theme~=tokyo-night]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(92% .01 260);--color-surface: oklch(89% .012 260);--color-surface-alt: oklch(86% .015 260);--color-surface-raised: oklch(94% .008 260);--color-surface-sunken: oklch(84% .015 260);--color-text: oklch(25% .03 260);--color-text-muted: oklch(42% .025 260);--color-text-subtle: oklch(55% .02 260);--color-primary: oklch(58% .14 260);--color-primary-hover: oklch(53% .15 260);--color-primary-subtle: oklch(90% .03 260);--color-accent: oklch(68% .14 300);--color-accent-hover: oklch(63% .15 300);--color-border: oklch(82% .012 260);--color-border-muted: oklch(87% .01 260);--color-border-strong: oklch(60% .02 260);--color-success: oklch(62% .14 135);--color-warning: oklch(72% .12 75);--color-error: oklch(60% .18 15);--color-info: oklch(65% .1 220);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .375rem;--radius-l: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(25% .02 260 / .06);--shadow-s: 0 1px 3px oklch(25% .02 260 / .08), 0 1px 2px oklch(25% .02 260 / .04);--shadow-m: 0 4px 6px oklch(25% .02 260 / .08), 0 2px 4px oklch(25% .02 260 / .04);--shadow-l: 0 10px 15px oklch(25% .02 260 / .08), 0 4px 6px oklch(25% .02 260 / .03);--shadow-xl: 0 20px 25px oklch(25% .02 260 / .08);--shadow-2xl: 0 25px 50px oklch(25% .02 260 / .12);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=tokyo-night],[data-theme~=tokyo-night]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(82% .012 260);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#192230}& a:not([class]){color:var(--color-primary);text-decoration-color:#4678cc66;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(68% .14 300);padding-inline-start:1.25rem;color:#333b48}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(58% .14 260);--cb-string: oklch(62% .14 135);--cb-function: oklch(68% .14 300);--cb-number: oklch(65% .12 65);--cb-button-bg: var(--color-surface)}::selection{background:#4678cc40;color:#192230}}:root[data-theme~=tokyo-night][data-mode=dark],[data-theme~=tokyo-night][data-mode=dark]{color-scheme:dark;--color-background: oklch(18% .025 260);--color-surface: oklch(22% .025 260);--color-surface-alt: oklch(26% .025 260);--color-surface-raised: oklch(30% .025 260);--color-surface-sunken: oklch(15% .025 260);--color-text: oklch(78% .03 260);--color-text-muted: oklch(65% .025 260);--color-text-subtle: oklch(48% .025 260);--color-primary: oklch(72% .14 260);--color-primary-hover: oklch(77% .15 260);--color-primary-subtle: oklch(28% .06 260);--color-accent: oklch(72% .14 300);--color-accent-hover: oklch(77% .15 300);--color-border: oklch(30% .025 260);--color-border-muted: oklch(26% .025 260);--color-border-strong: oklch(45% .025 260);--color-success: oklch(72% .14 135);--color-warning: oklch(78% .12 75);--color-error: oklch(70% .18 15);--color-info: oklch(78% .1 220);--shadow-xs: 0 1px 2px oklch(10% .02 260 / .25);--shadow-s: 0 1px 3px oklch(10% .02 260 / .3), 0 1px 2px oklch(10% .02 260 / .2);--shadow-m: 0 4px 6px oklch(10% .02 260 / .3), 0 2px 4px oklch(10% .02 260 / .2);--shadow-l: 0 10px 15px oklch(10% .02 260 / .3), 0 4px 6px oklch(10% .02 260 / .15);--shadow-xl: 0 20px 25px oklch(10% .02 260 / .3);--shadow-2xl: 0 25px 50px oklch(10% .02 260 / .35);:is(main,article){& hr:not([data-ornament]){border-color:#272e3b}& h1,h2{color:#c3cfe2}& blockquote{color:#86909f}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(72% .14 260);--cb-string: oklch(72% .14 135);--cb-function: oklch(72% .14 300);--cb-number: oklch(75% .12 65)}::selection{background:#6fa4fc4d;color:#d6dfec}}}
 /*# sourceMappingURL=tokyo-night.css.map */

package/dist/cdn/themes/tokyo-night.tokens.json

@@ -336,7 +336,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": [
           {
@@ -387,7 +387,7 @@
           }
         ]
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": [
           {
@@ -438,7 +438,7 @@
           }
         ]
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": [
           {
@@ -598,7 +598,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.1",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set"

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

@@ -249,7 +249,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -275,7 +275,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -301,7 +301,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -384,7 +384,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.1",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--input-bg",
         "--input-border",

package/dist/cdn/themes/vaporwave.css

@@ -1,2 +1,2 @@
-:root[data-theme~=vaporwave],[data-theme~=vaporwave]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(95% .02 320);--color-surface: oklch(92% .025 310);--color-surface-alt: oklch(89% .03 300);--color-surface-raised: oklch(96% .015 320);--color-surface-sunken: oklch(87% .03 310);--color-text: oklch(22% .04 300);--color-text-muted: oklch(38% .035 300);--color-text-subtle: oklch(52% .03 300);--color-primary: oklch(58% .22 330);--caret-color: var(--color-primary);--color-primary-hover: oklch(53% .23 330);--color-primary-subtle: oklch(92% .04 330);--color-accent: oklch(80% .12 195);--color-accent-hover: oklch(75% .13 195);--color-border: oklch(85% .02 310);--color-border-muted: oklch(90% .015 310);--color-border-strong: oklch(55% .03 300);--color-success: oklch(65% .12 195);--color-warning: oklch(75% .14 75);--color-error: oklch(55% .2 15);--color-info: oklch(60% .15 300);--_vaporwave-glow-pink: 0 0 20px oklch(58% .22 330 / .3);--_vaporwave-glow-cyan: 0 0 20px oklch(80% .12 195 / .3);--_vaporwave-glow-text: 0 0 8px currentColor;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 0 4px oklch(58% .22 330 / .1);--shadow-sm: 0 0 8px oklch(58% .22 330 / .12);--shadow-md: 0 0 16px oklch(58% .22 330 / .12);--shadow-lg: 0 0 24px oklch(58% .22 330 / .15);--shadow-xl: 0 0 36px oklch(58% .22 330 / .15);--shadow-2xl: 0 0 50px oklch(58% .22 330 / .2);--duration-instant: 50ms;--duration-fast: .13s;--duration-normal: .26s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: linear-gradient( to right, oklch(90% .06 330) 0%, oklch(88% .04 310) 50%, oklch(90% .06 195) 100% );--control-border: oklch(70% .08 310);--control-checked-bg: oklch(58% .22 330);--control-checked-border: oklch(58% .22 330);--input-border: oklch(80% .04 310);--input-border-focus: oklch(58% .22 330);--range-track-bg: oklch(85% .03 310);--range-track-fill: oklch(58% .22 330);--range-thumb-bg: oklch(92% .02 310);--range-thumb-border: oklch(58% .22 330);--progress-track-bg: oklch(85% .03 310);--progress-fill: oklch(58% .22 330)}:root[data-theme~=vaporwave]:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:linear-gradient(oklch(58% .22 330 / .4) 1px,transparent 1px),linear-gradient(90deg,oklch(80% .12 195 / .4) 1px,transparent 1px);background-size:60px 60px;background-position:center;z-index:-1}:root[data-theme~=vaporwave],[data-theme~=vaporwave]{:is(main,article){& hr:not([data-ornament]){border:none;height:1px;background:linear-gradient(90deg,transparent,oklch(58% .22 330) 20%,oklch(80% .12 195) 80%,transparent);box-shadow:0 0 8px #bd35b633;margin-block:2rem}& h1,h2{font-weight:700;letter-spacing:.05em;text-shadow:var(--_vaporwave-glow-text)}& h1{color:var(--color-primary)}& h2{color:oklch(50% .1 195)}& a:not([class]){color:var(--color-primary);text-decoration:none;position:relative;&:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--color-primary);box-shadow:var(--_vaporwave-glow-pink);transform:scaleX(0);transition:transform .3s var(--ease-out)}&:hover:after{transform:scaleX(1)}}.button,button{background:linear-gradient(135deg,#bd35b6,#9b7dcd);border:1px solid oklch(58% .22 330 / .5);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.08em;box-shadow:inset 0 0 10px #bd35b626;transition:box-shadow .3s,transform .3s;&:hover{box-shadow:var(--_vaporwave-glow-pink),inset 0 0 20px #bd35b640;transform:translateY(-1px)}&:active{transform:translateY(0)}}& blockquote{background:linear-gradient(135deg,#e1daf0,#efdfed);border-inline-start:3px solid oklch(50% .1 195);padding:1.25rem 1.5rem 1.25rem 2rem;border-radius:var(--radius-m);color:#453e53;position:relative;&:before{content:"\2593";position:absolute;top:.75rem;left:-.75rem;color:oklch(50% .1 195);font-size:1.25rem;text-shadow:0 0 6px oklch(80% .12 195 / .4)}}.card{position:relative;overflow:hidden;&:before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:2px;background:linear-gradient(90deg,transparent,oklch(58% .22 330),oklch(80% .12 195),transparent)}}& pre{border-inline-start:3px solid oklch(58% .22 330 / .6)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(58% .22 330);--cb-string: oklch(65% .12 195);--cb-function: oklch(60% .15 300);--cb-number: oklch(72% .14 75);--cb-button-bg: var(--color-surface)}::selection{background:#bd35b633;color:#1d162a}}:root[data-theme~=vaporwave][data-mode=dark],[data-theme~=vaporwave][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .04 300);--color-surface: oklch(10% .04 300);--color-surface-alt: oklch(16% .04 300);--color-surface-raised: oklch(20% .04 300);--color-surface-sunken: oklch(8% .04 300);--color-text: oklch(92% .02 320);--color-text-muted: oklch(78% .025 310);--color-text-subtle: oklch(58% .03 300);--color-primary: oklch(72% .22 330);--color-primary-hover: oklch(77% .23 330);--color-primary-subtle: oklch(22% .08 330);--color-accent: oklch(88% .12 195);--color-accent-hover: oklch(92% .1 195);--color-border: oklch(22% .04 300);--color-border-muted: oklch(18% .04 300);--color-border-strong: oklch(40% .04 300);--color-success: oklch(80% .12 195);--color-warning: oklch(80% .14 75);--color-error: oklch(65% .2 15);--color-info: oklch(72% .15 300);--input-bg: oklch(10% .04 300);--input-border: oklch(22% .04 300);--input-border-focus: oklch(72% .22 330);--control-border: oklch(40% .06 300);--control-checked-bg: oklch(72% .22 330);--control-checked-border: oklch(72% .22 330);--range-track-bg: oklch(18% .04 300);--range-track-fill: oklch(72% .22 330);--range-thumb-bg: oklch(20% .04 300);--range-thumb-border: oklch(72% .22 330);--progress-track-bg: oklch(18% .04 300);--progress-fill: oklch(72% .22 330);--_vaporwave-glow-pink: 0 0 20px oklch(72% .22 330 / .5);--_vaporwave-glow-cyan: 0 0 20px oklch(88% .12 195 / .5);--_vaporwave-glow-text: 0 0 10px currentColor;--shadow-xs: 0 0 6px oklch(72% .22 330 / .15);--shadow-sm: 0 0 12px oklch(72% .22 330 / .2);--shadow-md: 0 0 20px oklch(72% .22 330 / .2);--shadow-lg: 0 0 30px oklch(72% .22 330 / .25);--shadow-xl: 0 0 45px oklch(72% .22 330 / .25);--shadow-2xl: 0 0 60px oklch(72% .22 330 / .3);--page-bg-gradient: linear-gradient( to right, oklch(15% .06 330) 0%, oklch(12% .04 300) 50%, oklch(15% .06 195) 100% );:is(main,article){& hr:not([data-ornament]){background:linear-gradient(90deg,transparent,oklch(72% .22 330) 20%,oklch(88% .12 195) 80%,transparent);box-shadow:0 0 12px #ed66e566}& h1{color:#ed66e5}& h2{color:#65f0f0}& a:not([class]){color:#ed66e5;&:after{background:#ed66e5;box-shadow:var(--_vaporwave-glow-pink)}}.button,button{background:linear-gradient(135deg,#ed66e5,#8f68cb);border-color:#ed66e580;box-shadow:inset 0 0 10px #ed66e533;&:hover{box-shadow:var(--_vaporwave-glow-pink),inset 0 0 20px #ed66e54d}}& blockquote{background:linear-gradient(135deg,#10091c,#1d081c);border-inline-start-color:#65f0f0;color:#bcb3c4;&:before{color:#65f0f0;text-shadow:0 0 8px oklch(88% .12 195 / .5)}}.card:before{background:linear-gradient(90deg,transparent,oklch(72% .22 330),oklch(88% .12 195),transparent)}& pre{border-inline-start-color:#ed66e5cc}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(72% .22 330);--cb-string: oklch(80% .12 195);--cb-function: oklch(72% .15 300);--cb-number: oklch(80% .14 75)}::selection{background:#ed66e54d;color:#f2ecf3}}:root[data-theme~=vaporwave][data-mode=dark]:after{opacity:.04;background-image:linear-gradient(oklch(72% .22 330 / .4) 1px,transparent 1px),linear-gradient(90deg,oklch(88% .12 195 / .4) 1px,transparent 1px);background-size:60px 60px}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=vaporwave],[data-theme~=vaporwave]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(95% .02 320);--color-surface: oklch(92% .025 310);--color-surface-alt: oklch(89% .03 300);--color-surface-raised: oklch(96% .015 320);--color-surface-sunken: oklch(87% .03 310);--color-text: oklch(22% .04 300);--color-text-muted: oklch(38% .035 300);--color-text-subtle: oklch(52% .03 300);--color-primary: oklch(58% .22 330);--caret-color: var(--color-primary);--color-primary-hover: oklch(53% .23 330);--color-primary-subtle: oklch(92% .04 330);--color-accent: oklch(80% .12 195);--color-accent-hover: oklch(75% .13 195);--color-border: oklch(85% .02 310);--color-border-muted: oklch(90% .015 310);--color-border-strong: oklch(55% .03 300);--color-success: oklch(65% .12 195);--color-warning: oklch(75% .14 75);--color-error: oklch(55% .2 15);--color-info: oklch(60% .15 300);--_vaporwave-glow-pink: 0 0 20px oklch(58% .22 330 / .3);--_vaporwave-glow-cyan: 0 0 20px oklch(80% .12 195 / .3);--_vaporwave-glow-text: 0 0 8px currentColor;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 0 4px oklch(58% .22 330 / .1);--shadow-s: 0 0 8px oklch(58% .22 330 / .12);--shadow-m: 0 0 16px oklch(58% .22 330 / .12);--shadow-l: 0 0 24px oklch(58% .22 330 / .15);--shadow-xl: 0 0 36px oklch(58% .22 330 / .15);--shadow-2xl: 0 0 50px oklch(58% .22 330 / .2);--duration-instant: 50ms;--duration-fast: .13s;--duration-normal: .26s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: linear-gradient( to right, oklch(90% .06 330) 0%, oklch(88% .04 310) 50%, oklch(90% .06 195) 100% );--control-border: oklch(70% .08 310);--control-checked-bg: oklch(58% .22 330);--control-checked-border: oklch(58% .22 330);--input-border: oklch(80% .04 310);--input-border-focus: oklch(58% .22 330);--range-track-bg: oklch(85% .03 310);--range-track-fill: oklch(58% .22 330);--range-thumb-bg: oklch(92% .02 310);--range-thumb-border: oklch(58% .22 330);--progress-track-bg: oklch(85% .03 310);--progress-fill: oklch(58% .22 330)}:root[data-theme~=vaporwave]:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:linear-gradient(oklch(58% .22 330 / .4) 1px,transparent 1px),linear-gradient(90deg,oklch(80% .12 195 / .4) 1px,transparent 1px);background-size:60px 60px;background-position:center;z-index:-1}:root[data-theme~=vaporwave],[data-theme~=vaporwave]{:is(main,article){& hr:not([data-ornament]){border:none;height:1px;background:linear-gradient(90deg,transparent,oklch(58% .22 330) 20%,oklch(80% .12 195) 80%,transparent);box-shadow:0 0 8px #bd35b633;margin-block:2rem}& h1,h2{font-weight:700;letter-spacing:.05em;text-shadow:var(--_vaporwave-glow-text)}& h1{color:var(--color-primary)}& h2{color:oklch(50% .1 195)}& a:not([class]){color:var(--color-primary);text-decoration:none;position:relative;&:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--color-primary);box-shadow:var(--_vaporwave-glow-pink);transform:scaleX(0);transition:transform .3s var(--ease-out)}&:hover:after{transform:scaleX(1)}}.button,button{background:linear-gradient(135deg,#bd35b6,#9b7dcd);border:1px solid oklch(58% .22 330 / .5);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.08em;box-shadow:inset 0 0 10px #bd35b626;transition:box-shadow .3s,transform .3s;&:hover{box-shadow:var(--_vaporwave-glow-pink),inset 0 0 20px #bd35b640;transform:translateY(-1px)}&:active{transform:translateY(0)}}& blockquote{background:linear-gradient(135deg,#e1daf0,#efdfed);border-inline-start:3px solid oklch(50% .1 195);padding:1.25rem 1.5rem 1.25rem 2rem;border-radius:var(--radius-m);color:#453e53;position:relative;&:before{content:"\2593";position:absolute;top:.75rem;left:-.75rem;color:oklch(50% .1 195);font-size:1.25rem;text-shadow:0 0 6px oklch(80% .12 195 / .4)}}.card{position:relative;overflow:hidden;&:before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:2px;background:linear-gradient(90deg,transparent,oklch(58% .22 330),oklch(80% .12 195),transparent)}}& pre{border-inline-start:3px solid oklch(58% .22 330 / .6)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(58% .22 330);--cb-string: oklch(65% .12 195);--cb-function: oklch(60% .15 300);--cb-number: oklch(72% .14 75);--cb-button-bg: var(--color-surface)}::selection{background:#bd35b633;color:#1d162a}}:root[data-theme~=vaporwave][data-mode=dark],[data-theme~=vaporwave][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .04 300);--color-surface: oklch(10% .04 300);--color-surface-alt: oklch(16% .04 300);--color-surface-raised: oklch(20% .04 300);--color-surface-sunken: oklch(8% .04 300);--color-text: oklch(92% .02 320);--color-text-muted: oklch(78% .025 310);--color-text-subtle: oklch(58% .03 300);--color-primary: oklch(72% .22 330);--color-primary-hover: oklch(77% .23 330);--color-primary-subtle: oklch(22% .08 330);--color-accent: oklch(88% .12 195);--color-accent-hover: oklch(92% .1 195);--color-border: oklch(22% .04 300);--color-border-muted: oklch(18% .04 300);--color-border-strong: oklch(40% .04 300);--color-success: oklch(80% .12 195);--color-warning: oklch(80% .14 75);--color-error: oklch(65% .2 15);--color-info: oklch(72% .15 300);--input-bg: oklch(10% .04 300);--input-border: oklch(22% .04 300);--input-border-focus: oklch(72% .22 330);--control-border: oklch(40% .06 300);--control-checked-bg: oklch(72% .22 330);--control-checked-border: oklch(72% .22 330);--range-track-bg: oklch(18% .04 300);--range-track-fill: oklch(72% .22 330);--range-thumb-bg: oklch(20% .04 300);--range-thumb-border: oklch(72% .22 330);--progress-track-bg: oklch(18% .04 300);--progress-fill: oklch(72% .22 330);--_vaporwave-glow-pink: 0 0 20px oklch(72% .22 330 / .5);--_vaporwave-glow-cyan: 0 0 20px oklch(88% .12 195 / .5);--_vaporwave-glow-text: 0 0 10px currentColor;--shadow-xs: 0 0 6px oklch(72% .22 330 / .15);--shadow-s: 0 0 12px oklch(72% .22 330 / .2);--shadow-m: 0 0 20px oklch(72% .22 330 / .2);--shadow-l: 0 0 30px oklch(72% .22 330 / .25);--shadow-xl: 0 0 45px oklch(72% .22 330 / .25);--shadow-2xl: 0 0 60px oklch(72% .22 330 / .3);--page-bg-gradient: linear-gradient( to right, oklch(15% .06 330) 0%, oklch(12% .04 300) 50%, oklch(15% .06 195) 100% );:is(main,article){& hr:not([data-ornament]){background:linear-gradient(90deg,transparent,oklch(72% .22 330) 20%,oklch(88% .12 195) 80%,transparent);box-shadow:0 0 12px #ed66e566}& h1{color:#ed66e5}& h2{color:#65f0f0}& a:not([class]){color:#ed66e5;&:after{background:#ed66e5;box-shadow:var(--_vaporwave-glow-pink)}}.button,button{background:linear-gradient(135deg,#ed66e5,#8f68cb);border-color:#ed66e580;box-shadow:inset 0 0 10px #ed66e533;&:hover{box-shadow:var(--_vaporwave-glow-pink),inset 0 0 20px #ed66e54d}}& blockquote{background:linear-gradient(135deg,#10091c,#1d081c);border-inline-start-color:#65f0f0;color:#bcb3c4;&:before{color:#65f0f0;text-shadow:0 0 8px oklch(88% .12 195 / .5)}}.card:before{background:linear-gradient(90deg,transparent,oklch(72% .22 330),oklch(88% .12 195),transparent)}& pre{border-inline-start-color:#ed66e5cc}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(72% .22 330);--cb-string: oklch(80% .12 195);--cb-function: oklch(72% .15 300);--cb-number: oklch(80% .14 75)}::selection{background:#ed66e54d;color:#f2ecf3}}:root[data-theme~=vaporwave][data-mode=dark]:after{opacity:.04;background-image:linear-gradient(oklch(72% .22 330 / .4) 1px,transparent 1px),linear-gradient(90deg,oklch(88% .12 195 / .4) 1px,transparent 1px);background-size:60px 60px}}
 /*# sourceMappingURL=vaporwave.css.map */

package/dist/cdn/themes/vaporwave.tokens.json

@@ -336,7 +336,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -362,7 +362,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -388,7 +388,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -523,7 +523,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.1",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set",

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

@@ -385,7 +385,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -411,7 +411,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -437,7 +437,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -520,7 +520,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.1",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--_win9x-bg",
         "--_win9x-highlight",