@hex-core/tokens 1.0.0 → 1.0.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/README.md +93 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -22,6 +22,99 @@ Or, more commonly, copy the CSS block from the [Theming guide](https://hex-core.
|
|
|
22
22
|
- Shadows (`--shadow-glow`)
|
|
23
23
|
- Container widths
|
|
24
24
|
|
|
25
|
+
## CSS variable namespaces
|
|
26
|
+
|
|
27
|
+
Tokens live in **two namespaces** depending on which layer is reading them. Knowing the contract avoids surprises when you author `globals.css`, override at runtime, or wire Tailwind v4.
|
|
28
|
+
|
|
29
|
+
### `--<key>` — raw values, key-only namespace (source of truth)
|
|
30
|
+
|
|
31
|
+
`themeToCss(theme)` emits CSS custom properties using the **raw value verbatim**, with no `hsl()` wrapper and no `--color-` prefix. The exact shape of the value depends on the token type — colors are stored as H S L triplets in the bundled themes, radii as lengths, durations as times, etc. `themeToCss` doesn't transform the value; it just writes it under `--<key>`.
|
|
32
|
+
|
|
33
|
+
```css
|
|
34
|
+
@layer base {
|
|
35
|
+
:root {
|
|
36
|
+
--background: 0 0% 100%; /* color, stored as triplet */
|
|
37
|
+
--foreground: 240 10% 3.9%;
|
|
38
|
+
--primary: 240 5.9% 10%;
|
|
39
|
+
--radius-md: 0.5rem; /* length */
|
|
40
|
+
--duration-fast: 150ms; /* time */
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.dark {
|
|
44
|
+
--background: 240 10% 3.9%;
|
|
45
|
+
--foreground: 0 0% 98%;
|
|
46
|
+
/* … */
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
**Why store colors as triplets:** alpha composition. `hsl(var(--background) / 0.5)` requires the var to hold `0 0% 100%`, not `hsl(0 0% 100%)`. Utilities like `bg-background/50` and ring/border opacity overrides depend on this — wrapping at the source forfeits them.
|
|
52
|
+
|
|
53
|
+
`themeToFlatJson()` shares this namespace (returns `Record<"--<key>", string>` for AI/LLM consumption).
|
|
54
|
+
|
|
55
|
+
### `--color-<key>` — Tailwind v4 `@theme` (consumption)
|
|
56
|
+
|
|
57
|
+
Tailwind v4's `@theme` directive demands a `--color-<key>` namespace to auto-generate utilities like `bg-background`, `text-foreground`, `border-input`. The docs site authors this layer **by hand** in `apps/docs/src/app/globals.css`:
|
|
58
|
+
|
|
59
|
+
```css
|
|
60
|
+
@theme {
|
|
61
|
+
--color-background: hsl(0 0% 100%);
|
|
62
|
+
--color-foreground: hsl(240 10% 3.9%);
|
|
63
|
+
--color-primary: hsl(240 5.9% 10%);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.dark {
|
|
67
|
+
--color-background: hsl(240 10% 3.9%);
|
|
68
|
+
/* … */
|
|
69
|
+
}
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
This shape has the `hsl()` wrapper and the `--color-` prefix — different from the raw layer.
|
|
73
|
+
|
|
74
|
+
### Bridging both layers (recommended for v4 consumers)
|
|
75
|
+
|
|
76
|
+
If you want **one source of truth** plus Tailwind v4 utilities, declare the raw values at `:root`/`.dark` and delegate from `@theme`:
|
|
77
|
+
|
|
78
|
+
```css
|
|
79
|
+
@theme {
|
|
80
|
+
--color-background: hsl(var(--background));
|
|
81
|
+
--color-foreground: hsl(var(--foreground));
|
|
82
|
+
/* … */
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
:root {
|
|
86
|
+
--background: 0 0% 100%;
|
|
87
|
+
--foreground: 240 10% 3.9%;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.dark {
|
|
91
|
+
--background: 240 10% 3.9%;
|
|
92
|
+
--foreground: 0 0% 98%;
|
|
93
|
+
}
|
|
94
|
+
```
|
|
95
|
+
|
|
96
|
+
Now your runtime overrides (`.theme-vivid { --background: 270 100% 95%; }`) only need to touch the raw layer — Tailwind utilities follow automatically because `@theme` resolves `var(--<key>)` at paint time.
|
|
97
|
+
|
|
98
|
+
> **Use plain `@theme`, not `@theme inline`.** The `inline` form substitutes the value at build time and would freeze the `var(--<key>)` lookup to whatever the variable resolved to during build, breaking the bridge. The non-color tokens in the docs site use `@theme inline` deliberately because they're static (radii, font sizes); colors stay in plain `@theme` so the cascade works.
|
|
99
|
+
|
|
100
|
+
The docs site itself doesn't bridge — it inlines `hsl(...)` directly in `@theme` and re-declares colors in `.dark`. That's intentional: the docs app never round-trips through `themeToCss`, so a separate raw layer would just be duplication. **Bridge when** you ship to v4 consumers AND you need them to override raw values in custom themes (`.theme-foo { --background: ... }`).
|
|
101
|
+
|
|
102
|
+
### Tailwind v3 helper
|
|
103
|
+
|
|
104
|
+
`themeToTailwindConfig(theme)` returns the same Tailwind layer for the **v3 config-file** style:
|
|
105
|
+
|
|
106
|
+
```ts
|
|
107
|
+
import { defaultTheme, themeToTailwindConfig } from "@hex-core/tokens";
|
|
108
|
+
|
|
109
|
+
export default {
|
|
110
|
+
theme: { extend: themeToTailwindConfig(defaultTheme) },
|
|
111
|
+
};
|
|
112
|
+
```
|
|
113
|
+
|
|
114
|
+
Output uses `hsl(var(--<key>))` references (no `--color-` prefix needed in v3).
|
|
115
|
+
|
|
116
|
+
> `generateGlobalsCss` is also Tailwind v3 — it wraps `themeToCss` output with `@tailwind base/components/utilities` directives. Don't use it inside a Tailwind v4 project.
|
|
117
|
+
|
|
25
118
|
## Overriding
|
|
26
119
|
|
|
27
120
|
Every token is a CSS custom property. Override on `:root` or inside `.dark` for per-theme overrides. See the [Theming guide](https://hex-core.dev/docs/theming) for examples (accent hue swap, custom palette, typography scale).
|
package/dist/index.d.ts
CHANGED
|
@@ -2,6 +2,13 @@ import { Theme } from '@hex-core/registry';
|
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* Transforms a theme's token set into CSS custom properties.
|
|
5
|
+
*
|
|
6
|
+
* Output uses the **raw `--<key>` namespace** — value verbatim, no `hsl()`
|
|
7
|
+
* wrapper, no `--color-` prefix. Colors land as triplets (e.g. `0 0% 100%`)
|
|
8
|
+
* to enable alpha composition like `hsl(var(--background) / 0.5)`. Consumers
|
|
9
|
+
* on Tailwind v4 also need a `@theme` block in the `--color-<key>` namespace;
|
|
10
|
+
* see the "CSS variable namespaces" section in ./README.md for the bridge.
|
|
11
|
+
*
|
|
5
12
|
* @param theme - The theme to transform
|
|
6
13
|
* @returns A CSS string with `:root` and `.dark` custom property declarations inside a `@layer base` block
|
|
7
14
|
*/
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/transformer.ts","../src/themes/shared.ts","../src/themes/default.ts","../src/themes/midnight.ts","../src/themes/ember.ts","../src/index.ts"],"sourcesContent":["import type { Theme } from \"@hex-core/registry\";\n\ninterface TokenLike {\n\tvalue: string;\n\ttype?: string;\n}\n\n/**\n * Extract the value string from a token-like object or primitive.\n * @param token - A token object with a `value` property, or a primitive\n * @returns The token's value as a string\n */\nfunction extractValue(token: unknown): string {\n\tif (typeof token === \"object\" && token !== null && \"value\" in token) {\n\t\treturn String((token as TokenLike).value);\n\t}\n\treturn String(token);\n}\n\n/**\n * Extract the type annotation from a token-like object.\n * @param token - A token object potentially containing a `type` property\n * @returns The token type string, or undefined if not present\n */\nfunction extractType(token: unknown): string | undefined {\n\tif (typeof token === \"object\" && token !== null && \"type\" in token) {\n\t\treturn (token as TokenLike).type;\n\t}\n\treturn undefined;\n}\n\n/**\n * Transforms a theme's token set into CSS custom properties.\n * @param theme - The theme to transform\n * @returns A CSS string with `:root` and `.dark` custom property declarations inside a `@layer base` block\n */\nexport function themeToCss(theme: Theme): string {\n\tconst lines: string[] = [];\n\n\tlines.push(\"@layer base {\");\n\tlines.push(\" :root {\");\n\tfor (const [key, token] of Object.entries(theme.tokens.light)) {\n\t\tlines.push(` --${key}: ${extractValue(token)};`);\n\t}\n\tlines.push(\" }\");\n\tlines.push(\"\");\n\tlines.push(\" .dark {\");\n\tfor (const [key, token] of Object.entries(theme.tokens.dark)) {\n\t\tlines.push(` --${key}: ${extractValue(token)};`);\n\t}\n\tlines.push(\" }\");\n\tlines.push(\"}\");\n\n\treturn lines.join(\"\\n\");\n}\n\n/**\n * Transforms a theme into a flat JSON map for AI consumption.\n * This is the most token-efficient format for LLMs.\n * @param theme - The theme to transform\n * @param mode - Color mode to extract tokens for (defaults to \"light\")\n * @returns A flat record mapping CSS variable names to their values\n */\nexport function themeToFlatJson(\n\ttheme: Theme,\n\tmode: \"light\" | \"dark\" = \"light\",\n): Record<string, string> {\n\tconst flat: Record<string, string> = {};\n\tconst tokens = mode === \"light\" ? theme.tokens.light : theme.tokens.dark;\n\n\tfor (const [key, token] of Object.entries(tokens)) {\n\t\tflat[`--${key}`] = extractValue(token);\n\t}\n\n\treturn flat;\n}\n\n/**\n * Transforms a theme into Tailwind CSS config extension.\n * @param theme - The theme to transform\n * @returns An object with maps for colors, borderRadius, spacing, fontSize,\n * transitionDuration, and height — suitable for Tailwind's `theme.extend`.\n */\nexport function themeToTailwindConfig(theme: Theme): Record<string, Record<string, string>> {\n\tconst colors: Record<string, string> = {};\n\tconst borderRadius: Record<string, string> = {};\n\tconst spacing: Record<string, string> = {};\n\tconst fontSize: Record<string, string> = {};\n\tconst transitionDuration: Record<string, string> = {};\n\tconst height: Record<string, string> = {};\n\n\tfor (const [key, token] of Object.entries(theme.tokens.light)) {\n\t\tconst type = extractType(token);\n\t\tif (!type) continue;\n\n\t\tif (type === \"color\") {\n\t\t\tcolors[key] = `hsl(var(--${key}))`;\n\t\t} else if (type === \"radius\") {\n\t\t\tborderRadius[key] = `var(--${key})`;\n\t\t} else if (type === \"spacing\") {\n\t\t\t// Strip \"space-\" / \"gap-\" prefix for cleaner Tailwind usage (e.g. `p-4` vs `p-space-4`).\n\t\t\tconst stripped = key.replace(/^(space-|gap-)/, \"\");\n\t\t\tspacing[stripped] = `var(--${key})`;\n\t\t} else if (type === \"dimension\") {\n\t\t\t// control-height-md → height.control-md\n\t\t\theight[key.replace(/^control-/, \"\")] = `var(--${key})`;\n\t\t} else if (type === \"font\") {\n\t\t\tfontSize[key.replace(/^text-/, \"\")] = `var(--${key})`;\n\t\t} else if (type === \"duration\") {\n\t\t\ttransitionDuration[key.replace(/^duration-/, \"\")] = `var(--${key})`;\n\t\t}\n\t}\n\n\treturn { colors, borderRadius, spacing, fontSize, transitionDuration, height };\n}\n\n/**\n * Generates a complete globals.css content with theme tokens and Tailwind directives.\n * @param theme - The theme to generate CSS for\n * @returns A full globals.css string including Tailwind imports, theme tokens, and base layer styles\n */\nexport function generateGlobalsCss(theme: Theme): string {\n\tconst lines: string[] = [];\n\n\tlines.push(\"@tailwind base;\");\n\tlines.push(\"@tailwind components;\");\n\tlines.push(\"@tailwind utilities;\");\n\tlines.push(\"\");\n\tlines.push(themeToCss(theme));\n\tlines.push(\"\");\n\tlines.push(\"@layer base {\");\n\tlines.push(\" * {\");\n\tlines.push(\" @apply border-border;\");\n\tlines.push(\" }\");\n\tlines.push(\" body {\");\n\tlines.push(\" @apply bg-background text-foreground;\");\n\tlines.push(\" }\");\n\tlines.push(\"}\");\n\n\treturn lines.join(\"\\n\");\n}\n","import type { TokenValue } from \"@hex-core/registry\";\n\n/**\n * Layout + typography tokens shared across all themes. Colors/radius vary per\n * theme; these do not (yet). Spread into both light and dark dicts of every\n * Theme so consumers can read any token regardless of color mode.\n */\nexport const sharedTokens: Record<string, TokenValue> = {\n\t// ─── Spacing scale (rem) ───\n\t\"space-1\": { value: \"0.25rem\", type: \"spacing\" },\n\t\"space-2\": { value: \"0.5rem\", type: \"spacing\" },\n\t\"space-3\": { value: \"0.75rem\", type: \"spacing\" },\n\t\"space-4\": { value: \"1rem\", type: \"spacing\" },\n\t\"space-6\": { value: \"1.5rem\", type: \"spacing\" },\n\t\"space-8\": { value: \"2rem\", type: \"spacing\" },\n\t\"space-12\": { value: \"3rem\", type: \"spacing\" },\n\t\"space-16\": { value: \"4rem\", type: \"spacing\" },\n\n\t// ─── Gap presets (for layout primitives) ───\n\t\"gap-sm\": { value: \"0.5rem\", type: \"spacing\" },\n\t\"gap-md\": { value: \"1rem\", type: \"spacing\" },\n\t\"gap-lg\": { value: \"1.5rem\", type: \"spacing\" },\n\n\t// ─── Control heights (interactive elements) ───\n\t\"control-height-sm\": { value: \"2.25rem\", type: \"dimension\" },\n\t\"control-height-md\": { value: \"2.5rem\", type: \"dimension\" },\n\t\"control-height-lg\": { value: \"2.75rem\", type: \"dimension\" },\n\n\t// ─── Typography scale ───\n\t\"text-xs\": { value: \"0.75rem\", type: \"font\" },\n\t\"text-sm\": { value: \"0.875rem\", type: \"font\" },\n\t\"text-base\": { value: \"1rem\", type: \"font\" },\n\t\"text-lg\": { value: \"1.125rem\", type: \"font\" },\n\t\"text-xl\": { value: \"1.25rem\", type: \"font\" },\n\t\"text-2xl\": { value: \"1.5rem\", type: \"font\" },\n\t\"text-3xl\": { value: \"1.875rem\", type: \"font\" },\n\n\t// ─── Motion ───\n\t\"duration-fast\": { value: \"150ms\", type: \"duration\" },\n\t\"duration-normal\": { value: \"200ms\", type: \"duration\" },\n\t\"duration-slow\": { value: \"300ms\", type: \"duration\" },\n};\n","import type { Theme } from \"@hex-core/registry\";\nimport { sharedTokens } from \"./shared.js\";\n\nexport const defaultTheme: Theme = {\n\tname: \"default\",\n\tdisplayName: \"Default\",\n\tdescription:\n\t\t\"A refined, neutral theme with subtle depth. Professional and versatile with clean lines and balanced contrast.\",\n\ttokens: {\n\t\tlight: {\n\t\t\tbackground: { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tforeground: { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\tcard: { value: \"0 0% 100%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\tpopover: { value: \"0 0% 100%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\tprimary: { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tsecondary: { value: \"240 4.8% 95.9%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\tmuted: { value: \"240 4.8% 95.9%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"240 4% 38%\", type: \"color\" },\n\t\t\taccent: { value: \"240 4.8% 95.9%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\tdestructive: { value: \"0 72% 45%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tborder: { value: \"240 5.9% 90%\", type: \"color\" },\n\t\t\tinput: { value: \"240 5.9% 90%\", type: \"color\" },\n\t\t\tring: { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\tradius: { value: \"0.625rem\", type: \"radius\" },\n\t\t\t...sharedTokens,\n\t\t},\n\t\tdark: {\n\t\t\tbackground: { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\tforeground: { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tcard: { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tpopover: { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tprimary: { value: \"0 0% 98%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\tsecondary: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tmuted: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"240 5% 70%\", type: \"color\" },\n\t\t\taccent: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tdestructive: { value: \"0 75% 65%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 75% 15%\", type: \"color\" },\n\t\t\tborder: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\tinput: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\tring: { value: \"240 4.9% 83.9%\", type: \"color\" },\n\t\t\tradius: { value: \"0.625rem\", type: \"radius\" },\n\t\t\t...sharedTokens,\n\t\t},\n\t},\n};\n","import type { Theme } from \"@hex-core/registry\";\nimport { sharedTokens } from \"./shared.js\";\n\nexport const midnightTheme: Theme = {\n\tname: \"midnight\",\n\tdisplayName: \"Midnight\",\n\tdescription:\n\t\t\"A dark-first theme with deep blues and electric accents. Built for focus-heavy interfaces and developer tools.\",\n\ttokens: {\n\t\tlight: {\n\t\t\tbackground: { value: \"220 23% 97%\", type: \"color\" },\n\t\t\tforeground: { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tcard: { value: \"220 23% 99%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tpopover: { value: \"220 23% 99%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tprimary: { value: \"226 70% 55%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tsecondary: { value: \"220 14% 92%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tmuted: { value: \"220 14% 94%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"220 9% 38%\", type: \"color\" },\n\t\t\taccent: { value: \"220 14% 92%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tdestructive: { value: \"0 72% 45%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tborder: { value: \"220 13% 88%\", type: \"color\" },\n\t\t\tinput: { value: \"220 13% 88%\", type: \"color\" },\n\t\t\tring: { value: \"226 70% 55%\", type: \"color\" },\n\t\t\tradius: { value: \"0.5rem\", type: \"radius\" },\n\t\t\t...sharedTokens,\n\t\t},\n\t\tdark: {\n\t\t\tbackground: { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tforeground: { value: \"220 23% 95%\", type: \"color\" },\n\t\t\tcard: { value: \"224 50% 7%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"220 23% 95%\", type: \"color\" },\n\t\t\tpopover: { value: \"224 50% 7%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"220 23% 95%\", type: \"color\" },\n\t\t\tprimary: { value: \"226 70% 55%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tsecondary: { value: \"224 30% 13%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"220 23% 95%\", type: \"color\" },\n\t\t\tmuted: { value: \"224 30% 13%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"220 9% 70%\", type: \"color\" },\n\t\t\taccent: { value: \"224 30% 15%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"220 23% 95%\", type: \"color\" },\n\t\t\t/*\n\t\t\t * Destructive in dark mode doubles as text on near-black surfaces\n\t\t\t * (alerts, error helper text). A lighter coral-red gives ~7:1 on\n\t\t\t * background and ~5:1 on the same color when paired with the dark\n\t\t\t * destructive-foreground for button bg + label combos. Same tuning\n\t\t\t * as default.ts; intentional shadcn-divergence in service of WCAG AA.\n\t\t\t */\n\t\t\tdestructive: { value: \"0 75% 65%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 75% 15%\", type: \"color\" },\n\t\t\tborder: { value: \"224 20% 14%\", type: \"color\" },\n\t\t\tinput: { value: \"224 20% 14%\", type: \"color\" },\n\t\t\tring: { value: \"226 70% 55%\", type: \"color\" },\n\t\t\tradius: { value: \"0.5rem\", type: \"radius\" },\n\t\t\t...sharedTokens,\n\t\t},\n\t},\n};\n","import type { Theme } from \"@hex-core/registry\";\nimport { sharedTokens } from \"./shared.js\";\n\nexport const emberTheme: Theme = {\n\tname: \"ember\",\n\tdisplayName: \"Ember\",\n\tdescription:\n\t\t\"A warm theme with terracotta and amber tones. Inviting and distinctive, ideal for creative and lifestyle applications.\",\n\ttokens: {\n\t\tlight: {\n\t\t\tbackground: { value: \"30 33% 98%\", type: \"color\" },\n\t\t\tforeground: { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tcard: { value: \"30 33% 99%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tpopover: { value: \"30 33% 99%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tprimary: { value: \"16 65% 48%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tsecondary: { value: \"30 20% 92%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tmuted: { value: \"30 20% 94%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"20 6% 38%\", type: \"color\" },\n\t\t\taccent: { value: \"36 60% 90%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tdestructive: { value: \"0 72% 45%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tborder: { value: \"30 15% 87%\", type: \"color\" },\n\t\t\tinput: { value: \"30 15% 87%\", type: \"color\" },\n\t\t\tring: { value: \"16 65% 48%\", type: \"color\" },\n\t\t\tradius: { value: \"0.75rem\", type: \"radius\" },\n\t\t\t...sharedTokens,\n\t\t},\n\t\tdark: {\n\t\t\tbackground: { value: \"20 14% 6%\", type: \"color\" },\n\t\t\tforeground: { value: \"30 20% 94%\", type: \"color\" },\n\t\t\tcard: { value: \"20 14% 8%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"30 20% 94%\", type: \"color\" },\n\t\t\tpopover: { value: \"20 14% 8%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"30 20% 94%\", type: \"color\" },\n\t\t\tprimary: { value: \"16 65% 52%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tsecondary: { value: \"20 12% 14%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"30 20% 94%\", type: \"color\" },\n\t\t\tmuted: { value: \"20 12% 14%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"20 6% 70%\", type: \"color\" },\n\t\t\taccent: { value: \"20 20% 16%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"30 20% 94%\", type: \"color\" },\n\t\t\t/*\n\t\t\t * Destructive in dark mode doubles as text on near-black surfaces\n\t\t\t * (alerts, error helper text). A lighter coral-red gives ~7:1 on\n\t\t\t * background and ~5:1 on the same color when paired with the dark\n\t\t\t * destructive-foreground. Same tuning as default.ts.\n\t\t\t */\n\t\t\tdestructive: { value: \"0 75% 65%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 75% 15%\", type: \"color\" },\n\t\t\tborder: { value: \"20 10% 16%\", type: \"color\" },\n\t\t\tinput: { value: \"20 10% 16%\", type: \"color\" },\n\t\t\tring: { value: \"16 65% 52%\", type: \"color\" },\n\t\t\tradius: { value: \"0.75rem\", type: \"radius\" },\n\t\t\t...sharedTokens,\n\t\t},\n\t},\n};\n","export {\n\tgenerateGlobalsCss,\n\tthemeToCss,\n\tthemeToFlatJson,\n\tthemeToTailwindConfig,\n} from \"./transformer.js\";\nexport { defaultTheme } from \"./themes/default.js\";\nexport { midnightTheme } from \"./themes/midnight.js\";\nexport { emberTheme } from \"./themes/ember.js\";\n\nimport type { Theme } from \"@hex-core/registry\";\nimport { defaultTheme } from \"./themes/default.js\";\nimport { emberTheme } from \"./themes/ember.js\";\nimport { midnightTheme } from \"./themes/midnight.js\";\n\nexport const themes: Record<string, Theme> = {\n\tdefault: defaultTheme,\n\tmidnight: midnightTheme,\n\tember: emberTheme,\n};\n\n/**\n * Retrieve a theme by name.\n * @param name - The theme identifier (e.g. \"default\", \"midnight\", \"ember\")\n * @returns The matching Theme object, or undefined if not found\n */\nexport function getTheme(name: string): Theme | undefined {\n\treturn themes[name];\n}\n\n/**\n * List all available themes with their display metadata.\n * @returns An array of theme summaries containing name, displayName, and description\n */\nexport function listThemes(): Array<{ name: string; displayName: string; description: string }> {\n\treturn Object.values(themes).map((t) => ({\n\t\tname: t.name,\n\t\tdisplayName: t.displayName,\n\t\tdescription: t.description,\n\t}));\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/transformer.ts","../src/themes/shared.ts","../src/themes/default.ts","../src/themes/midnight.ts","../src/themes/ember.ts","../src/index.ts"],"sourcesContent":["import type { Theme } from \"@hex-core/registry\";\n\ninterface TokenLike {\n\tvalue: string;\n\ttype?: string;\n}\n\n/**\n * Extract the value string from a token-like object or primitive.\n * @param token - A token object with a `value` property, or a primitive\n * @returns The token's value as a string\n */\nfunction extractValue(token: unknown): string {\n\tif (typeof token === \"object\" && token !== null && \"value\" in token) {\n\t\treturn String((token as TokenLike).value);\n\t}\n\treturn String(token);\n}\n\n/**\n * Extract the type annotation from a token-like object.\n * @param token - A token object potentially containing a `type` property\n * @returns The token type string, or undefined if not present\n */\nfunction extractType(token: unknown): string | undefined {\n\tif (typeof token === \"object\" && token !== null && \"type\" in token) {\n\t\treturn (token as TokenLike).type;\n\t}\n\treturn undefined;\n}\n\n/**\n * Transforms a theme's token set into CSS custom properties.\n *\n * Output uses the **raw `--<key>` namespace** — value verbatim, no `hsl()`\n * wrapper, no `--color-` prefix. Colors land as triplets (e.g. `0 0% 100%`)\n * to enable alpha composition like `hsl(var(--background) / 0.5)`. Consumers\n * on Tailwind v4 also need a `@theme` block in the `--color-<key>` namespace;\n * see the \"CSS variable namespaces\" section in ./README.md for the bridge.\n *\n * @param theme - The theme to transform\n * @returns A CSS string with `:root` and `.dark` custom property declarations inside a `@layer base` block\n */\nexport function themeToCss(theme: Theme): string {\n\tconst lines: string[] = [];\n\n\tlines.push(\"@layer base {\");\n\tlines.push(\" :root {\");\n\tfor (const [key, token] of Object.entries(theme.tokens.light)) {\n\t\tlines.push(` --${key}: ${extractValue(token)};`);\n\t}\n\tlines.push(\" }\");\n\tlines.push(\"\");\n\tlines.push(\" .dark {\");\n\tfor (const [key, token] of Object.entries(theme.tokens.dark)) {\n\t\tlines.push(` --${key}: ${extractValue(token)};`);\n\t}\n\tlines.push(\" }\");\n\tlines.push(\"}\");\n\n\treturn lines.join(\"\\n\");\n}\n\n/**\n * Transforms a theme into a flat JSON map for AI consumption.\n * This is the most token-efficient format for LLMs.\n * @param theme - The theme to transform\n * @param mode - Color mode to extract tokens for (defaults to \"light\")\n * @returns A flat record mapping CSS variable names to their values\n */\nexport function themeToFlatJson(\n\ttheme: Theme,\n\tmode: \"light\" | \"dark\" = \"light\",\n): Record<string, string> {\n\tconst flat: Record<string, string> = {};\n\tconst tokens = mode === \"light\" ? theme.tokens.light : theme.tokens.dark;\n\n\tfor (const [key, token] of Object.entries(tokens)) {\n\t\tflat[`--${key}`] = extractValue(token);\n\t}\n\n\treturn flat;\n}\n\n/**\n * Transforms a theme into Tailwind CSS config extension.\n * @param theme - The theme to transform\n * @returns An object with maps for colors, borderRadius, spacing, fontSize,\n * transitionDuration, and height — suitable for Tailwind's `theme.extend`.\n */\nexport function themeToTailwindConfig(theme: Theme): Record<string, Record<string, string>> {\n\tconst colors: Record<string, string> = {};\n\tconst borderRadius: Record<string, string> = {};\n\tconst spacing: Record<string, string> = {};\n\tconst fontSize: Record<string, string> = {};\n\tconst transitionDuration: Record<string, string> = {};\n\tconst height: Record<string, string> = {};\n\n\tfor (const [key, token] of Object.entries(theme.tokens.light)) {\n\t\tconst type = extractType(token);\n\t\tif (!type) continue;\n\n\t\tif (type === \"color\") {\n\t\t\tcolors[key] = `hsl(var(--${key}))`;\n\t\t} else if (type === \"radius\") {\n\t\t\tborderRadius[key] = `var(--${key})`;\n\t\t} else if (type === \"spacing\") {\n\t\t\t// Strip \"space-\" / \"gap-\" prefix for cleaner Tailwind usage (e.g. `p-4` vs `p-space-4`).\n\t\t\tconst stripped = key.replace(/^(space-|gap-)/, \"\");\n\t\t\tspacing[stripped] = `var(--${key})`;\n\t\t} else if (type === \"dimension\") {\n\t\t\t// control-height-md → height.control-md\n\t\t\theight[key.replace(/^control-/, \"\")] = `var(--${key})`;\n\t\t} else if (type === \"font\") {\n\t\t\tfontSize[key.replace(/^text-/, \"\")] = `var(--${key})`;\n\t\t} else if (type === \"duration\") {\n\t\t\ttransitionDuration[key.replace(/^duration-/, \"\")] = `var(--${key})`;\n\t\t}\n\t}\n\n\treturn { colors, borderRadius, spacing, fontSize, transitionDuration, height };\n}\n\n/**\n * Generates a complete globals.css content with theme tokens and Tailwind directives.\n * @param theme - The theme to generate CSS for\n * @returns A full globals.css string including Tailwind imports, theme tokens, and base layer styles\n */\nexport function generateGlobalsCss(theme: Theme): string {\n\tconst lines: string[] = [];\n\n\tlines.push(\"@tailwind base;\");\n\tlines.push(\"@tailwind components;\");\n\tlines.push(\"@tailwind utilities;\");\n\tlines.push(\"\");\n\tlines.push(themeToCss(theme));\n\tlines.push(\"\");\n\tlines.push(\"@layer base {\");\n\tlines.push(\" * {\");\n\tlines.push(\" @apply border-border;\");\n\tlines.push(\" }\");\n\tlines.push(\" body {\");\n\tlines.push(\" @apply bg-background text-foreground;\");\n\tlines.push(\" }\");\n\tlines.push(\"}\");\n\n\treturn lines.join(\"\\n\");\n}\n","import type { TokenValue } from \"@hex-core/registry\";\n\n/**\n * Layout + typography tokens shared across all themes. Colors/radius vary per\n * theme; these do not (yet). Spread into both light and dark dicts of every\n * Theme so consumers can read any token regardless of color mode.\n */\nexport const sharedTokens: Record<string, TokenValue> = {\n\t// ─── Spacing scale (rem) ───\n\t\"space-1\": { value: \"0.25rem\", type: \"spacing\" },\n\t\"space-2\": { value: \"0.5rem\", type: \"spacing\" },\n\t\"space-3\": { value: \"0.75rem\", type: \"spacing\" },\n\t\"space-4\": { value: \"1rem\", type: \"spacing\" },\n\t\"space-6\": { value: \"1.5rem\", type: \"spacing\" },\n\t\"space-8\": { value: \"2rem\", type: \"spacing\" },\n\t\"space-12\": { value: \"3rem\", type: \"spacing\" },\n\t\"space-16\": { value: \"4rem\", type: \"spacing\" },\n\n\t// ─── Gap presets (for layout primitives) ───\n\t\"gap-sm\": { value: \"0.5rem\", type: \"spacing\" },\n\t\"gap-md\": { value: \"1rem\", type: \"spacing\" },\n\t\"gap-lg\": { value: \"1.5rem\", type: \"spacing\" },\n\n\t// ─── Control heights (interactive elements) ───\n\t\"control-height-sm\": { value: \"2.25rem\", type: \"dimension\" },\n\t\"control-height-md\": { value: \"2.5rem\", type: \"dimension\" },\n\t\"control-height-lg\": { value: \"2.75rem\", type: \"dimension\" },\n\n\t// ─── Typography scale ───\n\t\"text-xs\": { value: \"0.75rem\", type: \"font\" },\n\t\"text-sm\": { value: \"0.875rem\", type: \"font\" },\n\t\"text-base\": { value: \"1rem\", type: \"font\" },\n\t\"text-lg\": { value: \"1.125rem\", type: \"font\" },\n\t\"text-xl\": { value: \"1.25rem\", type: \"font\" },\n\t\"text-2xl\": { value: \"1.5rem\", type: \"font\" },\n\t\"text-3xl\": { value: \"1.875rem\", type: \"font\" },\n\n\t// ─── Motion ───\n\t\"duration-fast\": { value: \"150ms\", type: \"duration\" },\n\t\"duration-normal\": { value: \"200ms\", type: \"duration\" },\n\t\"duration-slow\": { value: \"300ms\", type: \"duration\" },\n};\n","import type { Theme } from \"@hex-core/registry\";\nimport { sharedTokens } from \"./shared.js\";\n\nexport const defaultTheme: Theme = {\n\tname: \"default\",\n\tdisplayName: \"Default\",\n\tdescription:\n\t\t\"A refined, neutral theme with subtle depth. Professional and versatile with clean lines and balanced contrast.\",\n\ttokens: {\n\t\tlight: {\n\t\t\tbackground: { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tforeground: { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\tcard: { value: \"0 0% 100%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\tpopover: { value: \"0 0% 100%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\tprimary: { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tsecondary: { value: \"240 4.8% 95.9%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\tmuted: { value: \"240 4.8% 95.9%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"240 4% 38%\", type: \"color\" },\n\t\t\taccent: { value: \"240 4.8% 95.9%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\tdestructive: { value: \"0 72% 45%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tborder: { value: \"240 5.9% 90%\", type: \"color\" },\n\t\t\tinput: { value: \"240 5.9% 90%\", type: \"color\" },\n\t\t\tring: { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\tradius: { value: \"0.625rem\", type: \"radius\" },\n\t\t\t...sharedTokens,\n\t\t},\n\t\tdark: {\n\t\t\tbackground: { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\tforeground: { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tcard: { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tpopover: { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tprimary: { value: \"0 0% 98%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\tsecondary: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tmuted: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"240 5% 70%\", type: \"color\" },\n\t\t\taccent: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tdestructive: { value: \"0 75% 65%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 75% 15%\", type: \"color\" },\n\t\t\tborder: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\tinput: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\tring: { value: \"240 4.9% 83.9%\", type: \"color\" },\n\t\t\tradius: { value: \"0.625rem\", type: \"radius\" },\n\t\t\t...sharedTokens,\n\t\t},\n\t},\n};\n","import type { Theme } from \"@hex-core/registry\";\nimport { sharedTokens } from \"./shared.js\";\n\nexport const midnightTheme: Theme = {\n\tname: \"midnight\",\n\tdisplayName: \"Midnight\",\n\tdescription:\n\t\t\"A dark-first theme with deep blues and electric accents. Built for focus-heavy interfaces and developer tools.\",\n\ttokens: {\n\t\tlight: {\n\t\t\tbackground: { value: \"220 23% 97%\", type: \"color\" },\n\t\t\tforeground: { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tcard: { value: \"220 23% 99%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tpopover: { value: \"220 23% 99%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tprimary: { value: \"226 70% 55%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tsecondary: { value: \"220 14% 92%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tmuted: { value: \"220 14% 94%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"220 9% 38%\", type: \"color\" },\n\t\t\taccent: { value: \"220 14% 92%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tdestructive: { value: \"0 72% 45%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tborder: { value: \"220 13% 88%\", type: \"color\" },\n\t\t\tinput: { value: \"220 13% 88%\", type: \"color\" },\n\t\t\tring: { value: \"226 70% 55%\", type: \"color\" },\n\t\t\tradius: { value: \"0.5rem\", type: \"radius\" },\n\t\t\t...sharedTokens,\n\t\t},\n\t\tdark: {\n\t\t\tbackground: { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tforeground: { value: \"220 23% 95%\", type: \"color\" },\n\t\t\tcard: { value: \"224 50% 7%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"220 23% 95%\", type: \"color\" },\n\t\t\tpopover: { value: \"224 50% 7%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"220 23% 95%\", type: \"color\" },\n\t\t\tprimary: { value: \"226 70% 55%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tsecondary: { value: \"224 30% 13%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"220 23% 95%\", type: \"color\" },\n\t\t\tmuted: { value: \"224 30% 13%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"220 9% 70%\", type: \"color\" },\n\t\t\taccent: { value: \"224 30% 15%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"220 23% 95%\", type: \"color\" },\n\t\t\t/*\n\t\t\t * Destructive in dark mode doubles as text on near-black surfaces\n\t\t\t * (alerts, error helper text). A lighter coral-red gives ~7:1 on\n\t\t\t * background and ~5:1 on the same color when paired with the dark\n\t\t\t * destructive-foreground for button bg + label combos. Same tuning\n\t\t\t * as default.ts; intentional shadcn-divergence in service of WCAG AA.\n\t\t\t */\n\t\t\tdestructive: { value: \"0 75% 65%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 75% 15%\", type: \"color\" },\n\t\t\tborder: { value: \"224 20% 14%\", type: \"color\" },\n\t\t\tinput: { value: \"224 20% 14%\", type: \"color\" },\n\t\t\tring: { value: \"226 70% 55%\", type: \"color\" },\n\t\t\tradius: { value: \"0.5rem\", type: \"radius\" },\n\t\t\t...sharedTokens,\n\t\t},\n\t},\n};\n","import type { Theme } from \"@hex-core/registry\";\nimport { sharedTokens } from \"./shared.js\";\n\nexport const emberTheme: Theme = {\n\tname: \"ember\",\n\tdisplayName: \"Ember\",\n\tdescription:\n\t\t\"A warm theme with terracotta and amber tones. Inviting and distinctive, ideal for creative and lifestyle applications.\",\n\ttokens: {\n\t\tlight: {\n\t\t\tbackground: { value: \"30 33% 98%\", type: \"color\" },\n\t\t\tforeground: { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tcard: { value: \"30 33% 99%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tpopover: { value: \"30 33% 99%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tprimary: { value: \"16 65% 48%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tsecondary: { value: \"30 20% 92%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tmuted: { value: \"30 20% 94%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"20 6% 38%\", type: \"color\" },\n\t\t\taccent: { value: \"36 60% 90%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tdestructive: { value: \"0 72% 45%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tborder: { value: \"30 15% 87%\", type: \"color\" },\n\t\t\tinput: { value: \"30 15% 87%\", type: \"color\" },\n\t\t\tring: { value: \"16 65% 48%\", type: \"color\" },\n\t\t\tradius: { value: \"0.75rem\", type: \"radius\" },\n\t\t\t...sharedTokens,\n\t\t},\n\t\tdark: {\n\t\t\tbackground: { value: \"20 14% 6%\", type: \"color\" },\n\t\t\tforeground: { value: \"30 20% 94%\", type: \"color\" },\n\t\t\tcard: { value: \"20 14% 8%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"30 20% 94%\", type: \"color\" },\n\t\t\tpopover: { value: \"20 14% 8%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"30 20% 94%\", type: \"color\" },\n\t\t\tprimary: { value: \"16 65% 52%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tsecondary: { value: \"20 12% 14%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"30 20% 94%\", type: \"color\" },\n\t\t\tmuted: { value: \"20 12% 14%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"20 6% 70%\", type: \"color\" },\n\t\t\taccent: { value: \"20 20% 16%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"30 20% 94%\", type: \"color\" },\n\t\t\t/*\n\t\t\t * Destructive in dark mode doubles as text on near-black surfaces\n\t\t\t * (alerts, error helper text). A lighter coral-red gives ~7:1 on\n\t\t\t * background and ~5:1 on the same color when paired with the dark\n\t\t\t * destructive-foreground. Same tuning as default.ts.\n\t\t\t */\n\t\t\tdestructive: { value: \"0 75% 65%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 75% 15%\", type: \"color\" },\n\t\t\tborder: { value: \"20 10% 16%\", type: \"color\" },\n\t\t\tinput: { value: \"20 10% 16%\", type: \"color\" },\n\t\t\tring: { value: \"16 65% 52%\", type: \"color\" },\n\t\t\tradius: { value: \"0.75rem\", type: \"radius\" },\n\t\t\t...sharedTokens,\n\t\t},\n\t},\n};\n","export {\n\tgenerateGlobalsCss,\n\tthemeToCss,\n\tthemeToFlatJson,\n\tthemeToTailwindConfig,\n} from \"./transformer.js\";\nexport { defaultTheme } from \"./themes/default.js\";\nexport { midnightTheme } from \"./themes/midnight.js\";\nexport { emberTheme } from \"./themes/ember.js\";\n\nimport type { Theme } from \"@hex-core/registry\";\nimport { defaultTheme } from \"./themes/default.js\";\nimport { emberTheme } from \"./themes/ember.js\";\nimport { midnightTheme } from \"./themes/midnight.js\";\n\nexport const themes: Record<string, Theme> = {\n\tdefault: defaultTheme,\n\tmidnight: midnightTheme,\n\tember: emberTheme,\n};\n\n/**\n * Retrieve a theme by name.\n * @param name - The theme identifier (e.g. \"default\", \"midnight\", \"ember\")\n * @returns The matching Theme object, or undefined if not found\n */\nexport function getTheme(name: string): Theme | undefined {\n\treturn themes[name];\n}\n\n/**\n * List all available themes with their display metadata.\n * @returns An array of theme summaries containing name, displayName, and description\n */\nexport function listThemes(): Array<{ name: string; displayName: string; description: string }> {\n\treturn Object.values(themes).map((t) => ({\n\t\tname: t.name,\n\t\tdisplayName: t.displayName,\n\t\tdescription: t.description,\n\t}));\n}\n"],"mappings":"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","names":[]}
|