@hex-core/tokens 0.1.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +59 -7
- package/dist/index.js.map +1 -1
- package/package.json +5 -4
package/README.md
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
# @hex-core/tokens
|
|
2
2
|
|
|
3
|
+
[](https://www.npmjs.com/package/@hex-core/tokens)
|
|
4
|
+
[](https://www.npmjs.com/package/@hex-core/tokens)
|
|
5
|
+
[](https://github.com/oscarabcorona/hex-core/blob/main/LICENSE)
|
|
6
|
+
|
|
3
7
|
Design token engine for Hex UI — HSL color tokens + typography scale + shadow/radius tokens shared between components and themes.
|
|
4
8
|
|
|
5
9
|
## Install
|
package/dist/index.d.ts
CHANGED
|
@@ -17,7 +17,8 @@ declare function themeToFlatJson(theme: Theme, mode?: "light" | "dark"): Record<
|
|
|
17
17
|
/**
|
|
18
18
|
* Transforms a theme into Tailwind CSS config extension.
|
|
19
19
|
* @param theme - The theme to transform
|
|
20
|
-
* @returns An object with
|
|
20
|
+
* @returns An object with maps for colors, borderRadius, spacing, fontSize,
|
|
21
|
+
* transitionDuration, and height — suitable for Tailwind's `theme.extend`.
|
|
21
22
|
*/
|
|
22
23
|
declare function themeToTailwindConfig(theme: Theme): Record<string, Record<string, string>>;
|
|
23
24
|
/**
|
package/dist/index.js
CHANGED
|
@@ -39,6 +39,10 @@ function themeToFlatJson(theme, mode = "light") {
|
|
|
39
39
|
function themeToTailwindConfig(theme) {
|
|
40
40
|
const colors = {};
|
|
41
41
|
const borderRadius = {};
|
|
42
|
+
const spacing = {};
|
|
43
|
+
const fontSize = {};
|
|
44
|
+
const transitionDuration = {};
|
|
45
|
+
const height = {};
|
|
42
46
|
for (const [key, token] of Object.entries(theme.tokens.light)) {
|
|
43
47
|
const type = extractType(token);
|
|
44
48
|
if (!type) continue;
|
|
@@ -46,9 +50,18 @@ function themeToTailwindConfig(theme) {
|
|
|
46
50
|
colors[key] = `hsl(var(--${key}))`;
|
|
47
51
|
} else if (type === "radius") {
|
|
48
52
|
borderRadius[key] = `var(--${key})`;
|
|
53
|
+
} else if (type === "spacing") {
|
|
54
|
+
const stripped = key.replace(/^(space-|gap-)/, "");
|
|
55
|
+
spacing[stripped] = `var(--${key})`;
|
|
56
|
+
} else if (type === "dimension") {
|
|
57
|
+
height[key.replace(/^control-/, "")] = `var(--${key})`;
|
|
58
|
+
} else if (type === "font") {
|
|
59
|
+
fontSize[key.replace(/^text-/, "")] = `var(--${key})`;
|
|
60
|
+
} else if (type === "duration") {
|
|
61
|
+
transitionDuration[key.replace(/^duration-/, "")] = `var(--${key})`;
|
|
49
62
|
}
|
|
50
63
|
}
|
|
51
|
-
return { colors, borderRadius };
|
|
64
|
+
return { colors, borderRadius, spacing, fontSize, transitionDuration, height };
|
|
52
65
|
}
|
|
53
66
|
function generateGlobalsCss(theme) {
|
|
54
67
|
const lines = [];
|
|
@@ -69,6 +82,39 @@ function generateGlobalsCss(theme) {
|
|
|
69
82
|
return lines.join("\n");
|
|
70
83
|
}
|
|
71
84
|
|
|
85
|
+
// src/themes/shared.ts
|
|
86
|
+
var sharedTokens = {
|
|
87
|
+
// ─── Spacing scale (rem) ───
|
|
88
|
+
"space-1": { value: "0.25rem", type: "spacing" },
|
|
89
|
+
"space-2": { value: "0.5rem", type: "spacing" },
|
|
90
|
+
"space-3": { value: "0.75rem", type: "spacing" },
|
|
91
|
+
"space-4": { value: "1rem", type: "spacing" },
|
|
92
|
+
"space-6": { value: "1.5rem", type: "spacing" },
|
|
93
|
+
"space-8": { value: "2rem", type: "spacing" },
|
|
94
|
+
"space-12": { value: "3rem", type: "spacing" },
|
|
95
|
+
"space-16": { value: "4rem", type: "spacing" },
|
|
96
|
+
// ─── Gap presets (for layout primitives) ───
|
|
97
|
+
"gap-sm": { value: "0.5rem", type: "spacing" },
|
|
98
|
+
"gap-md": { value: "1rem", type: "spacing" },
|
|
99
|
+
"gap-lg": { value: "1.5rem", type: "spacing" },
|
|
100
|
+
// ─── Control heights (interactive elements) ───
|
|
101
|
+
"control-height-sm": { value: "2.25rem", type: "dimension" },
|
|
102
|
+
"control-height-md": { value: "2.5rem", type: "dimension" },
|
|
103
|
+
"control-height-lg": { value: "2.75rem", type: "dimension" },
|
|
104
|
+
// ─── Typography scale ───
|
|
105
|
+
"text-xs": { value: "0.75rem", type: "font" },
|
|
106
|
+
"text-sm": { value: "0.875rem", type: "font" },
|
|
107
|
+
"text-base": { value: "1rem", type: "font" },
|
|
108
|
+
"text-lg": { value: "1.125rem", type: "font" },
|
|
109
|
+
"text-xl": { value: "1.25rem", type: "font" },
|
|
110
|
+
"text-2xl": { value: "1.5rem", type: "font" },
|
|
111
|
+
"text-3xl": { value: "1.875rem", type: "font" },
|
|
112
|
+
// ─── Motion ───
|
|
113
|
+
"duration-fast": { value: "150ms", type: "duration" },
|
|
114
|
+
"duration-normal": { value: "200ms", type: "duration" },
|
|
115
|
+
"duration-slow": { value: "300ms", type: "duration" }
|
|
116
|
+
};
|
|
117
|
+
|
|
72
118
|
// src/themes/default.ts
|
|
73
119
|
var defaultTheme = {
|
|
74
120
|
name: "default",
|
|
@@ -95,7 +141,8 @@ var defaultTheme = {
|
|
|
95
141
|
border: { value: "240 5.9% 90%", type: "color" },
|
|
96
142
|
input: { value: "240 5.9% 90%", type: "color" },
|
|
97
143
|
ring: { value: "240 5.9% 10%", type: "color" },
|
|
98
|
-
radius: { value: "0.625rem", type: "radius" }
|
|
144
|
+
radius: { value: "0.625rem", type: "radius" },
|
|
145
|
+
...sharedTokens
|
|
99
146
|
},
|
|
100
147
|
dark: {
|
|
101
148
|
background: { value: "240 10% 3.9%", type: "color" },
|
|
@@ -117,7 +164,8 @@ var defaultTheme = {
|
|
|
117
164
|
border: { value: "240 3.7% 15.9%", type: "color" },
|
|
118
165
|
input: { value: "240 3.7% 15.9%", type: "color" },
|
|
119
166
|
ring: { value: "240 4.9% 83.9%", type: "color" },
|
|
120
|
-
radius: { value: "0.625rem", type: "radius" }
|
|
167
|
+
radius: { value: "0.625rem", type: "radius" },
|
|
168
|
+
...sharedTokens
|
|
121
169
|
}
|
|
122
170
|
}
|
|
123
171
|
};
|
|
@@ -148,7 +196,8 @@ var midnightTheme = {
|
|
|
148
196
|
border: { value: "220 13% 88%", type: "color" },
|
|
149
197
|
input: { value: "220 13% 88%", type: "color" },
|
|
150
198
|
ring: { value: "226 70% 55%", type: "color" },
|
|
151
|
-
radius: { value: "0.5rem", type: "radius" }
|
|
199
|
+
radius: { value: "0.5rem", type: "radius" },
|
|
200
|
+
...sharedTokens
|
|
152
201
|
},
|
|
153
202
|
dark: {
|
|
154
203
|
background: { value: "224 71% 4%", type: "color" },
|
|
@@ -170,7 +219,8 @@ var midnightTheme = {
|
|
|
170
219
|
border: { value: "224 20% 14%", type: "color" },
|
|
171
220
|
input: { value: "224 20% 14%", type: "color" },
|
|
172
221
|
ring: { value: "226 70% 55%", type: "color" },
|
|
173
|
-
radius: { value: "0.5rem", type: "radius" }
|
|
222
|
+
radius: { value: "0.5rem", type: "radius" },
|
|
223
|
+
...sharedTokens
|
|
174
224
|
}
|
|
175
225
|
}
|
|
176
226
|
};
|
|
@@ -201,7 +251,8 @@ var emberTheme = {
|
|
|
201
251
|
border: { value: "30 15% 87%", type: "color" },
|
|
202
252
|
input: { value: "30 15% 87%", type: "color" },
|
|
203
253
|
ring: { value: "16 65% 48%", type: "color" },
|
|
204
|
-
radius: { value: "0.75rem", type: "radius" }
|
|
254
|
+
radius: { value: "0.75rem", type: "radius" },
|
|
255
|
+
...sharedTokens
|
|
205
256
|
},
|
|
206
257
|
dark: {
|
|
207
258
|
background: { value: "20 14% 6%", type: "color" },
|
|
@@ -223,7 +274,8 @@ var emberTheme = {
|
|
|
223
274
|
border: { value: "20 10% 16%", type: "color" },
|
|
224
275
|
input: { value: "20 10% 16%", type: "color" },
|
|
225
276
|
ring: { value: "16 65% 52%", type: "color" },
|
|
226
|
-
radius: { value: "0.75rem", type: "radius" }
|
|
277
|
+
radius: { value: "0.75rem", type: "radius" },
|
|
278
|
+
...sharedTokens
|
|
227
279
|
}
|
|
228
280
|
}
|
|
229
281
|
};
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/transformer.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 `colors` and `borderRadius` maps 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\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}\n\t}\n\n\treturn { colors, borderRadius };\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 { Theme } from \"@hex-core/registry\";\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 3.8% 46.1%\", 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 84.2% 60.2%\", 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},\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% 64.9%\", 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 62.8% 30.6%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 98%\", 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},\n\t},\n};\n","import type { Theme } from \"@hex-core/registry\";\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% 43%\", 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 84% 60%\", 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},\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% 55%\", 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\tdestructive: { value: \"0 62% 30%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 98%\", 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},\n\t},\n};\n","import type { Theme } from \"@hex-core/registry\";\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% 43%\", 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 84% 60%\", 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},\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% 55%\", 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\tdestructive: { value: \"0 62% 30%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 98%\", 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},\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":";AAYA,SAAS,aAAa,OAAwB;AAC7C,MAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,WAAW,OAAO;AACpE,WAAO,OAAQ,MAAoB,KAAK;AAAA,EACzC;AACA,SAAO,OAAO,KAAK;AACpB;AAOA,SAAS,YAAY,OAAoC;AACxD,MAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,UAAU,OAAO;AACnE,WAAQ,MAAoB;AAAA,EAC7B;AACA,SAAO;AACR;AAOO,SAAS,WAAW,OAAsB;AAChD,QAAM,QAAkB,CAAC;AAEzB,QAAM,KAAK,eAAe;AAC1B,QAAM,KAAK,WAAW;AACtB,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,OAAO,KAAK,GAAG;AAC9D,UAAM,KAAK,SAAS,GAAG,KAAK,aAAa,KAAK,CAAC,GAAG;AAAA,EACnD;AACA,QAAM,KAAK,KAAK;AAChB,QAAM,KAAK,EAAE;AACb,QAAM,KAAK,WAAW;AACtB,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,OAAO,IAAI,GAAG;AAC7D,UAAM,KAAK,SAAS,GAAG,KAAK,aAAa,KAAK,CAAC,GAAG;AAAA,EACnD;AACA,QAAM,KAAK,KAAK;AAChB,QAAM,KAAK,GAAG;AAEd,SAAO,MAAM,KAAK,IAAI;AACvB;AASO,SAAS,gBACf,OACA,OAAyB,SACA;AACzB,QAAM,OAA+B,CAAC;AACtC,QAAM,SAAS,SAAS,UAAU,MAAM,OAAO,QAAQ,MAAM,OAAO;AAEpE,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AAClD,SAAK,KAAK,GAAG,EAAE,IAAI,aAAa,KAAK;AAAA,EACtC;AAEA,SAAO;AACR;AAOO,SAAS,sBAAsB,OAAsD;AAC3F,QAAM,SAAiC,CAAC;AACxC,QAAM,eAAuC,CAAC;AAE9C,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,OAAO,KAAK,GAAG;AAC9D,UAAM,OAAO,YAAY,KAAK;AAC9B,QAAI,CAAC,KAAM;AAEX,QAAI,SAAS,SAAS;AACrB,aAAO,GAAG,IAAI,aAAa,GAAG;AAAA,IAC/B,WAAW,SAAS,UAAU;AAC7B,mBAAa,GAAG,IAAI,SAAS,GAAG;AAAA,IACjC;AAAA,EACD;AAEA,SAAO,EAAE,QAAQ,aAAa;AAC/B;AAOO,SAAS,mBAAmB,OAAsB;AACxD,QAAM,QAAkB,CAAC;AAEzB,QAAM,KAAK,iBAAiB;AAC5B,QAAM,KAAK,uBAAuB;AAClC,QAAM,KAAK,sBAAsB;AACjC,QAAM,KAAK,EAAE;AACb,QAAM,KAAK,WAAW,KAAK,CAAC;AAC5B,QAAM,KAAK,EAAE;AACb,QAAM,KAAK,eAAe;AAC1B,QAAM,KAAK,OAAO;AAClB,QAAM,KAAK,2BAA2B;AACtC,QAAM,KAAK,KAAK;AAChB,QAAM,KAAK,UAAU;AACrB,QAAM,KAAK,2CAA2C;AACtD,QAAM,KAAK,KAAK;AAChB,QAAM,KAAK,GAAG;AAEd,SAAO,MAAM,KAAK,IAAI;AACvB;;;AC1HO,IAAM,eAAsB;AAAA,EAClC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,aACC;AAAA,EACD,QAAQ;AAAA,IACP,OAAO;AAAA,MACN,YAAY,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MAChD,YAAY,EAAE,OAAO,gBAAgB,MAAM,QAAQ;AAAA,MACnD,MAAM,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MAC1C,mBAAmB,EAAE,OAAO,gBAAgB,MAAM,QAAQ;AAAA,MAC1D,SAAS,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MAC7C,sBAAsB,EAAE,OAAO,gBAAgB,MAAM,QAAQ;AAAA,MAC7D,SAAS,EAAE,OAAO,gBAAgB,MAAM,QAAQ;AAAA,MAChD,sBAAsB,EAAE,OAAO,YAAY,MAAM,QAAQ;AAAA,MACzD,WAAW,EAAE,OAAO,kBAAkB,MAAM,QAAQ;AAAA,MACpD,wBAAwB,EAAE,OAAO,gBAAgB,MAAM,QAAQ;AAAA,MAC/D,OAAO,EAAE,OAAO,kBAAkB,MAAM,QAAQ;AAAA,MAChD,oBAAoB,EAAE,OAAO,kBAAkB,MAAM,QAAQ;AAAA,MAC7D,QAAQ,EAAE,OAAO,kBAAkB,MAAM,QAAQ;AAAA,MACjD,qBAAqB,EAAE,OAAO,gBAAgB,MAAM,QAAQ;AAAA,MAC5D,aAAa,EAAE,OAAO,iBAAiB,MAAM,QAAQ;AAAA,MACrD,0BAA0B,EAAE,OAAO,YAAY,MAAM,QAAQ;AAAA,MAC7D,QAAQ,EAAE,OAAO,gBAAgB,MAAM,QAAQ;AAAA,MAC/C,OAAO,EAAE,OAAO,gBAAgB,MAAM,QAAQ;AAAA,MAC9C,MAAM,EAAE,OAAO,gBAAgB,MAAM,QAAQ;AAAA,MAC7C,QAAQ,EAAE,OAAO,YAAY,MAAM,SAAS;AAAA,IAC7C;AAAA,IACA,MAAM;AAAA,MACL,YAAY,EAAE,OAAO,gBAAgB,MAAM,QAAQ;AAAA,MACnD,YAAY,EAAE,OAAO,YAAY,MAAM,QAAQ;AAAA,MAC/C,MAAM,EAAE,OAAO,gBAAgB,MAAM,QAAQ;AAAA,MAC7C,mBAAmB,EAAE,OAAO,YAAY,MAAM,QAAQ;AAAA,MACtD,SAAS,EAAE,OAAO,gBAAgB,MAAM,QAAQ;AAAA,MAChD,sBAAsB,EAAE,OAAO,YAAY,MAAM,QAAQ;AAAA,MACzD,SAAS,EAAE,OAAO,YAAY,MAAM,QAAQ;AAAA,MAC5C,sBAAsB,EAAE,OAAO,gBAAgB,MAAM,QAAQ;AAAA,MAC7D,WAAW,EAAE,OAAO,kBAAkB,MAAM,QAAQ;AAAA,MACpD,wBAAwB,EAAE,OAAO,YAAY,MAAM,QAAQ;AAAA,MAC3D,OAAO,EAAE,OAAO,kBAAkB,MAAM,QAAQ;AAAA,MAChD,oBAAoB,EAAE,OAAO,gBAAgB,MAAM,QAAQ;AAAA,MAC3D,QAAQ,EAAE,OAAO,kBAAkB,MAAM,QAAQ;AAAA,MACjD,qBAAqB,EAAE,OAAO,YAAY,MAAM,QAAQ;AAAA,MACxD,aAAa,EAAE,OAAO,iBAAiB,MAAM,QAAQ;AAAA,MACrD,0BAA0B,EAAE,OAAO,YAAY,MAAM,QAAQ;AAAA,MAC7D,QAAQ,EAAE,OAAO,kBAAkB,MAAM,QAAQ;AAAA,MACjD,OAAO,EAAE,OAAO,kBAAkB,MAAM,QAAQ;AAAA,MAChD,MAAM,EAAE,OAAO,kBAAkB,MAAM,QAAQ;AAAA,MAC/C,QAAQ,EAAE,OAAO,YAAY,MAAM,SAAS;AAAA,IAC7C;AAAA,EACD;AACD;;;ACnDO,IAAM,gBAAuB;AAAA,EACnC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,aACC;AAAA,EACD,QAAQ;AAAA,IACP,OAAO;AAAA,MACN,YAAY,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAClD,YAAY,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MACjD,MAAM,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC5C,mBAAmB,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MACxD,SAAS,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC/C,sBAAsB,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC3D,SAAS,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC/C,sBAAsB,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MAC1D,WAAW,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MACjD,wBAAwB,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC7D,OAAO,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC7C,oBAAoB,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MACzD,QAAQ,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC9C,qBAAqB,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC1D,aAAa,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MACjD,0BAA0B,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MAC9D,QAAQ,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC9C,OAAO,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC7C,MAAM,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC5C,QAAQ,EAAE,OAAO,UAAU,MAAM,SAAS;AAAA,IAC3C;AAAA,IACA,MAAM;AAAA,MACL,YAAY,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MACjD,YAAY,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAClD,MAAM,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC3C,mBAAmB,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MACzD,SAAS,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC9C,sBAAsB,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC5D,SAAS,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC/C,sBAAsB,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MAC1D,WAAW,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MACjD,wBAAwB,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC9D,OAAO,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC7C,oBAAoB,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MACzD,QAAQ,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC9C,qBAAqB,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC3D,aAAa,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MACjD,0BAA0B,EAAE,OAAO,YAAY,MAAM,QAAQ;AAAA,MAC7D,QAAQ,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC9C,OAAO,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC7C,MAAM,EAAE,OAAO,eAAe,MAAM,QAAQ;AAAA,MAC5C,QAAQ,EAAE,OAAO,UAAU,MAAM,SAAS;AAAA,IAC3C;AAAA,EACD;AACD;;;ACnDO,IAAM,aAAoB;AAAA,EAChC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,aACC;AAAA,EACD,QAAQ;AAAA,IACP,OAAO;AAAA,MACN,YAAY,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MACjD,YAAY,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MACjD,MAAM,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC3C,mBAAmB,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MACxD,SAAS,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC9C,sBAAsB,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC3D,SAAS,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC9C,sBAAsB,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MAC1D,WAAW,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAChD,wBAAwB,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC7D,OAAO,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC5C,oBAAoB,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MACxD,QAAQ,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC7C,qBAAqB,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC1D,aAAa,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MACjD,0BAA0B,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MAC9D,QAAQ,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC7C,OAAO,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC5C,MAAM,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC3C,QAAQ,EAAE,OAAO,WAAW,MAAM,SAAS;AAAA,IAC5C;AAAA,IACA,MAAM;AAAA,MACL,YAAY,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MAChD,YAAY,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MACjD,MAAM,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MAC1C,mBAAmB,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MACxD,SAAS,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MAC7C,sBAAsB,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC3D,SAAS,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC9C,sBAAsB,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MAC1D,WAAW,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAChD,wBAAwB,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC7D,OAAO,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC5C,oBAAoB,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MACxD,QAAQ,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC7C,qBAAqB,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC1D,aAAa,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,MACjD,0BAA0B,EAAE,OAAO,YAAY,MAAM,QAAQ;AAAA,MAC7D,QAAQ,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC7C,OAAO,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC5C,MAAM,EAAE,OAAO,cAAc,MAAM,QAAQ;AAAA,MAC3C,QAAQ,EAAE,OAAO,WAAW,MAAM,SAAS;AAAA,IAC5C;AAAA,EACD;AACD;;;ACtCO,IAAM,SAAgC;AAAA,EAC5C,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AACR;AAOO,SAAS,SAAS,MAAiC;AACzD,SAAO,OAAO,IAAI;AACnB;AAMO,SAAS,aAAgF;AAC/F,SAAO,OAAO,OAAO,MAAM,EAAE,IAAI,CAAC,OAAO;AAAA,IACxC,MAAM,EAAE;AAAA,IACR,aAAa,EAAE;AAAA,IACf,aAAa,EAAE;AAAA,EAChB,EAAE;AACH;","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 * @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 3.8% 46.1%\", 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 84.2% 60.2%\", 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% 64.9%\", 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 62.8% 30.6%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 98%\", 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% 43%\", 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 84% 60%\", 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% 55%\", 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\tdestructive: { value: \"0 62% 30%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 98%\", 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% 43%\", 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 84% 60%\", 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% 55%\", 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\tdestructive: { value: \"0 62% 30%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 98%\", 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":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hex-core/tokens",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "Design token engine for Hex UI — HSL tokens + typography scale shared between components and themes.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"hex-ui",
|
|
@@ -40,14 +40,15 @@
|
|
|
40
40
|
},
|
|
41
41
|
"scripts": {
|
|
42
42
|
"build": "tsup",
|
|
43
|
-
"clean": "rm -rf dist"
|
|
43
|
+
"clean": "rm -rf dist",
|
|
44
|
+
"test": "vitest run"
|
|
44
45
|
},
|
|
45
46
|
"dependencies": {
|
|
46
47
|
"@hex-core/registry": "workspace:^",
|
|
47
|
-
"zod": "^3.
|
|
48
|
+
"zod": "^4.3.6"
|
|
48
49
|
},
|
|
49
50
|
"devDependencies": {
|
|
50
51
|
"tsup": "^8.3.0",
|
|
51
|
-
"typescript": "^
|
|
52
|
+
"typescript": "^6.0.3"
|
|
52
53
|
}
|
|
53
54
|
}
|