vanilla-breeze 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (224) hide show
  1. package/README.md +33 -4
  2. package/dist/cdn/components/activity-feed.js +1 -1
  3. package/dist/cdn/components/audio-player.js +2 -2
  4. package/dist/cdn/components/carousel-wc.js +1 -1
  5. package/dist/cdn/components/comment-box.js +16 -16
  6. package/dist/cdn/components/comment-thread.js +20 -20
  7. package/dist/cdn/components/comment-wc.js +1 -1
  8. package/dist/cdn/components/content-lens.js +1 -1
  9. package/dist/cdn/components/context-menu.js +1 -1
  10. package/dist/cdn/components/diagram-wc.js +1 -1
  11. package/dist/cdn/components/drop-down.js +1 -1
  12. package/dist/cdn/components/image-gallery.js +1 -1
  13. package/dist/cdn/components/manifest.json +44 -20
  14. package/dist/cdn/components/reaction-bar.js +1 -1
  15. package/dist/cdn/components/score-card.js +2 -2
  16. package/dist/cdn/components/settings-panel.js +15 -15
  17. package/dist/cdn/components/site-search.js +1 -1
  18. package/dist/cdn/components/social-embed.js +1 -1
  19. package/dist/cdn/components/tab-set.js +1 -1
  20. package/dist/cdn/components/theme-picker.js +45 -45
  21. package/dist/cdn/components/time-index.js +2 -2
  22. package/dist/cdn/components/time-picker.js +1 -1
  23. package/dist/cdn/components/version-switcher.js +1 -1
  24. package/dist/cdn/packs/effects.full.js +1 -1
  25. package/dist/cdn/packs/journal.effects.css +1 -1
  26. package/dist/cdn/packs/journal.full.css +1 -1
  27. package/dist/cdn/packs/kawaii.effects.css +1 -1
  28. package/dist/cdn/packs/kawaii.full.css +2 -2
  29. package/dist/cdn/packs/kawaii.full.js +4 -4
  30. package/dist/cdn/packs/kawaii.theme.css +1 -1
  31. package/dist/cdn/packs/manifest.json +11 -11
  32. package/dist/cdn/packs/memphis.full.css +1 -1
  33. package/dist/cdn/packs/memphis.theme.css +1 -1
  34. package/dist/cdn/packs/ui.full.css +1 -1
  35. package/dist/cdn/packs/ui.full.js +52 -52
  36. package/dist/cdn/themes/8bit.css +1 -1
  37. package/dist/cdn/themes/8bit.tokens.json +4 -4
  38. package/dist/cdn/themes/alpha1999-dark.tokens.json +4 -4
  39. package/dist/cdn/themes/alpha1999.css +1 -1
  40. package/dist/cdn/themes/alpha1999.tokens.json +4 -4
  41. package/dist/cdn/themes/anthropic.css +1 -1
  42. package/dist/cdn/themes/anthropic.tokens.json +4 -4
  43. package/dist/cdn/themes/art-deco-dark.tokens.json +4 -4
  44. package/dist/cdn/themes/art-deco.css +1 -1
  45. package/dist/cdn/themes/art-deco.tokens.json +4 -4
  46. package/dist/cdn/themes/bauhaus-dark.tokens.json +1 -1
  47. package/dist/cdn/themes/bauhaus.css +1 -1
  48. package/dist/cdn/themes/bauhaus.tokens.json +4 -4
  49. package/dist/cdn/themes/brutalist-dark.tokens.json +4 -4
  50. package/dist/cdn/themes/brutalist.css +1 -1
  51. package/dist/cdn/themes/brutalist.tokens.json +4 -4
  52. package/dist/cdn/themes/catalog/atlassian.tokens.json +2 -2
  53. package/dist/cdn/themes/catalog/bootstrap.tokens.json +2 -2
  54. package/dist/cdn/themes/catalog/carbon.tokens.json +2 -2
  55. package/dist/cdn/themes/catalog/catppuccin-mocha.tokens.json +2 -2
  56. package/dist/cdn/themes/catalog/govuk.tokens.json +2 -2
  57. package/dist/cdn/themes/catalog/manifest.json +1 -1
  58. package/dist/cdn/themes/catalog/material.tokens.json +2 -2
  59. package/dist/cdn/themes/catalog/salesforce.tokens.json +2 -2
  60. package/dist/cdn/themes/catalog/tailwind.tokens.json +2 -2
  61. package/dist/cdn/themes/catppuccin-frappe.css +1 -1
  62. package/dist/cdn/themes/catppuccin-frappe.tokens.json +4 -4
  63. package/dist/cdn/themes/catppuccin-latte-dark.tokens.json +4 -4
  64. package/dist/cdn/themes/catppuccin-latte.css +1 -1
  65. package/dist/cdn/themes/catppuccin-latte.tokens.json +4 -4
  66. package/dist/cdn/themes/catppuccin-macchiato.css +1 -1
  67. package/dist/cdn/themes/catppuccin-macchiato.tokens.json +4 -4
  68. package/dist/cdn/themes/catppuccin-mocha.css +1 -1
  69. package/dist/cdn/themes/catppuccin-mocha.tokens.json +4 -4
  70. package/dist/cdn/themes/classic-dark.tokens.json +4 -4
  71. package/dist/cdn/themes/classic.css +1 -1
  72. package/dist/cdn/themes/classic.tokens.json +4 -4
  73. package/dist/cdn/themes/claymorphism-dark.tokens.json +10 -10
  74. package/dist/cdn/themes/claymorphism.css +1 -1
  75. package/dist/cdn/themes/claymorphism.tokens.json +10 -10
  76. package/dist/cdn/themes/clinical-dark.tokens.json +4 -4
  77. package/dist/cdn/themes/clinical.css +1 -1
  78. package/dist/cdn/themes/clinical.tokens.json +4 -4
  79. package/dist/cdn/themes/cottagecore-dark.tokens.json +4 -4
  80. package/dist/cdn/themes/cottagecore.css +1 -1
  81. package/dist/cdn/themes/cottagecore.tokens.json +4 -4
  82. package/dist/cdn/themes/cyber.css +1 -1
  83. package/dist/cdn/themes/cyber.tokens.json +4 -5
  84. package/dist/cdn/themes/dawn-dark.tokens.json +4 -4
  85. package/dist/cdn/themes/dawn.css +1 -1
  86. package/dist/cdn/themes/dawn.tokens.json +4 -4
  87. package/dist/cdn/themes/dracula.css +1 -1
  88. package/dist/cdn/themes/dracula.tokens.json +4 -4
  89. package/dist/cdn/themes/dusk.css +1 -1
  90. package/dist/cdn/themes/dusk.tokens.json +4 -4
  91. package/dist/cdn/themes/editorial-dark.tokens.json +3 -3
  92. package/dist/cdn/themes/editorial.css +1 -1
  93. package/dist/cdn/themes/editorial.tokens.json +4 -4
  94. package/dist/cdn/themes/financial-dark.tokens.json +4 -4
  95. package/dist/cdn/themes/financial.css +1 -1
  96. package/dist/cdn/themes/financial.tokens.json +4 -4
  97. package/dist/cdn/themes/genai.css +1 -1
  98. package/dist/cdn/themes/genai.tokens.json +4 -4
  99. package/dist/cdn/themes/glassmorphism-dark.tokens.json +4 -4
  100. package/dist/cdn/themes/glassmorphism.css +1 -1
  101. package/dist/cdn/themes/glassmorphism.tokens.json +4 -4
  102. package/dist/cdn/themes/government-dark.tokens.json +4 -4
  103. package/dist/cdn/themes/government.css +1 -1
  104. package/dist/cdn/themes/government.tokens.json +4 -4
  105. package/dist/cdn/themes/gruvbox-dark.tokens.json +4 -4
  106. package/dist/cdn/themes/gruvbox.css +1 -1
  107. package/dist/cdn/themes/gruvbox.tokens.json +4 -4
  108. package/dist/cdn/themes/high-noon-dark.tokens.json +4 -4
  109. package/dist/cdn/themes/high-noon.css +1 -1
  110. package/dist/cdn/themes/high-noon.tokens.json +4 -4
  111. package/dist/cdn/themes/ibm.css +1 -1
  112. package/dist/cdn/themes/ibm.tokens.json +6 -6
  113. package/dist/cdn/themes/journal-dark.tokens.json +4 -4
  114. package/dist/cdn/themes/journal.css +1 -1
  115. package/dist/cdn/themes/journal.tokens.json +4 -4
  116. package/dist/cdn/themes/kawaii-dark.tokens.json +4 -4
  117. package/dist/cdn/themes/kawaii.css +1 -1
  118. package/dist/cdn/themes/kawaii.tokens.json +4 -4
  119. package/dist/cdn/themes/magna-dark.tokens.json +4 -4
  120. package/dist/cdn/themes/magna.css +1 -1
  121. package/dist/cdn/themes/magna.tokens.json +4 -4
  122. package/dist/cdn/themes/manifest.json +48 -48
  123. package/dist/cdn/themes/mcdonalds.css +1 -1
  124. package/dist/cdn/themes/mcdonalds.tokens.json +4 -4
  125. package/dist/cdn/themes/midnight.css +1 -1
  126. package/dist/cdn/themes/midnight.tokens.json +4 -4
  127. package/dist/cdn/themes/minimal-dark.tokens.json +4 -4
  128. package/dist/cdn/themes/minimal.css +1 -1
  129. package/dist/cdn/themes/minimal.tokens.json +4 -4
  130. package/dist/cdn/themes/modern-dark.tokens.json +4 -4
  131. package/dist/cdn/themes/modern.css +1 -1
  132. package/dist/cdn/themes/modern.tokens.json +4 -4
  133. package/dist/cdn/themes/nes-dark.tokens.json +4 -4
  134. package/dist/cdn/themes/nes.css +1 -1
  135. package/dist/cdn/themes/nes.tokens.json +4 -4
  136. package/dist/cdn/themes/neumorphism-dark.tokens.json +10 -10
  137. package/dist/cdn/themes/neumorphism.css +1 -1
  138. package/dist/cdn/themes/neumorphism.tokens.json +10 -10
  139. package/dist/cdn/themes/nord-dark.tokens.json +4 -4
  140. package/dist/cdn/themes/nord.css +1 -1
  141. package/dist/cdn/themes/nord.tokens.json +4 -4
  142. package/dist/cdn/themes/organic-dark.tokens.json +4 -4
  143. package/dist/cdn/themes/organic.css +1 -1
  144. package/dist/cdn/themes/organic.tokens.json +4 -4
  145. package/dist/cdn/themes/rose-pine-dark.tokens.json +4 -4
  146. package/dist/cdn/themes/rose-pine.css +1 -1
  147. package/dist/cdn/themes/rose-pine.tokens.json +4 -4
  148. package/dist/cdn/themes/rough-dark.tokens.json +4 -5
  149. package/dist/cdn/themes/rough.css +1 -1
  150. package/dist/cdn/themes/rough.tokens.json +5 -6
  151. package/dist/cdn/themes/solarized-dark.tokens.json +4 -4
  152. package/dist/cdn/themes/solarized.css +1 -1
  153. package/dist/cdn/themes/solarized.tokens.json +4 -4
  154. package/dist/cdn/themes/starbucks.css +1 -1
  155. package/dist/cdn/themes/starbucks.tokens.json +4 -4
  156. package/dist/cdn/themes/startup-dark.tokens.json +4 -4
  157. package/dist/cdn/themes/startup.css +1 -1
  158. package/dist/cdn/themes/startup.tokens.json +4 -4
  159. package/dist/cdn/themes/super2026-dark.tokens.json +4 -4
  160. package/dist/cdn/themes/super2026.css +1 -1
  161. package/dist/cdn/themes/super2026.tokens.json +4 -4
  162. package/dist/cdn/themes/swiss-dark.tokens.json +1 -1
  163. package/dist/cdn/themes/swiss.css +1 -1
  164. package/dist/cdn/themes/swiss.tokens.json +4 -4
  165. package/dist/cdn/themes/terminal.css +1 -1
  166. package/dist/cdn/themes/terminal.tokens.json +4 -4
  167. package/dist/cdn/themes/tokyo-night-dark.tokens.json +4 -4
  168. package/dist/cdn/themes/tokyo-night.css +1 -1
  169. package/dist/cdn/themes/tokyo-night.tokens.json +4 -4
  170. package/dist/cdn/themes/vaporwave-dark.tokens.json +4 -4
  171. package/dist/cdn/themes/vaporwave.css +1 -1
  172. package/dist/cdn/themes/vaporwave.tokens.json +4 -4
  173. package/dist/cdn/themes/win9x-dark.tokens.json +4 -4
  174. package/dist/cdn/themes/win9x.css +1 -1
  175. package/dist/cdn/themes/win9x.tokens.json +4 -4
  176. package/dist/cdn/vanilla-breeze-charts.css +1 -1
  177. package/dist/cdn/vanilla-breeze-core.css +1 -1
  178. package/dist/cdn/vanilla-breeze-core.js +62 -62
  179. package/dist/cdn/vanilla-breeze-dev.css +1 -1
  180. package/dist/cdn/vanilla-breeze-extras.js +19 -19
  181. package/dist/cdn/vanilla-breeze-labs.css +1 -1
  182. package/dist/cdn/vanilla-breeze.css +1 -1
  183. package/dist/cdn/vanilla-breeze.js +170 -170
  184. package/package.json +5 -8
  185. package/dist/cdn/components/accessibility-specimen.js +0 -11
  186. package/dist/cdn/components/adr-wc.js +0 -403
  187. package/dist/cdn/components/breakpoint-specimen.js +0 -26
  188. package/dist/cdn/components/burndown-chart.js +0 -2
  189. package/dist/cdn/components/capacity-plan.js +0 -25
  190. package/dist/cdn/components/color-palette.js +0 -16
  191. package/dist/cdn/components/component-sampler.js +0 -45
  192. package/dist/cdn/components/empathy-map.js +0 -582
  193. package/dist/cdn/components/font-pairer.js +0 -108
  194. package/dist/cdn/components/gantt-chart.js +0 -2
  195. package/dist/cdn/components/gradient-builder.js +0 -52
  196. package/dist/cdn/components/impact-effort.js +0 -2
  197. package/dist/cdn/components/iron-triangle.js +0 -2
  198. package/dist/cdn/components/kanban-board.js +0 -2
  199. package/dist/cdn/components/layout-specimen.js +0 -35
  200. package/dist/cdn/components/motion-specimen.js +0 -21
  201. package/dist/cdn/components/palette-generator.js +0 -15
  202. package/dist/cdn/components/product-roadmap.js +0 -3
  203. package/dist/cdn/components/quadrant-grid.js +0 -3
  204. package/dist/cdn/components/quality-target.js +0 -12
  205. package/dist/cdn/components/requirement-card.js +0 -122
  206. package/dist/cdn/components/review-surface.js +0 -535
  207. package/dist/cdn/components/risk-register.js +0 -25
  208. package/dist/cdn/components/semantic-palette.js +0 -30
  209. package/dist/cdn/components/spacing-specimen.js +0 -6
  210. package/dist/cdn/components/story-map.js +0 -2
  211. package/dist/cdn/components/theme-catalog.js +0 -28
  212. package/dist/cdn/components/theme-export.js +0 -26
  213. package/dist/cdn/components/theme-import.js +0 -44
  214. package/dist/cdn/components/token-specimen.js +0 -26
  215. package/dist/cdn/components/traceability-matrix.js +0 -3
  216. package/dist/cdn/components/type-specimen.js +0 -19
  217. package/dist/cdn/components/user-journey.js +0 -366
  218. package/dist/cdn/components/user-persona.js +0 -402
  219. package/dist/cdn/components/user-story.js +0 -411
  220. package/dist/cdn/components/work-item.js +0 -447
  221. package/dist/cdn/packs/design-system.full.css +0 -2
  222. package/dist/cdn/packs/design-system.full.js +0 -175
  223. package/dist/cdn/packs/ux-planning.full.css +0 -2
  224. package/dist/cdn/packs/ux-planning.full.js +0 -3160
@@ -1,2 +1,2 @@
1
- :root[data-theme~=alpha1999],[data-theme~=alpha1999]{color-scheme:light dark;--hue-primary: 48;--hue-secondary: 258;--hue-accent: 68;--color-primary: oklch(55% .2 48);--color-primary-hover: oklch(48% .22 44);--color-primary-active: oklch(45% .22 44);--color-primary-subtle: oklch(95% .03 48);--color-secondary: oklch(45% .14 258);--color-secondary-hover: oklch(40% .16 258);--color-secondary-subtle: oklch(95% .03 258);--color-accent: oklch(55% .17 68);--color-accent-hover: oklch(48% .18 68);--color-accent-subtle: oklch(95% .03 68);--color-background: oklch(96% .008 70);--color-surface: oklch(98% .005 70);--color-surface-alt: oklch(94% .01 70);--color-surface-raised: oklch(99% .003 70);--color-surface-sunken: oklch(92% .012 70);--color-text: oklch(20% .01 48);--color-text-muted: oklch(38% .01 48);--color-text-subtle: oklch(50% .008 48);--color-text-inverted: oklch(96% .004 90);--color-text-on-primary: oklch(98% .004 90);--color-success: oklch(48% .18 148);--color-success-subtle: oklch(95% .04 148);--color-success-text: oklch(35% .12 148);--color-warning: oklch(55% .17 68);--color-warning-subtle: oklch(95% .04 68);--color-warning-text: oklch(35% .12 68);--color-error: oklch(50% .22 22);--color-error-subtle: oklch(95% .04 22);--color-error-text: oklch(35% .15 22);--color-info: oklch(48% .14 255);--color-info-subtle: oklch(95% .03 255);--color-info-text: oklch(35% .12 255);--color-border: oklch(82% .01 70);--color-border-strong: oklch(60% .01 48);--color-border-subtle: oklch(88% .008 70);--color-border-muted: oklch(85% .009 70);--radius-xs: 2px;--radius-s: 3px;--radius-m: 3px;--radius-l: 6px;--radius-xl: 6px;--radius-2xl: 8px;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(0% 0 0 / .08);--shadow-sm: 0 2px 8px oklch(0% 0 0 / .1), 0 1px 2px oklch(0% 0 0 / .06);--shadow-md: 0 4px 16px oklch(0% 0 0 / .12), 0 2px 4px oklch(0% 0 0 / .08);--shadow-lg: 0 8px 24px oklch(0% 0 0 / .14), 0 4px 8px oklch(0% 0 0 / .08);--shadow-xl: 0 12px 36px oklch(0% 0 0 / .16), 0 6px 12px oklch(0% 0 0 / .08);--shadow-2xl: 0 20px 50px oklch(0% 0 0 / .18);--font-sans: "Josefin Sans", "Century Gothic", "Futura", sans-serif;--font-mono: "Share Tech Mono", "Courier New", monospace;--font-display: "Nunito", "Arial Black", "Impact", sans-serif;--font-heading: "Nunito", "Arial Black", "Impact", sans-serif;--font-body: "Josefin Sans", "Century Gothic", "Futura", sans-serif;--font-code: "Share Tech Mono", "Courier New", monospace;--line-height-normal: 1.65;--line-height-tight: 1;--letter-spacing-wide: .04em;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--motion-enter-duration: .4s;--motion-exit-duration: .2s;--motion-smooth: cubic-bezier(.16, 1, .3, 1);--_a99-orange: oklch(55% .2 48);--_a99-orange-glow: oklch(55% .2 48 / .15);--_a99-void: oklch(94% .01 70);--_a99-panel: oklch(98% .005 70);--_a99-glow-orange: 0 0 8px var(--_a99-orange-glow);--_a99-glow-white: none;--_a99-hazard: repeating-linear-gradient( -45deg, var(--_a99-orange) 0px, var(--_a99-orange) 12px, var(--_a99-void) 12px, var(--_a99-void) 24px );--_a99-command: oklch(74% .17 68);--_a99-medical: oklch(60% .22 28);--_a99-technical: oklch(55% .14 258);--_a99-security: oklch(50% .06 285);--scrollbar-thumb: oklch(78% .01 70);--scrollbar-track: oklch(92% .008 70);--control-border: oklch(70% .01 48);--control-checked-bg: oklch(55% .2 48);--control-checked-border: oklch(55% .2 48);--input-bg: oklch(99% .003 70);--input-border: oklch(78% .01 70);--input-border-focus: oklch(55% .2 48);--range-track-bg: oklch(88% .01 70);--range-track-fill: oklch(55% .2 48);--range-thumb-bg: oklch(98% .005 70);--range-thumb-border: oklch(55% .2 48);--progress-track-bg: oklch(88% .01 70);--progress-fill: oklch(55% .2 48)}:root[data-theme~=alpha1999],[data-theme~=alpha1999]{:is(main,article){:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.04em;line-height:1}& hr:not([data-ornament]){border:none;height:1px;background:#2a2e33;margin-block:2rem}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;&:hover{text-shadow:var(--_a99-glow-orange)}}.button,button{font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:box-shadow var(--duration-normal) var(--motion-smooth),background-color var(--duration-fast);&:hover{box-shadow:var(--_a99-glow-orange)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--_a99-orange)}& select:not([multiple]):open{border-color:var(--_a99-orange);box-shadow:var(--_a99-glow-orange)}& select:not([multiple])::picker(select){background:var(--_a99-panel);border:1px solid oklch(30% .01 255);box-shadow:var(--_a99-glow-orange)}& select:not([multiple]) option:hover{background:#0c121a}& select:not([multiple]) option:checked{color:var(--_a99-orange)}& select:not([multiple]) option::checkmark{color:var(--_a99-orange)}& select:not([multiple]) optgroup>legend{font-family:var(--font-heading);font-weight:900;letter-spacing:.06em;color:var(--_a99-command)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:#2a2e33}}.card{background:var(--_a99-panel);border:1px solid oklch(30% .01 255)}& code{color:var(--color-primary);background:var(--_a99-panel);border:1px solid oklch(30% .01 255)}& pre{background:var(--_a99-void);border:1px solid oklch(30% .01 255)}& pre code{background:transparent;border:none}}:is(main,article) code-block{--cb-bg: var(--_a99-void);--cb-code-bg: var(--_a99-void);--cb-header-bg: var(--_a99-panel);--cb-border-color: oklch(30% .01 255);--cb-label-color: var(--color-text-subtle);--cb-comment: var(--color-text-subtle);--cb-string: var(--_a99-command);--cb-function: var(--color-text);--cb-number: var(--color-primary);--cb-button-bg: var(--_a99-panel);--cb-button-border: 1px solid oklch(30% .01 255);--cb-scrollbar-track: var(--_a99-void);--cb-scrollbar-thumb: oklch(30% .01 255)}:is(main,article) browser-window{--browser-window-bg: var(--_a99-panel);--browser-window-header-bg: oklch(8% .01 255);--browser-window-content-bg: var(--_a99-void);--browser-window-border-color: oklch(30% .01 255);--browser-window-url-bg: var(--_a99-void)}::selection{background:var(--color-primary);color:var(--_a99-void)}}:root[data-theme~=alpha1999][data-mode=dark],[data-theme~=alpha1999][data-mode=dark]{color-scheme:dark;--color-primary: oklch(68% .2 48);--color-primary-hover: oklch(76% .18 56);--color-primary-active: oklch(60% .22 44);--color-primary-subtle: oklch(20% .06 48);--color-secondary: oklch(55% .14 258);--color-secondary-hover: oklch(62% .16 258);--color-secondary-subtle: oklch(18% .06 258);--color-accent: oklch(74% .17 68);--color-accent-hover: oklch(80% .15 68);--color-accent-subtle: oklch(20% .06 68);--color-background: oklch(4% .008 260);--color-surface: oklch(12% .012 255);--color-surface-alt: oklch(17% .014 255);--color-surface-raised: oklch(22% .012 255);--color-surface-sunken: oklch(8% .01 255);--color-text: oklch(96% .004 90);--color-text-muted: oklch(75% .008 90);--color-text-subtle: oklch(50% .008 90);--color-text-inverted: oklch(4% .008 260);--color-text-on-primary: oklch(4% .008 260);--color-success: oklch(62% .22 148);--color-success-subtle: oklch(18% .06 148);--color-success-text: oklch(75% .15 148);--color-warning: oklch(74% .17 68);--color-warning-subtle: oklch(20% .06 68);--color-warning-text: oklch(80% .12 68);--color-error: oklch(58% .24 22);--color-error-subtle: oklch(18% .06 22);--color-error-text: oklch(75% .18 22);--color-info: oklch(58% .14 255);--color-info-subtle: oklch(18% .06 255);--color-info-text: oklch(75% .12 255);--color-border: oklch(30% .01 255);--color-border-strong: oklch(40% .01 255);--color-border-subtle: oklch(20% .008 255);--color-border-muted: oklch(25% .009 255);--shadow-xs: 0 1px 3px oklch(0% 0 0 / .4);--shadow-sm: 0 2px 8px oklch(0% 0 0 / .5), 0 1px 2px oklch(0% 0 0 / .4);--shadow-md: 0 4px 16px oklch(0% 0 0 / .6), 0 8px 32px oklch(0% 0 0 / .3);--shadow-lg: 0 8px 24px oklch(0% 0 0 / .6), 0 12px 48px oklch(0% 0 0 / .3);--shadow-xl: 0 12px 36px oklch(0% 0 0 / .7), 0 16px 64px oklch(0% 0 0 / .3);--shadow-2xl: 0 20px 50px oklch(0% 0 0 / .8);--_a99-orange: oklch(68% .2 48);--_a99-orange-glow: oklch(68% .2 48 / .35);--_a99-void: oklch(4% .008 260);--_a99-panel: oklch(12% .012 255);--_a99-glow-orange: 0 0 12px var(--_a99-orange-glow), 0 0 32px oklch(68% .2 48 / .15);--_a99-glow-white: 0 0 10px oklch(96% 0 0 / .3), 0 0 24px oklch(96% 0 0 / .1);--scrollbar-thumb: oklch(30% .01 255);--scrollbar-track: oklch(8% .01 255);--control-border: oklch(40% .04 255);--control-checked-bg: oklch(68% .2 48);--control-checked-border: oklch(68% .2 48);--input-bg: oklch(10% .01 255);--input-border: oklch(30% .02 255);--input-border-focus: oklch(68% .2 48);--range-track-bg: oklch(20% .02 255);--range-track-fill: oklch(68% .2 48);--range-thumb-bg: oklch(14% .01 255);--range-thumb-border: oklch(68% .2 48);--progress-track-bg: oklch(18% .02 255);--progress-fill: oklch(68% .2 48);:is(main,article) code-block{--cb-border-color: var(--color-border);--cb-button-border: 1px solid var(--color-border);--cb-scrollbar-thumb: var(--color-border-strong)}:is(main,article) browser-window{--browser-window-header-bg: var(--_a99-panel);--browser-window-border-color: var(--color-border)}}
1
+ @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=alpha1999],[data-theme~=alpha1999]{color-scheme:light dark;--hue-primary: 48;--hue-secondary: 258;--hue-accent: 68;--color-primary: oklch(55% .2 48);--color-primary-hover: oklch(48% .22 44);--color-primary-active: oklch(45% .22 44);--color-primary-subtle: oklch(95% .03 48);--color-secondary: oklch(45% .14 258);--color-secondary-hover: oklch(40% .16 258);--color-secondary-subtle: oklch(95% .03 258);--color-accent: oklch(55% .17 68);--color-accent-hover: oklch(48% .18 68);--color-accent-subtle: oklch(95% .03 68);--color-background: oklch(96% .008 70);--color-surface: oklch(98% .005 70);--color-surface-alt: oklch(94% .01 70);--color-surface-raised: oklch(99% .003 70);--color-surface-sunken: oklch(92% .012 70);--color-text: oklch(20% .01 48);--color-text-muted: oklch(38% .01 48);--color-text-subtle: oklch(50% .008 48);--color-text-inverted: oklch(96% .004 90);--color-text-on-primary: oklch(98% .004 90);--color-success: oklch(48% .18 148);--color-success-subtle: oklch(95% .04 148);--color-success-text: oklch(35% .12 148);--color-warning: oklch(55% .17 68);--color-warning-subtle: oklch(95% .04 68);--color-warning-text: oklch(35% .12 68);--color-error: oklch(50% .22 22);--color-error-subtle: oklch(95% .04 22);--color-error-text: oklch(35% .15 22);--color-info: oklch(48% .14 255);--color-info-subtle: oklch(95% .03 255);--color-info-text: oklch(35% .12 255);--color-border: oklch(82% .01 70);--color-border-strong: oklch(60% .01 48);--color-border-subtle: oklch(88% .008 70);--color-border-muted: oklch(85% .009 70);--radius-xs: 2px;--radius-s: 3px;--radius-m: 3px;--radius-l: 6px;--radius-xl: 6px;--radius-2xl: 8px;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(0% 0 0 / .08);--shadow-s: 0 2px 8px oklch(0% 0 0 / .1), 0 1px 2px oklch(0% 0 0 / .06);--shadow-m: 0 4px 16px oklch(0% 0 0 / .12), 0 2px 4px oklch(0% 0 0 / .08);--shadow-l: 0 8px 24px oklch(0% 0 0 / .14), 0 4px 8px oklch(0% 0 0 / .08);--shadow-xl: 0 12px 36px oklch(0% 0 0 / .16), 0 6px 12px oklch(0% 0 0 / .08);--shadow-2xl: 0 20px 50px oklch(0% 0 0 / .18);--font-sans: "Josefin Sans", "Century Gothic", "Futura", sans-serif;--font-mono: "Share Tech Mono", "Courier New", monospace;--font-display: "Nunito", "Arial Black", "Impact", sans-serif;--font-heading: "Nunito", "Arial Black", "Impact", sans-serif;--font-body: "Josefin Sans", "Century Gothic", "Futura", sans-serif;--font-code: "Share Tech Mono", "Courier New", monospace;--line-height-normal: 1.65;--line-height-tight: 1;--letter-spacing-wide: .04em;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--motion-enter-duration: .4s;--motion-exit-duration: .2s;--motion-smooth: cubic-bezier(.16, 1, .3, 1);--_a99-orange: oklch(55% .2 48);--_a99-orange-glow: oklch(55% .2 48 / .15);--_a99-void: oklch(94% .01 70);--_a99-panel: oklch(98% .005 70);--_a99-glow-orange: 0 0 8px var(--_a99-orange-glow);--_a99-glow-white: none;--_a99-hazard: repeating-linear-gradient( -45deg, var(--_a99-orange) 0px, var(--_a99-orange) 12px, var(--_a99-void) 12px, var(--_a99-void) 24px );--_a99-command: oklch(74% .17 68);--_a99-medical: oklch(60% .22 28);--_a99-technical: oklch(55% .14 258);--_a99-security: oklch(50% .06 285);--scrollbar-thumb: oklch(78% .01 70);--scrollbar-track: oklch(92% .008 70);--control-border: oklch(70% .01 48);--control-checked-bg: oklch(55% .2 48);--control-checked-border: oklch(55% .2 48);--input-bg: oklch(99% .003 70);--input-border: oklch(78% .01 70);--input-border-focus: oklch(55% .2 48);--range-track-bg: oklch(88% .01 70);--range-track-fill: oklch(55% .2 48);--range-thumb-bg: oklch(98% .005 70);--range-thumb-border: oklch(55% .2 48);--progress-track-bg: oklch(88% .01 70);--progress-fill: oklch(55% .2 48)}:root[data-theme~=alpha1999],[data-theme~=alpha1999]{:is(main,article){:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.04em;line-height:1}& hr:not([data-ornament]){border:none;height:1px;background:#2a2e33;margin-block:2rem}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;&:hover{text-shadow:var(--_a99-glow-orange)}}.button,button{font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:box-shadow var(--duration-normal) var(--motion-smooth),background-color var(--duration-fast);&:hover{box-shadow:var(--_a99-glow-orange)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--_a99-orange)}& select:not([multiple]):open{border-color:var(--_a99-orange);box-shadow:var(--_a99-glow-orange)}& select:not([multiple])::picker(select){background:var(--_a99-panel);border:1px solid oklch(30% .01 255);box-shadow:var(--_a99-glow-orange)}& select:not([multiple]) option:hover{background:#0c121a}& select:not([multiple]) option:checked{color:var(--_a99-orange)}& select:not([multiple]) option::checkmark{color:var(--_a99-orange)}& select:not([multiple]) optgroup>legend{font-family:var(--font-heading);font-weight:900;letter-spacing:.06em;color:var(--_a99-command)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:#2a2e33}}.card{background:var(--_a99-panel);border:1px solid oklch(30% .01 255)}& code{color:var(--color-primary);background:var(--_a99-panel);border:1px solid oklch(30% .01 255)}& pre{background:var(--_a99-void);border:1px solid oklch(30% .01 255)}& pre code{background:transparent;border:none}}:is(main,article) code-block{--cb-bg: var(--_a99-void);--cb-code-bg: var(--_a99-void);--cb-header-bg: var(--_a99-panel);--cb-border-color: oklch(30% .01 255);--cb-label-color: var(--color-text-subtle);--cb-comment: var(--color-text-subtle);--cb-string: var(--_a99-command);--cb-function: var(--color-text);--cb-number: var(--color-primary);--cb-button-bg: var(--_a99-panel);--cb-button-border: 1px solid oklch(30% .01 255);--cb-scrollbar-track: var(--_a99-void);--cb-scrollbar-thumb: oklch(30% .01 255)}:is(main,article) browser-window{--browser-window-bg: var(--_a99-panel);--browser-window-header-bg: oklch(8% .01 255);--browser-window-content-bg: var(--_a99-void);--browser-window-border-color: oklch(30% .01 255);--browser-window-url-bg: var(--_a99-void)}::selection{background:var(--color-primary);color:var(--_a99-void)}}:root[data-theme~=alpha1999][data-mode=dark],[data-theme~=alpha1999][data-mode=dark]{color-scheme:dark;--color-primary: oklch(68% .2 48);--color-primary-hover: oklch(76% .18 56);--color-primary-active: oklch(60% .22 44);--color-primary-subtle: oklch(20% .06 48);--color-secondary: oklch(55% .14 258);--color-secondary-hover: oklch(62% .16 258);--color-secondary-subtle: oklch(18% .06 258);--color-accent: oklch(74% .17 68);--color-accent-hover: oklch(80% .15 68);--color-accent-subtle: oklch(20% .06 68);--color-background: oklch(4% .008 260);--color-surface: oklch(12% .012 255);--color-surface-alt: oklch(17% .014 255);--color-surface-raised: oklch(22% .012 255);--color-surface-sunken: oklch(8% .01 255);--color-text: oklch(96% .004 90);--color-text-muted: oklch(75% .008 90);--color-text-subtle: oklch(50% .008 90);--color-text-inverted: oklch(4% .008 260);--color-text-on-primary: oklch(4% .008 260);--color-success: oklch(62% .22 148);--color-success-subtle: oklch(18% .06 148);--color-success-text: oklch(75% .15 148);--color-warning: oklch(74% .17 68);--color-warning-subtle: oklch(20% .06 68);--color-warning-text: oklch(80% .12 68);--color-error: oklch(58% .24 22);--color-error-subtle: oklch(18% .06 22);--color-error-text: oklch(75% .18 22);--color-info: oklch(58% .14 255);--color-info-subtle: oklch(18% .06 255);--color-info-text: oklch(75% .12 255);--color-border: oklch(30% .01 255);--color-border-strong: oklch(40% .01 255);--color-border-subtle: oklch(20% .008 255);--color-border-muted: oklch(25% .009 255);--shadow-xs: 0 1px 3px oklch(0% 0 0 / .4);--shadow-s: 0 2px 8px oklch(0% 0 0 / .5), 0 1px 2px oklch(0% 0 0 / .4);--shadow-m: 0 4px 16px oklch(0% 0 0 / .6), 0 8px 32px oklch(0% 0 0 / .3);--shadow-l: 0 8px 24px oklch(0% 0 0 / .6), 0 12px 48px oklch(0% 0 0 / .3);--shadow-xl: 0 12px 36px oklch(0% 0 0 / .7), 0 16px 64px oklch(0% 0 0 / .3);--shadow-2xl: 0 20px 50px oklch(0% 0 0 / .8);--_a99-orange: oklch(68% .2 48);--_a99-orange-glow: oklch(68% .2 48 / .35);--_a99-void: oklch(4% .008 260);--_a99-panel: oklch(12% .012 255);--_a99-glow-orange: 0 0 12px var(--_a99-orange-glow), 0 0 32px oklch(68% .2 48 / .15);--_a99-glow-white: 0 0 10px oklch(96% 0 0 / .3), 0 0 24px oklch(96% 0 0 / .1);--scrollbar-thumb: oklch(30% .01 255);--scrollbar-track: oklch(8% .01 255);--control-border: oklch(40% .04 255);--control-checked-bg: oklch(68% .2 48);--control-checked-border: oklch(68% .2 48);--input-bg: oklch(10% .01 255);--input-border: oklch(30% .02 255);--input-border-focus: oklch(68% .2 48);--range-track-bg: oklch(20% .02 255);--range-track-fill: oklch(68% .2 48);--range-thumb-bg: oklch(14% .01 255);--range-thumb-border: oklch(68% .2 48);--progress-track-bg: oklch(18% .02 255);--progress-fill: oklch(68% .2 48);:is(main,article) code-block{--cb-border-color: var(--color-border);--cb-button-border: 1px solid var(--color-border);--cb-scrollbar-thumb: var(--color-border-strong)}:is(main,article) browser-window{--browser-window-header-bg: var(--_a99-panel);--browser-window-border-color: var(--color-border)}}}
2
2
  /*# sourceMappingURL=alpha1999.css.map */
@@ -492,7 +492,7 @@
492
492
  }
493
493
  }
494
494
  },
495
- "sm": {
495
+ "s": {
496
496
  "$type": "shadow",
497
497
  "$value": [
498
498
  {
@@ -543,7 +543,7 @@
543
543
  }
544
544
  ]
545
545
  },
546
- "md": {
546
+ "m": {
547
547
  "$type": "shadow",
548
548
  "$value": [
549
549
  {
@@ -594,7 +594,7 @@
594
594
  }
595
595
  ]
596
596
  },
597
- "lg": {
597
+ "l": {
598
598
  "$type": "shadow",
599
599
  "$value": [
600
600
  {
@@ -832,7 +832,7 @@
832
832
  "$extensions": {
833
833
  "com.vanilla-breeze": {
834
834
  "spec": "2025.10",
835
- "vbVersion": "0.3.0",
835
+ "vbVersion": "0.4.0",
836
836
  "seedDerivation": true,
837
837
  "unmapped": [
838
838
  "--motion-enter-duration",
@@ -1,2 +1,2 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root[data-theme~=anthropic],[data-theme~=anthropic]{--color-background: #FAF9F7;--color-surface: #FFFFFF;--color-surface-raised: #F5F3F0;--color-surface-sunken: #F0EDE9;--color-border: #E5E2DD;--color-border-strong: #C5C0B8;--color-border-subtle: #EEEBE7;--color-text: #1A1A1A;--color-text-muted: #6B6B6B;--color-text-subtle: #9A9A9A;--color-text-on-primary: #FFFFFF;--color-primary: #CC785C;--color-primary-hover: #B5674D;--color-primary-active: #A05A42;--color-primary-subtle: #F5EBE6;--color-secondary: #8B7355;--color-secondary-hover: #7A6449;--color-accent: #CC785C;--color-accent-hover: #B5674D;--color-interactive: #CC785C;--color-interactive-hover: #B5674D;--color-focus-ring: #CC785C;--color-border-focus: #CC785C;--color-error: #D93025;--color-success: #188038;--color-warning: #E8A317;--color-info: #4285F4;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-display: "Inter", system-ui, sans-serif;--font-weight-semibold: 500;--letter-spacing-tight: -.02em;--line-height-normal: 1.6;--line-height-relaxed: 1.7;--radius-xs: .25rem;--radius-s: .375rem;--radius-m: .375rem;--radius-l: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--focus-ring-width: 2px;--focus-ring-offset: 2px;--header-bg: var(--color-surface);--brand-mark-height: 1.75rem;--color-overlay-subtle: rgba(26, 26, 26, .04);--color-overlay-medium: rgba(26, 26, 26, .12);--color-overlay-strong: rgba(26, 26, 26, .5)}
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;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~=anthropic],[data-theme~=anthropic]{--color-background: #FAF9F7;--color-surface: #FFFFFF;--color-surface-raised: #F5F3F0;--color-surface-sunken: #F0EDE9;--color-border: #E5E2DD;--color-border-strong: #C5C0B8;--color-border-subtle: #EEEBE7;--color-text: #1A1A1A;--color-text-muted: #6B6B6B;--color-text-subtle: #9A9A9A;--color-text-on-primary: #FFFFFF;--color-primary: #CC785C;--color-primary-hover: #B5674D;--color-primary-active: #A05A42;--color-primary-subtle: #F5EBE6;--color-secondary: #8B7355;--color-secondary-hover: #7A6449;--color-accent: #CC785C;--color-accent-hover: #B5674D;--color-interactive: #CC785C;--color-interactive-hover: #B5674D;--color-focus-ring: #CC785C;--color-border-focus: #CC785C;--color-error: #D93025;--color-success: #188038;--color-warning: #E8A317;--color-info: #4285F4;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-display: "Inter", system-ui, sans-serif;--font-weight-semibold: 500;--letter-spacing-tight: -.02em;--line-height-normal: 1.6;--line-height-relaxed: 1.7;--radius-xs: .25rem;--radius-s: .375rem;--radius-m: .375rem;--radius-l: .5rem;--radius-xl: .75rem;--shadow-s: 0 1px 3px rgba(0, 0, 0, .06);--shadow-m: 0 4px 12px rgba(0, 0, 0, .06);--shadow-l: 0 8px 24px rgba(0, 0, 0, .08);--focus-ring-width: 2px;--focus-ring-offset: 2px;--header-bg: var(--color-surface);--brand-mark-height: 1.75rem;--color-overlay-subtle: rgba(26, 26, 26, .04);--color-overlay-medium: rgba(26, 26, 26, .12);--color-overlay-strong: rgba(26, 26, 26, .5)}}
2
2
  /*# sourceMappingURL=anthropic.css.map */
@@ -469,7 +469,7 @@
469
469
  },
470
470
  "effect": {
471
471
  "shadow": {
472
- "sm": {
472
+ "s": {
473
473
  "$type": "shadow",
474
474
  "$value": {
475
475
  "offsetX": {
@@ -495,7 +495,7 @@
495
495
  }
496
496
  }
497
497
  },
498
- "md": {
498
+ "m": {
499
499
  "$type": "shadow",
500
500
  "$value": {
501
501
  "offsetX": {
@@ -521,7 +521,7 @@
521
521
  }
522
522
  }
523
523
  },
524
- "lg": {
524
+ "l": {
525
525
  "$type": "shadow",
526
526
  "$value": {
527
527
  "offsetX": {
@@ -552,7 +552,7 @@
552
552
  "$extensions": {
553
553
  "com.vanilla-breeze": {
554
554
  "spec": "2025.10",
555
- "vbVersion": "0.3.0",
555
+ "vbVersion": "0.4.0",
556
556
  "unmapped": [
557
557
  "--focus-ring-width",
558
558
  "--focus-ring-offset",
@@ -250,7 +250,7 @@
250
250
  }
251
251
  }
252
252
  },
253
- "sm": {
253
+ "s": {
254
254
  "$type": "shadow",
255
255
  "$value": {
256
256
  "offsetX": {
@@ -276,7 +276,7 @@
276
276
  }
277
277
  }
278
278
  },
279
- "md": {
279
+ "m": {
280
280
  "$type": "shadow",
281
281
  "$value": {
282
282
  "offsetX": {
@@ -302,7 +302,7 @@
302
302
  }
303
303
  }
304
304
  },
305
- "lg": {
305
+ "l": {
306
306
  "$type": "shadow",
307
307
  "$value": {
308
308
  "offsetX": {
@@ -385,7 +385,7 @@
385
385
  "$extensions": {
386
386
  "com.vanilla-breeze": {
387
387
  "spec": "2025.10",
388
- "vbVersion": "0.3.0",
388
+ "vbVersion": "0.4.0",
389
389
  "unmapped": [
390
390
  "--input-bg",
391
391
  "--input-border",
@@ -1,2 +1,2 @@
1
- @import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap";:root[data-theme~=art-deco],[data-theme~=art-deco]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(97% .01 80);--color-surface: oklch(99% .005 80);--color-surface-alt: oklch(95% .012 80);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .015 80);--color-text: oklch(18% .01 80);--color-text-muted: oklch(35% .01 80);--color-text-subtle: oklch(50% .01 80);--color-primary: oklch(62% .12 85);--color-primary-hover: oklch(57% .13 85);--color-primary-subtle: oklch(95% .03 85);--color-accent: oklch(40% .08 185);--color-accent-hover: oklch(45% .09 185);--color-border: oklch(62% .12 85 / .3);--color-border-muted: oklch(85% .015 80);--color-border-strong: oklch(62% .12 85);--color-success: oklch(55% .12 150);--color-warning: oklch(62% .12 85);--color-error: oklch(50% .16 20);--color-info: oklch(40% .08 185);--font-sans: "DM Serif Display", Georgia, "Times New Roman", serif;--font-serif: "DM Serif Display", Georgia, "Times New Roman", serif;--font-mono: "Courier New", Courier, monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--letter-spacing-tight: 0;--letter-spacing-normal: .02em;--letter-spacing-wide: .15em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 2px 2px 0 oklch(62% .12 85 / .1);--shadow-sm: 3px 3px 0 oklch(62% .12 85 / .12);--shadow-md: 4px 4px 0 oklch(62% .12 85 / .15);--shadow-lg: 6px 6px 0 oklch(62% .12 85 / .15);--shadow-xl: 8px 8px 0 oklch(62% .12 85 / .18);--shadow-2xl: 12px 12px 0 oklch(62% .12 85 / .2);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--control-border: oklch(62% .12 85);--control-checked-bg: oklch(62% .12 85);--control-checked-border: oklch(62% .12 85);--input-border: oklch(62% .12 85 / .5);--input-border-focus: oklch(62% .12 85);--range-track-fill: oklch(62% .12 85);--range-thumb-border: oklch(62% .12 85);--progress-fill: oklch(62% .12 85)}:root[data-theme~=art-deco],[data-theme~=art-deco]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(62% .12 85);margin-block:2.5rem;position:relative;&:after{content:"\25c6";position:absolute;top:-.6em;left:50%;transform:translate(-50%);background:var(--color-background);padding-inline:.75rem;color:#a77f19;font-size:.75rem}}& h1,h2{text-transform:uppercase;letter-spacing:.1em;font-weight:400;color:#14110d;border-block-end:2px solid oklch(62% .12 85);padding-block-end:.5rem}& h3,h4{letter-spacing:.05em}& a:not([class]){color:#a77f19;text-decoration:none;border-block-end:1px solid oklch(62% .12 85 / .3);&:hover{border-block-end-color:#a77f19}}& blockquote{border-inline-start:3px solid oklch(62% .12 85);padding-inline-start:1.5rem;font-style:italic}.button,button{text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;border:2px solid oklch(62% .12 85);font-family:system-ui,sans-serif}.card{border:1px solid oklch(62% .12 85 / .3);border-block-start:3px solid oklch(62% .12 85)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .12 85);--cb-string: oklch(40% .08 185);--cb-function: oklch(40% .1 280);--cb-number: oklch(50% .16 20);--cb-button-bg: var(--color-surface)}::selection{background:#a77f1933;color:#14110d}}:root[data-theme~=art-deco][data-mode=dark],[data-theme~=art-deco][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .005 80);--color-surface: oklch(18% .005 80);--color-surface-alt: oklch(15% .005 80);--color-surface-raised: oklch(22% .005 80);--color-surface-sunken: oklch(8% .005 80);--color-text: oklch(97% .01 80);--color-text-muted: oklch(75% .01 80);--color-text-subtle: oklch(55% .01 80);--color-primary: oklch(72% .14 85);--color-primary-hover: oklch(77% .15 85);--color-primary-subtle: oklch(22% .04 85);--color-accent: oklch(55% .08 185);--color-accent-hover: oklch(60% .09 185);--color-border: oklch(72% .14 85 / .25);--color-border-muted: oklch(30% .005 80);--color-border-strong: oklch(72% .14 85);--color-success: oklch(68% .14 150);--color-warning: oklch(72% .14 85);--color-error: oklch(65% .18 20);--color-info: oklch(55% .08 185);--input-bg: oklch(18% .005 80);--input-border: oklch(72% .14 85 / .4);--input-border-focus: oklch(72% .14 85);--control-border: oklch(72% .14 85);--control-checked-bg: oklch(72% .14 85);--control-checked-border: oklch(72% .14 85);--range-track-fill: oklch(72% .14 85);--range-thumb-border: oklch(72% .14 85);--progress-fill: oklch(72% .14 85);--shadow-xs: 2px 2px 0 oklch(72% .14 85 / .08);--shadow-sm: 3px 3px 0 oklch(72% .14 85 / .1);--shadow-md: 4px 4px 0 oklch(72% .14 85 / .12);--shadow-lg: 6px 6px 0 oklch(72% .14 85 / .12);--shadow-xl: 8px 8px 0 oklch(72% .14 85 / .15);--shadow-2xl: 12px 12px 0 oklch(72% .14 85 / .18);:is(main,article){& hr:not([data-ornament]){border-color:#cd9c1f;&:after{color:#cd9c1f;background:var(--color-background)}}& h1,h2{color:#f9f4ee;border-block-end-color:#cd9c1f}& a:not([class]){color:#cd9c1f;border-block-end-color:#cd9c1f4d;&:hover{border-block-end-color:#cd9c1f}}& blockquote{border-inline-start-color:#cd9c1f;color:#b1ada7}.button,button{border-color:#cd9c1f}.card{border-color:#cd9c1f40;border-block-start-color:#cd9c1f}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(72% .14 85);--cb-string: oklch(55% .08 185);--cb-function: oklch(62% .1 280);--cb-number: oklch(65% .14 20)}::selection{background:#cd9c1f40;color:#f9f4ee}}
1
+ @import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=art-deco],[data-theme~=art-deco]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(97% .01 80);--color-surface: oklch(99% .005 80);--color-surface-alt: oklch(95% .012 80);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .015 80);--color-text: oklch(18% .01 80);--color-text-muted: oklch(35% .01 80);--color-text-subtle: oklch(50% .01 80);--color-primary: oklch(62% .12 85);--color-primary-hover: oklch(57% .13 85);--color-primary-subtle: oklch(95% .03 85);--color-accent: oklch(40% .08 185);--color-accent-hover: oklch(45% .09 185);--color-border: oklch(62% .12 85 / .3);--color-border-muted: oklch(85% .015 80);--color-border-strong: oklch(62% .12 85);--color-success: oklch(55% .12 150);--color-warning: oklch(62% .12 85);--color-error: oklch(50% .16 20);--color-info: oklch(40% .08 185);--font-sans: "DM Serif Display", Georgia, "Times New Roman", serif;--font-serif: "DM Serif Display", Georgia, "Times New Roman", serif;--font-mono: "Courier New", Courier, monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--letter-spacing-tight: 0;--letter-spacing-normal: .02em;--letter-spacing-wide: .15em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 2px 2px 0 oklch(62% .12 85 / .1);--shadow-s: 3px 3px 0 oklch(62% .12 85 / .12);--shadow-m: 4px 4px 0 oklch(62% .12 85 / .15);--shadow-l: 6px 6px 0 oklch(62% .12 85 / .15);--shadow-xl: 8px 8px 0 oklch(62% .12 85 / .18);--shadow-2xl: 12px 12px 0 oklch(62% .12 85 / .2);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--control-border: oklch(62% .12 85);--control-checked-bg: oklch(62% .12 85);--control-checked-border: oklch(62% .12 85);--input-border: oklch(62% .12 85 / .5);--input-border-focus: oklch(62% .12 85);--range-track-fill: oklch(62% .12 85);--range-thumb-border: oklch(62% .12 85);--progress-fill: oklch(62% .12 85)}:root[data-theme~=art-deco],[data-theme~=art-deco]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(62% .12 85);margin-block:2.5rem;position:relative;&:after{content:"\25c6";position:absolute;top:-.6em;left:50%;transform:translate(-50%);background:var(--color-background);padding-inline:.75rem;color:#a77f19;font-size:.75rem}}& h1,h2{text-transform:uppercase;letter-spacing:.1em;font-weight:400;color:#14110d;border-block-end:2px solid oklch(62% .12 85);padding-block-end:.5rem}& h3,h4{letter-spacing:.05em}& a:not([class]){color:#a77f19;text-decoration:none;border-block-end:1px solid oklch(62% .12 85 / .3);&:hover{border-block-end-color:#a77f19}}& blockquote{border-inline-start:3px solid oklch(62% .12 85);padding-inline-start:1.5rem;font-style:italic}.button,button{text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;border:2px solid oklch(62% .12 85);font-family:system-ui,sans-serif}.card{border:1px solid oklch(62% .12 85 / .3);border-block-start:3px solid oklch(62% .12 85)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .12 85);--cb-string: oklch(40% .08 185);--cb-function: oklch(40% .1 280);--cb-number: oklch(50% .16 20);--cb-button-bg: var(--color-surface)}::selection{background:#a77f1933;color:#14110d}}:root[data-theme~=art-deco][data-mode=dark],[data-theme~=art-deco][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .005 80);--color-surface: oklch(18% .005 80);--color-surface-alt: oklch(15% .005 80);--color-surface-raised: oklch(22% .005 80);--color-surface-sunken: oklch(8% .005 80);--color-text: oklch(97% .01 80);--color-text-muted: oklch(75% .01 80);--color-text-subtle: oklch(55% .01 80);--color-primary: oklch(72% .14 85);--color-primary-hover: oklch(77% .15 85);--color-primary-subtle: oklch(22% .04 85);--color-accent: oklch(55% .08 185);--color-accent-hover: oklch(60% .09 185);--color-border: oklch(72% .14 85 / .25);--color-border-muted: oklch(30% .005 80);--color-border-strong: oklch(72% .14 85);--color-success: oklch(68% .14 150);--color-warning: oklch(72% .14 85);--color-error: oklch(65% .18 20);--color-info: oklch(55% .08 185);--input-bg: oklch(18% .005 80);--input-border: oklch(72% .14 85 / .4);--input-border-focus: oklch(72% .14 85);--control-border: oklch(72% .14 85);--control-checked-bg: oklch(72% .14 85);--control-checked-border: oklch(72% .14 85);--range-track-fill: oklch(72% .14 85);--range-thumb-border: oklch(72% .14 85);--progress-fill: oklch(72% .14 85);--shadow-xs: 2px 2px 0 oklch(72% .14 85 / .08);--shadow-s: 3px 3px 0 oklch(72% .14 85 / .1);--shadow-m: 4px 4px 0 oklch(72% .14 85 / .12);--shadow-l: 6px 6px 0 oklch(72% .14 85 / .12);--shadow-xl: 8px 8px 0 oklch(72% .14 85 / .15);--shadow-2xl: 12px 12px 0 oklch(72% .14 85 / .18);:is(main,article){& hr:not([data-ornament]){border-color:#cd9c1f;&:after{color:#cd9c1f;background:var(--color-background)}}& h1,h2{color:#f9f4ee;border-block-end-color:#cd9c1f}& a:not([class]){color:#cd9c1f;border-block-end-color:#cd9c1f4d;&:hover{border-block-end-color:#cd9c1f}}& blockquote{border-inline-start-color:#cd9c1f;color:#b1ada7}.button,button{border-color:#cd9c1f}.card{border-color:#cd9c1f40;border-block-start-color:#cd9c1f}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(72% .14 85);--cb-string: oklch(55% .08 185);--cb-function: oklch(62% .1 280);--cb-number: oklch(65% .14 20)}::selection{background:#cd9c1f40;color:#f9f4ee}}}
2
2
  /*# sourceMappingURL=art-deco.css.map */
@@ -376,7 +376,7 @@
376
376
  }
377
377
  }
378
378
  },
379
- "sm": {
379
+ "s": {
380
380
  "$type": "shadow",
381
381
  "$value": {
382
382
  "offsetX": {
@@ -402,7 +402,7 @@
402
402
  }
403
403
  }
404
404
  },
405
- "md": {
405
+ "m": {
406
406
  "$type": "shadow",
407
407
  "$value": {
408
408
  "offsetX": {
@@ -428,7 +428,7 @@
428
428
  }
429
429
  }
430
430
  },
431
- "lg": {
431
+ "l": {
432
432
  "$type": "shadow",
433
433
  "$value": {
434
434
  "offsetX": {
@@ -563,7 +563,7 @@
563
563
  "$extensions": {
564
564
  "com.vanilla-breeze": {
565
565
  "spec": "2025.10",
566
- "vbVersion": "0.3.0",
566
+ "vbVersion": "0.4.0",
567
567
  "unmapped": [
568
568
  "--theme-border-style",
569
569
  "--theme-icon-set",
@@ -235,7 +235,7 @@
235
235
  "$extensions": {
236
236
  "com.vanilla-breeze": {
237
237
  "spec": "2025.10",
238
- "vbVersion": "0.3.0",
238
+ "vbVersion": "0.4.0",
239
239
  "unmapped": [
240
240
  "--_bauhaus-color-yellow",
241
241
  "--input-bg",
@@ -1,2 +1,2 @@
1
- @import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400..700&display=swap";:root[data-theme~=bauhaus],[data-theme~=bauhaus]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(97% .01 110);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(95% .012 110);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .01 110);--color-text: oklch(15% .02 250);--color-text-muted: oklch(35% .02 250);--color-text-subtle: oklch(50% .015 250);--color-primary: oklch(50% .22 25);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(92% .04 25);--color-accent: oklch(25% .08 250);--color-accent-hover: oklch(30% .09 250);--color-accent-subtle: oklch(90% .02 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(20% .01 0);--color-border-muted: oklch(70% .005 0);--color-border-strong: oklch(10% .005 0);--color-success: oklch(55% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(50% .22 25);--color-info: oklch(35% .1 250);--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;--line-height-normal: 1.5;--line-height-tight: 1.2;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 40ms;--duration-fast: 80ms;--duration-normal: .16s;--duration-slow: .24s;--ease-default: linear;--ease-out: linear;--control-border: oklch(20% .01 0);--control-checked-bg: oklch(50% .22 25);--control-checked-border: oklch(20% .01 0);--input-bg: oklch(100% 0 0);--input-border: oklch(20% .01 0);--input-border-focus: oklch(50% .22 25);--range-track-bg: oklch(80% .005 0);--range-track-fill: oklch(50% .22 25);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: oklch(20% .01 0);--progress-track-bg: oklch(85% .005 0);--progress-fill: oklch(50% .22 25)}:root[data-theme~=bauhaus],[data-theme~=bauhaus]{:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface);padding:.5rem 1rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.05em}& h2{background:var(--color-accent);color:var(--color-surface);padding:.4rem .8rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.04em}& h3{color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-block-end:2px solid var(--color-border);padding-block-end:.25rem}& hr:not([data-ornament]){height:4px;background:var(--color-primary);border:none;margin-block:2rem}& blockquote{border-inline-start:4px solid var(--color-accent);padding:1.25rem 1.5rem 1.25rem 2rem;position:relative;background:var(--color-background);&:before{content:"";position:absolute;top:-8px;left:-12px;width:20px;height:20px;border-radius:9999px;background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-primary);text-decoration:none;border-block-end:2px solid var(--color-primary);transition:color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default);&:hover{color:var(--color-accent);border-color:var(--color-accent)}}.button,button{border:2px solid var(--color-text);background:transparent;color:var(--color-text);font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all var(--duration-normal) var(--ease-default);&:hover{background:var(--color-text);color:var(--color-surface)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.03em;font-size:.875em}}& pre{border:2px solid var(--color-border);background:var(--color-background)}& code{background:var(--color-surface-alt);color:var(--color-accent);padding:.125rem .375rem}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong)}::selection{background:var(--color-primary);color:var(--color-surface)}}:root[data-theme~=bauhaus][data-mode=dark],[data-theme~=bauhaus][data-mode=dark]{color-scheme:dark;--color-background: oklch(10% .01 250);--color-surface: oklch(14% .01 250);--color-surface-alt: oklch(18% .012 250);--color-surface-raised: oklch(20% .01 250);--color-surface-sunken: oklch(8% .01 250);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--color-primary: oklch(58% .22 25);--color-primary-hover: oklch(63% .24 25);--color-primary-subtle: oklch(20% .06 25);--color-accent: oklch(55% .1 250);--color-accent-hover: oklch(60% .11 250);--color-accent-subtle: oklch(20% .04 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(62% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(58% .22 25);--color-info: oklch(55% .1 250);--input-bg: oklch(14% .01 250);--input-border: oklch(80% .005 0);--input-border-focus: oklch(58% .22 25);--control-border: oklch(80% .005 0);--control-checked-bg: oklch(58% .22 25);--control-checked-border: oklch(80% .005 0);--range-track-bg: oklch(30% .005 0);--range-track-fill: oklch(58% .22 25);--range-thumb-bg: oklch(14% .01 250);--range-thumb-border: oklch(80% .005 0);--progress-track-bg: oklch(25% .005 0);--progress-fill: oklch(58% .22 25);:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface)}& h2{background:var(--color-accent);color:var(--color-surface)}& h3{color:var(--_bauhaus-color-yellow);border-color:var(--color-border)}& hr:not([data-ornament]){background:var(--color-primary)}& blockquote{border-color:var(--color-accent);background:var(--color-surface);&:before{background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-primary);border-color:var(--color-primary);&:hover{color:var(--_bauhaus-color-yellow);border-color:var(--_bauhaus-color-yellow)}}.button,button{border-color:var(--color-border);color:var(--color-text);&:hover{background:var(--color-text);color:var(--color-background)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border-color:var(--color-border);background:var(--color-surface);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);&:focus{border-color:var(--color-primary)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}::selection{background:#df202e66;color:var(--color-text)}}
1
+ @import"https://fonts.googleapis.com/css2?family=DM+Sans: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~=bauhaus],[data-theme~=bauhaus]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(97% .01 110);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(95% .012 110);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .01 110);--color-text: oklch(15% .02 250);--color-text-muted: oklch(35% .02 250);--color-text-subtle: oklch(50% .015 250);--color-primary: oklch(50% .22 25);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(92% .04 25);--color-accent: oklch(25% .08 250);--color-accent-hover: oklch(30% .09 250);--color-accent-subtle: oklch(90% .02 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(20% .01 0);--color-border-muted: oklch(70% .005 0);--color-border-strong: oklch(10% .005 0);--color-success: oklch(55% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(50% .22 25);--color-info: oklch(35% .1 250);--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;--line-height-normal: 1.5;--line-height-tight: 1.2;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: none;--shadow-s: none;--shadow-m: none;--shadow-l: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 40ms;--duration-fast: 80ms;--duration-normal: .16s;--duration-slow: .24s;--ease-default: linear;--ease-out: linear;--control-border: oklch(20% .01 0);--control-checked-bg: oklch(50% .22 25);--control-checked-border: oklch(20% .01 0);--input-bg: oklch(100% 0 0);--input-border: oklch(20% .01 0);--input-border-focus: oklch(50% .22 25);--range-track-bg: oklch(80% .005 0);--range-track-fill: oklch(50% .22 25);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: oklch(20% .01 0);--progress-track-bg: oklch(85% .005 0);--progress-fill: oklch(50% .22 25)}:root[data-theme~=bauhaus],[data-theme~=bauhaus]{:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface);padding:.5rem 1rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.05em}& h2{background:var(--color-accent);color:var(--color-surface);padding:.4rem .8rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.04em}& h3{color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-block-end:2px solid var(--color-border);padding-block-end:.25rem}& hr:not([data-ornament]){height:4px;background:var(--color-primary);border:none;margin-block:2rem}& blockquote{border-inline-start:4px solid var(--color-accent);padding:1.25rem 1.5rem 1.25rem 2rem;position:relative;background:var(--color-background);&:before{content:"";position:absolute;top:-8px;left:-12px;width:20px;height:20px;border-radius:9999px;background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-primary);text-decoration:none;border-block-end:2px solid var(--color-primary);transition:color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default);&:hover{color:var(--color-accent);border-color:var(--color-accent)}}.button,button{border:2px solid var(--color-text);background:transparent;color:var(--color-text);font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all var(--duration-normal) var(--ease-default);&:hover{background:var(--color-text);color:var(--color-surface)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.03em;font-size:.875em}}& pre{border:2px solid var(--color-border);background:var(--color-background)}& code{background:var(--color-surface-alt);color:var(--color-accent);padding:.125rem .375rem}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong)}::selection{background:var(--color-primary);color:var(--color-surface)}}:root[data-theme~=bauhaus][data-mode=dark],[data-theme~=bauhaus][data-mode=dark]{color-scheme:dark;--color-background: oklch(10% .01 250);--color-surface: oklch(14% .01 250);--color-surface-alt: oklch(18% .012 250);--color-surface-raised: oklch(20% .01 250);--color-surface-sunken: oklch(8% .01 250);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--color-primary: oklch(58% .22 25);--color-primary-hover: oklch(63% .24 25);--color-primary-subtle: oklch(20% .06 25);--color-accent: oklch(55% .1 250);--color-accent-hover: oklch(60% .11 250);--color-accent-subtle: oklch(20% .04 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(62% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(58% .22 25);--color-info: oklch(55% .1 250);--input-bg: oklch(14% .01 250);--input-border: oklch(80% .005 0);--input-border-focus: oklch(58% .22 25);--control-border: oklch(80% .005 0);--control-checked-bg: oklch(58% .22 25);--control-checked-border: oklch(80% .005 0);--range-track-bg: oklch(30% .005 0);--range-track-fill: oklch(58% .22 25);--range-thumb-bg: oklch(14% .01 250);--range-thumb-border: oklch(80% .005 0);--progress-track-bg: oklch(25% .005 0);--progress-fill: oklch(58% .22 25);:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface)}& h2{background:var(--color-accent);color:var(--color-surface)}& h3{color:var(--_bauhaus-color-yellow);border-color:var(--color-border)}& hr:not([data-ornament]){background:var(--color-primary)}& blockquote{border-color:var(--color-accent);background:var(--color-surface);&:before{background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-primary);border-color:var(--color-primary);&:hover{color:var(--_bauhaus-color-yellow);border-color:var(--_bauhaus-color-yellow)}}.button,button{border-color:var(--color-border);color:var(--color-text);&:hover{background:var(--color-text);color:var(--color-background)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border-color:var(--color-border);background:var(--color-surface);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);&:focus{border-color:var(--color-primary)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}::selection{background:#df202e66;color:var(--color-text)}}}
2
2
  /*# sourceMappingURL=bauhaus.css.map */
@@ -348,7 +348,7 @@
348
348
  }
349
349
  }
350
350
  },
351
- "sm": {
351
+ "s": {
352
352
  "$type": "shadow",
353
353
  "$value": {
354
354
  "offsetX": {
@@ -378,7 +378,7 @@
378
378
  }
379
379
  }
380
380
  },
381
- "md": {
381
+ "m": {
382
382
  "$type": "shadow",
383
383
  "$value": {
384
384
  "offsetX": {
@@ -408,7 +408,7 @@
408
408
  }
409
409
  }
410
410
  },
411
- "lg": {
411
+ "l": {
412
412
  "$type": "shadow",
413
413
  "$value": {
414
414
  "offsetX": {
@@ -565,7 +565,7 @@
565
565
  "$extensions": {
566
566
  "com.vanilla-breeze": {
567
567
  "spec": "2025.10",
568
- "vbVersion": "0.3.0",
568
+ "vbVersion": "0.4.0",
569
569
  "unmapped": [
570
570
  "--theme-border-style",
571
571
  "--theme-icon-set",
@@ -347,7 +347,7 @@
347
347
  }
348
348
  }
349
349
  },
350
- "sm": {
350
+ "s": {
351
351
  "$type": "shadow",
352
352
  "$value": {
353
353
  "offsetX": {
@@ -372,7 +372,7 @@
372
372
  }
373
373
  }
374
374
  },
375
- "md": {
375
+ "m": {
376
376
  "$type": "shadow",
377
377
  "$value": {
378
378
  "offsetX": {
@@ -397,7 +397,7 @@
397
397
  }
398
398
  }
399
399
  },
400
- "lg": {
400
+ "l": {
401
401
  "$type": "shadow",
402
402
  "$value": {
403
403
  "offsetX": {
@@ -477,7 +477,7 @@
477
477
  "$extensions": {
478
478
  "com.vanilla-breeze": {
479
479
  "spec": "2025.10",
480
- "vbVersion": "0.3.0",
480
+ "vbVersion": "0.4.0",
481
481
  "unmapped": [
482
482
  "--scrollbar-thumb",
483
483
  "--scrollbar-track",
@@ -1,2 +1,2 @@
1
- :root[data-theme~=brutalist],[data-theme~=brutalist]{color-scheme:light;--theme-border-style: sharp;--color-surface: oklch(95% 0 0);--color-surface-alt: oklch(100% 0 0);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(90% 0 0);--color-background: oklch(95% 0 0);--color-text: oklch(0% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(60% .3 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(55% .3 145);--color-primary-subtle: oklch(90% .1 145);--color-accent: oklch(65% .25 30);--color-accent-hover: oklch(55% .25 30);--color-border: oklch(0% 0 0);--color-border-muted: oklch(70% 0 0);--color-border-strong: oklch(0% 0 0);--color-error: oklch(55% .28 25);--color-error-subtle: oklch(92% .06 25);--color-error-text: oklch(35% .18 25);--color-warning: oklch(70% .22 70);--color-warning-subtle: oklch(92% .08 70);--color-warning-text: oklch(35% .14 70);--color-success: oklch(55% .28 145);--color-success-subtle: oklch(92% .06 145);--color-success-text: oklch(30% .16 145);--color-info: oklch(45% .2 240);--color-info-subtle: oklch(92% .06 240);--color-info-text: oklch(30% .14 240);--font-sans: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-size-adjust: .48;--line-height-normal: 1.6;--line-height-tight: 1.1;--letter-spacing-normal: -.01em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 1px 1px 0 oklch(0% 0 0);--shadow-sm: 2px 2px 0 oklch(0% 0 0);--shadow-md: 4px 4px 0 oklch(0% 0 0);--shadow-lg: 6px 6px 0 oklch(0% 0 0);--shadow-xl: 8px 8px 0 oklch(0% 0 0);--shadow-2xl: 10px 10px 0 oklch(0% 0 0);--border-width: 2px;--border-width-thick: 4px;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .1s;--duration-slow: .15s;--ease-default: linear;--ease-out: linear;--motion-hover-lift: none;--motion-hover-scale: scale(1.05);--motion-stagger-delay: 0ms;--motion-bounce: linear;--motion-snappy: linear;--motion-smooth: linear;--motion-elastic: linear;--motion-enter-duration: 0ms;--motion-exit-duration: 0ms;--control-size: 1.25rem;--control-border: oklch(0% 0 0);--input-border: oklch(0% 0 0);--input-bg: oklch(100% 0 0);--range-track-bg: oklch(0% 0 0);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: oklch(0% 0 0);--progress-track-bg: oklch(80% 0 0)}:root[data-theme~=brutalist],[data-theme~=brutalist]{:is(main,article){& hr:not([data-ornament]){border:none;height:4px;background:repeating-linear-gradient(90deg,var(--color-border),var(--color-border) 10px,transparent 10px,transparent 20px);margin-block:2rem}& h1:not([data-gradient-text]){text-transform:uppercase;background:var(--color-text);color:var(--color-surface-raised);padding:.5rem 1rem;width:fit-content;margin-inline:auto;margin-block-end:1.5rem;text-align:center}& h2{border-block-end:4px solid var(--color-border);padding-block-end:.5rem}& h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}& a:not([class]):not(nav a){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;&:hover{background:var(--color-primary);color:var(--color-text);text-decoration:none;padding-inline:.25em;margin-inline:-.25em}}.button,button{border-width:2px;box-shadow:var(--shadow-md);transition:transform .1s,box-shadow .1s;&:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}&:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-border)}}.card{border-width:2px;box-shadow:var(--shadow-md);&:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}}& input,textarea{border-width:2px;&:focus{box-shadow:var(--shadow-sm);outline:none}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-text)}& select:not([multiple]):open{box-shadow:var(--shadow-sm)}& select:not([multiple])::picker(select){background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-md)}& select:not([multiple]) option:hover{background:var(--color-surface-raised)}& select:not([multiple]) option:checked{color:var(--color-primary);font-weight:700}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-mono);font-weight:700}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border);border-width:2px}}& blockquote{border:2px solid var(--color-border);border-inline-start-width:8px;padding:1rem 1.5rem;background:var(--color-surface);font-style:normal;&:before{content:'"';font-size:3rem;font-weight:700;line-height:1;display:block;margin-block-end:.5rem}}& pre{background:#030303;color:var(--color-primary);border:2px solid var(--color-border);box-shadow:var(--shadow-md)}& code{background:var(--color-surface-sunken);border:1px solid var(--color-border)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-primary);--cb-border-color: var(--color-border-strong);--cb-label-color: oklch(60% 0 0);--cb-border-radius: 0;--cb-function: oklch(80% 0 0);--cb-button-bg: var(--color-surface);--cb-button-border: 1px solid oklch(40% 0 0);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong);--browser-window-border-radius: 0}:is(main,article) details :is(form,fieldset,table){border:none;box-shadow:none;filter:none}::selection{background:var(--color-primary);color:var(--color-text)}--scrollbar-thumb: var(--color-border);--scrollbar-track: var(--color-surface-sunken)}:root[data-theme~=brutalist][data-mode=dark],[data-theme~=brutalist][data-mode=dark]{color-scheme:dark;--color-surface: oklch(10% 0 0);--color-surface-alt: oklch(5% 0 0);--color-surface-raised: oklch(15% 0 0);--color-surface-sunken: oklch(5% 0 0);--color-background: oklch(5% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(62% 0 0);--color-primary: oklch(60% .3 145);--color-primary-subtle: oklch(20% .08 145);--color-primary-hover: oklch(65% .3 145);--color-accent: oklch(70% .25 30);--color-accent-hover: oklch(70% .25 30);--color-accent-subtle: oklch(20% .06 30);--color-border: oklch(95% 0 0);--color-border-muted: oklch(30% 0 0);--color-border-strong: oklch(95% 0 0);--color-error: oklch(60% .28 25);--color-error-subtle: oklch(18% .08 25);--color-error-text: oklch(78% .18 25);--color-warning: oklch(75% .22 70);--color-warning-subtle: oklch(18% .1 70);--color-warning-text: oklch(82% .14 70);--color-success: oklch(60% .28 145);--color-success-subtle: oklch(18% .08 145);--color-success-text: oklch(78% .16 145);--color-info: oklch(58% .2 240);--color-info-subtle: oklch(18% .08 240);--color-info-text: oklch(78% .14 240);--scrollbar-thumb: oklch(95% 0 0);--scrollbar-track: oklch(15% 0 0);--input-bg: oklch(10% 0 0);--input-border: oklch(95% 0 0);--input-border-focus: oklch(60% .3 145);--control-border: oklch(95% 0 0);--control-checked-bg: oklch(60% .3 145);--control-checked-border: oklch(95% 0 0);--range-track-bg: oklch(95% 0 0);--range-track-fill: oklch(60% .3 145);--range-thumb-bg: oklch(10% 0 0);--range-thumb-border: oklch(95% 0 0);--progress-track-bg: oklch(30% 0 0);--progress-fill: oklch(60% .3 145);--shadow-xs: 1px 1px 0 oklch(100% 0 0);--shadow-sm: 2px 2px 0 oklch(100% 0 0);--shadow-md: 4px 4px 0 oklch(100% 0 0);--shadow-lg: 6px 6px 0 oklch(100% 0 0);--shadow-xl: 8px 8px 0 oklch(100% 0 0);--shadow-2xl: 10px 10px 0 oklch(100% 0 0);:is(main,article) h1:not([data-gradient-text]){background:var(--color-text);color:var(--color-background)}:is(main,article) h2{border-block-end-color:var(--color-border)}:is(main,article) hr:not([data-ornament]){background:repeating-linear-gradient(90deg,var(--color-border),var(--color-border) 10px,transparent 10px,transparent 20px)}:is(main,article) blockquote{border-color:var(--color-border);background:var(--color-surface-raised)}:is(main,article) code{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-primary)}:is(main,article) pre{background:var(--color-background);border-color:var(--color-border)}:is(main,article) code-block{--cb-text-color: var(--color-primary);--cb-label-color: oklch(70% 0 0);--cb-function: oklch(80% 0 0);--cb-button-border: 1px solid oklch(70% 0 0)}}
1
+ @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=brutalist],[data-theme~=brutalist]{color-scheme:light;--theme-border-style: sharp;--color-surface: oklch(95% 0 0);--color-surface-alt: oklch(100% 0 0);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(90% 0 0);--color-background: oklch(95% 0 0);--color-text: oklch(0% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(60% .3 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(55% .3 145);--color-primary-subtle: oklch(90% .1 145);--color-accent: oklch(65% .25 30);--color-accent-hover: oklch(55% .25 30);--color-border: oklch(0% 0 0);--color-border-muted: oklch(70% 0 0);--color-border-strong: oklch(0% 0 0);--color-error: oklch(55% .28 25);--color-error-subtle: oklch(92% .06 25);--color-error-text: oklch(35% .18 25);--color-warning: oklch(70% .22 70);--color-warning-subtle: oklch(92% .08 70);--color-warning-text: oklch(35% .14 70);--color-success: oklch(55% .28 145);--color-success-subtle: oklch(92% .06 145);--color-success-text: oklch(30% .16 145);--color-info: oklch(45% .2 240);--color-info-subtle: oklch(92% .06 240);--color-info-text: oklch(30% .14 240);--font-sans: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-size-adjust: .48;--line-height-normal: 1.6;--line-height-tight: 1.1;--letter-spacing-normal: -.01em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 1px 1px 0 oklch(0% 0 0);--shadow-s: 2px 2px 0 oklch(0% 0 0);--shadow-m: 4px 4px 0 oklch(0% 0 0);--shadow-l: 6px 6px 0 oklch(0% 0 0);--shadow-xl: 8px 8px 0 oklch(0% 0 0);--shadow-2xl: 10px 10px 0 oklch(0% 0 0);--border-width: 2px;--border-width-thick: 4px;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .1s;--duration-slow: .15s;--ease-default: linear;--ease-out: linear;--motion-hover-lift: none;--motion-hover-scale: scale(1.05);--motion-stagger-delay: 0ms;--motion-bounce: linear;--motion-snappy: linear;--motion-smooth: linear;--motion-elastic: linear;--motion-enter-duration: 0ms;--motion-exit-duration: 0ms;--control-size: 1.25rem;--control-border: oklch(0% 0 0);--input-border: oklch(0% 0 0);--input-bg: oklch(100% 0 0);--range-track-bg: oklch(0% 0 0);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: oklch(0% 0 0);--progress-track-bg: oklch(80% 0 0)}:root[data-theme~=brutalist],[data-theme~=brutalist]{:is(main,article){& hr:not([data-ornament]){border:none;height:4px;background:repeating-linear-gradient(90deg,var(--color-border),var(--color-border) 10px,transparent 10px,transparent 20px);margin-block:2rem}& h1:not([data-gradient-text]){text-transform:uppercase;background:var(--color-text);color:var(--color-surface-raised);padding:.5rem 1rem;width:fit-content;margin-inline:auto;margin-block-end:1.5rem;text-align:center}& h2{border-block-end:4px solid var(--color-border);padding-block-end:.5rem}& h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}& a:not([class]):not(nav a){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;&:hover{background:var(--color-primary);color:var(--color-text);text-decoration:none;padding-inline:.25em;margin-inline:-.25em}}.button,button{border-width:2px;box-shadow:var(--shadow-m);transition:transform .1s,box-shadow .1s;&:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}&:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-border)}}.card{border-width:2px;box-shadow:var(--shadow-m);&:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}}& input,textarea{border-width:2px;&:focus{box-shadow:var(--shadow-s);outline:none}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-text)}& select:not([multiple]):open{box-shadow:var(--shadow-s)}& select:not([multiple])::picker(select){background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-m)}& select:not([multiple]) option:hover{background:var(--color-surface-raised)}& select:not([multiple]) option:checked{color:var(--color-primary);font-weight:700}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-mono);font-weight:700}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border);border-width:2px}}& blockquote{border:2px solid var(--color-border);border-inline-start-width:8px;padding:1rem 1.5rem;background:var(--color-surface);font-style:normal;&:before{content:'"';font-size:3rem;font-weight:700;line-height:1;display:block;margin-block-end:.5rem}}& pre{background:#030303;color:var(--color-primary);border:2px solid var(--color-border);box-shadow:var(--shadow-m)}& code{background:var(--color-surface-sunken);border:1px solid var(--color-border)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-primary);--cb-border-color: var(--color-border-strong);--cb-label-color: oklch(60% 0 0);--cb-border-radius: 0;--cb-function: oklch(80% 0 0);--cb-button-bg: var(--color-surface);--cb-button-border: 1px solid oklch(40% 0 0);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong);--browser-window-border-radius: 0}:is(main,article) details :is(form,fieldset,table){border:none;box-shadow:none;filter:none}::selection{background:var(--color-primary);color:var(--color-text)}--scrollbar-thumb: var(--color-border);--scrollbar-track: var(--color-surface-sunken)}:root[data-theme~=brutalist][data-mode=dark],[data-theme~=brutalist][data-mode=dark]{color-scheme:dark;--color-surface: oklch(10% 0 0);--color-surface-alt: oklch(5% 0 0);--color-surface-raised: oklch(15% 0 0);--color-surface-sunken: oklch(5% 0 0);--color-background: oklch(5% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(62% 0 0);--color-primary: oklch(60% .3 145);--color-primary-subtle: oklch(20% .08 145);--color-primary-hover: oklch(65% .3 145);--color-accent: oklch(70% .25 30);--color-accent-hover: oklch(70% .25 30);--color-accent-subtle: oklch(20% .06 30);--color-border: oklch(95% 0 0);--color-border-muted: oklch(30% 0 0);--color-border-strong: oklch(95% 0 0);--color-error: oklch(60% .28 25);--color-error-subtle: oklch(18% .08 25);--color-error-text: oklch(78% .18 25);--color-warning: oklch(75% .22 70);--color-warning-subtle: oklch(18% .1 70);--color-warning-text: oklch(82% .14 70);--color-success: oklch(60% .28 145);--color-success-subtle: oklch(18% .08 145);--color-success-text: oklch(78% .16 145);--color-info: oklch(58% .2 240);--color-info-subtle: oklch(18% .08 240);--color-info-text: oklch(78% .14 240);--scrollbar-thumb: oklch(95% 0 0);--scrollbar-track: oklch(15% 0 0);--input-bg: oklch(10% 0 0);--input-border: oklch(95% 0 0);--input-border-focus: oklch(60% .3 145);--control-border: oklch(95% 0 0);--control-checked-bg: oklch(60% .3 145);--control-checked-border: oklch(95% 0 0);--range-track-bg: oklch(95% 0 0);--range-track-fill: oklch(60% .3 145);--range-thumb-bg: oklch(10% 0 0);--range-thumb-border: oklch(95% 0 0);--progress-track-bg: oklch(30% 0 0);--progress-fill: oklch(60% .3 145);--shadow-xs: 1px 1px 0 oklch(100% 0 0);--shadow-s: 2px 2px 0 oklch(100% 0 0);--shadow-m: 4px 4px 0 oklch(100% 0 0);--shadow-l: 6px 6px 0 oklch(100% 0 0);--shadow-xl: 8px 8px 0 oklch(100% 0 0);--shadow-2xl: 10px 10px 0 oklch(100% 0 0);:is(main,article) h1:not([data-gradient-text]){background:var(--color-text);color:var(--color-background)}:is(main,article) h2{border-block-end-color:var(--color-border)}:is(main,article) hr:not([data-ornament]){background:repeating-linear-gradient(90deg,var(--color-border),var(--color-border) 10px,transparent 10px,transparent 20px)}:is(main,article) blockquote{border-color:var(--color-border);background:var(--color-surface-raised)}:is(main,article) code{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-primary)}:is(main,article) pre{background:var(--color-background);border-color:var(--color-border)}:is(main,article) code-block{--cb-text-color: var(--color-primary);--cb-label-color: oklch(70% 0 0);--cb-function: oklch(80% 0 0);--cb-button-border: 1px solid oklch(70% 0 0)}}}
2
2
  /*# sourceMappingURL=brutalist.css.map */
@@ -457,7 +457,7 @@
457
457
  }
458
458
  }
459
459
  },
460
- "sm": {
460
+ "s": {
461
461
  "$type": "shadow",
462
462
  "$value": {
463
463
  "offsetX": {
@@ -482,7 +482,7 @@
482
482
  }
483
483
  }
484
484
  },
485
- "md": {
485
+ "m": {
486
486
  "$type": "shadow",
487
487
  "$value": {
488
488
  "offsetX": {
@@ -507,7 +507,7 @@
507
507
  }
508
508
  }
509
509
  },
510
- "lg": {
510
+ "l": {
511
511
  "$type": "shadow",
512
512
  "$value": {
513
513
  "offsetX": {
@@ -649,7 +649,7 @@
649
649
  "$extensions": {
650
650
  "com.vanilla-breeze": {
651
651
  "spec": "2025.10",
652
- "vbVersion": "0.3.0",
652
+ "vbVersion": "0.4.0",
653
653
  "unmapped": [
654
654
  "--theme-border-style",
655
655
  "--caret-color",
@@ -231,7 +231,7 @@
231
231
  }
232
232
  },
233
233
  "size": {
234
- "md": {
234
+ "m": {
235
235
  "$type": "dimension",
236
236
  "$value": {
237
237
  "value": 0.875,
@@ -300,4 +300,4 @@
300
300
  }
301
301
  }
302
302
  }
303
- }
303
+ }
@@ -231,7 +231,7 @@
231
231
  }
232
232
  },
233
233
  "size": {
234
- "md": {
234
+ "m": {
235
235
  "$type": "dimension",
236
236
  "$value": {
237
237
  "value": 1,
@@ -301,4 +301,4 @@
301
301
  }
302
302
  }
303
303
  }
304
- }
304
+ }
@@ -229,7 +229,7 @@
229
229
  }
230
230
  },
231
231
  "size": {
232
- "md": {
232
+ "m": {
233
233
  "$type": "dimension",
234
234
  "$value": {
235
235
  "value": 0.875,
@@ -298,4 +298,4 @@
298
298
  }
299
299
  }
300
300
  }
301
- }
301
+ }
@@ -229,7 +229,7 @@
229
229
  }
230
230
  },
231
231
  "size": {
232
- "md": {
232
+ "m": {
233
233
  "$type": "dimension",
234
234
  "$value": {
235
235
  "value": 1,
@@ -298,4 +298,4 @@
298
298
  }
299
299
  }
300
300
  }
301
- }
301
+ }
@@ -229,7 +229,7 @@
229
229
  }
230
230
  },
231
231
  "size": {
232
- "md": {
232
+ "m": {
233
233
  "$type": "dimension",
234
234
  "$value": {
235
235
  "value": 1.1875,
@@ -298,4 +298,4 @@
298
298
  }
299
299
  }
300
300
  }
301
- }
301
+ }
@@ -129,4 +129,4 @@
129
129
  "syncedAt": "2026-05-15"
130
130
  }
131
131
  ]
132
- }
132
+ }
@@ -217,7 +217,7 @@
217
217
  }
218
218
  },
219
219
  "size": {
220
- "md": {
220
+ "m": {
221
221
  "$type": "dimension",
222
222
  "$value": {
223
223
  "value": 1,
@@ -286,4 +286,4 @@
286
286
  }
287
287
  }
288
288
  }
289
- }
289
+ }
@@ -229,7 +229,7 @@
229
229
  }
230
230
  },
231
231
  "size": {
232
- "md": {
232
+ "m": {
233
233
  "$type": "dimension",
234
234
  "$value": {
235
235
  "value": 0.8125,
@@ -298,4 +298,4 @@
298
298
  }
299
299
  }
300
300
  }
301
- }
301
+ }
@@ -229,7 +229,7 @@
229
229
  }
230
230
  },
231
231
  "size": {
232
- "md": {
232
+ "m": {
233
233
  "$type": "dimension",
234
234
  "$value": {
235
235
  "value": 1,
@@ -299,4 +299,4 @@
299
299
  }
300
300
  }
301
301
  }
302
- }
302
+ }
@@ -1,2 +1,2 @@
1
- @import"https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap";:root[data-theme~=catppuccin-frappe],[data-theme~=catppuccin-frappe]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(27% .025 255);--color-surface: oklch(23% .02 255);--color-surface-alt: oklch(33% .025 255);--color-surface-raised: oklch(38% .025 255);--color-surface-sunken: oklch(19% .02 255);--color-text: oklch(86% .02 260);--color-text-muted: oklch(80% .02 260);--color-text-subtle: oklch(73% .02 260);--color-primary: oklch(75% .13 300);--color-primary-hover: oklch(80% .14 300);--color-primary-subtle: oklch(30% .05 300);--color-accent: oklch(75% .1 55);--color-accent-hover: oklch(80% .11 55);--color-border: oklch(38% .025 255);--color-border-muted: oklch(33% .025 255);--color-border-strong: oklch(50% .025 255);--color-success: oklch(80% .13 145);--color-warning: oklch(85% .08 80);--color-error: oklch(72% .12 18);--color-info: oklch(75% .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(15% .02 255 / .2);--shadow-sm: 0 2px 4px oklch(15% .02 255 / .2), 0 1px 2px oklch(15% .02 255 / .15);--shadow-md: 0 4px 8px oklch(15% .02 255 / .2), 0 2px 4px oklch(15% .02 255 / .12);--shadow-lg: 0 8px 16px oklch(15% .02 255 / .25), 0 4px 8px oklch(15% .02 255 / .12);--shadow-xl: 0 16px 32px oklch(15% .02 255 / .25);--shadow-2xl: 0 24px 48px oklch(15% .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-frappe],[data-theme~=catppuccin-frappe]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(38% .025 255);margin-block:2rem}& h1,h2{font-weight:600;color:#c9d2de}& a:not([class]){color:#82b1ed;text-decoration-color:#82b1ed66;text-underline-offset:.15em;&:hover{color:#bb9af4;text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(75% .13 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% .13 300);--cb-string: oklch(80% .13 145);--cb-function: oklch(75% .1 255);--cb-number: oklch(85% .08 80);--cb-button-bg: var(--color-surface)}::selection{background:#bb9af440;color:#c9d2de}}:root[data-theme~=catppuccin-frappe][data-mode=light],[data-theme~=catppuccin-frappe][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% .16 300);--color-primary-hover: oklch(50% .17 300);--color-primary-subtle: oklch(92% .04 300);--color-accent: oklch(65% .12 55);--color-accent-hover: oklch(60% .13 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% .15 145);--color-warning: oklch(58% .12 80);--color-error: oklch(55% .16 18);--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:#8156c0;&:hover{color:#8156c0}}& blockquote{color:#464e58}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .16 300);--cb-string: oklch(52% .15 145);--cb-function: oklch(50% .12 255);--cb-number: oklch(58% .12 80)}::selection{background:#8156c033;color:#252f3a}}
1
+ @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-frappe],[data-theme~=catppuccin-frappe]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(27% .025 255);--color-surface: oklch(23% .02 255);--color-surface-alt: oklch(33% .025 255);--color-surface-raised: oklch(38% .025 255);--color-surface-sunken: oklch(19% .02 255);--color-text: oklch(86% .02 260);--color-text-muted: oklch(80% .02 260);--color-text-subtle: oklch(73% .02 260);--color-primary: oklch(75% .13 300);--color-primary-hover: oklch(80% .14 300);--color-primary-subtle: oklch(30% .05 300);--color-accent: oklch(75% .1 55);--color-accent-hover: oklch(80% .11 55);--color-border: oklch(38% .025 255);--color-border-muted: oklch(33% .025 255);--color-border-strong: oklch(50% .025 255);--color-success: oklch(80% .13 145);--color-warning: oklch(85% .08 80);--color-error: oklch(72% .12 18);--color-info: oklch(75% .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(15% .02 255 / .2);--shadow-s: 0 2px 4px oklch(15% .02 255 / .2), 0 1px 2px oklch(15% .02 255 / .15);--shadow-m: 0 4px 8px oklch(15% .02 255 / .2), 0 2px 4px oklch(15% .02 255 / .12);--shadow-l: 0 8px 16px oklch(15% .02 255 / .25), 0 4px 8px oklch(15% .02 255 / .12);--shadow-xl: 0 16px 32px oklch(15% .02 255 / .25);--shadow-2xl: 0 24px 48px oklch(15% .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-frappe],[data-theme~=catppuccin-frappe]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(38% .025 255);margin-block:2rem}& h1,h2{font-weight:600;color:#c9d2de}& a:not([class]){color:#82b1ed;text-decoration-color:#82b1ed66;text-underline-offset:.15em;&:hover{color:#bb9af4;text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(75% .13 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% .13 300);--cb-string: oklch(80% .13 145);--cb-function: oklch(75% .1 255);--cb-number: oklch(85% .08 80);--cb-button-bg: var(--color-surface)}::selection{background:#bb9af440;color:#c9d2de}}:root[data-theme~=catppuccin-frappe][data-mode=light],[data-theme~=catppuccin-frappe][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% .16 300);--color-primary-hover: oklch(50% .17 300);--color-primary-subtle: oklch(92% .04 300);--color-accent: oklch(65% .12 55);--color-accent-hover: oklch(60% .13 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% .15 145);--color-warning: oklch(58% .12 80);--color-error: oklch(55% .16 18);--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:#8156c0;&:hover{color:#8156c0}}& blockquote{color:#464e58}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .16 300);--cb-string: oklch(52% .15 145);--cb-function: oklch(50% .12 255);--cb-number: oklch(58% .12 80)}::selection{background:#8156c033;color:#252f3a}}}
2
2
  /*# sourceMappingURL=catppuccin-frappe.css.map */
@@ -336,7 +336,7 @@
336
336
  }
337
337
  }
338
338
  },
339
- "sm": {
339
+ "s": {
340
340
  "$type": "shadow",
341
341
  "$value": [
342
342
  {
@@ -387,7 +387,7 @@
387
387
  }
388
388
  ]
389
389
  },
390
- "md": {
390
+ "m": {
391
391
  "$type": "shadow",
392
392
  "$value": [
393
393
  {
@@ -438,7 +438,7 @@
438
438
  }
439
439
  ]
440
440
  },
441
- "lg": {
441
+ "l": {
442
442
  "$type": "shadow",
443
443
  "$value": [
444
444
  {
@@ -598,7 +598,7 @@
598
598
  "$extensions": {
599
599
  "com.vanilla-breeze": {
600
600
  "spec": "2025.10",
601
- "vbVersion": "0.3.0",
601
+ "vbVersion": "0.4.0",
602
602
  "unmapped": [
603
603
  "--theme-border-style",
604
604
  "--theme-icon-set"