@atomixstudio/mcp 0.1.1 → 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.
Files changed (19) hide show
  1. package/README.md +72 -288
  2. package/dist/index.d.ts +1 -201
  3. package/dist/index.js +1288 -2740
  4. package/dist/index.js.map +1 -1
  5. package/package.json +31 -32
  6. package/data/component-tokens-snapshot.json +0 -659
  7. package/data/tenants/default.json +0 -73
  8. package/scripts/sync-component-tokens.cjs +0 -974
  9. package/scripts/sync-component-tokens.js +0 -678
  10. package/src/ai-rules-generator.ts +0 -1144
  11. package/src/component-tokens.ts +0 -702
  12. package/src/index.ts +0 -1155
  13. package/src/tenant-store.ts +0 -436
  14. package/src/tokens.ts +0 -208
  15. package/src/user-tokens.ts +0 -268
  16. package/src/utils.ts +0 -465
  17. package/tests/stress-test.cjs +0 -907
  18. package/tsconfig.json +0 -21
  19. package/tsup.config.ts +0 -16
package/src/component-tokens.ts DELETED
@@ -1,702 +0,0 @@
1
- /**
2
- * Component Token Mappings
3
- *
4
- * AUTO-GENERATED from apps/atomix-lab/src/config/component-defaults.ts
5
- * DO NOT EDIT MANUALLY - run `npm run sync` to regenerate.
6
- *
7
- * Maps each component to its design tokens.
8
- * This allows AI tools to understand which tokens apply to which components.
9
- *
10
- * Last synced: 2026-01-04T21:49:24.444Z
11
- * Tenant: default
12
- */
13
-
14
- export interface ComponentTokenConfig {
15
- description: string;
16
- variants?: Record<string, VariantTokens>;
17
- sizes?: Record<string, SizeTokens>;
18
- shared?: Record<string, string>;
19
- cssVariables?: string[];
20
- tailwindClasses?: string[];
21
- }
22
-
23
- export interface VariantTokens {
24
- description?: string;
25
- tokens: Record<string, string>;
26
- }
27
-
28
- export interface SizeTokens {
29
- description?: string;
30
- tokens: Record<string, string>;
31
- }
32
-
33
- // Multi-tenant ready token store
34
- export interface MCPTokenStore {
35
- version: string;
36
- tenantId: string;
37
- generatedAt: string;
38
- components: Record<string, ComponentTokenConfig>;
39
- }
40
-
41
- export const COMPONENT_TOKENS: Record<string, ComponentTokenConfig> = {
42
- "button": {
43
- "description": "Interactive button component with multiple variants and sizes",
44
- "sizes": {
45
- "sm": {
46
- "tokens": {
47
- "top": "xs",
48
- "right": "sm",
49
- "bottom": "xs",
50
- "left": "sm",
51
- "borderRadius": "radius.scale.lg",
52
- "typeSet": "typography.typeSets.text-small-bold"
53
- }
54
- },
55
- "padding": {
56
- "tokens": {
57
- "top": "xs",
58
- "right": "sm",
59
- "bottom": "xs",
60
- "left": "sm",
61
- "borderRadius": "radius.scale.lg",
62
- "typeSet": "typography.typeSets.text-small-bold"
63
- }
64
- },
65
- "md": {
66
- "tokens": {
67
- "top": "sm",
68
- "right": "lg",
69
- "bottom": "sm",
70
- "left": "lg",
71
- "borderRadius": "radius.scale.4xl",
72
- "typeSet": "typography.typeSets.text-normal-bold"
73
- }
74
- },
75
- "lg": {
76
- "tokens": {
77
- "top": "sm",
78
- "right": "lg",
79
- "bottom": "sm",
80
- "left": "lg",
81
- "borderRadius": "radius.scale.4xl",
82
- "typeSet": "typography.typeSets.text-large-bold"
83
- }
84
- }
85
- }
86
- },
87
- "card": {
88
- "description": "Container component for grouping related content",
89
- "variants": {
90
- "default": {
91
- "description": "default variant",
92
- "tokens": {
93
- "background": "colors.modes.{mode}.bgSurface",
94
- "borderColor": "colors.modes.{mode}.borderStrong",
95
- "borderWidth": "sm",
96
- "borderRadius": "xl",
97
- "shadow": "none",
98
- "titleColor": "colors.modes.{mode}.textPrimary",
99
- "bodyColor": "colors.modes.{mode}.textSecondary",
100
- "eyebrowColor": "colors.modes.{mode}.textMuted",
101
- "interaction": "elevation",
102
- "hoverShadow": "elevation-lg",
103
- "hoverTranslateY": "-2px",
104
- "hoverBorderColor": "colors.modes.{mode}.borderStrong"
105
- }
106
- },
107
- "elevated": {
108
- "description": "elevated variant",
109
- "tokens": {
110
- "background": "colors.modes.{mode}.bgSurface",
111
- "borderColor": "colors.modes.{mode}.borderPrimary",
112
- "borderWidth": "sm",
113
- "borderRadius": "2xl",
114
- "shadow": "elevation-md",
115
- "titleColor": "colors.modes.{mode}.textPrimary",
116
- "bodyColor": "colors.modes.{mode}.textSecondary",
117
- "eyebrowColor": "colors.modes.{mode}.textMuted",
118
- "interaction": "elevation",
119
- "hoverShadow": "elevation-lg",
120
- "hoverTranslateY": "-2px",
121
- "hoverBorderColor": "transparent"
122
- }
123
- },
124
- "outlined": {
125
- "description": "outlined variant",
126
- "tokens": {
127
- "background": "transparent",
128
- "borderColor": "colors.modes.{mode}.borderSecondary",
129
- "borderWidth": "lg",
130
- "borderRadius": "2xl",
131
- "shadow": "none",
132
- "titleColor": "colors.modes.{mode}.textPrimary",
133
- "bodyColor": "colors.modes.{mode}.textSecondary",
134
- "eyebrowColor": "colors.modes.{mode}.textMuted",
135
- "interaction": "border",
136
- "hoverShadow": "none",
137
- "hoverTranslateY": "0",
138
- "hoverBorderColor": "colors.modes.{mode}.borderStrong"
139
- }
140
- },
141
- "ghost": {
142
- "description": "ghost variant",
143
- "tokens": {
144
- "background": "transparent",
145
- "borderColor": "transparent",
146
- "borderWidth": "none",
147
- "borderRadius": "xl",
148
- "shadow": "none",
149
- "titleColor": "colors.modes.{mode}.textPrimary",
150
- "bodyColor": "colors.modes.{mode}.textMuted",
151
- "eyebrowColor": "colors.modes.{mode}.textMuted",
152
- "interaction": "none",
153
- "hoverShadow": "none",
154
- "hoverTranslateY": "0",
155
- "hoverBorderColor": "transparent"
156
- }
157
- }
158
- },
159
- "sizes": {
160
- "sm": {
161
- "tokens": {
162
- "top": "lg",
163
- "right": "xl",
164
- "bottom": "lg",
165
- "left": "xl",
166
- "headingSize": "sm"
167
- }
168
- },
169
- "padding": {
170
- "tokens": {
171
- "top": "lg",
172
- "right": "xl",
173
- "bottom": "lg",
174
- "left": "xl",
175
- "headingSize": "sm"
176
- }
177
- },
178
- "md": {
179
- "tokens": {
180
- "top": "xl",
181
- "right": "2xl",
182
- "bottom": "xl",
183
- "left": "2xl",
184
- "headingSize": "md"
185
- }
186
- },
187
- "lg": {
188
- "tokens": {
189
- "top": "2xl",
190
- "right": "3xl",
191
- "bottom": "2xl",
192
- "left": "3xl",
193
- "headingSize": "lg"
194
- }
195
- }
196
- },
197
- "shared": {
198
- "titleFontFamily": "typography.fontFamily.sans",
199
- "bodyFontFamily": "typography.fontFamily.sans"
200
- }
201
- },
202
- "input": {
203
- "description": "Text input field component with validation states",
204
- "variants": {
205
- "default": {
206
- "description": "default variant",
207
- "tokens": {
208
- "borderWidth": "sm",
209
- "borderColor": "colors.modes.{mode}.borderPrimary",
210
- "borderColorFocus": "colors.modes.{mode}.borderStrong",
211
- "helperTextColor": "colors.modes.{mode}.textMuted"
212
- }
213
- },
214
- "error": {
215
- "description": "error variant",
216
- "tokens": {
217
- "borderWidth": "md",
218
- "borderColor": "colors.adaptive.error.{mode}.border",
219
- "borderColorFocus": "colors.adaptive.error.{mode}.border",
220
- "helperTextColor": "colors.adaptive.error.{mode}.text"
221
- }
222
- },
223
- "success": {
224
- "description": "success variant",
225
- "tokens": {
226
- "borderWidth": "md",
227
- "borderColor": "colors.modes.{mode}.ring",
228
- "borderColorFocus": "colors.modes.{mode}.ring",
229
- "helperTextColor": "colors.adaptive.success.{mode}.text"
230
- }
231
- }
232
- },
233
- "sizes": {
234
- "sm": {
235
- "tokens": {
236
- "fieldHeight": "32px",
237
- "helperTypeSet": "helper-text",
238
- "borderRadius": "radius.scale.lg",
239
- "top": "xs",
240
- "right": "md",
241
- "bottom": "xs",
242
- "left": "md"
243
- }
244
- },
245
- "padding": {
246
- "tokens": {
247
- "top": "xs",
248
- "right": "md",
249
- "bottom": "xs",
250
- "left": "md"
251
- }
252
- },
253
- "md": {
254
- "tokens": {
255
- "fieldHeight": "40px",
256
- "helperTypeSet": "helper-text",
257
- "borderRadius": "radius.scale.xl",
258
- "top": "sm",
259
- "right": "md",
260
- "bottom": "sm",
261
- "left": "md"
262
- }
263
- },
264
- "lg": {
265
- "tokens": {
266
- "fieldHeight": "48px",
267
- "helperTypeSet": "helper-text",
268
- "borderRadius": "radius.scale.2xl",
269
- "top": "xl",
270
- "right": "lg",
271
- "bottom": "xl",
272
- "left": "lg"
273
- }
274
- }
275
- }
276
- },
277
- "select": {
278
- "description": "Unified text field component supporting input, select, and textarea",
279
- "variants": {
280
- "default": {
281
- "description": "default variant",
282
- "tokens": {
283
- "borderWidth": "md",
284
- "borderColor": "colors.modes.{mode}.borderPrimary",
285
- "borderColorFocus": "colors.modes.{mode}.borderSecondary",
286
- "helperTextColor": "colors.modes.{mode}.textMuted"
287
- }
288
- },
289
- "error": {
290
- "description": "error variant",
291
- "tokens": {
292
- "borderWidth": "md",
293
- "borderColor": "colors.adaptive.error.{mode}.border",
294
- "borderColorFocus": "colors.adaptive.error.{mode}.border",
295
- "helperTextColor": "colors.adaptive.error.{mode}.text"
296
- }
297
- },
298
- "success": {
299
- "description": "success variant",
300
- "tokens": {
301
- "borderWidth": "md",
302
- "borderColor": "colors.modes.{mode}.ring",
303
- "borderColorFocus": "colors.modes.{mode}.ring",
304
- "helperTextColor": "colors.adaptive.success.{mode}.text"
305
- }
306
- },
307
- "disabled": {
308
- "description": "disabled variant",
309
- "tokens": {
310
- "borderWidth": "sm",
311
- "borderColor": "colors.modes.{mode}.borderSecondary",
312
- "borderColorFocus": "colors.modes.{mode}.borderSecondary",
313
- "helperTextColor": "colors.modes.{mode}.textDisabled"
314
- }
315
- }
316
- },
317
- "sizes": {
318
- "sm": {
319
- "tokens": {
320
- "fieldHeight": "32px",
321
- "helperTypeSet": "helper-text",
322
- "borderRadius": "radius.scale.lg",
323
- "top": "xs",
324
- "right": "md",
325
- "bottom": "xs",
326
- "left": "md"
327
- }
328
- },
329
- "padding": {
330
- "tokens": {
331
- "top": "xs",
332
- "right": "md",
333
- "bottom": "xs",
334
- "left": "md"
335
- }
336
- },
337
- "md": {
338
- "tokens": {
339
- "fieldHeight": "44px",
340
- "helperTypeSet": "helper-text",
341
- "borderRadius": "none",
342
- "top": "sm",
343
- "right": "md",
344
- "bottom": "sm",
345
- "left": "md"
346
- }
347
- },
348
- "lg": {
349
- "tokens": {
350
- "fieldHeight": "48px",
351
- "helperTypeSet": "helper-text",
352
- "borderRadius": "radius.scale.2xl",
353
- "top": "xl",
354
- "right": "lg",
355
- "bottom": "xl",
356
- "left": "lg"
357
- }
358
- }
359
- }
360
- },
361
- "dialog": {
362
- "description": "Modal dialog for focused interactions",
363
- "variants": {
364
- "default": {
365
- "description": "default variant",
366
- "tokens": {
367
- "titleColor": "colors.modes.{mode}.textPrimary",
368
- "bodyColor": "colors.modes.{mode}.textSecondary",
369
- "contentAlign": "center",
370
- "eyebrowColor": "colors.modes.{mode}.textMuted",
371
- "buttonAlign": "center"
372
- }
373
- },
374
- "with-footer": {
375
- "description": "with-footer variant",
376
- "tokens": {
377
- "titleColor": "colors.modes.{mode}.textPrimary",
378
- "bodyColor": "colors.modes.{mode}.textSecondary",
379
- "contentAlign": "left",
380
- "eyebrowColor": "colors.modes.{mode}.textMuted",
381
- "buttonAlign": "space-between"
382
- }
383
- },
384
- "minimal": {
385
- "description": "minimal variant",
386
- "tokens": {
387
- "titleColor": "colors.modes.{mode}.textPrimary",
388
- "bodyColor": "colors.modes.{mode}.textMuted",
389
- "contentAlign": "center",
390
- "eyebrowColor": "colors.modes.{mode}.textMuted",
391
- "buttonAlign": "center"
392
- }
393
- }
394
- },
395
- "sizes": {
396
- "sm": {
397
- "tokens": {
398
- "headingSize": "sm",
399
- "top": "xl",
400
- "right": "xl",
401
- "bottom": "xl",
402
- "left": "xl",
403
- "buttonSize": "sm"
404
- }
405
- },
406
- "padding": {
407
- "tokens": {
408
- "top": "xl",
409
- "right": "xl",
410
- "bottom": "xl",
411
- "left": "xl",
412
- "buttonSize": "sm"
413
- }
414
- },
415
- "md": {
416
- "tokens": {
417
- "headingSize": "md",
418
- "top": "xl",
419
- "right": "xl",
420
- "bottom": "xl",
421
- "left": "xl",
422
- "buttonSize": "md"
423
- }
424
- },
425
- "lg": {
426
- "tokens": {
427
- "headingSize": "lg",
428
- "top": "xl",
429
- "right": "xl",
430
- "bottom": "xl",
431
- "left": "xl",
432
- "buttonSize": "lg"
433
- }
434
- }
435
- },
436
- "shared": {
437
- "titleFontFamily": "typography.fontFamily.sans",
438
- "bodyFontFamily": "typography.fontFamily.sans"
439
- }
440
- },
441
- "heading": {
442
- "description": "Typography component for titles, descriptions, and eyebrows",
443
- "variants": {
444
- "title-only": {
445
- "description": "title-only variant",
446
- "tokens": {
447
- "eyebrowColor": "colors.modes.{mode}.textMuted",
448
- "titleColor": "colors.modes.{mode}.textPrimary",
449
- "descriptionColor": "colors.modes.{mode}.textSecondary",
450
- "textAlign": "left",
451
- "eyebrowGap": "xs",
452
- "descriptionGap": "sm",
453
- "footerGap": "sm"
454
- }
455
- },
456
- "title-description": {
457
- "description": "title-description variant",
458
- "tokens": {
459
- "eyebrowColor": "colors.modes.{mode}.textMuted",
460
- "titleColor": "colors.modes.{mode}.textPrimary",
461
- "descriptionColor": "colors.modes.{mode}.textSecondary",
462
- "textAlign": "left",
463
- "eyebrowGap": "xs",
464
- "descriptionGap": "xs",
465
- "footerGap": "sm"
466
- }
467
- },
468
- "full": {
469
- "description": "full variant",
470
- "tokens": {
471
- "eyebrowColor": "colors.modes.{mode}.textSecondary",
472
- "titleColor": "colors.modes.{mode}.textPrimary",
473
- "descriptionColor": "colors.modes.{mode}.textSecondary",
474
- "textAlign": "left",
475
- "eyebrowGap": "xs",
476
- "descriptionGap": "xs",
477
- "footerGap": "sm"
478
- }
479
- }
480
- },
481
- "sizes": {
482
- "sm": {
483
- "tokens": {
484
- "eyebrowTypeSet": "typography.typeSets.title-sm",
485
- "titleTypeSet": "typography.typeSets.title-md",
486
- "descriptionTypeSet": "typography.typeSets.text-normal-regular"
487
- }
488
- },
489
- "md": {
490
- "tokens": {
491
- "eyebrowTypeSet": "typography.typeSets.title-sm",
492
- "titleTypeSet": "typography.typeSets.title-lg",
493
- "descriptionTypeSet": "typography.typeSets.text-normal-regular"
494
- }
495
- },
496
- "lg": {
497
- "tokens": {
498
- "eyebrowTypeSet": "typography.typeSets.title-sm",
499
- "titleTypeSet": "typography.typeSets.title-2xl",
500
- "descriptionTypeSet": "typography.typeSets.text-normal-regular"
501
- }
502
- }
503
- },
504
- "shared": {
505
- "fontFamily": "typography.fontFamily.sans"
506
- }
507
- },
508
- "selectionControls": {
509
- "description": "Selection control components: checkbox, radio, and toggle switch",
510
- "variants": {
511
- "checkbox": {
512
- "description": "checkbox variant",
513
- "tokens": {
514
- "background": "colors.modes.{mode}.bgMuted",
515
- "backgroundChecked": "colors.modes.{mode}.actionPrimary",
516
- "backgroundDisabled": "colors.modes.{mode}.actionSecondary",
517
- "backgroundError": "colors.modes.{mode}.bgMuted",
518
- "borderWidth": "md",
519
- "borderWidthError": "md",
520
- "borderWidthDisabled": "md",
521
- "borderColor": "colors.modes.{mode}.borderStrong",
522
- "borderColorChecked": "transparent",
523
- "borderColorDisabled": "colors.modes.{mode}.borderSecondary",
524
- "borderColorError": "colors.adaptive.error.{mode}.border",
525
- "indicatorColor": "colors.static.white",
526
- "labelColor": "colors.modes.{mode}.textPrimary",
527
- "interaction": "subtle"
528
- }
529
- },
530
- "radio": {
531
- "description": "radio variant",
532
- "tokens": {
533
- "background": "colors.modes.{mode}.bgMuted",
534
- "backgroundChecked": "colors.modes.{mode}.actionPrimary",
535
- "backgroundDisabled": "colors.modes.{mode}.actionSecondary",
536
- "backgroundError": "colors.modes.{mode}.bgMuted",
537
- "borderWidth": "md",
538
- "borderWidthError": "md",
539
- "borderWidthDisabled": "md",
540
- "borderColor": "colors.modes.{mode}.borderStrong",
541
- "borderColorChecked": "transparent",
542
- "borderColorDisabled": "colors.modes.{mode}.borderSecondary",
543
- "borderColorError": "colors.adaptive.error.{mode}.border",
544
- "indicatorColor": "colors.static.white",
545
- "labelColor": "colors.modes.{mode}.textPrimary",
546
- "interaction": "subtle"
547
- }
548
- },
549
- "toggle": {
550
- "description": "toggle variant",
551
- "tokens": {
552
- "background": "colors.modes.{mode}.bgMuted",
553
- "backgroundChecked": "colors.modes.{mode}.actionPrimary",
554
- "backgroundDisabled": "colors.modes.{mode}.actionSecondary",
555
- "backgroundError": "colors.modes.{mode}.bgMuted",
556
- "borderWidth": "md",
557
- "borderWidthError": "md",
558
- "borderWidthDisabled": "md",
559
- "borderColor": "colors.modes.{mode}.borderStrong",
560
- "borderColorChecked": "transparent",
561
- "borderColorDisabled": "colors.modes.{mode}.borderSecondary",
562
- "borderColorError": "colors.adaptive.error.{mode}.border",
563
- "indicatorColor": "colors.static.white",
564
- "labelColor": "colors.modes.{mode}.textPrimary",
565
- "interaction": "press"
566
- }
567
- }
568
- },
569
- "sizes": {
570
- "md": {
571
- "tokens": {
572
- "controlSize": "20px",
573
- "labelTypeSet": "typography.typeSets.text-normal-regular",
574
- "gap": "spacing.scale.sm",
575
- "borderRadius": "radius.scale.lg"
576
- }
577
- }
578
- }
579
- },
580
- "checkbox": {
581
- "description": "Checkbox selection control",
582
- "variants": {
583
- "default": {
584
- "description": "checkbox variant",
585
- "tokens": {
586
- "background": "colors.modes.{mode}.bgMuted",
587
- "backgroundChecked": "colors.modes.{mode}.actionPrimary",
588
- "backgroundDisabled": "colors.modes.{mode}.actionSecondary",
589
- "backgroundError": "colors.modes.{mode}.bgMuted",
590
- "borderWidth": "md",
591
- "borderWidthError": "md",
592
- "borderWidthDisabled": "md",
593
- "borderColor": "colors.modes.{mode}.borderStrong",
594
- "borderColorChecked": "transparent",
595
- "borderColorDisabled": "colors.modes.{mode}.borderSecondary",
596
- "borderColorError": "colors.adaptive.error.{mode}.border",
597
- "indicatorColor": "colors.static.white",
598
- "labelColor": "colors.modes.{mode}.textPrimary",
599
- "interaction": "subtle"
600
- }
601
- }
602
- },
603
- "sizes": {
604
- "md": {
605
- "tokens": {
606
- "controlSize": "20px",
607
- "labelTypeSet": "typography.typeSets.text-normal-regular",
608
- "gap": "spacing.scale.sm",
609
- "borderRadius": "radius.scale.lg"
610
- }
611
- }
612
- },
613
- "shared": {
614
- "transitionDuration": "motion.duration.fast",
615
- "focusRing": "shadows.focus.ring"
616
- }
617
- },
618
- "radio": {
619
- "description": "Radio selection control",
620
- "variants": {
621
- "default": {
622
- "description": "radio variant",
623
- "tokens": {
624
- "background": "colors.modes.{mode}.bgMuted",
625
- "backgroundChecked": "colors.modes.{mode}.actionPrimary",
626
- "backgroundDisabled": "colors.modes.{mode}.actionSecondary",
627
- "backgroundError": "colors.modes.{mode}.bgMuted",
628
- "borderWidth": "md",
629
- "borderWidthError": "md",
630
- "borderWidthDisabled": "md",
631
- "borderColor": "colors.modes.{mode}.borderStrong",
632
- "borderColorChecked": "transparent",
633
- "borderColorDisabled": "colors.modes.{mode}.borderSecondary",
634
- "borderColorError": "colors.adaptive.error.{mode}.border",
635
- "indicatorColor": "colors.static.white",
636
- "labelColor": "colors.modes.{mode}.textPrimary",
637
- "interaction": "subtle"
638
- }
639
- }
640
- },
641
- "sizes": {
642
- "md": {
643
- "tokens": {
644
- "controlSize": "20px",
645
- "labelTypeSet": "typography.typeSets.text-normal-regular",
646
- "gap": "spacing.scale.sm",
647
- "borderRadius": "radius.scale.lg"
648
- }
649
- }
650
- },
651
- "shared": {
652
- "transitionDuration": "motion.duration.fast",
653
- "focusRing": "shadows.focus.ring"
654
- }
655
- },
656
- "toggle": {
657
- "description": "Toggle selection control",
658
- "variants": {
659
- "default": {
660
- "description": "toggle variant",
661
- "tokens": {
662
- "background": "colors.modes.{mode}.bgMuted",
663
- "backgroundChecked": "colors.modes.{mode}.actionPrimary",
664
- "backgroundDisabled": "colors.modes.{mode}.actionSecondary",
665
- "backgroundError": "colors.modes.{mode}.bgMuted",
666
- "borderWidth": "md",
667
- "borderWidthError": "md",
668
- "borderWidthDisabled": "md",
669
- "borderColor": "colors.modes.{mode}.borderStrong",
670
- "borderColorChecked": "transparent",
671
- "borderColorDisabled": "colors.modes.{mode}.borderSecondary",
672
- "borderColorError": "colors.adaptive.error.{mode}.border",
673
- "indicatorColor": "colors.static.white",
674
- "labelColor": "colors.modes.{mode}.textPrimary",
675
- "interaction": "press"
676
- }
677
- }
678
- },
679
- "sizes": {
680
- "md": {
681
- "tokens": {
682
- "controlSize": "20px",
683
- "labelTypeSet": "typography.typeSets.text-normal-regular",
684
- "gap": "spacing.scale.sm",
685
- "borderRadius": "radius.scale.lg"
686
- }
687
- }
688
- },
689
- "shared": {
690
- "transitionDuration": "motion.duration.fast",
691
- "focusRing": "shadows.focus.ring"
692
- }
693
- }
694
- };
695
-
696
- // Multi-tenant wrapper (backward compatible)
697
- export const TOKEN_STORE: MCPTokenStore = {
698
- version: "1.0.0",
699
- tenantId: "default",
700
- generatedAt: "2026-01-04T21:49:24.444Z",
701
- components: COMPONENT_TOKENS,
702
- };