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