@yahoo/uds 3.138.0 → 3.140.0

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