vanilla-breeze 0.3.0 → 0.4.0

package/dist/cdn/themes/catppuccin-latte-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/catppuccin-latte.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap";:root[data-theme~=catppuccin-latte],[data-theme~=catppuccin-latte]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(95% .01 240);--color-surface: oklch(93% .012 240);--color-surface-alt: oklch(85% .012 240);--color-surface-raised: oklch(80% .01 240);--color-surface-sunken: oklch(90% .012 240);--color-text: oklch(38% .02 250);--color-text-muted: oklch(44% .02 250);--color-text-subtle: oklch(50% .02 250);--color-primary: oklch(48% .22 295);--color-primary-hover: oklch(43% .23 295);--color-primary-subtle: oklch(92% .04 295);--color-accent: oklch(65% .18 45);--color-accent-hover: oklch(62% .15 30);--color-border: oklch(85% .01 240);--color-border-muted: oklch(90% .008 240);--color-border-strong: oklch(55% .02 250);--color-success: oklch(55% .16 145);--color-warning: oklch(68% .14 75);--color-error: oklch(52% .2 25);--color-info: oklch(50% .18 260);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.65;--line-height-tight: 1.25;--radius-xs: .25rem;--radius-s: .375rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(38% .02 250 / .06);--shadow-sm: 0 2px 4px oklch(38% .02 250 / .08), 0 1px 2px oklch(38% .02 250 / .05);--shadow-md: 0 4px 8px oklch(38% .02 250 / .08), 0 2px 4px oklch(38% .02 250 / .05);--shadow-lg: 0 8px 16px oklch(38% .02 250 / .1), 0 4px 8px oklch(38% .02 250 / .05);--shadow-xl: 0 16px 32px oklch(38% .02 250 / .1);--shadow-2xl: 0 24px 48px oklch(38% .02 250 / .12);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}:root[data-theme~=catppuccin-latte],[data-theme~=catppuccin-latte]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(85% .01 240);margin-block:2rem}& h1,h2{font-weight:600;color:#3b434d}& a:not([class]){color:#195cc7;text-decoration-color:#195cc766;text-underline-offset:.15em;&:hover{color:#6c2dc9;text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(48% .22 295);padding-inline-start:1.25rem;color:#4a545d}.button,button{font-weight:500}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(48% .22 295);--cb-string: oklch(55% .16 145);--cb-function: oklch(50% .18 260);--cb-number: oklch(68% .14 75);--cb-button-bg: var(--color-surface)}::selection{background:#6c2dc933;color:#3b434d}}:root[data-theme~=catppuccin-latte][data-mode=dark],[data-theme~=catppuccin-latte][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .025 240);--color-surface: oklch(18% .02 240);--color-surface-alt: oklch(28% .025 240);--color-surface-raised: oklch(33% .025 240);--color-surface-sunken: oklch(15% .02 240);--color-text: oklch(88% .02 250);--color-text-muted: oklch(80% .02 250);--color-text-subtle: oklch(72% .02 250);--color-primary: oklch(75% .15 295);--color-primary-hover: oklch(80% .16 295);--color-primary-subtle: oklch(30% .06 295);--color-accent: oklch(80% .1 45);--color-accent-hover: oklch(85% .08 30);--color-border: oklch(33% .025 240);--color-border-muted: oklch(28% .025 240);--color-border-strong: oklch(50% .025 240);--color-success: oklch(82% .14 145);--color-warning: oklch(90% .08 75);--color-error: oklch(72% .14 25);--color-info: oklch(78% .1 260);--shadow-xs: 0 1px 2px oklch(15% .02 240 / .2);--shadow-sm: 0 2px 4px oklch(15% .02 240 / .2), 0 1px 2px oklch(15% .02 240 / .15);--shadow-md: 0 4px 8px oklch(15% .02 240 / .2), 0 2px 4px oklch(15% .02 240 / .12);--shadow-lg: 0 8px 16px oklch(15% .02 240 / .25), 0 4px 8px oklch(15% .02 240 / .12);--shadow-xl: 0 16px 32px oklch(15% .02 240 / .25);--shadow-2xl: 0 24px 48px oklch(15% .02 240 / .3);:is(main,article){& hr:not([data-ornament]){border-color:#2a3741}& h1,h2{color:#ced9e5}& a:not([class]){color:#92b9f8;&:hover{color:oklch(75% .15 295)}}& blockquote{color:#b4bfca}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(75% .15 295);--cb-string: oklch(82% .14 145);--cb-function: oklch(78% .1 260);--cb-number: oklch(85% .1 75)}::selection{background:oklch(75% .15 295 / .25);color:#ced9e5}}
+@import"https://fonts.googleapis.com/css2?family=Nunito: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~=catppuccin-latte],[data-theme~=catppuccin-latte]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(95% .01 240);--color-surface: oklch(93% .012 240);--color-surface-alt: oklch(85% .012 240);--color-surface-raised: oklch(80% .01 240);--color-surface-sunken: oklch(90% .012 240);--color-text: oklch(38% .02 250);--color-text-muted: oklch(44% .02 250);--color-text-subtle: oklch(50% .02 250);--color-primary: oklch(48% .22 295);--color-primary-hover: oklch(43% .23 295);--color-primary-subtle: oklch(92% .04 295);--color-accent: oklch(65% .18 45);--color-accent-hover: oklch(62% .15 30);--color-border: oklch(85% .01 240);--color-border-muted: oklch(90% .008 240);--color-border-strong: oklch(55% .02 250);--color-success: oklch(55% .16 145);--color-warning: oklch(68% .14 75);--color-error: oklch(52% .2 25);--color-info: oklch(50% .18 260);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.65;--line-height-tight: 1.25;--radius-xs: .25rem;--radius-s: .375rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(38% .02 250 / .06);--shadow-s: 0 2px 4px oklch(38% .02 250 / .08), 0 1px 2px oklch(38% .02 250 / .05);--shadow-m: 0 4px 8px oklch(38% .02 250 / .08), 0 2px 4px oklch(38% .02 250 / .05);--shadow-l: 0 8px 16px oklch(38% .02 250 / .1), 0 4px 8px oklch(38% .02 250 / .05);--shadow-xl: 0 16px 32px oklch(38% .02 250 / .1);--shadow-2xl: 0 24px 48px oklch(38% .02 250 / .12);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}:root[data-theme~=catppuccin-latte],[data-theme~=catppuccin-latte]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(85% .01 240);margin-block:2rem}& h1,h2{font-weight:600;color:#3b434d}& a:not([class]){color:#195cc7;text-decoration-color:#195cc766;text-underline-offset:.15em;&:hover{color:#6c2dc9;text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(48% .22 295);padding-inline-start:1.25rem;color:#4a545d}.button,button{font-weight:500}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(48% .22 295);--cb-string: oklch(55% .16 145);--cb-function: oklch(50% .18 260);--cb-number: oklch(68% .14 75);--cb-button-bg: var(--color-surface)}::selection{background:#6c2dc933;color:#3b434d}}:root[data-theme~=catppuccin-latte][data-mode=dark],[data-theme~=catppuccin-latte][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .025 240);--color-surface: oklch(18% .02 240);--color-surface-alt: oklch(28% .025 240);--color-surface-raised: oklch(33% .025 240);--color-surface-sunken: oklch(15% .02 240);--color-text: oklch(88% .02 250);--color-text-muted: oklch(80% .02 250);--color-text-subtle: oklch(72% .02 250);--color-primary: oklch(75% .15 295);--color-primary-hover: oklch(80% .16 295);--color-primary-subtle: oklch(30% .06 295);--color-accent: oklch(80% .1 45);--color-accent-hover: oklch(85% .08 30);--color-border: oklch(33% .025 240);--color-border-muted: oklch(28% .025 240);--color-border-strong: oklch(50% .025 240);--color-success: oklch(82% .14 145);--color-warning: oklch(90% .08 75);--color-error: oklch(72% .14 25);--color-info: oklch(78% .1 260);--shadow-xs: 0 1px 2px oklch(15% .02 240 / .2);--shadow-s: 0 2px 4px oklch(15% .02 240 / .2), 0 1px 2px oklch(15% .02 240 / .15);--shadow-m: 0 4px 8px oklch(15% .02 240 / .2), 0 2px 4px oklch(15% .02 240 / .12);--shadow-l: 0 8px 16px oklch(15% .02 240 / .25), 0 4px 8px oklch(15% .02 240 / .12);--shadow-xl: 0 16px 32px oklch(15% .02 240 / .25);--shadow-2xl: 0 24px 48px oklch(15% .02 240 / .3);:is(main,article){& hr:not([data-ornament]){border-color:#2a3741}& h1,h2{color:#ced9e5}& a:not([class]){color:#92b9f8;&:hover{color:oklch(75% .15 295)}}& blockquote{color:#b4bfca}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(75% .15 295);--cb-string: oklch(82% .14 145);--cb-function: oklch(78% .1 260);--cb-number: oklch(85% .1 75)}::selection{background:oklch(75% .15 295 / .25);color:#ced9e5}}}
 /*# sourceMappingURL=catppuccin-latte.css.map */

package/dist/cdn/themes/catppuccin-latte.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/catppuccin-macchiato.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap";:root[data-theme~=catppuccin-macchiato],[data-theme~=catppuccin-macchiato]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(22% .025 255);--color-surface: oklch(18% .02 255);--color-surface-alt: oklch(28% .025 255);--color-surface-raised: oklch(35% .025 255);--color-surface-sunken: oklch(15% .02 255);--color-text: oklch(87% .02 260);--color-text-muted: oklch(80% .02 260);--color-text-subtle: oklch(73% .02 260);--color-primary: oklch(75% .15 300);--color-primary-hover: oklch(80% .16 300);--color-primary-subtle: oklch(30% .06 300);--color-accent: oklch(78% .1 55);--color-accent-hover: oklch(83% .11 55);--color-border: oklch(35% .025 255);--color-border-muted: oklch(28% .025 255);--color-border-strong: oklch(50% .025 255);--color-success: oklch(82% .14 145);--color-warning: oklch(88% .08 80);--color-error: oklch(72% .13 15);--color-info: oklch(76% .1 255);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.65;--line-height-tight: 1.25;--radius-xs: .25rem;--radius-s: .375rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(12% .02 255 / .2);--shadow-sm: 0 2px 4px oklch(12% .02 255 / .2), 0 1px 2px oklch(12% .02 255 / .15);--shadow-md: 0 4px 8px oklch(12% .02 255 / .2), 0 2px 4px oklch(12% .02 255 / .12);--shadow-lg: 0 8px 16px oklch(12% .02 255 / .25), 0 4px 8px oklch(12% .02 255 / .12);--shadow-xl: 0 16px 32px oklch(12% .02 255 / .25);--shadow-2xl: 0 24px 48px oklch(12% .02 255 / .3);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}:root[data-theme~=catppuccin-macchiato],[data-theme~=catppuccin-macchiato]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(35% .025 255);margin-block:2rem}& h1,h2{font-weight:600;color:#cdd5e2}& a:not([class]){color:#85b4f0;text-decoration-color:#85b4f066;text-underline-offset:.15em;&:hover{color:#bd96fe;text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(75% .15 300);padding-inline-start:1.25rem;color:#b6becb}.button,button{font-weight:500}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(75% .15 300);--cb-string: oklch(82% .14 145);--cb-function: oklch(76% .1 255);--cb-number: oklch(88% .08 80);--cb-button-bg: var(--color-surface)}::selection{background:#bd96fe40;color:#cdd5e2}}:root[data-theme~=catppuccin-macchiato][data-mode=light],[data-theme~=catppuccin-macchiato][data-mode=light]{color-scheme:light;--color-background: oklch(97% .01 255);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(95% .012 255);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .015 255);--color-text: oklch(30% .025 255);--color-text-muted: oklch(42% .02 255);--color-text-subtle: oklch(55% .02 255);--color-primary: oklch(55% .18 300);--color-primary-hover: oklch(50% .19 300);--color-primary-subtle: oklch(92% .04 300);--color-accent: oklch(68% .1 55);--color-accent-hover: oklch(63% .11 55);--color-border: oklch(88% .01 255);--color-border-muted: oklch(92% .008 255);--color-border-strong: oklch(55% .02 255);--color-success: oklch(52% .16 145);--color-warning: oklch(58% .12 80);--color-error: oklch(55% .17 15);--color-info: oklch(50% .12 255);--shadow-xs: 0 1px 2px oklch(30% .025 255 / .06);--shadow-sm: 0 2px 4px oklch(30% .025 255 / .08);--shadow-md: 0 4px 8px oklch(30% .025 255 / .08);--shadow-lg: 0 8px 16px oklch(30% .025 255 / .1);--shadow-xl: 0 16px 32px oklch(30% .025 255 / .1);--shadow-2xl: 0 24px 48px oklch(30% .025 255 / .12);:is(main,article){& hr:not([data-ornament]){border-color:#d3d8de}& h1,h2{color:#252f3a}& a:not([class]){color:#8451c9;&:hover{color:#8451c9}}& blockquote{color:#464e58}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .18 300);--cb-string: oklch(52% .15 145);--cb-function: oklch(50% .12 255);--cb-number: oklch(58% .12 80)}::selection{background:#8451c933;color:#252f3a}}
+@import"https://fonts.googleapis.com/css2?family=Nunito: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~=catppuccin-macchiato],[data-theme~=catppuccin-macchiato]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(22% .025 255);--color-surface: oklch(18% .02 255);--color-surface-alt: oklch(28% .025 255);--color-surface-raised: oklch(35% .025 255);--color-surface-sunken: oklch(15% .02 255);--color-text: oklch(87% .02 260);--color-text-muted: oklch(80% .02 260);--color-text-subtle: oklch(73% .02 260);--color-primary: oklch(75% .15 300);--color-primary-hover: oklch(80% .16 300);--color-primary-subtle: oklch(30% .06 300);--color-accent: oklch(78% .1 55);--color-accent-hover: oklch(83% .11 55);--color-border: oklch(35% .025 255);--color-border-muted: oklch(28% .025 255);--color-border-strong: oklch(50% .025 255);--color-success: oklch(82% .14 145);--color-warning: oklch(88% .08 80);--color-error: oklch(72% .13 15);--color-info: oklch(76% .1 255);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.65;--line-height-tight: 1.25;--radius-xs: .25rem;--radius-s: .375rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(12% .02 255 / .2);--shadow-s: 0 2px 4px oklch(12% .02 255 / .2), 0 1px 2px oklch(12% .02 255 / .15);--shadow-m: 0 4px 8px oklch(12% .02 255 / .2), 0 2px 4px oklch(12% .02 255 / .12);--shadow-l: 0 8px 16px oklch(12% .02 255 / .25), 0 4px 8px oklch(12% .02 255 / .12);--shadow-xl: 0 16px 32px oklch(12% .02 255 / .25);--shadow-2xl: 0 24px 48px oklch(12% .02 255 / .3);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}:root[data-theme~=catppuccin-macchiato],[data-theme~=catppuccin-macchiato]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(35% .025 255);margin-block:2rem}& h1,h2{font-weight:600;color:#cdd5e2}& a:not([class]){color:#85b4f0;text-decoration-color:#85b4f066;text-underline-offset:.15em;&:hover{color:#bd96fe;text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(75% .15 300);padding-inline-start:1.25rem;color:#b6becb}.button,button{font-weight:500}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(75% .15 300);--cb-string: oklch(82% .14 145);--cb-function: oklch(76% .1 255);--cb-number: oklch(88% .08 80);--cb-button-bg: var(--color-surface)}::selection{background:#bd96fe40;color:#cdd5e2}}:root[data-theme~=catppuccin-macchiato][data-mode=light],[data-theme~=catppuccin-macchiato][data-mode=light]{color-scheme:light;--color-background: oklch(97% .01 255);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(95% .012 255);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .015 255);--color-text: oklch(30% .025 255);--color-text-muted: oklch(42% .02 255);--color-text-subtle: oklch(55% .02 255);--color-primary: oklch(55% .18 300);--color-primary-hover: oklch(50% .19 300);--color-primary-subtle: oklch(92% .04 300);--color-accent: oklch(68% .1 55);--color-accent-hover: oklch(63% .11 55);--color-border: oklch(88% .01 255);--color-border-muted: oklch(92% .008 255);--color-border-strong: oklch(55% .02 255);--color-success: oklch(52% .16 145);--color-warning: oklch(58% .12 80);--color-error: oklch(55% .17 15);--color-info: oklch(50% .12 255);--shadow-xs: 0 1px 2px oklch(30% .025 255 / .06);--shadow-s: 0 2px 4px oklch(30% .025 255 / .08);--shadow-m: 0 4px 8px oklch(30% .025 255 / .08);--shadow-l: 0 8px 16px oklch(30% .025 255 / .1);--shadow-xl: 0 16px 32px oklch(30% .025 255 / .1);--shadow-2xl: 0 24px 48px oklch(30% .025 255 / .12);:is(main,article){& hr:not([data-ornament]){border-color:#d3d8de}& h1,h2{color:#252f3a}& a:not([class]){color:#8451c9;&:hover{color:#8451c9}}& blockquote{color:#464e58}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .18 300);--cb-string: oklch(52% .15 145);--cb-function: oklch(50% .12 255);--cb-number: oklch(58% .12 80)}::selection{background:#8451c933;color:#252f3a}}}
 /*# sourceMappingURL=catppuccin-macchiato.css.map */

package/dist/cdn/themes/catppuccin-macchiato.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/catppuccin-mocha.css

@@ -1,2 +1,2 @@
-:root[data-theme~=catppuccin-mocha],[data-theme~=catppuccin-mocha]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(24% .03 275);--color-surface: oklch(20% .025 275);--color-surface-alt: oklch(30% .025 275);--color-surface-raised: oklch(35% .025 275);--color-surface-sunken: oklch(15% .025 275);--color-text: oklch(88% .02 270);--color-text-muted: oklch(80% .02 270);--color-text-subtle: oklch(72% .02 270);--color-primary: oklch(75% .15 305);--color-primary-hover: oklch(80% .16 305);--color-primary-subtle: oklch(30% .06 305);--color-accent: oklch(92% .03 30);--color-accent-hover: oklch(95% .04 30);--color-border: oklch(35% .025 275);--color-border-muted: oklch(30% .025 275);--color-border-strong: oklch(50% .025 275);--color-success: oklch(82% .14 145);--color-warning: oklch(90% .08 80);--color-error: oklch(72% .14 15);--color-info: oklch(78% .1 250);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.65;--line-height-tight: 1.25;--radius-xs: .25rem;--radius-s: .375rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(15% .025 275 / .2);--shadow-sm: 0 2px 4px oklch(15% .025 275 / .2), 0 1px 2px oklch(15% .025 275 / .15);--shadow-md: 0 4px 8px oklch(15% .025 275 / .2), 0 2px 4px oklch(15% .025 275 / .12);--shadow-lg: 0 8px 16px oklch(15% .025 275 / .25), 0 4px 8px oklch(15% .025 275 / .12);--shadow-xl: 0 16px 32px oklch(15% .025 275 / .25);--shadow-2xl: 0 24px 48px oklch(15% .025 275 / .3);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}:root[data-theme~=catppuccin-mocha],[data-theme~=catppuccin-mocha]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(35% .025 275);margin-block:2rem}& h1,h2{font-weight:600;color:#d2d7e5}& a:not([class]){color:#85bcf5;text-decoration-color:#85bcf566;text-underline-offset:.15em;&:hover{color:#c494fa;text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(75% .15 305);padding-inline-start:1.25rem;color:#b8bdcb}.button,button{font-weight:500}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(75% .15 305);--cb-string: oklch(82% .14 145);--cb-function: oklch(78% .1 250);--cb-number: oklch(85% .1 55);--cb-button-bg: var(--color-surface)}::selection{background:#c494fa40;color:#d2d7e5}}:root[data-theme~=catppuccin-mocha][data-mode=light],[data-theme~=catppuccin-mocha][data-mode=light]{color-scheme:light;--color-background: oklch(97% .01 270);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(95% .012 270);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .015 270);--color-text: oklch(30% .025 275);--color-text-muted: oklch(42% .02 275);--color-text-subtle: oklch(55% .02 275);--color-primary: oklch(55% .18 305);--color-primary-hover: oklch(50% .19 305);--color-primary-subtle: oklch(92% .04 305);--color-accent: oklch(70% .08 30);--color-accent-hover: oklch(65% .09 30);--color-border: oklch(88% .01 270);--color-border-muted: oklch(92% .008 270);--color-border-strong: oklch(55% .02 275);--color-success: oklch(52% .16 145);--color-warning: oklch(58% .12 80);--color-error: oklch(55% .18 15);--color-info: oklch(50% .12 250);--shadow-xs: 0 1px 2px oklch(30% .025 275 / .06);--shadow-sm: 0 2px 4px oklch(30% .025 275 / .08);--shadow-md: 0 4px 8px oklch(30% .025 275 / .08);--shadow-lg: 0 8px 16px oklch(30% .025 275 / .1);--shadow-xl: 0 16px 32px oklch(30% .025 275 / .1);--shadow-2xl: 0 24px 48px oklch(30% .025 275 / .12);:is(main,article){& hr:not([data-ornament]){border-color:#d5d7de}& h1,h2{color:#2a2d3b}& a:not([class]){color:#8b4ec4;&:hover{color:#8b4ec4}}& blockquote{color:#4a4c58}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .18 305);--cb-string: oklch(52% .15 145);--cb-function: oklch(50% .12 250);--cb-number: oklch(58% .12 55)}::selection{background:#8b4ec433;color:#2a2d3b}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=catppuccin-mocha],[data-theme~=catppuccin-mocha]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(24% .03 275);--color-surface: oklch(20% .025 275);--color-surface-alt: oklch(30% .025 275);--color-surface-raised: oklch(35% .025 275);--color-surface-sunken: oklch(15% .025 275);--color-text: oklch(88% .02 270);--color-text-muted: oklch(80% .02 270);--color-text-subtle: oklch(72% .02 270);--color-primary: oklch(75% .15 305);--color-primary-hover: oklch(80% .16 305);--color-primary-subtle: oklch(30% .06 305);--color-accent: oklch(92% .03 30);--color-accent-hover: oklch(95% .04 30);--color-border: oklch(35% .025 275);--color-border-muted: oklch(30% .025 275);--color-border-strong: oklch(50% .025 275);--color-success: oklch(82% .14 145);--color-warning: oklch(90% .08 80);--color-error: oklch(72% .14 15);--color-info: oklch(78% .1 250);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.65;--line-height-tight: 1.25;--radius-xs: .25rem;--radius-s: .375rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(15% .025 275 / .2);--shadow-s: 0 2px 4px oklch(15% .025 275 / .2), 0 1px 2px oklch(15% .025 275 / .15);--shadow-m: 0 4px 8px oklch(15% .025 275 / .2), 0 2px 4px oklch(15% .025 275 / .12);--shadow-l: 0 8px 16px oklch(15% .025 275 / .25), 0 4px 8px oklch(15% .025 275 / .12);--shadow-xl: 0 16px 32px oklch(15% .025 275 / .25);--shadow-2xl: 0 24px 48px oklch(15% .025 275 / .3);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}:root[data-theme~=catppuccin-mocha],[data-theme~=catppuccin-mocha]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(35% .025 275);margin-block:2rem}& h1,h2{font-weight:600;color:#d2d7e5}& a:not([class]){color:#85bcf5;text-decoration-color:#85bcf566;text-underline-offset:.15em;&:hover{color:#c494fa;text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(75% .15 305);padding-inline-start:1.25rem;color:#b8bdcb}.button,button{font-weight:500}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(75% .15 305);--cb-string: oklch(82% .14 145);--cb-function: oklch(78% .1 250);--cb-number: oklch(85% .1 55);--cb-button-bg: var(--color-surface)}::selection{background:#c494fa40;color:#d2d7e5}}:root[data-theme~=catppuccin-mocha][data-mode=light],[data-theme~=catppuccin-mocha][data-mode=light]{color-scheme:light;--color-background: oklch(97% .01 270);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(95% .012 270);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .015 270);--color-text: oklch(30% .025 275);--color-text-muted: oklch(42% .02 275);--color-text-subtle: oklch(55% .02 275);--color-primary: oklch(55% .18 305);--color-primary-hover: oklch(50% .19 305);--color-primary-subtle: oklch(92% .04 305);--color-accent: oklch(70% .08 30);--color-accent-hover: oklch(65% .09 30);--color-border: oklch(88% .01 270);--color-border-muted: oklch(92% .008 270);--color-border-strong: oklch(55% .02 275);--color-success: oklch(52% .16 145);--color-warning: oklch(58% .12 80);--color-error: oklch(55% .18 15);--color-info: oklch(50% .12 250);--shadow-xs: 0 1px 2px oklch(30% .025 275 / .06);--shadow-s: 0 2px 4px oklch(30% .025 275 / .08);--shadow-m: 0 4px 8px oklch(30% .025 275 / .08);--shadow-l: 0 8px 16px oklch(30% .025 275 / .1);--shadow-xl: 0 16px 32px oklch(30% .025 275 / .1);--shadow-2xl: 0 24px 48px oklch(30% .025 275 / .12);:is(main,article){& hr:not([data-ornament]){border-color:#d5d7de}& h1,h2{color:#2a2d3b}& a:not([class]){color:#8b4ec4;&:hover{color:#8b4ec4}}& blockquote{color:#4a4c58}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .18 305);--cb-string: oklch(52% .15 145);--cb-function: oklch(50% .12 250);--cb-number: oklch(58% .12 55)}::selection{background:#8b4ec433;color:#2a2d3b}}}
 /*# sourceMappingURL=catppuccin-mocha.css.map */

package/dist/cdn/themes/catppuccin-mocha.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/classic-dark.tokens.json

@@ -225,7 +225,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": [
           {
@@ -284,7 +284,7 @@
           }
         ]
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": [
           {
@@ -343,7 +343,7 @@
           }
         ]
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": [
           {
@@ -496,7 +496,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "seedDerivation": true
     }
   }

package/dist/cdn/themes/classic.css

@@ -1,2 +1,2 @@
-:root[data-theme~=classic],[data-theme~=classic]{--hue-primary: 220;--hue-secondary: 200;--hue-accent: 35;--lightness-primary: 40%;--chroma-primary: .12;--lightness-secondary: 45%;--chroma-secondary: .08;--lightness-accent: 60%;--chroma-accent: .14;--color-primary-hover: oklch(from var(--color-primary) calc(l + .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l + .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .96 .03 h);--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .06) c h);--color-accent-hover: oklch(from var(--color-accent) calc(l - .06) c h);--font-sans: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--font-serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--line-height-tight: 1.3;--line-height-normal: 1.65;--line-height-relaxed: 1.8;--letter-spacing-normal: .01em;--letter-spacing-wide: .05em;--radius-xs: .125rem;--radius-s: .1875rem;--radius-m: .25rem;--radius-l: .375rem;--radius-xl: .5rem;--radius-2xl: .75rem;--border-width-thin: 1px;--border-width-medium: 2px;--shadow-xs: 0 1px 2px 0 oklch(0% 0 0 / .04);--shadow-sm: 0 1px 3px 0 oklch(0% 0 0 / .06), 0 1px 2px -1px oklch(0% 0 0 / .04);--shadow-md: 0 3px 6px -1px oklch(0% 0 0 / .07), 0 2px 4px -2px oklch(0% 0 0 / .05);--shadow-lg: 0 8px 12px -2px oklch(0% 0 0 / .08), 0 4px 6px -3px oklch(0% 0 0 / .05);--shadow-xl: 0 16px 20px -4px oklch(0% 0 0 / .09), 0 8px 10px -5px oklch(0% 0 0 / .05);--shadow-2xl: 0 24px 40px -8px oklch(0% 0 0 / .12);--duration-instant: 50ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.2, 0, .4, 1);--ease-in: cubic-bezier(.4, 0, .8, 1)}:root[data-theme~=classic][data-mode=dark],[data-theme~=classic][data-mode=dark]{--lightness-primary: 60%;--chroma-primary: .1;--chroma-surface-tint: .015;--color-background: oklch(10% var(--chroma-surface-tint) var(--hue-primary));--color-surface: oklch(14% var(--chroma-surface-tint) var(--hue-primary));--color-surface-raised: oklch(18% var(--chroma-surface-tint) var(--hue-primary));--color-surface-sunken: oklch(8% var(--chroma-surface-tint) var(--hue-primary));--color-surface-alt: oklch(16% var(--chroma-surface-tint) var(--hue-primary));--color-text: oklch(92% .01 var(--hue-primary));--color-text-muted: oklch(70% var(--chroma-surface-tint) var(--hue-primary));--color-border: oklch(28% var(--chroma-surface-tint) var(--hue-primary));--color-border-strong: oklch(48% var(--chroma-surface-tint) var(--hue-primary));--color-border-muted: oklch(22% var(--chroma-surface-tint) var(--hue-primary));--lightness-accent: 70%;--chroma-accent: .12;--shadow-xs: 0 1px 2px 0 oklch(0% 0 0 / .15);--shadow-sm: 0 1px 3px 0 oklch(0% 0 0 / .2), 0 1px 2px -1px oklch(0% 0 0 / .12);--shadow-md: 0 3px 6px -1px oklch(0% 0 0 / .25), 0 2px 4px -2px oklch(0% 0 0 / .2);--shadow-lg: 0 8px 12px -2px oklch(0% 0 0 / .3), 0 4px 6px -3px oklch(0% 0 0 / .2);--shadow-xl: 0 16px 20px -4px oklch(0% 0 0 / .35), 0 8px 10px -5px oklch(0% 0 0 / .2);--shadow-2xl: 0 24px 40px -8px oklch(0% 0 0 / .4)}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=classic],[data-theme~=classic]{--hue-primary: 220;--hue-secondary: 200;--hue-accent: 35;--lightness-primary: 40%;--chroma-primary: .12;--lightness-secondary: 45%;--chroma-secondary: .08;--lightness-accent: 60%;--chroma-accent: .14;--color-primary-hover: oklch(from var(--color-primary) calc(l + .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l + .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .96 .03 h);--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .06) c h);--color-accent-hover: oklch(from var(--color-accent) calc(l - .06) c h);--font-sans: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--font-serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--line-height-tight: 1.3;--line-height-normal: 1.65;--line-height-relaxed: 1.8;--letter-spacing-normal: .01em;--letter-spacing-wide: .05em;--radius-xs: .125rem;--radius-s: .1875rem;--radius-m: .25rem;--radius-l: .375rem;--radius-xl: .5rem;--radius-2xl: .75rem;--border-width-thin: 1px;--border-width-medium: 2px;--shadow-xs: 0 1px 2px 0 oklch(0% 0 0 / .04);--shadow-s: 0 1px 3px 0 oklch(0% 0 0 / .06), 0 1px 2px -1px oklch(0% 0 0 / .04);--shadow-m: 0 3px 6px -1px oklch(0% 0 0 / .07), 0 2px 4px -2px oklch(0% 0 0 / .05);--shadow-l: 0 8px 12px -2px oklch(0% 0 0 / .08), 0 4px 6px -3px oklch(0% 0 0 / .05);--shadow-xl: 0 16px 20px -4px oklch(0% 0 0 / .09), 0 8px 10px -5px oklch(0% 0 0 / .05);--shadow-2xl: 0 24px 40px -8px oklch(0% 0 0 / .12);--duration-instant: 50ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.2, 0, .4, 1);--ease-in: cubic-bezier(.4, 0, .8, 1)}:root[data-theme~=classic][data-mode=dark],[data-theme~=classic][data-mode=dark]{--lightness-primary: 60%;--chroma-primary: .1;--chroma-surface-tint: .015;--color-background: oklch(10% var(--chroma-surface-tint) var(--hue-primary));--color-surface: oklch(14% var(--chroma-surface-tint) var(--hue-primary));--color-surface-raised: oklch(18% var(--chroma-surface-tint) var(--hue-primary));--color-surface-sunken: oklch(8% var(--chroma-surface-tint) var(--hue-primary));--color-surface-alt: oklch(16% var(--chroma-surface-tint) var(--hue-primary));--color-text: oklch(92% .01 var(--hue-primary));--color-text-muted: oklch(70% var(--chroma-surface-tint) var(--hue-primary));--color-border: oklch(28% var(--chroma-surface-tint) var(--hue-primary));--color-border-strong: oklch(48% var(--chroma-surface-tint) var(--hue-primary));--color-border-muted: oklch(22% var(--chroma-surface-tint) var(--hue-primary));--lightness-accent: 70%;--chroma-accent: .12;--shadow-xs: 0 1px 2px 0 oklch(0% 0 0 / .15);--shadow-s: 0 1px 3px 0 oklch(0% 0 0 / .2), 0 1px 2px -1px oklch(0% 0 0 / .12);--shadow-m: 0 3px 6px -1px oklch(0% 0 0 / .25), 0 2px 4px -2px oklch(0% 0 0 / .2);--shadow-l: 0 8px 12px -2px oklch(0% 0 0 / .3), 0 4px 6px -3px oklch(0% 0 0 / .2);--shadow-xl: 0 16px 20px -4px oklch(0% 0 0 / .35), 0 8px 10px -5px oklch(0% 0 0 / .2);--shadow-2xl: 0 24px 40px -8px oklch(0% 0 0 / .4)}}
 /*# sourceMappingURL=classic.css.map */

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

@@ -294,7 +294,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": [
           {
@@ -353,7 +353,7 @@
           }
         ]
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": [
           {
@@ -412,7 +412,7 @@
           }
         ]
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": [
           {
@@ -633,7 +633,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "seedDerivation": true
     }
   }

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

@@ -314,11 +314,11 @@
         },
         "$extensions": {
           "com.vanilla-breeze": {
-            "literal": "4px 4px 8px var(--_clay-shadow-dark),\n    -2px -2px 4px var(--_clay-shadow-light),\n    inset 0 -2px 4px var(--_clay-shadow-dark),\n    inset 0 2px 4px var(--_clay-shadow-light)"
+            "literal": "4px 4px 8px var(--_clay-shadow-dark),\n      -2px -2px 4px var(--_clay-shadow-light),\n      inset 0 -2px 4px var(--_clay-shadow-dark),\n      inset 0 2px 4px var(--_clay-shadow-light)"
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -344,11 +344,11 @@
         },
         "$extensions": {
           "com.vanilla-breeze": {
-            "literal": "5px 5px 10px var(--_clay-shadow-dark),\n    -3px -3px 5px var(--_clay-shadow-light),\n    inset 0 -2px 4px var(--_clay-shadow-dark),\n    inset 0 2px 4px var(--_clay-shadow-light)"
+            "literal": "5px 5px 10px var(--_clay-shadow-dark),\n      -3px -3px 5px var(--_clay-shadow-light),\n      inset 0 -2px 4px var(--_clay-shadow-dark),\n      inset 0 2px 4px var(--_clay-shadow-light)"
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -374,11 +374,11 @@
         },
         "$extensions": {
           "com.vanilla-breeze": {
-            "literal": "6px 6px 12px var(--_clay-shadow-dark),\n    -3px -3px 6px var(--_clay-shadow-light),\n    inset 0 -2px 4px var(--_clay-shadow-dark),\n    inset 0 2px 4px var(--_clay-shadow-light)"
+            "literal": "6px 6px 12px var(--_clay-shadow-dark),\n      -3px -3px 6px var(--_clay-shadow-light),\n      inset 0 -2px 4px var(--_clay-shadow-dark),\n      inset 0 2px 4px var(--_clay-shadow-light)"
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -404,7 +404,7 @@
         },
         "$extensions": {
           "com.vanilla-breeze": {
-            "literal": "8px 8px 16px var(--_clay-shadow-dark),\n    -4px -4px 8px var(--_clay-shadow-light),\n    inset 0 -3px 6px var(--_clay-shadow-dark),\n    inset 0 3px 6px var(--_clay-shadow-light)"
+            "literal": "8px 8px 16px var(--_clay-shadow-dark),\n      -4px -4px 8px var(--_clay-shadow-light),\n      inset 0 -3px 6px var(--_clay-shadow-dark),\n      inset 0 3px 6px var(--_clay-shadow-light)"
           }
         }
       },
@@ -434,7 +434,7 @@
         },
         "$extensions": {
           "com.vanilla-breeze": {
-            "literal": "12px 12px 24px var(--_clay-shadow-dark),\n    -6px -6px 12px var(--_clay-shadow-light),\n    inset 0 -3px 6px var(--_clay-shadow-dark),\n    inset 0 3px 6px var(--_clay-shadow-light)"
+            "literal": "12px 12px 24px var(--_clay-shadow-dark),\n      -6px -6px 12px var(--_clay-shadow-light),\n      inset 0 -3px 6px var(--_clay-shadow-dark),\n      inset 0 3px 6px var(--_clay-shadow-light)"
           }
         }
       },
@@ -464,7 +464,7 @@
         },
         "$extensions": {
           "com.vanilla-breeze": {
-            "literal": "16px 16px 32px var(--_clay-shadow-dark),\n    -8px -8px 16px var(--_clay-shadow-light),\n    inset 0 -4px 8px var(--_clay-shadow-dark),\n    inset 0 4px 8px var(--_clay-shadow-light)"
+            "literal": "16px 16px 32px var(--_clay-shadow-dark),\n      -8px -8px 16px var(--_clay-shadow-light),\n      inset 0 -4px 8px var(--_clay-shadow-dark),\n      inset 0 4px 8px var(--_clay-shadow-light)"
           }
         }
       }
@@ -473,7 +473,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--_clay-color-green",
         "--_clay-color-yellow",

package/dist/cdn/themes/claymorphism.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap";:root[data-theme~=claymorphism],[data-theme~=claymorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(96% .008 280);--color-surface: oklch(97% .006 280);--color-surface-alt: oklch(94% .01 280);--color-surface-raised: oklch(98% .005 280);--color-surface-sunken: oklch(93% .01 280);--color-surface-overlay: oklch(98% .005 280);--color-text: oklch(30% .02 280);--color-text-muted: oklch(42% .015 280);--color-text-subtle: oklch(52% .01 280);--color-primary: oklch(62% .2 350);--color-primary-hover: oklch(57% .22 350);--color-primary-subtle: oklch(93% .03 350);--color-accent: oklch(62% .12 240);--color-accent-hover: oklch(57% .13 240);--color-accent-subtle: oklch(93% .02 240);--_clay-color-green: oklch(70% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-border: oklch(88% .01 280);--color-border-muted: oklch(91% .008 280);--color-border-strong: oklch(80% .01 280);--color-success: oklch(65% .12 155);--color-warning: oklch(80% .12 85);--color-error: oklch(55% .18 20);--color-info: oklch(60% .12 240);--color-hover-bg: oklch(93% .015 350);--color-hover-text: var(--color-primary-hover);--color-active-text: var(--color-primary);--_clay-shadow-dark: oklch(80% .01 280);--_clay-shadow-light: oklch(100% 0 0);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Fira Code", "SF Mono", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 8px;--radius-s: 12px;--radius-m: 16px;--radius-l: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-sm: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-md: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-lg: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);--duration-instant: 50ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1)}:root[data-theme~=claymorphism],[data-theme~=claymorphism]{:is(main,article){& h1{color:#d84497;font-weight:700}& h2{color:#338fc7;font-weight:700}& h3{color:#59b47d;font-weight:600}& hr:not([data-ornament]){height:4px;border:none;border-radius:9999px;background:#f0f1f7;box-shadow:inset 2px 2px 4px var(--_clay-shadow-dark),inset -2px -2px 4px var(--_clay-shadow-light);margin-block:2rem}& blockquote{border-inline-start:none;padding:1.5rem 2rem;border-radius:var(--radius-l);background:#f0f1f7;color:#464750;box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);position:relative;&:before{content:"\201c";position:absolute;top:-.5rem;left:1.25rem;width:2rem;height:2rem;border-radius:var(--radius-full);background:#f0f1f7;box-shadow:3px 3px 6px var(--_clay-shadow-dark),-3px -3px 6px var(--_clay-shadow-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-primary);font-weight:700;line-height:1}}& a:not([class]){color:var(--color-primary);text-decoration:none;transition:color .25s var(--ease-default);&:hover{color:var(--color-primary-hover)}}.button,button{background:#f0f1f7;border:none;color:#d84497;font-weight:600;border-radius:var(--radius-l);box-shadow:var(--shadow-md);transition:all .25s var(--ease-default);&:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}&:active{transform:translateY(1px) scale(.97);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#f0f1f7;border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .25s var(--ease-default);&:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}}& input,textarea,select{background:#f0f1f7;border:none;border-radius:var(--radius-l);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);transition:all .25s var(--ease-default);&:focus{box-shadow:4px 4px 8px var(--_clay-shadow-dark),-4px -4px 8px var(--_clay-shadow-light),inset 0 -1px 2px var(--_clay-shadow-dark),inset 0 1px 2px var(--_clay-shadow-light);outline:2px solid oklch(62% .2 350 / .3);outline-offset:2px}&::placeholder{color:var(--color-text-subtle)}}& pre{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);border:none;border-radius:var(--radius-l);background:#f0f1f7}& code{background:#eaebf2;color:oklch(50% .12 240);padding:.125rem .375rem;border-radius:var(--radius-s)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .2 350);--cb-string: oklch(70% .12 155);--cb-function: oklch(62% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(62% .12 240);--cb-attribute: oklch(62% .2 350);--cb-button-bg: var(--color-surface)}::selection{background:#d8449733;color:#2c2d38}}:root[data-theme~=claymorphism][data-mode=dark],[data-theme~=claymorphism][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .01 280);--color-surface: oklch(22% .01 280);--color-surface-alt: oklch(20% .01 280);--color-surface-raised: oklch(25% .01 280);--color-surface-sunken: oklch(18% .01 280);--color-text: oklch(92% .008 280);--color-text-muted: oklch(72% .008 280);--color-text-subtle: oklch(55% .008 280);--color-primary: oklch(70% .18 350);--color-primary-hover: oklch(75% .2 350);--color-primary-subtle: oklch(28% .04 350);--color-accent: oklch(70% .12 240);--color-accent-hover: oklch(75% .13 240);--color-accent-subtle: oklch(28% .03 240);--_clay-color-green: oklch(75% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-surface-overlay: oklch(26% .015 280);--color-border: oklch(30% .01 280);--color-border-muted: oklch(27% .01 280);--color-border-strong: oklch(40% .01 280);--color-hover-bg: oklch(26% .025 350);--color-hover-text: var(--color-primary-hover);--color-active-text: var(--color-primary);--color-success: oklch(70% .12 155);--color-warning: oklch(82% .12 85);--color-error: oklch(62% .18 20);--color-info: oklch(68% .12 240);--_clay-shadow-dark: oklch(12% .01 280);--_clay-shadow-light: oklch(30% .01 280);--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-sm: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-md: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-lg: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);:is(main,article){& h1{color:#ed68ae}& h2{color:#4fa8e1}& h3{color:#6ac48c}& hr:not([data-ornament]){background:#1a1a1f}& blockquote{background:#1a1a1f;color:#a3a4aa;&:before{background:#1a1a1f;color:var(--color-primary)}}.button,button{background:#1a1a1f;color:#ed68ae;&:active{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#1a1a1f}& input,textarea,select{background:#1a1a1f;color:var(--color-text);&:focus{outline-color:#ed68ae4d}}& pre{background:#1a1a1f}& code{background:#212126;color:#4fa8e1}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(70% .18 350);--cb-string: oklch(75% .12 155);--cb-function: oklch(70% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(70% .12 240);--cb-attribute: oklch(70% .18 350);--cb-button-bg: var(--color-surface)}::selection{background:#ed68ae4d;color:#e3e4ea}}
+@import"https://fonts.googleapis.com/css2?family=Nunito: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~=claymorphism],[data-theme~=claymorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(96% .008 280);--color-surface: oklch(97% .006 280);--color-surface-alt: oklch(94% .01 280);--color-surface-raised: oklch(98% .005 280);--color-surface-sunken: oklch(93% .01 280);--color-surface-overlay: oklch(98% .005 280);--color-text: oklch(30% .02 280);--color-text-muted: oklch(42% .015 280);--color-text-subtle: oklch(52% .01 280);--color-primary: oklch(62% .2 350);--color-primary-hover: oklch(57% .22 350);--color-primary-subtle: oklch(93% .03 350);--color-accent: oklch(62% .12 240);--color-accent-hover: oklch(57% .13 240);--color-accent-subtle: oklch(93% .02 240);--_clay-color-green: oklch(70% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-border: oklch(88% .01 280);--color-border-muted: oklch(91% .008 280);--color-border-strong: oklch(80% .01 280);--color-success: oklch(65% .12 155);--color-warning: oklch(80% .12 85);--color-error: oklch(55% .18 20);--color-info: oklch(60% .12 240);--color-hover-bg: oklch(93% .015 350);--color-hover-text: var(--color-primary-hover);--color-active-text: var(--color-primary);--_clay-shadow-dark: oklch(80% .01 280);--_clay-shadow-light: oklch(100% 0 0);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Fira Code", "SF Mono", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 8px;--radius-s: 12px;--radius-m: 16px;--radius-l: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-s: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-m: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-l: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);--duration-instant: 50ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1)}:root[data-theme~=claymorphism],[data-theme~=claymorphism]{:is(main,article){& h1{color:#d84497;font-weight:700}& h2{color:#338fc7;font-weight:700}& h3{color:#59b47d;font-weight:600}& hr:not([data-ornament]){height:4px;border:none;border-radius:9999px;background:#f0f1f7;box-shadow:inset 2px 2px 4px var(--_clay-shadow-dark),inset -2px -2px 4px var(--_clay-shadow-light);margin-block:2rem}& blockquote{border-inline-start:none;padding:1.5rem 2rem;border-radius:var(--radius-l);background:#f0f1f7;color:#464750;box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);position:relative;&:before{content:"\201c";position:absolute;top:-.5rem;left:1.25rem;width:2rem;height:2rem;border-radius:var(--radius-full);background:#f0f1f7;box-shadow:3px 3px 6px var(--_clay-shadow-dark),-3px -3px 6px var(--_clay-shadow-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-primary);font-weight:700;line-height:1}}& a:not([class]){color:var(--color-primary);text-decoration:none;transition:color .25s var(--ease-default);&:hover{color:var(--color-primary-hover)}}.button,button{background:#f0f1f7;border:none;color:#d84497;font-weight:600;border-radius:var(--radius-l);box-shadow:var(--shadow-m);transition:all .25s var(--ease-default);&:hover{transform:translateY(-2px);box-shadow:var(--shadow-l)}&:active{transform:translateY(1px) scale(.97);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#f0f1f7;border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-m);transition:all .25s var(--ease-default);&:hover{transform:translateY(-3px);box-shadow:var(--shadow-l)}}& input,textarea,select{background:#f0f1f7;border:none;border-radius:var(--radius-l);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);transition:all .25s var(--ease-default);&:focus{box-shadow:4px 4px 8px var(--_clay-shadow-dark),-4px -4px 8px var(--_clay-shadow-light),inset 0 -1px 2px var(--_clay-shadow-dark),inset 0 1px 2px var(--_clay-shadow-light);outline:2px solid oklch(62% .2 350 / .3);outline-offset:2px}&::placeholder{color:var(--color-text-subtle)}}& pre{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);border:none;border-radius:var(--radius-l);background:#f0f1f7}& code{background:#eaebf2;color:oklch(50% .12 240);padding:.125rem .375rem;border-radius:var(--radius-s)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .2 350);--cb-string: oklch(70% .12 155);--cb-function: oklch(62% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(62% .12 240);--cb-attribute: oklch(62% .2 350);--cb-button-bg: var(--color-surface)}::selection{background:#d8449733;color:#2c2d38}}:root[data-theme~=claymorphism][data-mode=dark],[data-theme~=claymorphism][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .01 280);--color-surface: oklch(22% .01 280);--color-surface-alt: oklch(20% .01 280);--color-surface-raised: oklch(25% .01 280);--color-surface-sunken: oklch(18% .01 280);--color-text: oklch(92% .008 280);--color-text-muted: oklch(72% .008 280);--color-text-subtle: oklch(55% .008 280);--color-primary: oklch(70% .18 350);--color-primary-hover: oklch(75% .2 350);--color-primary-subtle: oklch(28% .04 350);--color-accent: oklch(70% .12 240);--color-accent-hover: oklch(75% .13 240);--color-accent-subtle: oklch(28% .03 240);--_clay-color-green: oklch(75% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-surface-overlay: oklch(26% .015 280);--color-border: oklch(30% .01 280);--color-border-muted: oklch(27% .01 280);--color-border-strong: oklch(40% .01 280);--color-hover-bg: oklch(26% .025 350);--color-hover-text: var(--color-primary-hover);--color-active-text: var(--color-primary);--color-success: oklch(70% .12 155);--color-warning: oklch(82% .12 85);--color-error: oklch(62% .18 20);--color-info: oklch(68% .12 240);--_clay-shadow-dark: oklch(12% .01 280);--_clay-shadow-light: oklch(30% .01 280);--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-s: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-m: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-l: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);:is(main,article){& h1{color:#ed68ae}& h2{color:#4fa8e1}& h3{color:#6ac48c}& hr:not([data-ornament]){background:#1a1a1f}& blockquote{background:#1a1a1f;color:#a3a4aa;&:before{background:#1a1a1f;color:var(--color-primary)}}.button,button{background:#1a1a1f;color:#ed68ae;&:active{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#1a1a1f}& input,textarea,select{background:#1a1a1f;color:var(--color-text);&:focus{outline-color:#ed68ae4d}}& pre{background:#1a1a1f}& code{background:#212126;color:#4fa8e1}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(70% .18 350);--cb-string: oklch(75% .12 155);--cb-function: oklch(70% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(70% .12 240);--cb-attribute: oklch(70% .18 350);--cb-button-bg: var(--color-surface)}::selection{background:#ed68ae4d;color:#e3e4ea}}}
 /*# sourceMappingURL=claymorphism.css.map */

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

@@ -401,11 +401,11 @@
         },
         "$extensions": {
           "com.vanilla-breeze": {
-            "literal": "4px 4px 8px var(--_clay-shadow-dark),\n    -2px -2px 4px var(--_clay-shadow-light),\n    inset 0 -2px 4px var(--_clay-shadow-dark),\n    inset 0 2px 4px var(--_clay-shadow-light)"
+            "literal": "4px 4px 8px var(--_clay-shadow-dark),\n      -2px -2px 4px var(--_clay-shadow-light),\n      inset 0 -2px 4px var(--_clay-shadow-dark),\n      inset 0 2px 4px var(--_clay-shadow-light)"
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -431,11 +431,11 @@
         },
         "$extensions": {
           "com.vanilla-breeze": {
-            "literal": "5px 5px 10px var(--_clay-shadow-dark),\n    -3px -3px 5px var(--_clay-shadow-light),\n    inset 0 -2px 4px var(--_clay-shadow-dark),\n    inset 0 2px 4px var(--_clay-shadow-light)"
+            "literal": "5px 5px 10px var(--_clay-shadow-dark),\n      -3px -3px 5px var(--_clay-shadow-light),\n      inset 0 -2px 4px var(--_clay-shadow-dark),\n      inset 0 2px 4px var(--_clay-shadow-light)"
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -461,11 +461,11 @@
         },
         "$extensions": {
           "com.vanilla-breeze": {
-            "literal": "6px 6px 12px var(--_clay-shadow-dark),\n    -3px -3px 6px var(--_clay-shadow-light),\n    inset 0 -2px 4px var(--_clay-shadow-dark),\n    inset 0 2px 4px var(--_clay-shadow-light)"
+            "literal": "6px 6px 12px var(--_clay-shadow-dark),\n      -3px -3px 6px var(--_clay-shadow-light),\n      inset 0 -2px 4px var(--_clay-shadow-dark),\n      inset 0 2px 4px var(--_clay-shadow-light)"
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -491,7 +491,7 @@
         },
         "$extensions": {
           "com.vanilla-breeze": {
-            "literal": "8px 8px 16px var(--_clay-shadow-dark),\n    -4px -4px 8px var(--_clay-shadow-light),\n    inset 0 -3px 6px var(--_clay-shadow-dark),\n    inset 0 3px 6px var(--_clay-shadow-light)"
+            "literal": "8px 8px 16px var(--_clay-shadow-dark),\n      -4px -4px 8px var(--_clay-shadow-light),\n      inset 0 -3px 6px var(--_clay-shadow-dark),\n      inset 0 3px 6px var(--_clay-shadow-light)"
           }
         }
       },
@@ -521,7 +521,7 @@
         },
         "$extensions": {
           "com.vanilla-breeze": {
-            "literal": "12px 12px 24px var(--_clay-shadow-dark),\n    -6px -6px 12px var(--_clay-shadow-light),\n    inset 0 -3px 6px var(--_clay-shadow-dark),\n    inset 0 3px 6px var(--_clay-shadow-light)"
+            "literal": "12px 12px 24px var(--_clay-shadow-dark),\n      -6px -6px 12px var(--_clay-shadow-light),\n      inset 0 -3px 6px var(--_clay-shadow-dark),\n      inset 0 3px 6px var(--_clay-shadow-light)"
           }
         }
       },
@@ -551,7 +551,7 @@
         },
         "$extensions": {
           "com.vanilla-breeze": {
-            "literal": "16px 16px 32px var(--_clay-shadow-dark),\n    -8px -8px 16px var(--_clay-shadow-light),\n    inset 0 -4px 8px var(--_clay-shadow-dark),\n    inset 0 4px 8px var(--_clay-shadow-light)"
+            "literal": "16px 16px 32px var(--_clay-shadow-dark),\n      -8px -8px 16px var(--_clay-shadow-light),\n      inset 0 -4px 8px var(--_clay-shadow-dark),\n      inset 0 4px 8px var(--_clay-shadow-light)"
           }
         }
       }
@@ -612,7 +612,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/clinical-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/clinical.css

@@ -1,2 +1,2 @@
-:root[data-theme~=clinical],[data-theme~=clinical]{color-scheme:light;--theme-border-style: clean;--theme-icon-set: lucide;--color-background: oklch(99% .002 230);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(97% .005 230);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(96% .005 230);--color-text: oklch(20% .01 230);--color-text-muted: oklch(40% .01 230);--color-text-subtle: oklch(55% .008 230);--color-primary: oklch(52% .15 230);--color-primary-hover: oklch(47% .16 230);--color-primary-subtle: oklch(93% .03 230);--color-accent: oklch(55% .12 170);--color-accent-hover: oklch(50% .13 170);--color-border: oklch(88% .005 230);--color-border-muted: oklch(92% .003 230);--color-border-strong: oklch(70% .01 230);--color-success: oklch(55% .15 145);--color-warning: oklch(70% .14 70);--color-error: oklch(55% .18 25);--color-info: oklch(52% .15 230);--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: 1px;--radius-s: 2px;--radius-m: 3px;--radius-l: 4px;--radius-xl: 6px;--radius-2xl: 8px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(20% .01 230 / .04);--shadow-sm: 0 1px 3px oklch(20% .01 230 / .06), 0 1px 2px oklch(20% .01 230 / .03);--shadow-md: 0 4px 6px oklch(20% .01 230 / .06), 0 2px 4px oklch(20% .01 230 / .03);--shadow-lg: 0 10px 15px oklch(20% .01 230 / .06), 0 4px 6px oklch(20% .01 230 / .02);--shadow-xl: 0 20px 25px oklch(20% .01 230 / .06);--shadow-2xl: 0 25px 50px oklch(20% .01 230 / .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~=clinical],[data-theme~=clinical]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(88% .005 230);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#12171a}& h3{font-weight:600;color:#1d2326}& a:not([class]){color:var(--color-primary);text-decoration-color:oklch(52% .15 230 / .4);text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid var(--color-accent);padding-inline-start:1.25rem;color:#353c3f}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(52% .15 230);--cb-string: oklch(55% .12 170);--cb-function: oklch(50% .12 300);--cb-number: oklch(55% .15 145);--cb-button-bg: var(--color-surface)}::selection{background:oklch(52% .15 230 / .2);color:#12171a}}:root[data-theme~=clinical][data-mode=dark],[data-theme~=clinical][data-mode=dark]{color-scheme:dark;--color-background: oklch(18% .015 230);--color-surface: oklch(22% .015 230);--color-surface-alt: oklch(25% .015 230);--color-surface-raised: oklch(28% .015 230);--color-surface-sunken: oklch(15% .015 230);--color-text: oklch(96% .005 230);--color-text-muted: oklch(78% .008 230);--color-text-subtle: oklch(62% .008 230);--color-primary: oklch(70% .12 230);--color-primary-hover: oklch(75% .13 230);--color-primary-subtle: oklch(28% .05 230);--color-accent: oklch(68% .1 170);--color-accent-hover: oklch(73% .11 170);--color-border: oklch(32% .015 230);--color-border-muted: oklch(28% .012 230);--color-border-strong: oklch(48% .015 230);--color-success: oklch(65% .13 145);--color-warning: oklch(75% .12 70);--color-error: oklch(65% .16 25);--color-info: oklch(70% .12 230);--shadow-xs: 0 1px 2px oklch(10% .01 230 / .2);--shadow-sm: 0 1px 3px oklch(10% .01 230 / .25), 0 1px 2px oklch(10% .01 230 / .15);--shadow-md: 0 4px 6px oklch(10% .01 230 / .25), 0 2px 4px oklch(10% .01 230 / .15);--shadow-lg: 0 10px 15px oklch(10% .01 230 / .25), 0 4px 6px oklch(10% .01 230 / .1);--shadow-xl: 0 20px 25px oklch(10% .01 230 / .25);--shadow-2xl: 0 25px 50px oklch(10% .01 230 / .3);:is(main,article){& hr:not([data-ornament]){border-color:#2b3439}& h1,h2{color:#eff2f4}& h3{color:#dbdfe1}& blockquote{color:#b2b8bb}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(70% .12 230);--cb-string: oklch(68% .1 170);--cb-function: oklch(68% .1 300);--cb-number: oklch(65% .13 145)}::selection{background:#3bacda4d;color:#eff2f4}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=clinical],[data-theme~=clinical]{color-scheme:light;--theme-border-style: clean;--theme-icon-set: lucide;--color-background: oklch(99% .002 230);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(97% .005 230);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(96% .005 230);--color-text: oklch(20% .01 230);--color-text-muted: oklch(40% .01 230);--color-text-subtle: oklch(55% .008 230);--color-primary: oklch(52% .15 230);--color-primary-hover: oklch(47% .16 230);--color-primary-subtle: oklch(93% .03 230);--color-accent: oklch(55% .12 170);--color-accent-hover: oklch(50% .13 170);--color-border: oklch(88% .005 230);--color-border-muted: oklch(92% .003 230);--color-border-strong: oklch(70% .01 230);--color-success: oklch(55% .15 145);--color-warning: oklch(70% .14 70);--color-error: oklch(55% .18 25);--color-info: oklch(52% .15 230);--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: 1px;--radius-s: 2px;--radius-m: 3px;--radius-l: 4px;--radius-xl: 6px;--radius-2xl: 8px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(20% .01 230 / .04);--shadow-s: 0 1px 3px oklch(20% .01 230 / .06), 0 1px 2px oklch(20% .01 230 / .03);--shadow-m: 0 4px 6px oklch(20% .01 230 / .06), 0 2px 4px oklch(20% .01 230 / .03);--shadow-l: 0 10px 15px oklch(20% .01 230 / .06), 0 4px 6px oklch(20% .01 230 / .02);--shadow-xl: 0 20px 25px oklch(20% .01 230 / .06);--shadow-2xl: 0 25px 50px oklch(20% .01 230 / .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~=clinical],[data-theme~=clinical]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(88% .005 230);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#12171a}& h3{font-weight:600;color:#1d2326}& a:not([class]){color:var(--color-primary);text-decoration-color:oklch(52% .15 230 / .4);text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid var(--color-accent);padding-inline-start:1.25rem;color:#353c3f}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(52% .15 230);--cb-string: oklch(55% .12 170);--cb-function: oklch(50% .12 300);--cb-number: oklch(55% .15 145);--cb-button-bg: var(--color-surface)}::selection{background:oklch(52% .15 230 / .2);color:#12171a}}:root[data-theme~=clinical][data-mode=dark],[data-theme~=clinical][data-mode=dark]{color-scheme:dark;--color-background: oklch(18% .015 230);--color-surface: oklch(22% .015 230);--color-surface-alt: oklch(25% .015 230);--color-surface-raised: oklch(28% .015 230);--color-surface-sunken: oklch(15% .015 230);--color-text: oklch(96% .005 230);--color-text-muted: oklch(78% .008 230);--color-text-subtle: oklch(62% .008 230);--color-primary: oklch(70% .12 230);--color-primary-hover: oklch(75% .13 230);--color-primary-subtle: oklch(28% .05 230);--color-accent: oklch(68% .1 170);--color-accent-hover: oklch(73% .11 170);--color-border: oklch(32% .015 230);--color-border-muted: oklch(28% .012 230);--color-border-strong: oklch(48% .015 230);--color-success: oklch(65% .13 145);--color-warning: oklch(75% .12 70);--color-error: oklch(65% .16 25);--color-info: oklch(70% .12 230);--shadow-xs: 0 1px 2px oklch(10% .01 230 / .2);--shadow-s: 0 1px 3px oklch(10% .01 230 / .25), 0 1px 2px oklch(10% .01 230 / .15);--shadow-m: 0 4px 6px oklch(10% .01 230 / .25), 0 2px 4px oklch(10% .01 230 / .15);--shadow-l: 0 10px 15px oklch(10% .01 230 / .25), 0 4px 6px oklch(10% .01 230 / .1);--shadow-xl: 0 20px 25px oklch(10% .01 230 / .25);--shadow-2xl: 0 25px 50px oklch(10% .01 230 / .3);:is(main,article){& hr:not([data-ornament]){border-color:#2b3439}& h1,h2{color:#eff2f4}& h3{color:#dbdfe1}& blockquote{color:#b2b8bb}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(70% .12 230);--cb-string: oklch(68% .1 170);--cb-function: oklch(68% .1 300);--cb-number: oklch(65% .13 145)}::selection{background:#3bacda4d;color:#eff2f4}}}
 /*# sourceMappingURL=clinical.css.map */

package/dist/cdn/themes/clinical.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/cottagecore-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": [
         "--_cottagecore-color-gold",
         "--cb-header-bg",