@charstudios/pallet 0.1.0 → 0.3.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 (19) hide show
  1. package/README.md +454 -479
  2. package/dist/chunk-BCQMI6SW.js +346 -0
  3. package/dist/chunk-BCQMI6SW.js.map +1 -0
  4. package/dist/{index-DcC8QTrl.d.ts → index-C8-t5s-1.d.ts} +14 -7
  5. package/dist/index.d.ts +14 -7
  6. package/dist/index.js +204 -89
  7. package/dist/index.js.map +1 -1
  8. package/dist/presets/index.d.ts +1 -1
  9. package/dist/presets/index.js +1 -1
  10. package/dist/server.d.ts +2 -2
  11. package/dist/server.js +1 -1
  12. package/dist/styles/index.css +16 -15
  13. package/dist/styles/variant-flat.css +215 -32
  14. package/dist/styles/variant-frosted.css +216 -0
  15. package/dist/styles/variant-toon.css +339 -0
  16. package/package.json +79 -78
  17. package/dist/chunk-4GSIZANE.js +0 -231
  18. package/dist/chunk-4GSIZANE.js.map +0 -1
  19. package/dist/styles/variant-launch.css +0 -75
package/dist/chunk-BCQMI6SW.js ADDED
@@ -0,0 +1,346 @@
1
+ // src/presets/flat.ts
2
+ var light = {
3
+ background: "oklch(1 0 0)",
4
+ foreground: "oklch(0.148 0.004 228.8)",
5
+ card: "oklch(1 0 0)",
6
+ cardForeground: "oklch(0.148 0.004 228.8)",
7
+ popover: "oklch(1 0 0)",
8
+ popoverForeground: "oklch(0.148 0.004 228.8)",
9
+ primary: "oklch(0.514 0.222 16.935)",
10
+ primaryForeground: "oklch(0.969 0.015 12.422)",
11
+ secondary: "oklch(0.967 0.001 286.375)",
12
+ secondaryForeground: "oklch(0.21 0.006 285.885)",
13
+ muted: "oklch(0.963 0.002 197.1)",
14
+ mutedForeground: "oklch(0.56 0.021 213.5)",
15
+ accent: "oklch(0.963 0.002 197.1)",
16
+ accentForeground: "oklch(0.218 0.008 223.9)",
17
+ destructive: "oklch(0.577 0.245 27.325)",
18
+ destructiveForeground: "oklch(0.985 0 0)",
19
+ border: "oklch(0.925 0.005 214.3)",
20
+ input: "oklch(0.925 0.005 214.3)",
21
+ ring: "oklch(0.723 0.014 214.4)",
22
+ chart1: "oklch(0.81 0.117 11.638)",
23
+ chart2: "oklch(0.645 0.246 16.439)",
24
+ chart3: "oklch(0.586 0.253 17.585)",
25
+ chart4: "oklch(0.514 0.222 16.935)",
26
+ chart5: "oklch(0.455 0.188 13.697)",
27
+ sidebar: "oklch(0.987 0.002 197.1)",
28
+ sidebarForeground: "oklch(0.148 0.004 228.8)",
29
+ sidebarPrimary: "oklch(0.586 0.253 17.585)",
30
+ sidebarPrimaryForeground: "oklch(0.969 0.015 12.422)",
31
+ sidebarAccent: "oklch(0.963 0.002 197.1)",
32
+ sidebarAccentForeground: "oklch(0.218 0.008 223.9)",
33
+ sidebarBorder: "oklch(0.925 0.005 214.3)",
34
+ sidebarRing: "oklch(0.723 0.014 214.4)"
35
+ };
36
+ var dark = {
37
+ background: "oklch(0.148 0.004 228.8)",
38
+ foreground: "oklch(0.987 0.002 197.1)",
39
+ card: "oklch(0.218 0.008 223.9)",
40
+ cardForeground: "oklch(0.987 0.002 197.1)",
41
+ popover: "oklch(0.218 0.008 223.9)",
42
+ popoverForeground: "oklch(0.987 0.002 197.1)",
43
+ primary: "oklch(0.455 0.188 13.697)",
44
+ primaryForeground: "oklch(0.969 0.015 12.422)",
45
+ secondary: "oklch(0.274 0.006 286.033)",
46
+ secondaryForeground: "oklch(0.985 0 0)",
47
+ muted: "oklch(0.275 0.011 216.9)",
48
+ mutedForeground: "oklch(0.723 0.014 214.4)",
49
+ accent: "oklch(0.275 0.011 216.9)",
50
+ accentForeground: "oklch(0.987 0.002 197.1)",
51
+ destructive: "oklch(0.704 0.191 22.216)",
52
+ destructiveForeground: "oklch(0.985 0 0)",
53
+ border: "oklch(1 0 0 / 10%)",
54
+ input: "oklch(1 0 0 / 15%)",
55
+ ring: "oklch(0.56 0.021 213.5)",
56
+ chart1: "oklch(0.81 0.117 11.638)",
57
+ chart2: "oklch(0.645 0.246 16.439)",
58
+ chart3: "oklch(0.586 0.253 17.585)",
59
+ chart4: "oklch(0.514 0.222 16.935)",
60
+ chart5: "oklch(0.455 0.188 13.697)",
61
+ sidebar: "oklch(0.17 0.006 228.8)",
62
+ sidebarForeground: "oklch(0.987 0.002 197.1)",
63
+ sidebarPrimary: "oklch(0.514 0.222 16.935)",
64
+ sidebarPrimaryForeground: "oklch(0.969 0.015 12.422)",
65
+ sidebarAccent: "oklch(0.24 0.008 228.8)",
66
+ sidebarAccentForeground: "oklch(0.987 0.002 197.1)",
67
+ sidebarBorder: "oklch(1 0 0 / 10%)",
68
+ sidebarRing: "oklch(0.56 0.021 213.5)"
69
+ };
70
+ var flat = {
71
+ name: "flat",
72
+ variant: "flat",
73
+ colors: { light, dark },
74
+ typography: {
75
+ sans: 'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
76
+ heading: 'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
77
+ mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
78
+ googleFonts: []
79
+ },
80
+ radius: {
81
+ base: "0.45rem"
82
+ },
83
+ elevation: {
84
+ shadows: {
85
+ xs: "0 1px 2px 0 oklch(0 0 0 / 0.04)",
86
+ sm: "0 1px 3px 0 oklch(0 0 0 / 0.06), 0 1px 2px -1px oklch(0 0 0 / 0.06)",
87
+ md: "0 2px 6px -1px oklch(0 0 0 / 0.07), 0 1px 4px -2px oklch(0 0 0 / 0.06)",
88
+ lg: "0 8px 16px -4px oklch(0 0 0 / 0.08), 0 2px 6px -2px oklch(0 0 0 / 0.06)",
89
+ xl: "0 16px 32px -8px oklch(0 0 0 / 0.10), 0 4px 10px -4px oklch(0 0 0 / 0.06)"
90
+ },
91
+ borderStrength: 0.1,
92
+ level: "none"
93
+ },
94
+ density: {
95
+ spacing: "0.25rem",
96
+ scale: 1
97
+ },
98
+ motion: {
99
+ duration: 200,
100
+ easing: "cubic-bezier(0.22, 1, 0.36, 1)",
101
+ intensity: 1
102
+ }
103
+ };
104
+
105
+ // src/presets/frosted.ts
106
+ var light2 = {
107
+ background: "oklch(0.94 0.02 240)",
108
+ foreground: "oklch(0.24 0.03 255)",
109
+ card: "oklch(1 0.01 240 / 55%)",
110
+ cardForeground: "oklch(0.24 0.03 255)",
111
+ popover: "oklch(1 0.01 240 / 62%)",
112
+ popoverForeground: "oklch(0.24 0.03 255)",
113
+ primary: "oklch(0.62 0.12 240)",
114
+ primaryForeground: "oklch(0.99 0.005 240)",
115
+ secondary: "oklch(0.92 0.02 240 / 70%)",
116
+ secondaryForeground: "oklch(0.3 0.04 255)",
117
+ muted: "oklch(0.93 0.015 240 / 65%)",
118
+ mutedForeground: "oklch(0.5 0.03 250)",
119
+ accent: "oklch(0.9 0.04 230 / 70%)",
120
+ accentForeground: "oklch(0.35 0.08 245)",
121
+ destructive: "oklch(0.6 0.2 25)",
122
+ destructiveForeground: "oklch(0.99 0 0)",
123
+ border: "oklch(0.85 0.02 240 / 55%)",
124
+ input: "oklch(0.97 0.01 240 / 50%)",
125
+ ring: "oklch(0.62 0.14 235)",
126
+ chart1: "oklch(0.62 0.12 240)",
127
+ chart2: "oklch(0.68 0.1 200)",
128
+ chart3: "oklch(0.58 0.14 280)",
129
+ chart4: "oklch(0.72 0.08 180)",
130
+ chart5: "oklch(0.66 0.11 320)",
131
+ sidebar: "oklch(0.96 0.015 240 / 55%)",
132
+ sidebarForeground: "oklch(0.24 0.03 255)",
133
+ sidebarPrimary: "oklch(0.62 0.12 240)",
134
+ sidebarPrimaryForeground: "oklch(0.99 0.005 240)",
135
+ sidebarAccent: "oklch(0.9 0.04 230 / 70%)",
136
+ sidebarAccentForeground: "oklch(0.35 0.08 245)",
137
+ sidebarBorder: "oklch(0.85 0.02 240 / 50%)",
138
+ sidebarRing: "oklch(0.62 0.14 235)"
139
+ };
140
+ var dark2 = {
141
+ background: "oklch(0.18 0.03 260)",
142
+ foreground: "oklch(0.96 0.01 240)",
143
+ card: "oklch(0.28 0.04 260 / 45%)",
144
+ cardForeground: "oklch(0.96 0.01 240)",
145
+ popover: "oklch(0.3 0.04 260 / 52%)",
146
+ popoverForeground: "oklch(0.96 0.01 240)",
147
+ primary: "oklch(0.72 0.12 230)",
148
+ primaryForeground: "oklch(0.18 0.03 260)",
149
+ secondary: "oklch(0.32 0.03 260 / 55%)",
150
+ secondaryForeground: "oklch(0.96 0.01 240)",
151
+ muted: "oklch(0.3 0.03 260 / 50%)",
152
+ mutedForeground: "oklch(0.72 0.03 250)",
153
+ accent: "oklch(0.36 0.05 250 / 55%)",
154
+ accentForeground: "oklch(0.92 0.03 230)",
155
+ destructive: "oklch(0.68 0.18 22)",
156
+ destructiveForeground: "oklch(0.99 0 0)",
157
+ border: "oklch(1 0 0 / 14%)",
158
+ input: "oklch(1 0 0 / 10%)",
159
+ ring: "oklch(0.7 0.12 230)",
160
+ chart1: "oklch(0.72 0.12 230)",
161
+ chart2: "oklch(0.7 0.1 200)",
162
+ chart3: "oklch(0.66 0.14 280)",
163
+ chart4: "oklch(0.74 0.08 180)",
164
+ chart5: "oklch(0.68 0.11 320)",
165
+ sidebar: "oklch(0.22 0.035 260 / 50%)",
166
+ sidebarForeground: "oklch(0.96 0.01 240)",
167
+ sidebarPrimary: "oklch(0.72 0.12 230)",
168
+ sidebarPrimaryForeground: "oklch(0.18 0.03 260)",
169
+ sidebarAccent: "oklch(0.36 0.05 250 / 55%)",
170
+ sidebarAccentForeground: "oklch(0.92 0.03 230)",
171
+ sidebarBorder: "oklch(1 0 0 / 12%)",
172
+ sidebarRing: "oklch(0.7 0.12 230)"
173
+ };
174
+ var frosted = {
175
+ name: "frosted",
176
+ variant: "frosted",
177
+ colors: { light: light2, dark: dark2 },
178
+ typography: {
179
+ sans: '"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
180
+ heading: '"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
181
+ mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
182
+ googleFonts: ["Inter"]
183
+ },
184
+ radius: {
185
+ base: "0.75rem",
186
+ scale: {
187
+ sm: 0.55,
188
+ md: 0.8,
189
+ lg: 1,
190
+ xl: 1.2,
191
+ "2xl": 1.4,
192
+ "3xl": 1.6,
193
+ "4xl": 1.8
194
+ }
195
+ },
196
+ elevation: {
197
+ shadows: {
198
+ xs: "none",
199
+ sm: "none",
200
+ md: "0 4px 16px -8px oklch(0.45 0.08 240 / 0.12)",
201
+ lg: "0 10px 28px -12px oklch(0.45 0.08 240 / 0.16)",
202
+ xl: "0 18px 40px -16px oklch(0.45 0.08 240 / 0.2)"
203
+ },
204
+ borderStrength: 0.35,
205
+ level: "sm"
206
+ },
207
+ density: {
208
+ spacing: "0.25rem",
209
+ scale: 1.05
210
+ },
211
+ motion: {
212
+ duration: 260,
213
+ easing: "cubic-bezier(0.22, 1, 0.36, 1)",
214
+ intensity: 1
215
+ }
216
+ };
217
+
218
+ // src/presets/toon.ts
219
+ var light3 = {
220
+ background: "oklch(0.965 0.005 260)",
221
+ foreground: "oklch(0.22 0.02 260)",
222
+ card: "oklch(1 0 0)",
223
+ cardForeground: "oklch(0.22 0.02 260)",
224
+ popover: "oklch(1 0 0)",
225
+ popoverForeground: "oklch(0.22 0.02 260)",
226
+ primary: "oklch(0.55 0.19 255)",
227
+ primaryForeground: "oklch(0.99 0.005 255)",
228
+ secondary: "oklch(0.96 0.01 260)",
229
+ secondaryForeground: "oklch(0.28 0.03 260)",
230
+ muted: "oklch(0.95 0.008 260)",
231
+ mutedForeground: "oklch(0.52 0.02 260)",
232
+ accent: "oklch(0.94 0.03 255)",
233
+ accentForeground: "oklch(0.4 0.12 255)",
234
+ destructive: "oklch(0.58 0.22 25)",
235
+ destructiveForeground: "oklch(0.99 0 0)",
236
+ border: "oklch(0.82 0.015 260)",
237
+ input: "oklch(1 0 0)",
238
+ ring: "oklch(0.55 0.19 255)",
239
+ chart1: "oklch(0.55 0.19 255)",
240
+ chart2: "oklch(0.62 0.18 300)",
241
+ chart3: "oklch(0.7 0.16 55)",
242
+ chart4: "oklch(0.65 0.17 145)",
243
+ chart5: "oklch(0.6 0.2 25)",
244
+ sidebar: "oklch(1 0 0)",
245
+ sidebarForeground: "oklch(0.22 0.02 260)",
246
+ sidebarPrimary: "oklch(0.55 0.19 255)",
247
+ sidebarPrimaryForeground: "oklch(0.99 0.005 255)",
248
+ sidebarAccent: "oklch(0.94 0.03 255)",
249
+ sidebarAccentForeground: "oklch(0.4 0.12 255)",
250
+ sidebarBorder: "oklch(0.82 0.015 260)",
251
+ sidebarRing: "oklch(0.55 0.19 255)"
252
+ };
253
+ var dark3 = {
254
+ background: "oklch(0.18 0.02 260)",
255
+ foreground: "oklch(0.96 0.01 260)",
256
+ card: "oklch(0.24 0.025 260)",
257
+ cardForeground: "oklch(0.96 0.01 260)",
258
+ popover: "oklch(0.24 0.025 260)",
259
+ popoverForeground: "oklch(0.96 0.01 260)",
260
+ primary: "oklch(0.68 0.16 255)",
261
+ primaryForeground: "oklch(0.18 0.03 260)",
262
+ secondary: "oklch(0.3 0.02 260)",
263
+ secondaryForeground: "oklch(0.96 0.01 260)",
264
+ muted: "oklch(0.3 0.02 260)",
265
+ mutedForeground: "oklch(0.7 0.02 260)",
266
+ accent: "oklch(0.32 0.05 255)",
267
+ accentForeground: "oklch(0.85 0.06 255)",
268
+ destructive: "oklch(0.68 0.18 22)",
269
+ destructiveForeground: "oklch(0.99 0 0)",
270
+ border: "oklch(1 0 0 / 16%)",
271
+ input: "oklch(0.24 0.025 260)",
272
+ ring: "oklch(0.68 0.16 255)",
273
+ chart1: "oklch(0.68 0.16 255)",
274
+ chart2: "oklch(0.7 0.15 300)",
275
+ chart3: "oklch(0.75 0.14 55)",
276
+ chart4: "oklch(0.7 0.14 145)",
277
+ chart5: "oklch(0.68 0.18 25)",
278
+ sidebar: "oklch(0.22 0.025 260)",
279
+ sidebarForeground: "oklch(0.96 0.01 260)",
280
+ sidebarPrimary: "oklch(0.68 0.16 255)",
281
+ sidebarPrimaryForeground: "oklch(0.18 0.03 260)",
282
+ sidebarAccent: "oklch(0.32 0.05 255)",
283
+ sidebarAccentForeground: "oklch(0.85 0.06 255)",
284
+ sidebarBorder: "oklch(1 0 0 / 14%)",
285
+ sidebarRing: "oklch(0.68 0.16 255)"
286
+ };
287
+ var toon = {
288
+ name: "toon",
289
+ variant: "toon",
290
+ colors: { light: light3, dark: dark3 },
291
+ typography: {
292
+ sans: '"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
293
+ heading: '"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
294
+ mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
295
+ googleFonts: ["Inter"]
296
+ },
297
+ radius: {
298
+ base: "0.75rem",
299
+ scale: {
300
+ sm: 0.55,
301
+ md: 0.75,
302
+ lg: 1,
303
+ xl: 1.15,
304
+ "2xl": 1.35,
305
+ "3xl": 1.55,
306
+ "4xl": 1.75
307
+ }
308
+ },
309
+ elevation: {
310
+ // Hard lips live in the variant CSS — keep token shadows empty so utilities
311
+ // like `shadow-sm` do not reintroduce soft elevation.
312
+ shadows: {
313
+ xs: "none",
314
+ sm: "none",
315
+ md: "none",
316
+ lg: "none",
317
+ xl: "none"
318
+ },
319
+ borderStrength: 1,
320
+ level: "none"
321
+ },
322
+ density: {
323
+ spacing: "0.25rem",
324
+ scale: 1
325
+ },
326
+ motion: {
327
+ duration: 160,
328
+ easing: "cubic-bezier(0.2, 0.8, 0.2, 1)",
329
+ intensity: 1
330
+ }
331
+ };
332
+
333
+ // src/presets/index.ts
334
+ var presets = {
335
+ flat,
336
+ toon,
337
+ frosted
338
+ };
339
+ function getPreset(name) {
340
+ return presets[name];
341
+ }
342
+ var defaultPreset = flat;
343
+
344
+ export { defaultPreset, flat, frosted, getPreset, presets, toon };
345
+ //# sourceMappingURL=chunk-BCQMI6SW.js.map
346
+ //# sourceMappingURL=chunk-BCQMI6SW.js.map
package/dist/chunk-BCQMI6SW.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/presets/flat.ts","../src/presets/frosted.ts","../src/presets/toon.ts","../src/presets/index.ts"],"names":["light","dark"],"mappings":"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","file":"chunk-BCQMI6SW.js","sourcesContent":["import type { ColorTokens, ThemeConfig } from \"../core/types\";\r\n\r\nconst light: ColorTokens = {\r\n background: \"oklch(1 0 0)\",\r\n foreground: \"oklch(0.148 0.004 228.8)\",\r\n card: \"oklch(1 0 0)\",\r\n cardForeground: \"oklch(0.148 0.004 228.8)\",\r\n popover: \"oklch(1 0 0)\",\r\n popoverForeground: \"oklch(0.148 0.004 228.8)\",\r\n primary: \"oklch(0.514 0.222 16.935)\",\r\n primaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n secondary: \"oklch(0.967 0.001 286.375)\",\r\n secondaryForeground: \"oklch(0.21 0.006 285.885)\",\r\n muted: \"oklch(0.963 0.002 197.1)\",\r\n mutedForeground: \"oklch(0.56 0.021 213.5)\",\r\n accent: \"oklch(0.963 0.002 197.1)\",\r\n accentForeground: \"oklch(0.218 0.008 223.9)\",\r\n destructive: \"oklch(0.577 0.245 27.325)\",\r\n destructiveForeground: \"oklch(0.985 0 0)\",\r\n border: \"oklch(0.925 0.005 214.3)\",\r\n input: \"oklch(0.925 0.005 214.3)\",\r\n ring: \"oklch(0.723 0.014 214.4)\",\r\n chart1: \"oklch(0.81 0.117 11.638)\",\r\n chart2: \"oklch(0.645 0.246 16.439)\",\r\n chart3: \"oklch(0.586 0.253 17.585)\",\r\n chart4: \"oklch(0.514 0.222 16.935)\",\r\n chart5: \"oklch(0.455 0.188 13.697)\",\r\n sidebar: \"oklch(0.987 0.002 197.1)\",\r\n sidebarForeground: \"oklch(0.148 0.004 228.8)\",\r\n sidebarPrimary: \"oklch(0.586 0.253 17.585)\",\r\n sidebarPrimaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n sidebarAccent: \"oklch(0.963 0.002 197.1)\",\r\n sidebarAccentForeground: \"oklch(0.218 0.008 223.9)\",\r\n sidebarBorder: \"oklch(0.925 0.005 214.3)\",\r\n sidebarRing: \"oklch(0.723 0.014 214.4)\",\r\n};\r\n\r\nconst dark: ColorTokens = {\r\n background: \"oklch(0.148 0.004 228.8)\",\r\n foreground: \"oklch(0.987 0.002 197.1)\",\r\n card: \"oklch(0.218 0.008 223.9)\",\r\n cardForeground: \"oklch(0.987 0.002 197.1)\",\r\n popover: \"oklch(0.218 0.008 223.9)\",\r\n popoverForeground: \"oklch(0.987 0.002 197.1)\",\r\n primary: \"oklch(0.455 0.188 13.697)\",\r\n primaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n secondary: \"oklch(0.274 0.006 286.033)\",\r\n secondaryForeground: \"oklch(0.985 0 0)\",\r\n muted: \"oklch(0.275 0.011 216.9)\",\r\n mutedForeground: \"oklch(0.723 0.014 214.4)\",\r\n accent: \"oklch(0.275 0.011 216.9)\",\r\n accentForeground: \"oklch(0.987 0.002 197.1)\",\r\n destructive: \"oklch(0.704 0.191 22.216)\",\r\n destructiveForeground: \"oklch(0.985 0 0)\",\r\n border: \"oklch(1 0 0 / 10%)\",\r\n input: \"oklch(1 0 0 / 15%)\",\r\n ring: \"oklch(0.56 0.021 213.5)\",\r\n chart1: \"oklch(0.81 0.117 11.638)\",\r\n chart2: \"oklch(0.645 0.246 16.439)\",\r\n chart3: \"oklch(0.586 0.253 17.585)\",\r\n chart4: \"oklch(0.514 0.222 16.935)\",\r\n chart5: \"oklch(0.455 0.188 13.697)\",\r\n sidebar: \"oklch(0.17 0.006 228.8)\",\r\n sidebarForeground: \"oklch(0.987 0.002 197.1)\",\r\n sidebarPrimary: \"oklch(0.514 0.222 16.935)\",\r\n sidebarPrimaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n sidebarAccent: \"oklch(0.24 0.008 228.8)\",\r\n sidebarAccentForeground: \"oklch(0.987 0.002 197.1)\",\r\n sidebarBorder: \"oklch(1 0 0 / 10%)\",\r\n sidebarRing: \"oklch(0.56 0.021 213.5)\",\r\n};\r\n\r\n/**\r\n * The \"flat\" preset: crisp hairline borders, minimal shadows, tighter radius.\r\n * Mirrors the default Quill look and serves as the baseline variant.\r\n */\r\nexport const flat: ThemeConfig = {\r\n name: \"flat\",\r\n variant: \"flat\",\r\n colors: { light, dark },\r\n typography: {\r\n sans: 'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\r\n heading:\r\n 'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\r\n mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace',\r\n googleFonts: [],\r\n },\r\n radius: {\r\n base: \"0.45rem\",\r\n },\r\n elevation: {\r\n shadows: {\r\n xs: \"0 1px 2px 0 oklch(0 0 0 / 0.04)\",\r\n sm: \"0 1px 3px 0 oklch(0 0 0 / 0.06), 0 1px 2px -1px oklch(0 0 0 / 0.06)\",\r\n md: \"0 2px 6px -1px oklch(0 0 0 / 0.07), 0 1px 4px -2px oklch(0 0 0 / 0.06)\",\r\n lg: \"0 8px 16px -4px oklch(0 0 0 / 0.08), 0 2px 6px -2px oklch(0 0 0 / 0.06)\",\r\n xl: \"0 16px 32px -8px oklch(0 0 0 / 0.10), 0 4px 10px -4px oklch(0 0 0 / 0.06)\",\r\n },\r\n borderStrength: 0.1,\r\n level: \"none\",\r\n },\r\n density: {\r\n spacing: \"0.25rem\",\r\n scale: 1,\r\n },\r\n motion: {\r\n duration: 200,\r\n easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\r\n intensity: 1,\r\n },\r\n};\r\n","import type { ColorTokens, ThemeConfig } from \"../core/types\";\r\n\r\n/**\r\n * Light palette for Frosted: cool icy neutrals with translucent surfaces and a\r\n * soft sky-blue accent — designed so backdrop-blur skins can show through.\r\n */\r\nconst light: ColorTokens = {\r\n background: \"oklch(0.94 0.02 240)\",\r\n foreground: \"oklch(0.24 0.03 255)\",\r\n card: \"oklch(1 0.01 240 / 55%)\",\r\n cardForeground: \"oklch(0.24 0.03 255)\",\r\n popover: \"oklch(1 0.01 240 / 62%)\",\r\n popoverForeground: \"oklch(0.24 0.03 255)\",\r\n primary: \"oklch(0.62 0.12 240)\",\r\n primaryForeground: \"oklch(0.99 0.005 240)\",\r\n secondary: \"oklch(0.92 0.02 240 / 70%)\",\r\n secondaryForeground: \"oklch(0.3 0.04 255)\",\r\n muted: \"oklch(0.93 0.015 240 / 65%)\",\r\n mutedForeground: \"oklch(0.5 0.03 250)\",\r\n accent: \"oklch(0.9 0.04 230 / 70%)\",\r\n accentForeground: \"oklch(0.35 0.08 245)\",\r\n destructive: \"oklch(0.6 0.2 25)\",\r\n destructiveForeground: \"oklch(0.99 0 0)\",\r\n border: \"oklch(0.85 0.02 240 / 55%)\",\r\n input: \"oklch(0.97 0.01 240 / 50%)\",\r\n ring: \"oklch(0.62 0.14 235)\",\r\n chart1: \"oklch(0.62 0.12 240)\",\r\n chart2: \"oklch(0.68 0.1 200)\",\r\n chart3: \"oklch(0.58 0.14 280)\",\r\n chart4: \"oklch(0.72 0.08 180)\",\r\n chart5: \"oklch(0.66 0.11 320)\",\r\n sidebar: \"oklch(0.96 0.015 240 / 55%)\",\r\n sidebarForeground: \"oklch(0.24 0.03 255)\",\r\n sidebarPrimary: \"oklch(0.62 0.12 240)\",\r\n sidebarPrimaryForeground: \"oklch(0.99 0.005 240)\",\r\n sidebarAccent: \"oklch(0.9 0.04 230 / 70%)\",\r\n sidebarAccentForeground: \"oklch(0.35 0.08 245)\",\r\n sidebarBorder: \"oklch(0.85 0.02 240 / 50%)\",\r\n sidebarRing: \"oklch(0.62 0.14 235)\",\r\n};\r\n\r\n/** Dark palette: deep indigo glass over a cool night background. */\r\nconst dark: ColorTokens = {\r\n background: \"oklch(0.18 0.03 260)\",\r\n foreground: \"oklch(0.96 0.01 240)\",\r\n card: \"oklch(0.28 0.04 260 / 45%)\",\r\n cardForeground: \"oklch(0.96 0.01 240)\",\r\n popover: \"oklch(0.3 0.04 260 / 52%)\",\r\n popoverForeground: \"oklch(0.96 0.01 240)\",\r\n primary: \"oklch(0.72 0.12 230)\",\r\n primaryForeground: \"oklch(0.18 0.03 260)\",\r\n secondary: \"oklch(0.32 0.03 260 / 55%)\",\r\n secondaryForeground: \"oklch(0.96 0.01 240)\",\r\n muted: \"oklch(0.3 0.03 260 / 50%)\",\r\n mutedForeground: \"oklch(0.72 0.03 250)\",\r\n accent: \"oklch(0.36 0.05 250 / 55%)\",\r\n accentForeground: \"oklch(0.92 0.03 230)\",\r\n destructive: \"oklch(0.68 0.18 22)\",\r\n destructiveForeground: \"oklch(0.99 0 0)\",\r\n border: \"oklch(1 0 0 / 14%)\",\r\n input: \"oklch(1 0 0 / 10%)\",\r\n ring: \"oklch(0.7 0.12 230)\",\r\n chart1: \"oklch(0.72 0.12 230)\",\r\n chart2: \"oklch(0.7 0.1 200)\",\r\n chart3: \"oklch(0.66 0.14 280)\",\r\n chart4: \"oklch(0.74 0.08 180)\",\r\n chart5: \"oklch(0.68 0.11 320)\",\r\n sidebar: \"oklch(0.22 0.035 260 / 50%)\",\r\n sidebarForeground: \"oklch(0.96 0.01 240)\",\r\n sidebarPrimary: \"oklch(0.72 0.12 230)\",\r\n sidebarPrimaryForeground: \"oklch(0.18 0.03 260)\",\r\n sidebarAccent: \"oklch(0.36 0.05 250 / 55%)\",\r\n sidebarAccentForeground: \"oklch(0.92 0.03 230)\",\r\n sidebarBorder: \"oklch(1 0 0 / 12%)\",\r\n sidebarRing: \"oklch(0.7 0.12 230)\",\r\n};\r\n\r\n/**\r\n * The \"frosted\" preset: icy translucent surfaces paired with\r\n * `styles/variant-frosted.css` for backdrop-blur glassmorphism across slots.\r\n */\r\nexport const frosted: ThemeConfig = {\r\n name: \"frosted\",\r\n variant: \"frosted\",\r\n colors: { light, dark },\r\n typography: {\r\n sans: '\"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\r\n heading:\r\n '\"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\r\n mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace',\r\n googleFonts: [\"Inter\"],\r\n },\r\n radius: {\r\n base: \"0.75rem\",\r\n scale: {\r\n sm: 0.55,\r\n md: 0.8,\r\n lg: 1,\r\n xl: 1.2,\r\n \"2xl\": 1.4,\r\n \"3xl\": 1.6,\r\n \"4xl\": 1.8,\r\n },\r\n },\r\n elevation: {\r\n shadows: {\r\n xs: \"none\",\r\n sm: \"none\",\r\n md: \"0 4px 16px -8px oklch(0.45 0.08 240 / 0.12)\",\r\n lg: \"0 10px 28px -12px oklch(0.45 0.08 240 / 0.16)\",\r\n xl: \"0 18px 40px -16px oklch(0.45 0.08 240 / 0.2)\",\r\n },\r\n borderStrength: 0.35,\r\n level: \"sm\",\r\n },\r\n density: {\r\n spacing: \"0.25rem\",\r\n scale: 1.05,\r\n },\r\n motion: {\r\n duration: 260,\r\n easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\r\n intensity: 1,\r\n },\r\n};\r\n","import type { ColorTokens, ThemeConfig } from \"../core/types\";\r\n\r\n/**\r\n * Light palette for Toon: clean dashboard neutrals with a solid blue accent.\r\n * Cel-shaded / neo-brutalist — depth comes from thick bottom borders, not shadows.\r\n */\r\nconst light: ColorTokens = {\r\n background: \"oklch(0.965 0.005 260)\",\r\n foreground: \"oklch(0.22 0.02 260)\",\r\n card: \"oklch(1 0 0)\",\r\n cardForeground: \"oklch(0.22 0.02 260)\",\r\n popover: \"oklch(1 0 0)\",\r\n popoverForeground: \"oklch(0.22 0.02 260)\",\r\n primary: \"oklch(0.55 0.19 255)\",\r\n primaryForeground: \"oklch(0.99 0.005 255)\",\r\n secondary: \"oklch(0.96 0.01 260)\",\r\n secondaryForeground: \"oklch(0.28 0.03 260)\",\r\n muted: \"oklch(0.95 0.008 260)\",\r\n mutedForeground: \"oklch(0.52 0.02 260)\",\r\n accent: \"oklch(0.94 0.03 255)\",\r\n accentForeground: \"oklch(0.4 0.12 255)\",\r\n destructive: \"oklch(0.58 0.22 25)\",\r\n destructiveForeground: \"oklch(0.99 0 0)\",\r\n border: \"oklch(0.82 0.015 260)\",\r\n input: \"oklch(1 0 0)\",\r\n ring: \"oklch(0.55 0.19 255)\",\r\n chart1: \"oklch(0.55 0.19 255)\",\r\n chart2: \"oklch(0.62 0.18 300)\",\r\n chart3: \"oklch(0.7 0.16 55)\",\r\n chart4: \"oklch(0.65 0.17 145)\",\r\n chart5: \"oklch(0.6 0.2 25)\",\r\n sidebar: \"oklch(1 0 0)\",\r\n sidebarForeground: \"oklch(0.22 0.02 260)\",\r\n sidebarPrimary: \"oklch(0.55 0.19 255)\",\r\n sidebarPrimaryForeground: \"oklch(0.99 0.005 255)\",\r\n sidebarAccent: \"oklch(0.94 0.03 255)\",\r\n sidebarAccentForeground: \"oklch(0.4 0.12 255)\",\r\n sidebarBorder: \"oklch(0.82 0.015 260)\",\r\n sidebarRing: \"oklch(0.55 0.19 255)\",\r\n};\r\n\r\n/** Dark palette: ink surfaces with the same punched blue accent. */\r\nconst dark: ColorTokens = {\r\n background: \"oklch(0.18 0.02 260)\",\r\n foreground: \"oklch(0.96 0.01 260)\",\r\n card: \"oklch(0.24 0.025 260)\",\r\n cardForeground: \"oklch(0.96 0.01 260)\",\r\n popover: \"oklch(0.24 0.025 260)\",\r\n popoverForeground: \"oklch(0.96 0.01 260)\",\r\n primary: \"oklch(0.68 0.16 255)\",\r\n primaryForeground: \"oklch(0.18 0.03 260)\",\r\n secondary: \"oklch(0.3 0.02 260)\",\r\n secondaryForeground: \"oklch(0.96 0.01 260)\",\r\n muted: \"oklch(0.3 0.02 260)\",\r\n mutedForeground: \"oklch(0.7 0.02 260)\",\r\n accent: \"oklch(0.32 0.05 255)\",\r\n accentForeground: \"oklch(0.85 0.06 255)\",\r\n destructive: \"oklch(0.68 0.18 22)\",\r\n destructiveForeground: \"oklch(0.99 0 0)\",\r\n border: \"oklch(1 0 0 / 16%)\",\r\n input: \"oklch(0.24 0.025 260)\",\r\n ring: \"oklch(0.68 0.16 255)\",\r\n chart1: \"oklch(0.68 0.16 255)\",\r\n chart2: \"oklch(0.7 0.15 300)\",\r\n chart3: \"oklch(0.75 0.14 55)\",\r\n chart4: \"oklch(0.7 0.14 145)\",\r\n chart5: \"oklch(0.68 0.18 25)\",\r\n sidebar: \"oklch(0.22 0.025 260)\",\r\n sidebarForeground: \"oklch(0.96 0.01 260)\",\r\n sidebarPrimary: \"oklch(0.68 0.16 255)\",\r\n sidebarPrimaryForeground: \"oklch(0.18 0.03 260)\",\r\n sidebarAccent: \"oklch(0.32 0.05 255)\",\r\n sidebarAccentForeground: \"oklch(0.85 0.06 255)\",\r\n sidebarBorder: \"oklch(1 0 0 / 14%)\",\r\n sidebarRing: \"oklch(0.68 0.16 255)\",\r\n};\r\n\r\n/**\r\n * The \"toon\" preset: cel-shaded / neo-brutalist. Moderate radius, flat color,\r\n * zero soft shadows. Depth comes from `variant-toon.css` thick bottom borders\r\n * auto-darkened from each surface fill via `--toon-fill`.\r\n */\r\nexport const toon: ThemeConfig = {\r\n name: \"toon\",\r\n variant: \"toon\",\r\n colors: { light, dark },\r\n typography: {\r\n sans: '\"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\r\n heading:\r\n '\"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\r\n mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace',\r\n googleFonts: [\"Inter\"],\r\n },\r\n radius: {\r\n base: \"0.75rem\",\r\n scale: {\r\n sm: 0.55,\r\n md: 0.75,\r\n lg: 1,\r\n xl: 1.15,\r\n \"2xl\": 1.35,\r\n \"3xl\": 1.55,\r\n \"4xl\": 1.75,\r\n },\r\n },\r\n elevation: {\r\n // Hard lips live in the variant CSS — keep token shadows empty so utilities\r\n // like `shadow-sm` do not reintroduce soft elevation.\r\n shadows: {\r\n xs: \"none\",\r\n sm: \"none\",\r\n md: \"none\",\r\n lg: \"none\",\r\n xl: \"none\",\r\n },\r\n borderStrength: 1,\r\n level: \"none\",\r\n },\r\n density: {\r\n spacing: \"0.25rem\",\r\n scale: 1,\r\n },\r\n motion: {\r\n duration: 160,\r\n easing: \"cubic-bezier(0.2, 0.8, 0.2, 1)\",\r\n intensity: 1,\r\n },\r\n};\r\n","import type { ThemeConfig, VariantName } from \"../core/types\";\nimport { flat } from \"./flat\";\nimport { frosted } from \"./frosted\";\nimport { toon } from \"./toon\";\n\nexport { flat } from \"./flat\";\nexport { frosted } from \"./frosted\";\nexport { toon } from \"./toon\";\n\n/** All built-in presets, keyed by name. */\nexport const presets = {\n flat,\n toon,\n frosted,\n} satisfies Record<string, ThemeConfig>;\n\nexport type PresetName = keyof typeof presets;\n\n/** Returns a built-in preset by name, or undefined if it is not registered. */\nexport function getPreset(name: VariantName): ThemeConfig | undefined {\n return (presets as Record<string, ThemeConfig>)[name];\n}\n\n/** The default preset used when none is specified. */\nexport const defaultPreset: ThemeConfig = flat;\n"]}
package/dist/{index-DcC8QTrl.d.ts → index-C8-t5s-1.d.ts} RENAMED
@@ -114,7 +114,7 @@ interface Motion {
114
114
  intensity: number;
115
115
  }
116
116
  /** Built-in visual variants ("skins"). Custom names are also allowed. */
117
- type VariantName = "flat" | "launch" | (string & {});
117
+ type VariantName = "flat" | "toon" | "frosted" | (string & {});
118
118
  /** A color scheme. */
119
119
  type ColorScheme = "light" | "dark";
120
120
  /**
@@ -152,16 +152,23 @@ type CssVarMap = Record<string, string>;
152
152
  declare const flat: ThemeConfig;
153
153
 
154
154
  /**
155
- * The "launch" preset: soft, elevated, and pill-shaped. Large radius, gentle
156
- * layered shadows, subtle borders and a little extra breathing room. Pairs with
157
- * `styles/variant-launch.css` which rounds controls into pills.
155
+ * The "frosted" preset: icy translucent surfaces paired with
156
+ * `styles/variant-frosted.css` for backdrop-blur glassmorphism across slots.
158
157
  */
159
- declare const launch: ThemeConfig;
158
+ declare const frosted: ThemeConfig;
159
+
160
+ /**
161
+ * The "toon" preset: cel-shaded / neo-brutalist. Moderate radius, flat color,
162
+ * zero soft shadows. Depth comes from `variant-toon.css` thick bottom borders
163
+ * auto-darkened from each surface fill via `--toon-fill`.
164
+ */
165
+ declare const toon: ThemeConfig;
160
166
 
161
167
  /** All built-in presets, keyed by name. */
162
168
  declare const presets: {
163
169
  flat: ThemeConfig;
164
- launch: ThemeConfig;
170
+ toon: ThemeConfig;
171
+ frosted: ThemeConfig;
165
172
  };
166
173
  type PresetName = keyof typeof presets;
167
174
  /** Returns a built-in preset by name, or undefined if it is not registered. */
@@ -169,4 +176,4 @@ declare function getPreset(name: VariantName): ThemeConfig | undefined;
169
176
  /** The default preset used when none is specified. */
170
177
  declare const defaultPreset: ThemeConfig;
171
178
 
172
- export { type ColorTokens as C, type DeepPartial as D, type ElevationConfig as E, type Motion as M, type PresetName as P, type RadiusScale as R, type ThemeConfig as T, type VariantName as V, type CssVarMap as a, type ColorScheme as b, type ThemeOverride as c, type CssColor as d, type Density as e, type RadiusConfig as f, type Typography as g, defaultPreset as h, flat as i, getPreset as j, launch as l, presets as p };
179
+ export { type ColorTokens as C, type DeepPartial as D, type ElevationConfig as E, type Motion as M, type PresetName as P, type RadiusScale as R, type ThemeConfig as T, type VariantName as V, type CssVarMap as a, type ColorScheme as b, type ThemeOverride as c, type CssColor as d, type Density as e, type RadiusConfig as f, type Typography as g, defaultPreset as h, flat as i, frosted as j, getPreset as k, presets as p, toon as t };
package/dist/index.d.ts CHANGED
@@ -116,7 +116,7 @@ interface Motion {
116
116
  intensity: number;
117
117
  }
118
118
  /** Built-in visual variants ("skins"). Custom names are also allowed. */
119
- type VariantName = "flat" | "launch" | (string & {});
119
+ type VariantName = "flat" | "toon" | "frosted" | (string & {});
120
120
  /** A color scheme. */
121
121
  type ColorScheme = "light" | "dark";
122
122
  /**
@@ -380,16 +380,23 @@ declare function themeToInlineStyle(theme: ThemeConfig, scheme: ColorScheme): Re
380
380
  declare const flat: ThemeConfig;
381
381
 
382
382
  /**
383
- * The "launch" preset: soft, elevated, and pill-shaped. Large radius, gentle
384
- * layered shadows, subtle borders and a little extra breathing room. Pairs with
385
- * `styles/variant-launch.css` which rounds controls into pills.
383
+ * The "frosted" preset: icy translucent surfaces paired with
384
+ * `styles/variant-frosted.css` for backdrop-blur glassmorphism across slots.
386
385
  */
387
- declare const launch: ThemeConfig;
386
+ declare const frosted: ThemeConfig;
387
+
388
+ /**
389
+ * The "toon" preset: cel-shaded / neo-brutalist. Moderate radius, flat color,
390
+ * zero soft shadows. Depth comes from `variant-toon.css` thick bottom borders
391
+ * auto-darkened from each surface fill via `--toon-fill`.
392
+ */
393
+ declare const toon: ThemeConfig;
388
394
 
389
395
  /** All built-in presets, keyed by name. */
390
396
  declare const presets: {
391
397
  flat: ThemeConfig;
392
- launch: ThemeConfig;
398
+ toon: ThemeConfig;
399
+ frosted: ThemeConfig;
393
400
  };
394
401
  type PresetName = keyof typeof presets;
395
402
  /** Returns a built-in preset by name, or undefined if it is not registered. */
@@ -397,4 +404,4 @@ declare function getPreset(name: VariantName): ThemeConfig | undefined;
397
404
  /** The default preset used when none is specified. */
398
405
  declare const defaultPreset: ThemeConfig;
399
406
 
400
- export { type ColorScheme, type ColorTokens, type CssColor, type CssVarMap, DEFAULT_RADIUS_SCALE, type DeepPartial, type Density, type ElevationConfig, type GoogleFontsOptions, type Motion, PalletContext, type PalletContextValue, type PresetName, type RadiusConfig, type RadiusScale, type SchemePreference, type SchemeTarget, type ThemeConfig, type ThemeControls, type ThemeOverride, ThemeProvider, type ThemeProviderProps, type ThemeToCssOptions, type Typography, type UseColorSchemeResult, type UsePresetResult, type VariantName, applyCssVars, buildGoogleFontsUrl, clearCssVars, colorTokensToVars, cssVarsToString, deepMerge, defaultPreset, deserializeTheme, flat, getPreset, launch, loadGoogleFonts, mergeAll, presets, resolveColors, resolveTheme, serializeTheme, structuralVars, themeToCss, themeToInlineStyle, useColorScheme, usePalletContext, usePreset, useTheme, useThemeControls };
407
+ export { type ColorScheme, type ColorTokens, type CssColor, type CssVarMap, DEFAULT_RADIUS_SCALE, type DeepPartial, type Density, type ElevationConfig, type GoogleFontsOptions, type Motion, PalletContext, type PalletContextValue, type PresetName, type RadiusConfig, type RadiusScale, type SchemePreference, type SchemeTarget, type ThemeConfig, type ThemeControls, type ThemeOverride, ThemeProvider, type ThemeProviderProps, type ThemeToCssOptions, type Typography, type UseColorSchemeResult, type UsePresetResult, type VariantName, applyCssVars, buildGoogleFontsUrl, clearCssVars, colorTokensToVars, cssVarsToString, deepMerge, defaultPreset, deserializeTheme, flat, frosted, getPreset, loadGoogleFonts, mergeAll, presets, resolveColors, resolveTheme, serializeTheme, structuralVars, themeToCss, themeToInlineStyle, toon, useColorScheme, usePalletContext, usePreset, useTheme, useThemeControls };