@weasel-js/theme 1.5.1 → 1.5.2

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 (16) hide show
  1. package/dist/{chunk-YBHW5LZM.js → chunk-XFCWYN2L.js} +943 -124
  2. package/dist/chunk-XFCWYN2L.js.map +1 -0
  3. package/dist/engine.d.ts +15 -15
  4. package/dist/engine.js +57 -29
  5. package/dist/engine.js.map +1 -1
  6. package/dist/index.d.ts +4 -4
  7. package/dist/index.js +30 -17
  8. package/dist/index.js.map +1 -1
  9. package/dist/react.d.ts +2 -2
  10. package/dist/react.js +1 -1
  11. package/dist/resolveTheme-CF8i5IHy.d.ts +766 -0
  12. package/dist/{theme-BtpBHcUg.d.ts → theme-DAZcQi_L.d.ts} +2 -0
  13. package/dist/tokens.css +83 -15
  14. package/package.json +2 -2
  15. package/dist/chunk-YBHW5LZM.js.map +0 -1
  16. package/dist/resolveTheme-CHnPdh8W.d.ts +0 -266
package/dist/resolveTheme-CF8i5IHy.d.ts ADDED
@@ -0,0 +1,766 @@
1
+ import { B as BakedTheme, b as AxisDefs, f as ThemeDefinition, T as Theme, S as Selection } from './theme-DAZcQi_L.js';
2
+
3
+ /** Every design token the built-in themes declare, spelled as the CSS
4
+ * custom property it becomes. */
5
+ type TokenName = '--wzl-accent' | '--wzl-accent-base' | '--wzl-accent-fg' | '--wzl-accent-hover' | '--wzl-accent-soft' | '--wzl-accent-strong' | '--wzl-backdrop' | '--wzl-border' | '--wzl-border-strong' | '--wzl-border-w' | '--wzl-control-h' | '--wzl-control-h-sm' | '--wzl-control-h-xs' | '--wzl-curve-color' | '--wzl-curve-width' | '--wzl-danger' | '--wzl-danger-base' | '--wzl-ease-in-cubic' | '--wzl-ease-in-out-cubic' | '--wzl-ease-out-back' | '--wzl-ease-out-cubic' | '--wzl-fg' | '--wzl-fg-inverse' | '--wzl-fg-muted' | '--wzl-fg-on-accent' | '--wzl-fg-subtle' | '--wzl-field-pad-x' | '--wzl-focus-ring' | '--wzl-font-body' | '--wzl-font-display' | '--wzl-font-mono' | '--wzl-font-size' | '--wzl-font-size-2xs' | '--wzl-font-size-lg' | '--wzl-font-size-md' | '--wzl-font-size-sm' | '--wzl-font-size-xl' | '--wzl-font-size-xs' | '--wzl-font-ui' | '--wzl-font-weight-bold' | '--wzl-font-weight-light' | '--wzl-font-weight-medium' | '--wzl-font-weight-normal' | '--wzl-glass-blur' | '--wzl-glass-tint' | '--wzl-gray-100' | '--wzl-gray-200' | '--wzl-gray-300' | '--wzl-gray-400' | '--wzl-gray-50' | '--wzl-gray-500' | '--wzl-gray-600' | '--wzl-gray-700' | '--wzl-gray-800' | '--wzl-gray-900' | '--wzl-handle-size' | '--wzl-handle-size-lg' | '--wzl-handle-size-sm' | '--wzl-icon-button-size' | '--wzl-leading' | '--wzl-leading-snug' | '--wzl-leading-tight' | '--wzl-line' | '--wzl-line-strong' | '--wzl-line-subtle' | '--wzl-line-width' | '--wzl-motion-fast' | '--wzl-motion-medium' | '--wzl-radius-lg' | '--wzl-radius-md' | '--wzl-radius-pill' | '--wzl-radius-sm' | '--wzl-shadow' | '--wzl-slider-thumb-mix' | '--wzl-slider-thumb-size' | '--wzl-slider-track-h' | '--wzl-slider-track-mix' | '--wzl-space-1' | '--wzl-space-2' | '--wzl-space-3' | '--wzl-space-4' | '--wzl-space-5' | '--wzl-space-6' | '--wzl-space-7' | '--wzl-space-8' | '--wzl-space-lg' | '--wzl-space-md' | '--wzl-space-sm' | '--wzl-space-xs' | '--wzl-success' | '--wzl-success-base' | '--wzl-surface' | '--wzl-surface-hover' | '--wzl-surface-pressed' | '--wzl-surface-raised' | '--wzl-surface-sunken' | '--wzl-swatch-amber' | '--wzl-swatch-blue' | '--wzl-swatch-citron' | '--wzl-swatch-fuchsia' | '--wzl-swatch-green' | '--wzl-swatch-red' | '--wzl-swatch-rose' | '--wzl-swatch-sky' | '--wzl-swatch-teal' | '--wzl-swatch-violet' | '--wzl-tb-height' | '--wzl-tracking-none' | '--wzl-tracking-wide' | '--wzl-tracking-wider' | '--wzl-warning' | '--wzl-warning-base' | '--wzl-z-modal' | '--wzl-z-overlay' | '--wzl-z-toolbar';
6
+ /** A built-in theme with its aliases already collapsed: every selection
7
+ * (keyed `mode=dark`, axes in declaration order) maps every token name to
8
+ * a final CSS value. */
9
+ interface GeneratedTheme {
10
+ readonly name: string;
11
+ readonly axes: AxisDefs;
12
+ readonly selections: Readonly<Record<string, Readonly<Record<TokenName, string>>>>;
13
+ }
14
+ /** The built-in themes, resolved, keyed by theme name. Read this to list
15
+ * or preview themes without resolving a token graph yourself. */
16
+ declare const THEMES: {
17
+ readonly weasel: {
18
+ readonly name: "weasel";
19
+ readonly axes: {
20
+ readonly mode: {
21
+ readonly default: "dark";
22
+ readonly values: {
23
+ readonly dark: {
24
+ readonly scheme: "dark";
25
+ };
26
+ readonly light: {
27
+ readonly scheme: "light";
28
+ };
29
+ };
30
+ };
31
+ readonly density: {
32
+ readonly default: "comfortable";
33
+ readonly values: {
34
+ readonly compact: {};
35
+ readonly comfortable: {};
36
+ readonly roomy: {};
37
+ };
38
+ };
39
+ };
40
+ readonly selections: {
41
+ readonly 'mode=dark,density=compact': {
42
+ readonly '--wzl-gray-50': "#f5f5f6";
43
+ readonly '--wzl-gray-100': "#e6e7e9";
44
+ readonly '--wzl-gray-200': "#c9cbcf";
45
+ readonly '--wzl-gray-300': "#9ea1a8";
46
+ readonly '--wzl-gray-400': "#6f737b";
47
+ readonly '--wzl-gray-500': "#4d5058";
48
+ readonly '--wzl-gray-600': "#383b42";
49
+ readonly '--wzl-gray-700': "#25272c";
50
+ readonly '--wzl-gray-800': "#181a1e";
51
+ readonly '--wzl-gray-900': "#0e0f12";
52
+ readonly '--wzl-accent-soft': "#1d1454";
53
+ readonly '--wzl-accent-base': "#2e1f7a";
54
+ readonly '--wzl-accent-strong': "#5841b8";
55
+ readonly '--wzl-swatch-fuchsia': "#f641f7";
56
+ readonly '--wzl-swatch-green': "#48e628";
57
+ readonly '--wzl-swatch-sky': "#36bff2";
58
+ readonly '--wzl-swatch-amber': "#e69628";
59
+ readonly '--wzl-swatch-teal': "#3ee1cb";
60
+ readonly '--wzl-swatch-red': "#f75034";
61
+ readonly '--wzl-swatch-blue': "#407ef7";
62
+ readonly '--wzl-swatch-citron': "#d5d23a";
63
+ readonly '--wzl-swatch-rose': "#fa4590";
64
+ readonly '--wzl-swatch-violet': "#955cf9";
65
+ readonly '--wzl-font-size-2xs': "7px";
66
+ readonly '--wzl-font-size-xs': "8px";
67
+ readonly '--wzl-font-size-sm': "9px";
68
+ readonly '--wzl-font-size-md': "11px";
69
+ readonly '--wzl-font-size-lg': "14px";
70
+ readonly '--wzl-font-size-xl': "17px";
71
+ readonly '--wzl-space-1': "2px";
72
+ readonly '--wzl-space-2': "4px";
73
+ readonly '--wzl-space-3': "6px";
74
+ readonly '--wzl-space-4': "8px";
75
+ readonly '--wzl-space-5': "10px";
76
+ readonly '--wzl-space-6': "12px";
77
+ readonly '--wzl-space-7': "14px";
78
+ readonly '--wzl-space-8': "16px";
79
+ readonly '--wzl-surface': "#181a1e";
80
+ readonly '--wzl-surface-raised': "#25272c";
81
+ readonly '--wzl-surface-sunken': "#0e0f12";
82
+ readonly '--wzl-fg': "#e6e7e9";
83
+ readonly '--wzl-fg-muted': "#9ea1a8";
84
+ readonly '--wzl-fg-subtle': "#6f737b";
85
+ readonly '--wzl-border': "#25272c";
86
+ readonly '--wzl-border-strong': "#6f737b";
87
+ readonly '--wzl-accent-fg': "#5841b8";
88
+ readonly '--wzl-fg-inverse': "#0e0f12";
89
+ readonly '--wzl-shadow': "rgba(0, 0, 0, 0.6)";
90
+ readonly '--wzl-danger-base': "#d94a3f";
91
+ readonly '--wzl-warning-base': "#d99a3f";
92
+ readonly '--wzl-success-base': "#2ec27e";
93
+ readonly '--wzl-fg-on-accent': "#f5f5f6";
94
+ readonly '--wzl-line-subtle': "rgba(230, 231, 233, 0.1)";
95
+ readonly '--wzl-line': "rgba(230, 231, 233, 0.2)";
96
+ readonly '--wzl-line-strong': "rgba(230, 231, 233, 0.4)";
97
+ readonly '--wzl-curve-color': "#5841b8";
98
+ readonly '--wzl-accent': "#2e1f7a";
99
+ readonly '--wzl-accent-hover': "#5841b8";
100
+ readonly '--wzl-danger': "#d94a3f";
101
+ readonly '--wzl-warning': "#d99a3f";
102
+ readonly '--wzl-success': "#2ec27e";
103
+ readonly '--wzl-focus-ring': "#5841b8";
104
+ readonly '--wzl-glass-tint': "#2e1f7a";
105
+ readonly '--wzl-surface-hover': "rgba(230, 231, 233, 0.1)";
106
+ readonly '--wzl-surface-pressed': "rgba(230, 231, 233, 0.18)";
107
+ readonly '--wzl-radius-sm': "3px";
108
+ readonly '--wzl-radius-md': "5px";
109
+ readonly '--wzl-radius-lg': "14px";
110
+ readonly '--wzl-radius-pill': "999px";
111
+ readonly '--wzl-border-w': "1px";
112
+ readonly '--wzl-line-width': "2px";
113
+ readonly '--wzl-curve-width': "3px";
114
+ readonly '--wzl-tb-height': "24px";
115
+ readonly '--wzl-control-h-xs': "16px";
116
+ readonly '--wzl-control-h-sm': "18px";
117
+ readonly '--wzl-control-h': "20px";
118
+ readonly '--wzl-icon-button-size': "20px";
119
+ readonly '--wzl-slider-track-h': "4px";
120
+ readonly '--wzl-slider-thumb-size': "8px";
121
+ readonly '--wzl-slider-track-mix': "18%";
122
+ readonly '--wzl-slider-thumb-mix': "70%";
123
+ readonly '--wzl-handle-size': "9px";
124
+ readonly '--wzl-handle-size-sm': "7px";
125
+ readonly '--wzl-handle-size-lg': "10px";
126
+ readonly '--wzl-field-pad-x': "8px";
127
+ readonly '--wzl-glass-blur': "3px";
128
+ readonly '--wzl-font-size': "11px";
129
+ readonly '--wzl-tracking-none': "0";
130
+ readonly '--wzl-tracking-wide': "0.06em";
131
+ readonly '--wzl-tracking-wider': "0.08em";
132
+ readonly '--wzl-z-toolbar': "10";
133
+ readonly '--wzl-z-overlay': "20";
134
+ readonly '--wzl-z-modal': "30";
135
+ readonly '--wzl-leading-tight': "1";
136
+ readonly '--wzl-leading-snug': "1.2";
137
+ readonly '--wzl-leading': "1.4";
138
+ readonly '--wzl-backdrop': "none";
139
+ readonly '--wzl-motion-fast': "120ms";
140
+ readonly '--wzl-motion-medium': "240ms";
141
+ readonly '--wzl-ease-in-cubic': "cubic-bezier(0.32, 0, 0.67, 0)";
142
+ readonly '--wzl-ease-out-cubic': "cubic-bezier(0.33, 1, 0.68, 1)";
143
+ readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
144
+ readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
145
+ readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
146
+ readonly '--wzl-font-display': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
147
+ readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
148
+ readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
149
+ readonly '--wzl-font-weight-light': "200";
150
+ readonly '--wzl-font-weight-normal': "300";
151
+ readonly '--wzl-font-weight-medium': "350";
152
+ readonly '--wzl-font-weight-bold': "400";
153
+ readonly '--wzl-space-xs': "4px";
154
+ readonly '--wzl-space-sm': "8px";
155
+ readonly '--wzl-space-md': "12px";
156
+ readonly '--wzl-space-lg': "16px";
157
+ };
158
+ readonly 'mode=dark,density=comfortable': {
159
+ readonly '--wzl-gray-50': "#f5f5f6";
160
+ readonly '--wzl-gray-100': "#e6e7e9";
161
+ readonly '--wzl-gray-200': "#c9cbcf";
162
+ readonly '--wzl-gray-300': "#9ea1a8";
163
+ readonly '--wzl-gray-400': "#6f737b";
164
+ readonly '--wzl-gray-500': "#4d5058";
165
+ readonly '--wzl-gray-600': "#383b42";
166
+ readonly '--wzl-gray-700': "#25272c";
167
+ readonly '--wzl-gray-800': "#181a1e";
168
+ readonly '--wzl-gray-900': "#0e0f12";
169
+ readonly '--wzl-accent-soft': "#1d1454";
170
+ readonly '--wzl-accent-base': "#2e1f7a";
171
+ readonly '--wzl-accent-strong': "#5841b8";
172
+ readonly '--wzl-swatch-fuchsia': "#f641f7";
173
+ readonly '--wzl-swatch-green': "#48e628";
174
+ readonly '--wzl-swatch-sky': "#36bff2";
175
+ readonly '--wzl-swatch-amber': "#e69628";
176
+ readonly '--wzl-swatch-teal': "#3ee1cb";
177
+ readonly '--wzl-swatch-red': "#f75034";
178
+ readonly '--wzl-swatch-blue': "#407ef7";
179
+ readonly '--wzl-swatch-citron': "#d5d23a";
180
+ readonly '--wzl-swatch-rose': "#fa4590";
181
+ readonly '--wzl-swatch-violet': "#955cf9";
182
+ readonly '--wzl-font-size-2xs': "9px";
183
+ readonly '--wzl-font-size-xs': "10px";
184
+ readonly '--wzl-font-size-sm': "11px";
185
+ readonly '--wzl-font-size-md': "13px";
186
+ readonly '--wzl-font-size-lg': "16px";
187
+ readonly '--wzl-font-size-xl': "20px";
188
+ readonly '--wzl-space-1': "2px";
189
+ readonly '--wzl-space-2': "4px";
190
+ readonly '--wzl-space-3': "6px";
191
+ readonly '--wzl-space-4': "8px";
192
+ readonly '--wzl-space-5': "10px";
193
+ readonly '--wzl-space-6': "12px";
194
+ readonly '--wzl-space-7': "14px";
195
+ readonly '--wzl-space-8': "16px";
196
+ readonly '--wzl-surface': "#181a1e";
197
+ readonly '--wzl-surface-raised': "#25272c";
198
+ readonly '--wzl-surface-sunken': "#0e0f12";
199
+ readonly '--wzl-fg': "#e6e7e9";
200
+ readonly '--wzl-fg-muted': "#9ea1a8";
201
+ readonly '--wzl-fg-subtle': "#6f737b";
202
+ readonly '--wzl-border': "#25272c";
203
+ readonly '--wzl-border-strong': "#6f737b";
204
+ readonly '--wzl-accent-fg': "#5841b8";
205
+ readonly '--wzl-fg-inverse': "#0e0f12";
206
+ readonly '--wzl-shadow': "rgba(0, 0, 0, 0.6)";
207
+ readonly '--wzl-danger-base': "#d94a3f";
208
+ readonly '--wzl-warning-base': "#d99a3f";
209
+ readonly '--wzl-success-base': "#2ec27e";
210
+ readonly '--wzl-fg-on-accent': "#f5f5f6";
211
+ readonly '--wzl-line-subtle': "rgba(230, 231, 233, 0.1)";
212
+ readonly '--wzl-line': "rgba(230, 231, 233, 0.2)";
213
+ readonly '--wzl-line-strong': "rgba(230, 231, 233, 0.4)";
214
+ readonly '--wzl-curve-color': "#5841b8";
215
+ readonly '--wzl-accent': "#2e1f7a";
216
+ readonly '--wzl-accent-hover': "#5841b8";
217
+ readonly '--wzl-danger': "#d94a3f";
218
+ readonly '--wzl-warning': "#d99a3f";
219
+ readonly '--wzl-success': "#2ec27e";
220
+ readonly '--wzl-focus-ring': "#5841b8";
221
+ readonly '--wzl-glass-tint': "#2e1f7a";
222
+ readonly '--wzl-surface-hover': "rgba(230, 231, 233, 0.1)";
223
+ readonly '--wzl-surface-pressed': "rgba(230, 231, 233, 0.18)";
224
+ readonly '--wzl-radius-sm': "3px";
225
+ readonly '--wzl-radius-md': "5px";
226
+ readonly '--wzl-radius-lg': "14px";
227
+ readonly '--wzl-radius-pill': "999px";
228
+ readonly '--wzl-border-w': "1px";
229
+ readonly '--wzl-line-width': "2px";
230
+ readonly '--wzl-curve-width': "3px";
231
+ readonly '--wzl-tb-height': "28px";
232
+ readonly '--wzl-control-h-xs': "18px";
233
+ readonly '--wzl-control-h-sm': "20px";
234
+ readonly '--wzl-control-h': "24px";
235
+ readonly '--wzl-icon-button-size': "22px";
236
+ readonly '--wzl-slider-track-h': "4px";
237
+ readonly '--wzl-slider-thumb-size': "8px";
238
+ readonly '--wzl-slider-track-mix': "18%";
239
+ readonly '--wzl-slider-thumb-mix': "70%";
240
+ readonly '--wzl-handle-size': "9px";
241
+ readonly '--wzl-handle-size-sm': "7px";
242
+ readonly '--wzl-handle-size-lg': "10px";
243
+ readonly '--wzl-field-pad-x': "8px";
244
+ readonly '--wzl-glass-blur': "3px";
245
+ readonly '--wzl-font-size': "13px";
246
+ readonly '--wzl-tracking-none': "0";
247
+ readonly '--wzl-tracking-wide': "0.06em";
248
+ readonly '--wzl-tracking-wider': "0.08em";
249
+ readonly '--wzl-z-toolbar': "10";
250
+ readonly '--wzl-z-overlay': "20";
251
+ readonly '--wzl-z-modal': "30";
252
+ readonly '--wzl-leading-tight': "1";
253
+ readonly '--wzl-leading-snug': "1.2";
254
+ readonly '--wzl-leading': "1.4";
255
+ readonly '--wzl-backdrop': "none";
256
+ readonly '--wzl-motion-fast': "120ms";
257
+ readonly '--wzl-motion-medium': "240ms";
258
+ readonly '--wzl-ease-in-cubic': "cubic-bezier(0.32, 0, 0.67, 0)";
259
+ readonly '--wzl-ease-out-cubic': "cubic-bezier(0.33, 1, 0.68, 1)";
260
+ readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
261
+ readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
262
+ readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
263
+ readonly '--wzl-font-display': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
264
+ readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
265
+ readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
266
+ readonly '--wzl-font-weight-light': "200";
267
+ readonly '--wzl-font-weight-normal': "300";
268
+ readonly '--wzl-font-weight-medium': "350";
269
+ readonly '--wzl-font-weight-bold': "400";
270
+ readonly '--wzl-space-xs': "4px";
271
+ readonly '--wzl-space-sm': "8px";
272
+ readonly '--wzl-space-md': "12px";
273
+ readonly '--wzl-space-lg': "16px";
274
+ };
275
+ readonly 'mode=dark,density=roomy': {
276
+ readonly '--wzl-gray-50': "#f5f5f6";
277
+ readonly '--wzl-gray-100': "#e6e7e9";
278
+ readonly '--wzl-gray-200': "#c9cbcf";
279
+ readonly '--wzl-gray-300': "#9ea1a8";
280
+ readonly '--wzl-gray-400': "#6f737b";
281
+ readonly '--wzl-gray-500': "#4d5058";
282
+ readonly '--wzl-gray-600': "#383b42";
283
+ readonly '--wzl-gray-700': "#25272c";
284
+ readonly '--wzl-gray-800': "#181a1e";
285
+ readonly '--wzl-gray-900': "#0e0f12";
286
+ readonly '--wzl-accent-soft': "#1d1454";
287
+ readonly '--wzl-accent-base': "#2e1f7a";
288
+ readonly '--wzl-accent-strong': "#5841b8";
289
+ readonly '--wzl-swatch-fuchsia': "#f641f7";
290
+ readonly '--wzl-swatch-green': "#48e628";
291
+ readonly '--wzl-swatch-sky': "#36bff2";
292
+ readonly '--wzl-swatch-amber': "#e69628";
293
+ readonly '--wzl-swatch-teal': "#3ee1cb";
294
+ readonly '--wzl-swatch-red': "#f75034";
295
+ readonly '--wzl-swatch-blue': "#407ef7";
296
+ readonly '--wzl-swatch-citron': "#d5d23a";
297
+ readonly '--wzl-swatch-rose': "#fa4590";
298
+ readonly '--wzl-swatch-violet': "#955cf9";
299
+ readonly '--wzl-font-size-2xs': "10px";
300
+ readonly '--wzl-font-size-xs': "12px";
301
+ readonly '--wzl-font-size-sm': "13px";
302
+ readonly '--wzl-font-size-md': "15px";
303
+ readonly '--wzl-font-size-lg': "18px";
304
+ readonly '--wzl-font-size-xl': "23px";
305
+ readonly '--wzl-space-1': "2px";
306
+ readonly '--wzl-space-2': "4px";
307
+ readonly '--wzl-space-3': "6px";
308
+ readonly '--wzl-space-4': "8px";
309
+ readonly '--wzl-space-5': "10px";
310
+ readonly '--wzl-space-6': "12px";
311
+ readonly '--wzl-space-7': "14px";
312
+ readonly '--wzl-space-8': "16px";
313
+ readonly '--wzl-surface': "#181a1e";
314
+ readonly '--wzl-surface-raised': "#25272c";
315
+ readonly '--wzl-surface-sunken': "#0e0f12";
316
+ readonly '--wzl-fg': "#e6e7e9";
317
+ readonly '--wzl-fg-muted': "#9ea1a8";
318
+ readonly '--wzl-fg-subtle': "#6f737b";
319
+ readonly '--wzl-border': "#25272c";
320
+ readonly '--wzl-border-strong': "#6f737b";
321
+ readonly '--wzl-accent-fg': "#5841b8";
322
+ readonly '--wzl-fg-inverse': "#0e0f12";
323
+ readonly '--wzl-shadow': "rgba(0, 0, 0, 0.6)";
324
+ readonly '--wzl-danger-base': "#d94a3f";
325
+ readonly '--wzl-warning-base': "#d99a3f";
326
+ readonly '--wzl-success-base': "#2ec27e";
327
+ readonly '--wzl-fg-on-accent': "#f5f5f6";
328
+ readonly '--wzl-line-subtle': "rgba(230, 231, 233, 0.1)";
329
+ readonly '--wzl-line': "rgba(230, 231, 233, 0.2)";
330
+ readonly '--wzl-line-strong': "rgba(230, 231, 233, 0.4)";
331
+ readonly '--wzl-curve-color': "#5841b8";
332
+ readonly '--wzl-accent': "#2e1f7a";
333
+ readonly '--wzl-accent-hover': "#5841b8";
334
+ readonly '--wzl-danger': "#d94a3f";
335
+ readonly '--wzl-warning': "#d99a3f";
336
+ readonly '--wzl-success': "#2ec27e";
337
+ readonly '--wzl-focus-ring': "#5841b8";
338
+ readonly '--wzl-glass-tint': "#2e1f7a";
339
+ readonly '--wzl-surface-hover': "rgba(230, 231, 233, 0.1)";
340
+ readonly '--wzl-surface-pressed': "rgba(230, 231, 233, 0.18)";
341
+ readonly '--wzl-radius-sm': "3px";
342
+ readonly '--wzl-radius-md': "5px";
343
+ readonly '--wzl-radius-lg': "14px";
344
+ readonly '--wzl-radius-pill': "999px";
345
+ readonly '--wzl-border-w': "1px";
346
+ readonly '--wzl-line-width': "2px";
347
+ readonly '--wzl-curve-width': "3px";
348
+ readonly '--wzl-tb-height': "32px";
349
+ readonly '--wzl-control-h-xs': "22px";
350
+ readonly '--wzl-control-h-sm': "24px";
351
+ readonly '--wzl-control-h': "28px";
352
+ readonly '--wzl-icon-button-size': "26px";
353
+ readonly '--wzl-slider-track-h': "4px";
354
+ readonly '--wzl-slider-thumb-size': "8px";
355
+ readonly '--wzl-slider-track-mix': "18%";
356
+ readonly '--wzl-slider-thumb-mix': "70%";
357
+ readonly '--wzl-handle-size': "9px";
358
+ readonly '--wzl-handle-size-sm': "7px";
359
+ readonly '--wzl-handle-size-lg': "10px";
360
+ readonly '--wzl-field-pad-x': "8px";
361
+ readonly '--wzl-glass-blur': "3px";
362
+ readonly '--wzl-font-size': "15px";
363
+ readonly '--wzl-tracking-none': "0";
364
+ readonly '--wzl-tracking-wide': "0.06em";
365
+ readonly '--wzl-tracking-wider': "0.08em";
366
+ readonly '--wzl-z-toolbar': "10";
367
+ readonly '--wzl-z-overlay': "20";
368
+ readonly '--wzl-z-modal': "30";
369
+ readonly '--wzl-leading-tight': "1";
370
+ readonly '--wzl-leading-snug': "1.2";
371
+ readonly '--wzl-leading': "1.4";
372
+ readonly '--wzl-backdrop': "none";
373
+ readonly '--wzl-motion-fast': "120ms";
374
+ readonly '--wzl-motion-medium': "240ms";
375
+ readonly '--wzl-ease-in-cubic': "cubic-bezier(0.32, 0, 0.67, 0)";
376
+ readonly '--wzl-ease-out-cubic': "cubic-bezier(0.33, 1, 0.68, 1)";
377
+ readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
378
+ readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
379
+ readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
380
+ readonly '--wzl-font-display': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
381
+ readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
382
+ readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
383
+ readonly '--wzl-font-weight-light': "200";
384
+ readonly '--wzl-font-weight-normal': "300";
385
+ readonly '--wzl-font-weight-medium': "350";
386
+ readonly '--wzl-font-weight-bold': "400";
387
+ readonly '--wzl-space-xs': "4px";
388
+ readonly '--wzl-space-sm': "8px";
389
+ readonly '--wzl-space-md': "12px";
390
+ readonly '--wzl-space-lg': "16px";
391
+ };
392
+ readonly 'mode=light,density=compact': {
393
+ readonly '--wzl-gray-50': "#f5f5f6";
394
+ readonly '--wzl-gray-100': "#e6e7e9";
395
+ readonly '--wzl-gray-200': "#c9cbcf";
396
+ readonly '--wzl-gray-300': "#9ea1a8";
397
+ readonly '--wzl-gray-400': "#6f737b";
398
+ readonly '--wzl-gray-500': "#4d5058";
399
+ readonly '--wzl-gray-600': "#383b42";
400
+ readonly '--wzl-gray-700': "#25272c";
401
+ readonly '--wzl-gray-800': "#181a1e";
402
+ readonly '--wzl-gray-900': "#0e0f12";
403
+ readonly '--wzl-accent-soft': "#1d1454";
404
+ readonly '--wzl-accent-base': "#2e1f7a";
405
+ readonly '--wzl-accent-strong': "#5841b8";
406
+ readonly '--wzl-swatch-fuchsia': "#f641f7";
407
+ readonly '--wzl-swatch-green': "#48e628";
408
+ readonly '--wzl-swatch-sky': "#36bff2";
409
+ readonly '--wzl-swatch-amber': "#e69628";
410
+ readonly '--wzl-swatch-teal': "#3ee1cb";
411
+ readonly '--wzl-swatch-red': "#f75034";
412
+ readonly '--wzl-swatch-blue': "#407ef7";
413
+ readonly '--wzl-swatch-citron': "#d5d23a";
414
+ readonly '--wzl-swatch-rose': "#fa4590";
415
+ readonly '--wzl-swatch-violet': "#955cf9";
416
+ readonly '--wzl-font-size-2xs': "7px";
417
+ readonly '--wzl-font-size-xs': "8px";
418
+ readonly '--wzl-font-size-sm': "9px";
419
+ readonly '--wzl-font-size-md': "11px";
420
+ readonly '--wzl-font-size-lg': "14px";
421
+ readonly '--wzl-font-size-xl': "17px";
422
+ readonly '--wzl-space-1': "2px";
423
+ readonly '--wzl-space-2': "4px";
424
+ readonly '--wzl-space-3': "6px";
425
+ readonly '--wzl-space-4': "8px";
426
+ readonly '--wzl-space-5': "10px";
427
+ readonly '--wzl-space-6': "12px";
428
+ readonly '--wzl-space-7': "14px";
429
+ readonly '--wzl-space-8': "16px";
430
+ readonly '--wzl-surface': "#f5f5f6";
431
+ readonly '--wzl-surface-raised': "#e6e7e9";
432
+ readonly '--wzl-surface-sunken': "#c9cbcf";
433
+ readonly '--wzl-fg': "#0e0f12";
434
+ readonly '--wzl-fg-muted': "#383b42";
435
+ readonly '--wzl-fg-subtle': "#4d5058";
436
+ readonly '--wzl-border': "#c9cbcf";
437
+ readonly '--wzl-border-strong': "#4d5058";
438
+ readonly '--wzl-accent-fg': "#2e1f7a";
439
+ readonly '--wzl-fg-inverse': "#f5f5f6";
440
+ readonly '--wzl-shadow': "rgba(0, 0, 0, 0.18)";
441
+ readonly '--wzl-danger-base': "#d94a3f";
442
+ readonly '--wzl-warning-base': "#d99a3f";
443
+ readonly '--wzl-success-base': "#2ec27e";
444
+ readonly '--wzl-fg-on-accent': "#f5f5f6";
445
+ readonly '--wzl-line-subtle': "rgba(14, 15, 18, 0.1)";
446
+ readonly '--wzl-line': "rgba(14, 15, 18, 0.2)";
447
+ readonly '--wzl-line-strong': "rgba(14, 15, 18, 0.4)";
448
+ readonly '--wzl-curve-color': "#5841b8";
449
+ readonly '--wzl-accent': "#2e1f7a";
450
+ readonly '--wzl-accent-hover': "#5841b8";
451
+ readonly '--wzl-danger': "#d94a3f";
452
+ readonly '--wzl-warning': "#d99a3f";
453
+ readonly '--wzl-success': "#2ec27e";
454
+ readonly '--wzl-focus-ring': "#5841b8";
455
+ readonly '--wzl-glass-tint': "#2e1f7a";
456
+ readonly '--wzl-surface-hover': "rgba(14, 15, 18, 0.1)";
457
+ readonly '--wzl-surface-pressed': "rgba(14, 15, 18, 0.18)";
458
+ readonly '--wzl-radius-sm': "3px";
459
+ readonly '--wzl-radius-md': "5px";
460
+ readonly '--wzl-radius-lg': "14px";
461
+ readonly '--wzl-radius-pill': "999px";
462
+ readonly '--wzl-border-w': "1px";
463
+ readonly '--wzl-line-width': "2px";
464
+ readonly '--wzl-curve-width': "3px";
465
+ readonly '--wzl-tb-height': "24px";
466
+ readonly '--wzl-control-h-xs': "16px";
467
+ readonly '--wzl-control-h-sm': "18px";
468
+ readonly '--wzl-control-h': "20px";
469
+ readonly '--wzl-icon-button-size': "20px";
470
+ readonly '--wzl-slider-track-h': "4px";
471
+ readonly '--wzl-slider-thumb-size': "8px";
472
+ readonly '--wzl-slider-track-mix': "18%";
473
+ readonly '--wzl-slider-thumb-mix': "70%";
474
+ readonly '--wzl-handle-size': "9px";
475
+ readonly '--wzl-handle-size-sm': "7px";
476
+ readonly '--wzl-handle-size-lg': "10px";
477
+ readonly '--wzl-field-pad-x': "8px";
478
+ readonly '--wzl-glass-blur': "3px";
479
+ readonly '--wzl-font-size': "11px";
480
+ readonly '--wzl-tracking-none': "0";
481
+ readonly '--wzl-tracking-wide': "0.06em";
482
+ readonly '--wzl-tracking-wider': "0.08em";
483
+ readonly '--wzl-z-toolbar': "10";
484
+ readonly '--wzl-z-overlay': "20";
485
+ readonly '--wzl-z-modal': "30";
486
+ readonly '--wzl-leading-tight': "1";
487
+ readonly '--wzl-leading-snug': "1.2";
488
+ readonly '--wzl-leading': "1.4";
489
+ readonly '--wzl-backdrop': "none";
490
+ readonly '--wzl-motion-fast': "120ms";
491
+ readonly '--wzl-motion-medium': "240ms";
492
+ readonly '--wzl-ease-in-cubic': "cubic-bezier(0.32, 0, 0.67, 0)";
493
+ readonly '--wzl-ease-out-cubic': "cubic-bezier(0.33, 1, 0.68, 1)";
494
+ readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
495
+ readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
496
+ readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
497
+ readonly '--wzl-font-display': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
498
+ readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
499
+ readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
500
+ readonly '--wzl-font-weight-light': "200";
501
+ readonly '--wzl-font-weight-normal': "300";
502
+ readonly '--wzl-font-weight-medium': "350";
503
+ readonly '--wzl-font-weight-bold': "400";
504
+ readonly '--wzl-space-xs': "4px";
505
+ readonly '--wzl-space-sm': "8px";
506
+ readonly '--wzl-space-md': "12px";
507
+ readonly '--wzl-space-lg': "16px";
508
+ };
509
+ readonly 'mode=light,density=comfortable': {
510
+ readonly '--wzl-gray-50': "#f5f5f6";
511
+ readonly '--wzl-gray-100': "#e6e7e9";
512
+ readonly '--wzl-gray-200': "#c9cbcf";
513
+ readonly '--wzl-gray-300': "#9ea1a8";
514
+ readonly '--wzl-gray-400': "#6f737b";
515
+ readonly '--wzl-gray-500': "#4d5058";
516
+ readonly '--wzl-gray-600': "#383b42";
517
+ readonly '--wzl-gray-700': "#25272c";
518
+ readonly '--wzl-gray-800': "#181a1e";
519
+ readonly '--wzl-gray-900': "#0e0f12";
520
+ readonly '--wzl-accent-soft': "#1d1454";
521
+ readonly '--wzl-accent-base': "#2e1f7a";
522
+ readonly '--wzl-accent-strong': "#5841b8";
523
+ readonly '--wzl-swatch-fuchsia': "#f641f7";
524
+ readonly '--wzl-swatch-green': "#48e628";
525
+ readonly '--wzl-swatch-sky': "#36bff2";
526
+ readonly '--wzl-swatch-amber': "#e69628";
527
+ readonly '--wzl-swatch-teal': "#3ee1cb";
528
+ readonly '--wzl-swatch-red': "#f75034";
529
+ readonly '--wzl-swatch-blue': "#407ef7";
530
+ readonly '--wzl-swatch-citron': "#d5d23a";
531
+ readonly '--wzl-swatch-rose': "#fa4590";
532
+ readonly '--wzl-swatch-violet': "#955cf9";
533
+ readonly '--wzl-font-size-2xs': "9px";
534
+ readonly '--wzl-font-size-xs': "10px";
535
+ readonly '--wzl-font-size-sm': "11px";
536
+ readonly '--wzl-font-size-md': "13px";
537
+ readonly '--wzl-font-size-lg': "16px";
538
+ readonly '--wzl-font-size-xl': "20px";
539
+ readonly '--wzl-space-1': "2px";
540
+ readonly '--wzl-space-2': "4px";
541
+ readonly '--wzl-space-3': "6px";
542
+ readonly '--wzl-space-4': "8px";
543
+ readonly '--wzl-space-5': "10px";
544
+ readonly '--wzl-space-6': "12px";
545
+ readonly '--wzl-space-7': "14px";
546
+ readonly '--wzl-space-8': "16px";
547
+ readonly '--wzl-surface': "#f5f5f6";
548
+ readonly '--wzl-surface-raised': "#e6e7e9";
549
+ readonly '--wzl-surface-sunken': "#c9cbcf";
550
+ readonly '--wzl-fg': "#0e0f12";
551
+ readonly '--wzl-fg-muted': "#383b42";
552
+ readonly '--wzl-fg-subtle': "#4d5058";
553
+ readonly '--wzl-border': "#c9cbcf";
554
+ readonly '--wzl-border-strong': "#4d5058";
555
+ readonly '--wzl-accent-fg': "#2e1f7a";
556
+ readonly '--wzl-fg-inverse': "#f5f5f6";
557
+ readonly '--wzl-shadow': "rgba(0, 0, 0, 0.18)";
558
+ readonly '--wzl-danger-base': "#d94a3f";
559
+ readonly '--wzl-warning-base': "#d99a3f";
560
+ readonly '--wzl-success-base': "#2ec27e";
561
+ readonly '--wzl-fg-on-accent': "#f5f5f6";
562
+ readonly '--wzl-line-subtle': "rgba(14, 15, 18, 0.1)";
563
+ readonly '--wzl-line': "rgba(14, 15, 18, 0.2)";
564
+ readonly '--wzl-line-strong': "rgba(14, 15, 18, 0.4)";
565
+ readonly '--wzl-curve-color': "#5841b8";
566
+ readonly '--wzl-accent': "#2e1f7a";
567
+ readonly '--wzl-accent-hover': "#5841b8";
568
+ readonly '--wzl-danger': "#d94a3f";
569
+ readonly '--wzl-warning': "#d99a3f";
570
+ readonly '--wzl-success': "#2ec27e";
571
+ readonly '--wzl-focus-ring': "#5841b8";
572
+ readonly '--wzl-glass-tint': "#2e1f7a";
573
+ readonly '--wzl-surface-hover': "rgba(14, 15, 18, 0.1)";
574
+ readonly '--wzl-surface-pressed': "rgba(14, 15, 18, 0.18)";
575
+ readonly '--wzl-radius-sm': "3px";
576
+ readonly '--wzl-radius-md': "5px";
577
+ readonly '--wzl-radius-lg': "14px";
578
+ readonly '--wzl-radius-pill': "999px";
579
+ readonly '--wzl-border-w': "1px";
580
+ readonly '--wzl-line-width': "2px";
581
+ readonly '--wzl-curve-width': "3px";
582
+ readonly '--wzl-tb-height': "28px";
583
+ readonly '--wzl-control-h-xs': "18px";
584
+ readonly '--wzl-control-h-sm': "20px";
585
+ readonly '--wzl-control-h': "24px";
586
+ readonly '--wzl-icon-button-size': "22px";
587
+ readonly '--wzl-slider-track-h': "4px";
588
+ readonly '--wzl-slider-thumb-size': "8px";
589
+ readonly '--wzl-slider-track-mix': "18%";
590
+ readonly '--wzl-slider-thumb-mix': "70%";
591
+ readonly '--wzl-handle-size': "9px";
592
+ readonly '--wzl-handle-size-sm': "7px";
593
+ readonly '--wzl-handle-size-lg': "10px";
594
+ readonly '--wzl-field-pad-x': "8px";
595
+ readonly '--wzl-glass-blur': "3px";
596
+ readonly '--wzl-font-size': "13px";
597
+ readonly '--wzl-tracking-none': "0";
598
+ readonly '--wzl-tracking-wide': "0.06em";
599
+ readonly '--wzl-tracking-wider': "0.08em";
600
+ readonly '--wzl-z-toolbar': "10";
601
+ readonly '--wzl-z-overlay': "20";
602
+ readonly '--wzl-z-modal': "30";
603
+ readonly '--wzl-leading-tight': "1";
604
+ readonly '--wzl-leading-snug': "1.2";
605
+ readonly '--wzl-leading': "1.4";
606
+ readonly '--wzl-backdrop': "none";
607
+ readonly '--wzl-motion-fast': "120ms";
608
+ readonly '--wzl-motion-medium': "240ms";
609
+ readonly '--wzl-ease-in-cubic': "cubic-bezier(0.32, 0, 0.67, 0)";
610
+ readonly '--wzl-ease-out-cubic': "cubic-bezier(0.33, 1, 0.68, 1)";
611
+ readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
612
+ readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
613
+ readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
614
+ readonly '--wzl-font-display': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
615
+ readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
616
+ readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
617
+ readonly '--wzl-font-weight-light': "200";
618
+ readonly '--wzl-font-weight-normal': "300";
619
+ readonly '--wzl-font-weight-medium': "350";
620
+ readonly '--wzl-font-weight-bold': "400";
621
+ readonly '--wzl-space-xs': "4px";
622
+ readonly '--wzl-space-sm': "8px";
623
+ readonly '--wzl-space-md': "12px";
624
+ readonly '--wzl-space-lg': "16px";
625
+ };
626
+ readonly 'mode=light,density=roomy': {
627
+ readonly '--wzl-gray-50': "#f5f5f6";
628
+ readonly '--wzl-gray-100': "#e6e7e9";
629
+ readonly '--wzl-gray-200': "#c9cbcf";
630
+ readonly '--wzl-gray-300': "#9ea1a8";
631
+ readonly '--wzl-gray-400': "#6f737b";
632
+ readonly '--wzl-gray-500': "#4d5058";
633
+ readonly '--wzl-gray-600': "#383b42";
634
+ readonly '--wzl-gray-700': "#25272c";
635
+ readonly '--wzl-gray-800': "#181a1e";
636
+ readonly '--wzl-gray-900': "#0e0f12";
637
+ readonly '--wzl-accent-soft': "#1d1454";
638
+ readonly '--wzl-accent-base': "#2e1f7a";
639
+ readonly '--wzl-accent-strong': "#5841b8";
640
+ readonly '--wzl-swatch-fuchsia': "#f641f7";
641
+ readonly '--wzl-swatch-green': "#48e628";
642
+ readonly '--wzl-swatch-sky': "#36bff2";
643
+ readonly '--wzl-swatch-amber': "#e69628";
644
+ readonly '--wzl-swatch-teal': "#3ee1cb";
645
+ readonly '--wzl-swatch-red': "#f75034";
646
+ readonly '--wzl-swatch-blue': "#407ef7";
647
+ readonly '--wzl-swatch-citron': "#d5d23a";
648
+ readonly '--wzl-swatch-rose': "#fa4590";
649
+ readonly '--wzl-swatch-violet': "#955cf9";
650
+ readonly '--wzl-font-size-2xs': "10px";
651
+ readonly '--wzl-font-size-xs': "12px";
652
+ readonly '--wzl-font-size-sm': "13px";
653
+ readonly '--wzl-font-size-md': "15px";
654
+ readonly '--wzl-font-size-lg': "18px";
655
+ readonly '--wzl-font-size-xl': "23px";
656
+ readonly '--wzl-space-1': "2px";
657
+ readonly '--wzl-space-2': "4px";
658
+ readonly '--wzl-space-3': "6px";
659
+ readonly '--wzl-space-4': "8px";
660
+ readonly '--wzl-space-5': "10px";
661
+ readonly '--wzl-space-6': "12px";
662
+ readonly '--wzl-space-7': "14px";
663
+ readonly '--wzl-space-8': "16px";
664
+ readonly '--wzl-surface': "#f5f5f6";
665
+ readonly '--wzl-surface-raised': "#e6e7e9";
666
+ readonly '--wzl-surface-sunken': "#c9cbcf";
667
+ readonly '--wzl-fg': "#0e0f12";
668
+ readonly '--wzl-fg-muted': "#383b42";
669
+ readonly '--wzl-fg-subtle': "#4d5058";
670
+ readonly '--wzl-border': "#c9cbcf";
671
+ readonly '--wzl-border-strong': "#4d5058";
672
+ readonly '--wzl-accent-fg': "#2e1f7a";
673
+ readonly '--wzl-fg-inverse': "#f5f5f6";
674
+ readonly '--wzl-shadow': "rgba(0, 0, 0, 0.18)";
675
+ readonly '--wzl-danger-base': "#d94a3f";
676
+ readonly '--wzl-warning-base': "#d99a3f";
677
+ readonly '--wzl-success-base': "#2ec27e";
678
+ readonly '--wzl-fg-on-accent': "#f5f5f6";
679
+ readonly '--wzl-line-subtle': "rgba(14, 15, 18, 0.1)";
680
+ readonly '--wzl-line': "rgba(14, 15, 18, 0.2)";
681
+ readonly '--wzl-line-strong': "rgba(14, 15, 18, 0.4)";
682
+ readonly '--wzl-curve-color': "#5841b8";
683
+ readonly '--wzl-accent': "#2e1f7a";
684
+ readonly '--wzl-accent-hover': "#5841b8";
685
+ readonly '--wzl-danger': "#d94a3f";
686
+ readonly '--wzl-warning': "#d99a3f";
687
+ readonly '--wzl-success': "#2ec27e";
688
+ readonly '--wzl-focus-ring': "#5841b8";
689
+ readonly '--wzl-glass-tint': "#2e1f7a";
690
+ readonly '--wzl-surface-hover': "rgba(14, 15, 18, 0.1)";
691
+ readonly '--wzl-surface-pressed': "rgba(14, 15, 18, 0.18)";
692
+ readonly '--wzl-radius-sm': "3px";
693
+ readonly '--wzl-radius-md': "5px";
694
+ readonly '--wzl-radius-lg': "14px";
695
+ readonly '--wzl-radius-pill': "999px";
696
+ readonly '--wzl-border-w': "1px";
697
+ readonly '--wzl-line-width': "2px";
698
+ readonly '--wzl-curve-width': "3px";
699
+ readonly '--wzl-tb-height': "32px";
700
+ readonly '--wzl-control-h-xs': "22px";
701
+ readonly '--wzl-control-h-sm': "24px";
702
+ readonly '--wzl-control-h': "28px";
703
+ readonly '--wzl-icon-button-size': "26px";
704
+ readonly '--wzl-slider-track-h': "4px";
705
+ readonly '--wzl-slider-thumb-size': "8px";
706
+ readonly '--wzl-slider-track-mix': "18%";
707
+ readonly '--wzl-slider-thumb-mix': "70%";
708
+ readonly '--wzl-handle-size': "9px";
709
+ readonly '--wzl-handle-size-sm': "7px";
710
+ readonly '--wzl-handle-size-lg': "10px";
711
+ readonly '--wzl-field-pad-x': "8px";
712
+ readonly '--wzl-glass-blur': "3px";
713
+ readonly '--wzl-font-size': "15px";
714
+ readonly '--wzl-tracking-none': "0";
715
+ readonly '--wzl-tracking-wide': "0.06em";
716
+ readonly '--wzl-tracking-wider': "0.08em";
717
+ readonly '--wzl-z-toolbar': "10";
718
+ readonly '--wzl-z-overlay': "20";
719
+ readonly '--wzl-z-modal': "30";
720
+ readonly '--wzl-leading-tight': "1";
721
+ readonly '--wzl-leading-snug': "1.2";
722
+ readonly '--wzl-leading': "1.4";
723
+ readonly '--wzl-backdrop': "none";
724
+ readonly '--wzl-motion-fast': "120ms";
725
+ readonly '--wzl-motion-medium': "240ms";
726
+ readonly '--wzl-ease-in-cubic': "cubic-bezier(0.32, 0, 0.67, 0)";
727
+ readonly '--wzl-ease-out-cubic': "cubic-bezier(0.33, 1, 0.68, 1)";
728
+ readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
729
+ readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
730
+ readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
731
+ readonly '--wzl-font-display': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
732
+ readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
733
+ readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
734
+ readonly '--wzl-font-weight-light': "200";
735
+ readonly '--wzl-font-weight-normal': "300";
736
+ readonly '--wzl-font-weight-medium': "350";
737
+ readonly '--wzl-font-weight-bold': "400";
738
+ readonly '--wzl-space-xs': "4px";
739
+ readonly '--wzl-space-sm': "8px";
740
+ readonly '--wzl-space-md': "12px";
741
+ readonly '--wzl-space-lg': "16px";
742
+ };
743
+ };
744
+ };
745
+ };
746
+ /** The built-in themes as authored: their unbaked definitions. */
747
+ declare const THEME_SOURCES: Readonly<Record<string, ThemeDefinition>>;
748
+ /** The built-in themes with every rule run and references intact. This is
749
+ * what `weaselTheme` is built from, so the runtime entry bundles no generator. */
750
+ declare const BAKED_THEMES: Readonly<Record<string, BakedTheme>>;
751
+
752
+ /** The output of `resolveTheme`: every token of a theme, for one selection, keyed
753
+ * by CSS custom-property name and flattened to a final CSS value. */
754
+ type ResolvedTheme = Readonly<Record<TokenName, string>>;
755
+ /** Every axis the chain declares. An axis declared more than once keeps every value; a descendant's value entries and default win. */
756
+ declare function themeAxes(theme: Theme): AxisDefs;
757
+ /**
758
+ * Merge the extends chain at a selection, resolve every alias, and key the
759
+ * result by CSS custom-property name. A missing or unknown axis value takes the
760
+ * axis default.
761
+ *
762
+ * Pure — no DOM. An unresolvable reference throws rather than falling back.
763
+ */
764
+ declare function resolveTheme(theme: Theme, selection?: Selection): ResolvedTheme;
765
+
766
+ export { BAKED_THEMES as B, type GeneratedTheme as G, type ResolvedTheme as R, type TokenName as T, THEMES as a, THEME_SOURCES as b, resolveTheme as r, themeAxes as t };