@glyphjs/runtime 0.6.0 → 0.7.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.
package/dist/index.cjs CHANGED
@@ -159,156 +159,296 @@ var PluginRegistry = class {
159
159
  }
160
160
  };
161
161
 
162
+ // src/theme/variables.ts
163
+ var LIGHT_THEME_VARS = {
164
+ // ── Core colors ────────────────────────────────────────────
165
+ "--glyph-bg": "transparent",
166
+ "--glyph-text": "#1a2035",
167
+ "--glyph-text-muted": "#6b7a94",
168
+ "--glyph-heading": "#0a0e1a",
169
+ "--glyph-link": "#0a9d7c",
170
+ "--glyph-link-hover": "#088a6c",
171
+ "--glyph-border": "#d0d8e4",
172
+ "--glyph-border-strong": "#a8b5c8",
173
+ "--glyph-surface": "#e8ecf3",
174
+ "--glyph-surface-raised": "#f4f6fa",
175
+ // ── Accent ─────────────────────────────────────────────────
176
+ "--glyph-accent": "#0a9d7c",
177
+ "--glyph-accent-hover": "#088a6c",
178
+ "--glyph-accent-subtle": "#e6f6f2",
179
+ "--glyph-accent-muted": "#b0ddd0",
180
+ // ── Code ───────────────────────────────────────────────────
181
+ "--glyph-code-bg": "#e8ecf3",
182
+ "--glyph-code-text": "#1a2035",
183
+ // ── Blockquote ─────────────────────────────────────────────
184
+ "--glyph-blockquote-border": "#0a9d7c",
185
+ "--glyph-blockquote-bg": "#e6f6f2",
186
+ // ── Typography ─────────────────────────────────────────────
187
+ "--glyph-font-body": '"Inter", "Helvetica Neue", system-ui, sans-serif',
188
+ "--glyph-font-heading": '"Inter", "Helvetica Neue", system-ui, sans-serif',
189
+ "--glyph-font-mono": 'ui-monospace, "Cascadia Code", "Fira Code", monospace',
190
+ // ── Spacing ────────────────────────────────────────────────
191
+ "--glyph-spacing-xs": "0.25rem",
192
+ "--glyph-spacing-sm": "0.5rem",
193
+ "--glyph-spacing-md": "1rem",
194
+ "--glyph-spacing-lg": "1.5rem",
195
+ "--glyph-spacing-xl": "2rem",
196
+ // ── Border radius ──────────────────────────────────────────
197
+ "--glyph-radius-sm": "0.375rem",
198
+ "--glyph-radius-md": "0.5rem",
199
+ "--glyph-radius-lg": "0.75rem",
200
+ // ── Callouts ───────────────────────────────────────────────
201
+ "--glyph-callout-info-bg": "#e6f2fa",
202
+ "--glyph-callout-info-border": "#38bdf8",
203
+ "--glyph-callout-warning-bg": "#fef3e2",
204
+ "--glyph-callout-warning-border": "#fb923c",
205
+ "--glyph-callout-error-bg": "#fde8e8",
206
+ "--glyph-callout-error-border": "#f87171",
207
+ "--glyph-callout-tip-bg": "#e6f6f0",
208
+ "--glyph-callout-tip-border": "#22c55e",
209
+ // ── Table ──────────────────────────────────────────────────
210
+ "--glyph-table-border": "#d0d8e4",
211
+ "--glyph-table-header-bg": "#e8ecf3",
212
+ // ── Grid / Tooltip ─────────────────────────────────────────
213
+ "--glyph-grid": "#d0d8e4",
214
+ "--glyph-tooltip-bg": "rgba(10, 14, 26, 0.9)",
215
+ "--glyph-tooltip-text": "#f4f6fa",
216
+ // ── Timeline ───────────────────────────────────────────────
217
+ "--glyph-timeline-line": "#d0d8e4",
218
+ // ── Effects ────────────────────────────────────────────────
219
+ "--glyph-shadow-sm": "0 1px 3px rgba(0,0,0,0.1)",
220
+ "--glyph-shadow-md": "0 4px 12px rgba(0,0,0,0.15)",
221
+ "--glyph-shadow-lg": "0 8px 30px rgba(0,0,0,0.2)",
222
+ "--glyph-shadow-glow": "none",
223
+ "--glyph-text-shadow": "none",
224
+ "--glyph-backdrop": "none",
225
+ "--glyph-gradient-accent": "linear-gradient(135deg, #0a9d7c, #22c55e)",
226
+ "--glyph-transition": "0.2s ease",
227
+ "--glyph-opacity-muted": "0.7",
228
+ "--glyph-opacity-disabled": "0.4",
229
+ "--glyph-focus-ring": "0 0 0 2px #0a9d7c",
230
+ // ── SVG / Data Visualization ───────────────────────────────
231
+ "--glyph-node-fill-opacity": "0.85",
232
+ "--glyph-node-radius": "3",
233
+ "--glyph-node-stroke-width": "1.5",
234
+ "--glyph-node-label-color": "#fff",
235
+ "--glyph-edge-color": "#a8b5c8",
236
+ "--glyph-icon-stroke": "#fff",
237
+ "--glyph-icon-stroke-width": "1.5",
238
+ // ── KPI ────────────────────────────────────────────────────
239
+ "--glyph-kpi-positive": "#16a34a",
240
+ "--glyph-kpi-negative": "#dc2626",
241
+ "--glyph-kpi-neutral": "#6b7a94",
242
+ // ── Comparison ─────────────────────────────────────────────
243
+ "--glyph-comparison-yes": "#16a34a",
244
+ "--glyph-comparison-no": "#dc2626",
245
+ "--glyph-comparison-partial": "#d97706",
246
+ // ── CodeDiff ───────────────────────────────────────────────
247
+ "--glyph-codediff-add-bg": "rgba(22, 163, 106, 0.1)",
248
+ "--glyph-codediff-add-color": "#166534",
249
+ "--glyph-codediff-del-bg": "rgba(220, 38, 38, 0.1)",
250
+ "--glyph-codediff-del-color": "#991b1b",
251
+ "--glyph-codediff-gutter-bg": "#e8ecf3",
252
+ // ── Infographic ────────────────────────────────────────────
253
+ "--glyph-infographic-track": "#e0e4ea",
254
+ "--glyph-infographic-color-1": "#3b82f6",
255
+ "--glyph-infographic-color-2": "#22c55e",
256
+ "--glyph-infographic-color-3": "#f59e0b",
257
+ "--glyph-infographic-color-4": "#ef4444",
258
+ "--glyph-infographic-section-divider": "#d0d8e4",
259
+ "--glyph-infographic-star": "#f59e0b",
260
+ "--glyph-infographic-accent": "#3b82f6",
261
+ "--glyph-infographic-value-color": "#1d4ed8",
262
+ "--glyph-infographic-heading-color": "#1e293b",
263
+ "--glyph-infographic-label-color": "#475569",
264
+ "--glyph-infographic-desc-color": "#64748b",
265
+ "--glyph-infographic-section-bg": "rgba(255, 255, 255, 0.5)",
266
+ // ── Poll ───────────────────────────────────────────────────
267
+ "--glyph-poll-bar-bg": "#e8ecf3",
268
+ "--glyph-poll-bar-fill": "#0a9d7c",
269
+ // ── Rating ─────────────────────────────────────────────────
270
+ "--glyph-rating-star-fill": "#f59e0b",
271
+ "--glyph-rating-star-empty": "#d0d8e4",
272
+ "--glyph-rating-hover": "#fbbf24",
273
+ // ── Slider ─────────────────────────────────────────────────
274
+ "--glyph-slider-track": "#d0d8e4",
275
+ "--glyph-slider-fill": "#0a9d7c",
276
+ "--glyph-slider-thumb": "#0a9d7c",
277
+ // ── Kanban ─────────────────────────────────────────────────
278
+ "--glyph-kanban-column-bg": "#e8ecf3",
279
+ "--glyph-kanban-card-bg": "#f4f6fa",
280
+ "--glyph-kanban-card-border": "#d0d8e4",
281
+ "--glyph-kanban-drag-shadow": "0 4px 12px rgba(0,0,0,0.15)",
282
+ "--glyph-kanban-priority-high": "#dc2626",
283
+ "--glyph-kanban-priority-medium": "#f59e0b",
284
+ "--glyph-kanban-priority-low": "#22c55e",
285
+ // ── Annotate ───────────────────────────────────────────────
286
+ "--glyph-annotate-highlight-opacity": "0.3",
287
+ "--glyph-annotate-label-bg": "#f4f6fa",
288
+ "--glyph-annotate-sidebar-bg": "#e8ecf3",
289
+ // ── Form ───────────────────────────────────────────────────
290
+ "--glyph-form-error": "#dc2626",
291
+ // ── Interaction ────────────────────────────────────────────
292
+ "--glyph-interaction-overlay-bg": "rgba(244, 246, 250, 0.8)",
293
+ "--glyph-interaction-overlay-text": "#1a2035",
294
+ "--glyph-interaction-tooltip-bg": "rgba(26, 32, 53, 0.9)",
295
+ "--glyph-interaction-tooltip-text": "#f4f6fa",
296
+ "--glyph-interaction-active-border": "#0a9d7c"
297
+ };
298
+ var DARK_THEME_VARS = {
299
+ // ── Core colors ────────────────────────────────────────────
300
+ "--glyph-bg": "#0a0e1a",
301
+ "--glyph-text": "#d4dae3",
302
+ "--glyph-text-muted": "#6b7a94",
303
+ "--glyph-heading": "#edf0f5",
304
+ "--glyph-link": "#00d4aa",
305
+ "--glyph-link-hover": "#33e0be",
306
+ "--glyph-border": "#1a2035",
307
+ "--glyph-border-strong": "#2a3550",
308
+ "--glyph-surface": "#0f1526",
309
+ "--glyph-surface-raised": "#162038",
310
+ // ── Accent ─────────────────────────────────────────────────
311
+ "--glyph-accent": "#00d4aa",
312
+ "--glyph-accent-hover": "#33e0be",
313
+ "--glyph-accent-subtle": "#0a1a1a",
314
+ "--glyph-accent-muted": "#1a4a3a",
315
+ // ── Code ───────────────────────────────────────────────────
316
+ "--glyph-code-bg": "#0f1526",
317
+ "--glyph-code-text": "#d4dae3",
318
+ // ── Blockquote ─────────────────────────────────────────────
319
+ "--glyph-blockquote-border": "#00d4aa",
320
+ "--glyph-blockquote-bg": "#0a1a1a",
321
+ // ── Typography ─────────────────────────────────────────────
322
+ "--glyph-font-body": '"Inter", "Helvetica Neue", system-ui, sans-serif',
323
+ "--glyph-font-heading": '"Inter", "Helvetica Neue", system-ui, sans-serif',
324
+ "--glyph-font-mono": 'ui-monospace, "Cascadia Code", "Fira Code", monospace',
325
+ // ── Spacing ────────────────────────────────────────────────
326
+ "--glyph-spacing-xs": "0.25rem",
327
+ "--glyph-spacing-sm": "0.5rem",
328
+ "--glyph-spacing-md": "1rem",
329
+ "--glyph-spacing-lg": "1.5rem",
330
+ "--glyph-spacing-xl": "2rem",
331
+ // ── Border radius ──────────────────────────────────────────
332
+ "--glyph-radius-sm": "0.375rem",
333
+ "--glyph-radius-md": "0.5rem",
334
+ "--glyph-radius-lg": "0.75rem",
335
+ // ── Callouts ───────────────────────────────────────────────
336
+ "--glyph-callout-info-bg": "#0a1526",
337
+ "--glyph-callout-info-border": "#38bdf8",
338
+ "--glyph-callout-warning-bg": "#1a1608",
339
+ "--glyph-callout-warning-border": "#fb923c",
340
+ "--glyph-callout-error-bg": "#1f0e0e",
341
+ "--glyph-callout-error-border": "#f87171",
342
+ "--glyph-callout-tip-bg": "#0a1a14",
343
+ "--glyph-callout-tip-border": "#22c55e",
344
+ // ── Table ──────────────────────────────────────────────────
345
+ "--glyph-table-border": "#1a2035",
346
+ "--glyph-table-header-bg": "#0f1526",
347
+ "--glyph-table-header-color": "#d4dae3",
348
+ "--glyph-table-row-alt-bg": "#121a2c",
349
+ "--glyph-table-cell-color": "#d4dae3",
350
+ "--glyph-table-footer-bg": "#0f1526",
351
+ "--glyph-table-footer-color": "#d4dae3",
352
+ // ── Grid / Tooltip ─────────────────────────────────────────
353
+ "--glyph-grid": "#1a2035",
354
+ "--glyph-tooltip-bg": "rgba(0, 0, 0, 0.9)",
355
+ "--glyph-tooltip-text": "#d4dae3",
356
+ // ── Timeline ───────────────────────────────────────────────
357
+ "--glyph-timeline-line": "#2a3550",
358
+ // ── Effects ────────────────────────────────────────────────
359
+ "--glyph-shadow-sm": "0 1px 3px rgba(0,0,0,0.4)",
360
+ "--glyph-shadow-md": "0 4px 12px rgba(0,0,0,0.5)",
361
+ "--glyph-shadow-lg": "0 8px 30px rgba(0,0,0,0.6)",
362
+ "--glyph-shadow-glow": "0 0 15px rgba(0,212,170,0.3)",
363
+ "--glyph-text-shadow": "none",
364
+ "--glyph-backdrop": "none",
365
+ "--glyph-gradient-accent": "linear-gradient(135deg, #00d4aa, #00e5ff)",
366
+ "--glyph-transition": "0.2s ease",
367
+ "--glyph-opacity-muted": "0.7",
368
+ "--glyph-opacity-disabled": "0.4",
369
+ "--glyph-focus-ring": "0 0 0 2px #00d4aa",
370
+ // ── SVG / Data Visualization ───────────────────────────────
371
+ "--glyph-node-fill-opacity": "0.85",
372
+ "--glyph-node-radius": "3",
373
+ "--glyph-node-stroke-width": "1.5",
374
+ "--glyph-node-label-color": "#fff",
375
+ "--glyph-edge-color": "#6b7a94",
376
+ "--glyph-icon-stroke": "#fff",
377
+ "--glyph-icon-stroke-width": "1.5",
378
+ // ── KPI ────────────────────────────────────────────────────
379
+ "--glyph-kpi-positive": "#22c55e",
380
+ "--glyph-kpi-negative": "#f87171",
381
+ "--glyph-kpi-neutral": "#6b7a94",
382
+ // ── Comparison ─────────────────────────────────────────────
383
+ "--glyph-comparison-yes": "#22c55e",
384
+ "--glyph-comparison-no": "#f87171",
385
+ "--glyph-comparison-partial": "#fbbf24",
386
+ // ── CodeDiff ───────────────────────────────────────────────
387
+ "--glyph-codediff-add-bg": "rgba(34, 197, 94, 0.15)",
388
+ "--glyph-codediff-add-color": "#86efac",
389
+ "--glyph-codediff-del-bg": "rgba(248, 113, 113, 0.15)",
390
+ "--glyph-codediff-del-color": "#fca5a5",
391
+ "--glyph-codediff-gutter-bg": "#0f1526",
392
+ // ── Infographic ────────────────────────────────────────────
393
+ "--glyph-infographic-track": "#2a3550",
394
+ "--glyph-infographic-color-1": "#60a5fa",
395
+ "--glyph-infographic-color-2": "#4ade80",
396
+ "--glyph-infographic-color-3": "#fbbf24",
397
+ "--glyph-infographic-color-4": "#f87171",
398
+ "--glyph-infographic-section-divider": "#1a2035",
399
+ "--glyph-infographic-star": "#fbbf24",
400
+ "--glyph-infographic-accent": "#60a5fa",
401
+ "--glyph-infographic-value-color": "#93c5fd",
402
+ "--glyph-infographic-heading-color": "#e2e8f0",
403
+ "--glyph-infographic-label-color": "#94a3b8",
404
+ "--glyph-infographic-desc-color": "#64748b",
405
+ "--glyph-infographic-section-bg": "rgba(255, 255, 255, 0.03)",
406
+ // ── Poll ───────────────────────────────────────────────────
407
+ "--glyph-poll-bar-bg": "#1a2035",
408
+ "--glyph-poll-bar-fill": "#00d4aa",
409
+ // ── Rating ─────────────────────────────────────────────────
410
+ "--glyph-rating-star-fill": "#fbbf24",
411
+ "--glyph-rating-star-empty": "#2a3550",
412
+ "--glyph-rating-hover": "#fcd34d",
413
+ // ── Slider ─────────────────────────────────────────────────
414
+ "--glyph-slider-track": "#1a2035",
415
+ "--glyph-slider-fill": "#00d4aa",
416
+ "--glyph-slider-thumb": "#00d4aa",
417
+ // ── Kanban ─────────────────────────────────────────────────
418
+ "--glyph-kanban-column-bg": "#0f1526",
419
+ "--glyph-kanban-card-bg": "#162038",
420
+ "--glyph-kanban-card-border": "#1a2035",
421
+ "--glyph-kanban-drag-shadow": "0 4px 12px rgba(0,0,0,0.5)",
422
+ "--glyph-kanban-priority-high": "#f87171",
423
+ "--glyph-kanban-priority-medium": "#fbbf24",
424
+ "--glyph-kanban-priority-low": "#4ade80",
425
+ // ── Annotate ───────────────────────────────────────────────
426
+ "--glyph-annotate-highlight-opacity": "0.3",
427
+ "--glyph-annotate-label-bg": "#162038",
428
+ "--glyph-annotate-sidebar-bg": "#0f1526",
429
+ // ── Form ───────────────────────────────────────────────────
430
+ "--glyph-form-error": "#f87171",
431
+ // ── Interaction ────────────────────────────────────────────
432
+ "--glyph-interaction-overlay-bg": "rgba(10, 14, 26, 0.8)",
433
+ "--glyph-interaction-overlay-text": "#d4dae3",
434
+ "--glyph-interaction-tooltip-bg": "rgba(0, 0, 0, 0.9)",
435
+ "--glyph-interaction-tooltip-text": "#d4dae3",
436
+ "--glyph-interaction-active-border": "#00d4aa"
437
+ };
438
+ function themeVarsToCSS(vars) {
439
+ return Object.entries(vars).map(([key, value]) => `${key}: ${value}`).join("; ");
440
+ }
441
+
162
442
  // src/theme/light.ts
163
443
  var lightTheme = {
164
444
  name: "light",
165
- variables: {
166
- // Colors
167
- "--glyph-bg": "#f4f6fa",
168
- "--glyph-text": "#1a2035",
169
- "--glyph-text-muted": "#6b7a94",
170
- "--glyph-heading": "#0a0e1a",
171
- "--glyph-link": "#0a9d7c",
172
- "--glyph-link-hover": "#088a6c",
173
- "--glyph-border": "#d0d8e4",
174
- "--glyph-border-strong": "#a8b5c8",
175
- "--glyph-surface": "#e8ecf3",
176
- "--glyph-surface-raised": "#f4f6fa",
177
- // Accent
178
- "--glyph-accent": "#0a9d7c",
179
- "--glyph-accent-hover": "#088a6c",
180
- "--glyph-accent-subtle": "#e6f6f2",
181
- "--glyph-accent-muted": "#b0ddd0",
182
- // Code
183
- "--glyph-code-bg": "#e8ecf3",
184
- "--glyph-code-text": "#1a2035",
185
- // Blockquote
186
- "--glyph-blockquote-border": "#0a9d7c",
187
- "--glyph-blockquote-bg": "#e6f6f2",
188
- // Grid / Tooltip
189
- "--glyph-grid": "#d0d8e4",
190
- "--glyph-tooltip-bg": "rgba(10, 14, 26, 0.9)",
191
- "--glyph-tooltip-text": "#f4f6fa",
192
- // Callouts
193
- "--glyph-callout-info-bg": "#e6f2fa",
194
- "--glyph-callout-info-border": "#38bdf8",
195
- "--glyph-callout-warning-bg": "#fef3e2",
196
- "--glyph-callout-warning-border": "#fb923c",
197
- "--glyph-callout-error-bg": "#fde8e8",
198
- "--glyph-callout-error-border": "#f87171",
199
- "--glyph-callout-tip-bg": "#e6f6f0",
200
- "--glyph-callout-tip-border": "#22c55e",
201
- // Spacing
202
- "--glyph-spacing-xs": "0.25rem",
203
- "--glyph-spacing-sm": "0.5rem",
204
- "--glyph-spacing-md": "1rem",
205
- "--glyph-spacing-lg": "1.5rem",
206
- "--glyph-spacing-xl": "2rem",
207
- // Typography
208
- "--glyph-font-body": '"Inter", "Helvetica Neue", system-ui, sans-serif',
209
- "--glyph-font-heading": '"Inter", "Helvetica Neue", system-ui, sans-serif',
210
- "--glyph-font-mono": 'ui-monospace, "Cascadia Code", "Fira Code", monospace',
211
- // Border radius
212
- "--glyph-radius-sm": "0.375rem",
213
- "--glyph-radius-md": "0.5rem",
214
- "--glyph-radius-lg": "0.75rem",
215
- // Effects
216
- "--glyph-shadow-sm": "0 1px 3px rgba(0,0,0,0.1)",
217
- "--glyph-shadow-md": "0 4px 12px rgba(0,0,0,0.15)",
218
- "--glyph-shadow-lg": "0 8px 30px rgba(0,0,0,0.2)",
219
- "--glyph-shadow-glow": "none",
220
- "--glyph-text-shadow": "none",
221
- "--glyph-backdrop": "none",
222
- "--glyph-gradient-accent": "linear-gradient(135deg, #0a9d7c, #22c55e)",
223
- "--glyph-transition": "0.2s ease",
224
- "--glyph-opacity-muted": "0.7",
225
- "--glyph-opacity-disabled": "0.4",
226
- "--glyph-focus-ring": "0 0 0 2px #0a9d7c",
227
- // SVG / Data Visualization
228
- "--glyph-node-fill-opacity": "0.85",
229
- "--glyph-node-radius": "3",
230
- "--glyph-node-stroke-width": "1.5",
231
- "--glyph-node-label-color": "#fff",
232
- "--glyph-edge-color": "#a8b5c8",
233
- "--glyph-icon-stroke": "#fff",
234
- "--glyph-icon-stroke-width": "1.5"
235
- }
445
+ variables: LIGHT_THEME_VARS
236
446
  };
237
447
 
238
448
  // src/theme/dark.ts
239
449
  var darkTheme = {
240
450
  name: "dark",
241
- variables: {
242
- // Colors
243
- "--glyph-bg": "#0a0e1a",
244
- "--glyph-text": "#d4dae3",
245
- "--glyph-text-muted": "#6b7a94",
246
- "--glyph-heading": "#edf0f5",
247
- "--glyph-link": "#00d4aa",
248
- "--glyph-link-hover": "#33e0be",
249
- "--glyph-border": "#1a2035",
250
- "--glyph-border-strong": "#2a3550",
251
- "--glyph-surface": "#0f1526",
252
- "--glyph-surface-raised": "#162038",
253
- // Accent
254
- "--glyph-accent": "#00d4aa",
255
- "--glyph-accent-hover": "#33e0be",
256
- "--glyph-accent-subtle": "#0a1a1a",
257
- "--glyph-accent-muted": "#1a4a3a",
258
- // Code
259
- "--glyph-code-bg": "#0f1526",
260
- "--glyph-code-text": "#d4dae3",
261
- // Blockquote
262
- "--glyph-blockquote-border": "#00d4aa",
263
- "--glyph-blockquote-bg": "#0a1a1a",
264
- // Grid / Tooltip
265
- "--glyph-grid": "#1a2035",
266
- "--glyph-tooltip-bg": "rgba(0, 0, 0, 0.9)",
267
- "--glyph-tooltip-text": "#d4dae3",
268
- // Callouts
269
- "--glyph-callout-info-bg": "#0a1526",
270
- "--glyph-callout-info-border": "#38bdf8",
271
- "--glyph-callout-warning-bg": "#1a1608",
272
- "--glyph-callout-warning-border": "#fb923c",
273
- "--glyph-callout-error-bg": "#1f0e0e",
274
- "--glyph-callout-error-border": "#f87171",
275
- "--glyph-callout-tip-bg": "#0a1a14",
276
- "--glyph-callout-tip-border": "#22c55e",
277
- // Spacing (same as light — spacing is mode-independent)
278
- "--glyph-spacing-xs": "0.25rem",
279
- "--glyph-spacing-sm": "0.5rem",
280
- "--glyph-spacing-md": "1rem",
281
- "--glyph-spacing-lg": "1.5rem",
282
- "--glyph-spacing-xl": "2rem",
283
- // Typography (same as light — font stacks are mode-independent)
284
- "--glyph-font-body": '"Inter", "Helvetica Neue", system-ui, sans-serif',
285
- "--glyph-font-heading": '"Inter", "Helvetica Neue", system-ui, sans-serif',
286
- "--glyph-font-mono": 'ui-monospace, "Cascadia Code", "Fira Code", monospace',
287
- // Border radius
288
- "--glyph-radius-sm": "0.375rem",
289
- "--glyph-radius-md": "0.5rem",
290
- "--glyph-radius-lg": "0.75rem",
291
- // Effects
292
- "--glyph-shadow-sm": "0 1px 3px rgba(0,0,0,0.4)",
293
- "--glyph-shadow-md": "0 4px 12px rgba(0,0,0,0.5)",
294
- "--glyph-shadow-lg": "0 8px 30px rgba(0,0,0,0.6)",
295
- "--glyph-shadow-glow": "0 0 15px rgba(0,212,170,0.3)",
296
- "--glyph-text-shadow": "none",
297
- "--glyph-backdrop": "none",
298
- "--glyph-gradient-accent": "linear-gradient(135deg, #00d4aa, #00e5ff)",
299
- "--glyph-transition": "0.2s ease",
300
- "--glyph-opacity-muted": "0.7",
301
- "--glyph-opacity-disabled": "0.4",
302
- "--glyph-focus-ring": "0 0 0 2px #00d4aa",
303
- // SVG / Data Visualization
304
- "--glyph-node-fill-opacity": "0.85",
305
- "--glyph-node-radius": "3",
306
- "--glyph-node-stroke-width": "1.5",
307
- "--glyph-node-label-color": "#fff",
308
- "--glyph-edge-color": "#6b7a94",
309
- "--glyph-icon-stroke": "#fff",
310
- "--glyph-icon-stroke-width": "1.5"
311
- }
451
+ variables: DARK_THEME_VARS
312
452
  };
313
453
 
314
454
  // src/theme/resolve.ts
@@ -1760,6 +1900,7 @@ exports.BlockDiagnosticIndicator = BlockDiagnosticIndicator;
1760
1900
  exports.BlockRenderer = BlockRenderer;
1761
1901
  exports.ComponentRegistry = PluginRegistry;
1762
1902
  exports.ContainerMeasure = ContainerMeasure;
1903
+ exports.DARK_THEME_VARS = DARK_THEME_VARS;
1763
1904
  exports.DashboardLayout = DashboardLayout;
1764
1905
  exports.DiagnosticsOverlay = DiagnosticsOverlay;
1765
1906
  exports.DocumentLayout = DocumentLayout;
@@ -1775,6 +1916,7 @@ exports.GlyphParagraph = GlyphParagraph;
1775
1916
  exports.GlyphRawHtml = GlyphRawHtml;
1776
1917
  exports.GlyphThematicBreak = GlyphThematicBreak;
1777
1918
  exports.InlineRenderer = InlineRenderer;
1919
+ exports.LIGHT_THEME_VARS = LIGHT_THEME_VARS;
1778
1920
  exports.LayoutProvider = LayoutProvider;
1779
1921
  exports.PluginRegistry = PluginRegistry;
1780
1922
  exports.PresentationLayout = PresentationLayout;
@@ -1794,6 +1936,7 @@ exports.mergeThemeDefaults = mergeThemeDefaults;
1794
1936
  exports.resolveComponentProps = resolveComponentProps;
1795
1937
  exports.resolveTheme = resolveTheme;
1796
1938
  exports.resolveTier = resolveTier;
1939
+ exports.themeVarsToCSS = themeVarsToCSS;
1797
1940
  exports.useAnimation = useAnimation;
1798
1941
  exports.useBlockAnimation = useBlockAnimation;
1799
1942
  exports.useGlyphTheme = useGlyphTheme;