@floegence/floe-webapp-core 0.52.13 → 0.53.1

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 (41) hide show
  1. package/dist/components/chat/ChatProvider.js +31 -30
  2. package/dist/components/chat/hooks/useAttachments.js +27 -26
  3. package/dist/components/chat/hooks/useCodeDiff.js +24 -23
  4. package/dist/components/chat/hooks/useCodeHighlight.js +21 -20
  5. package/dist/components/chat/hooks/useMarkdown.js +27 -26
  6. package/dist/components/chat/hooks/useMermaid.js +21 -20
  7. package/dist/components/layout/BottomBar.js +22 -22
  8. package/dist/components/layout/TopBar.js +7 -7
  9. package/dist/components/ui/Button.js +1 -1
  10. package/dist/components/ui/Card.js +1 -1
  11. package/dist/components/ui/Checkbox.js +69 -69
  12. package/dist/components/ui/CommandPalette.js +29 -30
  13. package/dist/components/ui/Dialog.js +1 -1
  14. package/dist/components/ui/Dropdown.js +36 -38
  15. package/dist/components/ui/FloatingWindow.js +2 -3
  16. package/dist/components/ui/Input.js +3 -3
  17. package/dist/components/ui/Radio.js +26 -26
  18. package/dist/components/ui/SegmentedControl.js +6 -6
  19. package/dist/components/ui/Tabs.js +43 -43
  20. package/dist/components/ui/floatingPresence.js +1 -1
  21. package/dist/components/workbench/workbenchHelpers.js +96 -96
  22. package/dist/context/ThemeContext.js +75 -65
  23. package/dist/floe.css +27 -55
  24. package/dist/full.js +61 -59
  25. package/dist/index.js +26 -24
  26. package/dist/styles/themes/classicSemanticTokens.d.ts +142 -0
  27. package/dist/styles/themes/classicSemanticTokens.js +100 -94
  28. package/dist/styles/themes/presets.d.ts +3 -1
  29. package/dist/styles/themes/presets.js +126 -63
  30. package/dist/styles/tokens.d.ts +252 -252
  31. package/dist/styles/tokens.js +165 -164
  32. package/dist/styles.css +1 -1
  33. package/dist/surface.css +17 -42
  34. package/dist/themes/dark.css +41 -95
  35. package/dist/themes/light.css +43 -95
  36. package/dist/themes/shell-presets.generated.css +146 -4
  37. package/dist/utils/index.d.ts +1 -0
  38. package/dist/utils/secureRandom.d.ts +2 -0
  39. package/dist/utils/secureRandom.js +11 -0
  40. package/dist/utils/secureRandom.test.d.ts +1 -0
  41. package/package.json +1 -1
package/dist/styles/tokens.d.ts CHANGED
@@ -58,7 +58,7 @@ export declare const floeSharedCssVariables: {
58
58
  readonly '--floe-space-6': "1.5rem";
59
59
  readonly '--floe-radius-control': "0.375rem";
60
60
  readonly '--floe-radius-group': "0.5rem";
61
- readonly '--floe-radius-floating': "0.625rem";
61
+ readonly '--floe-radius-floating': "12px";
62
62
  };
63
63
  export declare const floeColorTokenCategories: readonly [{
64
64
  readonly name: "Base Colors";
@@ -66,62 +66,62 @@ export declare const floeColorTokenCategories: readonly [{
66
66
  readonly tokens: readonly [{
67
67
  readonly name: "Background";
68
68
  readonly variable: "--background";
69
- readonly lightValue: "hsl(34 24% 94%)";
70
- readonly darkValue: "hsl(222 30% 8%)";
69
+ readonly lightValue: string;
70
+ readonly darkValue: string;
71
71
  readonly description: "Main application background color.";
72
72
  }, {
73
73
  readonly name: "Foreground";
74
74
  readonly variable: "--foreground";
75
- readonly lightValue: "hsl(214 26% 17%)";
76
- readonly darkValue: "hsl(210 20% 98%)";
75
+ readonly lightValue: string;
76
+ readonly darkValue: string;
77
77
  readonly description: "Default foreground color for body text.";
78
78
  }, {
79
79
  readonly name: "Primary";
80
80
  readonly variable: "--primary";
81
- readonly lightValue: "hsl(214 26% 17%)";
82
- readonly darkValue: "hsl(210 20% 98%)";
81
+ readonly lightValue: string;
82
+ readonly darkValue: string;
83
83
  readonly description: "Primary interactive color used by buttons and emphasis.";
84
84
  }, {
85
85
  readonly name: "Primary Foreground";
86
86
  readonly variable: "--primary-foreground";
87
- readonly lightValue: "hsl(36 100% 99%)";
88
- readonly darkValue: "hsl(222 30% 10%)";
87
+ readonly lightValue: string;
88
+ readonly darkValue: string;
89
89
  readonly description: "Foreground color used on primary surfaces.";
90
90
  }, {
91
91
  readonly name: "Secondary";
92
92
  readonly variable: "--secondary";
93
- readonly lightValue: "hsl(36 15% 94%)";
94
- readonly darkValue: "hsl(220 18% 15%)";
93
+ readonly lightValue: string;
94
+ readonly darkValue: string;
95
95
  readonly description: "Secondary surface color for lower-emphasis blocks.";
96
96
  }, {
97
97
  readonly name: "Secondary Foreground";
98
98
  readonly variable: "--secondary-foreground";
99
- readonly lightValue: "hsl(214 25% 25%)";
100
- readonly darkValue: "hsl(210 20% 98%)";
99
+ readonly lightValue: string;
100
+ readonly darkValue: string;
101
101
  readonly description: "Foreground color used on secondary surfaces.";
102
102
  }, {
103
103
  readonly name: "Muted";
104
104
  readonly variable: "--muted";
105
- readonly lightValue: "hsl(36 15% 94%)";
106
- readonly darkValue: "hsl(220 16% 16%)";
105
+ readonly lightValue: string;
106
+ readonly darkValue: string;
107
107
  readonly description: "Muted surface color for subtle containers and fills.";
108
108
  }, {
109
109
  readonly name: "Muted Foreground";
110
110
  readonly variable: "--muted-foreground";
111
- readonly lightValue: "hsl(215 16% 42%)";
112
- readonly darkValue: "hsl(215 16% 56%)";
111
+ readonly lightValue: string;
112
+ readonly darkValue: string;
113
113
  readonly description: "Secondary text color for supporting copy.";
114
114
  }, {
115
115
  readonly name: "Accent";
116
116
  readonly variable: "--accent";
117
- readonly lightValue: "hsl(34 9% 85%)";
118
- readonly darkValue: "hsl(220 14% 19%)";
117
+ readonly lightValue: string;
118
+ readonly darkValue: string;
119
119
  readonly description: "Accent surface for hover states and light emphasis.";
120
120
  }, {
121
121
  readonly name: "Accent Foreground";
122
122
  readonly variable: "--accent-foreground";
123
- readonly lightValue: "hsl(214 26% 17%)";
124
- readonly darkValue: "hsl(210 20% 98%)";
123
+ readonly lightValue: string;
124
+ readonly darkValue: string;
125
125
  readonly description: "Foreground color used on accent surfaces.";
126
126
  }];
127
127
  }, {
@@ -130,44 +130,44 @@ export declare const floeColorTokenCategories: readonly [{
130
130
  readonly tokens: readonly [{
131
131
  readonly name: "Card";
132
132
  readonly variable: "--card";
133
- readonly lightValue: "hsl(36 100% 99%)";
134
- readonly darkValue: "hsl(220 20% 13%)";
133
+ readonly lightValue: string;
134
+ readonly darkValue: string;
135
135
  readonly description: "Card background surface.";
136
136
  }, {
137
137
  readonly name: "Card Foreground";
138
138
  readonly variable: "--card-foreground";
139
- readonly lightValue: "hsl(214 26% 17%)";
140
- readonly darkValue: "hsl(210 20% 98%)";
139
+ readonly lightValue: string;
140
+ readonly darkValue: string;
141
141
  readonly description: "Foreground color used on card surfaces.";
142
142
  }, {
143
143
  readonly name: "Popover";
144
144
  readonly variable: "--popover";
145
- readonly lightValue: "hsl(36 100% 99%)";
146
- readonly darkValue: "hsl(220 18% 15%)";
145
+ readonly lightValue: string;
146
+ readonly darkValue: string;
147
147
  readonly description: "Popover and floating panel background.";
148
148
  }, {
149
149
  readonly name: "Popover Foreground";
150
150
  readonly variable: "--popover-foreground";
151
- readonly lightValue: "hsl(214 26% 17%)";
152
- readonly darkValue: "hsl(210 20% 98%)";
151
+ readonly lightValue: string;
152
+ readonly darkValue: string;
153
153
  readonly description: "Foreground color used on popovers.";
154
154
  }, {
155
155
  readonly name: "Border";
156
156
  readonly variable: "--border";
157
- readonly lightValue: "hsl(35 13% 82%)";
158
- readonly darkValue: "hsl(220 16% 20%)";
157
+ readonly lightValue: string;
158
+ readonly darkValue: string;
159
159
  readonly description: "Default border color.";
160
160
  }, {
161
161
  readonly name: "Input";
162
162
  readonly variable: "--input";
163
- readonly lightValue: "hsl(37 15% 76%)";
164
- readonly darkValue: "hsl(220 18% 15%)";
163
+ readonly lightValue: string;
164
+ readonly darkValue: string;
165
165
  readonly description: "Input border color.";
166
166
  }, {
167
167
  readonly name: "Ring";
168
168
  readonly variable: "--ring";
169
- readonly lightValue: "hsl(214 26% 17%)";
170
- readonly darkValue: "hsl(215 25% 70%)";
169
+ readonly lightValue: string;
170
+ readonly darkValue: string;
171
171
  readonly description: "Focus ring color.";
172
172
  }];
173
173
  }, {
@@ -176,50 +176,50 @@ export declare const floeColorTokenCategories: readonly [{
176
176
  readonly tokens: readonly [{
177
177
  readonly name: "Success";
178
178
  readonly variable: "--success";
179
- readonly lightValue: "oklch(0.68 0.16 150)";
180
- readonly darkValue: "oklch(0.72 0.19 150)";
179
+ readonly lightValue: string;
180
+ readonly darkValue: string;
181
181
  readonly description: "Success state color.";
182
182
  }, {
183
183
  readonly name: "Success Foreground";
184
184
  readonly variable: "--success-foreground";
185
- readonly lightValue: "hsl(0 0% 100%)";
186
- readonly darkValue: "hsl(222 30% 10%)";
185
+ readonly lightValue: string;
186
+ readonly darkValue: string;
187
187
  readonly description: "Foreground color used on success surfaces.";
188
188
  }, {
189
189
  readonly name: "Warning";
190
190
  readonly variable: "--warning";
191
- readonly lightValue: "hsl(38 92% 50%)";
192
- readonly darkValue: "oklch(0.82 0.16 80)";
191
+ readonly lightValue: string;
192
+ readonly darkValue: string;
193
193
  readonly description: "Warning state color.";
194
194
  }, {
195
195
  readonly name: "Warning Foreground";
196
196
  readonly variable: "--warning-foreground";
197
- readonly lightValue: "hsl(214 26% 17%)";
198
- readonly darkValue: "hsl(222 30% 10%)";
197
+ readonly lightValue: string;
198
+ readonly darkValue: string;
199
199
  readonly description: "Foreground color used on warning surfaces.";
200
200
  }, {
201
201
  readonly name: "Error";
202
202
  readonly variable: "--error";
203
- readonly lightValue: "oklch(0.65 0.2 25)";
204
- readonly darkValue: "oklch(0.7 0.22 25)";
203
+ readonly lightValue: string;
204
+ readonly darkValue: string;
205
205
  readonly description: "Error state color.";
206
206
  }, {
207
207
  readonly name: "Error Foreground";
208
208
  readonly variable: "--error-foreground";
209
- readonly lightValue: "hsl(0 0% 100%)";
210
- readonly darkValue: "hsl(0 0% 100%)";
209
+ readonly lightValue: string;
210
+ readonly darkValue: string;
211
211
  readonly description: "Foreground color used on error surfaces.";
212
212
  }, {
213
213
  readonly name: "Info";
214
214
  readonly variable: "--info";
215
- readonly lightValue: "hsl(217 91% 60%)";
216
- readonly darkValue: "oklch(0.7 0.15 250)";
215
+ readonly lightValue: string;
216
+ readonly darkValue: string;
217
217
  readonly description: "Informational state color.";
218
218
  }, {
219
219
  readonly name: "Info Foreground";
220
220
  readonly variable: "--info-foreground";
221
- readonly lightValue: "hsl(0 0% 100%)";
222
- readonly darkValue: "hsl(0 0% 100%)";
221
+ readonly lightValue: string;
222
+ readonly darkValue: string;
223
223
  readonly description: "Foreground color used on info surfaces.";
224
224
  }];
225
225
  }, {
@@ -228,38 +228,38 @@ export declare const floeColorTokenCategories: readonly [{
228
228
  readonly tokens: readonly [{
229
229
  readonly name: "Highlight Block Info Accent";
230
230
  readonly variable: "--highlight-block-info-accent";
231
- readonly lightValue: "oklch(0.52 0.14 245)";
232
- readonly darkValue: "oklch(0.62 0.12 240)";
231
+ readonly lightValue: string;
232
+ readonly darkValue: string;
233
233
  readonly description: "Info accent used by HighlightBlock surfaces and borders.";
234
234
  }, {
235
235
  readonly name: "Highlight Block Warning Accent";
236
236
  readonly variable: "--highlight-block-warning-accent";
237
- readonly lightValue: "oklch(0.62 0.16 65)";
238
- readonly darkValue: "oklch(0.7 0.14 65)";
237
+ readonly lightValue: string;
238
+ readonly darkValue: string;
239
239
  readonly description: "Warning accent used by HighlightBlock surfaces and borders.";
240
240
  }, {
241
241
  readonly name: "Highlight Block Success Accent";
242
242
  readonly variable: "--highlight-block-success-accent";
243
- readonly lightValue: "oklch(0.55 0.14 155)";
244
- readonly darkValue: "oklch(0.62 0.12 155)";
243
+ readonly lightValue: string;
244
+ readonly darkValue: string;
245
245
  readonly description: "Success accent used by HighlightBlock surfaces and borders.";
246
246
  }, {
247
247
  readonly name: "Highlight Block Error Accent";
248
248
  readonly variable: "--highlight-block-error-accent";
249
- readonly lightValue: "oklch(0.55 0.16 25)";
250
- readonly darkValue: "oklch(0.6 0.14 25)";
249
+ readonly lightValue: string;
250
+ readonly darkValue: string;
251
251
  readonly description: "Error accent used by HighlightBlock surfaces and borders.";
252
252
  }, {
253
253
  readonly name: "Highlight Block Note Accent";
254
254
  readonly variable: "--highlight-block-note-accent";
255
- readonly lightValue: "oklch(0.52 0.16 285)";
256
- readonly darkValue: "oklch(0.62 0.14 285)";
255
+ readonly lightValue: string;
256
+ readonly darkValue: string;
257
257
  readonly description: "Note accent used by HighlightBlock surfaces and borders.";
258
258
  }, {
259
259
  readonly name: "Highlight Block Tip Accent";
260
260
  readonly variable: "--highlight-block-tip-accent";
261
- readonly lightValue: "oklch(0.52 0.12 175)";
262
- readonly darkValue: "oklch(0.6 0.1 175)";
261
+ readonly lightValue: string;
262
+ readonly darkValue: string;
263
263
  readonly description: "Tip accent used by HighlightBlock surfaces and borders.";
264
264
  }];
265
265
  }, {
@@ -268,32 +268,32 @@ export declare const floeColorTokenCategories: readonly [{
268
268
  readonly tokens: readonly [{
269
269
  readonly name: "Chrome Border";
270
270
  readonly variable: "--chrome-border";
271
- readonly lightValue: "hsl(33 11% 84%)";
272
- readonly darkValue: "hsl(220 16% 13%)";
271
+ readonly lightValue: string;
272
+ readonly darkValue: string;
273
273
  readonly description: "Default shared shell divider color.";
274
274
  }, {
275
275
  readonly name: "Top Bar Border";
276
276
  readonly variable: "--top-bar-border";
277
- readonly lightValue: "var(--chrome-border)";
278
- readonly darkValue: "var(--chrome-border)";
277
+ readonly lightValue: string;
278
+ readonly darkValue: string;
279
279
  readonly description: "Top bar divider color.";
280
280
  }, {
281
281
  readonly name: "Activity Bar Border";
282
282
  readonly variable: "--activity-bar-border";
283
- readonly lightValue: "var(--chrome-border)";
284
- readonly darkValue: "var(--chrome-border)";
283
+ readonly lightValue: string;
284
+ readonly darkValue: string;
285
285
  readonly description: "Activity bar divider color.";
286
286
  }, {
287
287
  readonly name: "Bottom Bar Border";
288
288
  readonly variable: "--bottom-bar-border";
289
- readonly lightValue: "var(--chrome-border)";
290
- readonly darkValue: "var(--chrome-border)";
289
+ readonly lightValue: string;
290
+ readonly darkValue: string;
291
291
  readonly description: "Bottom bar divider color.";
292
292
  }, {
293
293
  readonly name: "Terminal Panel Border";
294
294
  readonly variable: "--terminal-panel-border";
295
- readonly lightValue: "var(--chrome-border)";
296
- readonly darkValue: "var(--chrome-border)";
295
+ readonly lightValue: string;
296
+ readonly darkValue: string;
297
297
  readonly description: "Terminal panel divider color.";
298
298
  }];
299
299
  }, {
@@ -302,50 +302,50 @@ export declare const floeColorTokenCategories: readonly [{
302
302
  readonly tokens: readonly [{
303
303
  readonly name: "Sidebar";
304
304
  readonly variable: "--sidebar";
305
- readonly lightValue: "hsl(34 13% 90%)";
306
- readonly darkValue: "hsl(221 22% 11%)";
305
+ readonly lightValue: string;
306
+ readonly darkValue: string;
307
307
  readonly description: "Sidebar background.";
308
308
  }, {
309
309
  readonly name: "Sidebar Foreground";
310
310
  readonly variable: "--sidebar-foreground";
311
- readonly lightValue: "hsl(214 26% 17%)";
312
- readonly darkValue: "hsl(210 20% 98%)";
311
+ readonly lightValue: string;
312
+ readonly darkValue: string;
313
313
  readonly description: "Sidebar foreground color.";
314
314
  }, {
315
315
  readonly name: "Sidebar Primary";
316
316
  readonly variable: "--sidebar-primary";
317
- readonly lightValue: "hsl(214 26% 17%)";
318
- readonly darkValue: "hsl(217 80% 55%)";
317
+ readonly lightValue: string;
318
+ readonly darkValue: string;
319
319
  readonly description: "Primary emphasis color inside the sidebar.";
320
320
  }, {
321
321
  readonly name: "Sidebar Primary Foreground";
322
322
  readonly variable: "--sidebar-primary-foreground";
323
- readonly lightValue: "hsl(36 100% 99%)";
324
- readonly darkValue: "hsl(0 0% 100%)";
323
+ readonly lightValue: string;
324
+ readonly darkValue: string;
325
325
  readonly description: "Foreground color used on sidebar primary surfaces.";
326
326
  }, {
327
327
  readonly name: "Sidebar Accent";
328
328
  readonly variable: "--sidebar-accent";
329
- readonly lightValue: "hsl(34 9% 84%)";
330
- readonly darkValue: "hsl(220 14% 19%)";
329
+ readonly lightValue: string;
330
+ readonly darkValue: string;
331
331
  readonly description: "Accent surface used for sidebar hover and active states.";
332
332
  }, {
333
333
  readonly name: "Sidebar Accent Foreground";
334
334
  readonly variable: "--sidebar-accent-foreground";
335
- readonly lightValue: "hsl(214 26% 17%)";
336
- readonly darkValue: "hsl(210 20% 98%)";
335
+ readonly lightValue: string;
336
+ readonly darkValue: string;
337
337
  readonly description: "Foreground color used on sidebar accent surfaces.";
338
338
  }, {
339
339
  readonly name: "Sidebar Border";
340
340
  readonly variable: "--sidebar-border";
341
- readonly lightValue: "hsl(33 9% 82%)";
342
- readonly darkValue: "hsl(220 16% 13%)";
341
+ readonly lightValue: string;
342
+ readonly darkValue: string;
343
343
  readonly description: "Sidebar inner border color.";
344
344
  }, {
345
345
  readonly name: "Sidebar Ring";
346
346
  readonly variable: "--sidebar-ring";
347
- readonly lightValue: "hsl(214 26% 17%)";
348
- readonly darkValue: "hsl(217 80% 55%)";
347
+ readonly lightValue: string;
348
+ readonly darkValue: string;
349
349
  readonly description: "Focus ring color for sidebar elements.";
350
350
  }];
351
351
  }, {
@@ -354,32 +354,32 @@ export declare const floeColorTokenCategories: readonly [{
354
354
  readonly tokens: readonly [{
355
355
  readonly name: "Activity Bar";
356
356
  readonly variable: "--activity-bar";
357
- readonly lightValue: "hsl(34 11% 90%)";
358
- readonly darkValue: "hsl(222 28% 7%)";
357
+ readonly lightValue: string;
358
+ readonly darkValue: string;
359
359
  readonly description: "Activity bar background.";
360
360
  }, {
361
361
  readonly name: "Activity Bar Foreground";
362
362
  readonly variable: "--activity-bar-foreground";
363
- readonly lightValue: "hsl(215 14% 46%)";
364
- readonly darkValue: "hsl(215 16% 50%)";
363
+ readonly lightValue: string;
364
+ readonly darkValue: string;
365
365
  readonly description: "Default activity bar icon color.";
366
366
  }, {
367
367
  readonly name: "Activity Bar Foreground Active";
368
368
  readonly variable: "--activity-bar-foreground-active";
369
- readonly lightValue: "hsl(214 26% 17%)";
370
- readonly darkValue: "hsl(210 20% 96%)";
369
+ readonly lightValue: string;
370
+ readonly darkValue: string;
371
371
  readonly description: "Active activity bar icon color.";
372
372
  }, {
373
373
  readonly name: "Activity Bar Badge";
374
374
  readonly variable: "--activity-bar-badge";
375
- readonly lightValue: "hsl(214 26% 17%)";
376
- readonly darkValue: "hsl(217 80% 55%)";
375
+ readonly lightValue: string;
376
+ readonly darkValue: string;
377
377
  readonly description: "Activity bar badge background.";
378
378
  }, {
379
379
  readonly name: "Activity Bar Badge Foreground";
380
380
  readonly variable: "--activity-bar-badge-foreground";
381
- readonly lightValue: "hsl(36 100% 99%)";
382
- readonly darkValue: "hsl(0 0% 100%)";
381
+ readonly lightValue: string;
382
+ readonly darkValue: string;
383
383
  readonly description: "Activity bar badge foreground.";
384
384
  }];
385
385
  }, {
@@ -388,14 +388,14 @@ export declare const floeColorTokenCategories: readonly [{
388
388
  readonly tokens: readonly [{
389
389
  readonly name: "Terminal Background";
390
390
  readonly variable: "--terminal-background";
391
- readonly lightValue: "hsl(214 26% 17%)";
392
- readonly darkValue: "hsl(222 32% 7%)";
391
+ readonly lightValue: string;
392
+ readonly darkValue: string;
393
393
  readonly description: "Integrated terminal background.";
394
394
  }, {
395
395
  readonly name: "Terminal Foreground";
396
396
  readonly variable: "--terminal-foreground";
397
- readonly lightValue: "hsl(0 0% 92%)";
398
- readonly darkValue: "hsl(210 15% 92%)";
397
+ readonly lightValue: string;
398
+ readonly darkValue: string;
399
399
  readonly description: "Integrated terminal foreground color.";
400
400
  }];
401
401
  }, {
@@ -404,32 +404,32 @@ export declare const floeColorTokenCategories: readonly [{
404
404
  readonly tokens: readonly [{
405
405
  readonly name: "Chart 1";
406
406
  readonly variable: "--chart-1";
407
- readonly lightValue: "hsl(214 26% 17%)";
408
- readonly darkValue: "hsl(210 20% 98%)";
407
+ readonly lightValue: string;
408
+ readonly darkValue: string;
409
409
  readonly description: "Primary chart series color.";
410
410
  }, {
411
411
  readonly name: "Chart 2";
412
412
  readonly variable: "--chart-2";
413
- readonly lightValue: "hsl(215 16% 42%)";
414
- readonly darkValue: "hsl(215 20% 60%)";
413
+ readonly lightValue: string;
414
+ readonly darkValue: string;
415
415
  readonly description: "Secondary chart series color.";
416
416
  }, {
417
417
  readonly name: "Chart 3";
418
418
  readonly variable: "--chart-3";
419
- readonly lightValue: "hsl(217 91% 60%)";
420
- readonly darkValue: "oklch(0.7 0.15 250)";
419
+ readonly lightValue: string;
420
+ readonly darkValue: string;
421
421
  readonly description: "Tertiary chart series color.";
422
422
  }, {
423
423
  readonly name: "Chart 4";
424
424
  readonly variable: "--chart-4";
425
- readonly lightValue: "oklch(0.68 0.16 150)";
426
- readonly darkValue: "oklch(0.72 0.19 150)";
425
+ readonly lightValue: string;
426
+ readonly darkValue: string;
427
427
  readonly description: "Quaternary chart series color.";
428
428
  }, {
429
429
  readonly name: "Chart 5";
430
430
  readonly variable: "--chart-5";
431
- readonly lightValue: "hsl(38 92% 50%)";
432
- readonly darkValue: "oklch(0.82 0.16 80)";
431
+ readonly lightValue: string;
432
+ readonly darkValue: string;
433
433
  readonly description: "Quinary chart series color.";
434
434
  }];
435
435
  }, {
@@ -438,38 +438,38 @@ export declare const floeColorTokenCategories: readonly [{
438
438
  readonly tokens: readonly [{
439
439
  readonly name: "Selection Background";
440
440
  readonly variable: "--selection-bg";
441
- readonly lightValue: "hsl(217 91% 60%)";
442
- readonly darkValue: "hsl(215 70% 50%)";
441
+ readonly lightValue: string;
442
+ readonly darkValue: string;
443
443
  readonly description: "Default text selection background.";
444
444
  }, {
445
445
  readonly name: "Selection Foreground";
446
446
  readonly variable: "--selection-fg";
447
- readonly lightValue: "hsl(0 0% 100%)";
448
- readonly darkValue: "hsl(0 0% 100%)";
447
+ readonly lightValue: string;
448
+ readonly darkValue: string;
449
449
  readonly description: "Default text selection foreground.";
450
450
  }, {
451
451
  readonly name: "Selection On Primary Background";
452
452
  readonly variable: "--selection-on-primary-bg";
453
- readonly lightValue: "hsl(38 92% 50%)";
454
- readonly darkValue: "hsl(215 80% 35%)";
453
+ readonly lightValue: string;
454
+ readonly darkValue: string;
455
455
  readonly description: "Selection background for text rendered on primary surfaces.";
456
456
  }, {
457
457
  readonly name: "Selection On Primary Foreground";
458
458
  readonly variable: "--selection-on-primary-fg";
459
- readonly lightValue: "hsl(214 26% 17%)";
460
- readonly darkValue: "hsl(0 0% 100%)";
459
+ readonly lightValue: string;
460
+ readonly darkValue: string;
461
461
  readonly description: "Selection foreground for text rendered on primary surfaces.";
462
462
  }, {
463
463
  readonly name: "Code Selection Background";
464
464
  readonly variable: "--selection-code-bg";
465
- readonly lightValue: "hsl(212 100% 67%)";
466
- readonly darkValue: "hsl(212 100% 67%)";
465
+ readonly lightValue: string;
466
+ readonly darkValue: string;
467
467
  readonly description: "Selection background for code surfaces.";
468
468
  }, {
469
469
  readonly name: "Code Selection Foreground";
470
470
  readonly variable: "--selection-code-fg";
471
- readonly lightValue: "hsl(220 20% 8%)";
472
- readonly darkValue: "hsl(220 20% 8%)";
471
+ readonly lightValue: string;
472
+ readonly darkValue: string;
473
473
  readonly description: "Selection foreground for code surfaces.";
474
474
  }];
475
475
  }];
@@ -662,7 +662,7 @@ export declare const floeSurfaceTokens: readonly [{
662
662
  }, {
663
663
  readonly variable: "--floe-surface-shadow-floating";
664
664
  readonly role: "floating";
665
- readonly fallback: "0 8px 18px -8px var(--floe-surface-shade), inset 0 1px 1px var(--floe-surface-highlight)";
665
+ readonly fallback: "var(--floe-window-shadow)";
666
666
  }, {
667
667
  readonly variable: "--floe-surface-shadow-interacting";
668
668
  readonly role: "interacting";
@@ -675,62 +675,62 @@ export declare const floeDesignTokens: {
675
675
  readonly tokens: readonly [{
676
676
  readonly name: "Background";
677
677
  readonly variable: "--background";
678
- readonly lightValue: "hsl(34 24% 94%)";
679
- readonly darkValue: "hsl(222 30% 8%)";
678
+ readonly lightValue: string;
679
+ readonly darkValue: string;
680
680
  readonly description: "Main application background color.";
681
681
  }, {
682
682
  readonly name: "Foreground";
683
683
  readonly variable: "--foreground";
684
- readonly lightValue: "hsl(214 26% 17%)";
685
- readonly darkValue: "hsl(210 20% 98%)";
684
+ readonly lightValue: string;
685
+ readonly darkValue: string;
686
686
  readonly description: "Default foreground color for body text.";
687
687
  }, {
688
688
  readonly name: "Primary";
689
689
  readonly variable: "--primary";
690
- readonly lightValue: "hsl(214 26% 17%)";
691
- readonly darkValue: "hsl(210 20% 98%)";
690
+ readonly lightValue: string;
691
+ readonly darkValue: string;
692
692
  readonly description: "Primary interactive color used by buttons and emphasis.";
693
693
  }, {
694
694
  readonly name: "Primary Foreground";
695
695
  readonly variable: "--primary-foreground";
696
- readonly lightValue: "hsl(36 100% 99%)";
697
- readonly darkValue: "hsl(222 30% 10%)";
696
+ readonly lightValue: string;
697
+ readonly darkValue: string;
698
698
  readonly description: "Foreground color used on primary surfaces.";
699
699
  }, {
700
700
  readonly name: "Secondary";
701
701
  readonly variable: "--secondary";
702
- readonly lightValue: "hsl(36 15% 94%)";
703
- readonly darkValue: "hsl(220 18% 15%)";
702
+ readonly lightValue: string;
703
+ readonly darkValue: string;
704
704
  readonly description: "Secondary surface color for lower-emphasis blocks.";
705
705
  }, {
706
706
  readonly name: "Secondary Foreground";
707
707
  readonly variable: "--secondary-foreground";
708
- readonly lightValue: "hsl(214 25% 25%)";
709
- readonly darkValue: "hsl(210 20% 98%)";
708
+ readonly lightValue: string;
709
+ readonly darkValue: string;
710
710
  readonly description: "Foreground color used on secondary surfaces.";
711
711
  }, {
712
712
  readonly name: "Muted";
713
713
  readonly variable: "--muted";
714
- readonly lightValue: "hsl(36 15% 94%)";
715
- readonly darkValue: "hsl(220 16% 16%)";
714
+ readonly lightValue: string;
715
+ readonly darkValue: string;
716
716
  readonly description: "Muted surface color for subtle containers and fills.";
717
717
  }, {
718
718
  readonly name: "Muted Foreground";
719
719
  readonly variable: "--muted-foreground";
720
- readonly lightValue: "hsl(215 16% 42%)";
721
- readonly darkValue: "hsl(215 16% 56%)";
720
+ readonly lightValue: string;
721
+ readonly darkValue: string;
722
722
  readonly description: "Secondary text color for supporting copy.";
723
723
  }, {
724
724
  readonly name: "Accent";
725
725
  readonly variable: "--accent";
726
- readonly lightValue: "hsl(34 9% 85%)";
727
- readonly darkValue: "hsl(220 14% 19%)";
726
+ readonly lightValue: string;
727
+ readonly darkValue: string;
728
728
  readonly description: "Accent surface for hover states and light emphasis.";
729
729
  }, {
730
730
  readonly name: "Accent Foreground";
731
731
  readonly variable: "--accent-foreground";
732
- readonly lightValue: "hsl(214 26% 17%)";
733
- readonly darkValue: "hsl(210 20% 98%)";
732
+ readonly lightValue: string;
733
+ readonly darkValue: string;
734
734
  readonly description: "Foreground color used on accent surfaces.";
735
735
  }];
736
736
  }, {
@@ -739,44 +739,44 @@ export declare const floeDesignTokens: {
739
739
  readonly tokens: readonly [{
740
740
  readonly name: "Card";
741
741
  readonly variable: "--card";
742
- readonly lightValue: "hsl(36 100% 99%)";
743
- readonly darkValue: "hsl(220 20% 13%)";
742
+ readonly lightValue: string;
743
+ readonly darkValue: string;
744
744
  readonly description: "Card background surface.";
745
745
  }, {
746
746
  readonly name: "Card Foreground";
747
747
  readonly variable: "--card-foreground";
748
- readonly lightValue: "hsl(214 26% 17%)";
749
- readonly darkValue: "hsl(210 20% 98%)";
748
+ readonly lightValue: string;
749
+ readonly darkValue: string;
750
750
  readonly description: "Foreground color used on card surfaces.";
751
751
  }, {
752
752
  readonly name: "Popover";
753
753
  readonly variable: "--popover";
754
- readonly lightValue: "hsl(36 100% 99%)";
755
- readonly darkValue: "hsl(220 18% 15%)";
754
+ readonly lightValue: string;
755
+ readonly darkValue: string;
756
756
  readonly description: "Popover and floating panel background.";
757
757
  }, {
758
758
  readonly name: "Popover Foreground";
759
759
  readonly variable: "--popover-foreground";
760
- readonly lightValue: "hsl(214 26% 17%)";
761
- readonly darkValue: "hsl(210 20% 98%)";
760
+ readonly lightValue: string;
761
+ readonly darkValue: string;
762
762
  readonly description: "Foreground color used on popovers.";
763
763
  }, {
764
764
  readonly name: "Border";
765
765
  readonly variable: "--border";
766
- readonly lightValue: "hsl(35 13% 82%)";
767
- readonly darkValue: "hsl(220 16% 20%)";
766
+ readonly lightValue: string;
767
+ readonly darkValue: string;
768
768
  readonly description: "Default border color.";
769
769
  }, {
770
770
  readonly name: "Input";
771
771
  readonly variable: "--input";
772
- readonly lightValue: "hsl(37 15% 76%)";
773
- readonly darkValue: "hsl(220 18% 15%)";
772
+ readonly lightValue: string;
773
+ readonly darkValue: string;
774
774
  readonly description: "Input border color.";
775
775
  }, {
776
776
  readonly name: "Ring";
777
777
  readonly variable: "--ring";
778
- readonly lightValue: "hsl(214 26% 17%)";
779
- readonly darkValue: "hsl(215 25% 70%)";
778
+ readonly lightValue: string;
779
+ readonly darkValue: string;
780
780
  readonly description: "Focus ring color.";
781
781
  }];
782
782
  }, {
@@ -785,50 +785,50 @@ export declare const floeDesignTokens: {
785
785
  readonly tokens: readonly [{
786
786
  readonly name: "Success";
787
787
  readonly variable: "--success";
788
- readonly lightValue: "oklch(0.68 0.16 150)";
789
- readonly darkValue: "oklch(0.72 0.19 150)";
788
+ readonly lightValue: string;
789
+ readonly darkValue: string;
790
790
  readonly description: "Success state color.";
791
791
  }, {
792
792
  readonly name: "Success Foreground";
793
793
  readonly variable: "--success-foreground";
794
- readonly lightValue: "hsl(0 0% 100%)";
795
- readonly darkValue: "hsl(222 30% 10%)";
794
+ readonly lightValue: string;
795
+ readonly darkValue: string;
796
796
  readonly description: "Foreground color used on success surfaces.";
797
797
  }, {
798
798
  readonly name: "Warning";
799
799
  readonly variable: "--warning";
800
- readonly lightValue: "hsl(38 92% 50%)";
801
- readonly darkValue: "oklch(0.82 0.16 80)";
800
+ readonly lightValue: string;
801
+ readonly darkValue: string;
802
802
  readonly description: "Warning state color.";
803
803
  }, {
804
804
  readonly name: "Warning Foreground";
805
805
  readonly variable: "--warning-foreground";
806
- readonly lightValue: "hsl(214 26% 17%)";
807
- readonly darkValue: "hsl(222 30% 10%)";
806
+ readonly lightValue: string;
807
+ readonly darkValue: string;
808
808
  readonly description: "Foreground color used on warning surfaces.";
809
809
  }, {
810
810
  readonly name: "Error";
811
811
  readonly variable: "--error";
812
- readonly lightValue: "oklch(0.65 0.2 25)";
813
- readonly darkValue: "oklch(0.7 0.22 25)";
812
+ readonly lightValue: string;
813
+ readonly darkValue: string;
814
814
  readonly description: "Error state color.";
815
815
  }, {
816
816
  readonly name: "Error Foreground";
817
817
  readonly variable: "--error-foreground";
818
- readonly lightValue: "hsl(0 0% 100%)";
819
- readonly darkValue: "hsl(0 0% 100%)";
818
+ readonly lightValue: string;
819
+ readonly darkValue: string;
820
820
  readonly description: "Foreground color used on error surfaces.";
821
821
  }, {
822
822
  readonly name: "Info";
823
823
  readonly variable: "--info";
824
- readonly lightValue: "hsl(217 91% 60%)";
825
- readonly darkValue: "oklch(0.7 0.15 250)";
824
+ readonly lightValue: string;
825
+ readonly darkValue: string;
826
826
  readonly description: "Informational state color.";
827
827
  }, {
828
828
  readonly name: "Info Foreground";
829
829
  readonly variable: "--info-foreground";
830
- readonly lightValue: "hsl(0 0% 100%)";
831
- readonly darkValue: "hsl(0 0% 100%)";
830
+ readonly lightValue: string;
831
+ readonly darkValue: string;
832
832
  readonly description: "Foreground color used on info surfaces.";
833
833
  }];
834
834
  }, {
@@ -837,38 +837,38 @@ export declare const floeDesignTokens: {
837
837
  readonly tokens: readonly [{
838
838
  readonly name: "Highlight Block Info Accent";
839
839
  readonly variable: "--highlight-block-info-accent";
840
- readonly lightValue: "oklch(0.52 0.14 245)";
841
- readonly darkValue: "oklch(0.62 0.12 240)";
840
+ readonly lightValue: string;
841
+ readonly darkValue: string;
842
842
  readonly description: "Info accent used by HighlightBlock surfaces and borders.";
843
843
  }, {
844
844
  readonly name: "Highlight Block Warning Accent";
845
845
  readonly variable: "--highlight-block-warning-accent";
846
- readonly lightValue: "oklch(0.62 0.16 65)";
847
- readonly darkValue: "oklch(0.7 0.14 65)";
846
+ readonly lightValue: string;
847
+ readonly darkValue: string;
848
848
  readonly description: "Warning accent used by HighlightBlock surfaces and borders.";
849
849
  }, {
850
850
  readonly name: "Highlight Block Success Accent";
851
851
  readonly variable: "--highlight-block-success-accent";
852
- readonly lightValue: "oklch(0.55 0.14 155)";
853
- readonly darkValue: "oklch(0.62 0.12 155)";
852
+ readonly lightValue: string;
853
+ readonly darkValue: string;
854
854
  readonly description: "Success accent used by HighlightBlock surfaces and borders.";
855
855
  }, {
856
856
  readonly name: "Highlight Block Error Accent";
857
857
  readonly variable: "--highlight-block-error-accent";
858
- readonly lightValue: "oklch(0.55 0.16 25)";
859
- readonly darkValue: "oklch(0.6 0.14 25)";
858
+ readonly lightValue: string;
859
+ readonly darkValue: string;
860
860
  readonly description: "Error accent used by HighlightBlock surfaces and borders.";
861
861
  }, {
862
862
  readonly name: "Highlight Block Note Accent";
863
863
  readonly variable: "--highlight-block-note-accent";
864
- readonly lightValue: "oklch(0.52 0.16 285)";
865
- readonly darkValue: "oklch(0.62 0.14 285)";
864
+ readonly lightValue: string;
865
+ readonly darkValue: string;
866
866
  readonly description: "Note accent used by HighlightBlock surfaces and borders.";
867
867
  }, {
868
868
  readonly name: "Highlight Block Tip Accent";
869
869
  readonly variable: "--highlight-block-tip-accent";
870
- readonly lightValue: "oklch(0.52 0.12 175)";
871
- readonly darkValue: "oklch(0.6 0.1 175)";
870
+ readonly lightValue: string;
871
+ readonly darkValue: string;
872
872
  readonly description: "Tip accent used by HighlightBlock surfaces and borders.";
873
873
  }];
874
874
  }, {
@@ -877,32 +877,32 @@ export declare const floeDesignTokens: {
877
877
  readonly tokens: readonly [{
878
878
  readonly name: "Chrome Border";
879
879
  readonly variable: "--chrome-border";
880
- readonly lightValue: "hsl(33 11% 84%)";
881
- readonly darkValue: "hsl(220 16% 13%)";
880
+ readonly lightValue: string;
881
+ readonly darkValue: string;
882
882
  readonly description: "Default shared shell divider color.";
883
883
  }, {
884
884
  readonly name: "Top Bar Border";
885
885
  readonly variable: "--top-bar-border";
886
- readonly lightValue: "var(--chrome-border)";
887
- readonly darkValue: "var(--chrome-border)";
886
+ readonly lightValue: string;
887
+ readonly darkValue: string;
888
888
  readonly description: "Top bar divider color.";
889
889
  }, {
890
890
  readonly name: "Activity Bar Border";
891
891
  readonly variable: "--activity-bar-border";
892
- readonly lightValue: "var(--chrome-border)";
893
- readonly darkValue: "var(--chrome-border)";
892
+ readonly lightValue: string;
893
+ readonly darkValue: string;
894
894
  readonly description: "Activity bar divider color.";
895
895
  }, {
896
896
  readonly name: "Bottom Bar Border";
897
897
  readonly variable: "--bottom-bar-border";
898
- readonly lightValue: "var(--chrome-border)";
899
- readonly darkValue: "var(--chrome-border)";
898
+ readonly lightValue: string;
899
+ readonly darkValue: string;
900
900
  readonly description: "Bottom bar divider color.";
901
901
  }, {
902
902
  readonly name: "Terminal Panel Border";
903
903
  readonly variable: "--terminal-panel-border";
904
- readonly lightValue: "var(--chrome-border)";
905
- readonly darkValue: "var(--chrome-border)";
904
+ readonly lightValue: string;
905
+ readonly darkValue: string;
906
906
  readonly description: "Terminal panel divider color.";
907
907
  }];
908
908
  }, {
@@ -911,50 +911,50 @@ export declare const floeDesignTokens: {
911
911
  readonly tokens: readonly [{
912
912
  readonly name: "Sidebar";
913
913
  readonly variable: "--sidebar";
914
- readonly lightValue: "hsl(34 13% 90%)";
915
- readonly darkValue: "hsl(221 22% 11%)";
914
+ readonly lightValue: string;
915
+ readonly darkValue: string;
916
916
  readonly description: "Sidebar background.";
917
917
  }, {
918
918
  readonly name: "Sidebar Foreground";
919
919
  readonly variable: "--sidebar-foreground";
920
- readonly lightValue: "hsl(214 26% 17%)";
921
- readonly darkValue: "hsl(210 20% 98%)";
920
+ readonly lightValue: string;
921
+ readonly darkValue: string;
922
922
  readonly description: "Sidebar foreground color.";
923
923
  }, {
924
924
  readonly name: "Sidebar Primary";
925
925
  readonly variable: "--sidebar-primary";
926
- readonly lightValue: "hsl(214 26% 17%)";
927
- readonly darkValue: "hsl(217 80% 55%)";
926
+ readonly lightValue: string;
927
+ readonly darkValue: string;
928
928
  readonly description: "Primary emphasis color inside the sidebar.";
929
929
  }, {
930
930
  readonly name: "Sidebar Primary Foreground";
931
931
  readonly variable: "--sidebar-primary-foreground";
932
- readonly lightValue: "hsl(36 100% 99%)";
933
- readonly darkValue: "hsl(0 0% 100%)";
932
+ readonly lightValue: string;
933
+ readonly darkValue: string;
934
934
  readonly description: "Foreground color used on sidebar primary surfaces.";
935
935
  }, {
936
936
  readonly name: "Sidebar Accent";
937
937
  readonly variable: "--sidebar-accent";
938
- readonly lightValue: "hsl(34 9% 84%)";
939
- readonly darkValue: "hsl(220 14% 19%)";
938
+ readonly lightValue: string;
939
+ readonly darkValue: string;
940
940
  readonly description: "Accent surface used for sidebar hover and active states.";
941
941
  }, {
942
942
  readonly name: "Sidebar Accent Foreground";
943
943
  readonly variable: "--sidebar-accent-foreground";
944
- readonly lightValue: "hsl(214 26% 17%)";
945
- readonly darkValue: "hsl(210 20% 98%)";
944
+ readonly lightValue: string;
945
+ readonly darkValue: string;
946
946
  readonly description: "Foreground color used on sidebar accent surfaces.";
947
947
  }, {
948
948
  readonly name: "Sidebar Border";
949
949
  readonly variable: "--sidebar-border";
950
- readonly lightValue: "hsl(33 9% 82%)";
951
- readonly darkValue: "hsl(220 16% 13%)";
950
+ readonly lightValue: string;
951
+ readonly darkValue: string;
952
952
  readonly description: "Sidebar inner border color.";
953
953
  }, {
954
954
  readonly name: "Sidebar Ring";
955
955
  readonly variable: "--sidebar-ring";
956
- readonly lightValue: "hsl(214 26% 17%)";
957
- readonly darkValue: "hsl(217 80% 55%)";
956
+ readonly lightValue: string;
957
+ readonly darkValue: string;
958
958
  readonly description: "Focus ring color for sidebar elements.";
959
959
  }];
960
960
  }, {
@@ -963,32 +963,32 @@ export declare const floeDesignTokens: {
963
963
  readonly tokens: readonly [{
964
964
  readonly name: "Activity Bar";
965
965
  readonly variable: "--activity-bar";
966
- readonly lightValue: "hsl(34 11% 90%)";
967
- readonly darkValue: "hsl(222 28% 7%)";
966
+ readonly lightValue: string;
967
+ readonly darkValue: string;
968
968
  readonly description: "Activity bar background.";
969
969
  }, {
970
970
  readonly name: "Activity Bar Foreground";
971
971
  readonly variable: "--activity-bar-foreground";
972
- readonly lightValue: "hsl(215 14% 46%)";
973
- readonly darkValue: "hsl(215 16% 50%)";
972
+ readonly lightValue: string;
973
+ readonly darkValue: string;
974
974
  readonly description: "Default activity bar icon color.";
975
975
  }, {
976
976
  readonly name: "Activity Bar Foreground Active";
977
977
  readonly variable: "--activity-bar-foreground-active";
978
- readonly lightValue: "hsl(214 26% 17%)";
979
- readonly darkValue: "hsl(210 20% 96%)";
978
+ readonly lightValue: string;
979
+ readonly darkValue: string;
980
980
  readonly description: "Active activity bar icon color.";
981
981
  }, {
982
982
  readonly name: "Activity Bar Badge";
983
983
  readonly variable: "--activity-bar-badge";
984
- readonly lightValue: "hsl(214 26% 17%)";
985
- readonly darkValue: "hsl(217 80% 55%)";
984
+ readonly lightValue: string;
985
+ readonly darkValue: string;
986
986
  readonly description: "Activity bar badge background.";
987
987
  }, {
988
988
  readonly name: "Activity Bar Badge Foreground";
989
989
  readonly variable: "--activity-bar-badge-foreground";
990
- readonly lightValue: "hsl(36 100% 99%)";
991
- readonly darkValue: "hsl(0 0% 100%)";
990
+ readonly lightValue: string;
991
+ readonly darkValue: string;
992
992
  readonly description: "Activity bar badge foreground.";
993
993
  }];
994
994
  }, {
@@ -997,14 +997,14 @@ export declare const floeDesignTokens: {
997
997
  readonly tokens: readonly [{
998
998
  readonly name: "Terminal Background";
999
999
  readonly variable: "--terminal-background";
1000
- readonly lightValue: "hsl(214 26% 17%)";
1001
- readonly darkValue: "hsl(222 32% 7%)";
1000
+ readonly lightValue: string;
1001
+ readonly darkValue: string;
1002
1002
  readonly description: "Integrated terminal background.";
1003
1003
  }, {
1004
1004
  readonly name: "Terminal Foreground";
1005
1005
  readonly variable: "--terminal-foreground";
1006
- readonly lightValue: "hsl(0 0% 92%)";
1007
- readonly darkValue: "hsl(210 15% 92%)";
1006
+ readonly lightValue: string;
1007
+ readonly darkValue: string;
1008
1008
  readonly description: "Integrated terminal foreground color.";
1009
1009
  }];
1010
1010
  }, {
@@ -1013,32 +1013,32 @@ export declare const floeDesignTokens: {
1013
1013
  readonly tokens: readonly [{
1014
1014
  readonly name: "Chart 1";
1015
1015
  readonly variable: "--chart-1";
1016
- readonly lightValue: "hsl(214 26% 17%)";
1017
- readonly darkValue: "hsl(210 20% 98%)";
1016
+ readonly lightValue: string;
1017
+ readonly darkValue: string;
1018
1018
  readonly description: "Primary chart series color.";
1019
1019
  }, {
1020
1020
  readonly name: "Chart 2";
1021
1021
  readonly variable: "--chart-2";
1022
- readonly lightValue: "hsl(215 16% 42%)";
1023
- readonly darkValue: "hsl(215 20% 60%)";
1022
+ readonly lightValue: string;
1023
+ readonly darkValue: string;
1024
1024
  readonly description: "Secondary chart series color.";
1025
1025
  }, {
1026
1026
  readonly name: "Chart 3";
1027
1027
  readonly variable: "--chart-3";
1028
- readonly lightValue: "hsl(217 91% 60%)";
1029
- readonly darkValue: "oklch(0.7 0.15 250)";
1028
+ readonly lightValue: string;
1029
+ readonly darkValue: string;
1030
1030
  readonly description: "Tertiary chart series color.";
1031
1031
  }, {
1032
1032
  readonly name: "Chart 4";
1033
1033
  readonly variable: "--chart-4";
1034
- readonly lightValue: "oklch(0.68 0.16 150)";
1035
- readonly darkValue: "oklch(0.72 0.19 150)";
1034
+ readonly lightValue: string;
1035
+ readonly darkValue: string;
1036
1036
  readonly description: "Quaternary chart series color.";
1037
1037
  }, {
1038
1038
  readonly name: "Chart 5";
1039
1039
  readonly variable: "--chart-5";
1040
- readonly lightValue: "hsl(38 92% 50%)";
1041
- readonly darkValue: "oklch(0.82 0.16 80)";
1040
+ readonly lightValue: string;
1041
+ readonly darkValue: string;
1042
1042
  readonly description: "Quinary chart series color.";
1043
1043
  }];
1044
1044
  }, {
@@ -1047,38 +1047,38 @@ export declare const floeDesignTokens: {
1047
1047
  readonly tokens: readonly [{
1048
1048
  readonly name: "Selection Background";
1049
1049
  readonly variable: "--selection-bg";
1050
- readonly lightValue: "hsl(217 91% 60%)";
1051
- readonly darkValue: "hsl(215 70% 50%)";
1050
+ readonly lightValue: string;
1051
+ readonly darkValue: string;
1052
1052
  readonly description: "Default text selection background.";
1053
1053
  }, {
1054
1054
  readonly name: "Selection Foreground";
1055
1055
  readonly variable: "--selection-fg";
1056
- readonly lightValue: "hsl(0 0% 100%)";
1057
- readonly darkValue: "hsl(0 0% 100%)";
1056
+ readonly lightValue: string;
1057
+ readonly darkValue: string;
1058
1058
  readonly description: "Default text selection foreground.";
1059
1059
  }, {
1060
1060
  readonly name: "Selection On Primary Background";
1061
1061
  readonly variable: "--selection-on-primary-bg";
1062
- readonly lightValue: "hsl(38 92% 50%)";
1063
- readonly darkValue: "hsl(215 80% 35%)";
1062
+ readonly lightValue: string;
1063
+ readonly darkValue: string;
1064
1064
  readonly description: "Selection background for text rendered on primary surfaces.";
1065
1065
  }, {
1066
1066
  readonly name: "Selection On Primary Foreground";
1067
1067
  readonly variable: "--selection-on-primary-fg";
1068
- readonly lightValue: "hsl(214 26% 17%)";
1069
- readonly darkValue: "hsl(0 0% 100%)";
1068
+ readonly lightValue: string;
1069
+ readonly darkValue: string;
1070
1070
  readonly description: "Selection foreground for text rendered on primary surfaces.";
1071
1071
  }, {
1072
1072
  readonly name: "Code Selection Background";
1073
1073
  readonly variable: "--selection-code-bg";
1074
- readonly lightValue: "hsl(212 100% 67%)";
1075
- readonly darkValue: "hsl(212 100% 67%)";
1074
+ readonly lightValue: string;
1075
+ readonly darkValue: string;
1076
1076
  readonly description: "Selection background for code surfaces.";
1077
1077
  }, {
1078
1078
  readonly name: "Code Selection Foreground";
1079
1079
  readonly variable: "--selection-code-fg";
1080
- readonly lightValue: "hsl(220 20% 8%)";
1081
- readonly darkValue: "hsl(220 20% 8%)";
1080
+ readonly lightValue: string;
1081
+ readonly darkValue: string;
1082
1082
  readonly description: "Selection foreground for code surfaces.";
1083
1083
  }];
1084
1084
  }];
@@ -1268,7 +1268,7 @@ export declare const floeDesignTokens: {
1268
1268
  readonly '--floe-space-6': "1.5rem";
1269
1269
  readonly '--floe-radius-control': "0.375rem";
1270
1270
  readonly '--floe-radius-group': "0.5rem";
1271
- readonly '--floe-radius-floating': "0.625rem";
1271
+ readonly '--floe-radius-floating': "12px";
1272
1272
  };
1273
1273
  readonly surface: readonly [{
1274
1274
  readonly variable: "--floe-surface-shadow-raised";
@@ -1281,7 +1281,7 @@ export declare const floeDesignTokens: {
1281
1281
  }, {
1282
1282
  readonly variable: "--floe-surface-shadow-floating";
1283
1283
  readonly role: "floating";
1284
- readonly fallback: "0 8px 18px -8px var(--floe-surface-shade), inset 0 1px 1px var(--floe-surface-highlight)";
1284
+ readonly fallback: "var(--floe-window-shadow)";
1285
1285
  }, {
1286
1286
  readonly variable: "--floe-surface-shadow-interacting";
1287
1287
  readonly role: "interacting";