@work-rjkashyap/unified-ui 0.3.2 → 0.3.4

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/CHANGELOG.md CHANGED
@@ -10,6 +10,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
10
10
 
11
11
  ### 🚀 Features
12
12
 
13
+ - Add motion tokens for animation consistency
14
+ - Introduced motion tokens in `motion.ts` for durations, easings, springs, and stagger timings to standardize animations across the design system. ([65feea0](https://github.com/imrj05/unified-ui/commit/65feea0c5ab3b43d3aa6a4300aedda58b9769fad))
15
+ ## [0.3.2] — 2026-03-09
16
+
17
+ ### 🚀 Features
18
+
13
19
  - Update composer.json version to 0.0.5, add PHP config integration, and enhance InitCommand ([26cacd4](https://github.com/imrj05/unified-ui/commit/26cacd4b8a16ea4cc31d7894c5fb0dbbb0541f8a))
14
20
  - Update composer.json version to 0.0.4 and enhance InitCommand with skip-npm option ([0ce9f0e](https://github.com/imrj05/unified-ui/commit/0ce9f0eb0e9da9bdf8e421a27571b160b343e293))
15
21
  - Update composer.json version and enhance InitCommand for app.js and app.css patching ([67ee978](https://github.com/imrj05/unified-ui/commit/67ee97825c2c89ef7c2da15bc41532c1aa776da7))
@@ -45,6 +51,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
45
51
 
46
52
  ### 🏗️ Miscellaneous
47
53
 
54
+ - **changelog:** Auto-update unreleased entries [skip ci] ([7fb15c9](https://github.com/imrj05/unified-ui/commit/7fb15c907a060b6c15d65fd85e073ed1cbcff740))
48
55
  - **changelog:** Auto-update unreleased entries [skip ci] ([7dbe966](https://github.com/imrj05/unified-ui/commit/7dbe96600fe84196757a878c4256a3e3cb0f6682))
49
56
  - **changelog:** Auto-update unreleased entries [skip ci] ([6569725](https://github.com/imrj05/unified-ui/commit/656972599dd7703317fbd6b184b95050aca092d8))
50
57
  - **changelog:** Auto-update unreleased entries [skip ci] ([57bfcc3](https://github.com/imrj05/unified-ui/commit/57bfcc37256d43487f773bddda7d8c70e7c89b31))
package/bin/cli.mjs CHANGED
@@ -27,12 +27,12 @@ import { execSync } from "node:child_process";
27
27
  import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
28
28
  import { dirname, join, resolve } from "node:path";
29
29
  import { createInterface } from "node:readline";
30
+
30
31
  // ---------------------------------------------------------------------------
31
32
  // Config
32
33
  // ---------------------------------------------------------------------------
33
34
  const REGISTRY_BASE_URL =
34
- process.env.UNIFIED_UI_REGISTRY_URL ||
35
- "https://www.unified-ui.space/r";
35
+ process.env.UNIFIED_UI_REGISTRY_URL || "https://www.unified-ui.space/r";
36
36
  const CONFIG_FILE = "unified-ui.json";
37
37
  // ---------------------------------------------------------------------------
38
38
  // Starter kit templates
@@ -333,6 +333,248 @@ async function installNpmDeps(deps, root) {
333
333
  );
334
334
  }
335
335
  }
336
+ async function installNpmDevDeps(deps, root) {
337
+ if (deps.length === 0) return;
338
+ const pm = await detectPackageManager(root);
339
+ const cmd = getInstallCommand(pm, deps)
340
+ .replace(" add ", " add -D ")
341
+ .replace(" install ", " install -D ");
342
+ logStep("📦", `Installing dev dependencies with ${c("cyan", pm)}...`);
343
+ logStep(" ", c("dim", cmd));
344
+ try {
345
+ execSync(cmd, { cwd: root, stdio: "pipe" });
346
+ logStep("✓", c("green", `${deps.length} dev package(s) installed`));
347
+ } catch (_err) {
348
+ logStep(
349
+ "⚠",
350
+ c("yellow", `Auto-install failed. Run manually:\n ${cmd}`),
351
+ );
352
+ }
353
+ }
354
+ // ---------------------------------------------------------------------------
355
+ // Vite + Tailwind CSS detection & setup
356
+ // ---------------------------------------------------------------------------
357
+ function detectViteConfig(root) {
358
+ for (const name of [
359
+ "vite.config.ts",
360
+ "vite.config.js",
361
+ "vite.config.mjs",
362
+ "vite.config.mts",
363
+ ]) {
364
+ if (existsSync(join(root, name))) return name;
365
+ }
366
+ return null;
367
+ }
368
+ function hasDependency(root, pkg) {
369
+ try {
370
+ const raw = readFileSync(join(root, "package.json"), "utf-8");
371
+ const json = JSON.parse(raw);
372
+ const all = {
373
+ ...json.dependencies,
374
+ ...json.devDependencies,
375
+ ...json.peerDependencies,
376
+ };
377
+ return Boolean(all[pkg]);
378
+ } catch {
379
+ return false;
380
+ }
381
+ }
382
+ async function setupTailwindForVite(root, config) {
383
+ const viteConfigName = detectViteConfig(root);
384
+ if (!viteConfigName) return; // Not a Vite project
385
+
386
+ logStep("🔍", "Detected Vite project");
387
+
388
+ // 1. Install tailwindcss + @tailwindcss/vite if missing
389
+ const missingDevDeps = [];
390
+ if (!hasDependency(root, "tailwindcss")) missingDevDeps.push("tailwindcss");
391
+ if (!hasDependency(root, "@tailwindcss/vite"))
392
+ missingDevDeps.push("@tailwindcss/vite");
393
+ if (missingDevDeps.length > 0) {
394
+ await installNpmDevDeps(missingDevDeps, root);
395
+ } else {
396
+ logStep("✓", c("dim", "tailwindcss + @tailwindcss/vite already installed"));
397
+ }
398
+
399
+ // 2. Patch vite.config to add tailwindcss plugin, path import, and @ alias
400
+ const viteConfigPath = join(root, viteConfigName);
401
+ let viteContent = readFileSync(viteConfigPath, "utf-8");
402
+ let viteModified = false;
403
+
404
+ // 2a. Add @tailwindcss/vite import + plugin
405
+ if (!viteContent.includes("@tailwindcss/vite")) {
406
+ const tailwindImport = 'import tailwindcss from "@tailwindcss/vite";\n';
407
+ const importMatch = viteContent.match(/^(import\s.+\n)+/m);
408
+ if (importMatch) {
409
+ const lastImportEnd = importMatch.index + importMatch[0].length;
410
+ viteContent =
411
+ viteContent.slice(0, lastImportEnd) +
412
+ tailwindImport +
413
+ viteContent.slice(lastImportEnd);
414
+ } else {
415
+ viteContent = tailwindImport + viteContent;
416
+ }
417
+ if (viteContent.includes("plugins:")) {
418
+ viteContent = viteContent.replace(
419
+ /plugins:\s*\[/,
420
+ "plugins: [\n tailwindcss(),",
421
+ );
422
+ } else if (viteContent.includes("defineConfig({")) {
423
+ viteContent = viteContent.replace(
424
+ /defineConfig\(\{/,
425
+ "defineConfig({\n plugins: [tailwindcss()],",
426
+ );
427
+ }
428
+ viteModified = true;
429
+ } else {
430
+ logStep("✓", c("dim", `${viteConfigName} already has @tailwindcss/vite`));
431
+ }
432
+
433
+ // 2b. Add path import + resolve.alias for @
434
+ if (
435
+ !viteContent.includes("node:path") &&
436
+ !viteContent.match(/import\s+path\s+from\s+["']path["']/)
437
+ ) {
438
+ const pathImport = 'import path from "node:path";\n';
439
+ const importMatch = viteContent.match(/^(import\s.+\n)+/m);
440
+ if (importMatch) {
441
+ const lastImportEnd = importMatch.index + importMatch[0].length;
442
+ viteContent =
443
+ viteContent.slice(0, lastImportEnd) +
444
+ pathImport +
445
+ viteContent.slice(lastImportEnd);
446
+ } else {
447
+ viteContent = pathImport + viteContent;
448
+ }
449
+ viteModified = true;
450
+ }
451
+
452
+ if (
453
+ !viteContent.includes("resolve:") &&
454
+ !viteContent.includes("resolve.alias")
455
+ ) {
456
+ // Add resolve.alias block before the closing of defineConfig
457
+ const resolveBlock = ` resolve: {\n alias: {\n "@": path.resolve(__dirname, "src"),\n },\n },`;
458
+ if (viteContent.includes("plugins:")) {
459
+ // Insert after plugins block — find the plugins array closing and add after
460
+ viteContent = viteContent.replace(
461
+ /(plugins:\s*\[[\s\S]*?\],?\n)/m,
462
+ `$1${resolveBlock}\n`,
463
+ );
464
+ } else if (viteContent.includes("defineConfig({")) {
465
+ viteContent = viteContent.replace(
466
+ /defineConfig\(\{/,
467
+ `defineConfig({\n${resolveBlock}`,
468
+ );
469
+ }
470
+ viteModified = true;
471
+ } else {
472
+ logStep("✓", c("dim", `${viteConfigName} already has resolve.alias`));
473
+ }
474
+
475
+ if (viteModified) {
476
+ writeFileSync(viteConfigPath, viteContent);
477
+ logStep(
478
+ "✓",
479
+ `Patched ${c("cyan", viteConfigName)} with Tailwind CSS plugin + @ alias`,
480
+ );
481
+ }
482
+
483
+ // 2c. Patch tsconfig to add @/* path alias
484
+ const tsconfigCandidates = ["tsconfig.app.json", "tsconfig.json"];
485
+ for (const tscName of tsconfigCandidates) {
486
+ const tscPath = join(root, tscName);
487
+ if (!existsSync(tscPath)) continue;
488
+ const tscContent = readFileSync(tscPath, "utf-8");
489
+ if (tscContent.includes('"@/*"')) {
490
+ logStep("✓", c("dim", `${tscName} already has @/* path alias`));
491
+ break;
492
+ }
493
+ try {
494
+ // Strip comments for JSON parsing (single-line // comments)
495
+ const stripped = tscContent.replace(/^\s*\/\/.*$/gm, "");
496
+ const tsconfig = JSON.parse(stripped);
497
+ if (!tsconfig.compilerOptions) tsconfig.compilerOptions = {};
498
+ if (!tsconfig.compilerOptions.paths) tsconfig.compilerOptions.paths = {};
499
+ tsconfig.compilerOptions.paths["@/*"] = ["./src/*"];
500
+ // Also ensure baseUrl is set for paths to work
501
+ if (!tsconfig.compilerOptions.baseUrl) {
502
+ tsconfig.compilerOptions.baseUrl = ".";
503
+ }
504
+ writeFileSync(tscPath, `${JSON.stringify(tsconfig, null, 2)}\n`);
505
+ logStep("✓", `Patched ${c("cyan", tscName)} with @/* path alias`);
506
+ } catch {
507
+ logStep(
508
+ "⚠",
509
+ c("yellow", `Could not patch ${tscName} — add @/* path alias manually`),
510
+ );
511
+ }
512
+ break;
513
+ }
514
+
515
+ // 3. Patch CSS entry file
516
+ const srcDir = join(root, config.srcDir);
517
+ const cssCandidates = [
518
+ "index.css",
519
+ "App.css",
520
+ "style.css",
521
+ "main.css",
522
+ "globals.css",
523
+ ];
524
+ let cssPath = null;
525
+ for (const name of cssCandidates) {
526
+ const candidate = join(srcDir, name);
527
+ if (existsSync(candidate)) {
528
+ cssPath = candidate;
529
+ break;
530
+ }
531
+ }
532
+ if (!cssPath) {
533
+ // Create src/index.css if no CSS file found
534
+ cssPath = join(srcDir, "index.css");
535
+ }
536
+ const tailwindDirective = '@import "tailwindcss";';
537
+ const unifiedUiImport = '@import "@/styles/unified-ui.css";';
538
+ if (existsSync(cssPath)) {
539
+ let cssContent = readFileSync(cssPath, "utf-8");
540
+ let modified = false;
541
+ if (!cssContent.includes(tailwindDirective)) {
542
+ cssContent = `${tailwindDirective}\n${cssContent}`;
543
+ modified = true;
544
+ }
545
+ if (!cssContent.includes(unifiedUiImport)) {
546
+ // Insert right after the tailwindcss import
547
+ cssContent = cssContent.replace(
548
+ tailwindDirective,
549
+ `${tailwindDirective}\n${unifiedUiImport}`,
550
+ );
551
+ modified = true;
552
+ }
553
+ if (modified) {
554
+ writeFileSync(cssPath, cssContent);
555
+ logStep(
556
+ "✓",
557
+ `Updated ${c("cyan", cssPath.replace(`${root}/`, ""))} with Tailwind imports`,
558
+ );
559
+ } else {
560
+ logStep(
561
+ "✓",
562
+ c(
563
+ "dim",
564
+ `${cssPath.replace(`${root}/`, "")} already has Tailwind imports`,
565
+ ),
566
+ );
567
+ }
568
+ } else {
569
+ const content = `${tailwindDirective}\n${unifiedUiImport}\n`;
570
+ mkdirSync(dirname(cssPath), { recursive: true });
571
+ writeFileSync(cssPath, content);
572
+ logStep(
573
+ "✓",
574
+ `Created ${c("cyan", cssPath.replace(`${root}/`, ""))} with Tailwind imports`,
575
+ );
576
+ }
577
+ }
336
578
  // ---------------------------------------------------------------------------
337
579
  // File writer
338
580
  // ---------------------------------------------------------------------------
@@ -1757,9 +1999,12 @@ async function cmdInit(positional = [], flags = {}) {
1757
1999
  }
1758
2000
  // Install base npm deps
1759
2001
  await installNpmDeps(
1760
- ["class-variance-authority", "clsx", "tailwind-merge"],
2002
+ ["class-variance-authority", "clsx", "tailwind-merge", "lucide-react"],
1761
2003
  config.root,
1762
2004
  );
2005
+ // Set up Tailwind CSS for Vite projects
2006
+ log();
2007
+ await setupTailwindForVite(config.root, config);
1763
2008
  log();
1764
2009
  logStep("🎉", c("green", "Project initialized! Start adding components:"));
1765
2010
  log();
@@ -118,6 +118,123 @@ var teal = {
118
118
  900: "oklch(0.326 0.064 175.066)",
119
119
  950: "oklch(0.232 0.051 175.066)"
120
120
  };
121
+ var indigo = {
122
+ 50: "oklch(0.962 0.018 272.314)",
123
+ 100: "oklch(0.93 0.034 272.788)",
124
+ 200: "oklch(0.87 0.065 274.039)",
125
+ 300: "oklch(0.785 0.115 274.713)",
126
+ 400: "oklch(0.673 0.182 276.935)",
127
+ 500: "oklch(0.585 0.233 277.117)",
128
+ 600: "oklch(0.511 0.262 276.966)",
129
+ 700: "oklch(0.457 0.24 277.023)",
130
+ 800: "oklch(0.398 0.195 277.366)",
131
+ 900: "oklch(0.359 0.144 278.697)",
132
+ 950: "oklch(0.257 0.09 281.288)"
133
+ };
134
+ var purple = {
135
+ 50: "oklch(0.977 0.014 308.299)",
136
+ 100: "oklch(0.946 0.033 307.174)",
137
+ 200: "oklch(0.902 0.063 306.703)",
138
+ 300: "oklch(0.827 0.119 306.383)",
139
+ 400: "oklch(0.714 0.203 305.504)",
140
+ 500: "oklch(0.627 0.265 303.9)",
141
+ 600: "oklch(0.558 0.288 302.321)",
142
+ 700: "oklch(0.496 0.265 301.924)",
143
+ 800: "oklch(0.438 0.218 303.724)",
144
+ 900: "oklch(0.381 0.176 304.987)",
145
+ 950: "oklch(0.291 0.149 302.717)"
146
+ };
147
+ var pink = {
148
+ 50: "oklch(0.971 0.014 343.198)",
149
+ 100: "oklch(0.948 0.028 342.258)",
150
+ 200: "oklch(0.899 0.061 343.231)",
151
+ 300: "oklch(0.823 0.12 346.018)",
152
+ 400: "oklch(0.718 0.202 349.761)",
153
+ 500: "oklch(0.656 0.241 354.308)",
154
+ 600: "oklch(0.592 0.249 0.584)",
155
+ 700: "oklch(0.525 0.223 3.958)",
156
+ 800: "oklch(0.459 0.187 3.815)",
157
+ 900: "oklch(0.408 0.153 2.432)",
158
+ 950: "oklch(0.284 0.109 3.907)"
159
+ };
160
+ var cyan = {
161
+ 50: "oklch(0.967 0.019 200.873)",
162
+ 100: "oklch(0.936 0.044 200.873)",
163
+ 200: "oklch(0.886 0.085 207.693)",
164
+ 300: "oklch(0.816 0.12 207.693)",
165
+ 400: "oklch(0.718 0.144 213.806)",
166
+ 500: "oklch(0.627 0.14 213.806)",
167
+ 600: "oklch(0.532 0.128 216.632)",
168
+ 700: "oklch(0.457 0.107 218.318)",
169
+ 800: "oklch(0.393 0.089 218.318)",
170
+ 900: "oklch(0.342 0.07 218.318)",
171
+ 950: "oklch(0.254 0.058 218.318)"
172
+ };
173
+ var emerald = {
174
+ 50: "oklch(0.979 0.021 166.113)",
175
+ 100: "oklch(0.95 0.052 163.051)",
176
+ 200: "oklch(0.905 0.093 164.15)",
177
+ 300: "oklch(0.845 0.143 164.978)",
178
+ 400: "oklch(0.765 0.177 163.223)",
179
+ 500: "oklch(0.696 0.17 162.48)",
180
+ 600: "oklch(0.596 0.145 163.225)",
181
+ 700: "oklch(0.508 0.118 165.612)",
182
+ 800: "oklch(0.432 0.095 166.913)",
183
+ 900: "oklch(0.378 0.077 168.94)",
184
+ 950: "oklch(0.262 0.051 172.552)"
185
+ };
186
+ var yellow = {
187
+ 50: "oklch(0.987 0.026 102.212)",
188
+ 100: "oklch(0.973 0.071 103.193)",
189
+ 200: "oklch(0.945 0.129 101.726)",
190
+ 300: "oklch(0.905 0.182 98.111)",
191
+ 400: "oklch(0.852 0.199 91.936)",
192
+ 500: "oklch(0.795 0.184 86.047)",
193
+ 600: "oklch(0.681 0.162 75.834)",
194
+ 700: "oklch(0.554 0.135 66.442)",
195
+ 800: "oklch(0.476 0.114 61.907)",
196
+ 900: "oklch(0.421 0.095 57.708)",
197
+ 950: "oklch(0.286 0.066 53.813)"
198
+ };
199
+ var fuchsia = {
200
+ 50: "oklch(0.977 0.017 320.058)",
201
+ 100: "oklch(0.952 0.037 318.852)",
202
+ 200: "oklch(0.903 0.076 319.62)",
203
+ 300: "oklch(0.833 0.145 321.434)",
204
+ 400: "oklch(0.74 0.238 322.16)",
205
+ 500: "oklch(0.667 0.295 322.15)",
206
+ 600: "oklch(0.591 0.293 322.896)",
207
+ 700: "oklch(0.518 0.253 323.949)",
208
+ 800: "oklch(0.452 0.211 324.591)",
209
+ 900: "oklch(0.401 0.17 325.612)",
210
+ 950: "oklch(0.293 0.136 325.661)"
211
+ };
212
+ var sky = {
213
+ 50: "oklch(0.977 0.013 236.62)",
214
+ 100: "oklch(0.951 0.026 236.824)",
215
+ 200: "oklch(0.901 0.058 230.902)",
216
+ 300: "oklch(0.828 0.111 230.318)",
217
+ 400: "oklch(0.746 0.16 232.661)",
218
+ 500: "oklch(0.685 0.169 237.323)",
219
+ 600: "oklch(0.588 0.158 241.966)",
220
+ 700: "oklch(0.5 0.134 242.749)",
221
+ 800: "oklch(0.443 0.11 240.79)",
222
+ 900: "oklch(0.391 0.09 240.876)",
223
+ 950: "oklch(0.293 0.066 243.157)"
224
+ };
225
+ var lime = {
226
+ 50: "oklch(0.986 0.031 120.757)",
227
+ 100: "oklch(0.967 0.067 122.328)",
228
+ 200: "oklch(0.938 0.127 124.321)",
229
+ 300: "oklch(0.897 0.196 126.665)",
230
+ 400: "oklch(0.841 0.238 128.85)",
231
+ 500: "oklch(0.768 0.233 130.85)",
232
+ 600: "oklch(0.648 0.2 131.684)",
233
+ 700: "oklch(0.532 0.157 131.589)",
234
+ 800: "oklch(0.453 0.124 130.933)",
235
+ 900: "oklch(0.405 0.101 131.063)",
236
+ 950: "oklch(0.274 0.072 132.109)"
237
+ };
121
238
  var pure = {
122
239
  white: "oklch(1 0 0)",
123
240
  black: "oklch(0 0 0)",
@@ -307,7 +424,16 @@ var palettes = {
307
424
  green,
308
425
  amber,
309
426
  red,
310
- teal
427
+ teal,
428
+ indigo,
429
+ purple,
430
+ pink,
431
+ cyan,
432
+ emerald,
433
+ yellow,
434
+ fuchsia,
435
+ sky,
436
+ lime
311
437
  };
312
438
 
313
439
  // src/tokens/radius.ts
@@ -381,18 +507,27 @@ var zIndex = {
381
507
  exports.amber = amber;
382
508
  exports.blue = blue;
383
509
  exports.brand = brand;
510
+ exports.cyan = cyan;
511
+ exports.emerald = emerald;
512
+ exports.fuchsia = fuchsia;
384
513
  exports.gray = gray;
385
514
  exports.green = green;
515
+ exports.indigo = indigo;
516
+ exports.lime = lime;
386
517
  exports.neutral = neutral;
387
518
  exports.palettes = palettes;
519
+ exports.pink = pink;
388
520
  exports.pure = pure;
521
+ exports.purple = purple;
389
522
  exports.radius = radius;
390
523
  exports.red = red;
391
524
  exports.semanticDark = semanticDark;
392
525
  exports.semanticLight = semanticLight;
393
526
  exports.shadow = shadow;
394
527
  exports.shadowDark = shadowDark;
528
+ exports.sky = sky;
395
529
  exports.slate = slate;
396
530
  exports.teal = teal;
531
+ exports.yellow = yellow;
397
532
  exports.zIndex = zIndex;
398
533
  exports.zinc = zinc;
@@ -116,6 +116,123 @@ var teal = {
116
116
  900: "oklch(0.326 0.064 175.066)",
117
117
  950: "oklch(0.232 0.051 175.066)"
118
118
  };
119
+ var indigo = {
120
+ 50: "oklch(0.962 0.018 272.314)",
121
+ 100: "oklch(0.93 0.034 272.788)",
122
+ 200: "oklch(0.87 0.065 274.039)",
123
+ 300: "oklch(0.785 0.115 274.713)",
124
+ 400: "oklch(0.673 0.182 276.935)",
125
+ 500: "oklch(0.585 0.233 277.117)",
126
+ 600: "oklch(0.511 0.262 276.966)",
127
+ 700: "oklch(0.457 0.24 277.023)",
128
+ 800: "oklch(0.398 0.195 277.366)",
129
+ 900: "oklch(0.359 0.144 278.697)",
130
+ 950: "oklch(0.257 0.09 281.288)"
131
+ };
132
+ var purple = {
133
+ 50: "oklch(0.977 0.014 308.299)",
134
+ 100: "oklch(0.946 0.033 307.174)",
135
+ 200: "oklch(0.902 0.063 306.703)",
136
+ 300: "oklch(0.827 0.119 306.383)",
137
+ 400: "oklch(0.714 0.203 305.504)",
138
+ 500: "oklch(0.627 0.265 303.9)",
139
+ 600: "oklch(0.558 0.288 302.321)",
140
+ 700: "oklch(0.496 0.265 301.924)",
141
+ 800: "oklch(0.438 0.218 303.724)",
142
+ 900: "oklch(0.381 0.176 304.987)",
143
+ 950: "oklch(0.291 0.149 302.717)"
144
+ };
145
+ var pink = {
146
+ 50: "oklch(0.971 0.014 343.198)",
147
+ 100: "oklch(0.948 0.028 342.258)",
148
+ 200: "oklch(0.899 0.061 343.231)",
149
+ 300: "oklch(0.823 0.12 346.018)",
150
+ 400: "oklch(0.718 0.202 349.761)",
151
+ 500: "oklch(0.656 0.241 354.308)",
152
+ 600: "oklch(0.592 0.249 0.584)",
153
+ 700: "oklch(0.525 0.223 3.958)",
154
+ 800: "oklch(0.459 0.187 3.815)",
155
+ 900: "oklch(0.408 0.153 2.432)",
156
+ 950: "oklch(0.284 0.109 3.907)"
157
+ };
158
+ var cyan = {
159
+ 50: "oklch(0.967 0.019 200.873)",
160
+ 100: "oklch(0.936 0.044 200.873)",
161
+ 200: "oklch(0.886 0.085 207.693)",
162
+ 300: "oklch(0.816 0.12 207.693)",
163
+ 400: "oklch(0.718 0.144 213.806)",
164
+ 500: "oklch(0.627 0.14 213.806)",
165
+ 600: "oklch(0.532 0.128 216.632)",
166
+ 700: "oklch(0.457 0.107 218.318)",
167
+ 800: "oklch(0.393 0.089 218.318)",
168
+ 900: "oklch(0.342 0.07 218.318)",
169
+ 950: "oklch(0.254 0.058 218.318)"
170
+ };
171
+ var emerald = {
172
+ 50: "oklch(0.979 0.021 166.113)",
173
+ 100: "oklch(0.95 0.052 163.051)",
174
+ 200: "oklch(0.905 0.093 164.15)",
175
+ 300: "oklch(0.845 0.143 164.978)",
176
+ 400: "oklch(0.765 0.177 163.223)",
177
+ 500: "oklch(0.696 0.17 162.48)",
178
+ 600: "oklch(0.596 0.145 163.225)",
179
+ 700: "oklch(0.508 0.118 165.612)",
180
+ 800: "oklch(0.432 0.095 166.913)",
181
+ 900: "oklch(0.378 0.077 168.94)",
182
+ 950: "oklch(0.262 0.051 172.552)"
183
+ };
184
+ var yellow = {
185
+ 50: "oklch(0.987 0.026 102.212)",
186
+ 100: "oklch(0.973 0.071 103.193)",
187
+ 200: "oklch(0.945 0.129 101.726)",
188
+ 300: "oklch(0.905 0.182 98.111)",
189
+ 400: "oklch(0.852 0.199 91.936)",
190
+ 500: "oklch(0.795 0.184 86.047)",
191
+ 600: "oklch(0.681 0.162 75.834)",
192
+ 700: "oklch(0.554 0.135 66.442)",
193
+ 800: "oklch(0.476 0.114 61.907)",
194
+ 900: "oklch(0.421 0.095 57.708)",
195
+ 950: "oklch(0.286 0.066 53.813)"
196
+ };
197
+ var fuchsia = {
198
+ 50: "oklch(0.977 0.017 320.058)",
199
+ 100: "oklch(0.952 0.037 318.852)",
200
+ 200: "oklch(0.903 0.076 319.62)",
201
+ 300: "oklch(0.833 0.145 321.434)",
202
+ 400: "oklch(0.74 0.238 322.16)",
203
+ 500: "oklch(0.667 0.295 322.15)",
204
+ 600: "oklch(0.591 0.293 322.896)",
205
+ 700: "oklch(0.518 0.253 323.949)",
206
+ 800: "oklch(0.452 0.211 324.591)",
207
+ 900: "oklch(0.401 0.17 325.612)",
208
+ 950: "oklch(0.293 0.136 325.661)"
209
+ };
210
+ var sky = {
211
+ 50: "oklch(0.977 0.013 236.62)",
212
+ 100: "oklch(0.951 0.026 236.824)",
213
+ 200: "oklch(0.901 0.058 230.902)",
214
+ 300: "oklch(0.828 0.111 230.318)",
215
+ 400: "oklch(0.746 0.16 232.661)",
216
+ 500: "oklch(0.685 0.169 237.323)",
217
+ 600: "oklch(0.588 0.158 241.966)",
218
+ 700: "oklch(0.5 0.134 242.749)",
219
+ 800: "oklch(0.443 0.11 240.79)",
220
+ 900: "oklch(0.391 0.09 240.876)",
221
+ 950: "oklch(0.293 0.066 243.157)"
222
+ };
223
+ var lime = {
224
+ 50: "oklch(0.986 0.031 120.757)",
225
+ 100: "oklch(0.967 0.067 122.328)",
226
+ 200: "oklch(0.938 0.127 124.321)",
227
+ 300: "oklch(0.897 0.196 126.665)",
228
+ 400: "oklch(0.841 0.238 128.85)",
229
+ 500: "oklch(0.768 0.233 130.85)",
230
+ 600: "oklch(0.648 0.2 131.684)",
231
+ 700: "oklch(0.532 0.157 131.589)",
232
+ 800: "oklch(0.453 0.124 130.933)",
233
+ 900: "oklch(0.405 0.101 131.063)",
234
+ 950: "oklch(0.274 0.072 132.109)"
235
+ };
119
236
  var pure = {
120
237
  white: "oklch(1 0 0)",
121
238
  black: "oklch(0 0 0)",
@@ -305,7 +422,16 @@ var palettes = {
305
422
  green,
306
423
  amber,
307
424
  red,
308
- teal
425
+ teal,
426
+ indigo,
427
+ purple,
428
+ pink,
429
+ cyan,
430
+ emerald,
431
+ yellow,
432
+ fuchsia,
433
+ sky,
434
+ lime
309
435
  };
310
436
 
311
437
  // src/tokens/radius.ts
@@ -376,4 +502,4 @@ var zIndex = {
376
502
  max: "9999"
377
503
  };
378
504
 
379
- export { amber, blue, brand, gray, green, neutral, palettes, pure, radius, red, semanticDark, semanticLight, shadow, shadowDark, slate, teal, zIndex, zinc };
505
+ export { amber, blue, brand, cyan, emerald, fuchsia, gray, green, indigo, lime, neutral, palettes, pink, pure, purple, radius, red, semanticDark, semanticLight, shadow, shadowDark, sky, slate, teal, yellow, zIndex, zinc };