@yahoo/uds 3.127.1 → 3.128.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 (75) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +30 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +2 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +2 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +30 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1050 -275
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +73 -0
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +73 -0
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1050 -275
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +126 -1
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +126 -1
  11. package/dist/automated-config/dist/properties.cjs +28 -0
  12. package/dist/automated-config/dist/properties.d.cts +2 -0
  13. package/dist/automated-config/dist/properties.d.ts +2 -0
  14. package/dist/automated-config/dist/properties.js +28 -0
  15. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +2 -2
  16. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +2 -2
  17. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  18. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  19. package/dist/components/Banner/Banner.cjs +6 -3
  20. package/dist/components/Banner/Banner.js +6 -3
  21. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  22. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  23. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  24. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  25. package/dist/config/dist/index.cjs +2497 -2362
  26. package/dist/config/dist/index.js +2497 -2362
  27. package/dist/css-tokens/dist/index.cjs +2 -2
  28. package/dist/css-tokens/dist/index.d.cts +3 -1
  29. package/dist/css-tokens/dist/index.d.ts +3 -1
  30. package/dist/css-tokens/dist/index.js +2 -2
  31. package/dist/fixtures/dist/index.cjs +2 -0
  32. package/dist/fixtures/dist/index.d.cts +4 -3
  33. package/dist/fixtures/dist/index.d.ts +4 -3
  34. package/dist/fixtures/dist/index.js +2 -1
  35. package/dist/fixtures/index.cjs +1 -0
  36. package/dist/fixtures/index.d.cts +2 -2
  37. package/dist/fixtures/index.d.ts +2 -2
  38. package/dist/fixtures/index.js +2 -2
  39. package/dist/index.d.cts +2 -2
  40. package/dist/index.d.ts +2 -2
  41. package/dist/styles/styler.d.cts +40 -38
  42. package/dist/styles/styler.d.ts +40 -38
  43. package/dist/styles/variants.d.cts +30 -0
  44. package/dist/styles/variants.d.ts +30 -0
  45. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +30 -0
  46. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +30 -0
  47. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
  48. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +1050 -275
  49. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +1050 -275
  50. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
  51. package/dist/tailwind/dist/automated-config/dist/properties.cjs +28 -0
  52. package/dist/tailwind/dist/automated-config/dist/properties.js +28 -0
  53. package/dist/tailwind/dist/automated-config/dist/properties.js.map +1 -1
  54. package/dist/tailwind/dist/config/dist/index.cjs +2497 -2362
  55. package/dist/tailwind/dist/config/dist/index.js +2497 -2362
  56. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  57. package/dist/tailwind/dist/css-tokens/dist/index.cjs +2 -2
  58. package/dist/tailwind/dist/css-tokens/dist/index.js +2 -2
  59. package/dist/tailwind/dist/css-tokens/dist/index.js.map +1 -1
  60. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
  61. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  62. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  63. package/dist/tokens/index.d.cts +2 -2
  64. package/dist/tokens/index.d.ts +2 -2
  65. package/dist/tokens/types.d.cts +2 -2
  66. package/dist/tokens/types.d.ts +2 -2
  67. package/dist/types/dist/index.d.cts +2 -1
  68. package/dist/types/dist/index.d.ts +2 -1
  69. package/dist/uds/generated/componentData.cjs +1435 -1430
  70. package/dist/uds/generated/componentData.js +1435 -1430
  71. package/dist/uds/generated/tailwindPurge.cjs +70 -68
  72. package/dist/uds/generated/tailwindPurge.js +70 -68
  73. package/generated/componentData.json +1825 -1823
  74. package/generated/tailwindPurge.ts +2 -2
  75. package/package.json +1 -1
@@ -1,9 +1,32 @@
1
1
  {
2
- "Box": {
3
- "name": "Box",
2
+ "Icon": {
3
+ "name": "Icon",
4
4
  "defaultProps": {
5
- "as": "div",
6
- "display": "flex"
5
+ "size": "md",
6
+ "variant": "outline",
7
+ "color": "primary"
8
+ },
9
+ "getStylesLiterals": {
10
+ "flex": "none"
11
+ },
12
+ "cxLiterals": [
13
+ "[&_path]:fill-current"
14
+ ],
15
+ "internalComponents": [
16
+ "SVGIcon"
17
+ ],
18
+ "internalComponentProps": {},
19
+ "propToVariantKeys": {},
20
+ "runtimeConfigDefaultProps": {},
21
+ "runtimeConfigGetStyles": {},
22
+ "runtimeConfigInternalComponentProps": {},
23
+ "motionVarPrefixes": []
24
+ },
25
+ "Text": {
26
+ "name": "Text",
27
+ "defaultProps": {
28
+ "color": "primary",
29
+ "variant": "body1"
7
30
  },
8
31
  "getStylesLiterals": {},
9
32
  "cxLiterals": [],
@@ -12,11 +35,65 @@
12
35
  ],
13
36
  "internalComponentProps": {},
14
37
  "propToVariantKeys": {
15
- "elevationAlias": [
16
- "backgroundColor",
17
- "borderColor",
18
- "borderWidth",
19
- "dropShadow"
38
+ "variant": [
39
+ "fontFamily",
40
+ "fontSize",
41
+ "fontWeight",
42
+ "lineHeight",
43
+ "textTransform",
44
+ "letterSpacing"
45
+ ]
46
+ },
47
+ "runtimeConfigDefaultProps": {},
48
+ "runtimeConfigGetStyles": {},
49
+ "runtimeConfigInternalComponentProps": {},
50
+ "motionVarPrefixes": []
51
+ },
52
+ "Image": {
53
+ "name": "Image",
54
+ "defaultProps": {},
55
+ "getStylesLiterals": {},
56
+ "cxLiterals": [],
57
+ "internalComponents": [],
58
+ "internalComponentProps": {},
59
+ "propToVariantKeys": {},
60
+ "runtimeConfigDefaultProps": {},
61
+ "runtimeConfigGetStyles": {},
62
+ "runtimeConfigInternalComponentProps": {},
63
+ "motionVarPrefixes": []
64
+ },
65
+ "Scrim": {
66
+ "name": "Scrim",
67
+ "defaultProps": {
68
+ "variant": "default",
69
+ "position": "fixed"
70
+ },
71
+ "getStylesLiterals": {},
72
+ "cxLiterals": [
73
+ "fixed",
74
+ "absolute",
75
+ "inset-0",
76
+ "z-40",
77
+ "transition-opacity",
78
+ "duration-150",
79
+ "data-[enter]:opacity-100",
80
+ "[&:not([data-enter])]:opacity-0",
81
+ "opacity-100",
82
+ "uds-bgBlurFallback"
83
+ ],
84
+ "internalComponents": [
85
+ "Box"
86
+ ],
87
+ "internalComponentProps": {
88
+ "Box": {
89
+ "display": [
90
+ "block"
91
+ ]
92
+ }
93
+ },
94
+ "propToVariantKeys": {
95
+ "variant": [
96
+ "scrimVariantRoot"
20
97
  ]
21
98
  },
22
99
  "runtimeConfigDefaultProps": {},
@@ -57,8 +134,8 @@
57
134
  "runtimeConfigInternalComponentProps": {},
58
135
  "motionVarPrefixes": []
59
136
  },
60
- "HStack": {
61
- "name": "HStack",
137
+ "VStack": {
138
+ "name": "VStack",
62
139
  "defaultProps": {},
63
140
  "getStylesLiterals": {},
64
141
  "cxLiterals": [],
@@ -68,14 +145,14 @@
68
145
  "internalComponentProps": {
69
146
  "Box": {
70
147
  "flexDirection": [
71
- "row"
148
+ "column"
72
149
  ]
73
150
  }
74
151
  },
75
152
  "propToVariantKeys": {
76
153
  "gap": [
77
- "rowGap",
78
- "columnGap"
154
+ "columnGap",
155
+ "rowGap"
79
156
  ]
80
157
  },
81
158
  "runtimeConfigDefaultProps": {},
@@ -83,29 +160,6 @@
83
160
  "runtimeConfigInternalComponentProps": {},
84
161
  "motionVarPrefixes": []
85
162
  },
86
- "Icon": {
87
- "name": "Icon",
88
- "defaultProps": {
89
- "size": "md",
90
- "variant": "outline",
91
- "color": "primary"
92
- },
93
- "getStylesLiterals": {
94
- "flex": "none"
95
- },
96
- "cxLiterals": [
97
- "[&_path]:fill-current"
98
- ],
99
- "internalComponents": [
100
- "SVGIcon"
101
- ],
102
- "internalComponentProps": {},
103
- "propToVariantKeys": {},
104
- "runtimeConfigDefaultProps": {},
105
- "runtimeConfigGetStyles": {},
106
- "runtimeConfigInternalComponentProps": {},
107
- "motionVarPrefixes": []
108
- },
109
163
  "IconSlot": {
110
164
  "name": "IconSlot",
111
165
  "defaultProps": {},
@@ -121,104 +175,24 @@
121
175
  "runtimeConfigInternalComponentProps": {},
122
176
  "motionVarPrefixes": []
123
177
  },
124
- "Image": {
125
- "name": "Image",
126
- "defaultProps": {},
127
- "getStylesLiterals": {},
128
- "cxLiterals": [],
129
- "internalComponents": [],
130
- "internalComponentProps": {},
131
- "propToVariantKeys": {},
132
- "runtimeConfigDefaultProps": {},
133
- "runtimeConfigGetStyles": {},
134
- "runtimeConfigInternalComponentProps": {},
135
- "motionVarPrefixes": []
136
- },
137
- "Link": {
138
- "name": "Link",
139
- "defaultProps": {
140
- "variant": "primary"
141
- },
142
- "getStylesLiterals": {
143
- "display": "inline-flex",
144
- "alignItems": "center"
145
- },
146
- "cxLiterals": [
147
- "uds-ring",
148
- "underline",
149
- "w-[0.7em]",
150
- "h-[0.7em]"
151
- ],
152
- "internalComponents": [
153
- "IconSlot"
154
- ],
155
- "internalComponentProps": {
156
- "IconSlot": {
157
- "data-testid": [
158
- "start-icon",
159
- "end-icon"
160
- ]
161
- }
162
- },
163
- "propToVariantKeys": {
164
- "textVariant": [
165
- "linkTextStyleRoot",
166
- "fontSize",
167
- "fontFamily",
168
- "fontWeight",
169
- "lineHeight",
170
- "textTransform",
171
- "linkTextStyleIcon"
172
- ],
173
- "variant": [
174
- "linkVariantRoot",
175
- "linkVariantIconStart",
176
- "linkVariantIconEnd"
177
- ],
178
- "startIcon": [
179
- "icon"
180
- ],
181
- "endIcon": [
182
- "icon"
183
- ]
184
- },
185
- "runtimeConfigDefaultProps": {},
186
- "runtimeConfigGetStyles": {},
187
- "runtimeConfigInternalComponentProps": {},
188
- "motionVarPrefixes": []
189
- },
190
- "Scrim": {
191
- "name": "Scrim",
178
+ "Box": {
179
+ "name": "Box",
192
180
  "defaultProps": {
193
- "variant": "default",
194
- "position": "fixed"
181
+ "as": "div",
182
+ "display": "flex"
195
183
  },
196
184
  "getStylesLiterals": {},
197
- "cxLiterals": [
198
- "fixed",
199
- "absolute",
200
- "inset-0",
201
- "z-40",
202
- "transition-opacity",
203
- "duration-150",
204
- "data-[enter]:opacity-100",
205
- "[&:not([data-enter])]:opacity-0",
206
- "opacity-100",
207
- "uds-bgBlurFallback"
208
- ],
185
+ "cxLiterals": [],
209
186
  "internalComponents": [
210
- "Box"
187
+ "Comp"
211
188
  ],
212
- "internalComponentProps": {
213
- "Box": {
214
- "display": [
215
- "block"
216
- ]
217
- }
218
- },
189
+ "internalComponentProps": {},
219
190
  "propToVariantKeys": {
220
- "variant": [
221
- "scrimVariantRoot"
191
+ "elevationAlias": [
192
+ "backgroundColor",
193
+ "borderColor",
194
+ "borderWidth",
195
+ "dropShadow"
222
196
  ]
223
197
  },
224
198
  "runtimeConfigDefaultProps": {},
@@ -281,26 +255,25 @@
281
255
  "runtimeConfigInternalComponentProps": {},
282
256
  "motionVarPrefixes": []
283
257
  },
284
- "Text": {
285
- "name": "Text",
286
- "defaultProps": {
287
- "color": "primary",
288
- "variant": "body1"
289
- },
258
+ "HStack": {
259
+ "name": "HStack",
260
+ "defaultProps": {},
290
261
  "getStylesLiterals": {},
291
262
  "cxLiterals": [],
292
263
  "internalComponents": [
293
- "Comp"
264
+ "Box"
294
265
  ],
295
- "internalComponentProps": {},
266
+ "internalComponentProps": {
267
+ "Box": {
268
+ "flexDirection": [
269
+ "row"
270
+ ]
271
+ }
272
+ },
296
273
  "propToVariantKeys": {
297
- "variant": [
298
- "fontFamily",
299
- "fontSize",
300
- "fontWeight",
301
- "lineHeight",
302
- "textTransform",
303
- "letterSpacing"
274
+ "gap": [
275
+ "rowGap",
276
+ "columnGap"
304
277
  ]
305
278
  },
306
279
  "runtimeConfigDefaultProps": {},
@@ -308,25 +281,52 @@
308
281
  "runtimeConfigInternalComponentProps": {},
309
282
  "motionVarPrefixes": []
310
283
  },
311
- "VStack": {
312
- "name": "VStack",
313
- "defaultProps": {},
314
- "getStylesLiterals": {},
315
- "cxLiterals": [],
284
+ "Link": {
285
+ "name": "Link",
286
+ "defaultProps": {
287
+ "variant": "primary"
288
+ },
289
+ "getStylesLiterals": {
290
+ "display": "inline-flex",
291
+ "alignItems": "center"
292
+ },
293
+ "cxLiterals": [
294
+ "uds-ring",
295
+ "underline",
296
+ "w-[0.7em]",
297
+ "h-[0.7em]"
298
+ ],
316
299
  "internalComponents": [
317
- "Box"
300
+ "IconSlot"
318
301
  ],
319
302
  "internalComponentProps": {
320
- "Box": {
321
- "flexDirection": [
322
- "column"
303
+ "IconSlot": {
304
+ "data-testid": [
305
+ "start-icon",
306
+ "end-icon"
323
307
  ]
324
308
  }
325
309
  },
326
310
  "propToVariantKeys": {
327
- "gap": [
328
- "columnGap",
329
- "rowGap"
311
+ "textVariant": [
312
+ "linkTextStyleRoot",
313
+ "fontSize",
314
+ "fontFamily",
315
+ "fontWeight",
316
+ "lineHeight",
317
+ "textTransform",
318
+ "linkTextStyleIcon"
319
+ ],
320
+ "variant": [
321
+ "linkVariantRoot",
322
+ "linkVariantIconStart",
323
+ "linkVariantIconEnd"
324
+ ],
325
+ "startIcon": [
326
+ "icon"
327
+ ],
328
+ "endIcon": [
329
+ "icon"
330
330
  ]
331
331
  },
332
332
  "runtimeConfigDefaultProps": {},
@@ -334,6 +334,24 @@
334
334
  "runtimeConfigInternalComponentProps": {},
335
335
  "motionVarPrefixes": []
336
336
  },
337
+ "BannerDescription": {
338
+ "name": "BannerDescription",
339
+ "defaultProps": {},
340
+ "getStylesLiterals": {
341
+ "bannerSizeDescription": "default",
342
+ "className": "w-full line-clamp-3"
343
+ },
344
+ "cxLiterals": [],
345
+ "internalComponents": [
346
+ "Text"
347
+ ],
348
+ "internalComponentProps": {},
349
+ "propToVariantKeys": {},
350
+ "runtimeConfigDefaultProps": {},
351
+ "runtimeConfigGetStyles": {},
352
+ "runtimeConfigInternalComponentProps": {},
353
+ "motionVarPrefixes": []
354
+ },
337
355
  "Banner": {
338
356
  "name": "Banner",
339
357
  "defaultProps": {
@@ -345,7 +363,8 @@
345
363
  "className": "truncate",
346
364
  "className:1": "line-clamp-3",
347
365
  "spacing": "2",
348
- "borderRadius": "full"
366
+ "borderRadius": "full",
367
+ "color": "primary"
349
368
  },
350
369
  "cxLiterals": [
351
370
  "flex",
@@ -353,7 +372,6 @@
353
372
  "items-center",
354
373
  "items-start",
355
374
  "min-w-[300px]",
356
- "shadow-[inset_0px_-20px_20px_-10px_rgba(31,31,31,0.05)]",
357
375
  "transition-[background-color]",
358
376
  "motion-safe:duration-120",
359
377
  "bg-carbon-15/0",
@@ -404,7 +422,9 @@
404
422
  "propToVariantKeys": {
405
423
  "variant": [
406
424
  "bannerVariantRoot",
407
- "bannerVariantIcon"
425
+ "bannerVariantIcon",
426
+ "bannerVariantTitle",
427
+ "bannerVariantDescription"
408
428
  ],
409
429
  "size": [
410
430
  "bannerSizeRoot",
@@ -448,24 +468,6 @@
448
468
  "runtimeConfigInternalComponentProps": {},
449
469
  "motionVarPrefixes": []
450
470
  },
451
- "BannerDescription": {
452
- "name": "BannerDescription",
453
- "defaultProps": {},
454
- "getStylesLiterals": {
455
- "bannerSizeDescription": "default",
456
- "className": "w-full line-clamp-3"
457
- },
458
- "cxLiterals": [],
459
- "internalComponents": [
460
- "Text"
461
- ],
462
- "internalComponentProps": {},
463
- "propToVariantKeys": {},
464
- "runtimeConfigDefaultProps": {},
465
- "runtimeConfigGetStyles": {},
466
- "runtimeConfigInternalComponentProps": {},
467
- "motionVarPrefixes": []
468
- },
469
471
  "BannerTitle": {
470
472
  "name": "BannerTitle",
471
473
  "defaultProps": {},
@@ -575,6 +577,129 @@
575
577
  "runtimeConfigInternalComponentProps": {},
576
578
  "motionVarPrefixes": []
577
579
  },
580
+ "Table.mocks": {
581
+ "name": "Table.mocks",
582
+ "defaultProps": {},
583
+ "getStylesLiterals": {},
584
+ "cxLiterals": [],
585
+ "internalComponents": [],
586
+ "internalComponentProps": {},
587
+ "propToVariantKeys": {},
588
+ "runtimeConfigDefaultProps": {},
589
+ "runtimeConfigGetStyles": {},
590
+ "runtimeConfigInternalComponentProps": {},
591
+ "motionVarPrefixes": []
592
+ },
593
+ "Spinner": {
594
+ "name": "Spinner",
595
+ "defaultProps": {
596
+ "color": "primary",
597
+ "size": "lg"
598
+ },
599
+ "getStylesLiterals": {},
600
+ "cxLiterals": [
601
+ "self-center",
602
+ "relative",
603
+ "sr-only"
604
+ ],
605
+ "internalComponents": [
606
+ "Icon"
607
+ ],
608
+ "internalComponentProps": {
609
+ "Icon": {
610
+ "role": [
611
+ "img"
612
+ ],
613
+ "className": [
614
+ "animate-spin"
615
+ ],
616
+ "aria-hidden": [
617
+ "true"
618
+ ]
619
+ }
620
+ },
621
+ "propToVariantKeys": {},
622
+ "runtimeConfigDefaultProps": {},
623
+ "runtimeConfigGetStyles": {},
624
+ "runtimeConfigInternalComponentProps": {},
625
+ "motionVarPrefixes": []
626
+ },
627
+ "Table": {
628
+ "name": "Table",
629
+ "defaultProps": {
630
+ "display": "table-cell",
631
+ "overflow": "hidden",
632
+ "borderColor": "muted",
633
+ "borderRadius": "md",
634
+ "spacing": "3",
635
+ "borderBottomColor": "muted",
636
+ "borderBottomWidth": "thin",
637
+ "color": "primary"
638
+ },
639
+ "getStylesLiterals": {
640
+ "textAlign": "start"
641
+ },
642
+ "cxLiterals": [],
643
+ "internalComponents": [
644
+ "CellComponent",
645
+ "Box",
646
+ "Text",
647
+ "Table.Root",
648
+ "Table.Header",
649
+ "Table.Row",
650
+ "Table.Cell",
651
+ "Table.Body"
652
+ ],
653
+ "internalComponentProps": {
654
+ "Table.Cell": {
655
+ "asHeaderCell": [
656
+ "column"
657
+ ]
658
+ }
659
+ },
660
+ "propToVariantKeys": {},
661
+ "runtimeConfigDefaultProps": {},
662
+ "runtimeConfigGetStyles": {},
663
+ "runtimeConfigInternalComponentProps": {},
664
+ "motionVarPrefixes": []
665
+ },
666
+ "Pressable": {
667
+ "name": "Pressable",
668
+ "defaultProps": {},
669
+ "getStylesLiterals": {},
670
+ "cxLiterals": [],
671
+ "internalComponents": [
672
+ "Comp"
673
+ ],
674
+ "internalComponentProps": {},
675
+ "propToVariantKeys": {},
676
+ "runtimeConfigDefaultProps": {},
677
+ "runtimeConfigGetStyles": {},
678
+ "runtimeConfigInternalComponentProps": {},
679
+ "motionVarPrefixes": []
680
+ },
681
+ "SpringMotionConfig": {
682
+ "name": "SpringMotionConfig",
683
+ "defaultProps": {
684
+ "reducedMotion": "user"
685
+ },
686
+ "getStylesLiterals": {},
687
+ "cxLiterals": [],
688
+ "internalComponents": [
689
+ "LazyMotion",
690
+ "MotionConfig"
691
+ ],
692
+ "internalComponentProps": {},
693
+ "propToVariantKeys": {
694
+ "loadFeatures": [
695
+ "features"
696
+ ]
697
+ },
698
+ "runtimeConfigDefaultProps": {},
699
+ "runtimeConfigGetStyles": {},
700
+ "runtimeConfigInternalComponentProps": {},
701
+ "motionVarPrefixes": []
702
+ },
578
703
  "AnimateHeightChange": {
579
704
  "name": "AnimateHeightChange",
580
705
  "defaultProps": {},
@@ -605,65 +730,125 @@
605
730
  "--uds-motion-smooth-3-"
606
731
  ]
607
732
  },
608
- "Badge": {
609
- "name": "Badge",
733
+ "Switch": {
734
+ "name": "Switch",
610
735
  "defaultProps": {
611
- "variant": "primary",
736
+ "labelPosition": "start",
612
737
  "size": "md"
613
738
  },
614
- "getStylesLiterals": {},
739
+ "getStylesLiterals": {
740
+ "switchVariantRoot": "default",
741
+ "switchVariantActiveRoot": "on",
742
+ "switchVariantActiveRoot:1": "off",
743
+ "display": "flex",
744
+ "flexDirection": "row",
745
+ "flexDirection:1": "row-reverse",
746
+ "alignItems": "center",
747
+ "switchVariantSwitch": "default",
748
+ "switchVariantActiveSwitch": "on",
749
+ "switchVariantActiveSwitch:1": "off",
750
+ "borderRadius": "full",
751
+ "position": "relative",
752
+ "switchVariantActiveHandle": "on",
753
+ "switchVariantActiveHandle:1": "off",
754
+ "switchVariantHandle": "default",
755
+ "switchVariantHandleIcon": "default",
756
+ "switchVariantActiveHandleIcon": "on",
757
+ "switchVariantActiveHandleIcon:1": "off"
758
+ },
615
759
  "cxLiterals": [
616
- "flex-1",
617
- "truncate",
618
- "whitespace-nowrap",
619
- "text-center"
620
- ],
621
- "internalComponents": [
622
- "IconSlot",
623
- "HStack"
624
- ],
625
- "internalComponentProps": {
626
- "IconSlot": {
760
+ "group",
761
+ "cursor-pointer",
762
+ "cursor-default",
763
+ "opacity-50",
764
+ "uds-ring",
765
+ "uds-ring-within",
766
+ "transition-[background-color,box-shadow]",
767
+ "relative",
768
+ "pointer-events-none",
769
+ "uds-border-radius-full",
770
+ "overflow-hidden",
771
+ "absolute",
772
+ "top-0",
773
+ "left-0",
774
+ "right-0",
775
+ "bottom-0",
776
+ "opacity-95",
777
+ "group-hover:opacity-100",
778
+ "transition-[background-color,box-shadow,opacity]",
779
+ "opacity-0",
780
+ "top-1/2",
781
+ "left-1/2",
782
+ "transform",
783
+ "translate-x-[-50%]",
784
+ "translate-y-[-50%]",
785
+ "transition-opacity",
786
+ "cursor-[inherit]",
787
+ "w-[calc(100%+2px)]",
788
+ "h-[calc(100%+2px)]",
789
+ "text-start",
790
+ "text-end",
791
+ "opacity-100"
792
+ ],
793
+ "internalComponents": [
794
+ "IconSlot",
795
+ "Box",
796
+ "FormLabel",
797
+ "SpringMotionConfig",
798
+ "RootElement",
799
+ "MotionBox"
800
+ ],
801
+ "internalComponentProps": {
802
+ "IconSlot": {
627
803
  "data-testid": [
628
- "start-icon",
629
- "end-icon"
804
+ "on-icon",
805
+ "off-icon"
630
806
  ]
631
807
  },
632
- "HStack": {
633
- "gap": [
634
- "2"
808
+ "FormLabel": {
809
+ "as": [
810
+ "div"
635
811
  ],
636
- "display": [
637
- "inline-flex"
812
+ "variant": [
813
+ "inherit"
638
814
  ],
639
- "alignItems": [
640
- "center"
815
+ "color": [
816
+ "inherit"
817
+ ]
818
+ },
819
+ "RootElement": {
820
+ "data-testid": [
821
+ "container"
641
822
  ]
642
823
  }
643
824
  },
644
825
  "propToVariantKeys": {
645
826
  "size": [
646
- "badgeSizeRoot",
647
- "badgeSizeIcon"
648
- ],
649
- "variant": [
650
- "badgeVariantRoot",
651
- "badgeVariantIcon"
827
+ "switchSizeRoot",
828
+ "switchSizeSwitch",
829
+ "switchSizeHandle",
830
+ "switchSizeHandleIcon"
652
831
  ],
653
- "startIcon": [
832
+ "onIcon": [
654
833
  "icon"
655
834
  ],
656
- "endIcon": [
835
+ "offIcon": [
657
836
  "icon"
837
+ ],
838
+ "reduceMotion": [
839
+ "reducedMotion"
658
840
  ]
659
841
  },
660
842
  "runtimeConfigDefaultProps": {},
661
843
  "runtimeConfigGetStyles": {},
662
844
  "runtimeConfigInternalComponentProps": {},
663
- "motionVarPrefixes": []
845
+ "motionVarPrefixes": [
846
+ "--uds-motion-bouncy-4-",
847
+ "--uds-motion-smooth-3-"
848
+ ]
664
849
  },
665
- "Button": {
666
- "name": "Button",
850
+ "IconButton": {
851
+ "name": "IconButton",
667
852
  "defaultProps": {
668
853
  "type": "button"
669
854
  },
@@ -675,27 +860,21 @@
675
860
  "overflow-hidden",
676
861
  "justify-center",
677
862
  "items-center",
678
- "whitespace-nowrap",
679
- "select-none",
680
863
  "[transform-origin:center]",
681
864
  "[backface-visibility:hidden]",
682
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
865
+ "[transition-property:color,background-color,border-color,",
866
+ "box-shadow,text-decoration-color,fill,stroke]",
683
867
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
684
868
  "[transition-duration:220ms]",
685
869
  "cursor-not-allowed",
686
870
  "uds-button-loading",
687
871
  "uds-button-without-effects",
688
- "withIcon",
689
- "uds-button-with-gap",
690
- "animate-spin",
691
- "truncate"
872
+ "animate-spin"
692
873
  ],
693
874
  "internalComponents": [
694
875
  "Icon",
695
- "IconSlot",
696
- "AnimatePresence",
697
876
  "SpringMotionConfig",
698
- "MotionSlot"
877
+ "AnimatePresence"
699
878
  ],
700
879
  "internalComponentProps": {
701
880
  "Icon": {
@@ -703,29 +882,21 @@
703
882
  "current"
704
883
  ]
705
884
  },
706
- "AnimatePresence": {
707
- "mode": [
708
- "popLayout"
709
- ]
710
- },
711
885
  "SpringMotionConfig": {
712
886
  "layoutSpeed": [
713
887
  "3"
714
888
  ]
715
889
  },
716
- "MotionSlot": {
717
- "whileHover": [
718
- "hover"
719
- ],
720
- "whileTap": [
721
- "pressed"
890
+ "AnimatePresence": {
891
+ "mode": [
892
+ "popLayout"
722
893
  ]
723
894
  }
724
895
  },
725
896
  "propToVariantKeys": {
726
897
  "size": [
727
- "buttonSizeRoot",
728
- "buttonSizeIcon"
898
+ "iconbuttonSizeRoot",
899
+ "iconbuttonSizeIcon"
729
900
  ],
730
901
  "variant": [
731
902
  "buttonVariantRoot",
@@ -733,6 +904,60 @@
733
904
  ],
734
905
  "iconVariant": [
735
906
  "variant"
907
+ ]
908
+ },
909
+ "runtimeConfigDefaultProps": {},
910
+ "runtimeConfigGetStyles": {},
911
+ "runtimeConfigInternalComponentProps": {},
912
+ "motionVarPrefixes": [
913
+ "--uds-motion-subtle-3-",
914
+ "--uds-motion-smooth-3-"
915
+ ]
916
+ },
917
+ "Badge": {
918
+ "name": "Badge",
919
+ "defaultProps": {
920
+ "variant": "primary",
921
+ "size": "md"
922
+ },
923
+ "getStylesLiterals": {},
924
+ "cxLiterals": [
925
+ "flex-1",
926
+ "truncate",
927
+ "whitespace-nowrap",
928
+ "text-center"
929
+ ],
930
+ "internalComponents": [
931
+ "IconSlot",
932
+ "HStack"
933
+ ],
934
+ "internalComponentProps": {
935
+ "IconSlot": {
936
+ "data-testid": [
937
+ "start-icon",
938
+ "end-icon"
939
+ ]
940
+ },
941
+ "HStack": {
942
+ "gap": [
943
+ "2"
944
+ ],
945
+ "display": [
946
+ "inline-flex"
947
+ ],
948
+ "alignItems": [
949
+ "center"
950
+ ]
951
+ }
952
+ },
953
+ "propToVariantKeys": {
954
+ "size": [
955
+ "badgeSizeRoot",
956
+ "badgeSizeIcon"
957
+ ],
958
+ "variant": [
959
+ "badgeVariantRoot",
960
+ "badgeVariantIcon"
736
961
  ],
737
962
  "startIcon": [
738
963
  "icon"
@@ -744,10 +969,7 @@
744
969
  "runtimeConfigDefaultProps": {},
745
970
  "runtimeConfigGetStyles": {},
746
971
  "runtimeConfigInternalComponentProps": {},
747
- "motionVarPrefixes": [
748
- "--uds-motion-subtle-3-",
749
- "--uds-motion-smooth-3-"
750
- ]
972
+ "motionVarPrefixes": []
751
973
  },
752
974
  "Checkbox": {
753
975
  "name": "Checkbox",
@@ -855,8 +1077,8 @@
855
1077
  "--uds-motion-smooth-3-"
856
1078
  ]
857
1079
  },
858
- "IconButton": {
859
- "name": "IconButton",
1080
+ "Button": {
1081
+ "name": "Button",
860
1082
  "defaultProps": {
861
1083
  "type": "button"
862
1084
  },
@@ -868,21 +1090,27 @@
868
1090
  "overflow-hidden",
869
1091
  "justify-center",
870
1092
  "items-center",
1093
+ "whitespace-nowrap",
1094
+ "select-none",
871
1095
  "[transform-origin:center]",
872
1096
  "[backface-visibility:hidden]",
873
- "[transition-property:color,background-color,border-color,",
874
- "box-shadow,text-decoration-color,fill,stroke]",
1097
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
875
1098
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
876
1099
  "[transition-duration:220ms]",
877
1100
  "cursor-not-allowed",
878
1101
  "uds-button-loading",
879
1102
  "uds-button-without-effects",
880
- "animate-spin"
1103
+ "withIcon",
1104
+ "uds-button-with-gap",
1105
+ "animate-spin",
1106
+ "truncate"
881
1107
  ],
882
1108
  "internalComponents": [
883
1109
  "Icon",
1110
+ "IconSlot",
1111
+ "AnimatePresence",
884
1112
  "SpringMotionConfig",
885
- "AnimatePresence"
1113
+ "MotionSlot"
886
1114
  ],
887
1115
  "internalComponentProps": {
888
1116
  "Icon": {
@@ -890,21 +1118,29 @@
890
1118
  "current"
891
1119
  ]
892
1120
  },
1121
+ "AnimatePresence": {
1122
+ "mode": [
1123
+ "popLayout"
1124
+ ]
1125
+ },
893
1126
  "SpringMotionConfig": {
894
1127
  "layoutSpeed": [
895
1128
  "3"
896
1129
  ]
897
1130
  },
898
- "AnimatePresence": {
899
- "mode": [
900
- "popLayout"
1131
+ "MotionSlot": {
1132
+ "whileHover": [
1133
+ "hover"
1134
+ ],
1135
+ "whileTap": [
1136
+ "pressed"
901
1137
  ]
902
1138
  }
903
1139
  },
904
1140
  "propToVariantKeys": {
905
1141
  "size": [
906
- "iconbuttonSizeRoot",
907
- "iconbuttonSizeIcon"
1142
+ "buttonSizeRoot",
1143
+ "buttonSizeIcon"
908
1144
  ],
909
1145
  "variant": [
910
1146
  "buttonVariantRoot",
@@ -912,6 +1148,12 @@
912
1148
  ],
913
1149
  "iconVariant": [
914
1150
  "variant"
1151
+ ],
1152
+ "startIcon": [
1153
+ "icon"
1154
+ ],
1155
+ "endIcon": [
1156
+ "icon"
915
1157
  ]
916
1158
  },
917
1159
  "runtimeConfigDefaultProps": {},
@@ -922,196 +1164,185 @@
922
1164
  "--uds-motion-smooth-3-"
923
1165
  ]
924
1166
  },
925
- "Pressable": {
926
- "name": "Pressable",
927
- "defaultProps": {},
928
- "getStylesLiterals": {},
929
- "cxLiterals": [],
930
- "internalComponents": [
931
- "Comp"
932
- ],
933
- "internalComponentProps": {},
934
- "propToVariantKeys": {},
935
- "runtimeConfigDefaultProps": {},
936
- "runtimeConfigGetStyles": {},
937
- "runtimeConfigInternalComponentProps": {},
938
- "motionVarPrefixes": []
939
- },
940
- "SpringMotionConfig": {
941
- "name": "SpringMotionConfig",
1167
+ "Accordion": {
1168
+ "name": "Accordion",
942
1169
  "defaultProps": {
943
- "reducedMotion": "user"
1170
+ "spacingHorizontal": "4",
1171
+ "spacingVertical": "4"
944
1172
  },
945
1173
  "getStylesLiterals": {},
946
- "cxLiterals": [],
947
- "internalComponents": [
948
- "LazyMotion",
949
- "MotionConfig"
950
- ],
951
- "internalComponentProps": {},
952
- "propToVariantKeys": {
953
- "loadFeatures": [
954
- "features"
955
- ]
956
- },
957
- "runtimeConfigDefaultProps": {},
958
- "runtimeConfigGetStyles": {},
959
- "runtimeConfigInternalComponentProps": {},
960
- "motionVarPrefixes": []
961
- },
962
- "Switch": {
963
- "name": "Switch",
964
- "defaultProps": {
965
- "labelPosition": "start",
966
- "size": "md"
967
- },
968
- "getStylesLiterals": {
969
- "switchVariantRoot": "default",
970
- "switchVariantActiveRoot": "on",
971
- "switchVariantActiveRoot:1": "off",
972
- "display": "flex",
973
- "flexDirection": "row",
974
- "flexDirection:1": "row-reverse",
975
- "alignItems": "center",
976
- "switchVariantSwitch": "default",
977
- "switchVariantActiveSwitch": "on",
978
- "switchVariantActiveSwitch:1": "off",
979
- "borderRadius": "full",
980
- "position": "relative",
981
- "switchVariantActiveHandle": "on",
982
- "switchVariantActiveHandle:1": "off",
983
- "switchVariantHandle": "default",
984
- "switchVariantHandleIcon": "default",
985
- "switchVariantActiveHandleIcon": "on",
986
- "switchVariantActiveHandleIcon:1": "off"
987
- },
988
- "cxLiterals": [
989
- "group",
990
- "cursor-pointer",
991
- "cursor-default",
992
- "opacity-50",
993
- "uds-ring",
994
- "uds-ring-within",
995
- "transition-[background-color,box-shadow]",
996
- "relative",
997
- "pointer-events-none",
998
- "uds-border-radius-full",
999
- "overflow-hidden",
1000
- "absolute",
1001
- "top-0",
1002
- "left-0",
1003
- "right-0",
1004
- "bottom-0",
1005
- "opacity-95",
1006
- "group-hover:opacity-100",
1007
- "transition-[background-color,box-shadow,opacity]",
1008
- "opacity-0",
1009
- "top-1/2",
1010
- "left-1/2",
1011
- "transform",
1012
- "translate-x-[-50%]",
1013
- "translate-y-[-50%]",
1014
- "transition-opacity",
1015
- "cursor-[inherit]",
1016
- "w-[calc(100%+2px)]",
1017
- "h-[calc(100%+2px)]",
1018
- "text-start",
1019
- "text-end",
1020
- "opacity-100"
1174
+ "cxLiterals": [
1175
+ "hover:bg-secondary/80",
1176
+ "w-full"
1021
1177
  ],
1022
1178
  "internalComponents": [
1023
- "IconSlot",
1024
- "Box",
1025
- "FormLabel",
1179
+ "Icon",
1026
1180
  "SpringMotionConfig",
1027
- "RootElement",
1028
- "MotionBox"
1181
+ "Pressable",
1182
+ "Text",
1183
+ "HStack",
1184
+ "AnimatePresence",
1185
+ "VStack"
1029
1186
  ],
1030
1187
  "internalComponentProps": {
1031
- "IconSlot": {
1032
- "data-testid": [
1033
- "on-icon",
1034
- "off-icon"
1188
+ "Icon": {
1189
+ "variant": [
1190
+ "fill"
1191
+ ],
1192
+ "size": [
1193
+ "sm"
1194
+ ],
1195
+ "color": [
1196
+ "primary"
1035
1197
  ]
1036
1198
  },
1037
- "FormLabel": {
1038
- "as": [
1039
- "div"
1199
+ "SpringMotionConfig": {
1200
+ "layoutVariant": [
1201
+ "smooth"
1202
+ ],
1203
+ "layoutSpeed": [
1204
+ "3"
1205
+ ]
1206
+ },
1207
+ "Pressable": {
1208
+ "display": [
1209
+ "flex"
1210
+ ],
1211
+ "flexDirection": [
1212
+ "row"
1213
+ ],
1214
+ "alignItems": [
1215
+ "center"
1216
+ ],
1217
+ "justifyContent": [
1218
+ "space-between"
1040
1219
  ],
1220
+ "borderRadius": [
1221
+ "md"
1222
+ ]
1223
+ },
1224
+ "Text": {
1041
1225
  "variant": [
1042
- "inherit"
1226
+ "title4"
1043
1227
  ],
1044
1228
  "color": [
1045
- "inherit"
1229
+ "primary"
1046
1230
  ]
1047
1231
  },
1048
- "RootElement": {
1049
- "data-testid": [
1050
- "container"
1232
+ "HStack": {
1233
+ "display": [
1234
+ "flex"
1235
+ ],
1236
+ "alignItems": [
1237
+ "center"
1238
+ ],
1239
+ "justifyContent": [
1240
+ "space-between"
1241
+ ],
1242
+ "columnGap": [
1243
+ "2.5"
1051
1244
  ]
1052
1245
  }
1053
1246
  },
1054
- "propToVariantKeys": {
1055
- "size": [
1056
- "switchSizeRoot",
1057
- "switchSizeSwitch",
1058
- "switchSizeHandle",
1059
- "switchSizeHandleIcon"
1060
- ],
1061
- "onIcon": [
1062
- "icon"
1063
- ],
1064
- "offIcon": [
1065
- "icon"
1066
- ],
1067
- "reduceMotion": [
1068
- "reducedMotion"
1069
- ]
1070
- },
1247
+ "propToVariantKeys": {},
1071
1248
  "runtimeConfigDefaultProps": {},
1072
1249
  "runtimeConfigGetStyles": {},
1073
1250
  "runtimeConfigInternalComponentProps": {},
1074
1251
  "motionVarPrefixes": [
1075
- "--uds-motion-bouncy-4-",
1076
1252
  "--uds-motion-smooth-3-"
1077
1253
  ]
1078
1254
  },
1079
- "Spinner": {
1080
- "name": "Spinner",
1081
- "defaultProps": {
1082
- "color": "primary",
1083
- "size": "lg"
1084
- },
1255
+ "Modal": {
1256
+ "name": "Modal",
1257
+ "defaultProps": {},
1085
1258
  "getStylesLiterals": {},
1086
1259
  "cxLiterals": [
1087
- "self-center",
1088
- "relative",
1089
- "sr-only"
1260
+ "inset-8",
1261
+ "top-[250px]",
1262
+ "z-50",
1263
+ "mx-auto",
1264
+ "h-fit",
1265
+ "w-[600px]",
1266
+ "origin-center",
1267
+ "scale-95",
1268
+ "opacity-0",
1269
+ "transition",
1270
+ "duration-150",
1271
+ "data-[enter]:scale-100",
1272
+ "data-[enter]:opacity-100",
1273
+ "data-[enter]:bg-primary",
1274
+ "backdrop-blur-0",
1275
+ "data-[enter]:opacity-60",
1276
+ "data-[enter]:backdrop-blur-sm"
1090
1277
  ],
1091
1278
  "internalComponents": [
1092
- "Icon"
1279
+ "IconButton",
1280
+ "Dialog",
1281
+ "HStack",
1282
+ "Text",
1283
+ "VStack"
1093
1284
  ],
1094
1285
  "internalComponentProps": {
1095
- "Icon": {
1096
- "role": [
1097
- "img"
1286
+ "IconButton": {
1287
+ "aria-label": [
1288
+ "Close"
1098
1289
  ],
1099
- "className": [
1100
- "animate-spin"
1290
+ "size": [
1291
+ "sm"
1101
1292
  ],
1102
- "aria-hidden": [
1103
- "true"
1293
+ "variant": [
1294
+ "tertiary"
1295
+ ]
1296
+ },
1297
+ "HStack": {
1298
+ "alignItems": [
1299
+ "center"
1300
+ ],
1301
+ "justifyContent": [
1302
+ "space-between"
1303
+ ]
1304
+ },
1305
+ "Text": {
1306
+ "variant": [
1307
+ "headline1"
1308
+ ],
1309
+ "color": [
1310
+ "primary"
1311
+ ]
1312
+ },
1313
+ "VStack": {
1314
+ "borderRadius": [
1315
+ "md"
1316
+ ],
1317
+ "position": [
1318
+ "fixed"
1319
+ ],
1320
+ "backgroundColor": [
1321
+ "primary"
1322
+ ],
1323
+ "dropShadow": [
1324
+ "md"
1325
+ ],
1326
+ "spacing": [
1327
+ "8"
1328
+ ],
1329
+ "overflow": [
1330
+ "hidden"
1104
1331
  ]
1105
1332
  }
1106
1333
  },
1107
- "propToVariantKeys": {},
1334
+ "propToVariantKeys": {
1335
+ "handleClose": [
1336
+ "onClick"
1337
+ ]
1338
+ },
1108
1339
  "runtimeConfigDefaultProps": {},
1109
1340
  "runtimeConfigGetStyles": {},
1110
1341
  "runtimeConfigInternalComponentProps": {},
1111
1342
  "motionVarPrefixes": []
1112
1343
  },
1113
- "Table.mocks": {
1114
- "name": "Table.mocks",
1344
+ "AvoidMotionLibraryProvider": {
1345
+ "name": "AvoidMotionLibraryProvider",
1115
1346
  "defaultProps": {},
1116
1347
  "getStylesLiterals": {},
1117
1348
  "cxLiterals": [],
@@ -1123,52 +1354,232 @@
1123
1354
  "runtimeConfigInternalComponentProps": {},
1124
1355
  "motionVarPrefixes": []
1125
1356
  },
1126
- "Table": {
1127
- "name": "Table",
1357
+ "SegmentedControl": {
1358
+ "name": "SegmentedControl",
1128
1359
  "defaultProps": {
1129
- "display": "table-cell",
1130
- "overflow": "hidden",
1360
+ "textVariant": "label2"
1361
+ },
1362
+ "getStylesLiterals": {
1363
+ "display": "flex",
1364
+ "alignItems": "center",
1365
+ "backgroundColor": "primary",
1366
+ "spacingVertical": "1",
1367
+ "spacingHorizontal": "3",
1368
+ "columnGap": "1.5",
1369
+ "borderWidth": "thin",
1370
+ "borderRadius": "full",
1131
1371
  "borderColor": "muted",
1132
- "borderRadius": "md",
1133
- "spacing": "3",
1134
- "borderBottomColor": "muted",
1135
- "borderBottomWidth": "thin",
1136
- "color": "primary"
1372
+ "borderColor:1": "transparent",
1373
+ "color": "primary",
1374
+ "color:1": "tertiary",
1375
+ "color:2": "muted"
1376
+ },
1377
+ "cxLiterals": [
1378
+ "uds-ring",
1379
+ "cursor-not-allowed",
1380
+ "opacity-50",
1381
+ "pointer-events-none",
1382
+ "hover:bg-primary"
1383
+ ],
1384
+ "internalComponents": [
1385
+ "TextVariant",
1386
+ "Radio",
1387
+ "Icon",
1388
+ "RadioProvider",
1389
+ "HStack",
1390
+ "RadioGroup",
1391
+ "Pressable",
1392
+ "Text"
1393
+ ],
1394
+ "internalComponentProps": {
1395
+ "Icon": {
1396
+ "size": [
1397
+ "sm"
1398
+ ],
1399
+ "color": [
1400
+ "current"
1401
+ ],
1402
+ "aria-hidden": [
1403
+ "true"
1404
+ ]
1405
+ },
1406
+ "HStack": {
1407
+ "spacing": [
1408
+ "1"
1409
+ ],
1410
+ "gap": [
1411
+ "1"
1412
+ ],
1413
+ "backgroundColor": [
1414
+ "secondary"
1415
+ ],
1416
+ "borderRadius": [
1417
+ "full"
1418
+ ],
1419
+ "display": [
1420
+ "inline-flex"
1421
+ ]
1422
+ },
1423
+ "Text": {
1424
+ "color": [
1425
+ "current"
1426
+ ]
1427
+ }
1428
+ },
1429
+ "propToVariantKeys": {
1430
+ "value": [
1431
+ "key"
1432
+ ],
1433
+ "label": [
1434
+ "aria-label"
1435
+ ],
1436
+ "textVariant": [
1437
+ "variant"
1438
+ ]
1439
+ },
1440
+ "runtimeConfigDefaultProps": {},
1441
+ "runtimeConfigGetStyles": {},
1442
+ "runtimeConfigInternalComponentProps": {},
1443
+ "motionVarPrefixes": []
1444
+ },
1445
+ "SwitchV2": {
1446
+ "name": "SwitchV2",
1447
+ "defaultProps": {
1448
+ "labelPosition": "start",
1449
+ "size": "md"
1137
1450
  },
1138
1451
  "getStylesLiterals": {
1139
- "textAlign": "start"
1452
+ "switchVariantRoot": "default",
1453
+ "switchVariantActiveRoot": "on",
1454
+ "switchVariantActiveRoot:1": "off",
1455
+ "switchVariantSwitch": "default",
1456
+ "switchVariantActiveSwitch": "on",
1457
+ "switchVariantActiveSwitch:1": "off",
1458
+ "switchVariantActiveHandle": "on",
1459
+ "switchVariantActiveHandle:1": "off",
1460
+ "switchVariantHandle": "default",
1461
+ "switchVariantHandleIcon": "default",
1462
+ "switchVariantActiveHandleIcon": "on",
1463
+ "switchVariantActiveHandleIcon:1": "off"
1140
1464
  },
1141
- "cxLiterals": [],
1465
+ "cxLiterals": [
1466
+ "group",
1467
+ "flex",
1468
+ "items-center",
1469
+ "flex-row",
1470
+ "flex-row-reverse",
1471
+ "uds-ring",
1472
+ "uds-ring-within",
1473
+ "relative",
1474
+ "uds-border-radius-full",
1475
+ "transition-[background-color,box-shadow]",
1476
+ "pointer-events-none",
1477
+ "w-full",
1478
+ "h-full",
1479
+ "absolute",
1480
+ "top-0",
1481
+ "bottom-0",
1482
+ "right-0",
1483
+ "left-0",
1484
+ "overflow-hidden",
1485
+ "group-hover:scale-105",
1486
+ "opacity-95",
1487
+ "group-hover:opacity-100",
1488
+ "transition-[transform,opacity]",
1489
+ "opacity-0",
1490
+ "top-1/2",
1491
+ "left-1/2",
1492
+ "transform",
1493
+ "translate-x-[-50%]",
1494
+ "translate-y-[-50%]",
1495
+ "transition-opacity",
1496
+ "cursor-[inherit]",
1497
+ "w-[calc(100%+2px)]",
1498
+ "h-[calc(100%+2px)]",
1499
+ "text-start",
1500
+ "text-end",
1501
+ "opacity-100"
1502
+ ],
1142
1503
  "internalComponents": [
1143
- "CellComponent",
1504
+ "IconSlot",
1144
1505
  "Box",
1145
- "Text",
1146
- "Table.Root",
1147
- "Table.Header",
1148
- "Table.Row",
1149
- "Table.Cell",
1150
- "Table.Body"
1506
+ "FormLabel",
1507
+ "SpringMotionConfig",
1508
+ "RootElement",
1509
+ "MotionBox"
1151
1510
  ],
1152
1511
  "internalComponentProps": {
1153
- "Table.Cell": {
1154
- "asHeaderCell": [
1155
- "column"
1512
+ "IconSlot": {
1513
+ "data-testid": [
1514
+ "on-icon",
1515
+ "off-icon"
1516
+ ]
1517
+ },
1518
+ "FormLabel": {
1519
+ "as": [
1520
+ "div"
1521
+ ],
1522
+ "variant": [
1523
+ "inherit"
1524
+ ],
1525
+ "color": [
1526
+ "inherit"
1527
+ ]
1528
+ },
1529
+ "SpringMotionConfig": {
1530
+ "layoutVariant": [
1531
+ "bouncy"
1532
+ ],
1533
+ "layoutSpeed": [
1534
+ "4"
1535
+ ]
1536
+ },
1537
+ "RootElement": {
1538
+ "data-testid": [
1539
+ "switch-root"
1540
+ ]
1541
+ },
1542
+ "MotionBox": {
1543
+ "layout": [
1544
+ "position"
1156
1545
  ]
1157
1546
  }
1158
1547
  },
1159
- "propToVariantKeys": {},
1548
+ "propToVariantKeys": {
1549
+ "size": [
1550
+ "switchSizeRoot",
1551
+ "switchSizeSwitch",
1552
+ "switchSizeHandle",
1553
+ "switchSizeHandleIcon"
1554
+ ],
1555
+ "onIcon": [
1556
+ "icon"
1557
+ ],
1558
+ "offIcon": [
1559
+ "icon"
1560
+ ],
1561
+ "reduceMotion": [
1562
+ "reducedMotion"
1563
+ ],
1564
+ "isOn": [
1565
+ "layoutDependency"
1566
+ ]
1567
+ },
1160
1568
  "runtimeConfigDefaultProps": {},
1161
1569
  "runtimeConfigGetStyles": {},
1162
1570
  "runtimeConfigInternalComponentProps": {},
1163
- "motionVarPrefixes": []
1571
+ "motionVarPrefixes": [
1572
+ "--uds-motion-bouncy-4-",
1573
+ "--uds-motion-smooth-3-"
1574
+ ]
1164
1575
  },
1165
- "Avatar": {
1166
- "name": "Avatar",
1576
+ "UDSToastConfigProvider": {
1577
+ "name": "UDSToastConfigProvider",
1167
1578
  "defaultProps": {},
1168
1579
  "getStylesLiterals": {},
1169
1580
  "cxLiterals": [],
1170
1581
  "internalComponents": [
1171
- "AvatarImage"
1582
+ "ToastContext.Provider"
1172
1583
  ],
1173
1584
  "internalComponentProps": {},
1174
1585
  "propToVariantKeys": {},
@@ -1177,177 +1588,198 @@
1177
1588
  "runtimeConfigInternalComponentProps": {},
1178
1589
  "motionVarPrefixes": []
1179
1590
  },
1180
- "AvatarIcon": {
1181
- "name": "AvatarIcon",
1182
- "defaultProps": {
1183
- "size": "md",
1184
- "variant": "primary"
1185
- },
1591
+ "ToastPortal": {
1592
+ "name": "ToastPortal",
1593
+ "defaultProps": {},
1186
1594
  "getStylesLiterals": {},
1187
- "cxLiterals": [
1188
- "overflow-hidden",
1189
- "w-full",
1190
- "h-full",
1191
- "shrink-0",
1192
- "text-center",
1193
- "inline-flex",
1194
- "justify-center",
1195
- "items-center"
1196
- ],
1595
+ "cxLiterals": [],
1197
1596
  "internalComponents": [
1198
- "IconSlot",
1199
- "Box"
1597
+ "ReactToastifyToastContainer"
1200
1598
  ],
1201
1599
  "internalComponentProps": {},
1202
- "propToVariantKeys": {
1203
- "size": [
1204
- "avatarSizeIcon"
1205
- ]
1600
+ "propToVariantKeys": {},
1601
+ "runtimeConfigDefaultProps": {
1602
+ "size": "toast.defaultSize",
1603
+ "variant": "toast.defaultVariant"
1206
1604
  },
1207
- "runtimeConfigDefaultProps": {},
1208
1605
  "runtimeConfigGetStyles": {},
1209
- "runtimeConfigInternalComponentProps": {},
1606
+ "runtimeConfigInternalComponentProps": {
1607
+ "ReactToastifyToastContainer": {
1608
+ "autoClose": [
1609
+ "toast.autoClose"
1610
+ ]
1611
+ }
1612
+ },
1210
1613
  "motionVarPrefixes": []
1211
1614
  },
1212
- "AvatarImage": {
1213
- "name": "AvatarImage",
1214
- "defaultProps": {
1215
- "size": "md",
1216
- "variant": "primary"
1615
+ "Toast": {
1616
+ "name": "Toast",
1617
+ "defaultProps": {},
1618
+ "getStylesLiterals": {
1619
+ "className": "animate-spin",
1620
+ "className:1": "flex-none",
1621
+ "spacing": "2",
1622
+ "borderRadius": "full"
1217
1623
  },
1218
- "getStylesLiterals": {},
1219
1624
  "cxLiterals": [
1220
- "overflow-hidden",
1221
- "w-full",
1222
- "h-full",
1223
- "shrink-0",
1224
- "text-center",
1225
- "inline-flex",
1226
- "justify-center",
1227
- "items-center",
1228
- "object-cover"
1625
+ "duration-0",
1626
+ "duration-120",
1627
+ "transition-[background-color]",
1628
+ "bg-carbon-15/0",
1629
+ "hover:bg-carbon-15/10",
1630
+ "active:bg-carbon-15/15",
1631
+ "uds-ring"
1229
1632
  ],
1230
1633
  "internalComponents": [
1231
- "UDSImage",
1232
- "AvatarText",
1233
- "AvatarIcon",
1234
- "Box"
1634
+ "IconSlot",
1635
+ "ToastContainer",
1636
+ "Text",
1637
+ "Button",
1638
+ "Pressable"
1235
1639
  ],
1236
1640
  "internalComponentProps": {},
1237
1641
  "propToVariantKeys": {
1238
- "alt": [
1239
- "name"
1642
+ "size": [
1643
+ "toastSizeLabel",
1644
+ "toastSizeIcon",
1645
+ "toastSizeActionButton",
1646
+ "toastSizeCloseIcon"
1240
1647
  ],
1241
- "fallback": [
1242
- "initials"
1648
+ "variant": [
1649
+ "toastVariantIcon",
1650
+ "toastVariantActionButton",
1651
+ "toastVariantCloseIcon"
1652
+ ],
1653
+ "closeIcon": [
1654
+ "icon"
1655
+ ],
1656
+ "onClickActionButton": [
1657
+ "onClick"
1243
1658
  ]
1244
1659
  },
1245
- "runtimeConfigDefaultProps": {},
1246
- "runtimeConfigGetStyles": {},
1247
- "runtimeConfigInternalComponentProps": {},
1248
- "motionVarPrefixes": []
1249
- },
1250
- "AvatarText": {
1251
- "name": "AvatarText",
1252
- "defaultProps": {
1253
- "size": "md",
1254
- "variant": "primary"
1660
+ "runtimeConfigDefaultProps": {
1661
+ "size": "toast.defaultSize",
1662
+ "variant": "toast.defaultVariant"
1255
1663
  },
1256
- "getStylesLiterals": {},
1257
- "cxLiterals": [
1258
- "overflow-hidden",
1259
- "truncate",
1260
- "w-full",
1261
- "h-full",
1262
- "shrink-0",
1263
- "text-center",
1264
- "inline-flex",
1265
- "justify-center",
1266
- "items-center"
1267
- ],
1268
- "internalComponents": [
1269
- "Box",
1270
- "Text"
1271
- ],
1272
- "internalComponentProps": {
1664
+ "runtimeConfigGetStyles": {
1665
+ "toastSizeLabel": [
1666
+ "toast.defaultSize"
1667
+ ],
1668
+ "toastVariantIcon": [
1669
+ "toast.defaultVariant"
1670
+ ],
1671
+ "toastSizeIcon": [
1672
+ "toast.defaultSize"
1673
+ ],
1674
+ "toastSizeActionButton": [
1675
+ "toast.defaultSize"
1676
+ ],
1677
+ "toastVariantActionButton": [
1678
+ "toast.defaultVariant"
1679
+ ],
1680
+ "toastVariantCloseIcon": [
1681
+ "toast.defaultVariant"
1682
+ ],
1683
+ "toastSizeCloseIcon": [
1684
+ "toast.defaultSize"
1685
+ ]
1686
+ },
1687
+ "runtimeConfigInternalComponentProps": {
1688
+ "ToastContainer": {
1689
+ "size": [
1690
+ "toast.defaultSize"
1691
+ ],
1692
+ "variant": [
1693
+ "toast.defaultVariant"
1694
+ ]
1695
+ },
1273
1696
  "Text": {
1697
+ "variant": [
1698
+ "toast.textVariant.${size}"
1699
+ ],
1274
1700
  "color": [
1275
- "inherit"
1701
+ "toast.textColor.${variant}"
1702
+ ]
1703
+ },
1704
+ "Button": {
1705
+ "size": [
1706
+ "toast.buttonSize.${size}"
1276
1707
  ],
1277
1708
  "variant": [
1278
- "inherit"
1709
+ "toast.buttonVariant.${variant}"
1279
1710
  ]
1280
1711
  }
1281
1712
  },
1282
- "propToVariantKeys": {},
1283
- "runtimeConfigDefaultProps": {},
1284
- "runtimeConfigGetStyles": {},
1285
- "runtimeConfigInternalComponentProps": {},
1286
1713
  "motionVarPrefixes": []
1287
1714
  },
1288
- "BottomSheet": {
1289
- "name": "BottomSheet",
1290
- "defaultProps": {
1291
- "variant": "default"
1715
+ "ToastContainer": {
1716
+ "name": "ToastContainer",
1717
+ "defaultProps": {},
1718
+ "getStylesLiterals": {
1719
+ "position": "relative",
1720
+ "alignItems": "center",
1721
+ "display": "flex",
1722
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1292
1723
  },
1293
- "getStylesLiterals": {},
1294
1724
  "cxLiterals": [
1295
- "fixed",
1296
- "overflow-hidden",
1297
- "inset-x-0",
1298
- "bottom-0",
1299
- "z-50",
1300
- "[will-change:transform]",
1301
- "touch-none",
1302
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1303
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1304
- "transition-transform",
1305
- "duration-500",
1306
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1307
- "motion-reduce:transition-none",
1308
- "top-[-4px]",
1309
- "z-[1]",
1310
- "touch-pan-y"
1725
+ "w-full"
1311
1726
  ],
1312
1727
  "internalComponents": [
1313
- "Scrim",
1314
- "BottomSheetHandle",
1315
- "Dialog",
1316
- "Box",
1317
- "BottomSheetInternalContext.Provider"
1728
+ "HStack"
1318
1729
  ],
1319
1730
  "internalComponentProps": {
1320
- "BottomSheetHandle": {
1321
- "ariaLabel": [
1322
- "Resize sheet"
1323
- ]
1324
- },
1325
- "Dialog": {
1326
- "data-testid": [
1327
- "bottom-sheet"
1328
- ]
1329
- },
1330
- "Box": {
1331
- "display": [
1332
- "block",
1333
- "flex"
1731
+ "HStack": {
1732
+ "alignItems": [
1733
+ "center"
1334
1734
  ],
1335
- "position": [
1336
- "absolute"
1735
+ "justifyContent": [
1736
+ "space-between"
1337
1737
  ],
1338
- "flexDirection": [
1339
- "column"
1738
+ "overflow": [
1739
+ "hidden"
1340
1740
  ],
1341
- "className": [
1342
- "absolute inset-0 min-h-0 p-[inherit]"
1741
+ "position": [
1742
+ "relative"
1343
1743
  ]
1344
1744
  }
1345
1745
  },
1346
1746
  "propToVariantKeys": {
1347
1747
  "variant": [
1348
- "bottomsheetVariantRoot"
1748
+ "toastVariantRoot"
1749
+ ],
1750
+ "size": [
1751
+ "toastSizeRoot"
1752
+ ]
1753
+ },
1754
+ "runtimeConfigDefaultProps": {
1755
+ "size": "toast.defaultSize",
1756
+ "variant": "toast.defaultVariant"
1757
+ },
1758
+ "runtimeConfigGetStyles": {
1759
+ "toastVariantRoot": [
1760
+ "toast.defaultVariant"
1761
+ ],
1762
+ "toastSizeRoot": [
1763
+ "toast.defaultSize"
1349
1764
  ]
1350
1765
  },
1766
+ "runtimeConfigInternalComponentProps": {
1767
+ "HStack": {
1768
+ "backgroundColor": [
1769
+ "toast.backgroundColor.${variant}"
1770
+ ]
1771
+ }
1772
+ },
1773
+ "motionVarPrefixes": []
1774
+ },
1775
+ "BottomSheetInternalContext": {
1776
+ "name": "BottomSheetInternalContext",
1777
+ "defaultProps": {},
1778
+ "getStylesLiterals": {},
1779
+ "cxLiterals": [],
1780
+ "internalComponents": [],
1781
+ "internalComponentProps": {},
1782
+ "propToVariantKeys": {},
1351
1783
  "runtimeConfigDefaultProps": {},
1352
1784
  "runtimeConfigGetStyles": {},
1353
1785
  "runtimeConfigInternalComponentProps": {},
@@ -1386,21 +1818,6 @@
1386
1818
  "runtimeConfigInternalComponentProps": {},
1387
1819
  "motionVarPrefixes": []
1388
1820
  },
1389
- "BottomSheetDismiss": {
1390
- "name": "BottomSheetDismiss",
1391
- "defaultProps": {},
1392
- "getStylesLiterals": {},
1393
- "cxLiterals": [],
1394
- "internalComponents": [
1395
- "AriakitDialogDismiss"
1396
- ],
1397
- "internalComponentProps": {},
1398
- "propToVariantKeys": {},
1399
- "runtimeConfigDefaultProps": {},
1400
- "runtimeConfigGetStyles": {},
1401
- "runtimeConfigInternalComponentProps": {},
1402
- "motionVarPrefixes": []
1403
- },
1404
1821
  "BottomSheetHandle": {
1405
1822
  "name": "BottomSheetHandle",
1406
1823
  "defaultProps": {
@@ -1432,14 +1849,82 @@
1432
1849
  "block",
1433
1850
  "flex"
1434
1851
  ],
1435
- "justifyContent": [
1436
- "center"
1852
+ "justifyContent": [
1853
+ "center"
1854
+ ]
1855
+ }
1856
+ },
1857
+ "propToVariantKeys": {
1858
+ "variant": [
1859
+ "bottomsheetVariantHandleIndicator"
1860
+ ]
1861
+ },
1862
+ "runtimeConfigDefaultProps": {},
1863
+ "runtimeConfigGetStyles": {},
1864
+ "runtimeConfigInternalComponentProps": {},
1865
+ "motionVarPrefixes": []
1866
+ },
1867
+ "BottomSheet": {
1868
+ "name": "BottomSheet",
1869
+ "defaultProps": {
1870
+ "variant": "default"
1871
+ },
1872
+ "getStylesLiterals": {},
1873
+ "cxLiterals": [
1874
+ "fixed",
1875
+ "overflow-hidden",
1876
+ "inset-x-0",
1877
+ "bottom-0",
1878
+ "z-50",
1879
+ "[will-change:transform]",
1880
+ "touch-none",
1881
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1882
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1883
+ "transition-transform",
1884
+ "duration-500",
1885
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1886
+ "motion-reduce:transition-none",
1887
+ "top-[-4px]",
1888
+ "z-[1]",
1889
+ "touch-pan-y"
1890
+ ],
1891
+ "internalComponents": [
1892
+ "Scrim",
1893
+ "BottomSheetHandle",
1894
+ "Dialog",
1895
+ "Box",
1896
+ "BottomSheetInternalContext.Provider"
1897
+ ],
1898
+ "internalComponentProps": {
1899
+ "BottomSheetHandle": {
1900
+ "ariaLabel": [
1901
+ "Resize sheet"
1902
+ ]
1903
+ },
1904
+ "Dialog": {
1905
+ "data-testid": [
1906
+ "bottom-sheet"
1907
+ ]
1908
+ },
1909
+ "Box": {
1910
+ "display": [
1911
+ "block",
1912
+ "flex"
1913
+ ],
1914
+ "position": [
1915
+ "absolute"
1916
+ ],
1917
+ "flexDirection": [
1918
+ "column"
1919
+ ],
1920
+ "className": [
1921
+ "absolute inset-0 min-h-0 p-[inherit]"
1437
1922
  ]
1438
1923
  }
1439
1924
  },
1440
1925
  "propToVariantKeys": {
1441
1926
  "variant": [
1442
- "bottomsheetVariantHandleIndicator"
1927
+ "bottomsheetVariantRoot"
1443
1928
  ]
1444
1929
  },
1445
1930
  "runtimeConfigDefaultProps": {},
@@ -1503,12 +1988,14 @@
1503
1988
  "runtimeConfigInternalComponentProps": {},
1504
1989
  "motionVarPrefixes": []
1505
1990
  },
1506
- "BottomSheetInternalContext": {
1507
- "name": "BottomSheetInternalContext",
1991
+ "BottomSheetTrigger": {
1992
+ "name": "BottomSheetTrigger",
1508
1993
  "defaultProps": {},
1509
1994
  "getStylesLiterals": {},
1510
1995
  "cxLiterals": [],
1511
- "internalComponents": [],
1996
+ "internalComponents": [
1997
+ "AriakitDialogDisclosure"
1998
+ ],
1512
1999
  "internalComponentProps": {},
1513
2000
  "propToVariantKeys": {},
1514
2001
  "runtimeConfigDefaultProps": {},
@@ -1516,13 +2003,13 @@
1516
2003
  "runtimeConfigInternalComponentProps": {},
1517
2004
  "motionVarPrefixes": []
1518
2005
  },
1519
- "BottomSheetProvider": {
1520
- "name": "BottomSheetProvider",
2006
+ "UDSBottomSheetConfigProvider": {
2007
+ "name": "UDSBottomSheetConfigProvider",
1521
2008
  "defaultProps": {},
1522
2009
  "getStylesLiterals": {},
1523
2010
  "cxLiterals": [],
1524
2011
  "internalComponents": [
1525
- "AriakitDialogProvider"
2012
+ "BottomSheetContext.Provider"
1526
2013
  ],
1527
2014
  "internalComponentProps": {},
1528
2015
  "propToVariantKeys": {},
@@ -1531,13 +2018,13 @@
1531
2018
  "runtimeConfigInternalComponentProps": {},
1532
2019
  "motionVarPrefixes": []
1533
2020
  },
1534
- "BottomSheetTrigger": {
1535
- "name": "BottomSheetTrigger",
2021
+ "BottomSheetDismiss": {
2022
+ "name": "BottomSheetDismiss",
1536
2023
  "defaultProps": {},
1537
2024
  "getStylesLiterals": {},
1538
2025
  "cxLiterals": [],
1539
2026
  "internalComponents": [
1540
- "AriakitDialogDisclosure"
2027
+ "AriakitDialogDismiss"
1541
2028
  ],
1542
2029
  "internalComponentProps": {},
1543
2030
  "propToVariantKeys": {},
@@ -1546,13 +2033,13 @@
1546
2033
  "runtimeConfigInternalComponentProps": {},
1547
2034
  "motionVarPrefixes": []
1548
2035
  },
1549
- "UDSBottomSheetConfigProvider": {
1550
- "name": "UDSBottomSheetConfigProvider",
2036
+ "BottomSheetProvider": {
2037
+ "name": "BottomSheetProvider",
1551
2038
  "defaultProps": {},
1552
2039
  "getStylesLiterals": {},
1553
2040
  "cxLiterals": [],
1554
2041
  "internalComponents": [
1555
- "BottomSheetContext.Provider"
2042
+ "AriakitDialogProvider"
1556
2043
  ],
1557
2044
  "internalComponentProps": {},
1558
2045
  "propToVariantKeys": {},
@@ -1561,107 +2048,29 @@
1561
2048
  "runtimeConfigInternalComponentProps": {},
1562
2049
  "motionVarPrefixes": []
1563
2050
  },
1564
- "Input": {
1565
- "name": "Input",
2051
+ "ChipLink": {
2052
+ "name": "ChipLink",
1566
2053
  "defaultProps": {
1567
- "type": "text",
1568
- "size": "md",
1569
- "width": "full"
1570
- },
1571
- "getStylesLiterals": {
1572
- "inputVariantRoot": "default",
1573
- "inputVariantValueRoot": "empty",
1574
- "inputVariantValueRoot:1": "filled",
1575
- "inputVariantInputWrapper": "default",
1576
- "inputVariantValueInputWrapper": "empty",
1577
- "inputVariantValueInputWrapper:1": "filled",
1578
- "inputVariantInput": "default",
1579
- "inputVariantValueInput": "empty",
1580
- "inputVariantValueInput:1": "filled",
1581
- "inputVariantInputPlaceholder": "default",
1582
- "inputVariantValueInputPlaceholder": "empty",
1583
- "inputVariantValueInputPlaceholder:1": "filled",
1584
- "inputVariantLabel": "default",
1585
- "inputVariantValueLabel": "empty",
1586
- "inputVariantValueLabel:1": "filled",
1587
- "inputVariantLabelRequired": "default",
1588
- "inputVariantValueLabelRequired": "empty",
1589
- "inputVariantValueLabelRequired:1": "filled",
1590
- "inputVariantStartIcon": "default",
1591
- "inputVariantValueStartIcon": "empty",
1592
- "inputVariantValueStartIcon:1": "filled",
1593
- "inputVariantEndIcon": "default",
1594
- "inputVariantValueEndIcon": "empty",
1595
- "inputVariantValueEndIcon:1": "filled"
2054
+ "variant": "primary"
1596
2055
  },
2056
+ "getStylesLiterals": {},
1597
2057
  "cxLiterals": [
1598
- "opacity-50",
1599
- "min-w-[200px]",
1600
- "grow",
1601
- "uds-hit-target",
1602
- "bg-clip-text",
1603
- "focus:outline-none",
1604
- "cursor-text",
1605
- "cursor-not-allowed"
2058
+ "uds-ring"
1606
2059
  ],
1607
2060
  "internalComponents": [
1608
- "IconSlot",
1609
- "StartIcon",
1610
- "EndIcon",
1611
- "HelpTextContent",
1612
- "Box",
1613
- "InputHelpTextInternal",
1614
- "VStack",
1615
- "HStack",
1616
- "AnimateHeightChange"
2061
+ "ChipBase"
1617
2062
  ],
1618
2063
  "internalComponentProps": {
1619
- "HelpTextContent": {
1620
- "spacingTop": [
1621
- "2"
1622
- ]
1623
- },
1624
- "Box": {
1625
- "spacingBottom": [
1626
- "2"
1627
- ],
1628
- "columnGap": [
1629
- "0.5"
1630
- ],
1631
- "alignItems": [
1632
- "flex-end",
1633
- "center"
1634
- ],
1635
- "position": [
1636
- "relative"
1637
- ]
1638
- },
1639
- "HStack": {
1640
- "alignItems": [
1641
- "center"
1642
- ],
1643
- "gap": [
1644
- "1"
2064
+ "ChipBase": {
2065
+ "as": [
2066
+ "a"
1645
2067
  ]
1646
2068
  }
1647
2069
  },
1648
2070
  "propToVariantKeys": {
1649
- "size": [
1650
- "inputSizeRoot",
1651
- "inputSizeInputWrapper",
1652
- "inputSizeInput",
1653
- "inputSizeLabel",
1654
- "inputSizeStartIcon",
1655
- "inputSizeEndIcon"
1656
- ],
1657
- "startIcon": [
1658
- "icon"
1659
- ],
1660
- "endIcon": [
1661
- "icon"
1662
- ],
1663
- "helperTextIcon": [
1664
- "startIcon"
2071
+ "variant": [
2072
+ "chipLinkVariantRoot",
2073
+ "chipLinkVariantIcon"
1665
2074
  ]
1666
2075
  },
1667
2076
  "runtimeConfigDefaultProps": {},
@@ -1669,74 +2078,31 @@
1669
2078
  "runtimeConfigInternalComponentProps": {},
1670
2079
  "motionVarPrefixes": []
1671
2080
  },
1672
- "InputHelpText": {
1673
- "name": "InputHelpText",
2081
+ "ChipDismissible": {
2082
+ "name": "ChipDismissible",
1674
2083
  "defaultProps": {
1675
- "size": "md"
1676
- },
1677
- "getStylesLiterals": {
1678
- "inputVariantRoot": "default",
1679
- "inputVariantValueRoot": "empty",
1680
- "inputVariantValueRoot:1": "filled"
2084
+ "variant": "primary"
1681
2085
  },
1682
- "cxLiterals": [],
1683
- "internalComponents": [
1684
- "InputHelpTextInternal",
1685
- "Box"
2086
+ "getStylesLiterals": {},
2087
+ "cxLiterals": [
2088
+ "uds-chip-dismissible-button",
2089
+ "uds-hit-target",
2090
+ "uds-ring",
2091
+ "rounded-full"
1686
2092
  ],
1687
- "internalComponentProps": {
1688
- "Box": {
1689
- "spacingTop": [
1690
- "2"
1691
- ]
1692
- }
1693
- },
1694
- "propToVariantKeys": {
1695
- "size": [
1696
- "inputSizeRoot"
1697
- ]
1698
- },
1699
- "runtimeConfigDefaultProps": {},
1700
- "runtimeConfigGetStyles": {},
1701
- "runtimeConfigInternalComponentProps": {},
1702
- "motionVarPrefixes": []
1703
- },
1704
- "InputHelpTextInternal": {
1705
- "name": "InputHelpTextInternal",
1706
- "defaultProps": {},
1707
- "getStylesLiterals": {
1708
- "inputVariantHelperText": "default",
1709
- "inputVariantValueHelperText": "empty",
1710
- "inputVariantValueHelperText:1": "filled",
1711
- "inputVariantHelperIcon": "default",
1712
- "inputVariantValueHelperIcon": "empty",
1713
- "inputVariantValueHelperIcon:1": "filled"
1714
- },
1715
- "cxLiterals": [],
1716
2093
  "internalComponents": [
2094
+ "ChipBase",
1717
2095
  "IconSlot",
1718
- "HStack"
2096
+ "Pressable"
1719
2097
  ],
1720
- "internalComponentProps": {
1721
- "HStack": {
1722
- "gap": [
1723
- "1"
1724
- ],
1725
- "alignItems": [
1726
- "center"
1727
- ]
1728
- }
1729
- },
2098
+ "internalComponentProps": {},
1730
2099
  "propToVariantKeys": {
1731
- "size": [
1732
- "inputSizeHelperText",
1733
- "inputSizeHelperIcon"
1734
- ],
1735
- "startIcon": [
1736
- "icon"
2100
+ "variant": [
2101
+ "chipDismissibleVariantRoot",
2102
+ "chipDismissibleVariantIcon"
1737
2103
  ],
1738
- "endIcon": [
1739
- "icon"
2104
+ "dismissButtonAriaLabel": [
2105
+ "aria-label"
1740
2106
  ]
1741
2107
  },
1742
2108
  "runtimeConfigDefaultProps": {},
@@ -1744,19 +2110,35 @@
1744
2110
  "runtimeConfigInternalComponentProps": {},
1745
2111
  "motionVarPrefixes": []
1746
2112
  },
1747
- "Chip": {
1748
- "name": "Chip",
1749
- "defaultProps": {},
1750
- "getStylesLiterals": {},
1751
- "cxLiterals": [],
2113
+ "ChipToggle": {
2114
+ "name": "ChipToggle",
2115
+ "defaultProps": {
2116
+ "variant": "primary",
2117
+ "role": "checkbox"
2118
+ },
2119
+ "getStylesLiterals": {
2120
+ "chipToggleVariantActiveRoot": "on",
2121
+ "chipToggleVariantActiveRoot:1": "off"
2122
+ },
2123
+ "cxLiterals": [
2124
+ "uds-ring"
2125
+ ],
1752
2126
  "internalComponents": [
1753
- "ChipDismissible",
1754
- "ChipToggle",
1755
- "ChipLink",
1756
- "ChipButton"
2127
+ "ChipBase"
1757
2128
  ],
1758
- "internalComponentProps": {},
1759
- "propToVariantKeys": {},
2129
+ "internalComponentProps": {
2130
+ "ChipBase": {
2131
+ "as": [
2132
+ "button"
2133
+ ]
2134
+ }
2135
+ },
2136
+ "propToVariantKeys": {
2137
+ "variant": [
2138
+ "chipToggleVariantRoot",
2139
+ "chipToggleVariantIcon"
2140
+ ]
2141
+ },
1760
2142
  "runtimeConfigDefaultProps": {},
1761
2143
  "runtimeConfigGetStyles": {},
1762
2144
  "runtimeConfigInternalComponentProps": {},
@@ -1817,6 +2199,24 @@
1817
2199
  "runtimeConfigInternalComponentProps": {},
1818
2200
  "motionVarPrefixes": []
1819
2201
  },
2202
+ "Chip": {
2203
+ "name": "Chip",
2204
+ "defaultProps": {},
2205
+ "getStylesLiterals": {},
2206
+ "cxLiterals": [],
2207
+ "internalComponents": [
2208
+ "ChipDismissible",
2209
+ "ChipToggle",
2210
+ "ChipLink",
2211
+ "ChipButton"
2212
+ ],
2213
+ "internalComponentProps": {},
2214
+ "propToVariantKeys": {},
2215
+ "runtimeConfigDefaultProps": {},
2216
+ "runtimeConfigGetStyles": {},
2217
+ "runtimeConfigInternalComponentProps": {},
2218
+ "motionVarPrefixes": []
2219
+ },
1820
2220
  "ChipButton": {
1821
2221
  "name": "ChipButton",
1822
2222
  "defaultProps": {
@@ -1847,61 +2247,69 @@
1847
2247
  "runtimeConfigInternalComponentProps": {},
1848
2248
  "motionVarPrefixes": []
1849
2249
  },
1850
- "ChipDismissible": {
1851
- "name": "ChipDismissible",
2250
+ "AvatarText": {
2251
+ "name": "AvatarText",
1852
2252
  "defaultProps": {
2253
+ "size": "md",
1853
2254
  "variant": "primary"
1854
2255
  },
1855
2256
  "getStylesLiterals": {},
1856
2257
  "cxLiterals": [
1857
- "uds-chip-dismissible-button",
1858
- "uds-hit-target",
1859
- "uds-ring",
1860
- "rounded-full"
2258
+ "overflow-hidden",
2259
+ "truncate",
2260
+ "w-full",
2261
+ "h-full",
2262
+ "shrink-0",
2263
+ "text-center",
2264
+ "inline-flex",
2265
+ "justify-center",
2266
+ "items-center"
1861
2267
  ],
1862
2268
  "internalComponents": [
1863
- "ChipBase",
1864
- "IconSlot",
1865
- "Pressable"
2269
+ "Box",
2270
+ "Text"
1866
2271
  ],
1867
- "internalComponentProps": {},
1868
- "propToVariantKeys": {
1869
- "variant": [
1870
- "chipDismissibleVariantRoot",
1871
- "chipDismissibleVariantIcon"
1872
- ],
1873
- "dismissButtonAriaLabel": [
1874
- "aria-label"
1875
- ]
2272
+ "internalComponentProps": {
2273
+ "Text": {
2274
+ "color": [
2275
+ "inherit"
2276
+ ],
2277
+ "variant": [
2278
+ "inherit"
2279
+ ]
2280
+ }
1876
2281
  },
2282
+ "propToVariantKeys": {},
1877
2283
  "runtimeConfigDefaultProps": {},
1878
2284
  "runtimeConfigGetStyles": {},
1879
2285
  "runtimeConfigInternalComponentProps": {},
1880
2286
  "motionVarPrefixes": []
1881
2287
  },
1882
- "ChipLink": {
1883
- "name": "ChipLink",
2288
+ "AvatarIcon": {
2289
+ "name": "AvatarIcon",
1884
2290
  "defaultProps": {
2291
+ "size": "md",
1885
2292
  "variant": "primary"
1886
2293
  },
1887
2294
  "getStylesLiterals": {},
1888
2295
  "cxLiterals": [
1889
- "uds-ring"
2296
+ "overflow-hidden",
2297
+ "w-full",
2298
+ "h-full",
2299
+ "shrink-0",
2300
+ "text-center",
2301
+ "inline-flex",
2302
+ "justify-center",
2303
+ "items-center"
1890
2304
  ],
1891
2305
  "internalComponents": [
1892
- "ChipBase"
2306
+ "IconSlot",
2307
+ "Box"
1893
2308
  ],
1894
- "internalComponentProps": {
1895
- "ChipBase": {
1896
- "as": [
1897
- "a"
1898
- ]
1899
- }
1900
- },
2309
+ "internalComponentProps": {},
1901
2310
  "propToVariantKeys": {
1902
- "variant": [
1903
- "chipLinkVariantRoot",
1904
- "chipLinkVariantIcon"
2311
+ "size": [
2312
+ "avatarSizeIcon"
1905
2313
  ]
1906
2314
  },
1907
2315
  "runtimeConfigDefaultProps": {},
@@ -1909,73 +2317,52 @@
1909
2317
  "runtimeConfigInternalComponentProps": {},
1910
2318
  "motionVarPrefixes": []
1911
2319
  },
1912
- "ChipToggle": {
1913
- "name": "ChipToggle",
1914
- "defaultProps": {
1915
- "variant": "primary",
1916
- "role": "checkbox"
1917
- },
1918
- "getStylesLiterals": {
1919
- "chipToggleVariantActiveRoot": "on",
1920
- "chipToggleVariantActiveRoot:1": "off"
1921
- },
1922
- "cxLiterals": [
1923
- "uds-ring"
1924
- ],
2320
+ "Avatar": {
2321
+ "name": "Avatar",
2322
+ "defaultProps": {},
2323
+ "getStylesLiterals": {},
2324
+ "cxLiterals": [],
1925
2325
  "internalComponents": [
1926
- "ChipBase"
2326
+ "AvatarImage"
1927
2327
  ],
1928
- "internalComponentProps": {
1929
- "ChipBase": {
1930
- "as": [
1931
- "button"
1932
- ]
1933
- }
1934
- },
1935
- "propToVariantKeys": {
1936
- "variant": [
1937
- "chipToggleVariantRoot",
1938
- "chipToggleVariantIcon"
1939
- ]
1940
- },
2328
+ "internalComponentProps": {},
2329
+ "propToVariantKeys": {},
1941
2330
  "runtimeConfigDefaultProps": {},
1942
2331
  "runtimeConfigGetStyles": {},
1943
2332
  "runtimeConfigInternalComponentProps": {},
1944
2333
  "motionVarPrefixes": []
1945
2334
  },
1946
- "Menu.Content": {
1947
- "name": "Menu.Content",
2335
+ "AvatarImage": {
2336
+ "name": "AvatarImage",
1948
2337
  "defaultProps": {
1949
- "size": "default",
1950
- "variant": "default",
1951
- "gutter": "1"
2338
+ "size": "md",
2339
+ "variant": "primary"
1952
2340
  },
1953
2341
  "getStylesLiterals": {},
1954
2342
  "cxLiterals": [
1955
- "uds-menu-content",
1956
- "transition-shadow",
1957
- "duration-200",
1958
- "ease-in-out",
1959
- "min-w-60",
1960
- "max-w-lg",
1961
- "max-h-96",
1962
- "overflow-auto",
1963
- "uds-ring",
1964
- "z-10",
1965
- "group"
2343
+ "overflow-hidden",
2344
+ "w-full",
2345
+ "h-full",
2346
+ "shrink-0",
2347
+ "text-center",
2348
+ "inline-flex",
2349
+ "justify-center",
2350
+ "items-center",
2351
+ "object-cover"
1966
2352
  ],
1967
2353
  "internalComponents": [
1968
- "AriakitMenu",
1969
- "AnimatePresence",
1970
- "MotionVStack"
2354
+ "UDSImage",
2355
+ "AvatarText",
2356
+ "AvatarIcon",
2357
+ "Box"
1971
2358
  ],
1972
2359
  "internalComponentProps": {},
1973
2360
  "propToVariantKeys": {
1974
- "size": [
1975
- "menucontentSizeRoot"
2361
+ "alt": [
2362
+ "name"
1976
2363
  ],
1977
- "variant": [
1978
- "menucontentVariantRoot"
2364
+ "fallback": [
2365
+ "initials"
1979
2366
  ]
1980
2367
  },
1981
2368
  "runtimeConfigDefaultProps": {},
@@ -1983,125 +2370,167 @@
1983
2370
  "runtimeConfigInternalComponentProps": {},
1984
2371
  "motionVarPrefixes": []
1985
2372
  },
1986
- "Menu.Divider": {
1987
- "name": "Menu.Divider",
2373
+ "TabPanel": {
2374
+ "name": "TabPanel",
2375
+ "defaultProps": {},
2376
+ "getStylesLiterals": {},
2377
+ "cxLiterals": [],
2378
+ "internalComponents": [
2379
+ "AriakitTabPanel"
2380
+ ],
2381
+ "internalComponentProps": {},
2382
+ "propToVariantKeys": {},
2383
+ "runtimeConfigDefaultProps": {},
2384
+ "runtimeConfigGetStyles": {},
2385
+ "runtimeConfigInternalComponentProps": {},
2386
+ "motionVarPrefixes": []
2387
+ },
2388
+ "Tabs": {
2389
+ "name": "Tabs",
1988
2390
  "defaultProps": {
1989
- "role": "separator",
1990
- "contentPosition": "start",
1991
- "gap": "4"
1992
- },
1993
- "getStylesLiterals": {
1994
- "menuitemDividerVariantRoot": "default",
1995
- "menuitemDividerVariantText": "default",
1996
- "menuitemDividerVariantLine": "default"
2391
+ "variant": "primary"
1997
2392
  },
2393
+ "getStylesLiterals": {},
1998
2394
  "cxLiterals": [],
1999
2395
  "internalComponents": [
2000
- "DividerInternal"
2396
+ "TabsContext.Provider",
2397
+ "TabProvider"
2001
2398
  ],
2002
- "internalComponentProps": {
2003
- "DividerInternal": {
2004
- "variant": [
2005
- "inherit"
2006
- ]
2007
- }
2399
+ "internalComponentProps": {},
2400
+ "propToVariantKeys": {
2401
+ "onSelectionChange": [
2402
+ "setSelectedId"
2403
+ ]
2008
2404
  },
2009
- "propToVariantKeys": {},
2010
2405
  "runtimeConfigDefaultProps": {},
2011
2406
  "runtimeConfigGetStyles": {},
2012
2407
  "runtimeConfigInternalComponentProps": {},
2013
2408
  "motionVarPrefixes": []
2014
2409
  },
2015
- "Menu.Item": {
2016
- "name": "Menu.Item",
2017
- "defaultProps": {},
2410
+ "TabList": {
2411
+ "name": "TabList",
2412
+ "defaultProps": {
2413
+ "variant": "primary"
2414
+ },
2018
2415
  "getStylesLiterals": {
2019
- "menuitemItemVariantRoot": "default",
2020
- "menuitemItemVariantActiveRoot": "on",
2021
- "menuitemItemVariantActiveRoot:1": "off",
2022
- "menuitemItemVariantText": "default",
2023
- "menuitemItemVariantActiveText": "on",
2024
- "menuitemItemVariantActiveText:1": "off",
2025
- "menuitemItemVariantIcon": "default",
2026
- "menuitemItemVariantActiveIcon": "on",
2027
- "menuitemItemVariantActiveIcon:1": "off"
2416
+ "tabSizeRoot": "default",
2417
+ "tabVariantActiveRoot": "on"
2028
2418
  },
2029
- "cxLiterals": [],
2419
+ "cxLiterals": [
2420
+ "pointer-events-none",
2421
+ "absolute",
2422
+ "bottom-0",
2423
+ "left-0",
2424
+ "right-0",
2425
+ "h-[var(--uds-tab-underline-width,0px)]",
2426
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2427
+ "transition-[height,background-color]",
2428
+ "duration-[240ms]",
2429
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2430
+ "!m-0",
2431
+ "!p-0",
2432
+ "!gap-0",
2433
+ "box-border",
2434
+ "z-0",
2435
+ "min-w-0",
2436
+ "min-h-0",
2437
+ "flex",
2438
+ "flex-row",
2439
+ "items-center",
2440
+ "overflow-x-auto",
2441
+ "overflow-y-clip",
2442
+ "scrollbar-none",
2443
+ "[overflow-clip-margin:6px]",
2444
+ "overflow-clip",
2445
+ "[overflow-clip-margin:8px]",
2446
+ "relative"
2447
+ ],
2030
2448
  "internalComponents": [
2031
- "MenuItemBase"
2449
+ "AriakitTabList"
2032
2450
  ],
2033
2451
  "internalComponentProps": {},
2034
- "propToVariantKeys": {},
2452
+ "propToVariantKeys": {
2453
+ "variant": [
2454
+ "tabsVariantRoot",
2455
+ "tabVariantRoot"
2456
+ ]
2457
+ },
2035
2458
  "runtimeConfigDefaultProps": {},
2036
2459
  "runtimeConfigGetStyles": {},
2037
2460
  "runtimeConfigInternalComponentProps": {},
2038
2461
  "motionVarPrefixes": []
2039
2462
  },
2040
- "Menu.ItemBase": {
2041
- "name": "Menu.ItemBase",
2463
+ "Tab": {
2464
+ "name": "Tab",
2042
2465
  "defaultProps": {
2043
- "spacing": "0",
2044
- "spacingHorizontal": "4",
2045
- "spacingVertical": "3.5",
2046
- "columnGap": "2",
2047
- "alignItems": "center",
2048
- "justifyContent": "space-between"
2466
+ "variant": "primary"
2049
2467
  },
2050
2468
  "getStylesLiterals": {
2051
- "textAlign": "start",
2052
- "menuitemSizeRoot": "default",
2053
- "flexDirection": "row",
2054
- "menuitemSizeStartIcon": "default",
2055
- "menuitemSizeEndIcon": "default"
2469
+ "tabSizeRoot": "default",
2470
+ "tabVariantActiveRoot": "off",
2471
+ "tabVariantActiveRoot:1": "on",
2472
+ "tabSizeIcon": "default"
2056
2473
  },
2057
2474
  "cxLiterals": [
2058
- "flex",
2059
- "focus-visible:text-brand",
2060
- "focus-visible:bg-brand-secondary",
2061
- "focus-visible:z-10",
2475
+ "pointer-events-none",
2476
+ "absolute",
2477
+ "bottom-0",
2478
+ "left-0",
2479
+ "right-0",
2480
+ "h-[var(--uds-tab-underline-width,0px)]",
2481
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2482
+ "transition-[height,background-color]",
2483
+ "duration-[240ms]",
2484
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2485
+ "!bg-transparent",
2486
+ "!shadow-none",
2487
+ "inline-flex",
2488
+ "items-center",
2489
+ "shrink-0",
2490
+ "box-border",
2491
+ "relative",
2492
+ "z-[1]",
2493
+ "cursor-pointer",
2494
+ "select-none",
2495
+ "whitespace-nowrap",
2062
2496
  "uds-ring",
2063
- "!-outline-offset-2",
2064
- "[&:not([aria-checked])]:cursor-default",
2065
- "opacity-25",
2066
- "cursor-not-allowed",
2067
- "duration-20",
2068
- "transition-[font-variation-settings]",
2069
- "ease-in-out",
2070
- "z-0",
2071
- "uds-start-icon",
2072
- "uds-end-icon"
2497
+ "opacity-50",
2498
+ "cursor-default",
2499
+ "border-solid",
2500
+ "border-b-solid",
2501
+ "transition-colors"
2073
2502
  ],
2074
2503
  "internalComponents": [
2075
- "Pressable",
2076
2504
  "IconSlot",
2077
- "RootComponent",
2078
- "HStack",
2079
- "AnimatePresence"
2505
+ "AriakitTab",
2506
+ "Text"
2080
2507
  ],
2081
2508
  "internalComponentProps": {
2082
- "HStack": {
2083
- "alignItems": [
2084
- "center"
2509
+ "Text": {
2510
+ "variant": [
2511
+ "inherit"
2085
2512
  ],
2086
- "width": [
2087
- "full"
2088
- ]
2089
- },
2090
- "AnimatePresence": {
2091
- "mode": [
2092
- "popLayout"
2513
+ "as": [
2514
+ "span"
2515
+ ],
2516
+ "color": [
2517
+ "current"
2093
2518
  ]
2094
2519
  }
2095
2520
  },
2096
2521
  "propToVariantKeys": {
2522
+ "variant": [
2523
+ "tabVariantRoot",
2524
+ "tabVariantIcon"
2525
+ ],
2526
+ "activeState": [
2527
+ "tabVariantActiveIcon"
2528
+ ],
2097
2529
  "startIcon": [
2098
2530
  "icon"
2099
2531
  ],
2100
2532
  "endIcon": [
2101
2533
  "icon"
2102
- ],
2103
- "columnGap": [
2104
- "gap"
2105
2534
  ]
2106
2535
  },
2107
2536
  "runtimeConfigDefaultProps": {},
@@ -2109,28 +2538,13 @@
2109
2538
  "runtimeConfigInternalComponentProps": {},
2110
2539
  "motionVarPrefixes": []
2111
2540
  },
2112
- "Menu.ItemCheckbox": {
2113
- "name": "Menu.ItemCheckbox",
2541
+ "UDSPopoverConfigProvider": {
2542
+ "name": "UDSPopoverConfigProvider",
2114
2543
  "defaultProps": {},
2115
- "getStylesLiterals": {
2116
- "menuitemItemCheckboxVariantRoot": "default",
2117
- "menuitemItemCheckboxVariantActiveRoot": "on",
2118
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2119
- "menuitemItemCheckboxVariantText": "default",
2120
- "menuitemItemCheckboxVariantActiveText": "on",
2121
- "menuitemItemCheckboxVariantActiveText:1": "off",
2122
- "menuitemItemCheckboxVariantStartIcon": "default",
2123
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2124
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2125
- "menuitemItemCheckboxVariantEndIcon": "default",
2126
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2127
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2128
- },
2129
- "cxLiterals": [
2130
- "uds-menu-item-checkbox"
2131
- ],
2544
+ "getStylesLiterals": {},
2545
+ "cxLiterals": [],
2132
2546
  "internalComponents": [
2133
- "MenuItemBase"
2547
+ "PopoverContext.Provider"
2134
2548
  ],
2135
2549
  "internalComponentProps": {},
2136
2550
  "propToVariantKeys": {},
@@ -2139,64 +2553,52 @@
2139
2553
  "runtimeConfigInternalComponentProps": {},
2140
2554
  "motionVarPrefixes": []
2141
2555
  },
2142
- "Menu.Provider": {
2143
- "name": "Menu.Provider",
2556
+ "Popover": {
2557
+ "name": "Popover",
2144
2558
  "defaultProps": {},
2145
2559
  "getStylesLiterals": {},
2146
2560
  "cxLiterals": [],
2147
2561
  "internalComponents": [
2148
- "AriakitMenuProvider",
2149
- "SpringMotionConfig"
2562
+ "PopoverInternalContext.Provider",
2563
+ "PopoverProvider"
2150
2564
  ],
2151
2565
  "internalComponentProps": {},
2152
2566
  "propToVariantKeys": {},
2153
- "runtimeConfigDefaultProps": {},
2567
+ "runtimeConfigDefaultProps": {
2568
+ "size": "popover.defaultSize",
2569
+ "variant": "popover.defaultVariant"
2570
+ },
2154
2571
  "runtimeConfigGetStyles": {},
2155
2572
  "runtimeConfigInternalComponentProps": {},
2156
- "motionVarPrefixes": [
2157
- "--uds-motion-subtle-3-",
2158
- "--uds-motion-smooth-3-"
2159
- ]
2573
+ "motionVarPrefixes": []
2160
2574
  },
2161
- "Menu.Trigger": {
2162
- "name": "Menu.Trigger",
2575
+ "PopoverTrigger": {
2576
+ "name": "PopoverTrigger",
2163
2577
  "defaultProps": {},
2164
2578
  "getStylesLiterals": {},
2165
- "cxLiterals": [
2166
- "uds-menu-trigger"
2167
- ],
2579
+ "cxLiterals": [],
2168
2580
  "internalComponents": [
2169
- "AriakitMenuTrigger",
2170
- "Box"
2581
+ "PopoverDisclosure"
2171
2582
  ],
2172
2583
  "internalComponentProps": {
2173
- "Box": {
2584
+ "PopoverDisclosure": {
2174
2585
  "className": [
2175
- "uds-ring h-fit w-fit"
2586
+ "inline"
2176
2587
  ]
2177
2588
  }
2178
2589
  },
2179
- "propToVariantKeys": {},
2180
- "runtimeConfigDefaultProps": {},
2181
- "runtimeConfigGetStyles": {},
2182
- "runtimeConfigInternalComponentProps": {},
2183
- "motionVarPrefixes": []
2184
- },
2185
- "Menu.index": {
2186
- "name": "Menu.index",
2187
- "defaultProps": {},
2188
- "getStylesLiterals": {},
2189
- "cxLiterals": [],
2190
- "internalComponents": [],
2191
- "internalComponentProps": {},
2192
- "propToVariantKeys": {},
2590
+ "propToVariantKeys": {
2591
+ "children": [
2592
+ "render"
2593
+ ]
2594
+ },
2193
2595
  "runtimeConfigDefaultProps": {},
2194
2596
  "runtimeConfigGetStyles": {},
2195
2597
  "runtimeConfigInternalComponentProps": {},
2196
2598
  "motionVarPrefixes": []
2197
2599
  },
2198
- "Menu": {
2199
- "name": "Menu",
2600
+ "PopoverContext": {
2601
+ "name": "PopoverContext",
2200
2602
  "defaultProps": {},
2201
2603
  "getStylesLiterals": {},
2202
2604
  "cxLiterals": [],
@@ -2208,25 +2610,6 @@
2208
2610
  "runtimeConfigInternalComponentProps": {},
2209
2611
  "motionVarPrefixes": []
2210
2612
  },
2211
- "Popover": {
2212
- "name": "Popover",
2213
- "defaultProps": {},
2214
- "getStylesLiterals": {},
2215
- "cxLiterals": [],
2216
- "internalComponents": [
2217
- "PopoverInternalContext.Provider",
2218
- "PopoverProvider"
2219
- ],
2220
- "internalComponentProps": {},
2221
- "propToVariantKeys": {},
2222
- "runtimeConfigDefaultProps": {
2223
- "size": "popover.defaultSize",
2224
- "variant": "popover.defaultVariant"
2225
- },
2226
- "runtimeConfigGetStyles": {},
2227
- "runtimeConfigInternalComponentProps": {},
2228
- "motionVarPrefixes": []
2229
- },
2230
2613
  "PopoverContent": {
2231
2614
  "name": "PopoverContent",
2232
2615
  "defaultProps": {},
@@ -2311,280 +2694,181 @@
2311
2694
  "SvgFloatingOverlay": {
2312
2695
  "borderRadius": [
2313
2696
  "popover.borderRadius.${size}"
2314
- ]
2315
- }
2316
- },
2317
- "motionVarPrefixes": []
2318
- },
2319
- "PopoverContext": {
2320
- "name": "PopoverContext",
2321
- "defaultProps": {},
2322
- "getStylesLiterals": {},
2323
- "cxLiterals": [],
2324
- "internalComponents": [],
2325
- "internalComponentProps": {},
2326
- "propToVariantKeys": {},
2327
- "runtimeConfigDefaultProps": {},
2328
- "runtimeConfigGetStyles": {},
2329
- "runtimeConfigInternalComponentProps": {},
2330
- "motionVarPrefixes": []
2331
- },
2332
- "PopoverTrigger": {
2333
- "name": "PopoverTrigger",
2334
- "defaultProps": {},
2335
- "getStylesLiterals": {},
2336
- "cxLiterals": [],
2337
- "internalComponents": [
2338
- "PopoverDisclosure"
2339
- ],
2340
- "internalComponentProps": {
2341
- "PopoverDisclosure": {
2342
- "className": [
2343
- "inline"
2344
- ]
2345
- }
2346
- },
2347
- "propToVariantKeys": {
2348
- "children": [
2349
- "render"
2350
- ]
2697
+ ]
2698
+ }
2351
2699
  },
2352
- "runtimeConfigDefaultProps": {},
2353
- "runtimeConfigGetStyles": {},
2354
- "runtimeConfigInternalComponentProps": {},
2355
- "motionVarPrefixes": []
2356
- },
2357
- "UDSPopoverConfigProvider": {
2358
- "name": "UDSPopoverConfigProvider",
2359
- "defaultProps": {},
2360
- "getStylesLiterals": {},
2361
- "cxLiterals": [],
2362
- "internalComponents": [
2363
- "PopoverContext.Provider"
2364
- ],
2365
- "internalComponentProps": {},
2366
- "propToVariantKeys": {},
2367
- "runtimeConfigDefaultProps": {},
2368
- "runtimeConfigGetStyles": {},
2369
- "runtimeConfigInternalComponentProps": {},
2370
2700
  "motionVarPrefixes": []
2371
2701
  },
2372
- "Radio": {
2373
- "name": "Radio",
2702
+ "Input": {
2703
+ "name": "Input",
2374
2704
  "defaultProps": {
2375
- "labelPosition": "start",
2376
- "variant": "primary",
2705
+ "type": "text",
2377
2706
  "size": "md",
2378
- "value": ""
2707
+ "width": "full"
2379
2708
  },
2380
2709
  "getStylesLiterals": {
2381
- "radioVariantValueRoot": "checked",
2382
- "radioVariantValueRoot:1": "unchecked",
2383
- "display": "flex",
2384
- "flexDirection": "row",
2385
- "flexDirection:1": "row-reverse",
2386
- "alignItems": "center",
2387
- "radioVariantValueRadio": "checked",
2388
- "radioVariantValueRadio:1": "unchecked",
2389
- "radioVariantValueRadioCircle": "checked",
2390
- "radioVariantValueRadioCircle:1": "unchecked"
2710
+ "inputVariantRoot": "default",
2711
+ "inputVariantValueRoot": "empty",
2712
+ "inputVariantValueRoot:1": "filled",
2713
+ "inputVariantInputWrapper": "default",
2714
+ "inputVariantValueInputWrapper": "empty",
2715
+ "inputVariantValueInputWrapper:1": "filled",
2716
+ "inputVariantInput": "default",
2717
+ "inputVariantValueInput": "empty",
2718
+ "inputVariantValueInput:1": "filled",
2719
+ "inputVariantInputPlaceholder": "default",
2720
+ "inputVariantValueInputPlaceholder": "empty",
2721
+ "inputVariantValueInputPlaceholder:1": "filled",
2722
+ "inputVariantLabel": "default",
2723
+ "inputVariantValueLabel": "empty",
2724
+ "inputVariantValueLabel:1": "filled",
2725
+ "inputVariantLabelRequired": "default",
2726
+ "inputVariantValueLabelRequired": "empty",
2727
+ "inputVariantValueLabelRequired:1": "filled",
2728
+ "inputVariantStartIcon": "default",
2729
+ "inputVariantValueStartIcon": "empty",
2730
+ "inputVariantValueStartIcon:1": "filled",
2731
+ "inputVariantEndIcon": "default",
2732
+ "inputVariantValueEndIcon": "empty",
2733
+ "inputVariantValueEndIcon:1": "filled"
2391
2734
  },
2392
2735
  "cxLiterals": [
2393
- "cursor-pointer",
2394
- "cursor-default",
2395
2736
  "opacity-50",
2396
- "border",
2397
- "uds-ring",
2398
- "uds-ring-within",
2399
- "transition-[background-color,border-color]",
2400
- "transition-shadow",
2401
- "pointer-events-none",
2402
- "w-[8px]",
2403
- "h-[8px]",
2404
- "transition-opacity",
2405
- "cursor-[inherit]",
2406
- "absolute",
2407
- "opacity-0",
2408
- "top-1/2",
2409
- "left-1/2",
2410
- "w-[calc(100%+2px)]",
2411
- "h-[calc(100%+2px)]",
2412
- "transform",
2413
- "translate-x-[-50%]",
2414
- "translate-y-[-50%]",
2415
- "text-start",
2416
- "text-end"
2737
+ "min-w-[200px]",
2738
+ "grow",
2739
+ "uds-hit-target",
2740
+ "bg-clip-text",
2741
+ "focus:outline-none",
2742
+ "cursor-text",
2743
+ "cursor-not-allowed"
2417
2744
  ],
2418
2745
  "internalComponents": [
2746
+ "IconSlot",
2747
+ "StartIcon",
2748
+ "EndIcon",
2749
+ "HelpTextContent",
2419
2750
  "Box",
2420
- "FormLabel",
2421
- "SpringMotionConfig",
2422
- "RootElement",
2423
- "MotionBox"
2751
+ "InputHelpTextInternal",
2752
+ "VStack",
2753
+ "HStack",
2754
+ "AnimateHeightChange"
2424
2755
  ],
2425
2756
  "internalComponentProps": {
2426
- "Box": {
2427
- "borderRadius": [
2428
- "full"
2429
- ]
2430
- },
2431
- "FormLabel": {
2432
- "as": [
2433
- "div"
2434
- ],
2435
- "variant": [
2436
- "inherit"
2437
- ],
2438
- "color": [
2439
- "inherit"
2440
- ]
2441
- },
2442
- "RootElement": {
2443
- "data-testid": [
2444
- "container"
2757
+ "HelpTextContent": {
2758
+ "spacingTop": [
2759
+ "2"
2445
2760
  ]
2446
2761
  },
2447
- "MotionBox": {
2448
- "position": [
2449
- "relative"
2762
+ "Box": {
2763
+ "spacingBottom": [
2764
+ "2"
2450
2765
  ],
2451
- "borderRadius": [
2452
- "full"
2766
+ "columnGap": [
2767
+ "0.5"
2453
2768
  ],
2454
2769
  "alignItems": [
2770
+ "flex-end",
2455
2771
  "center"
2456
2772
  ],
2457
- "justifyContent": [
2773
+ "position": [
2774
+ "relative"
2775
+ ]
2776
+ },
2777
+ "HStack": {
2778
+ "alignItems": [
2458
2779
  "center"
2459
2780
  ],
2460
- "flex": [
2461
- "none"
2781
+ "gap": [
2782
+ "1"
2462
2783
  ]
2463
2784
  }
2464
2785
  },
2465
2786
  "propToVariantKeys": {
2466
2787
  "size": [
2467
- "radioSizeRoot",
2468
- "radioSizeRadio"
2788
+ "inputSizeRoot",
2789
+ "inputSizeInputWrapper",
2790
+ "inputSizeInput",
2791
+ "inputSizeLabel",
2792
+ "inputSizeStartIcon",
2793
+ "inputSizeEndIcon"
2469
2794
  ],
2470
- "variant": [
2471
- "radioVariantRoot",
2472
- "radioVariantRadio",
2473
- "radioVariantRadioCircle"
2795
+ "startIcon": [
2796
+ "icon"
2474
2797
  ],
2475
- "reduceMotion": [
2476
- "reducedMotion"
2798
+ "endIcon": [
2799
+ "icon"
2800
+ ],
2801
+ "helperTextIcon": [
2802
+ "startIcon"
2477
2803
  ]
2478
2804
  },
2479
2805
  "runtimeConfigDefaultProps": {},
2480
2806
  "runtimeConfigGetStyles": {},
2481
2807
  "runtimeConfigInternalComponentProps": {},
2482
- "motionVarPrefixes": [
2483
- "--uds-motion-subtle-3-",
2484
- "--uds-motion-smooth-3-"
2485
- ]
2486
- },
2487
- "RadioGroupProvider": {
2488
- "name": "RadioGroupProvider",
2489
- "defaultProps": {},
2490
- "getStylesLiterals": {},
2491
- "cxLiterals": [],
2492
- "internalComponents": [
2493
- "DivProps",
2494
- "Comp",
2495
- "RadioGroupContext.Provider"
2496
- ],
2497
- "internalComponentProps": {
2498
- "Comp": {
2499
- "role": [
2500
- "radiogroup"
2501
- ]
2502
- }
2503
- },
2504
- "propToVariantKeys": {},
2505
- "runtimeConfigDefaultProps": {},
2506
- "runtimeConfigGetStyles": {},
2507
- "runtimeConfigInternalComponentProps": {},
2508
- "motionVarPrefixes": []
2509
- },
2510
- "RadioGroupStore": {
2511
- "name": "RadioGroupStore",
2512
- "defaultProps": {},
2513
- "getStylesLiterals": {},
2514
- "cxLiterals": [],
2515
- "internalComponents": [],
2516
- "internalComponentProps": {},
2517
- "propToVariantKeys": {},
2518
- "runtimeConfigDefaultProps": {},
2519
- "runtimeConfigGetStyles": {},
2520
- "runtimeConfigInternalComponentProps": {},
2521
2808
  "motionVarPrefixes": []
2522
2809
  },
2523
- "Tab": {
2524
- "name": "Tab",
2810
+ "InputHelpText": {
2811
+ "name": "InputHelpText",
2525
2812
  "defaultProps": {
2526
- "variant": "primary"
2813
+ "size": "md"
2527
2814
  },
2528
2815
  "getStylesLiterals": {
2529
- "tabSizeRoot": "default",
2530
- "tabVariantActiveRoot": "off",
2531
- "tabVariantActiveRoot:1": "on",
2532
- "tabSizeIcon": "default"
2816
+ "inputVariantRoot": "default",
2817
+ "inputVariantValueRoot": "empty",
2818
+ "inputVariantValueRoot:1": "filled"
2533
2819
  },
2534
- "cxLiterals": [
2535
- "pointer-events-none",
2536
- "absolute",
2537
- "bottom-0",
2538
- "left-0",
2539
- "right-0",
2540
- "h-[var(--uds-tab-underline-width,0px)]",
2541
- "bg-[var(--uds-tab-underline-color,transparent)]",
2542
- "transition-[height,background-color]",
2543
- "duration-[240ms]",
2544
- "ease-[cubic-bezier(0.2,0,0,1)]",
2545
- "!bg-transparent",
2546
- "!shadow-none",
2547
- "inline-flex",
2548
- "items-center",
2549
- "shrink-0",
2550
- "box-border",
2551
- "relative",
2552
- "z-[1]",
2553
- "cursor-pointer",
2554
- "select-none",
2555
- "whitespace-nowrap",
2556
- "uds-ring",
2557
- "opacity-50",
2558
- "cursor-default",
2559
- "border-solid",
2560
- "border-b-solid",
2561
- "transition-colors"
2820
+ "cxLiterals": [],
2821
+ "internalComponents": [
2822
+ "InputHelpTextInternal",
2823
+ "Box"
2562
2824
  ],
2825
+ "internalComponentProps": {
2826
+ "Box": {
2827
+ "spacingTop": [
2828
+ "2"
2829
+ ]
2830
+ }
2831
+ },
2832
+ "propToVariantKeys": {
2833
+ "size": [
2834
+ "inputSizeRoot"
2835
+ ]
2836
+ },
2837
+ "runtimeConfigDefaultProps": {},
2838
+ "runtimeConfigGetStyles": {},
2839
+ "runtimeConfigInternalComponentProps": {},
2840
+ "motionVarPrefixes": []
2841
+ },
2842
+ "InputHelpTextInternal": {
2843
+ "name": "InputHelpTextInternal",
2844
+ "defaultProps": {},
2845
+ "getStylesLiterals": {
2846
+ "inputVariantHelperText": "default",
2847
+ "inputVariantValueHelperText": "empty",
2848
+ "inputVariantValueHelperText:1": "filled",
2849
+ "inputVariantHelperIcon": "default",
2850
+ "inputVariantValueHelperIcon": "empty",
2851
+ "inputVariantValueHelperIcon:1": "filled"
2852
+ },
2853
+ "cxLiterals": [],
2563
2854
  "internalComponents": [
2564
2855
  "IconSlot",
2565
- "AriakitTab",
2566
- "Text"
2856
+ "HStack"
2567
2857
  ],
2568
2858
  "internalComponentProps": {
2569
- "Text": {
2570
- "variant": [
2571
- "inherit"
2572
- ],
2573
- "as": [
2574
- "span"
2859
+ "HStack": {
2860
+ "gap": [
2861
+ "1"
2575
2862
  ],
2576
- "color": [
2577
- "current"
2863
+ "alignItems": [
2864
+ "center"
2578
2865
  ]
2579
2866
  }
2580
2867
  },
2581
2868
  "propToVariantKeys": {
2582
- "variant": [
2583
- "tabVariantRoot",
2584
- "tabVariantIcon"
2585
- ],
2586
- "activeState": [
2587
- "tabVariantActiveIcon"
2869
+ "size": [
2870
+ "inputSizeHelperText",
2871
+ "inputSizeHelperIcon"
2588
2872
  ],
2589
2873
  "startIcon": [
2590
2874
  "icon"
@@ -2598,67 +2882,37 @@
2598
2882
  "runtimeConfigInternalComponentProps": {},
2599
2883
  "motionVarPrefixes": []
2600
2884
  },
2601
- "TabList": {
2602
- "name": "TabList",
2603
- "defaultProps": {
2604
- "variant": "primary"
2605
- },
2885
+ "Menu.Item": {
2886
+ "name": "Menu.Item",
2887
+ "defaultProps": {},
2606
2888
  "getStylesLiterals": {
2607
- "tabSizeRoot": "default",
2608
- "tabVariantActiveRoot": "on"
2889
+ "menuitemItemVariantRoot": "default",
2890
+ "menuitemItemVariantActiveRoot": "on",
2891
+ "menuitemItemVariantActiveRoot:1": "off",
2892
+ "menuitemItemVariantText": "default",
2893
+ "menuitemItemVariantActiveText": "on",
2894
+ "menuitemItemVariantActiveText:1": "off",
2895
+ "menuitemItemVariantIcon": "default",
2896
+ "menuitemItemVariantActiveIcon": "on",
2897
+ "menuitemItemVariantActiveIcon:1": "off"
2609
2898
  },
2610
- "cxLiterals": [
2611
- "pointer-events-none",
2612
- "absolute",
2613
- "bottom-0",
2614
- "left-0",
2615
- "right-0",
2616
- "h-[var(--uds-tab-underline-width,0px)]",
2617
- "bg-[var(--uds-tab-underline-color,transparent)]",
2618
- "transition-[height,background-color]",
2619
- "duration-[240ms]",
2620
- "ease-[cubic-bezier(0.2,0,0,1)]",
2621
- "!m-0",
2622
- "!p-0",
2623
- "!gap-0",
2624
- "box-border",
2625
- "z-0",
2626
- "min-w-0",
2627
- "min-h-0",
2628
- "flex",
2629
- "flex-row",
2630
- "items-center",
2631
- "overflow-x-auto",
2632
- "overflow-y-clip",
2633
- "scrollbar-none",
2634
- "[overflow-clip-margin:6px]",
2635
- "overflow-clip",
2636
- "[overflow-clip-margin:8px]",
2637
- "relative"
2638
- ],
2899
+ "cxLiterals": [],
2639
2900
  "internalComponents": [
2640
- "AriakitTabList"
2901
+ "MenuItemBase"
2641
2902
  ],
2642
2903
  "internalComponentProps": {},
2643
- "propToVariantKeys": {
2644
- "variant": [
2645
- "tabsVariantRoot",
2646
- "tabVariantRoot"
2647
- ]
2648
- },
2904
+ "propToVariantKeys": {},
2649
2905
  "runtimeConfigDefaultProps": {},
2650
2906
  "runtimeConfigGetStyles": {},
2651
2907
  "runtimeConfigInternalComponentProps": {},
2652
2908
  "motionVarPrefixes": []
2653
2909
  },
2654
- "TabPanel": {
2655
- "name": "TabPanel",
2910
+ "Menu.index": {
2911
+ "name": "Menu.index",
2656
2912
  "defaultProps": {},
2657
2913
  "getStylesLiterals": {},
2658
2914
  "cxLiterals": [],
2659
- "internalComponents": [
2660
- "AriakitTabPanel"
2661
- ],
2915
+ "internalComponents": [],
2662
2916
  "internalComponentProps": {},
2663
2917
  "propToVariantKeys": {},
2664
2918
  "runtimeConfigDefaultProps": {},
@@ -2666,340 +2920,226 @@
2666
2920
  "runtimeConfigInternalComponentProps": {},
2667
2921
  "motionVarPrefixes": []
2668
2922
  },
2669
- "Tabs": {
2670
- "name": "Tabs",
2671
- "defaultProps": {
2672
- "variant": "primary"
2673
- },
2923
+ "Menu": {
2924
+ "name": "Menu",
2925
+ "defaultProps": {},
2674
2926
  "getStylesLiterals": {},
2675
2927
  "cxLiterals": [],
2676
- "internalComponents": [
2677
- "TabsContext.Provider",
2678
- "TabProvider"
2679
- ],
2928
+ "internalComponents": [],
2680
2929
  "internalComponentProps": {},
2681
- "propToVariantKeys": {
2682
- "onSelectionChange": [
2683
- "setSelectedId"
2684
- ]
2685
- },
2930
+ "propToVariantKeys": {},
2686
2931
  "runtimeConfigDefaultProps": {},
2687
2932
  "runtimeConfigGetStyles": {},
2688
2933
  "runtimeConfigInternalComponentProps": {},
2689
2934
  "motionVarPrefixes": []
2690
2935
  },
2691
- "Toast": {
2692
- "name": "Toast",
2693
- "defaultProps": {},
2694
- "getStylesLiterals": {
2695
- "className": "animate-spin",
2696
- "className:1": "flex-none",
2697
- "spacing": "2",
2698
- "borderRadius": "full"
2699
- },
2700
- "cxLiterals": [
2701
- "duration-0",
2702
- "duration-120",
2703
- "transition-[background-color]",
2704
- "bg-carbon-15/0",
2705
- "hover:bg-carbon-15/10",
2706
- "active:bg-carbon-15/15",
2707
- "uds-ring"
2708
- ],
2709
- "internalComponents": [
2710
- "IconSlot",
2711
- "ToastContainer",
2712
- "Text",
2713
- "Button",
2714
- "Pressable"
2715
- ],
2716
- "internalComponentProps": {},
2717
- "propToVariantKeys": {
2718
- "size": [
2719
- "toastSizeLabel",
2720
- "toastSizeIcon",
2721
- "toastSizeActionButton",
2722
- "toastSizeCloseIcon"
2723
- ],
2724
- "variant": [
2725
- "toastVariantIcon",
2726
- "toastVariantActionButton",
2727
- "toastVariantCloseIcon"
2728
- ],
2729
- "closeIcon": [
2730
- "icon"
2731
- ],
2732
- "onClickActionButton": [
2733
- "onClick"
2734
- ]
2735
- },
2736
- "runtimeConfigDefaultProps": {
2737
- "size": "toast.defaultSize",
2738
- "variant": "toast.defaultVariant"
2739
- },
2740
- "runtimeConfigGetStyles": {
2741
- "toastSizeLabel": [
2742
- "toast.defaultSize"
2743
- ],
2744
- "toastVariantIcon": [
2745
- "toast.defaultVariant"
2746
- ],
2747
- "toastSizeIcon": [
2748
- "toast.defaultSize"
2749
- ],
2750
- "toastSizeActionButton": [
2751
- "toast.defaultSize"
2752
- ],
2753
- "toastVariantActionButton": [
2754
- "toast.defaultVariant"
2755
- ],
2756
- "toastVariantCloseIcon": [
2757
- "toast.defaultVariant"
2758
- ],
2759
- "toastSizeCloseIcon": [
2760
- "toast.defaultSize"
2761
- ]
2762
- },
2763
- "runtimeConfigInternalComponentProps": {
2764
- "ToastContainer": {
2765
- "size": [
2766
- "toast.defaultSize"
2767
- ],
2768
- "variant": [
2769
- "toast.defaultVariant"
2770
- ]
2771
- },
2772
- "Text": {
2773
- "variant": [
2774
- "toast.textVariant.${size}"
2775
- ],
2776
- "color": [
2777
- "toast.textColor.${variant}"
2778
- ]
2779
- },
2780
- "Button": {
2781
- "size": [
2782
- "toast.buttonSize.${size}"
2783
- ],
2784
- "variant": [
2785
- "toast.buttonVariant.${variant}"
2786
- ]
2787
- }
2788
- },
2789
- "motionVarPrefixes": []
2790
- },
2791
- "ToastContainer": {
2792
- "name": "ToastContainer",
2793
- "defaultProps": {},
2794
- "getStylesLiterals": {
2795
- "position": "relative",
2796
- "alignItems": "center",
2797
- "display": "flex",
2798
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2936
+ "Menu.Content": {
2937
+ "name": "Menu.Content",
2938
+ "defaultProps": {
2939
+ "size": "default",
2940
+ "variant": "default",
2941
+ "gutter": "1"
2799
2942
  },
2943
+ "getStylesLiterals": {},
2800
2944
  "cxLiterals": [
2801
- "w-full"
2945
+ "uds-menu-content",
2946
+ "transition-shadow",
2947
+ "duration-200",
2948
+ "ease-in-out",
2949
+ "min-w-60",
2950
+ "max-w-lg",
2951
+ "max-h-96",
2952
+ "overflow-auto",
2953
+ "uds-ring",
2954
+ "z-10",
2955
+ "group"
2802
2956
  ],
2803
2957
  "internalComponents": [
2804
- "HStack"
2958
+ "AriakitMenu",
2959
+ "AnimatePresence",
2960
+ "MotionVStack"
2805
2961
  ],
2806
- "internalComponentProps": {
2807
- "HStack": {
2808
- "alignItems": [
2809
- "center"
2810
- ],
2811
- "justifyContent": [
2812
- "space-between"
2813
- ],
2814
- "overflow": [
2815
- "hidden"
2816
- ],
2817
- "position": [
2818
- "relative"
2819
- ]
2820
- }
2821
- },
2962
+ "internalComponentProps": {},
2822
2963
  "propToVariantKeys": {
2823
- "variant": [
2824
- "toastVariantRoot"
2825
- ],
2826
2964
  "size": [
2827
- "toastSizeRoot"
2828
- ]
2829
- },
2830
- "runtimeConfigDefaultProps": {
2831
- "size": "toast.defaultSize",
2832
- "variant": "toast.defaultVariant"
2833
- },
2834
- "runtimeConfigGetStyles": {
2835
- "toastVariantRoot": [
2836
- "toast.defaultVariant"
2965
+ "menucontentSizeRoot"
2837
2966
  ],
2838
- "toastSizeRoot": [
2839
- "toast.defaultSize"
2967
+ "variant": [
2968
+ "menucontentVariantRoot"
2840
2969
  ]
2841
2970
  },
2842
- "runtimeConfigInternalComponentProps": {
2843
- "HStack": {
2844
- "backgroundColor": [
2845
- "toast.backgroundColor.${variant}"
2846
- ]
2847
- }
2848
- },
2971
+ "runtimeConfigDefaultProps": {},
2972
+ "runtimeConfigGetStyles": {},
2973
+ "runtimeConfigInternalComponentProps": {},
2849
2974
  "motionVarPrefixes": []
2850
2975
  },
2851
- "ToastPortal": {
2852
- "name": "ToastPortal",
2976
+ "Menu.Trigger": {
2977
+ "name": "Menu.Trigger",
2853
2978
  "defaultProps": {},
2854
2979
  "getStylesLiterals": {},
2855
- "cxLiterals": [],
2980
+ "cxLiterals": [
2981
+ "uds-menu-trigger"
2982
+ ],
2856
2983
  "internalComponents": [
2857
- "ReactToastifyToastContainer"
2984
+ "AriakitMenuTrigger",
2985
+ "Box"
2858
2986
  ],
2859
- "internalComponentProps": {},
2860
- "propToVariantKeys": {},
2861
- "runtimeConfigDefaultProps": {
2862
- "size": "toast.defaultSize",
2863
- "variant": "toast.defaultVariant"
2864
- },
2865
- "runtimeConfigGetStyles": {},
2866
- "runtimeConfigInternalComponentProps": {
2867
- "ReactToastifyToastContainer": {
2868
- "autoClose": [
2869
- "toast.autoClose"
2987
+ "internalComponentProps": {
2988
+ "Box": {
2989
+ "className": [
2990
+ "uds-ring h-fit w-fit"
2870
2991
  ]
2871
2992
  }
2872
2993
  },
2994
+ "propToVariantKeys": {},
2995
+ "runtimeConfigDefaultProps": {},
2996
+ "runtimeConfigGetStyles": {},
2997
+ "runtimeConfigInternalComponentProps": {},
2873
2998
  "motionVarPrefixes": []
2874
2999
  },
2875
- "UDSToastConfigProvider": {
2876
- "name": "UDSToastConfigProvider",
2877
- "defaultProps": {},
2878
- "getStylesLiterals": {},
3000
+ "Menu.Divider": {
3001
+ "name": "Menu.Divider",
3002
+ "defaultProps": {
3003
+ "role": "separator",
3004
+ "contentPosition": "start",
3005
+ "gap": "4"
3006
+ },
3007
+ "getStylesLiterals": {
3008
+ "menuitemDividerVariantRoot": "default",
3009
+ "menuitemDividerVariantText": "default",
3010
+ "menuitemDividerVariantLine": "default"
3011
+ },
2879
3012
  "cxLiterals": [],
2880
3013
  "internalComponents": [
2881
- "ToastContext.Provider"
3014
+ "DividerInternal"
2882
3015
  ],
2883
- "internalComponentProps": {},
3016
+ "internalComponentProps": {
3017
+ "DividerInternal": {
3018
+ "variant": [
3019
+ "inherit"
3020
+ ]
3021
+ }
3022
+ },
2884
3023
  "propToVariantKeys": {},
2885
3024
  "runtimeConfigDefaultProps": {},
2886
3025
  "runtimeConfigGetStyles": {},
2887
3026
  "runtimeConfigInternalComponentProps": {},
2888
3027
  "motionVarPrefixes": []
2889
3028
  },
2890
- "Tooltip": {
2891
- "name": "Tooltip",
3029
+ "Menu.Provider": {
3030
+ "name": "Menu.Provider",
2892
3031
  "defaultProps": {},
2893
3032
  "getStylesLiterals": {},
2894
3033
  "cxLiterals": [],
2895
3034
  "internalComponents": [
2896
- "TooltipInternalContext.Provider",
2897
- "TooltipProvider"
3035
+ "AriakitMenuProvider",
3036
+ "SpringMotionConfig"
2898
3037
  ],
2899
3038
  "internalComponentProps": {},
2900
3039
  "propToVariantKeys": {},
2901
3040
  "runtimeConfigDefaultProps": {},
2902
3041
  "runtimeConfigGetStyles": {},
2903
- "runtimeConfigInternalComponentProps": {
2904
- "TooltipProvider": {
2905
- "animated": [
2906
- "tooltip.animationDuration"
2907
- ]
2908
- }
2909
- },
2910
- "motionVarPrefixes": []
3042
+ "runtimeConfigInternalComponentProps": {},
3043
+ "motionVarPrefixes": [
3044
+ "--uds-motion-subtle-3-",
3045
+ "--uds-motion-smooth-3-"
3046
+ ]
2911
3047
  },
2912
- "TooltipContent": {
2913
- "name": "TooltipContent",
3048
+ "Menu.ItemCheckbox": {
3049
+ "name": "Menu.ItemCheckbox",
2914
3050
  "defaultProps": {},
2915
3051
  "getStylesLiterals": {
2916
- "tooltipSizeRoot": "default",
2917
- "tooltipVariantRoot": "default",
2918
- "tooltipSizeSvg": "default",
2919
- "tooltipVariantSvg": "default",
2920
- "tooltipVariantBlur": "default",
2921
- "position": "absolute",
2922
- "width": "full",
2923
- "height": "full",
2924
- "tooltipSizeTitle": "default",
2925
- "tooltipSizeBody": "default",
2926
- "tooltipSizeEndContent": "default",
2927
- "tooltipSizeIcon": "default",
2928
- "tooltipVariantIcon": "default"
3052
+ "menuitemItemCheckboxVariantRoot": "default",
3053
+ "menuitemItemCheckboxVariantActiveRoot": "on",
3054
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
3055
+ "menuitemItemCheckboxVariantText": "default",
3056
+ "menuitemItemCheckboxVariantActiveText": "on",
3057
+ "menuitemItemCheckboxVariantActiveText:1": "off",
3058
+ "menuitemItemCheckboxVariantStartIcon": "default",
3059
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
3060
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
3061
+ "menuitemItemCheckboxVariantEndIcon": "default",
3062
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
3063
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2929
3064
  },
2930
3065
  "cxLiterals": [
2931
- "max-w-lg",
2932
- "flex",
2933
- "z-[9999]",
2934
- "uds-bgBlurFillFallback",
2935
- "uds-bgBlurFallback",
2936
- "top-0",
2937
- "left-0",
2938
- "z-[1]"
3066
+ "uds-menu-item-checkbox"
2939
3067
  ],
2940
3068
  "internalComponents": [
2941
- "IconSlot",
2942
- "TooltipArrow",
2943
- "Tooltip",
2944
- "SvgFloatingOverlay",
2945
- "VStack",
2946
- "Box",
2947
- "Text"
3069
+ "MenuItemBase"
2948
3070
  ],
2949
- "internalComponentProps": {
2950
- "SvgFloatingOverlay": {
2951
- "contentOverflow": [
2952
- "visible"
2953
- ]
2954
- },
2955
- "VStack": {
2956
- "className": [
2957
- "gap-[inherit]"
2958
- ]
2959
- },
2960
- "Box": {
2961
- "alignItems": [
2962
- "center"
2963
- ],
2964
- "columnGap": [
2965
- "1",
2966
- "1.5"
2967
- ]
2968
- },
2969
- "Text": {
2970
- "color": [
2971
- "inherit"
2972
- ]
2973
- }
2974
- },
2975
- "propToVariantKeys": {
2976
- "startTitleIcon": [
2977
- "icon"
2978
- ]
2979
- },
3071
+ "internalComponentProps": {},
3072
+ "propToVariantKeys": {},
2980
3073
  "runtimeConfigDefaultProps": {},
2981
3074
  "runtimeConfigGetStyles": {},
2982
3075
  "runtimeConfigInternalComponentProps": {},
2983
3076
  "motionVarPrefixes": []
2984
3077
  },
2985
- "TooltipTrigger": {
2986
- "name": "TooltipTrigger",
2987
- "defaultProps": {},
2988
- "getStylesLiterals": {},
2989
- "cxLiterals": [],
3078
+ "Menu.ItemBase": {
3079
+ "name": "Menu.ItemBase",
3080
+ "defaultProps": {
3081
+ "spacing": "0",
3082
+ "spacingHorizontal": "4",
3083
+ "spacingVertical": "3.5",
3084
+ "columnGap": "2",
3085
+ "alignItems": "center",
3086
+ "justifyContent": "space-between"
3087
+ },
3088
+ "getStylesLiterals": {
3089
+ "textAlign": "start",
3090
+ "menuitemSizeRoot": "default",
3091
+ "flexDirection": "row",
3092
+ "menuitemSizeStartIcon": "default",
3093
+ "menuitemSizeEndIcon": "default"
3094
+ },
3095
+ "cxLiterals": [
3096
+ "flex",
3097
+ "focus-visible:text-brand",
3098
+ "focus-visible:bg-brand-secondary",
3099
+ "focus-visible:z-10",
3100
+ "uds-ring",
3101
+ "!-outline-offset-2",
3102
+ "[&:not([aria-checked])]:cursor-default",
3103
+ "opacity-25",
3104
+ "cursor-not-allowed",
3105
+ "duration-20",
3106
+ "transition-[font-variation-settings]",
3107
+ "ease-in-out",
3108
+ "z-0",
3109
+ "uds-start-icon",
3110
+ "uds-end-icon"
3111
+ ],
2990
3112
  "internalComponents": [
2991
- "TooltipAnchor"
3113
+ "Pressable",
3114
+ "IconSlot",
3115
+ "RootComponent",
3116
+ "HStack",
3117
+ "AnimatePresence"
2992
3118
  ],
2993
3119
  "internalComponentProps": {
2994
- "TooltipAnchor": {
2995
- "className": [
2996
- "inline"
3120
+ "HStack": {
3121
+ "alignItems": [
3122
+ "center"
3123
+ ],
3124
+ "width": [
3125
+ "full"
3126
+ ]
3127
+ },
3128
+ "AnimatePresence": {
3129
+ "mode": [
3130
+ "popLayout"
2997
3131
  ]
2998
3132
  }
2999
3133
  },
3000
3134
  "propToVariantKeys": {
3001
- "children": [
3002
- "render"
3135
+ "startIcon": [
3136
+ "icon"
3137
+ ],
3138
+ "endIcon": [
3139
+ "icon"
3140
+ ],
3141
+ "columnGap": [
3142
+ "gap"
3003
3143
  ]
3004
3144
  },
3005
3145
  "runtimeConfigDefaultProps": {},
@@ -3007,21 +3147,6 @@
3007
3147
  "runtimeConfigInternalComponentProps": {},
3008
3148
  "motionVarPrefixes": []
3009
3149
  },
3010
- "UDSTooltipConfigProvider": {
3011
- "name": "UDSTooltipConfigProvider",
3012
- "defaultProps": {},
3013
- "getStylesLiterals": {},
3014
- "cxLiterals": [],
3015
- "internalComponents": [
3016
- "TooltipContext.Provider"
3017
- ],
3018
- "internalComponentProps": {},
3019
- "propToVariantKeys": {},
3020
- "runtimeConfigDefaultProps": {},
3021
- "runtimeConfigGetStyles": {},
3022
- "runtimeConfigInternalComponentProps": {},
3023
- "motionVarPrefixes": []
3024
- },
3025
3150
  "UDSBreakpointsConfigProvider": {
3026
3151
  "name": "UDSBreakpointsConfigProvider",
3027
3152
  "defaultProps": {},
@@ -3056,189 +3181,94 @@
3056
3181
  "runtimeConfigInternalComponentProps": {},
3057
3182
  "motionVarPrefixes": []
3058
3183
  },
3059
- "Accordion": {
3060
- "name": "Accordion",
3061
- "defaultProps": {
3062
- "spacingHorizontal": "4",
3063
- "spacingVertical": "4"
3064
- },
3065
- "getStylesLiterals": {},
3066
- "cxLiterals": [
3067
- "hover:bg-secondary/80",
3068
- "w-full"
3069
- ],
3070
- "internalComponents": [
3071
- "Icon",
3072
- "SpringMotionConfig",
3073
- "Pressable",
3074
- "Text",
3075
- "HStack",
3076
- "AnimatePresence",
3077
- "VStack"
3078
- ],
3079
- "internalComponentProps": {
3080
- "Icon": {
3081
- "variant": [
3082
- "fill"
3083
- ],
3084
- "size": [
3085
- "sm"
3086
- ],
3087
- "color": [
3088
- "primary"
3089
- ]
3090
- },
3091
- "SpringMotionConfig": {
3092
- "layoutVariant": [
3093
- "smooth"
3094
- ],
3095
- "layoutSpeed": [
3096
- "3"
3097
- ]
3098
- },
3099
- "Pressable": {
3100
- "display": [
3101
- "flex"
3102
- ],
3103
- "flexDirection": [
3104
- "row"
3105
- ],
3106
- "alignItems": [
3107
- "center"
3108
- ],
3109
- "justifyContent": [
3110
- "space-between"
3111
- ],
3112
- "borderRadius": [
3113
- "md"
3114
- ]
3115
- },
3116
- "Text": {
3117
- "variant": [
3118
- "title4"
3119
- ],
3120
- "color": [
3121
- "primary"
3122
- ]
3123
- },
3124
- "HStack": {
3125
- "display": [
3126
- "flex"
3127
- ],
3128
- "alignItems": [
3129
- "center"
3130
- ],
3131
- "justifyContent": [
3132
- "space-between"
3133
- ],
3134
- "columnGap": [
3135
- "2.5"
3136
- ]
3137
- }
3138
- },
3139
- "propToVariantKeys": {},
3140
- "runtimeConfigDefaultProps": {},
3141
- "runtimeConfigGetStyles": {},
3142
- "runtimeConfigInternalComponentProps": {},
3143
- "motionVarPrefixes": [
3144
- "--uds-motion-smooth-3-"
3145
- ]
3146
- },
3147
- "AvoidMotionLibraryProvider": {
3148
- "name": "AvoidMotionLibraryProvider",
3184
+ "Tooltip": {
3185
+ "name": "Tooltip",
3149
3186
  "defaultProps": {},
3150
3187
  "getStylesLiterals": {},
3151
3188
  "cxLiterals": [],
3152
- "internalComponents": [],
3189
+ "internalComponents": [
3190
+ "TooltipInternalContext.Provider",
3191
+ "TooltipProvider"
3192
+ ],
3153
3193
  "internalComponentProps": {},
3154
3194
  "propToVariantKeys": {},
3155
3195
  "runtimeConfigDefaultProps": {},
3156
3196
  "runtimeConfigGetStyles": {},
3157
- "runtimeConfigInternalComponentProps": {},
3197
+ "runtimeConfigInternalComponentProps": {
3198
+ "TooltipProvider": {
3199
+ "animated": [
3200
+ "tooltip.animationDuration"
3201
+ ]
3202
+ }
3203
+ },
3158
3204
  "motionVarPrefixes": []
3159
3205
  },
3160
- "Modal": {
3161
- "name": "Modal",
3206
+ "TooltipContent": {
3207
+ "name": "TooltipContent",
3162
3208
  "defaultProps": {},
3163
- "getStylesLiterals": {},
3209
+ "getStylesLiterals": {
3210
+ "tooltipSizeRoot": "default",
3211
+ "tooltipVariantRoot": "default",
3212
+ "tooltipSizeSvg": "default",
3213
+ "tooltipVariantSvg": "default",
3214
+ "tooltipVariantBlur": "default",
3215
+ "position": "absolute",
3216
+ "width": "full",
3217
+ "height": "full",
3218
+ "tooltipSizeTitle": "default",
3219
+ "tooltipSizeBody": "default",
3220
+ "tooltipSizeEndContent": "default",
3221
+ "tooltipSizeIcon": "default",
3222
+ "tooltipVariantIcon": "default"
3223
+ },
3164
3224
  "cxLiterals": [
3165
- "inset-8",
3166
- "top-[250px]",
3167
- "z-50",
3168
- "mx-auto",
3169
- "h-fit",
3170
- "w-[600px]",
3171
- "origin-center",
3172
- "scale-95",
3173
- "opacity-0",
3174
- "transition",
3175
- "duration-150",
3176
- "data-[enter]:scale-100",
3177
- "data-[enter]:opacity-100",
3178
- "data-[enter]:bg-primary",
3179
- "backdrop-blur-0",
3180
- "data-[enter]:opacity-60",
3181
- "data-[enter]:backdrop-blur-sm"
3225
+ "max-w-lg",
3226
+ "flex",
3227
+ "z-[9999]",
3228
+ "uds-bgBlurFillFallback",
3229
+ "uds-bgBlurFallback",
3230
+ "top-0",
3231
+ "left-0",
3232
+ "z-[1]"
3182
3233
  ],
3183
3234
  "internalComponents": [
3184
- "IconButton",
3185
- "Dialog",
3186
- "HStack",
3187
- "Text",
3188
- "VStack"
3235
+ "IconSlot",
3236
+ "TooltipArrow",
3237
+ "Tooltip",
3238
+ "SvgFloatingOverlay",
3239
+ "VStack",
3240
+ "Box",
3241
+ "Text"
3189
3242
  ],
3190
3243
  "internalComponentProps": {
3191
- "IconButton": {
3192
- "aria-label": [
3193
- "Close"
3194
- ],
3195
- "size": [
3196
- "sm"
3197
- ],
3198
- "variant": [
3199
- "tertiary"
3244
+ "SvgFloatingOverlay": {
3245
+ "contentOverflow": [
3246
+ "visible"
3200
3247
  ]
3201
3248
  },
3202
- "HStack": {
3249
+ "VStack": {
3250
+ "className": [
3251
+ "gap-[inherit]"
3252
+ ]
3253
+ },
3254
+ "Box": {
3203
3255
  "alignItems": [
3204
3256
  "center"
3205
3257
  ],
3206
- "justifyContent": [
3207
- "space-between"
3258
+ "columnGap": [
3259
+ "1",
3260
+ "1.5"
3208
3261
  ]
3209
3262
  },
3210
3263
  "Text": {
3211
- "variant": [
3212
- "headline1"
3213
- ],
3214
3264
  "color": [
3215
- "primary"
3216
- ]
3217
- },
3218
- "VStack": {
3219
- "borderRadius": [
3220
- "md"
3221
- ],
3222
- "position": [
3223
- "fixed"
3224
- ],
3225
- "backgroundColor": [
3226
- "primary"
3227
- ],
3228
- "dropShadow": [
3229
- "md"
3230
- ],
3231
- "spacing": [
3232
- "8"
3233
- ],
3234
- "overflow": [
3235
- "hidden"
3265
+ "inherit"
3236
3266
  ]
3237
3267
  }
3238
3268
  },
3239
3269
  "propToVariantKeys": {
3240
- "handleClose": [
3241
- "onClick"
3270
+ "startTitleIcon": [
3271
+ "icon"
3242
3272
  ]
3243
3273
  },
3244
3274
  "runtimeConfigDefaultProps": {},
@@ -3246,87 +3276,39 @@
3246
3276
  "runtimeConfigInternalComponentProps": {},
3247
3277
  "motionVarPrefixes": []
3248
3278
  },
3249
- "SegmentedControl": {
3250
- "name": "SegmentedControl",
3251
- "defaultProps": {
3252
- "textVariant": "label2"
3253
- },
3254
- "getStylesLiterals": {
3255
- "display": "flex",
3256
- "alignItems": "center",
3257
- "backgroundColor": "primary",
3258
- "spacingVertical": "1",
3259
- "spacingHorizontal": "3",
3260
- "columnGap": "1.5",
3261
- "borderWidth": "thin",
3262
- "borderRadius": "full",
3263
- "borderColor": "muted",
3264
- "borderColor:1": "transparent",
3265
- "color": "primary",
3266
- "color:1": "tertiary",
3267
- "color:2": "muted"
3268
- },
3269
- "cxLiterals": [
3270
- "uds-ring",
3271
- "cursor-not-allowed",
3272
- "opacity-50",
3273
- "pointer-events-none",
3274
- "hover:bg-primary"
3279
+ "UDSTooltipConfigProvider": {
3280
+ "name": "UDSTooltipConfigProvider",
3281
+ "defaultProps": {},
3282
+ "getStylesLiterals": {},
3283
+ "cxLiterals": [],
3284
+ "internalComponents": [
3285
+ "TooltipContext.Provider"
3275
3286
  ],
3287
+ "internalComponentProps": {},
3288
+ "propToVariantKeys": {},
3289
+ "runtimeConfigDefaultProps": {},
3290
+ "runtimeConfigGetStyles": {},
3291
+ "runtimeConfigInternalComponentProps": {},
3292
+ "motionVarPrefixes": []
3293
+ },
3294
+ "TooltipTrigger": {
3295
+ "name": "TooltipTrigger",
3296
+ "defaultProps": {},
3297
+ "getStylesLiterals": {},
3298
+ "cxLiterals": [],
3276
3299
  "internalComponents": [
3277
- "TextVariant",
3278
- "Radio",
3279
- "Icon",
3280
- "RadioProvider",
3281
- "HStack",
3282
- "RadioGroup",
3283
- "Pressable",
3284
- "Text"
3300
+ "TooltipAnchor"
3285
3301
  ],
3286
3302
  "internalComponentProps": {
3287
- "Icon": {
3288
- "size": [
3289
- "sm"
3290
- ],
3291
- "color": [
3292
- "current"
3293
- ],
3294
- "aria-hidden": [
3295
- "true"
3296
- ]
3297
- },
3298
- "HStack": {
3299
- "spacing": [
3300
- "1"
3301
- ],
3302
- "gap": [
3303
- "1"
3304
- ],
3305
- "backgroundColor": [
3306
- "secondary"
3307
- ],
3308
- "borderRadius": [
3309
- "full"
3310
- ],
3311
- "display": [
3312
- "inline-flex"
3313
- ]
3314
- },
3315
- "Text": {
3316
- "color": [
3317
- "current"
3303
+ "TooltipAnchor": {
3304
+ "className": [
3305
+ "inline"
3318
3306
  ]
3319
3307
  }
3320
3308
  },
3321
3309
  "propToVariantKeys": {
3322
- "value": [
3323
- "key"
3324
- ],
3325
- "label": [
3326
- "aria-label"
3327
- ],
3328
- "textVariant": [
3329
- "variant"
3310
+ "children": [
3311
+ "render"
3330
3312
  ]
3331
3313
  },
3332
3314
  "runtimeConfigDefaultProps": {},
@@ -3334,66 +3316,89 @@
3334
3316
  "runtimeConfigInternalComponentProps": {},
3335
3317
  "motionVarPrefixes": []
3336
3318
  },
3337
- "SwitchV2": {
3338
- "name": "SwitchV2",
3319
+ "RadioGroupProvider": {
3320
+ "name": "RadioGroupProvider",
3321
+ "defaultProps": {},
3322
+ "getStylesLiterals": {},
3323
+ "cxLiterals": [],
3324
+ "internalComponents": [
3325
+ "DivProps",
3326
+ "Comp",
3327
+ "RadioGroupContext.Provider"
3328
+ ],
3329
+ "internalComponentProps": {
3330
+ "Comp": {
3331
+ "role": [
3332
+ "radiogroup"
3333
+ ]
3334
+ }
3335
+ },
3336
+ "propToVariantKeys": {},
3337
+ "runtimeConfigDefaultProps": {},
3338
+ "runtimeConfigGetStyles": {},
3339
+ "runtimeConfigInternalComponentProps": {},
3340
+ "motionVarPrefixes": []
3341
+ },
3342
+ "RadioGroupStore": {
3343
+ "name": "RadioGroupStore",
3344
+ "defaultProps": {},
3345
+ "getStylesLiterals": {},
3346
+ "cxLiterals": [],
3347
+ "internalComponents": [],
3348
+ "internalComponentProps": {},
3349
+ "propToVariantKeys": {},
3350
+ "runtimeConfigDefaultProps": {},
3351
+ "runtimeConfigGetStyles": {},
3352
+ "runtimeConfigInternalComponentProps": {},
3353
+ "motionVarPrefixes": []
3354
+ },
3355
+ "Radio": {
3356
+ "name": "Radio",
3339
3357
  "defaultProps": {
3340
3358
  "labelPosition": "start",
3341
- "size": "md"
3359
+ "variant": "primary",
3360
+ "size": "md",
3361
+ "value": ""
3342
3362
  },
3343
3363
  "getStylesLiterals": {
3344
- "switchVariantRoot": "default",
3345
- "switchVariantActiveRoot": "on",
3346
- "switchVariantActiveRoot:1": "off",
3347
- "switchVariantSwitch": "default",
3348
- "switchVariantActiveSwitch": "on",
3349
- "switchVariantActiveSwitch:1": "off",
3350
- "switchVariantActiveHandle": "on",
3351
- "switchVariantActiveHandle:1": "off",
3352
- "switchVariantHandle": "default",
3353
- "switchVariantHandleIcon": "default",
3354
- "switchVariantActiveHandleIcon": "on",
3355
- "switchVariantActiveHandleIcon:1": "off"
3364
+ "radioVariantValueRoot": "checked",
3365
+ "radioVariantValueRoot:1": "unchecked",
3366
+ "display": "flex",
3367
+ "flexDirection": "row",
3368
+ "flexDirection:1": "row-reverse",
3369
+ "alignItems": "center",
3370
+ "radioVariantValueRadio": "checked",
3371
+ "radioVariantValueRadio:1": "unchecked",
3372
+ "radioVariantValueRadioCircle": "checked",
3373
+ "radioVariantValueRadioCircle:1": "unchecked"
3356
3374
  },
3357
3375
  "cxLiterals": [
3358
- "group",
3359
- "flex",
3360
- "items-center",
3361
- "flex-row",
3362
- "flex-row-reverse",
3376
+ "cursor-pointer",
3377
+ "cursor-default",
3378
+ "opacity-50",
3379
+ "border",
3363
3380
  "uds-ring",
3364
3381
  "uds-ring-within",
3365
- "relative",
3366
- "uds-border-radius-full",
3367
- "transition-[background-color,box-shadow]",
3382
+ "transition-[background-color,border-color]",
3383
+ "transition-shadow",
3368
3384
  "pointer-events-none",
3369
- "w-full",
3370
- "h-full",
3385
+ "w-[8px]",
3386
+ "h-[8px]",
3387
+ "transition-opacity",
3388
+ "cursor-[inherit]",
3371
3389
  "absolute",
3372
- "top-0",
3373
- "bottom-0",
3374
- "right-0",
3375
- "left-0",
3376
- "overflow-hidden",
3377
- "group-hover:scale-105",
3378
- "opacity-95",
3379
- "group-hover:opacity-100",
3380
- "transition-[transform,opacity]",
3381
3390
  "opacity-0",
3382
3391
  "top-1/2",
3383
3392
  "left-1/2",
3393
+ "w-[calc(100%+2px)]",
3394
+ "h-[calc(100%+2px)]",
3384
3395
  "transform",
3385
3396
  "translate-x-[-50%]",
3386
3397
  "translate-y-[-50%]",
3387
- "transition-opacity",
3388
- "cursor-[inherit]",
3389
- "w-[calc(100%+2px)]",
3390
- "h-[calc(100%+2px)]",
3391
3398
  "text-start",
3392
- "text-end",
3393
- "opacity-100"
3399
+ "text-end"
3394
3400
  ],
3395
3401
  "internalComponents": [
3396
- "IconSlot",
3397
3402
  "Box",
3398
3403
  "FormLabel",
3399
3404
  "SpringMotionConfig",
@@ -3401,10 +3406,9 @@
3401
3406
  "MotionBox"
3402
3407
  ],
3403
3408
  "internalComponentProps": {
3404
- "IconSlot": {
3405
- "data-testid": [
3406
- "on-icon",
3407
- "off-icon"
3409
+ "Box": {
3410
+ "borderRadius": [
3411
+ "full"
3408
3412
  ]
3409
3413
  },
3410
3414
  "FormLabel": {
@@ -3418,50 +3422,48 @@
3418
3422
  "inherit"
3419
3423
  ]
3420
3424
  },
3421
- "SpringMotionConfig": {
3422
- "layoutVariant": [
3423
- "bouncy"
3424
- ],
3425
- "layoutSpeed": [
3426
- "4"
3427
- ]
3428
- },
3429
3425
  "RootElement": {
3430
3426
  "data-testid": [
3431
- "switch-root"
3427
+ "container"
3432
3428
  ]
3433
3429
  },
3434
3430
  "MotionBox": {
3435
- "layout": [
3436
- "position"
3431
+ "position": [
3432
+ "relative"
3433
+ ],
3434
+ "borderRadius": [
3435
+ "full"
3436
+ ],
3437
+ "alignItems": [
3438
+ "center"
3439
+ ],
3440
+ "justifyContent": [
3441
+ "center"
3442
+ ],
3443
+ "flex": [
3444
+ "none"
3437
3445
  ]
3438
3446
  }
3439
3447
  },
3440
3448
  "propToVariantKeys": {
3441
3449
  "size": [
3442
- "switchSizeRoot",
3443
- "switchSizeSwitch",
3444
- "switchSizeHandle",
3445
- "switchSizeHandleIcon"
3446
- ],
3447
- "onIcon": [
3448
- "icon"
3450
+ "radioSizeRoot",
3451
+ "radioSizeRadio"
3449
3452
  ],
3450
- "offIcon": [
3451
- "icon"
3453
+ "variant": [
3454
+ "radioVariantRoot",
3455
+ "radioVariantRadio",
3456
+ "radioVariantRadioCircle"
3452
3457
  ],
3453
3458
  "reduceMotion": [
3454
3459
  "reducedMotion"
3455
- ],
3456
- "isOn": [
3457
- "layoutDependency"
3458
3460
  ]
3459
3461
  },
3460
3462
  "runtimeConfigDefaultProps": {},
3461
3463
  "runtimeConfigGetStyles": {},
3462
3464
  "runtimeConfigInternalComponentProps": {},
3463
3465
  "motionVarPrefixes": [
3464
- "--uds-motion-bouncy-4-",
3466
+ "--uds-motion-subtle-3-",
3465
3467
  "--uds-motion-smooth-3-"
3466
3468
  ]
3467
3469
  }