vanilla-breeze 0.3.0 → 0.4.0

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

@@ -335,7 +335,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -361,7 +361,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -387,7 +387,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -522,7 +522,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set",

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

@@ -299,7 +299,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -329,7 +329,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -359,7 +359,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -454,7 +454,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--glass-surface-opacity",
         "--glass-surface-alt-opacity",

package/dist/cdn/themes/glassmorphism.css

@@ -1,2 +1,2 @@
-:root[data-theme~=glassmorphism],[data-theme~=glassmorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--glass-blur: 16px;--glass-saturate: 160%;--glass-surface-opacity: var(--opacity-55);--glass-surface-alt-opacity: var(--opacity-35);--glass-surface-raised-opacity: var(--opacity-70);--glass-surface-sunken-opacity: var(--opacity-20);--glass-border-opacity: var(--opacity-20);--glass-border-strong-opacity: var(--opacity-35);--glass-border-subtle-opacity: var(--opacity-12);--glass-inner-glow-opacity: var(--opacity-10);--glass-border: 1px solid oklch(100% 0 0 / var(--glass-border-opacity));--glass-inner-glow: inset 0 1px 1px oklch(100% 0 0 / var(--glass-inner-glow-opacity));--color-background: oklch(95% .02 280);--color-surface: oklch(100% 0 0 / var(--glass-surface-opacity));--color-surface-alt: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--color-surface-raised: oklch(100% 0 0 / var(--glass-surface-raised-opacity));--color-surface-sunken: oklch(100% 0 0 / var(--glass-surface-sunken-opacity));--color-surface-overlay: oklch(97% .01 280);--header-bg: oklch(100% 0 0 / .7);--header-backdrop: blur(20px) saturate(160%);--header-border-block-end: 1px solid oklch(100% 0 0 / .3);--color-text: oklch(20% .02 280);--color-text-muted: oklch(35% .02 280);--color-text-subtle: oklch(50% .015 280);--color-primary: oklch(52% .2 280);--color-primary-hover: oklch(47% .22 280);--color-primary-subtle: oklch(90% .05 280);--color-accent: oklch(60% .15 195);--color-accent-hover: oklch(55% .16 195);--color-border: oklch(100% 0 0 / var(--glass-border-opacity));--color-border-muted: oklch(100% 0 0 / var(--glass-border-subtle-opacity));--color-border-strong: oklch(100% 0 0 / var(--glass-border-strong-opacity));--color-success: oklch(60% .15 150);--color-warning: oklch(72% .14 70);--color-error: oklch(58% .2 25);--color-info: oklch(55% .15 250);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .5rem;--radius-s: .75rem;--radius-m: 1rem;--radius-l: 1.25rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(52% .1 280 / var(--opacity-8)), var(--glass-inner-glow);--shadow-sm: 0 2px 6px oklch(52% .1 280 / var(--opacity-10)), var(--glass-inner-glow);--shadow-md: 0 4px 12px oklch(52% .1 280 / var(--opacity-12)), var(--glass-inner-glow);--shadow-lg: 0 8px 24px oklch(52% .1 280 / var(--opacity-15)), var(--glass-inner-glow);--shadow-xl: 0 16px 32px oklch(52% .1 280 / var(--opacity-15));--shadow-2xl: 0 24px 48px oklch(52% .1 280 / var(--opacity-20));--duration-instant: 60ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: radial-gradient(ellipse at 20% 20%, oklch(70% .2 300 / var(--opacity-30)) 0%, transparent 50%), radial-gradient(ellipse at 80% 30%, oklch(70% .15 240 / var(--opacity-25)) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, oklch(72% .12 195 / var(--opacity-20)) 0%, transparent 50%);--page-bg-color: oklch(95% .02 280);--control-border: oklch(100% 0 0 / var(--opacity-30));--control-checked-bg: oklch(52% .2 280);--control-checked-border: oklch(52% .2 280);--control-radius-check: var(--radius-s);--input-bg: oklch(100% 0 0 / var(--glass-surface-sunken-opacity));--input-border: oklch(100% 0 0 / var(--glass-border-opacity));--input-border-focus: oklch(52% .2 280);--range-track-bg: oklch(100% 0 0 / var(--opacity-15));--range-track-fill: oklch(52% .2 280);--range-thumb-bg: oklch(100% 0 0 / var(--opacity-80));--range-thumb-border: oklch(52% .2 280);--progress-track-bg: oklch(100% 0 0 / var(--opacity-15));--progress-fill: oklch(52% .2 280)}:root[data-theme~=glassmorphism]:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 20% 20%,oklch(70% .2 300 / var(--opacity-40)) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,oklch(70% .15 240 / var(--opacity-35)) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,oklch(72% .12 195 / var(--opacity-30)) 0%,transparent 50%),#ebedfc}:root[data-theme~=glassmorphism],[data-theme~=glassmorphism]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(100% 0 0 / var(--glass-border-opacity));margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em}& a:not([class]){color:var(--color-primary);text-decoration-color:oklch(52% .2 280 / var(--opacity-30));text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(52% .2 280 / var(--opacity-50));padding-inline-start:1.25rem;backdrop-filter:blur(var(--glass-blur));background:var(--color-surface);border:var(--glass-border);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-m);padding:1.25rem}.card{backdrop-filter:blur(var(--glass-blur));background:var(--color-surface);border:var(--glass-border)}.button,button{font-weight:500;backdrop-filter:blur(8px)}}:is(main,article) code-block{--cb-bg: oklch(100% 0 0 / var(--opacity-40));--cb-code-bg: oklch(100% 0 0 / var(--opacity-40));--cb-header-bg: oklch(100% 0 0 / var(--opacity-25));--cb-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--cb-keyword: oklch(52% .2 280);--cb-string: oklch(55% .15 150);--cb-function: oklch(48% .15 300);--cb-number: oklch(55% .15 30);--cb-button-bg: oklch(100% 0 0 / var(--opacity-30));--cb-scrollbar-track: oklch(100% 0 0 / var(--opacity-15));--cb-scrollbar-thumb: oklch(100% 0 0 / var(--glass-border-strong-opacity))}:is(main,article) browser-window{--browser-window-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-header-bg: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--browser-window-content-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--browser-window-url-bg: oklch(100% 0 0 / var(--opacity-50))}::selection{background:oklch(52% .2 280 / var(--opacity-20))}}:root[data-theme~=glassmorphism][data-mode=dark],[data-theme~=glassmorphism][data-mode=dark]{color-scheme:dark;--glass-surface-opacity: var(--opacity-12);--glass-surface-alt-opacity: var(--opacity-8);--glass-surface-raised-opacity: var(--opacity-15);--glass-surface-sunken-opacity: var(--opacity-8);--glass-border-opacity: var(--opacity-15);--glass-border-strong-opacity: var(--opacity-25);--glass-border-subtle-opacity: var(--opacity-10);--glass-inner-glow-opacity: var(--opacity-8);--glass-border: 1px solid oklch(100% 0 0 / var(--glass-border-opacity));--glass-inner-glow: inset 0 1px 1px oklch(100% 0 0 / var(--glass-inner-glow-opacity));--color-background: oklch(15% .03 280);--color-surface: oklch(100% 0 0 / var(--glass-surface-opacity));--color-surface-alt: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--color-surface-raised: oklch(100% 0 0 / var(--glass-surface-raised-opacity));--color-surface-sunken: oklch(100% 0 0 / var(--glass-surface-sunken-opacity));--color-surface-overlay: oklch(20% .02 280);--header-bg: oklch(15% .03 280 / .75);--header-backdrop: blur(20px) saturate(160%);--header-border-block-end: 1px solid oklch(100% 0 0 / .1);--color-text: oklch(95% .01 280);--color-text-muted: oklch(78% .01 280);--color-text-subtle: oklch(60% .015 280);--color-primary: oklch(70% .18 280);--color-primary-hover: oklch(75% .19 280);--color-primary-subtle: oklch(25% .06 280);--color-accent: oklch(72% .12 195);--color-accent-hover: oklch(77% .13 195);--color-border: oklch(100% 0 0 / var(--glass-border-opacity));--color-border-muted: oklch(100% 0 0 / var(--glass-border-subtle-opacity));--color-border-strong: oklch(100% 0 0 / var(--glass-border-strong-opacity));--color-success: oklch(72% .15 150);--color-warning: oklch(78% .14 70);--color-error: oklch(68% .2 25);--color-info: oklch(70% .15 250);--input-bg: oklch(100% 0 0 / var(--opacity-10));--input-border: oklch(100% 0 0 / var(--opacity-15));--input-border-focus: oklch(70% .18 280);--control-border: oklch(100% 0 0 / var(--opacity-20));--control-checked-bg: oklch(70% .18 280);--control-checked-border: oklch(70% .18 280);--range-track-bg: oklch(100% 0 0 / var(--opacity-12));--range-track-fill: oklch(70% .18 280);--range-thumb-bg: oklch(100% 0 0 / var(--opacity-70));--range-thumb-border: oklch(70% .18 280);--progress-track-bg: oklch(100% 0 0 / var(--opacity-12));--progress-fill: oklch(70% .18 280);--shadow-xs: 0 1px 3px oklch(10% .05 280 / var(--opacity-20)), var(--glass-inner-glow);--shadow-sm: 0 2px 6px oklch(10% .05 280 / var(--opacity-25)), var(--glass-inner-glow);--shadow-md: 0 4px 12px oklch(10% .05 280 / var(--opacity-30)), var(--glass-inner-glow);--shadow-lg: 0 8px 24px oklch(10% .05 280 / var(--opacity-35)), var(--glass-inner-glow);--shadow-xl: 0 16px 32px oklch(10% .05 280 / var(--opacity-35));--shadow-2xl: 0 24px 48px oklch(10% .05 280 / var(--opacity-40));--page-bg-gradient: radial-gradient(ellipse at 20% 20%, oklch(45% .2 300 / var(--opacity-25)) 0%, transparent 50%), radial-gradient(ellipse at 80% 30%, oklch(45% .15 240 / var(--opacity-20)) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, oklch(48% .12 195 / var(--opacity-15)) 0%, transparent 50%);--page-bg-color: oklch(15% .03 280)}:root[data-theme~=glassmorphism][data-mode=dark]:before{background:radial-gradient(ellipse at 20% 20%,oklch(45% .2 300 / var(--opacity-30)) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,oklch(45% .15 240 / var(--opacity-25)) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,oklch(48% .12 195 / var(--opacity-20)) 0%,transparent 50%),#090917}:root[data-theme~=glassmorphism][data-mode=dark],[data-theme~=glassmorphism][data-mode=dark]{:is(main,article){& hr:not([data-ornament]){border-color:oklch(100% 0 0 / var(--glass-border-opacity))}}:is(main,article) code-block{--cb-bg: oklch(100% 0 0 / var(--opacity-10));--cb-code-bg: oklch(100% 0 0 / var(--opacity-10));--cb-header-bg: oklch(100% 0 0 / var(--opacity-8));--cb-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--cb-keyword: oklch(70% .18 280);--cb-string: oklch(70% .12 150);--cb-function: oklch(68% .12 300);--cb-number: oklch(72% .12 30);--cb-button-bg: oklch(100% 0 0 / var(--opacity-15));--cb-scrollbar-track: oklch(100% 0 0 / var(--opacity-10));--cb-scrollbar-thumb: oklch(100% 0 0 / var(--glass-border-opacity))}:is(main,article) browser-window{--browser-window-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-header-bg: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--browser-window-content-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--browser-window-url-bg: oklch(100% 0 0 / var(--glass-surface-alt-opacity))}::selection{background:oklch(70% .18 280 / var(--opacity-25));color:#edeef5}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=glassmorphism],[data-theme~=glassmorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--glass-blur: 16px;--glass-saturate: 160%;--glass-surface-opacity: var(--opacity-55);--glass-surface-alt-opacity: var(--opacity-35);--glass-surface-raised-opacity: var(--opacity-70);--glass-surface-sunken-opacity: var(--opacity-20);--glass-border-opacity: var(--opacity-20);--glass-border-strong-opacity: var(--opacity-35);--glass-border-subtle-opacity: var(--opacity-12);--glass-inner-glow-opacity: var(--opacity-10);--glass-border: 1px solid oklch(100% 0 0 / var(--glass-border-opacity));--glass-inner-glow: inset 0 1px 1px oklch(100% 0 0 / var(--glass-inner-glow-opacity));--color-background: oklch(95% .02 280);--color-surface: oklch(100% 0 0 / var(--glass-surface-opacity));--color-surface-alt: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--color-surface-raised: oklch(100% 0 0 / var(--glass-surface-raised-opacity));--color-surface-sunken: oklch(100% 0 0 / var(--glass-surface-sunken-opacity));--color-surface-overlay: oklch(97% .01 280);--header-bg: oklch(100% 0 0 / .7);--header-backdrop: blur(20px) saturate(160%);--header-border-block-end: 1px solid oklch(100% 0 0 / .3);--color-text: oklch(20% .02 280);--color-text-muted: oklch(35% .02 280);--color-text-subtle: oklch(50% .015 280);--color-primary: oklch(52% .2 280);--color-primary-hover: oklch(47% .22 280);--color-primary-subtle: oklch(90% .05 280);--color-accent: oklch(60% .15 195);--color-accent-hover: oklch(55% .16 195);--color-border: oklch(100% 0 0 / var(--glass-border-opacity));--color-border-muted: oklch(100% 0 0 / var(--glass-border-subtle-opacity));--color-border-strong: oklch(100% 0 0 / var(--glass-border-strong-opacity));--color-success: oklch(60% .15 150);--color-warning: oklch(72% .14 70);--color-error: oklch(58% .2 25);--color-info: oklch(55% .15 250);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .5rem;--radius-s: .75rem;--radius-m: 1rem;--radius-l: 1.25rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(52% .1 280 / var(--opacity-8)), var(--glass-inner-glow);--shadow-s: 0 2px 6px oklch(52% .1 280 / var(--opacity-10)), var(--glass-inner-glow);--shadow-m: 0 4px 12px oklch(52% .1 280 / var(--opacity-12)), var(--glass-inner-glow);--shadow-l: 0 8px 24px oklch(52% .1 280 / var(--opacity-15)), var(--glass-inner-glow);--shadow-xl: 0 16px 32px oklch(52% .1 280 / var(--opacity-15));--shadow-2xl: 0 24px 48px oklch(52% .1 280 / var(--opacity-20));--duration-instant: 60ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: radial-gradient(ellipse at 20% 20%, oklch(70% .2 300 / var(--opacity-30)) 0%, transparent 50%), radial-gradient(ellipse at 80% 30%, oklch(70% .15 240 / var(--opacity-25)) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, oklch(72% .12 195 / var(--opacity-20)) 0%, transparent 50%);--page-bg-color: oklch(95% .02 280);--control-border: oklch(100% 0 0 / var(--opacity-30));--control-checked-bg: oklch(52% .2 280);--control-checked-border: oklch(52% .2 280);--control-radius-check: var(--radius-s);--input-bg: oklch(100% 0 0 / var(--glass-surface-sunken-opacity));--input-border: oklch(100% 0 0 / var(--glass-border-opacity));--input-border-focus: oklch(52% .2 280);--range-track-bg: oklch(100% 0 0 / var(--opacity-15));--range-track-fill: oklch(52% .2 280);--range-thumb-bg: oklch(100% 0 0 / var(--opacity-80));--range-thumb-border: oklch(52% .2 280);--progress-track-bg: oklch(100% 0 0 / var(--opacity-15));--progress-fill: oklch(52% .2 280)}:root[data-theme~=glassmorphism]:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 20% 20%,oklch(70% .2 300 / var(--opacity-40)) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,oklch(70% .15 240 / var(--opacity-35)) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,oklch(72% .12 195 / var(--opacity-30)) 0%,transparent 50%),#ebedfc}:root[data-theme~=glassmorphism],[data-theme~=glassmorphism]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(100% 0 0 / var(--glass-border-opacity));margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em}& a:not([class]){color:var(--color-primary);text-decoration-color:oklch(52% .2 280 / var(--opacity-30));text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(52% .2 280 / var(--opacity-50));padding-inline-start:1.25rem;backdrop-filter:blur(var(--glass-blur));background:var(--color-surface);border:var(--glass-border);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-m);padding:1.25rem}.card{backdrop-filter:blur(var(--glass-blur));background:var(--color-surface);border:var(--glass-border)}.button,button{font-weight:500;backdrop-filter:blur(8px)}}:is(main,article) code-block{--cb-bg: oklch(100% 0 0 / var(--opacity-40));--cb-code-bg: oklch(100% 0 0 / var(--opacity-40));--cb-header-bg: oklch(100% 0 0 / var(--opacity-25));--cb-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--cb-keyword: oklch(52% .2 280);--cb-string: oklch(55% .15 150);--cb-function: oklch(48% .15 300);--cb-number: oklch(55% .15 30);--cb-button-bg: oklch(100% 0 0 / var(--opacity-30));--cb-scrollbar-track: oklch(100% 0 0 / var(--opacity-15));--cb-scrollbar-thumb: oklch(100% 0 0 / var(--glass-border-strong-opacity))}:is(main,article) browser-window{--browser-window-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-header-bg: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--browser-window-content-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--browser-window-url-bg: oklch(100% 0 0 / var(--opacity-50))}::selection{background:oklch(52% .2 280 / var(--opacity-20))}}:root[data-theme~=glassmorphism][data-mode=dark],[data-theme~=glassmorphism][data-mode=dark]{color-scheme:dark;--glass-surface-opacity: var(--opacity-12);--glass-surface-alt-opacity: var(--opacity-8);--glass-surface-raised-opacity: var(--opacity-15);--glass-surface-sunken-opacity: var(--opacity-8);--glass-border-opacity: var(--opacity-15);--glass-border-strong-opacity: var(--opacity-25);--glass-border-subtle-opacity: var(--opacity-10);--glass-inner-glow-opacity: var(--opacity-8);--glass-border: 1px solid oklch(100% 0 0 / var(--glass-border-opacity));--glass-inner-glow: inset 0 1px 1px oklch(100% 0 0 / var(--glass-inner-glow-opacity));--color-background: oklch(15% .03 280);--color-surface: oklch(100% 0 0 / var(--glass-surface-opacity));--color-surface-alt: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--color-surface-raised: oklch(100% 0 0 / var(--glass-surface-raised-opacity));--color-surface-sunken: oklch(100% 0 0 / var(--glass-surface-sunken-opacity));--color-surface-overlay: oklch(20% .02 280);--header-bg: oklch(15% .03 280 / .75);--header-backdrop: blur(20px) saturate(160%);--header-border-block-end: 1px solid oklch(100% 0 0 / .1);--color-text: oklch(95% .01 280);--color-text-muted: oklch(78% .01 280);--color-text-subtle: oklch(60% .015 280);--color-primary: oklch(70% .18 280);--color-primary-hover: oklch(75% .19 280);--color-primary-subtle: oklch(25% .06 280);--color-accent: oklch(72% .12 195);--color-accent-hover: oklch(77% .13 195);--color-border: oklch(100% 0 0 / var(--glass-border-opacity));--color-border-muted: oklch(100% 0 0 / var(--glass-border-subtle-opacity));--color-border-strong: oklch(100% 0 0 / var(--glass-border-strong-opacity));--color-success: oklch(72% .15 150);--color-warning: oklch(78% .14 70);--color-error: oklch(68% .2 25);--color-info: oklch(70% .15 250);--input-bg: oklch(100% 0 0 / var(--opacity-10));--input-border: oklch(100% 0 0 / var(--opacity-15));--input-border-focus: oklch(70% .18 280);--control-border: oklch(100% 0 0 / var(--opacity-20));--control-checked-bg: oklch(70% .18 280);--control-checked-border: oklch(70% .18 280);--range-track-bg: oklch(100% 0 0 / var(--opacity-12));--range-track-fill: oklch(70% .18 280);--range-thumb-bg: oklch(100% 0 0 / var(--opacity-70));--range-thumb-border: oklch(70% .18 280);--progress-track-bg: oklch(100% 0 0 / var(--opacity-12));--progress-fill: oklch(70% .18 280);--shadow-xs: 0 1px 3px oklch(10% .05 280 / var(--opacity-20)), var(--glass-inner-glow);--shadow-s: 0 2px 6px oklch(10% .05 280 / var(--opacity-25)), var(--glass-inner-glow);--shadow-m: 0 4px 12px oklch(10% .05 280 / var(--opacity-30)), var(--glass-inner-glow);--shadow-l: 0 8px 24px oklch(10% .05 280 / var(--opacity-35)), var(--glass-inner-glow);--shadow-xl: 0 16px 32px oklch(10% .05 280 / var(--opacity-35));--shadow-2xl: 0 24px 48px oklch(10% .05 280 / var(--opacity-40));--page-bg-gradient: radial-gradient(ellipse at 20% 20%, oklch(45% .2 300 / var(--opacity-25)) 0%, transparent 50%), radial-gradient(ellipse at 80% 30%, oklch(45% .15 240 / var(--opacity-20)) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, oklch(48% .12 195 / var(--opacity-15)) 0%, transparent 50%);--page-bg-color: oklch(15% .03 280)}:root[data-theme~=glassmorphism][data-mode=dark]:before{background:radial-gradient(ellipse at 20% 20%,oklch(45% .2 300 / var(--opacity-30)) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,oklch(45% .15 240 / var(--opacity-25)) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,oklch(48% .12 195 / var(--opacity-20)) 0%,transparent 50%),#090917}:root[data-theme~=glassmorphism][data-mode=dark],[data-theme~=glassmorphism][data-mode=dark]{:is(main,article){& hr:not([data-ornament]){border-color:oklch(100% 0 0 / var(--glass-border-opacity))}}:is(main,article) code-block{--cb-bg: oklch(100% 0 0 / var(--opacity-10));--cb-code-bg: oklch(100% 0 0 / var(--opacity-10));--cb-header-bg: oklch(100% 0 0 / var(--opacity-8));--cb-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--cb-keyword: oklch(70% .18 280);--cb-string: oklch(70% .12 150);--cb-function: oklch(68% .12 300);--cb-number: oklch(72% .12 30);--cb-button-bg: oklch(100% 0 0 / var(--opacity-15));--cb-scrollbar-track: oklch(100% 0 0 / var(--opacity-10));--cb-scrollbar-thumb: oklch(100% 0 0 / var(--glass-border-opacity))}:is(main,article) browser-window{--browser-window-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-header-bg: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--browser-window-content-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--browser-window-url-bg: oklch(100% 0 0 / var(--glass-surface-alt-opacity))}::selection{background:oklch(70% .18 280 / var(--opacity-25));color:#edeef5}}}
 /*# sourceMappingURL=glassmorphism.css.map */

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

@@ -385,7 +385,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -415,7 +415,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -445,7 +445,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -592,7 +592,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set",

package/dist/cdn/themes/government-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.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--cb-header-bg",
         "--cb-keyword",

package/dist/cdn/themes/government.css

@@ -1,2 +1,2 @@
-:root[data-theme~=government],[data-theme~=government]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(100% 0 0);--color-surface: oklch(98% .003 250);--color-surface-alt: oklch(96% .005 250);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(94% .005 250);--color-text: oklch(15% .01 250);--color-text-muted: oklch(35% .01 250);--color-text-subtle: oklch(50% .008 250);--color-primary: oklch(28% .12 260);--color-primary-hover: oklch(23% .13 260);--color-primary-subtle: oklch(92% .03 260);--color-accent: oklch(45% .2 25);--color-accent-hover: oklch(40% .21 25);--color-border: oklch(82% .005 250);--color-border-muted: oklch(88% .003 250);--color-border-strong: oklch(60% .008 250);--color-success: oklch(50% .15 145);--color-warning: oklch(68% .14 70);--color-error: oklch(45% .2 25);--color-info: oklch(45% .1 260);--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.7;--line-height-tight: 1.25;--radius-xs: 2px;--radius-s: 3px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 10px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(15% .005 250 / .05);--shadow-sm: 0 1px 3px oklch(15% .005 250 / .07), 0 1px 2px oklch(15% .005 250 / .04);--shadow-md: 0 4px 6px oklch(15% .005 250 / .07), 0 2px 4px oklch(15% .005 250 / .04);--shadow-lg: 0 10px 15px oklch(15% .005 250 / .07), 0 4px 6px oklch(15% .005 250 / .03);--shadow-xl: 0 20px 25px oklch(15% .005 250 / .07);--shadow-2xl: 0 25px 50px oklch(15% .005 250 / .1);--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~=government],[data-theme~=government]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:2px solid oklch(45% .2 25);margin-block:2.5rem}& h1,h2{font-weight:700;letter-spacing:.01em;color:oklch(28% .12 260)}& h3,h4{font-weight:700;letter-spacing:.005em;color:#001339}& a:not([class]){color:var(--color-primary);text-decoration-color:oklch(28% .12 260 / .5);text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:4px solid oklch(28% .12 260);padding-inline-start:1.5rem;color:#2a2e33}.button,button{font-weight:600;letter-spacing:.02em;text-transform:none}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(28% .12 260);--cb-string: oklch(50% .15 145);--cb-function: oklch(45% .1 300);--cb-number: oklch(45% .2 25);--cb-button-bg: var(--color-surface)}::selection{background:oklch(28% .12 260 / .2);color:#080c0f}}:root[data-theme~=government][data-mode=dark],[data-theme~=government][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .03 260);--color-surface: oklch(15% .03 260);--color-surface-alt: oklch(18% .03 260);--color-surface-raised: oklch(22% .03 260);--color-surface-sunken: oklch(10% .03 260);--color-text: oklch(97% .003 250);--color-text-muted: oklch(80% .005 250);--color-text-subtle: oklch(62% .008 250);--color-primary: oklch(60% .1 260);--color-primary-hover: oklch(65% .11 260);--color-primary-subtle: oklch(22% .05 260);--color-accent: oklch(55% .2 25);--color-accent-hover: oklch(60% .21 25);--color-border: oklch(25% .03 260);--color-border-muted: oklch(20% .025 260);--color-border-strong: oklch(42% .03 260);--color-success: oklch(62% .13 145);--color-warning: oklch(75% .12 70);--color-error: oklch(55% .2 25);--color-info: oklch(60% .1 260);--shadow-xs: 0 1px 2px oklch(5% .02 260 / .2);--shadow-sm: 0 1px 3px oklch(5% .02 260 / .25), 0 1px 2px oklch(5% .02 260 / .15);--shadow-md: 0 4px 6px oklch(5% .02 260 / .25), 0 2px 4px oklch(5% .02 260 / .15);--shadow-lg: 0 10px 15px oklch(5% .02 260 / .25), 0 4px 6px oklch(5% .02 260 / .1);--shadow-xl: 0 20px 25px oklch(5% .02 260 / .25);--shadow-2xl: 0 25px 50px oklch(5% .02 260 / .3);:is(main,article){& hr:not([data-ornament]){border-color:#cc272e}& h1,h2{color:#f4f5f7}& h3,h4{color:#dbdee1}& blockquote{border-inline-start-color:#5c80bc;color:#bbbec1}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(60% .1 260);--cb-string: oklch(62% .13 145);--cb-function: oklch(62% .1 300);--cb-number: oklch(55% .2 25)}::selection{background:#5c80bc4d;color:#f4f5f7}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=government],[data-theme~=government]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(100% 0 0);--color-surface: oklch(98% .003 250);--color-surface-alt: oklch(96% .005 250);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(94% .005 250);--color-text: oklch(15% .01 250);--color-text-muted: oklch(35% .01 250);--color-text-subtle: oklch(50% .008 250);--color-primary: oklch(28% .12 260);--color-primary-hover: oklch(23% .13 260);--color-primary-subtle: oklch(92% .03 260);--color-accent: oklch(45% .2 25);--color-accent-hover: oklch(40% .21 25);--color-border: oklch(82% .005 250);--color-border-muted: oklch(88% .003 250);--color-border-strong: oklch(60% .008 250);--color-success: oklch(50% .15 145);--color-warning: oklch(68% .14 70);--color-error: oklch(45% .2 25);--color-info: oklch(45% .1 260);--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.7;--line-height-tight: 1.25;--radius-xs: 2px;--radius-s: 3px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 10px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(15% .005 250 / .05);--shadow-s: 0 1px 3px oklch(15% .005 250 / .07), 0 1px 2px oklch(15% .005 250 / .04);--shadow-m: 0 4px 6px oklch(15% .005 250 / .07), 0 2px 4px oklch(15% .005 250 / .04);--shadow-l: 0 10px 15px oklch(15% .005 250 / .07), 0 4px 6px oklch(15% .005 250 / .03);--shadow-xl: 0 20px 25px oklch(15% .005 250 / .07);--shadow-2xl: 0 25px 50px oklch(15% .005 250 / .1);--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~=government],[data-theme~=government]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:2px solid oklch(45% .2 25);margin-block:2.5rem}& h1,h2{font-weight:700;letter-spacing:.01em;color:oklch(28% .12 260)}& h3,h4{font-weight:700;letter-spacing:.005em;color:#001339}& a:not([class]){color:var(--color-primary);text-decoration-color:oklch(28% .12 260 / .5);text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:4px solid oklch(28% .12 260);padding-inline-start:1.5rem;color:#2a2e33}.button,button{font-weight:600;letter-spacing:.02em;text-transform:none}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(28% .12 260);--cb-string: oklch(50% .15 145);--cb-function: oklch(45% .1 300);--cb-number: oklch(45% .2 25);--cb-button-bg: var(--color-surface)}::selection{background:oklch(28% .12 260 / .2);color:#080c0f}}:root[data-theme~=government][data-mode=dark],[data-theme~=government][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .03 260);--color-surface: oklch(15% .03 260);--color-surface-alt: oklch(18% .03 260);--color-surface-raised: oklch(22% .03 260);--color-surface-sunken: oklch(10% .03 260);--color-text: oklch(97% .003 250);--color-text-muted: oklch(80% .005 250);--color-text-subtle: oklch(62% .008 250);--color-primary: oklch(60% .1 260);--color-primary-hover: oklch(65% .11 260);--color-primary-subtle: oklch(22% .05 260);--color-accent: oklch(55% .2 25);--color-accent-hover: oklch(60% .21 25);--color-border: oklch(25% .03 260);--color-border-muted: oklch(20% .025 260);--color-border-strong: oklch(42% .03 260);--color-success: oklch(62% .13 145);--color-warning: oklch(75% .12 70);--color-error: oklch(55% .2 25);--color-info: oklch(60% .1 260);--shadow-xs: 0 1px 2px oklch(5% .02 260 / .2);--shadow-s: 0 1px 3px oklch(5% .02 260 / .25), 0 1px 2px oklch(5% .02 260 / .15);--shadow-m: 0 4px 6px oklch(5% .02 260 / .25), 0 2px 4px oklch(5% .02 260 / .15);--shadow-l: 0 10px 15px oklch(5% .02 260 / .25), 0 4px 6px oklch(5% .02 260 / .1);--shadow-xl: 0 20px 25px oklch(5% .02 260 / .25);--shadow-2xl: 0 25px 50px oklch(5% .02 260 / .3);:is(main,article){& hr:not([data-ornament]){border-color:#cc272e}& h1,h2{color:#f4f5f7}& h3,h4{color:#dbdee1}& blockquote{border-inline-start-color:#5c80bc;color:#bbbec1}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(60% .1 260);--cb-string: oklch(62% .13 145);--cb-function: oklch(62% .1 300);--cb-number: oklch(55% .2 25)}::selection{background:#5c80bc4d;color:#f4f5f7}}}
 /*# sourceMappingURL=government.css.map */

package/dist/cdn/themes/government.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.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set"

package/dist/cdn/themes/gruvbox-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.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--cb-header-bg",
         "--cb-keyword",

package/dist/cdn/themes/gruvbox.css

@@ -1,2 +1,2 @@
-:root[data-theme~=gruvbox],[data-theme~=gruvbox]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(96% .02 85);--color-surface: oklch(93% .025 85);--color-surface-alt: oklch(90% .028 85);--color-surface-raised: oklch(97% .015 85);--color-surface-sunken: oklch(88% .03 85);--color-text: oklch(25% .02 60);--color-text-muted: oklch(40% .025 60);--color-text-subtle: oklch(55% .03 60);--color-primary: oklch(48% .1 220);--color-primary-hover: oklch(43% .11 220);--color-primary-subtle: oklch(90% .03 220);--color-accent: oklch(68% .15 65);--color-accent-hover: oklch(63% .16 65);--color-border: oklch(82% .02 85);--color-border-muted: oklch(88% .015 85);--color-border-strong: oklch(55% .03 60);--color-success: oklch(58% .12 110);--color-warning: oklch(68% .14 80);--color-error: oklch(50% .18 25);--color-info: oklch(48% .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 60 / .06);--shadow-sm: 0 1px 3px oklch(25% .02 60 / .08), 0 1px 2px oklch(25% .02 60 / .04);--shadow-md: 0 4px 6px oklch(25% .02 60 / .08), 0 2px 4px oklch(25% .02 60 / .04);--shadow-lg: 0 10px 15px oklch(25% .02 60 / .08), 0 4px 6px oklch(25% .02 60 / .03);--shadow-xl: 0 20px 25px oklch(25% .02 60 / .08);--shadow-2xl: 0 25px 50px oklch(25% .02 60 / .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~=gruvbox],[data-theme~=gruvbox]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(82% .02 85);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#291f18}& a:not([class]){color:var(--color-primary);text-decoration-color:oklch(48% .1 220 / .4);text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(55% .1 165);padding-inline-start:1.25rem;color:#52453a}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(50% .18 25);--cb-string: oklch(58% .12 110);--cb-function: oklch(48% .1 220);--cb-number: oklch(58% .12 300);--cb-button-bg: var(--color-surface)}::selection{background:oklch(48% .1 220 / .25);color:#291f18}}:root[data-theme~=gruvbox][data-mode=dark],[data-theme~=gruvbox][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .02 60);--color-surface: oklch(26% .02 60);--color-surface-alt: oklch(30% .02 60);--color-surface-raised: oklch(34% .02 60);--color-surface-sunken: oklch(18% .02 60);--color-text: oklch(90% .03 85);--color-text-muted: oklch(78% .025 85);--color-text-subtle: oklch(60% .03 60);--color-primary: oklch(62% .08 220);--color-primary-hover: oklch(67% .09 220);--color-primary-subtle: oklch(30% .04 220);--color-accent: oklch(72% .14 65);--color-accent-hover: oklch(77% .15 65);--color-border: oklch(35% .02 60);--color-border-muted: oklch(30% .02 60);--color-border-strong: oklch(50% .03 60);--color-success: oklch(72% .12 110);--color-warning: oklch(78% .14 80);--color-error: oklch(62% .18 25);--color-info: oklch(62% .08 220);--shadow-xs: 0 1px 2px oklch(10% .02 60 / .2);--shadow-sm: 0 1px 3px oklch(10% .02 60 / .25), 0 1px 2px oklch(10% .02 60 / .15);--shadow-md: 0 4px 6px oklch(10% .02 60 / .25), 0 2px 4px oklch(10% .02 60 / .15);--shadow-lg: 0 10px 15px oklch(10% .02 60 / .25), 0 4px 6px oklch(10% .02 60 / .1);--shadow-xl: 0 20px 25px oklch(10% .02 60 / .25);--shadow-2xl: 0 25px 50px oklch(10% .02 60 / .3);:is(main,article){& hr:not([data-ornament]){border-color:#433830}& h1,h2{color:#e7ddc8}& blockquote{color:#bfb7a6}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .18 25);--cb-string: oklch(72% .12 110);--cb-function: oklch(62% .08 220);--cb-number: oklch(70% .12 300)}::selection{background:#4892a84d;color:#e7ddc8}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=gruvbox],[data-theme~=gruvbox]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(96% .02 85);--color-surface: oklch(93% .025 85);--color-surface-alt: oklch(90% .028 85);--color-surface-raised: oklch(97% .015 85);--color-surface-sunken: oklch(88% .03 85);--color-text: oklch(25% .02 60);--color-text-muted: oklch(40% .025 60);--color-text-subtle: oklch(55% .03 60);--color-primary: oklch(48% .1 220);--color-primary-hover: oklch(43% .11 220);--color-primary-subtle: oklch(90% .03 220);--color-accent: oklch(68% .15 65);--color-accent-hover: oklch(63% .16 65);--color-border: oklch(82% .02 85);--color-border-muted: oklch(88% .015 85);--color-border-strong: oklch(55% .03 60);--color-success: oklch(58% .12 110);--color-warning: oklch(68% .14 80);--color-error: oklch(50% .18 25);--color-info: oklch(48% .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 60 / .06);--shadow-s: 0 1px 3px oklch(25% .02 60 / .08), 0 1px 2px oklch(25% .02 60 / .04);--shadow-m: 0 4px 6px oklch(25% .02 60 / .08), 0 2px 4px oklch(25% .02 60 / .04);--shadow-l: 0 10px 15px oklch(25% .02 60 / .08), 0 4px 6px oklch(25% .02 60 / .03);--shadow-xl: 0 20px 25px oklch(25% .02 60 / .08);--shadow-2xl: 0 25px 50px oklch(25% .02 60 / .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~=gruvbox],[data-theme~=gruvbox]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(82% .02 85);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#291f18}& a:not([class]){color:var(--color-primary);text-decoration-color:oklch(48% .1 220 / .4);text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(55% .1 165);padding-inline-start:1.25rem;color:#52453a}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(50% .18 25);--cb-string: oklch(58% .12 110);--cb-function: oklch(48% .1 220);--cb-number: oklch(58% .12 300);--cb-button-bg: var(--color-surface)}::selection{background:oklch(48% .1 220 / .25);color:#291f18}}:root[data-theme~=gruvbox][data-mode=dark],[data-theme~=gruvbox][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .02 60);--color-surface: oklch(26% .02 60);--color-surface-alt: oklch(30% .02 60);--color-surface-raised: oklch(34% .02 60);--color-surface-sunken: oklch(18% .02 60);--color-text: oklch(90% .03 85);--color-text-muted: oklch(78% .025 85);--color-text-subtle: oklch(60% .03 60);--color-primary: oklch(62% .08 220);--color-primary-hover: oklch(67% .09 220);--color-primary-subtle: oklch(30% .04 220);--color-accent: oklch(72% .14 65);--color-accent-hover: oklch(77% .15 65);--color-border: oklch(35% .02 60);--color-border-muted: oklch(30% .02 60);--color-border-strong: oklch(50% .03 60);--color-success: oklch(72% .12 110);--color-warning: oklch(78% .14 80);--color-error: oklch(62% .18 25);--color-info: oklch(62% .08 220);--shadow-xs: 0 1px 2px oklch(10% .02 60 / .2);--shadow-s: 0 1px 3px oklch(10% .02 60 / .25), 0 1px 2px oklch(10% .02 60 / .15);--shadow-m: 0 4px 6px oklch(10% .02 60 / .25), 0 2px 4px oklch(10% .02 60 / .15);--shadow-l: 0 10px 15px oklch(10% .02 60 / .25), 0 4px 6px oklch(10% .02 60 / .1);--shadow-xl: 0 20px 25px oklch(10% .02 60 / .25);--shadow-2xl: 0 25px 50px oklch(10% .02 60 / .3);:is(main,article){& hr:not([data-ornament]){border-color:#433830}& h1,h2{color:#e7ddc8}& blockquote{color:#bfb7a6}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .18 25);--cb-string: oklch(72% .12 110);--cb-function: oklch(62% .08 220);--cb-number: oklch(70% .12 300)}::selection{background:#4892a84d;color:#e7ddc8}}}
 /*# sourceMappingURL=gruvbox.css.map */

package/dist/cdn/themes/gruvbox.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.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set"

package/dist/cdn/themes/high-noon-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.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--cb-header-bg",
         "--cb-keyword",

package/dist/cdn/themes/high-noon.css

@@ -1,2 +1,2 @@
-:root[data-theme~=high-noon],[data-theme~=high-noon]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(100% 0 0);--color-surface: oklch(98% .002 0);--color-surface-alt: oklch(96% .005 0);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(94% .005 0);--color-text: oklch(10% .005 0);--color-text-muted: oklch(30% .005 0);--color-text-subtle: oklch(45% .005 0);--color-primary: oklch(50% .22 25);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(95% .04 25);--color-accent: oklch(55% .2 260);--color-accent-hover: oklch(50% .22 260);--color-border: oklch(80% .005 0);--color-border-muted: oklch(88% .003 0);--color-border-strong: oklch(55% .005 0);--color-success: oklch(50% .18 145);--color-warning: oklch(68% .18 70);--color-error: oklch(50% .22 25);--color-info: oklch(55% .2 260);--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.55;--line-height-tight: 1.15;--radius-xs: 2px;--radius-s: 4px;--radius-m: 6px;--radius-l: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(0% 0 0 / .12);--shadow-sm: 0 2px 6px oklch(0% 0 0 / .15);--shadow-md: 0 4px 12px oklch(0% 0 0 / .18);--shadow-lg: 0 8px 24px oklch(0% 0 0 / .2);--shadow-xl: 0 16px 40px oklch(0% 0 0 / .22);--shadow-2xl: 0 24px 56px oklch(0% 0 0 / .25);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.25, .46, .45, .94);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=high-noon],[data-theme~=high-noon]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:3px solid oklch(15% .005 0);margin-block:2rem}& h1,h2{font-weight:800;letter-spacing:-.02em;color:#040303}& h3,h4{font-weight:700;letter-spacing:-.01em}& a:not([class]){color:oklch(50% .22 25);text-decoration-color:oklch(50% .22 25 / .5);text-underline-offset:.15em;font-weight:500;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:4px solid oklch(50% .22 25);padding-inline-start:1.25rem;color:#242121}.button,button{font-weight:700;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(50% .22 25);--cb-string: oklch(50% .18 145);--cb-function: oklch(55% .2 260);--cb-number: oklch(55% .15 50);--cb-button-bg: var(--color-surface)}::selection{background:oklch(50% .22 25 / .2);color:#040303}}:root[data-theme~=high-noon][data-mode=dark],[data-theme~=high-noon][data-mode=dark]{color-scheme:dark;--color-background: oklch(5% 0 0);--color-surface: oklch(10% .003 0);--color-surface-alt: oklch(14% .003 0);--color-surface-raised: oklch(18% .003 0);--color-surface-sunken: oklch(3% 0 0);--color-text: oklch(95% .003 0);--color-text-muted: oklch(75% .003 0);--color-text-subtle: oklch(55% .003 0);--color-primary: oklch(58% .22 25);--color-primary-hover: oklch(63% .24 25);--color-primary-subtle: oklch(15% .08 25);--color-accent: oklch(62% .2 260);--color-accent-hover: oklch(67% .22 260);--color-border: oklch(20% .003 0);--color-border-muted: oklch(15% .003 0);--color-border-strong: oklch(40% .003 0);--color-success: oklch(58% .18 145);--color-warning: oklch(72% .18 70);--color-error: oklch(58% .22 25);--color-info: oklch(62% .2 260);--shadow-xs: 0 1px 3px oklch(0% 0 0 / .4);--shadow-sm: 0 2px 6px oklch(0% 0 0 / .45);--shadow-md: 0 4px 12px oklch(0% 0 0 / .5);--shadow-lg: 0 8px 24px oklch(0% 0 0 / .5);--shadow-xl: 0 16px 40px oklch(0% 0 0 / .5);--shadow-2xl: 0 24px 56px oklch(0% 0 0 / .55);:is(main,article){& hr:not([data-ornament]){border-color:#232121}& h1,h2{color:#f7f4f5}& a:not([class]){color:#df202e}& blockquote{border-color:#df202e;color:#b0adae}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(58% .22 25);--cb-string: oklch(58% .18 145);--cb-function: oklch(62% .2 260);--cb-number: oklch(65% .15 50)}::selection{background:#df202e4d;color:#f0eeee}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=high-noon],[data-theme~=high-noon]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(100% 0 0);--color-surface: oklch(98% .002 0);--color-surface-alt: oklch(96% .005 0);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(94% .005 0);--color-text: oklch(10% .005 0);--color-text-muted: oklch(30% .005 0);--color-text-subtle: oklch(45% .005 0);--color-primary: oklch(50% .22 25);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(95% .04 25);--color-accent: oklch(55% .2 260);--color-accent-hover: oklch(50% .22 260);--color-border: oklch(80% .005 0);--color-border-muted: oklch(88% .003 0);--color-border-strong: oklch(55% .005 0);--color-success: oklch(50% .18 145);--color-warning: oklch(68% .18 70);--color-error: oklch(50% .22 25);--color-info: oklch(55% .2 260);--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.55;--line-height-tight: 1.15;--radius-xs: 2px;--radius-s: 4px;--radius-m: 6px;--radius-l: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(0% 0 0 / .12);--shadow-s: 0 2px 6px oklch(0% 0 0 / .15);--shadow-m: 0 4px 12px oklch(0% 0 0 / .18);--shadow-l: 0 8px 24px oklch(0% 0 0 / .2);--shadow-xl: 0 16px 40px oklch(0% 0 0 / .22);--shadow-2xl: 0 24px 56px oklch(0% 0 0 / .25);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.25, .46, .45, .94);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=high-noon],[data-theme~=high-noon]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:3px solid oklch(15% .005 0);margin-block:2rem}& h1,h2{font-weight:800;letter-spacing:-.02em;color:#040303}& h3,h4{font-weight:700;letter-spacing:-.01em}& a:not([class]){color:oklch(50% .22 25);text-decoration-color:oklch(50% .22 25 / .5);text-underline-offset:.15em;font-weight:500;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:4px solid oklch(50% .22 25);padding-inline-start:1.25rem;color:#242121}.button,button{font-weight:700;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(50% .22 25);--cb-string: oklch(50% .18 145);--cb-function: oklch(55% .2 260);--cb-number: oklch(55% .15 50);--cb-button-bg: var(--color-surface)}::selection{background:oklch(50% .22 25 / .2);color:#040303}}:root[data-theme~=high-noon][data-mode=dark],[data-theme~=high-noon][data-mode=dark]{color-scheme:dark;--color-background: oklch(5% 0 0);--color-surface: oklch(10% .003 0);--color-surface-alt: oklch(14% .003 0);--color-surface-raised: oklch(18% .003 0);--color-surface-sunken: oklch(3% 0 0);--color-text: oklch(95% .003 0);--color-text-muted: oklch(75% .003 0);--color-text-subtle: oklch(55% .003 0);--color-primary: oklch(58% .22 25);--color-primary-hover: oklch(63% .24 25);--color-primary-subtle: oklch(15% .08 25);--color-accent: oklch(62% .2 260);--color-accent-hover: oklch(67% .22 260);--color-border: oklch(20% .003 0);--color-border-muted: oklch(15% .003 0);--color-border-strong: oklch(40% .003 0);--color-success: oklch(58% .18 145);--color-warning: oklch(72% .18 70);--color-error: oklch(58% .22 25);--color-info: oklch(62% .2 260);--shadow-xs: 0 1px 3px oklch(0% 0 0 / .4);--shadow-s: 0 2px 6px oklch(0% 0 0 / .45);--shadow-m: 0 4px 12px oklch(0% 0 0 / .5);--shadow-l: 0 8px 24px oklch(0% 0 0 / .5);--shadow-xl: 0 16px 40px oklch(0% 0 0 / .5);--shadow-2xl: 0 24px 56px oklch(0% 0 0 / .55);:is(main,article){& hr:not([data-ornament]){border-color:#232121}& h1,h2{color:#f7f4f5}& a:not([class]){color:#df202e}& blockquote{border-color:#df202e;color:#b0adae}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(58% .22 25);--cb-string: oklch(58% .18 145);--cb-function: oklch(62% .2 260);--cb-number: oklch(65% .15 50)}::selection{background:#df202e4d;color:#f0eeee}}}
 /*# sourceMappingURL=high-noon.css.map */

package/dist/cdn/themes/high-noon.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.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set"

package/dist/cdn/themes/ibm.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;600&family=IBM+Plex+Mono:wght@400;600&display=swap";:root[data-theme~=ibm],[data-theme~=ibm]{--color-background: #F4F4F4;--color-surface: #FFFFFF;--color-surface-raised: #E0E0E0;--color-surface-sunken: #E8E8E8;--color-border: #8D8D8D;--color-border-strong: #6F6F6F;--color-border-subtle: #C6C6C6;--color-text: #161616;--color-text-muted: #525252;--color-text-subtle: #6F6F6F;--color-text-on-primary: #FFFFFF;--color-primary: #0F62FE;--color-primary-hover: #0050E6;--color-primary-active: #002D9C;--color-primary-subtle: #EDF5FF;--color-secondary: #393939;--color-secondary-hover: #474747;--color-accent: #0F62FE;--color-accent-hover: #0050E6;--color-interactive: #0F62FE;--color-interactive-hover: #0050E6;--color-focus-ring: #0F62FE;--color-border-focus: #0F62FE;--color-error: #DA1E28;--color-success: #198038;--color-warning: #F1C21B;--color-info: #0043CE;--font-sans: "IBM Plex Sans", "Arial", sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--font-heading: "IBM Plex Sans", "Arial", sans-serif;--font-body: "IBM Plex Sans", "Arial", sans-serif;--font-display: "IBM Plex Sans", "Arial", sans-serif;--font-size-md: .875rem;--font-size-sm: .75rem;--font-weight-semibold: 600;--letter-spacing-tight: 0;--line-height-normal: 1.5;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .12);--shadow-md: 0 2px 6px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--focus-ring-width: 2px;--focus-ring-offset: -2px;--input-focus-shadow: inset 0 0 0 2px #0F62FE;--header-bg: #161616;--btn-padding-inline-start: 1rem;--btn-padding-inline-end: 4rem;--brand-mark-height: 1.5rem;--size-unit: .5rem}:root[data-theme~=ibm] header.site{--_link-color: #F4F4F4;--_hover-color: #FFFFFF;--_active-color: #FFFFFF;color:#f4f4f4;border-block-end:none}:root[data-theme~=ibm] header.site brand-mark{color:#fff}:root[data-theme~=ibm] header.site nav.pills [aria-current=page],:root[data-theme~=ibm] header.site nav.pills a:where([aria-current=page]){background:transparent;color:#fff;border-block-end:2px solid #0F62FE}
+@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;600&family=IBM+Plex+Mono:wght@400;600&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=ibm],[data-theme~=ibm]{--color-background: #F4F4F4;--color-surface: #FFFFFF;--color-surface-raised: #E0E0E0;--color-surface-sunken: #E8E8E8;--color-border: #8D8D8D;--color-border-strong: #6F6F6F;--color-border-subtle: #C6C6C6;--color-text: #161616;--color-text-muted: #525252;--color-text-subtle: #6F6F6F;--color-text-on-primary: #FFFFFF;--color-primary: #0F62FE;--color-primary-hover: #0050E6;--color-primary-active: #002D9C;--color-primary-subtle: #EDF5FF;--color-secondary: #393939;--color-secondary-hover: #474747;--color-accent: #0F62FE;--color-accent-hover: #0050E6;--color-interactive: #0F62FE;--color-interactive-hover: #0050E6;--color-focus-ring: #0F62FE;--color-border-focus: #0F62FE;--color-error: #DA1E28;--color-success: #198038;--color-warning: #F1C21B;--color-info: #0043CE;--font-sans: "IBM Plex Sans", "Arial", sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--font-heading: "IBM Plex Sans", "Arial", sans-serif;--font-body: "IBM Plex Sans", "Arial", sans-serif;--font-display: "IBM Plex Sans", "Arial", sans-serif;--font-size-m: .875rem;--font-size-s: .75rem;--font-weight-semibold: 600;--letter-spacing-tight: 0;--line-height-normal: 1.5;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-s: 0 2px 6px rgba(0, 0, 0, .12);--shadow-m: 0 2px 6px rgba(0, 0, 0, .2);--shadow-l: 0 8px 24px rgba(0, 0, 0, .16);--focus-ring-width: 2px;--focus-ring-offset: -2px;--input-focus-shadow: inset 0 0 0 2px #0F62FE;--header-bg: #161616;--btn-padding-inline-start: 1rem;--btn-padding-inline-end: 4rem;--brand-mark-height: 1.5rem;--size-unit: .5rem}:root[data-theme~=ibm] header.site{--_link-color: #F4F4F4;--_hover-color: #FFFFFF;--_active-color: #FFFFFF;color:#f4f4f4;border-block-end:none}:root[data-theme~=ibm] header.site brand-mark{color:#fff}:root[data-theme~=ibm] header.site nav.pills [aria-current=page],:root[data-theme~=ibm] header.site nav.pills a:where([aria-current=page]){background:transparent;color:#fff;border-block-end:2px solid #0F62FE}}
 /*# sourceMappingURL=ibm.css.map */

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

@@ -369,14 +369,14 @@
       }
     },
     "size": {
-      "md": {
+      "m": {
         "$type": "dimension",
         "$value": {
           "value": 0.875,
           "unit": "rem"
         }
       },
-      "sm": {
+      "s": {
         "$type": "dimension",
         "$value": {
           "value": 0.75,
@@ -461,7 +461,7 @@
   },
   "effect": {
     "shadow": {
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -487,7 +487,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -513,7 +513,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -553,7 +553,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--focus-ring-width",
         "--focus-ring-offset",

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

@@ -260,7 +260,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -286,7 +286,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -312,7 +312,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -395,7 +395,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--page-bg-color",
         "--page-bg-image",

package/dist/cdn/themes/journal.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,400;0,600;0,700;1,500&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=JetBrains+Mono:wght@400;700&display=swap";:root[data-theme~=journal],[data-theme~=journal]{color-scheme:light;--theme-border-style: rough;--theme-icon-set: lucide;--_journal-paper: oklch(.965 .018 88);--_journal-paper-edge: oklch(.99 .01 88);--_journal-kraft: oklch(.81 .06 72);--_journal-ink: oklch(.32 .045 262);--_journal-pencil: oklch(.56 .012 270);--_journal-dot: oklch(.8 .018 250);--_journal-margin: oklch(.64 .16 25);--_journal-mint: oklch(.86 .09 160);--_journal-blush: oklch(.86 .08 18);--_journal-butter: oklch(.91 .1 96);--_journal-sky: oklch(.85 .08 232);--_journal-lilac: oklch(.84 .08 300);--_journal-coral: oklch(.79 .13 36);--color-background: var(--_journal-paper);--color-surface: var(--_journal-paper-edge);--color-surface-alt: oklch(.95 .015 88);--color-surface-raised: oklch(1 .004 88);--color-surface-sunken: oklch(.93 .012 250);--color-text: var(--_journal-ink);--color-text-muted: var(--_journal-pencil);--color-text-subtle: oklch(.58 .012 270);--color-primary: oklch(.55 .1 165);--caret-color: var(--color-primary);--color-primary-hover: oklch(.48 .1 165);--color-primary-subtle: oklch(.93 .03 160);--color-accent: oklch(.62 .16 36);--color-accent-hover: oklch(.55 .16 36);--color-accent-subtle: oklch(.93 .04 36);--color-success: oklch(.58 .12 150);--color-warning: oklch(.74 .12 85);--color-error: oklch(.58 .16 25);--color-info: oklch(.62 .1 232);--color-border: var(--_journal-dot);--color-border-muted: oklch(.88 .012 250);--color-border-strong: oklch(.7 .02 250);--_journal-hand: "Shantell Sans", "Comic Sans MS", cursive;--font-sans: "Newsreader", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--line-height-normal: 1.5;--line-height-tight: 1.25;--radius-xs: 2px;--radius-s: 3px;--radius-m: 5px;--radius-l: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(.4 .04 60 / .1);--shadow-sm: 0 2px 5px oklch(.4 .04 60 / .12);--shadow-md: 0 4px 12px oklch(.4 .04 60 / .16);--shadow-lg: 0 10px 24px oklch(.4 .04 60 / .2);--shadow-xl: 0 16px 36px oklch(.4 .04 60 / .24);--shadow-2xl: 0 22px 48px oklch(.4 .04 60 / .28);--duration-instant: 60ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--page-bg-color: var(--_journal-paper);--page-bg-image: radial-gradient(circle, var(--_journal-dot) 1.3px, transparent 1.7px);--page-bg-size: 22px 22px}:root[data-theme~=journal] :is(h1,h2,h3),[data-theme~=journal] :is(h1,h2,h3){font-family:var(--_journal-hand);color:var(--color-text)}:root[data-theme~=journal][data-mode=dark],[data-theme~=journal][data-mode=dark]{color-scheme:dark;--color-background: oklch(.2 .02 262);--color-surface: oklch(.25 .02 262);--color-surface-alt: oklch(.23 .02 262);--color-surface-raised: oklch(.29 .02 262);--color-surface-sunken: oklch(.17 .02 262);--color-text: oklch(.92 .012 88);--color-text-muted: oklch(.74 .012 270);--color-text-subtle: oklch(.62 .012 270);--color-primary: oklch(.8 .11 165);--color-primary-hover: oklch(.86 .11 165);--color-primary-subtle: oklch(.32 .05 165);--color-accent: oklch(.74 .15 36);--color-accent-hover: oklch(.8 .15 36);--color-accent-subtle: oklch(.34 .07 36);--color-success: oklch(.74 .13 150);--color-warning: oklch(.82 .12 85);--color-error: oklch(.68 .16 25);--color-info: oklch(.74 .1 232);--color-border: oklch(.4 .02 262);--color-border-muted: oklch(.32 .02 262);--color-border-strong: oklch(.52 .03 262);--shadow-xs: 0 1px 2px oklch(0 0 0 / .4);--shadow-sm: 0 2px 5px oklch(0 0 0 / .45);--shadow-md: 0 4px 12px oklch(0 0 0 / .5);--shadow-lg: 0 10px 24px oklch(0 0 0 / .55);--shadow-xl: 0 16px 36px oklch(0 0 0 / .6);--shadow-2xl: 0 22px 48px oklch(0 0 0 / .65);--page-bg-color: var(--color-background);--page-bg-image: radial-gradient(circle, oklch(.42 .02 262) 1.3px, transparent 1.7px);--page-bg-size: 22px 22px}@media(prefers-color-scheme:dark){:root[data-theme~=journal]:not([data-mode=light]){color-scheme:dark;--color-background: oklch(.2 .02 262);--color-surface: oklch(.25 .02 262);--color-surface-alt: oklch(.23 .02 262);--color-surface-raised: oklch(.29 .02 262);--color-surface-sunken: oklch(.17 .02 262);--color-text: oklch(.92 .012 88);--color-text-muted: oklch(.74 .012 270);--color-text-subtle: oklch(.62 .012 270);--color-primary: oklch(.8 .11 165);--color-primary-hover: oklch(.86 .11 165);--color-primary-subtle: oklch(.32 .05 165);--color-accent: oklch(.74 .15 36);--color-accent-hover: oklch(.8 .15 36);--color-accent-subtle: oklch(.34 .07 36);--color-success: oklch(.74 .13 150);--color-warning: oklch(.82 .12 85);--color-error: oklch(.68 .16 25);--color-info: oklch(.74 .1 232);--color-border: oklch(.4 .02 262);--color-border-muted: oklch(.32 .02 262);--color-border-strong: oklch(.52 .03 262);--shadow-xs: 0 1px 2px oklch(0 0 0 / .4);--shadow-sm: 0 2px 5px oklch(0 0 0 / .45);--shadow-md: 0 4px 12px oklch(0 0 0 / .5);--shadow-lg: 0 10px 24px oklch(0 0 0 / .55);--shadow-xl: 0 16px 36px oklch(0 0 0 / .6);--shadow-2xl: 0 22px 48px oklch(0 0 0 / .65);--page-bg-color: var(--color-background);--page-bg-image: radial-gradient(circle, oklch(.42 .02 262) 1.3px, transparent 1.7px);--page-bg-size: 22px 22px}}
+@import"https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,400;0,600;0,700;1,500&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=JetBrains+Mono:wght@400;700&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=journal],[data-theme~=journal]{color-scheme:light;--theme-border-style: rough;--theme-icon-set: lucide;--_journal-paper: oklch(.965 .018 88);--_journal-paper-edge: oklch(.99 .01 88);--_journal-kraft: oklch(.81 .06 72);--_journal-ink: oklch(.32 .045 262);--_journal-pencil: oklch(.56 .012 270);--_journal-dot: oklch(.8 .018 250);--_journal-margin: oklch(.64 .16 25);--_journal-mint: oklch(.86 .09 160);--_journal-blush: oklch(.86 .08 18);--_journal-butter: oklch(.91 .1 96);--_journal-sky: oklch(.85 .08 232);--_journal-lilac: oklch(.84 .08 300);--_journal-coral: oklch(.79 .13 36);--color-background: var(--_journal-paper);--color-surface: var(--_journal-paper-edge);--color-surface-alt: oklch(.95 .015 88);--color-surface-raised: oklch(1 .004 88);--color-surface-sunken: oklch(.93 .012 250);--color-text: var(--_journal-ink);--color-text-muted: var(--_journal-pencil);--color-text-subtle: oklch(.58 .012 270);--color-primary: oklch(.55 .1 165);--caret-color: var(--color-primary);--color-primary-hover: oklch(.48 .1 165);--color-primary-subtle: oklch(.93 .03 160);--color-accent: oklch(.62 .16 36);--color-accent-hover: oklch(.55 .16 36);--color-accent-subtle: oklch(.93 .04 36);--color-success: oklch(.58 .12 150);--color-warning: oklch(.74 .12 85);--color-error: oklch(.58 .16 25);--color-info: oklch(.62 .1 232);--color-border: var(--_journal-dot);--color-border-muted: oklch(.88 .012 250);--color-border-strong: oklch(.7 .02 250);--_journal-hand: "Shantell Sans", "Comic Sans MS", cursive;--font-sans: "Newsreader", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--line-height-normal: 1.5;--line-height-tight: 1.25;--radius-xs: 2px;--radius-s: 3px;--radius-m: 5px;--radius-l: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(.4 .04 60 / .1);--shadow-s: 0 2px 5px oklch(.4 .04 60 / .12);--shadow-m: 0 4px 12px oklch(.4 .04 60 / .16);--shadow-l: 0 10px 24px oklch(.4 .04 60 / .2);--shadow-xl: 0 16px 36px oklch(.4 .04 60 / .24);--shadow-2xl: 0 22px 48px oklch(.4 .04 60 / .28);--duration-instant: 60ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--page-bg-color: var(--_journal-paper);--page-bg-image: radial-gradient(circle, var(--_journal-dot) 1.3px, transparent 1.7px);--page-bg-size: 22px 22px}:root[data-theme~=journal] :is(h1,h2,h3),[data-theme~=journal] :is(h1,h2,h3){font-family:var(--_journal-hand);color:var(--color-text)}:root[data-theme~=journal][data-mode=dark],[data-theme~=journal][data-mode=dark]{color-scheme:dark;--color-background: oklch(.2 .02 262);--color-surface: oklch(.25 .02 262);--color-surface-alt: oklch(.23 .02 262);--color-surface-raised: oklch(.29 .02 262);--color-surface-sunken: oklch(.17 .02 262);--color-text: oklch(.92 .012 88);--color-text-muted: oklch(.74 .012 270);--color-text-subtle: oklch(.62 .012 270);--color-primary: oklch(.8 .11 165);--color-primary-hover: oklch(.86 .11 165);--color-primary-subtle: oklch(.32 .05 165);--color-accent: oklch(.74 .15 36);--color-accent-hover: oklch(.8 .15 36);--color-accent-subtle: oklch(.34 .07 36);--color-success: oklch(.74 .13 150);--color-warning: oklch(.82 .12 85);--color-error: oklch(.68 .16 25);--color-info: oklch(.74 .1 232);--color-border: oklch(.4 .02 262);--color-border-muted: oklch(.32 .02 262);--color-border-strong: oklch(.52 .03 262);--shadow-xs: 0 1px 2px oklch(0 0 0 / .4);--shadow-s: 0 2px 5px oklch(0 0 0 / .45);--shadow-m: 0 4px 12px oklch(0 0 0 / .5);--shadow-l: 0 10px 24px oklch(0 0 0 / .55);--shadow-xl: 0 16px 36px oklch(0 0 0 / .6);--shadow-2xl: 0 22px 48px oklch(0 0 0 / .65);--page-bg-color: var(--color-background);--page-bg-image: radial-gradient(circle, oklch(.42 .02 262) 1.3px, transparent 1.7px);--page-bg-size: 22px 22px}@media(prefers-color-scheme:dark){:root[data-theme~=journal]:not([data-mode=light]){color-scheme:dark;--color-background: oklch(.2 .02 262);--color-surface: oklch(.25 .02 262);--color-surface-alt: oklch(.23 .02 262);--color-surface-raised: oklch(.29 .02 262);--color-surface-sunken: oklch(.17 .02 262);--color-text: oklch(.92 .012 88);--color-text-muted: oklch(.74 .012 270);--color-text-subtle: oklch(.62 .012 270);--color-primary: oklch(.8 .11 165);--color-primary-hover: oklch(.86 .11 165);--color-primary-subtle: oklch(.32 .05 165);--color-accent: oklch(.74 .15 36);--color-accent-hover: oklch(.8 .15 36);--color-accent-subtle: oklch(.34 .07 36);--color-success: oklch(.74 .13 150);--color-warning: oklch(.82 .12 85);--color-error: oklch(.68 .16 25);--color-info: oklch(.74 .1 232);--color-border: oklch(.4 .02 262);--color-border-muted: oklch(.32 .02 262);--color-border-strong: oklch(.52 .03 262);--shadow-xs: 0 1px 2px oklch(0 0 0 / .4);--shadow-s: 0 2px 5px oklch(0 0 0 / .45);--shadow-m: 0 4px 12px oklch(0 0 0 / .5);--shadow-l: 0 10px 24px oklch(0 0 0 / .55);--shadow-xl: 0 16px 36px oklch(0 0 0 / .6);--shadow-2xl: 0 22px 48px oklch(0 0 0 / .65);--page-bg-color: var(--color-background);--page-bg-image: radial-gradient(circle, oklch(.42 .02 262) 1.3px, transparent 1.7px);--page-bg-size: 22px 22px}}}
 /*# sourceMappingURL=journal.css.map */

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

@@ -368,7 +368,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -394,7 +394,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -420,7 +420,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -555,7 +555,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set",

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

@@ -381,7 +381,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -407,7 +407,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -433,7 +433,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -516,7 +516,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--_kawaii-color-lavender",
         "--_kawaii-color-peach",