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