@atomixstudio/mcp 0.1.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.
Files changed (19) hide show
  1. package/README.md +325 -0
  2. package/data/component-tokens-snapshot.json +659 -0
  3. package/data/tenants/default.json +73 -0
  4. package/dist/index.d.ts +202 -0
  5. package/dist/index.js +2974 -0
  6. package/dist/index.js.map +1 -0
  7. package/package.json +50 -0
  8. package/scripts/sync-component-tokens.cjs +974 -0
  9. package/scripts/sync-component-tokens.js +678 -0
  10. package/src/ai-rules-generator.ts +1144 -0
  11. package/src/component-tokens.ts +702 -0
  12. package/src/index.ts +1155 -0
  13. package/src/tenant-store.ts +436 -0
  14. package/src/tokens.ts +208 -0
  15. package/src/user-tokens.ts +268 -0
  16. package/src/utils.ts +465 -0
  17. package/tests/stress-test.cjs +907 -0
  18. package/tsconfig.json +21 -0
  19. package/tsup.config.ts +16 -0
package/src/component-tokens.ts ADDED
@@ -0,0 +1,702 @@
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:35:13.413Z
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:35:13.413Z",
701
+ components: COMPONENT_TOKENS,
702
+ };