@yahoo/uds 3.147.0 → 3.148.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 (28) hide show
  1. package/dist/tailwind/utils/index.d.cts +2 -2
  2. package/dist/tailwind/utils/index.d.ts +2 -2
  3. package/dist/tailwind-internal/dist/base/addFontFaceDeclarations.cjs +2 -2
  4. package/dist/tailwind-internal/dist/base/addFontFaceDeclarations.js +2 -2
  5. package/dist/tailwind-internal/dist/base/addFontVars.cjs +2 -2
  6. package/dist/tailwind-internal/dist/base/addFontVars.js +2 -2
  7. package/dist/tailwind-internal/dist/index.d.cts +1 -1
  8. package/dist/tailwind-internal/dist/index.d.ts +1 -1
  9. package/dist/tailwind-internal/dist/plugins/typography.cjs +3 -3
  10. package/dist/tailwind-internal/dist/plugins/typography.js +3 -3
  11. package/dist/tailwind-internal/dist/utils/addFontsPlugin.cjs +2 -2
  12. package/dist/tailwind-internal/dist/utils/addFontsPlugin.d.cts +6 -0
  13. package/dist/tailwind-internal/dist/utils/addFontsPlugin.d.ts +6 -0
  14. package/dist/tailwind-internal/dist/utils/addFontsPlugin.js +2 -2
  15. package/dist/tailwind-internal/dist/utils/composeTailwindPlugins.d.cts +7 -0
  16. package/dist/tailwind-internal/dist/utils/composeTailwindPlugins.d.ts +7 -0
  17. package/dist/tailwind-internal/dist/utils/getFontFaceDeclarations.cjs +3 -2
  18. package/dist/tailwind-internal/dist/utils/getFontFaceDeclarations.d.cts +59 -58
  19. package/dist/tailwind-internal/dist/utils/getFontFaceDeclarations.d.ts +59 -58
  20. package/dist/tailwind-internal/dist/utils/getFontFaceDeclarations.js +3 -2
  21. package/dist/tailwind-internal/dist/utils/getFontStyles.cjs +2 -2
  22. package/dist/tailwind-internal/dist/utils/getFontStyles.d.cts +2 -1
  23. package/dist/tailwind-internal/dist/utils/getFontStyles.d.ts +2 -1
  24. package/dist/tailwind-internal/dist/utils/getFontStyles.js +2 -2
  25. package/dist/uds/generated/componentData.cjs +1694 -1694
  26. package/dist/uds/generated/componentData.js +1694 -1694
  27. package/generated/componentData.json +2317 -2317
  28. package/package.json +1 -1
package/dist/uds/generated/componentData.js CHANGED
@@ -1,6 +1,28 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
3
  var componentData_default = {
4
+ Box: {
5
+ "name": "Box",
6
+ "defaultProps": {
7
+ "as": "div",
8
+ "display": "flex"
9
+ },
10
+ "getStylesLiterals": {},
11
+ "cxLiterals": [],
12
+ "internalComponents": ["Comp"],
13
+ "internalComponentProps": {},
14
+ "propToVariantKeys": { "elevationAlias": [
15
+ "backgroundColor",
16
+ "borderColor",
17
+ "borderWidth",
18
+ "dropShadow",
19
+ "insetShadow"
20
+ ] },
21
+ "runtimeConfigDefaultProps": {},
22
+ "runtimeConfigGetStyles": {},
23
+ "runtimeConfigInternalComponentProps": {},
24
+ "motionVarPrefixes": []
25
+ },
4
26
  FormLabel: {
5
27
  "name": "FormLabel",
6
28
  "defaultProps": {
@@ -22,63 +44,14 @@ var componentData_default = {
22
44
  "runtimeConfigInternalComponentProps": {},
23
45
  "motionVarPrefixes": []
24
46
  },
25
- SvgFloatingOverlay: {
26
- "name": "SvgFloatingOverlay",
27
- "defaultProps": { "contentOverflow": "auto" },
28
- "getStylesLiterals": {},
29
- "cxLiterals": [
30
- "absolute",
31
- "top-0",
32
- "left-0",
33
- "w-full",
34
- "h-full",
35
- "overflow-visible",
36
- "pointer-events-none",
37
- "z-[2]",
38
- "z-[3]",
39
- "max-h-full",
40
- "gap-[inherit]"
41
- ],
42
- "internalComponents": ["Box", "Fragment"],
43
- "internalComponentProps": { "Box": {
44
- "position": ["relative"],
45
- "flexGrow": ["1"],
46
- "overflow": ["hidden"],
47
- "display": ["block"],
48
- "className": ["max-h-full gap-[inherit]"]
49
- } },
50
- "propToVariantKeys": {
51
- "blurClassName": ["className"],
52
- "contentOverflow": ["overflow"]
53
- },
54
- "runtimeConfigDefaultProps": {},
55
- "runtimeConfigGetStyles": {},
56
- "runtimeConfigInternalComponentProps": {},
57
- "motionVarPrefixes": []
58
- },
59
- Scrim: {
60
- "name": "Scrim",
61
- "defaultProps": {
62
- "variant": "default",
63
- "position": "fixed"
64
- },
47
+ HStack: {
48
+ "name": "HStack",
49
+ "defaultProps": {},
65
50
  "getStylesLiterals": {},
66
- "cxLiterals": [
67
- "fixed",
68
- "absolute",
69
- "inset-0",
70
- "z-40",
71
- "transition-opacity",
72
- "duration-150",
73
- "motion-reduce:transition-none",
74
- "data-[enter]:opacity-100",
75
- "[&:not([data-enter])]:opacity-0",
76
- "opacity-100",
77
- "uds-bgBlurFallback"
78
- ],
51
+ "cxLiterals": [],
79
52
  "internalComponents": ["Box"],
80
- "internalComponentProps": { "Box": { "display": ["block"] } },
81
- "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
53
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
54
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
82
55
  "runtimeConfigDefaultProps": {},
83
56
  "runtimeConfigGetStyles": {},
84
57
  "runtimeConfigInternalComponentProps": {},
@@ -101,59 +74,27 @@ var componentData_default = {
101
74
  "runtimeConfigInternalComponentProps": {},
102
75
  "motionVarPrefixes": []
103
76
  },
104
- Text: {
105
- "name": "Text",
106
- "defaultProps": {
107
- "color": "primary",
108
- "variant": "body1"
109
- },
77
+ IconSlot: {
78
+ "name": "IconSlot",
79
+ "defaultProps": {},
110
80
  "getStylesLiterals": {},
111
81
  "cxLiterals": [],
112
- "internalComponents": ["Comp"],
82
+ "internalComponents": ["Icon"],
113
83
  "internalComponentProps": {},
114
- "propToVariantKeys": { "variant": [
115
- "fontFamily",
116
- "fontSize",
117
- "fontWeight",
118
- "lineHeight",
119
- "textTransform",
120
- "letterSpacing"
121
- ] },
84
+ "propToVariantKeys": {},
122
85
  "runtimeConfigDefaultProps": {},
123
86
  "runtimeConfigGetStyles": {},
124
87
  "runtimeConfigInternalComponentProps": {},
125
88
  "motionVarPrefixes": []
126
89
  },
127
- VStack: {
128
- "name": "VStack",
90
+ Image: {
91
+ "name": "Image",
129
92
  "defaultProps": {},
130
93
  "getStylesLiterals": {},
131
94
  "cxLiterals": [],
132
- "internalComponents": ["Box"],
133
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
134
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
135
- "runtimeConfigDefaultProps": {},
136
- "runtimeConfigGetStyles": {},
137
- "runtimeConfigInternalComponentProps": {},
138
- "motionVarPrefixes": []
139
- },
140
- Box: {
141
- "name": "Box",
142
- "defaultProps": {
143
- "as": "div",
144
- "display": "flex"
145
- },
146
- "getStylesLiterals": {},
147
- "cxLiterals": [],
148
- "internalComponents": ["Comp"],
95
+ "internalComponents": [],
149
96
  "internalComponentProps": {},
150
- "propToVariantKeys": { "elevationAlias": [
151
- "backgroundColor",
152
- "borderColor",
153
- "borderWidth",
154
- "dropShadow",
155
- "insetShadow"
156
- ] },
97
+ "propToVariantKeys": {},
157
98
  "runtimeConfigDefaultProps": {},
158
99
  "runtimeConfigGetStyles": {},
159
100
  "runtimeConfigInternalComponentProps": {},
@@ -197,66 +138,230 @@ var componentData_default = {
197
138
  "runtimeConfigInternalComponentProps": {},
198
139
  "motionVarPrefixes": []
199
140
  },
200
- IconSlot: {
201
- "name": "IconSlot",
202
- "defaultProps": {},
141
+ Scrim: {
142
+ "name": "Scrim",
143
+ "defaultProps": {
144
+ "variant": "default",
145
+ "position": "fixed"
146
+ },
203
147
  "getStylesLiterals": {},
204
- "cxLiterals": [],
205
- "internalComponents": ["Icon"],
206
- "internalComponentProps": {},
207
- "propToVariantKeys": {},
148
+ "cxLiterals": [
149
+ "fixed",
150
+ "absolute",
151
+ "inset-0",
152
+ "z-40",
153
+ "transition-opacity",
154
+ "duration-150",
155
+ "motion-reduce:transition-none",
156
+ "data-[enter]:opacity-100",
157
+ "[&:not([data-enter])]:opacity-0",
158
+ "opacity-100",
159
+ "uds-bgBlurFallback"
160
+ ],
161
+ "internalComponents": ["Box"],
162
+ "internalComponentProps": { "Box": { "display": ["block"] } },
163
+ "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
208
164
  "runtimeConfigDefaultProps": {},
209
165
  "runtimeConfigGetStyles": {},
210
166
  "runtimeConfigInternalComponentProps": {},
211
167
  "motionVarPrefixes": []
212
168
  },
213
- Image: {
214
- "name": "Image",
215
- "defaultProps": {},
169
+ SvgFloatingOverlay: {
170
+ "name": "SvgFloatingOverlay",
171
+ "defaultProps": { "contentOverflow": "auto" },
172
+ "getStylesLiterals": {},
173
+ "cxLiterals": [
174
+ "absolute",
175
+ "top-0",
176
+ "left-0",
177
+ "w-full",
178
+ "h-full",
179
+ "overflow-visible",
180
+ "pointer-events-none",
181
+ "z-[2]",
182
+ "z-[3]",
183
+ "max-h-full",
184
+ "gap-[inherit]"
185
+ ],
186
+ "internalComponents": ["Box", "Fragment"],
187
+ "internalComponentProps": { "Box": {
188
+ "position": ["relative"],
189
+ "flexGrow": ["1"],
190
+ "overflow": ["hidden"],
191
+ "display": ["block"],
192
+ "className": ["max-h-full gap-[inherit]"]
193
+ } },
194
+ "propToVariantKeys": {
195
+ "blurClassName": ["className"],
196
+ "contentOverflow": ["overflow"]
197
+ },
198
+ "runtimeConfigDefaultProps": {},
199
+ "runtimeConfigGetStyles": {},
200
+ "runtimeConfigInternalComponentProps": {},
201
+ "motionVarPrefixes": []
202
+ },
203
+ Text: {
204
+ "name": "Text",
205
+ "defaultProps": {
206
+ "color": "primary",
207
+ "variant": "body1"
208
+ },
216
209
  "getStylesLiterals": {},
217
210
  "cxLiterals": [],
218
- "internalComponents": [],
211
+ "internalComponents": ["Comp"],
219
212
  "internalComponentProps": {},
220
- "propToVariantKeys": {},
213
+ "propToVariantKeys": { "variant": [
214
+ "fontFamily",
215
+ "fontSize",
216
+ "fontWeight",
217
+ "lineHeight",
218
+ "textTransform",
219
+ "letterSpacing"
220
+ ] },
221
221
  "runtimeConfigDefaultProps": {},
222
222
  "runtimeConfigGetStyles": {},
223
223
  "runtimeConfigInternalComponentProps": {},
224
224
  "motionVarPrefixes": []
225
225
  },
226
- HStack: {
227
- "name": "HStack",
226
+ VStack: {
227
+ "name": "VStack",
228
228
  "defaultProps": {},
229
229
  "getStylesLiterals": {},
230
230
  "cxLiterals": [],
231
231
  "internalComponents": ["Box"],
232
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
233
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
232
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
233
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
234
234
  "runtimeConfigDefaultProps": {},
235
235
  "runtimeConfigGetStyles": {},
236
236
  "runtimeConfigInternalComponentProps": {},
237
237
  "motionVarPrefixes": []
238
238
  },
239
- Checkbox: {
240
- "name": "Checkbox",
239
+ AnimateHeightChange: {
240
+ "name": "AnimateHeightChange",
241
+ "defaultProps": {},
242
+ "getStylesLiterals": {},
243
+ "cxLiterals": ["overflow-hidden"],
244
+ "internalComponents": ["SpringMotionConfig"],
245
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
246
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
247
+ "runtimeConfigDefaultProps": {},
248
+ "runtimeConfigGetStyles": {},
249
+ "runtimeConfigInternalComponentProps": {},
250
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
251
+ },
252
+ Badge: {
253
+ "name": "Badge",
241
254
  "defaultProps": {
242
- "labelPosition": "start",
243
255
  "variant": "primary",
244
256
  "size": "md"
245
257
  },
246
- "getStylesLiterals": {
247
- "display": "flex",
248
- "flexDirection": "row",
249
- "flexDirection:1": "row-reverse",
250
- "alignItems": "center"
251
- },
258
+ "getStylesLiterals": {},
252
259
  "cxLiterals": [
253
- "cursor-pointer",
254
- "cursor-default",
255
- "opacity-50",
256
- "uds-ring",
257
- "uds-ring-within",
258
- "transition-[background-color,border-color,box-shadow]",
259
- "pointer-events-none",
260
+ "uds-badge",
261
+ "uds-badge-variant",
262
+ "uds-badge-size",
263
+ "uds-badge-iconSize",
264
+ "uds-badge-iconColor",
265
+ "flex-1",
266
+ "truncate",
267
+ "whitespace-nowrap",
268
+ "text-center"
269
+ ],
270
+ "internalComponents": ["IconSlot", "HStack"],
271
+ "internalComponentProps": {
272
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
273
+ "HStack": {
274
+ "gap": ["2"],
275
+ "display": ["inline-flex"],
276
+ "alignItems": ["center"]
277
+ }
278
+ },
279
+ "propToVariantKeys": {
280
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
281
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
282
+ "startIcon": ["icon"],
283
+ "endIcon": ["icon"]
284
+ },
285
+ "runtimeConfigDefaultProps": {},
286
+ "runtimeConfigGetStyles": {},
287
+ "runtimeConfigInternalComponentProps": {},
288
+ "motionVarPrefixes": []
289
+ },
290
+ Button: {
291
+ "name": "Button",
292
+ "defaultProps": { "type": "button" },
293
+ "getStylesLiterals": {},
294
+ "cxLiterals": [
295
+ "uds-ring",
296
+ "uds-hit-target",
297
+ "inline-flex",
298
+ "overflow-hidden",
299
+ "justify-center",
300
+ "items-center",
301
+ "whitespace-nowrap",
302
+ "select-none",
303
+ "[transform-origin:center]",
304
+ "[backface-visibility:hidden]",
305
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
306
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
307
+ "[transition-duration:220ms]",
308
+ "cursor-not-allowed",
309
+ "uds-button-loading",
310
+ "uds-button-without-effects",
311
+ "withIcon",
312
+ "uds-button-with-gap",
313
+ "animate-spin",
314
+ "truncate"
315
+ ],
316
+ "internalComponents": [
317
+ "Icon",
318
+ "IconSlot",
319
+ "AnimatePresence",
320
+ "SpringMotionConfig",
321
+ "MotionSlot"
322
+ ],
323
+ "internalComponentProps": {
324
+ "Icon": { "color": ["current"] },
325
+ "AnimatePresence": { "mode": ["popLayout"] },
326
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
327
+ "MotionSlot": {
328
+ "whileHover": ["hover"],
329
+ "whileTap": ["pressed"]
330
+ }
331
+ },
332
+ "propToVariantKeys": {
333
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
334
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
335
+ "iconVariant": ["variant"],
336
+ "startIcon": ["icon"],
337
+ "endIcon": ["icon"]
338
+ },
339
+ "runtimeConfigDefaultProps": {},
340
+ "runtimeConfigGetStyles": {},
341
+ "runtimeConfigInternalComponentProps": {},
342
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
343
+ },
344
+ Checkbox: {
345
+ "name": "Checkbox",
346
+ "defaultProps": {
347
+ "labelPosition": "start",
348
+ "variant": "primary",
349
+ "size": "md"
350
+ },
351
+ "getStylesLiterals": {
352
+ "display": "flex",
353
+ "flexDirection": "row",
354
+ "flexDirection:1": "row-reverse",
355
+ "alignItems": "center"
356
+ },
357
+ "cxLiterals": [
358
+ "cursor-pointer",
359
+ "cursor-default",
360
+ "opacity-50",
361
+ "uds-ring",
362
+ "uds-ring-within",
363
+ "transition-[background-color,border-color,box-shadow]",
364
+ "pointer-events-none",
260
365
  "transition-opacity",
261
366
  "cursor-[inherit]",
262
367
  "absolute",
@@ -312,31 +417,73 @@ var componentData_default = {
312
417
  "runtimeConfigInternalComponentProps": {},
313
418
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
314
419
  },
315
- SpringMotionConfig: {
316
- "name": "SpringMotionConfig",
317
- "defaultProps": { "reducedMotion": "user" },
420
+ IconButton: {
421
+ "name": "IconButton",
422
+ "defaultProps": { "type": "button" },
423
+ "getStylesLiterals": {},
424
+ "cxLiterals": [
425
+ "uds-ring",
426
+ "uds-hit-target",
427
+ "inline-flex",
428
+ "overflow-hidden",
429
+ "justify-center",
430
+ "items-center",
431
+ "[transform-origin:center]",
432
+ "[backface-visibility:hidden]",
433
+ "[transition-property:color,background-color,border-color,",
434
+ "box-shadow,text-decoration-color,fill,stroke]",
435
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
436
+ "[transition-duration:220ms]",
437
+ "cursor-not-allowed",
438
+ "uds-button-loading",
439
+ "uds-button-without-effects",
440
+ "animate-spin"
441
+ ],
442
+ "internalComponents": [
443
+ "Icon",
444
+ "SpringMotionConfig",
445
+ "AnimatePresence"
446
+ ],
447
+ "internalComponentProps": {
448
+ "Icon": { "color": ["current"] },
449
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
450
+ "AnimatePresence": { "mode": ["popLayout"] }
451
+ },
452
+ "propToVariantKeys": {
453
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
454
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
455
+ "iconVariant": ["variant"]
456
+ },
457
+ "runtimeConfigDefaultProps": {},
458
+ "runtimeConfigGetStyles": {},
459
+ "runtimeConfigInternalComponentProps": {},
460
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
461
+ },
462
+ Pressable: {
463
+ "name": "Pressable",
464
+ "defaultProps": {},
318
465
  "getStylesLiterals": {},
319
466
  "cxLiterals": [],
320
- "internalComponents": ["LazyMotion", "MotionConfig"],
467
+ "internalComponents": ["Comp"],
321
468
  "internalComponentProps": {},
322
- "propToVariantKeys": { "loadFeatures": ["features"] },
469
+ "propToVariantKeys": {},
323
470
  "runtimeConfigDefaultProps": {},
324
471
  "runtimeConfigGetStyles": {},
325
472
  "runtimeConfigInternalComponentProps": {},
326
473
  "motionVarPrefixes": []
327
474
  },
328
- AnimateHeightChange: {
329
- "name": "AnimateHeightChange",
330
- "defaultProps": {},
475
+ SpringMotionConfig: {
476
+ "name": "SpringMotionConfig",
477
+ "defaultProps": { "reducedMotion": "user" },
331
478
  "getStylesLiterals": {},
332
- "cxLiterals": ["overflow-hidden"],
333
- "internalComponents": ["SpringMotionConfig"],
334
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
335
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
479
+ "cxLiterals": [],
480
+ "internalComponents": ["LazyMotion", "MotionConfig"],
481
+ "internalComponentProps": {},
482
+ "propToVariantKeys": { "loadFeatures": ["features"] },
336
483
  "runtimeConfigDefaultProps": {},
337
484
  "runtimeConfigGetStyles": {},
338
485
  "runtimeConfigInternalComponentProps": {},
339
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
486
+ "motionVarPrefixes": []
340
487
  },
341
488
  Switch: {
342
489
  "name": "Switch",
@@ -431,50 +578,36 @@ var componentData_default = {
431
578
  "runtimeConfigInternalComponentProps": {},
432
579
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
433
580
  },
434
- Badge: {
435
- "name": "Badge",
581
+ Spinner: {
582
+ "name": "Spinner",
436
583
  "defaultProps": {
437
- "variant": "primary",
438
- "size": "md"
584
+ "color": "primary",
585
+ "size": "lg"
439
586
  },
440
587
  "getStylesLiterals": {},
441
588
  "cxLiterals": [
442
- "uds-badge",
443
- "uds-badge-variant",
444
- "uds-badge-size",
445
- "uds-badge-iconSize",
446
- "uds-badge-iconColor",
447
- "flex-1",
448
- "truncate",
449
- "whitespace-nowrap",
450
- "text-center"
589
+ "self-center",
590
+ "relative",
591
+ "sr-only"
451
592
  ],
452
- "internalComponents": ["IconSlot", "HStack"],
453
- "internalComponentProps": {
454
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
455
- "HStack": {
456
- "gap": ["2"],
457
- "display": ["inline-flex"],
458
- "alignItems": ["center"]
459
- }
460
- },
461
- "propToVariantKeys": {
462
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
463
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
464
- "startIcon": ["icon"],
465
- "endIcon": ["icon"]
466
- },
593
+ "internalComponents": ["Icon"],
594
+ "internalComponentProps": { "Icon": {
595
+ "role": ["img"],
596
+ "className": ["animate-spin"],
597
+ "aria-hidden": ["true"]
598
+ } },
599
+ "propToVariantKeys": {},
467
600
  "runtimeConfigDefaultProps": {},
468
601
  "runtimeConfigGetStyles": {},
469
602
  "runtimeConfigInternalComponentProps": {},
470
603
  "motionVarPrefixes": []
471
604
  },
472
- Pressable: {
473
- "name": "Pressable",
605
+ "Table.mocks": {
606
+ "name": "Table.mocks",
474
607
  "defaultProps": {},
475
608
  "getStylesLiterals": {},
476
609
  "cxLiterals": [],
477
- "internalComponents": ["Comp"],
610
+ "internalComponents": [],
478
611
  "internalComponentProps": {},
479
612
  "propToVariantKeys": {},
480
613
  "runtimeConfigDefaultProps": {},
@@ -482,101 +615,36 @@ var componentData_default = {
482
615
  "runtimeConfigInternalComponentProps": {},
483
616
  "motionVarPrefixes": []
484
617
  },
485
- IconButton: {
486
- "name": "IconButton",
487
- "defaultProps": { "type": "button" },
488
- "getStylesLiterals": {},
489
- "cxLiterals": [
490
- "uds-ring",
491
- "uds-hit-target",
492
- "inline-flex",
493
- "overflow-hidden",
494
- "justify-center",
495
- "items-center",
496
- "[transform-origin:center]",
497
- "[backface-visibility:hidden]",
498
- "[transition-property:color,background-color,border-color,",
499
- "box-shadow,text-decoration-color,fill,stroke]",
500
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
501
- "[transition-duration:220ms]",
502
- "cursor-not-allowed",
503
- "uds-button-loading",
504
- "uds-button-without-effects",
505
- "animate-spin"
506
- ],
507
- "internalComponents": [
508
- "Icon",
509
- "SpringMotionConfig",
510
- "AnimatePresence"
511
- ],
512
- "internalComponentProps": {
513
- "Icon": { "color": ["current"] },
514
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
515
- "AnimatePresence": { "mode": ["popLayout"] }
516
- },
517
- "propToVariantKeys": {
518
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
519
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
520
- "iconVariant": ["variant"]
618
+ Table: {
619
+ "name": "Table",
620
+ "defaultProps": {
621
+ "display": "table-cell",
622
+ "overflow": "hidden",
623
+ "borderColor": "muted",
624
+ "borderRadius": "md",
625
+ "spacing": "3",
626
+ "borderBottomColor": "muted",
627
+ "borderBottomWidth": "thin",
628
+ "color": "primary"
521
629
  },
522
- "runtimeConfigDefaultProps": {},
523
- "runtimeConfigGetStyles": {},
524
- "runtimeConfigInternalComponentProps": {},
525
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
526
- },
527
- Button: {
528
- "name": "Button",
529
- "defaultProps": { "type": "button" },
530
- "getStylesLiterals": {},
531
- "cxLiterals": [
532
- "uds-ring",
533
- "uds-hit-target",
534
- "inline-flex",
535
- "overflow-hidden",
536
- "justify-center",
537
- "items-center",
538
- "whitespace-nowrap",
539
- "select-none",
540
- "[transform-origin:center]",
541
- "[backface-visibility:hidden]",
542
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
543
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
544
- "[transition-duration:220ms]",
545
- "cursor-not-allowed",
546
- "uds-button-loading",
547
- "uds-button-without-effects",
548
- "withIcon",
549
- "uds-button-with-gap",
550
- "animate-spin",
551
- "truncate"
552
- ],
630
+ "getStylesLiterals": { "textAlign": "start" },
631
+ "cxLiterals": [],
553
632
  "internalComponents": [
554
- "Icon",
555
- "IconSlot",
556
- "AnimatePresence",
557
- "SpringMotionConfig",
558
- "MotionSlot"
633
+ "CellComponent",
634
+ "Box",
635
+ "Text",
636
+ "Table.Root",
637
+ "Table.Header",
638
+ "Table.Row",
639
+ "Table.Cell",
640
+ "Table.Body"
559
641
  ],
560
- "internalComponentProps": {
561
- "Icon": { "color": ["current"] },
562
- "AnimatePresence": { "mode": ["popLayout"] },
563
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
564
- "MotionSlot": {
565
- "whileHover": ["hover"],
566
- "whileTap": ["pressed"]
567
- }
568
- },
569
- "propToVariantKeys": {
570
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
571
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
572
- "iconVariant": ["variant"],
573
- "startIcon": ["icon"],
574
- "endIcon": ["icon"]
575
- },
642
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
643
+ "propToVariantKeys": {},
576
644
  "runtimeConfigDefaultProps": {},
577
645
  "runtimeConfigGetStyles": {},
578
646
  "runtimeConfigInternalComponentProps": {},
579
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
647
+ "motionVarPrefixes": []
580
648
  },
581
649
  Divider: {
582
650
  "name": "Divider",
@@ -608,19 +676,6 @@ var componentData_default = {
608
676
  "runtimeConfigInternalComponentProps": {},
609
677
  "motionVarPrefixes": []
610
678
  },
611
- DividerLine: {
612
- "name": "DividerLine",
613
- "defaultProps": { "variant": "primary" },
614
- "getStylesLiterals": {},
615
- "cxLiterals": ["inherit"],
616
- "internalComponents": ["Box"],
617
- "internalComponentProps": { "Box": { "flex": ["1"] } },
618
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
619
- "runtimeConfigDefaultProps": {},
620
- "runtimeConfigGetStyles": {},
621
- "runtimeConfigInternalComponentProps": {},
622
- "motionVarPrefixes": []
623
- },
624
679
  DividerLabel: {
625
680
  "name": "DividerLabel",
626
681
  "defaultProps": {
@@ -642,15 +697,25 @@ var componentData_default = {
642
697
  "runtimeConfigInternalComponentProps": {},
643
698
  "motionVarPrefixes": []
644
699
  },
645
- BannerDescription: {
646
- "name": "BannerDescription",
700
+ DividerLine: {
701
+ "name": "DividerLine",
702
+ "defaultProps": { "variant": "primary" },
703
+ "getStylesLiterals": {},
704
+ "cxLiterals": ["inherit"],
705
+ "internalComponents": ["Box"],
706
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
707
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
708
+ "runtimeConfigDefaultProps": {},
709
+ "runtimeConfigGetStyles": {},
710
+ "runtimeConfigInternalComponentProps": {},
711
+ "motionVarPrefixes": []
712
+ },
713
+ Avatar: {
714
+ "name": "Avatar",
647
715
  "defaultProps": {},
648
- "getStylesLiterals": {
649
- "bannerSizeDescription": "default",
650
- "className": "w-full line-clamp-3"
651
- },
716
+ "getStylesLiterals": {},
652
717
  "cxLiterals": [],
653
- "internalComponents": ["Text"],
718
+ "internalComponents": ["AvatarImage"],
654
719
  "internalComponentProps": {},
655
720
  "propToVariantKeys": {},
656
721
  "runtimeConfigDefaultProps": {},
@@ -658,235 +723,94 @@ var componentData_default = {
658
723
  "runtimeConfigInternalComponentProps": {},
659
724
  "motionVarPrefixes": []
660
725
  },
661
- BannerTitle: {
662
- "name": "BannerTitle",
663
- "defaultProps": {},
664
- "getStylesLiterals": { "bannerSizeTitle": "default" },
665
- "cxLiterals": ["w-full", "truncate"],
666
- "internalComponents": ["Text"],
726
+ AvatarIcon: {
727
+ "name": "AvatarIcon",
728
+ "defaultProps": {
729
+ "size": "md",
730
+ "variant": "primary"
731
+ },
732
+ "getStylesLiterals": {},
733
+ "cxLiterals": [
734
+ "overflow-hidden",
735
+ "w-full",
736
+ "h-full",
737
+ "shrink-0",
738
+ "text-center",
739
+ "inline-flex",
740
+ "justify-center",
741
+ "items-center"
742
+ ],
743
+ "internalComponents": ["IconSlot", "Box"],
667
744
  "internalComponentProps": {},
668
- "propToVariantKeys": {},
745
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
669
746
  "runtimeConfigDefaultProps": {},
670
747
  "runtimeConfigGetStyles": {},
671
748
  "runtimeConfigInternalComponentProps": {},
672
749
  "motionVarPrefixes": []
673
750
  },
674
- Banner: {
675
- "name": "Banner",
751
+ AvatarImage: {
752
+ "name": "AvatarImage",
676
753
  "defaultProps": {
677
- "variant": "primary",
678
- "size": "default",
679
- "dismissAriaLabel": "Dismiss"
680
- },
681
- "getStylesLiterals": {
682
- "className": "truncate",
683
- "className:1": "line-clamp-3",
684
- "spacing": "2",
685
- "borderRadius": "full",
686
- "color": "primary"
754
+ "size": "md",
755
+ "variant": "primary"
687
756
  },
757
+ "getStylesLiterals": {},
688
758
  "cxLiterals": [
689
- "uds-banner",
690
- "flex",
691
- "flex-row",
692
- "items-center",
693
- "items-start",
694
- "min-w-[300px]",
695
- "transition-[background-color]",
696
- "motion-safe:duration-120",
697
- "bg-carbon-15/0",
698
- "hover:bg-carbon-15/10",
699
- "active:bg-carbon-15/15",
700
- "uds-ring",
701
- "shrink-0",
702
- "self-start",
703
- "flex-1",
704
- "min-w-0",
705
- "flex-col",
706
- "gap-[inherit]",
707
- "uds-sm:flex-row",
708
- "uds-sm:items-center",
709
- "self-stretch",
710
- "gap-0.5",
759
+ "overflow-hidden",
711
760
  "w-full",
712
- "truncate",
713
- "leading-none",
714
- "line-clamp-3",
715
- "gap-1.5",
716
- "uds-sm:self-center",
717
- "uds-sm:shrink-0"
761
+ "h-full",
762
+ "shrink-0",
763
+ "text-center",
764
+ "inline-flex",
765
+ "justify-center",
766
+ "items-center",
767
+ "object-cover"
718
768
  ],
719
769
  "internalComponents": [
720
- "IconSlot",
721
- "Text",
722
- "Pressable"
770
+ "UDSImage",
771
+ "AvatarText",
772
+ "AvatarIcon",
773
+ "Box"
723
774
  ],
724
- "internalComponentProps": {
725
- "IconSlot": { "data-testid": ["banner-start-icon"] },
726
- "Text": { "data-testid": ["banner-title", "banner-description"] },
727
- "Pressable": { "data-testid": ["banner-dismiss"] }
728
- },
775
+ "internalComponentProps": {},
729
776
  "propToVariantKeys": {
730
- "variant": [
731
- "bannerVariantRoot",
732
- "bannerVariantIcon",
733
- "bannerVariantTitle",
734
- "bannerVariantDescription"
735
- ],
736
- "size": [
737
- "bannerSizeRoot",
738
- "bannerSizeIcon",
739
- "bannerSizeTitle",
740
- "bannerSizeDescription",
741
- "bannerSizeClose"
742
- ],
743
- "startIcon": ["icon"],
744
- "dismissAriaLabel": ["aria-label"],
745
- "onDismiss": ["onClick"]
777
+ "alt": ["name"],
778
+ "fallback": ["initials"]
746
779
  },
747
780
  "runtimeConfigDefaultProps": {},
748
781
  "runtimeConfigGetStyles": {},
749
782
  "runtimeConfigInternalComponentProps": {},
750
783
  "motionVarPrefixes": []
751
784
  },
752
- BannerContent: {
753
- "name": "BannerContent",
754
- "defaultProps": {},
785
+ AvatarText: {
786
+ "name": "AvatarText",
787
+ "defaultProps": {
788
+ "size": "md",
789
+ "variant": "primary"
790
+ },
755
791
  "getStylesLiterals": {},
756
792
  "cxLiterals": [
757
- "flex",
758
- "flex-col",
759
- "items-start",
760
- "self-stretch",
761
- "flex-1",
762
- "min-w-0"
793
+ "overflow-hidden",
794
+ "truncate",
795
+ "w-full",
796
+ "h-full",
797
+ "shrink-0",
798
+ "text-center",
799
+ "inline-flex",
800
+ "justify-center",
801
+ "items-center"
763
802
  ],
764
- "internalComponents": [],
765
- "internalComponentProps": {},
803
+ "internalComponents": ["Box", "Text"],
804
+ "internalComponentProps": { "Text": {
805
+ "color": ["inherit"],
806
+ "variant": ["inherit"]
807
+ } },
766
808
  "propToVariantKeys": {},
767
809
  "runtimeConfigDefaultProps": {},
768
810
  "runtimeConfigGetStyles": {},
769
811
  "runtimeConfigInternalComponentProps": {},
770
812
  "motionVarPrefixes": []
771
813
  },
772
- "Table.mocks": {
773
- "name": "Table.mocks",
774
- "defaultProps": {},
775
- "getStylesLiterals": {},
776
- "cxLiterals": [],
777
- "internalComponents": [],
778
- "internalComponentProps": {},
779
- "propToVariantKeys": {},
780
- "runtimeConfigDefaultProps": {},
781
- "runtimeConfigGetStyles": {},
782
- "runtimeConfigInternalComponentProps": {},
783
- "motionVarPrefixes": []
784
- },
785
- Spinner: {
786
- "name": "Spinner",
787
- "defaultProps": {
788
- "color": "primary",
789
- "size": "lg"
790
- },
791
- "getStylesLiterals": {},
792
- "cxLiterals": [
793
- "self-center",
794
- "relative",
795
- "sr-only"
796
- ],
797
- "internalComponents": ["Icon"],
798
- "internalComponentProps": { "Icon": {
799
- "role": ["img"],
800
- "className": ["animate-spin"],
801
- "aria-hidden": ["true"]
802
- } },
803
- "propToVariantKeys": {},
804
- "runtimeConfigDefaultProps": {},
805
- "runtimeConfigGetStyles": {},
806
- "runtimeConfigInternalComponentProps": {},
807
- "motionVarPrefixes": []
808
- },
809
- Table: {
810
- "name": "Table",
811
- "defaultProps": {
812
- "display": "table-cell",
813
- "overflow": "hidden",
814
- "borderColor": "muted",
815
- "borderRadius": "md",
816
- "spacing": "3",
817
- "borderBottomColor": "muted",
818
- "borderBottomWidth": "thin",
819
- "color": "primary"
820
- },
821
- "getStylesLiterals": { "textAlign": "start" },
822
- "cxLiterals": [],
823
- "internalComponents": [
824
- "CellComponent",
825
- "Box",
826
- "Text",
827
- "Table.Root",
828
- "Table.Header",
829
- "Table.Row",
830
- "Table.Cell",
831
- "Table.Body"
832
- ],
833
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
834
- "propToVariantKeys": {},
835
- "runtimeConfigDefaultProps": {},
836
- "runtimeConfigGetStyles": {},
837
- "runtimeConfigInternalComponentProps": {},
838
- "motionVarPrefixes": []
839
- },
840
- BottomSheetProvider: {
841
- "name": "BottomSheetProvider",
842
- "defaultProps": {},
843
- "getStylesLiterals": {},
844
- "cxLiterals": [],
845
- "internalComponents": ["AriakitDialogProvider"],
846
- "internalComponentProps": {},
847
- "propToVariantKeys": {},
848
- "runtimeConfigDefaultProps": {},
849
- "runtimeConfigGetStyles": {},
850
- "runtimeConfigInternalComponentProps": {},
851
- "motionVarPrefixes": []
852
- },
853
- BottomSheetHeader: {
854
- "name": "BottomSheetHeader",
855
- "defaultProps": { "variant": "default" },
856
- "getStylesLiterals": {},
857
- "cxLiterals": [
858
- "grid-cols-[40px_1fr_40px]",
859
- "items-center",
860
- "w-full",
861
- "min-h-10",
862
- "mt-2"
863
- ],
864
- "internalComponents": [
865
- "Box",
866
- "Text",
867
- "DialogHeading"
868
- ],
869
- "internalComponentProps": {
870
- "Box": {
871
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
872
- "display": ["grid", "flex"],
873
- "justifyContent": ["flex-start", "flex-end"]
874
- },
875
- "Text": {
876
- "as": ["p"],
877
- "variant": ["inherit"],
878
- "color": ["inherit"],
879
- "textAlign": ["center"],
880
- "className": ["m-0 w-full"]
881
- },
882
- "DialogHeading": { "role": ["heading"] }
883
- },
884
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
885
- "runtimeConfigDefaultProps": {},
886
- "runtimeConfigGetStyles": {},
887
- "runtimeConfigInternalComponentProps": {},
888
- "motionVarPrefixes": []
889
- },
890
814
  BottomSheet: {
891
815
  "name": "BottomSheet",
892
816
  "defaultProps": { "variant": "default" },
@@ -932,19 +856,6 @@ var componentData_default = {
932
856
  "runtimeConfigInternalComponentProps": {},
933
857
  "motionVarPrefixes": []
934
858
  },
935
- BottomSheetTrigger: {
936
- "name": "BottomSheetTrigger",
937
- "defaultProps": {},
938
- "getStylesLiterals": {},
939
- "cxLiterals": [],
940
- "internalComponents": ["AriakitDialogDisclosure"],
941
- "internalComponentProps": {},
942
- "propToVariantKeys": {},
943
- "runtimeConfigDefaultProps": {},
944
- "runtimeConfigGetStyles": {},
945
- "runtimeConfigInternalComponentProps": {},
946
- "motionVarPrefixes": []
947
- },
948
859
  BottomSheetContent: {
949
860
  "name": "BottomSheetContent",
950
861
  "defaultProps": {},
@@ -964,19 +875,6 @@ var componentData_default = {
964
875
  "runtimeConfigInternalComponentProps": {},
965
876
  "motionVarPrefixes": []
966
877
  },
967
- UDSBottomSheetConfigProvider: {
968
- "name": "UDSBottomSheetConfigProvider",
969
- "defaultProps": {},
970
- "getStylesLiterals": {},
971
- "cxLiterals": [],
972
- "internalComponents": ["BottomSheetContext.Provider"],
973
- "internalComponentProps": {},
974
- "propToVariantKeys": {},
975
- "runtimeConfigDefaultProps": {},
976
- "runtimeConfigGetStyles": {},
977
- "runtimeConfigInternalComponentProps": {},
978
- "motionVarPrefixes": []
979
- },
980
878
  BottomSheetDismiss: {
981
879
  "name": "BottomSheetDismiss",
982
880
  "defaultProps": {},
@@ -1021,6 +919,43 @@ var componentData_default = {
1021
919
  "runtimeConfigInternalComponentProps": {},
1022
920
  "motionVarPrefixes": []
1023
921
  },
922
+ BottomSheetHeader: {
923
+ "name": "BottomSheetHeader",
924
+ "defaultProps": { "variant": "default" },
925
+ "getStylesLiterals": {},
926
+ "cxLiterals": [
927
+ "grid-cols-[40px_1fr_40px]",
928
+ "items-center",
929
+ "w-full",
930
+ "min-h-10",
931
+ "mt-2"
932
+ ],
933
+ "internalComponents": [
934
+ "Box",
935
+ "Text",
936
+ "DialogHeading"
937
+ ],
938
+ "internalComponentProps": {
939
+ "Box": {
940
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
941
+ "display": ["grid", "flex"],
942
+ "justifyContent": ["flex-start", "flex-end"]
943
+ },
944
+ "Text": {
945
+ "as": ["p"],
946
+ "variant": ["inherit"],
947
+ "color": ["inherit"],
948
+ "textAlign": ["center"],
949
+ "className": ["m-0 w-full"]
950
+ },
951
+ "DialogHeading": { "role": ["heading"] }
952
+ },
953
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
954
+ "runtimeConfigDefaultProps": {},
955
+ "runtimeConfigGetStyles": {},
956
+ "runtimeConfigInternalComponentProps": {},
957
+ "motionVarPrefixes": []
958
+ },
1024
959
  BottomSheetInternalContext: {
1025
960
  "name": "BottomSheetInternalContext",
1026
961
  "defaultProps": {},
@@ -1034,34 +969,25 @@ var componentData_default = {
1034
969
  "runtimeConfigInternalComponentProps": {},
1035
970
  "motionVarPrefixes": []
1036
971
  },
1037
- ModalDescription: {
1038
- "name": "ModalDescription",
972
+ BottomSheetProvider: {
973
+ "name": "BottomSheetProvider",
1039
974
  "defaultProps": {},
1040
975
  "getStylesLiterals": {},
1041
976
  "cxLiterals": [],
1042
- "internalComponents": ["Text", "DialogDescription"],
1043
- "internalComponentProps": { "Text": { "as": ["span"] } },
1044
- "propToVariantKeys": {
1045
- "size": ["modalSizeDescription"],
1046
- "variant": ["modalVariantDescription"]
1047
- },
1048
- "runtimeConfigDefaultProps": {
1049
- "size": "modal.defaultSize",
1050
- "variant": "modal.defaultVariant"
1051
- },
1052
- "runtimeConfigGetStyles": {
1053
- "modalSizeDescription": ["modal.defaultSize"],
1054
- "modalVariantDescription": ["modal.defaultVariant"]
1055
- },
977
+ "internalComponents": ["AriakitDialogProvider"],
978
+ "internalComponentProps": {},
979
+ "propToVariantKeys": {},
980
+ "runtimeConfigDefaultProps": {},
981
+ "runtimeConfigGetStyles": {},
1056
982
  "runtimeConfigInternalComponentProps": {},
1057
983
  "motionVarPrefixes": []
1058
984
  },
1059
- ModalContext: {
1060
- "name": "ModalContext",
985
+ BottomSheetTrigger: {
986
+ "name": "BottomSheetTrigger",
1061
987
  "defaultProps": {},
1062
988
  "getStylesLiterals": {},
1063
989
  "cxLiterals": [],
1064
- "internalComponents": [],
990
+ "internalComponents": ["AriakitDialogDisclosure"],
1065
991
  "internalComponentProps": {},
1066
992
  "propToVariantKeys": {},
1067
993
  "runtimeConfigDefaultProps": {},
@@ -1069,272 +995,352 @@ var componentData_default = {
1069
995
  "runtimeConfigInternalComponentProps": {},
1070
996
  "motionVarPrefixes": []
1071
997
  },
1072
- ModalContent: {
1073
- "name": "ModalContent",
998
+ UDSBottomSheetConfigProvider: {
999
+ "name": "UDSBottomSheetConfigProvider",
1074
1000
  "defaultProps": {},
1075
- "getStylesLiterals": {
1076
- "overflowY": "auto",
1077
- "display": "block",
1078
- "flexGrow": "1"
1079
- },
1001
+ "getStylesLiterals": {},
1080
1002
  "cxLiterals": [],
1081
- "internalComponents": ["Box"],
1003
+ "internalComponents": ["BottomSheetContext.Provider"],
1082
1004
  "internalComponentProps": {},
1083
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1084
- "runtimeConfigDefaultProps": {
1085
- "size": "modal.defaultSize",
1086
- "variant": "modal.defaultVariant"
1087
- },
1088
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1005
+ "propToVariantKeys": {},
1006
+ "runtimeConfigDefaultProps": {},
1007
+ "runtimeConfigGetStyles": {},
1089
1008
  "runtimeConfigInternalComponentProps": {},
1090
1009
  "motionVarPrefixes": []
1091
1010
  },
1092
- Modal: {
1093
- "name": "Modal",
1011
+ Chip: {
1012
+ "name": "Chip",
1013
+ "defaultProps": {},
1014
+ "getStylesLiterals": {},
1015
+ "cxLiterals": [],
1016
+ "internalComponents": [
1017
+ "ChipDismissible",
1018
+ "ChipToggle",
1019
+ "ChipLink",
1020
+ "ChipButton"
1021
+ ],
1022
+ "internalComponentProps": {},
1023
+ "propToVariantKeys": {},
1024
+ "runtimeConfigDefaultProps": {},
1025
+ "runtimeConfigGetStyles": {},
1026
+ "runtimeConfigInternalComponentProps": {},
1027
+ "motionVarPrefixes": []
1028
+ },
1029
+ ChipBase: {
1030
+ "name": "ChipBase",
1094
1031
  "defaultProps": {
1095
- "closeAriaLabel": "Close",
1096
- "maxWidth": "auto",
1097
- "maxHeight": "auto",
1098
- "scrollBehavior": "outside"
1099
- },
1100
- "getStylesLiterals": {
1101
- "flexDirection": "row-reverse",
1102
- "justifyContent": "space-between",
1103
- "alignItems": "flex-end",
1104
- "alignItems:1": "flex-start",
1105
- "borderRadius": "full"
1032
+ "size": "md",
1033
+ "as": "div"
1106
1034
  },
1035
+ "getStylesLiterals": {},
1107
1036
  "cxLiterals": [
1108
- "fixed",
1109
- "inset-0",
1110
- "z-40",
1111
- "overflow-y-auto",
1112
- "overflow-hidden",
1113
- "transition-[opacity,visibility]",
1114
- "visible",
1115
- "opacity-100",
1116
- "invisible",
1117
- "opacity-0",
1118
1037
  "pointer-events-none",
1119
- "uds-bgBlurFallback",
1120
- "w-full",
1121
- "w-fit",
1122
- "h-full",
1123
- "h-fit",
1124
- "m-auto",
1125
- "pointer-events-auto",
1126
- "inside",
1127
- "max-h-full",
1128
- "transition-transform",
1129
- "duration-0",
1130
- "duration-120",
1131
- "transition-[background-color]",
1132
- "bg-carbon-15/0",
1133
- "hover:bg-carbon-15/10",
1134
- "active:bg-carbon-15/15",
1135
- "uds-ring",
1136
- "[translate:50%_-50%]"
1038
+ "cursor-default",
1039
+ "opacity-50",
1040
+ "inline-flex",
1041
+ "items-center",
1042
+ "transition-[background-color,outline-color,box-shadow]",
1043
+ "truncate",
1044
+ "whitespace-nowrap",
1045
+ "text-center",
1046
+ "flex-1",
1047
+ "md",
1048
+ "primary"
1137
1049
  ],
1138
1050
  "internalComponents": [
1139
- "Scrim",
1140
- "VStack",
1141
- "Pressable",
1142
1051
  "IconSlot",
1143
- "Box",
1144
- "Dialog",
1145
- "ModalContext.Provider",
1146
1052
  "HStack",
1147
- "DialogDismiss",
1148
- "ModalTitle",
1149
- "ModalDescription",
1150
- "ModalContent",
1151
- "ModalActions"
1053
+ "As",
1054
+ "Text"
1152
1055
  ],
1153
- "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1056
+ "internalComponentProps": { "Text": {
1057
+ "as": ["span"],
1058
+ "color": ["current"],
1059
+ "variant": ["inherit"]
1060
+ } },
1154
1061
  "propToVariantKeys": {
1155
- "gutter": ["spacing"],
1156
- "size": [
1157
- "modalSizeRoot",
1158
- "modalSizeSpacingHorizontal",
1159
- "modalSizeHeader",
1160
- "modalSizeTitleDescriptionWrapper",
1161
- "modalSizeCloseIconContainer",
1162
- "modalSizeCloseIcon"
1163
- ],
1164
- "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1165
- "closeAriaLabel": ["aria-label"],
1166
- "closeIcon": ["icon"]
1167
- },
1168
- "runtimeConfigDefaultProps": {
1169
- "size": "modal.defaultSize",
1170
- "variant": "modal.defaultVariant"
1171
- },
1172
- "runtimeConfigGetStyles": {
1173
- "spacing": ["modal.gutter.${size}"],
1174
- "modalSizeRoot": ["modal.defaultSize"],
1175
- "modalVariantRoot": ["modal.defaultVariant"],
1176
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1177
- "modalSizeHeader": ["modal.defaultSize"],
1178
- "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1179
- "modalSizeCloseIconContainer": ["modal.defaultSize"],
1180
- "modalSizeCloseIcon": ["modal.defaultSize"],
1181
- "modalVariantCloseIcon": ["modal.defaultVariant"]
1062
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1063
+ "startIcon": ["icon"],
1064
+ "endIcon": ["icon"]
1182
1065
  },
1183
- "runtimeConfigInternalComponentProps": {},
1184
- "motionVarPrefixes": []
1185
- },
1186
- UDSModalConfigProvider: {
1187
- "name": "UDSModalConfigProvider",
1188
- "defaultProps": {},
1189
- "getStylesLiterals": {},
1190
- "cxLiterals": [],
1191
- "internalComponents": ["ModalContext.Provider"],
1192
- "internalComponentProps": {},
1193
- "propToVariantKeys": {},
1194
1066
  "runtimeConfigDefaultProps": {},
1195
1067
  "runtimeConfigGetStyles": {},
1196
1068
  "runtimeConfigInternalComponentProps": {},
1197
1069
  "motionVarPrefixes": []
1198
1070
  },
1199
- ModalTitle: {
1200
- "name": "ModalTitle",
1201
- "defaultProps": {},
1071
+ ChipButton: {
1072
+ "name": "ChipButton",
1073
+ "defaultProps": { "variant": "primary" },
1202
1074
  "getStylesLiterals": {},
1203
- "cxLiterals": [],
1204
- "internalComponents": ["Text", "DialogHeading"],
1205
- "internalComponentProps": { "Text": { "as": ["span"] } },
1206
- "propToVariantKeys": {
1207
- "size": ["modalSizeTitle"],
1208
- "variant": ["modalVariantTitle"]
1209
- },
1210
- "runtimeConfigDefaultProps": {
1211
- "size": "modal.defaultSize",
1212
- "variant": "modal.defaultVariant"
1213
- },
1214
- "runtimeConfigGetStyles": {
1215
- "modalSizeTitle": ["modal.defaultSize"],
1216
- "modalVariantTitle": ["modal.defaultVariant"]
1217
- },
1218
- "runtimeConfigInternalComponentProps": {},
1219
- "motionVarPrefixes": []
1220
- },
1221
- ModalActions: {
1222
- "name": "ModalActions",
1223
- "defaultProps": {},
1224
- "getStylesLiterals": {
1225
- "flexDirection": "row-reverse",
1226
- "justifyContent": "space-between",
1227
- "alignItems": "center"
1228
- },
1229
- "cxLiterals": ["gap-[inherit]"],
1230
- "internalComponents": ["HStack"],
1231
- "internalComponentProps": {},
1232
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1233
- "runtimeConfigDefaultProps": {
1234
- "size": "modal.defaultSize",
1235
- "variant": "modal.defaultVariant"
1236
- },
1237
- "runtimeConfigGetStyles": {
1238
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1239
- "modalSizeActions": ["modal.defaultSize"]
1240
- },
1241
- "runtimeConfigInternalComponentProps": {},
1242
- "motionVarPrefixes": []
1243
- },
1244
- "Menu.ItemCheckbox": {
1245
- "name": "Menu.ItemCheckbox",
1246
- "defaultProps": {},
1247
- "getStylesLiterals": {
1248
- "menuitemItemCheckboxVariantRoot": "default",
1249
- "menuitemItemCheckboxVariantActiveRoot": "on",
1250
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1251
- "menuitemItemCheckboxVariantText": "default",
1252
- "menuitemItemCheckboxVariantActiveText": "on",
1253
- "menuitemItemCheckboxVariantActiveText:1": "off",
1254
- "menuitemItemCheckboxVariantStartIcon": "default",
1255
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1256
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1257
- "menuitemItemCheckboxVariantEndIcon": "default",
1258
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1259
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1260
- },
1261
- "cxLiterals": ["uds-menu-item-checkbox"],
1262
- "internalComponents": ["MenuItemBase"],
1263
- "internalComponentProps": {},
1264
- "propToVariantKeys": {},
1075
+ "cxLiterals": ["uds-ring"],
1076
+ "internalComponents": ["ChipBase"],
1077
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1078
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1265
1079
  "runtimeConfigDefaultProps": {},
1266
1080
  "runtimeConfigGetStyles": {},
1267
1081
  "runtimeConfigInternalComponentProps": {},
1268
1082
  "motionVarPrefixes": []
1269
1083
  },
1270
- Menu: {
1271
- "name": "Menu",
1272
- "defaultProps": {},
1084
+ ChipDismissible: {
1085
+ "name": "ChipDismissible",
1086
+ "defaultProps": { "variant": "primary" },
1273
1087
  "getStylesLiterals": {},
1274
- "cxLiterals": [],
1275
- "internalComponents": [],
1088
+ "cxLiterals": [
1089
+ "uds-chip-dismissible-button",
1090
+ "uds-hit-target",
1091
+ "uds-ring",
1092
+ "rounded-full"
1093
+ ],
1094
+ "internalComponents": [
1095
+ "ChipBase",
1096
+ "IconSlot",
1097
+ "Pressable"
1098
+ ],
1276
1099
  "internalComponentProps": {},
1277
- "propToVariantKeys": {},
1100
+ "propToVariantKeys": {
1101
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1102
+ "dismissButtonAriaLabel": ["aria-label"]
1103
+ },
1278
1104
  "runtimeConfigDefaultProps": {},
1279
1105
  "runtimeConfigGetStyles": {},
1280
1106
  "runtimeConfigInternalComponentProps": {},
1281
1107
  "motionVarPrefixes": []
1282
1108
  },
1283
- "Menu.Trigger": {
1284
- "name": "Menu.Trigger",
1285
- "defaultProps": {},
1109
+ ChipLink: {
1110
+ "name": "ChipLink",
1111
+ "defaultProps": { "variant": "primary" },
1286
1112
  "getStylesLiterals": {},
1287
- "cxLiterals": ["uds-menu-trigger"],
1288
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1289
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1290
- "propToVariantKeys": {},
1113
+ "cxLiterals": ["uds-ring"],
1114
+ "internalComponents": ["ChipBase"],
1115
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1116
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1291
1117
  "runtimeConfigDefaultProps": {},
1292
1118
  "runtimeConfigGetStyles": {},
1293
1119
  "runtimeConfigInternalComponentProps": {},
1294
1120
  "motionVarPrefixes": []
1295
1121
  },
1296
- "Menu.Provider": {
1297
- "name": "Menu.Provider",
1298
- "defaultProps": {},
1299
- "getStylesLiterals": {},
1300
- "cxLiterals": [],
1301
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1302
- "internalComponentProps": {},
1303
- "propToVariantKeys": {},
1122
+ ChipToggle: {
1123
+ "name": "ChipToggle",
1124
+ "defaultProps": {
1125
+ "variant": "primary",
1126
+ "role": "checkbox"
1127
+ },
1128
+ "getStylesLiterals": {
1129
+ "chipToggleVariantActiveRoot": "on",
1130
+ "chipToggleVariantActiveRoot:1": "off"
1131
+ },
1132
+ "cxLiterals": ["uds-ring"],
1133
+ "internalComponents": ["ChipBase"],
1134
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1135
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1304
1136
  "runtimeConfigDefaultProps": {},
1305
1137
  "runtimeConfigGetStyles": {},
1306
1138
  "runtimeConfigInternalComponentProps": {},
1307
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1139
+ "motionVarPrefixes": []
1308
1140
  },
1309
- "Menu.Item": {
1310
- "name": "Menu.Item",
1311
- "defaultProps": {},
1141
+ Input: {
1142
+ "name": "Input",
1143
+ "defaultProps": {
1144
+ "type": "text",
1145
+ "size": "md",
1146
+ "width": "full"
1147
+ },
1312
1148
  "getStylesLiterals": {
1313
- "menuitemItemVariantRoot": "default",
1314
- "menuitemItemVariantActiveRoot": "on",
1315
- "menuitemItemVariantActiveRoot:1": "off",
1316
- "menuitemItemVariantText": "default",
1317
- "menuitemItemVariantActiveText": "on",
1318
- "menuitemItemVariantActiveText:1": "off",
1319
- "menuitemItemVariantIcon": "default",
1320
- "menuitemItemVariantActiveIcon": "on",
1321
- "menuitemItemVariantActiveIcon:1": "off"
1149
+ "inputVariantRoot": "default",
1150
+ "inputVariantValueRoot": "empty",
1151
+ "inputVariantValueRoot:1": "filled",
1152
+ "inputVariantInputWrapper": "default",
1153
+ "inputVariantValueInputWrapper": "empty",
1154
+ "inputVariantValueInputWrapper:1": "filled",
1155
+ "inputVariantInput": "default",
1156
+ "inputVariantValueInput": "empty",
1157
+ "inputVariantValueInput:1": "filled",
1158
+ "inputVariantInputPlaceholder": "default",
1159
+ "inputVariantValueInputPlaceholder": "empty",
1160
+ "inputVariantValueInputPlaceholder:1": "filled",
1161
+ "inputVariantLabel": "default",
1162
+ "inputVariantValueLabel": "empty",
1163
+ "inputVariantValueLabel:1": "filled",
1164
+ "inputVariantLabelRequired": "default",
1165
+ "inputVariantValueLabelRequired": "empty",
1166
+ "inputVariantValueLabelRequired:1": "filled",
1167
+ "inputVariantStartIcon": "default",
1168
+ "inputVariantValueStartIcon": "empty",
1169
+ "inputVariantValueStartIcon:1": "filled",
1170
+ "inputVariantEndIcon": "default",
1171
+ "inputVariantValueEndIcon": "empty",
1172
+ "inputVariantValueEndIcon:1": "filled"
1173
+ },
1174
+ "cxLiterals": [
1175
+ "opacity-50",
1176
+ "min-w-[200px]",
1177
+ "grow",
1178
+ "uds-hit-target",
1179
+ "bg-clip-text",
1180
+ "focus:outline-none",
1181
+ "cursor-text",
1182
+ "cursor-not-allowed"
1183
+ ],
1184
+ "internalComponents": [
1185
+ "IconSlot",
1186
+ "StartIcon",
1187
+ "EndIcon",
1188
+ "HelpTextContent",
1189
+ "Box",
1190
+ "InputHelpTextInternal",
1191
+ "VStack",
1192
+ "HStack",
1193
+ "AnimateHeightChange"
1194
+ ],
1195
+ "internalComponentProps": {
1196
+ "HelpTextContent": { "spacingTop": ["2"] },
1197
+ "Box": {
1198
+ "spacingBottom": ["2"],
1199
+ "columnGap": ["0.5"],
1200
+ "alignItems": ["flex-end", "center"],
1201
+ "position": ["relative"]
1202
+ },
1203
+ "HStack": {
1204
+ "alignItems": ["center"],
1205
+ "gap": ["1"]
1206
+ }
1207
+ },
1208
+ "propToVariantKeys": {
1209
+ "size": [
1210
+ "inputSizeRoot",
1211
+ "inputSizeInputWrapper",
1212
+ "inputSizeInput",
1213
+ "inputSizeLabel",
1214
+ "inputSizeStartIcon",
1215
+ "inputSizeEndIcon"
1216
+ ],
1217
+ "startIcon": ["icon"],
1218
+ "endIcon": ["icon"],
1219
+ "slotProps": ["helperTextSlotProps"],
1220
+ "helperTextIcon": ["startIcon"]
1221
+ },
1222
+ "runtimeConfigDefaultProps": {},
1223
+ "runtimeConfigGetStyles": {},
1224
+ "runtimeConfigInternalComponentProps": {},
1225
+ "motionVarPrefixes": []
1226
+ },
1227
+ InputHelpText: {
1228
+ "name": "InputHelpText",
1229
+ "defaultProps": { "size": "md" },
1230
+ "getStylesLiterals": {
1231
+ "inputVariantRoot": "default",
1232
+ "inputVariantValueRoot": "empty",
1233
+ "inputVariantValueRoot:1": "filled"
1322
1234
  },
1323
1235
  "cxLiterals": [],
1324
- "internalComponents": ["MenuItemBase"],
1236
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1237
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1238
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1239
+ "runtimeConfigDefaultProps": {},
1240
+ "runtimeConfigGetStyles": {},
1241
+ "runtimeConfigInternalComponentProps": {},
1242
+ "motionVarPrefixes": []
1243
+ },
1244
+ InputHelpTextInternal: {
1245
+ "name": "InputHelpTextInternal",
1246
+ "defaultProps": {},
1247
+ "getStylesLiterals": {
1248
+ "inputVariantHelperText": "default",
1249
+ "inputVariantValueHelperText": "empty",
1250
+ "inputVariantValueHelperText:1": "filled",
1251
+ "inputVariantHelperIcon": "default",
1252
+ "inputVariantValueHelperIcon": "empty",
1253
+ "inputVariantValueHelperIcon:1": "filled"
1254
+ },
1255
+ "cxLiterals": [],
1256
+ "internalComponents": ["IconSlot", "HStack"],
1257
+ "internalComponentProps": { "HStack": {
1258
+ "gap": ["1"],
1259
+ "alignItems": ["center"]
1260
+ } },
1261
+ "propToVariantKeys": {
1262
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1263
+ "startIcon": ["icon"],
1264
+ "endIcon": ["icon"]
1265
+ },
1266
+ "runtimeConfigDefaultProps": {},
1267
+ "runtimeConfigGetStyles": {},
1268
+ "runtimeConfigInternalComponentProps": {},
1269
+ "motionVarPrefixes": []
1270
+ },
1271
+ "Menu.Content": {
1272
+ "name": "Menu.Content",
1273
+ "defaultProps": {
1274
+ "size": "default",
1275
+ "variant": "default",
1276
+ "gutter": "1"
1277
+ },
1278
+ "getStylesLiterals": {},
1279
+ "cxLiterals": [
1280
+ "uds-menu-content",
1281
+ "transition-shadow",
1282
+ "duration-200",
1283
+ "ease-in-out",
1284
+ "min-w-60",
1285
+ "max-w-lg",
1286
+ "max-h-96",
1287
+ "overflow-auto",
1288
+ "uds-ring",
1289
+ "z-10",
1290
+ "group"
1291
+ ],
1292
+ "internalComponents": [
1293
+ "AriakitMenu",
1294
+ "AnimatePresence",
1295
+ "MotionVStack"
1296
+ ],
1325
1297
  "internalComponentProps": {},
1298
+ "propToVariantKeys": {
1299
+ "size": ["menucontentSizeRoot"],
1300
+ "variant": ["menucontentVariantRoot"]
1301
+ },
1302
+ "runtimeConfigDefaultProps": {},
1303
+ "runtimeConfigGetStyles": {},
1304
+ "runtimeConfigInternalComponentProps": {},
1305
+ "motionVarPrefixes": []
1306
+ },
1307
+ "Menu.Divider": {
1308
+ "name": "Menu.Divider",
1309
+ "defaultProps": {
1310
+ "role": "separator",
1311
+ "contentPosition": "start",
1312
+ "gap": "4"
1313
+ },
1314
+ "getStylesLiterals": {
1315
+ "menuitemDividerVariantRoot": "default",
1316
+ "menuitemDividerVariantText": "default",
1317
+ "menuitemDividerVariantLine": "default"
1318
+ },
1319
+ "cxLiterals": [],
1320
+ "internalComponents": ["Divider"],
1321
+ "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1326
1322
  "propToVariantKeys": {},
1327
1323
  "runtimeConfigDefaultProps": {},
1328
1324
  "runtimeConfigGetStyles": {},
1329
1325
  "runtimeConfigInternalComponentProps": {},
1330
1326
  "motionVarPrefixes": []
1331
1327
  },
1332
- "Menu.index": {
1333
- "name": "Menu.index",
1328
+ "Menu.Item": {
1329
+ "name": "Menu.Item",
1334
1330
  "defaultProps": {},
1335
- "getStylesLiterals": {},
1331
+ "getStylesLiterals": {
1332
+ "menuitemItemVariantRoot": "default",
1333
+ "menuitemItemVariantActiveRoot": "on",
1334
+ "menuitemItemVariantActiveRoot:1": "off",
1335
+ "menuitemItemVariantText": "default",
1336
+ "menuitemItemVariantActiveText": "on",
1337
+ "menuitemItemVariantActiveText:1": "off",
1338
+ "menuitemItemVariantIcon": "default",
1339
+ "menuitemItemVariantActiveIcon": "on",
1340
+ "menuitemItemVariantActiveIcon:1": "off"
1341
+ },
1336
1342
  "cxLiterals": [],
1337
- "internalComponents": [],
1343
+ "internalComponents": ["MenuItemBase"],
1338
1344
  "internalComponentProps": {},
1339
1345
  "propToVariantKeys": {},
1340
1346
  "runtimeConfigDefaultProps": {},
@@ -1403,217 +1409,121 @@ var componentData_default = {
1403
1409
  "runtimeConfigInternalComponentProps": {},
1404
1410
  "motionVarPrefixes": []
1405
1411
  },
1406
- "Menu.Divider": {
1407
- "name": "Menu.Divider",
1408
- "defaultProps": {
1409
- "role": "separator",
1410
- "contentPosition": "start",
1411
- "gap": "4"
1412
- },
1412
+ "Menu.ItemCheckbox": {
1413
+ "name": "Menu.ItemCheckbox",
1414
+ "defaultProps": {},
1413
1415
  "getStylesLiterals": {
1414
- "menuitemDividerVariantRoot": "default",
1415
- "menuitemDividerVariantText": "default",
1416
- "menuitemDividerVariantLine": "default"
1416
+ "menuitemItemCheckboxVariantRoot": "default",
1417
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1418
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1419
+ "menuitemItemCheckboxVariantText": "default",
1420
+ "menuitemItemCheckboxVariantActiveText": "on",
1421
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1422
+ "menuitemItemCheckboxVariantStartIcon": "default",
1423
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1424
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1425
+ "menuitemItemCheckboxVariantEndIcon": "default",
1426
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1427
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1417
1428
  },
1418
- "cxLiterals": [],
1419
- "internalComponents": ["Divider"],
1420
- "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1429
+ "cxLiterals": ["uds-menu-item-checkbox"],
1430
+ "internalComponents": ["MenuItemBase"],
1431
+ "internalComponentProps": {},
1421
1432
  "propToVariantKeys": {},
1422
1433
  "runtimeConfigDefaultProps": {},
1423
1434
  "runtimeConfigGetStyles": {},
1424
1435
  "runtimeConfigInternalComponentProps": {},
1425
1436
  "motionVarPrefixes": []
1426
1437
  },
1427
- "Menu.Content": {
1428
- "name": "Menu.Content",
1429
- "defaultProps": {
1430
- "size": "default",
1431
- "variant": "default",
1432
- "gutter": "1"
1433
- },
1434
- "getStylesLiterals": {},
1435
- "cxLiterals": [
1436
- "uds-menu-content",
1437
- "transition-shadow",
1438
- "duration-200",
1439
- "ease-in-out",
1440
- "min-w-60",
1441
- "max-w-lg",
1442
- "max-h-96",
1443
- "overflow-auto",
1444
- "uds-ring",
1445
- "z-10",
1446
- "group"
1447
- ],
1448
- "internalComponents": [
1449
- "AriakitMenu",
1450
- "AnimatePresence",
1451
- "MotionVStack"
1452
- ],
1453
- "internalComponentProps": {},
1454
- "propToVariantKeys": {
1455
- "size": ["menucontentSizeRoot"],
1456
- "variant": ["menucontentVariantRoot"]
1457
- },
1458
- "runtimeConfigDefaultProps": {},
1459
- "runtimeConfigGetStyles": {},
1460
- "runtimeConfigInternalComponentProps": {},
1461
- "motionVarPrefixes": []
1462
- },
1463
- Avatar: {
1464
- "name": "Avatar",
1465
- "defaultProps": {},
1438
+ "Menu.Provider": {
1439
+ "name": "Menu.Provider",
1440
+ "defaultProps": {},
1466
1441
  "getStylesLiterals": {},
1467
1442
  "cxLiterals": [],
1468
- "internalComponents": ["AvatarImage"],
1443
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1469
1444
  "internalComponentProps": {},
1470
1445
  "propToVariantKeys": {},
1471
1446
  "runtimeConfigDefaultProps": {},
1472
1447
  "runtimeConfigGetStyles": {},
1473
1448
  "runtimeConfigInternalComponentProps": {},
1474
- "motionVarPrefixes": []
1449
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1475
1450
  },
1476
- AvatarText: {
1477
- "name": "AvatarText",
1478
- "defaultProps": {
1479
- "size": "md",
1480
- "variant": "primary"
1481
- },
1451
+ "Menu.Trigger": {
1452
+ "name": "Menu.Trigger",
1453
+ "defaultProps": {},
1482
1454
  "getStylesLiterals": {},
1483
- "cxLiterals": [
1484
- "overflow-hidden",
1485
- "truncate",
1486
- "w-full",
1487
- "h-full",
1488
- "shrink-0",
1489
- "text-center",
1490
- "inline-flex",
1491
- "justify-center",
1492
- "items-center"
1493
- ],
1494
- "internalComponents": ["Box", "Text"],
1495
- "internalComponentProps": { "Text": {
1496
- "color": ["inherit"],
1497
- "variant": ["inherit"]
1498
- } },
1455
+ "cxLiterals": ["uds-menu-trigger"],
1456
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1457
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1499
1458
  "propToVariantKeys": {},
1500
1459
  "runtimeConfigDefaultProps": {},
1501
1460
  "runtimeConfigGetStyles": {},
1502
1461
  "runtimeConfigInternalComponentProps": {},
1503
1462
  "motionVarPrefixes": []
1504
1463
  },
1505
- AvatarIcon: {
1506
- "name": "AvatarIcon",
1507
- "defaultProps": {
1508
- "size": "md",
1509
- "variant": "primary"
1510
- },
1511
- "getStylesLiterals": {},
1512
- "cxLiterals": [
1513
- "overflow-hidden",
1514
- "w-full",
1515
- "h-full",
1516
- "shrink-0",
1517
- "text-center",
1518
- "inline-flex",
1519
- "justify-center",
1520
- "items-center"
1521
- ],
1522
- "internalComponents": ["IconSlot", "Box"],
1523
- "internalComponentProps": {},
1524
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1525
- "runtimeConfigDefaultProps": {},
1526
- "runtimeConfigGetStyles": {},
1527
- "runtimeConfigInternalComponentProps": {},
1528
- "motionVarPrefixes": []
1529
- },
1530
- AvatarImage: {
1531
- "name": "AvatarImage",
1532
- "defaultProps": {
1533
- "size": "md",
1534
- "variant": "primary"
1535
- },
1464
+ "Menu.index": {
1465
+ "name": "Menu.index",
1466
+ "defaultProps": {},
1536
1467
  "getStylesLiterals": {},
1537
- "cxLiterals": [
1538
- "overflow-hidden",
1539
- "w-full",
1540
- "h-full",
1541
- "shrink-0",
1542
- "text-center",
1543
- "inline-flex",
1544
- "justify-center",
1545
- "items-center",
1546
- "object-cover"
1547
- ],
1548
- "internalComponents": [
1549
- "UDSImage",
1550
- "AvatarText",
1551
- "AvatarIcon",
1552
- "Box"
1553
- ],
1468
+ "cxLiterals": [],
1469
+ "internalComponents": [],
1554
1470
  "internalComponentProps": {},
1555
- "propToVariantKeys": {
1556
- "alt": ["name"],
1557
- "fallback": ["initials"]
1558
- },
1471
+ "propToVariantKeys": {},
1559
1472
  "runtimeConfigDefaultProps": {},
1560
1473
  "runtimeConfigGetStyles": {},
1561
1474
  "runtimeConfigInternalComponentProps": {},
1562
1475
  "motionVarPrefixes": []
1563
1476
  },
1564
- Popover: {
1565
- "name": "Popover",
1477
+ Menu: {
1478
+ "name": "Menu",
1566
1479
  "defaultProps": {},
1567
1480
  "getStylesLiterals": {},
1568
- "cxLiterals": ["uds:popover-open"],
1569
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1481
+ "cxLiterals": [],
1482
+ "internalComponents": [],
1570
1483
  "internalComponentProps": {},
1571
1484
  "propToVariantKeys": {},
1572
- "runtimeConfigDefaultProps": {
1573
- "size": "popover.defaultSize",
1574
- "variant": "popover.defaultVariant"
1575
- },
1485
+ "runtimeConfigDefaultProps": {},
1576
1486
  "runtimeConfigGetStyles": {},
1577
1487
  "runtimeConfigInternalComponentProps": {},
1578
1488
  "motionVarPrefixes": []
1579
1489
  },
1580
- PopoverContent: {
1581
- "name": "PopoverContent",
1582
- "defaultProps": {},
1490
+ Modal: {
1491
+ "name": "Modal",
1492
+ "defaultProps": {
1493
+ "closeAriaLabel": "Close",
1494
+ "maxWidth": "auto",
1495
+ "maxHeight": "auto",
1496
+ "scrollBehavior": "outside"
1497
+ },
1583
1498
  "getStylesLiterals": {
1584
- "popoverSizeRoot": "default",
1585
- "popoverVariantRoot": "default",
1586
- "display": "flex",
1587
- "position": "relative",
1588
- "display:1": "block",
1589
- "spacingTop": "0",
1590
- "spacingStart": "0",
1591
- "spacingBottom": "0",
1592
- "spacingEnd": "0",
1593
- "popoverSizeSvgBase": "default",
1594
- "popoverVariantSvgBase": "default",
1595
- "popoverSizeSvgBorder": "default",
1596
- "popoverVariantSvgBorder": "default",
1597
- "popoverVariantBlur": "default",
1598
- "position:1": "absolute",
1599
- "width": "full",
1600
- "height": "full",
1601
- "flexShrink": "0",
1602
- "borderRadius": "full",
1603
- "alignItems": "center",
1604
- "justifyContent": "center",
1605
- "popoverVariantCloseIcon": "default",
1606
- "popoverSizeCloseIcon": "default"
1499
+ "flexDirection": "row-reverse",
1500
+ "justifyContent": "space-between",
1501
+ "alignItems": "flex-end",
1502
+ "alignItems:1": "flex-start",
1503
+ "borderRadius": "full"
1607
1504
  },
1608
1505
  "cxLiterals": [
1609
- "z-[9999]",
1610
- "outline-none",
1611
- "focus-visible:outline-none",
1612
- "uds-bgBlurFillFallback",
1506
+ "fixed",
1507
+ "inset-0",
1508
+ "z-40",
1509
+ "overflow-y-auto",
1510
+ "overflow-hidden",
1511
+ "transition-[opacity,visibility]",
1512
+ "visible",
1513
+ "opacity-100",
1514
+ "invisible",
1515
+ "opacity-0",
1516
+ "pointer-events-none",
1613
1517
  "uds-bgBlurFallback",
1614
- "top-0",
1615
- "left-0",
1616
- "z-[1]",
1518
+ "w-full",
1519
+ "w-fit",
1520
+ "h-full",
1521
+ "h-fit",
1522
+ "m-auto",
1523
+ "pointer-events-auto",
1524
+ "inside",
1525
+ "max-h-full",
1526
+ "transition-transform",
1617
1527
  "duration-0",
1618
1528
  "duration-120",
1619
1529
  "transition-[background-color]",
@@ -1621,357 +1531,428 @@ var componentData_default = {
1621
1531
  "hover:bg-carbon-15/10",
1622
1532
  "active:bg-carbon-15/15",
1623
1533
  "uds-ring",
1624
- "absolute",
1625
- "z-[4]"
1534
+ "[translate:50%_-50%]"
1626
1535
  ],
1627
1536
  "internalComponents": [
1628
- "PopoverDismiss",
1537
+ "Scrim",
1538
+ "VStack",
1539
+ "Pressable",
1629
1540
  "IconSlot",
1630
- "PopoverArrow",
1631
- "Popover",
1632
- "SvgFloatingOverlay",
1633
1541
  "Box",
1634
- "Pressable"
1542
+ "Dialog",
1543
+ "ModalContext.Provider",
1544
+ "HStack",
1545
+ "DialogDismiss",
1546
+ "ModalTitle",
1547
+ "ModalDescription",
1548
+ "ModalContent",
1549
+ "ModalActions"
1635
1550
  ],
1636
- "internalComponentProps": {},
1637
- "propToVariantKeys": { "closeIcon": ["icon"] },
1551
+ "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1552
+ "propToVariantKeys": {
1553
+ "gutter": ["spacing"],
1554
+ "size": [
1555
+ "modalSizeRoot",
1556
+ "modalSizeSpacingHorizontal",
1557
+ "modalSizeHeader",
1558
+ "modalSizeTitleDescriptionWrapper",
1559
+ "modalSizeCloseIconContainer",
1560
+ "modalSizeCloseIcon"
1561
+ ],
1562
+ "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1563
+ "closeAriaLabel": ["aria-label"],
1564
+ "closeIcon": ["icon"]
1565
+ },
1638
1566
  "runtimeConfigDefaultProps": {
1639
- "size": "popover.defaultSize",
1640
- "variant": "popover.defaultVariant"
1567
+ "size": "modal.defaultSize",
1568
+ "variant": "modal.defaultVariant"
1641
1569
  },
1642
1570
  "runtimeConfigGetStyles": {
1643
- "spacingTop": ["popover.spacingVertical.${size}"],
1644
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1645
- "spacingBottom": ["popover.spacingVertical.${size}"],
1646
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1571
+ "spacing": ["modal.gutter.${size}"],
1572
+ "modalSizeRoot": ["modal.defaultSize"],
1573
+ "modalVariantRoot": ["modal.defaultVariant"],
1574
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1575
+ "modalSizeHeader": ["modal.defaultSize"],
1576
+ "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1577
+ "modalSizeCloseIconContainer": ["modal.defaultSize"],
1578
+ "modalSizeCloseIcon": ["modal.defaultSize"],
1579
+ "modalVariantCloseIcon": ["modal.defaultVariant"]
1647
1580
  },
1648
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1649
- "motionVarPrefixes": []
1650
- },
1651
- PopoverTrigger: {
1652
- "name": "PopoverTrigger",
1653
- "defaultProps": {},
1654
- "getStylesLiterals": {},
1655
- "cxLiterals": [],
1656
- "internalComponents": ["PopoverDisclosure"],
1657
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1658
- "propToVariantKeys": { "children": ["render"] },
1659
- "runtimeConfigDefaultProps": {},
1660
- "runtimeConfigGetStyles": {},
1661
1581
  "runtimeConfigInternalComponentProps": {},
1662
1582
  "motionVarPrefixes": []
1663
1583
  },
1664
- UDSPopoverConfigProvider: {
1665
- "name": "UDSPopoverConfigProvider",
1584
+ ModalActions: {
1585
+ "name": "ModalActions",
1666
1586
  "defaultProps": {},
1667
- "getStylesLiterals": {},
1668
- "cxLiterals": [],
1669
- "internalComponents": ["PopoverContext.Provider"],
1670
- "internalComponentProps": {},
1671
- "propToVariantKeys": {},
1672
- "runtimeConfigDefaultProps": {},
1673
- "runtimeConfigGetStyles": {},
1587
+ "getStylesLiterals": {
1588
+ "flexDirection": "row-reverse",
1589
+ "justifyContent": "space-between",
1590
+ "alignItems": "center"
1591
+ },
1592
+ "cxLiterals": ["gap-[inherit]"],
1593
+ "internalComponents": ["HStack"],
1594
+ "internalComponentProps": {},
1595
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1596
+ "runtimeConfigDefaultProps": {
1597
+ "size": "modal.defaultSize",
1598
+ "variant": "modal.defaultVariant"
1599
+ },
1600
+ "runtimeConfigGetStyles": {
1601
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1602
+ "modalSizeActions": ["modal.defaultSize"]
1603
+ },
1674
1604
  "runtimeConfigInternalComponentProps": {},
1675
1605
  "motionVarPrefixes": []
1676
1606
  },
1677
- PopoverContext: {
1678
- "name": "PopoverContext",
1607
+ ModalContent: {
1608
+ "name": "ModalContent",
1679
1609
  "defaultProps": {},
1680
- "getStylesLiterals": {},
1610
+ "getStylesLiterals": {
1611
+ "overflowY": "auto",
1612
+ "display": "block",
1613
+ "flexGrow": "1"
1614
+ },
1681
1615
  "cxLiterals": [],
1682
- "internalComponents": [],
1616
+ "internalComponents": ["Box"],
1683
1617
  "internalComponentProps": {},
1684
- "propToVariantKeys": {},
1685
- "runtimeConfigDefaultProps": {},
1686
- "runtimeConfigGetStyles": {},
1618
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1619
+ "runtimeConfigDefaultProps": {
1620
+ "size": "modal.defaultSize",
1621
+ "variant": "modal.defaultVariant"
1622
+ },
1623
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1687
1624
  "runtimeConfigInternalComponentProps": {},
1688
1625
  "motionVarPrefixes": []
1689
1626
  },
1690
- TooltipTrigger: {
1691
- "name": "TooltipTrigger",
1627
+ ModalContext: {
1628
+ "name": "ModalContext",
1692
1629
  "defaultProps": {},
1693
1630
  "getStylesLiterals": {},
1694
1631
  "cxLiterals": [],
1695
- "internalComponents": ["TooltipAnchor"],
1696
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1697
- "propToVariantKeys": { "children": ["render"] },
1632
+ "internalComponents": [],
1633
+ "internalComponentProps": {},
1634
+ "propToVariantKeys": {},
1698
1635
  "runtimeConfigDefaultProps": {},
1699
1636
  "runtimeConfigGetStyles": {},
1700
1637
  "runtimeConfigInternalComponentProps": {},
1701
1638
  "motionVarPrefixes": []
1702
1639
  },
1703
- TooltipContent: {
1704
- "name": "TooltipContent",
1640
+ ModalDescription: {
1641
+ "name": "ModalDescription",
1705
1642
  "defaultProps": {},
1706
- "getStylesLiterals": {
1707
- "tooltipSizeRoot": "default",
1708
- "tooltipVariantRoot": "default",
1709
- "tooltipSizeSvg": "default",
1710
- "tooltipVariantSvg": "default",
1711
- "tooltipVariantBlur": "default",
1712
- "position": "absolute",
1713
- "width": "full",
1714
- "height": "full",
1715
- "tooltipSizeTitle": "default",
1716
- "tooltipSizeBody": "default",
1717
- "tooltipSizeEndContent": "default",
1718
- "tooltipSizeIcon": "default",
1719
- "tooltipVariantIcon": "default"
1643
+ "getStylesLiterals": {},
1644
+ "cxLiterals": [],
1645
+ "internalComponents": ["Text", "DialogDescription"],
1646
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1647
+ "propToVariantKeys": {
1648
+ "size": ["modalSizeDescription"],
1649
+ "variant": ["modalVariantDescription"]
1720
1650
  },
1721
- "cxLiterals": [
1722
- "max-w-lg",
1723
- "flex",
1724
- "z-[9999]",
1725
- "uds-bgBlurFillFallback",
1726
- "uds-bgBlurFallback",
1727
- "top-0",
1728
- "left-0",
1729
- "z-[1]"
1730
- ],
1731
- "internalComponents": [
1732
- "IconSlot",
1733
- "TooltipArrow",
1734
- "Tooltip",
1735
- "SvgFloatingOverlay",
1736
- "VStack",
1737
- "Box",
1738
- "Text"
1739
- ],
1740
- "internalComponentProps": {
1741
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
1742
- "VStack": { "className": ["gap-[inherit]"] },
1743
- "Box": {
1744
- "alignItems": ["center"],
1745
- "columnGap": ["1", "1.5"]
1746
- },
1747
- "Text": { "color": ["inherit"] }
1651
+ "runtimeConfigDefaultProps": {
1652
+ "size": "modal.defaultSize",
1653
+ "variant": "modal.defaultVariant"
1654
+ },
1655
+ "runtimeConfigGetStyles": {
1656
+ "modalSizeDescription": ["modal.defaultSize"],
1657
+ "modalVariantDescription": ["modal.defaultVariant"]
1748
1658
  },
1749
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1750
- "runtimeConfigDefaultProps": {},
1751
- "runtimeConfigGetStyles": {},
1752
1659
  "runtimeConfigInternalComponentProps": {},
1753
1660
  "motionVarPrefixes": []
1754
1661
  },
1755
- UDSTooltipConfigProvider: {
1756
- "name": "UDSTooltipConfigProvider",
1662
+ ModalTitle: {
1663
+ "name": "ModalTitle",
1757
1664
  "defaultProps": {},
1758
1665
  "getStylesLiterals": {},
1759
1666
  "cxLiterals": [],
1760
- "internalComponents": ["TooltipContext.Provider"],
1761
- "internalComponentProps": {},
1762
- "propToVariantKeys": {},
1763
- "runtimeConfigDefaultProps": {},
1764
- "runtimeConfigGetStyles": {},
1667
+ "internalComponents": ["Text", "DialogHeading"],
1668
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1669
+ "propToVariantKeys": {
1670
+ "size": ["modalSizeTitle"],
1671
+ "variant": ["modalVariantTitle"]
1672
+ },
1673
+ "runtimeConfigDefaultProps": {
1674
+ "size": "modal.defaultSize",
1675
+ "variant": "modal.defaultVariant"
1676
+ },
1677
+ "runtimeConfigGetStyles": {
1678
+ "modalSizeTitle": ["modal.defaultSize"],
1679
+ "modalVariantTitle": ["modal.defaultVariant"]
1680
+ },
1765
1681
  "runtimeConfigInternalComponentProps": {},
1766
1682
  "motionVarPrefixes": []
1767
1683
  },
1768
- Tooltip: {
1769
- "name": "Tooltip",
1684
+ UDSModalConfigProvider: {
1685
+ "name": "UDSModalConfigProvider",
1770
1686
  "defaultProps": {},
1771
1687
  "getStylesLiterals": {},
1772
1688
  "cxLiterals": [],
1773
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1689
+ "internalComponents": ["ModalContext.Provider"],
1774
1690
  "internalComponentProps": {},
1775
1691
  "propToVariantKeys": {},
1776
1692
  "runtimeConfigDefaultProps": {},
1777
1693
  "runtimeConfigGetStyles": {},
1778
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
1694
+ "runtimeConfigInternalComponentProps": {},
1779
1695
  "motionVarPrefixes": []
1780
1696
  },
1781
- UDSConfigProvider: {
1782
- "name": "UDSConfigProvider",
1697
+ PaddleButton: {
1698
+ "name": "PaddleButton",
1783
1699
  "defaultProps": {},
1784
1700
  "getStylesLiterals": {},
1785
- "cxLiterals": [],
1786
- "internalComponents": [
1787
- "UDSBreakpointsConfigProvider",
1788
- "UDSBottomSheetConfigProvider",
1789
- "UDSToastConfigProvider",
1790
- "UDSTooltipConfigProvider",
1791
- "UDSPopoverConfigProvider",
1792
- "UDSModalConfigProvider"
1701
+ "cxLiterals": [
1702
+ "relative",
1703
+ "inline-flex",
1704
+ "items-center",
1705
+ "justify-center",
1706
+ "box-border",
1707
+ "overflow-hidden",
1708
+ "border-solid",
1709
+ "select-none",
1710
+ "uds-nested-radius",
1711
+ "transition-[color,border-color,box-shadow]",
1712
+ "duration-[180ms]",
1713
+ "ease-[cubic-bezier(0,0,0.2,1)]",
1714
+ "uds-ring",
1715
+ "cursor-pointer",
1716
+ "cursor-not-allowed",
1717
+ "opacity-50",
1718
+ "pointer-events-none",
1719
+ "hidden",
1720
+ "absolute",
1721
+ "inset-0",
1722
+ "-z-10",
1723
+ "rounded-[length:var(--uds-nested-radius)]",
1724
+ "transition-[background-color,opacity]"
1793
1725
  ],
1794
- "internalComponentProps": {},
1795
- "propToVariantKeys": {},
1726
+ "internalComponents": ["Icon"],
1727
+ "internalComponentProps": { "Icon": {
1728
+ "size": ["md"],
1729
+ "color": ["current"]
1730
+ } },
1731
+ "propToVariantKeys": {
1732
+ "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
1733
+ "variant": [
1734
+ "paddlenavVariantRoot",
1735
+ "paddlenavVariantBackground",
1736
+ "paddlenavVariantIcon"
1737
+ ]
1738
+ },
1796
1739
  "runtimeConfigDefaultProps": {},
1797
1740
  "runtimeConfigGetStyles": {},
1798
1741
  "runtimeConfigInternalComponentProps": {},
1799
1742
  "motionVarPrefixes": []
1800
1743
  },
1801
- UDSBreakpointsConfigProvider: {
1802
- "name": "UDSBreakpointsConfigProvider",
1744
+ PaddleButtonNext: {
1745
+ "name": "PaddleButtonNext",
1803
1746
  "defaultProps": {},
1804
1747
  "getStylesLiterals": {},
1805
1748
  "cxLiterals": [],
1806
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1807
- "internalComponentProps": {},
1749
+ "internalComponents": ["PaddleButton"],
1750
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
1808
1751
  "propToVariantKeys": {},
1809
1752
  "runtimeConfigDefaultProps": {},
1810
1753
  "runtimeConfigGetStyles": {},
1811
1754
  "runtimeConfigInternalComponentProps": {},
1812
1755
  "motionVarPrefixes": []
1813
1756
  },
1814
- ToastPortal: {
1815
- "name": "ToastPortal",
1816
- "defaultProps": {},
1817
- "getStylesLiterals": {},
1818
- "cxLiterals": [],
1819
- "internalComponents": ["ReactToastifyToastContainer"],
1820
- "internalComponentProps": {},
1821
- "propToVariantKeys": {},
1822
- "runtimeConfigDefaultProps": {
1823
- "size": "toast.defaultSize",
1824
- "variant": "toast.defaultVariant"
1825
- },
1826
- "runtimeConfigGetStyles": {},
1827
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1828
- "motionVarPrefixes": []
1829
- },
1830
- UDSToastConfigProvider: {
1831
- "name": "UDSToastConfigProvider",
1757
+ PaddleButtonPrevious: {
1758
+ "name": "PaddleButtonPrevious",
1832
1759
  "defaultProps": {},
1833
1760
  "getStylesLiterals": {},
1834
1761
  "cxLiterals": [],
1835
- "internalComponents": ["ToastContext.Provider"],
1836
- "internalComponentProps": {},
1762
+ "internalComponents": ["PaddleButton"],
1763
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
1837
1764
  "propToVariantKeys": {},
1838
1765
  "runtimeConfigDefaultProps": {},
1839
1766
  "runtimeConfigGetStyles": {},
1840
1767
  "runtimeConfigInternalComponentProps": {},
1841
1768
  "motionVarPrefixes": []
1842
1769
  },
1843
- ToastContainer: {
1844
- "name": "ToastContainer",
1845
- "defaultProps": {},
1846
- "getStylesLiterals": {
1847
- "position": "relative",
1848
- "alignItems": "center",
1849
- "display": "flex",
1850
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1851
- },
1852
- "cxLiterals": ["w-full"],
1853
- "internalComponents": ["HStack"],
1854
- "internalComponentProps": { "HStack": {
1855
- "alignItems": ["center"],
1856
- "justifyContent": ["space-between"],
1857
- "overflow": ["hidden"],
1858
- "position": ["relative"]
1859
- } },
1860
- "propToVariantKeys": {
1861
- "variant": ["toastVariantRoot"],
1862
- "size": ["toastSizeRoot"]
1770
+ PaddleNav: {
1771
+ "name": "PaddleNav",
1772
+ "defaultProps": {
1773
+ "orientation": "horizontal",
1774
+ "variant": "primary",
1775
+ "size": "md"
1863
1776
  },
1864
- "runtimeConfigDefaultProps": {
1865
- "size": "toast.defaultSize",
1866
- "variant": "toast.defaultVariant"
1867
- },
1868
- "runtimeConfigGetStyles": {
1869
- "toastVariantRoot": ["toast.defaultVariant"],
1870
- "toastSizeRoot": ["toast.defaultSize"]
1871
- },
1872
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1777
+ "getStylesLiterals": {},
1778
+ "cxLiterals": [
1779
+ "pointer-events-none",
1780
+ "inline-flex",
1781
+ "flex-row",
1782
+ "gap-2",
1783
+ "items-center",
1784
+ "pointer-events-auto",
1785
+ "flex-col",
1786
+ "relative",
1787
+ "min-w-0",
1788
+ "min-h-0",
1789
+ "flex-1",
1790
+ "inline-block",
1791
+ "absolute",
1792
+ "z-10",
1793
+ "top-2",
1794
+ "left-1/2",
1795
+ "-translate-x-1/2",
1796
+ "left-2",
1797
+ "top-1/2",
1798
+ "-translate-y-1/2",
1799
+ "bottom-2",
1800
+ "right-2",
1801
+ "-top-12",
1802
+ "left-0",
1803
+ "right-0",
1804
+ "-bottom-12"
1805
+ ],
1806
+ "internalComponents": ["PaddleNavContext.Provider", "Box"],
1807
+ "internalComponentProps": { "Box": {
1808
+ "display": ["inline-flex"],
1809
+ "alignItems": ["center"],
1810
+ "justifyContent": ["center"],
1811
+ "data-paddle-nav-outside": ["true"]
1812
+ } },
1813
+ "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
1814
+ "runtimeConfigDefaultProps": {},
1815
+ "runtimeConfigGetStyles": {},
1816
+ "runtimeConfigInternalComponentProps": {},
1873
1817
  "motionVarPrefixes": []
1874
1818
  },
1875
- Toast: {
1876
- "name": "Toast",
1819
+ PaddleNavContent: {
1820
+ "name": "PaddleNavContent",
1877
1821
  "defaultProps": {},
1822
+ "getStylesLiterals": {},
1823
+ "cxLiterals": [
1824
+ "min-w-0",
1825
+ "min-h-0",
1826
+ "relative"
1827
+ ],
1828
+ "internalComponents": [],
1829
+ "internalComponentProps": {},
1830
+ "propToVariantKeys": {},
1831
+ "runtimeConfigDefaultProps": {},
1832
+ "runtimeConfigGetStyles": {},
1833
+ "runtimeConfigInternalComponentProps": {},
1834
+ "motionVarPrefixes": []
1835
+ },
1836
+ Banner: {
1837
+ "name": "Banner",
1838
+ "defaultProps": {
1839
+ "variant": "primary",
1840
+ "size": "default",
1841
+ "dismissAriaLabel": "Dismiss"
1842
+ },
1878
1843
  "getStylesLiterals": {
1879
- "className": "animate-spin",
1880
- "className:1": "flex-none",
1844
+ "className": "truncate",
1845
+ "className:1": "line-clamp-3",
1881
1846
  "spacing": "2",
1882
- "borderRadius": "full"
1847
+ "borderRadius": "full",
1848
+ "color": "primary"
1883
1849
  },
1884
1850
  "cxLiterals": [
1885
- "duration-0",
1886
- "duration-120",
1851
+ "uds-banner",
1852
+ "flex",
1853
+ "flex-row",
1854
+ "items-center",
1855
+ "items-start",
1856
+ "min-w-[300px]",
1887
1857
  "transition-[background-color]",
1858
+ "motion-safe:duration-120",
1888
1859
  "bg-carbon-15/0",
1889
1860
  "hover:bg-carbon-15/10",
1890
1861
  "active:bg-carbon-15/15",
1891
- "uds-ring"
1862
+ "uds-ring",
1863
+ "shrink-0",
1864
+ "self-start",
1865
+ "flex-1",
1866
+ "min-w-0",
1867
+ "flex-col",
1868
+ "gap-[inherit]",
1869
+ "uds-sm:flex-row",
1870
+ "uds-sm:items-center",
1871
+ "self-stretch",
1872
+ "gap-0.5",
1873
+ "w-full",
1874
+ "truncate",
1875
+ "leading-none",
1876
+ "line-clamp-3",
1877
+ "gap-1.5",
1878
+ "uds-sm:self-center",
1879
+ "uds-sm:shrink-0"
1892
1880
  ],
1893
1881
  "internalComponents": [
1894
1882
  "IconSlot",
1895
- "ToastContainer",
1896
1883
  "Text",
1897
- "Button",
1898
1884
  "Pressable"
1899
1885
  ],
1900
- "internalComponentProps": {},
1886
+ "internalComponentProps": {
1887
+ "IconSlot": { "data-testid": ["banner-start-icon"] },
1888
+ "Text": { "data-testid": ["banner-title", "banner-description"] },
1889
+ "Pressable": { "data-testid": ["banner-dismiss"] }
1890
+ },
1901
1891
  "propToVariantKeys": {
1902
- "size": [
1903
- "toastSizeLabel",
1904
- "toastSizeIcon",
1905
- "toastSizeActionButton",
1906
- "toastSizeCloseIcon"
1907
- ],
1908
1892
  "variant": [
1909
- "toastVariantIcon",
1910
- "toastVariantActionButton",
1911
- "toastVariantCloseIcon"
1893
+ "bannerVariantRoot",
1894
+ "bannerVariantIcon",
1895
+ "bannerVariantTitle",
1896
+ "bannerVariantDescription"
1912
1897
  ],
1913
- "closeIcon": ["icon"],
1914
- "onClickActionButton": ["onClick"]
1915
- },
1916
- "runtimeConfigDefaultProps": {
1917
- "size": "toast.defaultSize",
1918
- "variant": "toast.defaultVariant"
1919
- },
1920
- "runtimeConfigGetStyles": {
1921
- "toastSizeLabel": ["toast.defaultSize"],
1922
- "toastVariantIcon": ["toast.defaultVariant"],
1923
- "toastSizeIcon": ["toast.defaultSize"],
1924
- "toastSizeActionButton": ["toast.defaultSize"],
1925
- "toastVariantActionButton": ["toast.defaultVariant"],
1926
- "toastVariantCloseIcon": ["toast.defaultVariant"],
1927
- "toastSizeCloseIcon": ["toast.defaultSize"]
1928
- },
1929
- "runtimeConfigInternalComponentProps": {
1930
- "ToastContainer": {
1931
- "size": ["toast.defaultSize"],
1932
- "variant": ["toast.defaultVariant"]
1933
- },
1934
- "Text": {
1935
- "variant": ["toast.textVariant.${size}"],
1936
- "color": ["toast.textColor.${variant}"]
1937
- },
1938
- "Button": {
1939
- "size": ["toast.buttonSize.${size}"],
1940
- "variant": ["toast.buttonVariant.${variant}"]
1941
- }
1898
+ "size": [
1899
+ "bannerSizeRoot",
1900
+ "bannerSizeIcon",
1901
+ "bannerSizeTitle",
1902
+ "bannerSizeDescription",
1903
+ "bannerSizeClose"
1904
+ ],
1905
+ "startIcon": ["icon"],
1906
+ "dismissAriaLabel": ["aria-label"],
1907
+ "onDismiss": ["onClick"]
1942
1908
  },
1909
+ "runtimeConfigDefaultProps": {},
1910
+ "runtimeConfigGetStyles": {},
1911
+ "runtimeConfigInternalComponentProps": {},
1943
1912
  "motionVarPrefixes": []
1944
1913
  },
1945
- ChipToggle: {
1946
- "name": "ChipToggle",
1947
- "defaultProps": {
1948
- "variant": "primary",
1949
- "role": "checkbox"
1950
- },
1914
+ BannerContent: {
1915
+ "name": "BannerContent",
1916
+ "defaultProps": {},
1917
+ "getStylesLiterals": {},
1918
+ "cxLiterals": [
1919
+ "flex",
1920
+ "flex-col",
1921
+ "items-start",
1922
+ "self-stretch",
1923
+ "flex-1",
1924
+ "min-w-0"
1925
+ ],
1926
+ "internalComponents": [],
1927
+ "internalComponentProps": {},
1928
+ "propToVariantKeys": {},
1929
+ "runtimeConfigDefaultProps": {},
1930
+ "runtimeConfigGetStyles": {},
1931
+ "runtimeConfigInternalComponentProps": {},
1932
+ "motionVarPrefixes": []
1933
+ },
1934
+ BannerDescription: {
1935
+ "name": "BannerDescription",
1936
+ "defaultProps": {},
1951
1937
  "getStylesLiterals": {
1952
- "chipToggleVariantActiveRoot": "on",
1953
- "chipToggleVariantActiveRoot:1": "off"
1938
+ "bannerSizeDescription": "default",
1939
+ "className": "w-full line-clamp-3"
1954
1940
  },
1955
- "cxLiterals": ["uds-ring"],
1956
- "internalComponents": ["ChipBase"],
1957
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1958
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1941
+ "cxLiterals": [],
1942
+ "internalComponents": ["Text"],
1943
+ "internalComponentProps": {},
1944
+ "propToVariantKeys": {},
1959
1945
  "runtimeConfigDefaultProps": {},
1960
1946
  "runtimeConfigGetStyles": {},
1961
1947
  "runtimeConfigInternalComponentProps": {},
1962
1948
  "motionVarPrefixes": []
1963
1949
  },
1964
- Chip: {
1965
- "name": "Chip",
1950
+ BannerTitle: {
1951
+ "name": "BannerTitle",
1966
1952
  "defaultProps": {},
1967
- "getStylesLiterals": {},
1968
- "cxLiterals": [],
1969
- "internalComponents": [
1970
- "ChipDismissible",
1971
- "ChipToggle",
1972
- "ChipLink",
1973
- "ChipButton"
1974
- ],
1953
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
1954
+ "cxLiterals": ["w-full", "truncate"],
1955
+ "internalComponents": ["Text"],
1975
1956
  "internalComponentProps": {},
1976
1957
  "propToVariantKeys": {},
1977
1958
  "runtimeConfigDefaultProps": {},
@@ -1979,415 +1960,461 @@ var componentData_default = {
1979
1960
  "runtimeConfigInternalComponentProps": {},
1980
1961
  "motionVarPrefixes": []
1981
1962
  },
1982
- ChipDismissible: {
1983
- "name": "ChipDismissible",
1984
- "defaultProps": { "variant": "primary" },
1963
+ Popover: {
1964
+ "name": "Popover",
1965
+ "defaultProps": {},
1985
1966
  "getStylesLiterals": {},
1986
- "cxLiterals": [
1987
- "uds-chip-dismissible-button",
1988
- "uds-hit-target",
1989
- "uds-ring",
1990
- "rounded-full"
1991
- ],
1992
- "internalComponents": [
1993
- "ChipBase",
1994
- "IconSlot",
1995
- "Pressable"
1996
- ],
1967
+ "cxLiterals": ["uds:popover-open"],
1968
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1997
1969
  "internalComponentProps": {},
1998
- "propToVariantKeys": {
1999
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2000
- "dismissButtonAriaLabel": ["aria-label"]
1970
+ "propToVariantKeys": {},
1971
+ "runtimeConfigDefaultProps": {
1972
+ "size": "popover.defaultSize",
1973
+ "variant": "popover.defaultVariant"
2001
1974
  },
2002
- "runtimeConfigDefaultProps": {},
2003
1975
  "runtimeConfigGetStyles": {},
2004
1976
  "runtimeConfigInternalComponentProps": {},
2005
1977
  "motionVarPrefixes": []
2006
1978
  },
2007
- ChipBase: {
2008
- "name": "ChipBase",
2009
- "defaultProps": {
2010
- "size": "md",
2011
- "as": "div"
1979
+ PopoverContent: {
1980
+ "name": "PopoverContent",
1981
+ "defaultProps": {},
1982
+ "getStylesLiterals": {
1983
+ "popoverSizeRoot": "default",
1984
+ "popoverVariantRoot": "default",
1985
+ "display": "flex",
1986
+ "position": "relative",
1987
+ "display:1": "block",
1988
+ "spacingTop": "0",
1989
+ "spacingStart": "0",
1990
+ "spacingBottom": "0",
1991
+ "spacingEnd": "0",
1992
+ "popoverSizeSvgBase": "default",
1993
+ "popoverVariantSvgBase": "default",
1994
+ "popoverSizeSvgBorder": "default",
1995
+ "popoverVariantSvgBorder": "default",
1996
+ "popoverVariantBlur": "default",
1997
+ "position:1": "absolute",
1998
+ "width": "full",
1999
+ "height": "full",
2000
+ "flexShrink": "0",
2001
+ "borderRadius": "full",
2002
+ "alignItems": "center",
2003
+ "justifyContent": "center",
2004
+ "popoverVariantCloseIcon": "default",
2005
+ "popoverSizeCloseIcon": "default"
2012
2006
  },
2013
- "getStylesLiterals": {},
2014
2007
  "cxLiterals": [
2015
- "pointer-events-none",
2016
- "cursor-default",
2017
- "opacity-50",
2018
- "inline-flex",
2019
- "items-center",
2020
- "transition-[background-color,outline-color,box-shadow]",
2021
- "truncate",
2022
- "whitespace-nowrap",
2023
- "text-center",
2024
- "flex-1",
2025
- "md",
2026
- "primary"
2008
+ "z-[9999]",
2009
+ "outline-none",
2010
+ "focus-visible:outline-none",
2011
+ "uds-bgBlurFillFallback",
2012
+ "uds-bgBlurFallback",
2013
+ "top-0",
2014
+ "left-0",
2015
+ "z-[1]",
2016
+ "duration-0",
2017
+ "duration-120",
2018
+ "transition-[background-color]",
2019
+ "bg-carbon-15/0",
2020
+ "hover:bg-carbon-15/10",
2021
+ "active:bg-carbon-15/15",
2022
+ "uds-ring",
2023
+ "absolute",
2024
+ "z-[4]"
2027
2025
  ],
2028
2026
  "internalComponents": [
2027
+ "PopoverDismiss",
2029
2028
  "IconSlot",
2030
- "HStack",
2031
- "As",
2032
- "Text"
2029
+ "PopoverArrow",
2030
+ "Popover",
2031
+ "SvgFloatingOverlay",
2032
+ "Box",
2033
+ "Pressable"
2033
2034
  ],
2034
- "internalComponentProps": { "Text": {
2035
- "as": ["span"],
2036
- "color": ["current"],
2037
- "variant": ["inherit"]
2038
- } },
2039
- "propToVariantKeys": {
2040
- "size": ["chipSizeRoot", "chipSizeIcon"],
2041
- "startIcon": ["icon"],
2042
- "endIcon": ["icon"]
2035
+ "internalComponentProps": {},
2036
+ "propToVariantKeys": { "closeIcon": ["icon"] },
2037
+ "runtimeConfigDefaultProps": {
2038
+ "size": "popover.defaultSize",
2039
+ "variant": "popover.defaultVariant"
2040
+ },
2041
+ "runtimeConfigGetStyles": {
2042
+ "spacingTop": ["popover.spacingVertical.${size}"],
2043
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
2044
+ "spacingBottom": ["popover.spacingVertical.${size}"],
2045
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
2043
2046
  },
2047
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
2048
+ "motionVarPrefixes": []
2049
+ },
2050
+ PopoverContext: {
2051
+ "name": "PopoverContext",
2052
+ "defaultProps": {},
2053
+ "getStylesLiterals": {},
2054
+ "cxLiterals": [],
2055
+ "internalComponents": [],
2056
+ "internalComponentProps": {},
2057
+ "propToVariantKeys": {},
2044
2058
  "runtimeConfigDefaultProps": {},
2045
2059
  "runtimeConfigGetStyles": {},
2046
2060
  "runtimeConfigInternalComponentProps": {},
2047
2061
  "motionVarPrefixes": []
2048
2062
  },
2049
- ChipLink: {
2050
- "name": "ChipLink",
2051
- "defaultProps": { "variant": "primary" },
2063
+ PopoverTrigger: {
2064
+ "name": "PopoverTrigger",
2065
+ "defaultProps": {},
2052
2066
  "getStylesLiterals": {},
2053
- "cxLiterals": ["uds-ring"],
2054
- "internalComponents": ["ChipBase"],
2055
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2056
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2067
+ "cxLiterals": [],
2068
+ "internalComponents": ["PopoverDisclosure"],
2069
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
2070
+ "propToVariantKeys": { "children": ["render"] },
2057
2071
  "runtimeConfigDefaultProps": {},
2058
2072
  "runtimeConfigGetStyles": {},
2059
2073
  "runtimeConfigInternalComponentProps": {},
2060
2074
  "motionVarPrefixes": []
2061
2075
  },
2062
- ChipButton: {
2063
- "name": "ChipButton",
2064
- "defaultProps": { "variant": "primary" },
2076
+ UDSPopoverConfigProvider: {
2077
+ "name": "UDSPopoverConfigProvider",
2078
+ "defaultProps": {},
2065
2079
  "getStylesLiterals": {},
2066
- "cxLiterals": ["uds-ring"],
2067
- "internalComponents": ["ChipBase"],
2068
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2069
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2080
+ "cxLiterals": [],
2081
+ "internalComponents": ["PopoverContext.Provider"],
2082
+ "internalComponentProps": {},
2083
+ "propToVariantKeys": {},
2070
2084
  "runtimeConfigDefaultProps": {},
2071
2085
  "runtimeConfigGetStyles": {},
2072
2086
  "runtimeConfigInternalComponentProps": {},
2073
2087
  "motionVarPrefixes": []
2074
2088
  },
2075
- Input: {
2076
- "name": "Input",
2089
+ Radio: {
2090
+ "name": "Radio",
2077
2091
  "defaultProps": {
2078
- "type": "text",
2092
+ "labelPosition": "start",
2093
+ "variant": "primary",
2079
2094
  "size": "md",
2080
- "width": "full"
2095
+ "value": ""
2081
2096
  },
2082
2097
  "getStylesLiterals": {
2083
- "inputVariantRoot": "default",
2084
- "inputVariantValueRoot": "empty",
2085
- "inputVariantValueRoot:1": "filled",
2086
- "inputVariantInputWrapper": "default",
2087
- "inputVariantValueInputWrapper": "empty",
2088
- "inputVariantValueInputWrapper:1": "filled",
2089
- "inputVariantInput": "default",
2090
- "inputVariantValueInput": "empty",
2091
- "inputVariantValueInput:1": "filled",
2092
- "inputVariantInputPlaceholder": "default",
2093
- "inputVariantValueInputPlaceholder": "empty",
2094
- "inputVariantValueInputPlaceholder:1": "filled",
2095
- "inputVariantLabel": "default",
2096
- "inputVariantValueLabel": "empty",
2097
- "inputVariantValueLabel:1": "filled",
2098
- "inputVariantLabelRequired": "default",
2099
- "inputVariantValueLabelRequired": "empty",
2100
- "inputVariantValueLabelRequired:1": "filled",
2101
- "inputVariantStartIcon": "default",
2102
- "inputVariantValueStartIcon": "empty",
2103
- "inputVariantValueStartIcon:1": "filled",
2104
- "inputVariantEndIcon": "default",
2105
- "inputVariantValueEndIcon": "empty",
2106
- "inputVariantValueEndIcon:1": "filled"
2098
+ "radioVariantValueRoot": "checked",
2099
+ "radioVariantValueRoot:1": "unchecked",
2100
+ "display": "flex",
2101
+ "flexDirection": "row",
2102
+ "flexDirection:1": "row-reverse",
2103
+ "alignItems": "center",
2104
+ "radioVariantValueRadio": "checked",
2105
+ "radioVariantValueRadio:1": "unchecked",
2106
+ "radioVariantValueRadioCircle": "checked",
2107
+ "radioVariantValueRadioCircle:1": "unchecked"
2107
2108
  },
2108
2109
  "cxLiterals": [
2110
+ "cursor-pointer",
2111
+ "cursor-default",
2109
2112
  "opacity-50",
2110
- "min-w-[200px]",
2111
- "grow",
2112
- "uds-hit-target",
2113
- "bg-clip-text",
2114
- "focus:outline-none",
2115
- "cursor-text",
2116
- "cursor-not-allowed"
2113
+ "border",
2114
+ "uds-ring",
2115
+ "uds-ring-within",
2116
+ "transition-[background-color,border-color]",
2117
+ "transition-shadow",
2118
+ "pointer-events-none",
2119
+ "w-[8px]",
2120
+ "h-[8px]",
2121
+ "transition-opacity",
2122
+ "cursor-[inherit]",
2123
+ "absolute",
2124
+ "opacity-0",
2125
+ "top-1/2",
2126
+ "left-1/2",
2127
+ "w-[calc(100%+2px)]",
2128
+ "h-[calc(100%+2px)]",
2129
+ "transform",
2130
+ "translate-x-[-50%]",
2131
+ "translate-y-[-50%]",
2132
+ "text-start",
2133
+ "text-end"
2117
2134
  ],
2118
2135
  "internalComponents": [
2119
- "IconSlot",
2120
- "StartIcon",
2121
- "EndIcon",
2122
- "HelpTextContent",
2123
2136
  "Box",
2124
- "InputHelpTextInternal",
2125
- "VStack",
2126
- "HStack",
2127
- "AnimateHeightChange"
2137
+ "FormLabel",
2138
+ "SpringMotionConfig",
2139
+ "RootElement",
2140
+ "MotionBox"
2128
2141
  ],
2129
2142
  "internalComponentProps": {
2130
- "HelpTextContent": { "spacingTop": ["2"] },
2131
- "Box": {
2132
- "spacingBottom": ["2"],
2133
- "columnGap": ["0.5"],
2134
- "alignItems": ["flex-end", "center"],
2135
- "position": ["relative"]
2143
+ "Box": { "borderRadius": ["full"] },
2144
+ "FormLabel": {
2145
+ "as": ["div"],
2146
+ "variant": ["inherit"],
2147
+ "color": ["inherit"]
2136
2148
  },
2137
- "HStack": {
2149
+ "RootElement": { "data-testid": ["container"] },
2150
+ "MotionBox": {
2151
+ "position": ["relative"],
2152
+ "borderRadius": ["full"],
2138
2153
  "alignItems": ["center"],
2139
- "gap": ["1"]
2154
+ "justifyContent": ["center"],
2155
+ "flex": ["none"]
2140
2156
  }
2141
2157
  },
2142
2158
  "propToVariantKeys": {
2143
- "size": [
2144
- "inputSizeRoot",
2145
- "inputSizeInputWrapper",
2146
- "inputSizeInput",
2147
- "inputSizeLabel",
2148
- "inputSizeStartIcon",
2149
- "inputSizeEndIcon"
2159
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2160
+ "variant": [
2161
+ "radioVariantRoot",
2162
+ "radioVariantRadio",
2163
+ "radioVariantRadioCircle"
2150
2164
  ],
2151
- "startIcon": ["icon"],
2152
- "endIcon": ["icon"],
2153
- "slotProps": ["helperTextSlotProps"],
2154
- "helperTextIcon": ["startIcon"]
2165
+ "reduceMotion": ["reducedMotion"]
2155
2166
  },
2156
2167
  "runtimeConfigDefaultProps": {},
2157
2168
  "runtimeConfigGetStyles": {},
2158
2169
  "runtimeConfigInternalComponentProps": {},
2159
- "motionVarPrefixes": []
2170
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2160
2171
  },
2161
- InputHelpText: {
2162
- "name": "InputHelpText",
2163
- "defaultProps": { "size": "md" },
2164
- "getStylesLiterals": {
2165
- "inputVariantRoot": "default",
2166
- "inputVariantValueRoot": "empty",
2167
- "inputVariantValueRoot:1": "filled"
2168
- },
2169
- "cxLiterals": [],
2170
- "internalComponents": ["InputHelpTextInternal", "Box"],
2171
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2172
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
2173
- "runtimeConfigDefaultProps": {},
2174
- "runtimeConfigGetStyles": {},
2175
- "runtimeConfigInternalComponentProps": {},
2176
- "motionVarPrefixes": []
2177
- },
2178
- InputHelpTextInternal: {
2179
- "name": "InputHelpTextInternal",
2172
+ RadioGroupProvider: {
2173
+ "name": "RadioGroupProvider",
2180
2174
  "defaultProps": {},
2181
- "getStylesLiterals": {
2182
- "inputVariantHelperText": "default",
2183
- "inputVariantValueHelperText": "empty",
2184
- "inputVariantValueHelperText:1": "filled",
2185
- "inputVariantHelperIcon": "default",
2186
- "inputVariantValueHelperIcon": "empty",
2187
- "inputVariantValueHelperIcon:1": "filled"
2188
- },
2175
+ "getStylesLiterals": {},
2189
2176
  "cxLiterals": [],
2190
- "internalComponents": ["IconSlot", "HStack"],
2191
- "internalComponentProps": { "HStack": {
2192
- "gap": ["1"],
2193
- "alignItems": ["center"]
2194
- } },
2195
- "propToVariantKeys": {
2196
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2197
- "startIcon": ["icon"],
2198
- "endIcon": ["icon"]
2199
- },
2177
+ "internalComponents": [
2178
+ "DivProps",
2179
+ "Comp",
2180
+ "RadioGroupContext.Provider"
2181
+ ],
2182
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2183
+ "propToVariantKeys": {},
2200
2184
  "runtimeConfigDefaultProps": {},
2201
2185
  "runtimeConfigGetStyles": {},
2202
2186
  "runtimeConfigInternalComponentProps": {},
2203
2187
  "motionVarPrefixes": []
2204
2188
  },
2205
- PaddleButtonPrevious: {
2206
- "name": "PaddleButtonPrevious",
2189
+ RadioGroupStore: {
2190
+ "name": "RadioGroupStore",
2207
2191
  "defaultProps": {},
2208
2192
  "getStylesLiterals": {},
2209
2193
  "cxLiterals": [],
2210
- "internalComponents": ["PaddleButton"],
2211
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
2194
+ "internalComponents": [],
2195
+ "internalComponentProps": {},
2212
2196
  "propToVariantKeys": {},
2213
2197
  "runtimeConfigDefaultProps": {},
2214
2198
  "runtimeConfigGetStyles": {},
2215
2199
  "runtimeConfigInternalComponentProps": {},
2216
2200
  "motionVarPrefixes": []
2217
2201
  },
2218
- PaddleNav: {
2219
- "name": "PaddleNav",
2220
- "defaultProps": {
2221
- "orientation": "horizontal",
2222
- "variant": "primary",
2223
- "size": "md"
2224
- },
2202
+ UDSBreakpointsConfigProvider: {
2203
+ "name": "UDSBreakpointsConfigProvider",
2204
+ "defaultProps": {},
2225
2205
  "getStylesLiterals": {},
2226
- "cxLiterals": [
2227
- "pointer-events-none",
2228
- "inline-flex",
2229
- "flex-row",
2230
- "gap-2",
2231
- "items-center",
2232
- "pointer-events-auto",
2233
- "flex-col",
2234
- "relative",
2235
- "min-w-0",
2236
- "min-h-0",
2237
- "flex-1",
2238
- "inline-block",
2239
- "absolute",
2240
- "z-10",
2241
- "top-2",
2242
- "left-1/2",
2243
- "-translate-x-1/2",
2244
- "left-2",
2245
- "top-1/2",
2246
- "-translate-y-1/2",
2247
- "bottom-2",
2248
- "right-2",
2249
- "-top-12",
2250
- "left-0",
2251
- "right-0",
2252
- "-bottom-12"
2253
- ],
2254
- "internalComponents": ["PaddleNavContext.Provider", "Box"],
2255
- "internalComponentProps": { "Box": {
2256
- "display": ["inline-flex"],
2257
- "alignItems": ["center"],
2258
- "justifyContent": ["center"],
2259
- "data-paddle-nav-outside": ["true"]
2260
- } },
2261
- "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
2206
+ "cxLiterals": [],
2207
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2208
+ "internalComponentProps": {},
2209
+ "propToVariantKeys": {},
2262
2210
  "runtimeConfigDefaultProps": {},
2263
2211
  "runtimeConfigGetStyles": {},
2264
2212
  "runtimeConfigInternalComponentProps": {},
2265
2213
  "motionVarPrefixes": []
2266
2214
  },
2267
- PaddleButton: {
2268
- "name": "PaddleButton",
2215
+ UDSConfigProvider: {
2216
+ "name": "UDSConfigProvider",
2269
2217
  "defaultProps": {},
2270
2218
  "getStylesLiterals": {},
2271
- "cxLiterals": [
2272
- "relative",
2273
- "inline-flex",
2274
- "items-center",
2275
- "justify-center",
2276
- "box-border",
2277
- "overflow-hidden",
2278
- "border-solid",
2279
- "select-none",
2280
- "uds-nested-radius",
2281
- "transition-[color,border-color,box-shadow]",
2282
- "duration-[180ms]",
2283
- "ease-[cubic-bezier(0,0,0.2,1)]",
2284
- "uds-ring",
2285
- "cursor-pointer",
2286
- "cursor-not-allowed",
2287
- "opacity-50",
2288
- "pointer-events-none",
2289
- "hidden",
2290
- "absolute",
2291
- "inset-0",
2292
- "-z-10",
2293
- "rounded-[length:var(--uds-nested-radius)]",
2294
- "transition-[background-color,opacity]"
2219
+ "cxLiterals": [],
2220
+ "internalComponents": [
2221
+ "UDSBreakpointsConfigProvider",
2222
+ "UDSBottomSheetConfigProvider",
2223
+ "UDSToastConfigProvider",
2224
+ "UDSTooltipConfigProvider",
2225
+ "UDSPopoverConfigProvider",
2226
+ "UDSModalConfigProvider"
2295
2227
  ],
2296
- "internalComponents": ["Icon"],
2297
- "internalComponentProps": { "Icon": {
2298
- "size": ["md"],
2299
- "color": ["current"]
2300
- } },
2301
- "propToVariantKeys": {
2302
- "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
2303
- "variant": [
2304
- "paddlenavVariantRoot",
2305
- "paddlenavVariantBackground",
2306
- "paddlenavVariantIcon"
2307
- ]
2308
- },
2228
+ "internalComponentProps": {},
2229
+ "propToVariantKeys": {},
2309
2230
  "runtimeConfigDefaultProps": {},
2310
2231
  "runtimeConfigGetStyles": {},
2311
2232
  "runtimeConfigInternalComponentProps": {},
2312
2233
  "motionVarPrefixes": []
2313
2234
  },
2314
- PaddleNavContent: {
2315
- "name": "PaddleNavContent",
2316
- "defaultProps": {},
2235
+ Accordion: {
2236
+ "name": "Accordion",
2237
+ "defaultProps": {
2238
+ "spacingHorizontal": "4",
2239
+ "spacingVertical": "4"
2240
+ },
2317
2241
  "getStylesLiterals": {},
2318
- "cxLiterals": [
2319
- "min-w-0",
2320
- "min-h-0",
2321
- "relative"
2242
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2243
+ "internalComponents": [
2244
+ "Icon",
2245
+ "SpringMotionConfig",
2246
+ "Pressable",
2247
+ "Text",
2248
+ "HStack",
2249
+ "AnimatePresence",
2250
+ "VStack"
2322
2251
  ],
2323
- "internalComponents": [],
2324
- "internalComponentProps": {},
2252
+ "internalComponentProps": {
2253
+ "Icon": {
2254
+ "variant": ["fill"],
2255
+ "size": ["sm"],
2256
+ "color": ["primary"]
2257
+ },
2258
+ "SpringMotionConfig": {
2259
+ "layoutVariant": ["smooth"],
2260
+ "layoutSpeed": ["3"]
2261
+ },
2262
+ "Pressable": {
2263
+ "display": ["flex"],
2264
+ "flexDirection": ["row"],
2265
+ "alignItems": ["center"],
2266
+ "justifyContent": ["space-between"],
2267
+ "borderRadius": ["md"]
2268
+ },
2269
+ "Text": {
2270
+ "variant": ["title4"],
2271
+ "color": ["primary"]
2272
+ },
2273
+ "HStack": {
2274
+ "display": ["flex"],
2275
+ "alignItems": ["center"],
2276
+ "justifyContent": ["space-between"],
2277
+ "columnGap": ["2.5"]
2278
+ }
2279
+ },
2325
2280
  "propToVariantKeys": {},
2326
2281
  "runtimeConfigDefaultProps": {},
2327
2282
  "runtimeConfigGetStyles": {},
2328
2283
  "runtimeConfigInternalComponentProps": {},
2329
- "motionVarPrefixes": []
2284
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2330
2285
  },
2331
- PaddleButtonNext: {
2332
- "name": "PaddleButtonNext",
2286
+ AvoidMotionLibraryProvider: {
2287
+ "name": "AvoidMotionLibraryProvider",
2333
2288
  "defaultProps": {},
2334
2289
  "getStylesLiterals": {},
2335
2290
  "cxLiterals": [],
2336
- "internalComponents": ["PaddleButton"],
2337
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
2291
+ "internalComponents": [],
2292
+ "internalComponentProps": {},
2338
2293
  "propToVariantKeys": {},
2339
2294
  "runtimeConfigDefaultProps": {},
2340
2295
  "runtimeConfigGetStyles": {},
2341
2296
  "runtimeConfigInternalComponentProps": {},
2342
2297
  "motionVarPrefixes": []
2343
2298
  },
2344
- Radio: {
2345
- "name": "Radio",
2346
- "defaultProps": {
2347
- "labelPosition": "start",
2348
- "variant": "primary",
2349
- "size": "md",
2350
- "value": ""
2351
- },
2299
+ SegmentedControl: {
2300
+ "name": "SegmentedControl",
2301
+ "defaultProps": { "textVariant": "label2" },
2352
2302
  "getStylesLiterals": {
2353
- "radioVariantValueRoot": "checked",
2354
- "radioVariantValueRoot:1": "unchecked",
2355
2303
  "display": "flex",
2356
- "flexDirection": "row",
2357
- "flexDirection:1": "row-reverse",
2358
2304
  "alignItems": "center",
2359
- "radioVariantValueRadio": "checked",
2360
- "radioVariantValueRadio:1": "unchecked",
2361
- "radioVariantValueRadioCircle": "checked",
2362
- "radioVariantValueRadioCircle:1": "unchecked"
2305
+ "backgroundColor": "primary",
2306
+ "spacingVertical": "1",
2307
+ "spacingHorizontal": "3",
2308
+ "columnGap": "1.5",
2309
+ "borderWidth": "thin",
2310
+ "borderRadius": "full",
2311
+ "borderColor": "muted",
2312
+ "borderColor:1": "transparent",
2313
+ "color": "primary",
2314
+ "color:1": "tertiary",
2315
+ "color:2": "muted"
2363
2316
  },
2364
2317
  "cxLiterals": [
2365
- "cursor-pointer",
2366
- "cursor-default",
2367
- "opacity-50",
2368
- "border",
2369
2318
  "uds-ring",
2370
- "uds-ring-within",
2371
- "transition-[background-color,border-color]",
2372
- "transition-shadow",
2319
+ "cursor-not-allowed",
2320
+ "opacity-50",
2373
2321
  "pointer-events-none",
2374
- "w-[8px]",
2375
- "h-[8px]",
2376
- "transition-opacity",
2377
- "cursor-[inherit]",
2378
- "absolute",
2379
- "opacity-0",
2322
+ "hover:bg-primary"
2323
+ ],
2324
+ "internalComponents": [
2325
+ "Radio",
2326
+ "Icon",
2327
+ "RadioProvider",
2328
+ "HStack",
2329
+ "RadioGroup",
2330
+ "Pressable",
2331
+ "Text"
2332
+ ],
2333
+ "internalComponentProps": {
2334
+ "Icon": {
2335
+ "size": ["sm"],
2336
+ "color": ["current"],
2337
+ "aria-hidden": ["true"]
2338
+ },
2339
+ "HStack": {
2340
+ "spacing": ["1"],
2341
+ "gap": ["1"],
2342
+ "backgroundColor": ["secondary"],
2343
+ "borderRadius": ["full"],
2344
+ "display": ["inline-flex"]
2345
+ },
2346
+ "Text": { "color": ["current"] }
2347
+ },
2348
+ "propToVariantKeys": {
2349
+ "value": ["key"],
2350
+ "label": ["aria-label"],
2351
+ "textVariant": ["variant"]
2352
+ },
2353
+ "runtimeConfigDefaultProps": {},
2354
+ "runtimeConfigGetStyles": {},
2355
+ "runtimeConfigInternalComponentProps": {},
2356
+ "motionVarPrefixes": []
2357
+ },
2358
+ SwitchV2: {
2359
+ "name": "SwitchV2",
2360
+ "defaultProps": {
2361
+ "labelPosition": "start",
2362
+ "size": "md"
2363
+ },
2364
+ "getStylesLiterals": {
2365
+ "switchVariantRoot": "default",
2366
+ "switchVariantActiveRoot": "on",
2367
+ "switchVariantActiveRoot:1": "off",
2368
+ "switchVariantSwitch": "default",
2369
+ "switchVariantActiveSwitch": "on",
2370
+ "switchVariantActiveSwitch:1": "off",
2371
+ "switchVariantActiveHandle": "on",
2372
+ "switchVariantActiveHandle:1": "off",
2373
+ "switchVariantHandle": "default",
2374
+ "switchVariantHandleIcon": "default",
2375
+ "switchVariantActiveHandleIcon": "on",
2376
+ "switchVariantActiveHandleIcon:1": "off"
2377
+ },
2378
+ "cxLiterals": [
2379
+ "group",
2380
+ "flex",
2381
+ "items-center",
2382
+ "flex-row",
2383
+ "flex-row-reverse",
2384
+ "uds-ring",
2385
+ "uds-ring-within",
2386
+ "relative",
2387
+ "uds-border-radius-full",
2388
+ "transition-[background-color,box-shadow]",
2389
+ "pointer-events-none",
2390
+ "w-full",
2391
+ "h-full",
2392
+ "absolute",
2393
+ "top-0",
2394
+ "bottom-0",
2395
+ "right-0",
2396
+ "left-0",
2397
+ "overflow-hidden",
2398
+ "group-hover:scale-105",
2399
+ "opacity-95",
2400
+ "group-hover:opacity-100",
2401
+ "transition-[transform,opacity]",
2402
+ "opacity-0",
2380
2403
  "top-1/2",
2381
2404
  "left-1/2",
2382
- "w-[calc(100%+2px)]",
2383
- "h-[calc(100%+2px)]",
2384
2405
  "transform",
2385
2406
  "translate-x-[-50%]",
2386
2407
  "translate-y-[-50%]",
2408
+ "transition-opacity",
2409
+ "cursor-[inherit]",
2410
+ "w-[calc(100%+2px)]",
2411
+ "h-[calc(100%+2px)]",
2387
2412
  "text-start",
2388
- "text-end"
2413
+ "text-end",
2414
+ "opacity-100"
2389
2415
  ],
2390
2416
  "internalComponents": [
2417
+ "IconSlot",
2391
2418
  "Box",
2392
2419
  "FormLabel",
2393
2420
  "SpringMotionConfig",
@@ -2395,73 +2422,253 @@ var componentData_default = {
2395
2422
  "MotionBox"
2396
2423
  ],
2397
2424
  "internalComponentProps": {
2398
- "Box": { "borderRadius": ["full"] },
2425
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2399
2426
  "FormLabel": {
2400
2427
  "as": ["div"],
2401
2428
  "variant": ["inherit"],
2402
2429
  "color": ["inherit"]
2403
2430
  },
2404
- "RootElement": { "data-testid": ["container"] },
2405
- "MotionBox": {
2406
- "position": ["relative"],
2407
- "borderRadius": ["full"],
2408
- "alignItems": ["center"],
2409
- "justifyContent": ["center"],
2410
- "flex": ["none"]
2411
- }
2431
+ "SpringMotionConfig": {
2432
+ "layoutVariant": ["bouncy"],
2433
+ "layoutSpeed": ["4"]
2434
+ },
2435
+ "RootElement": { "data-testid": ["switch-root"] },
2436
+ "MotionBox": { "layout": ["position"] }
2412
2437
  },
2413
2438
  "propToVariantKeys": {
2414
- "size": ["radioSizeRoot", "radioSizeRadio"],
2415
- "variant": [
2416
- "radioVariantRoot",
2417
- "radioVariantRadio",
2418
- "radioVariantRadioCircle"
2439
+ "size": [
2440
+ "switchSizeRoot",
2441
+ "switchSizeSwitch",
2442
+ "switchSizeHandle",
2443
+ "switchSizeHandleIcon"
2419
2444
  ],
2420
- "reduceMotion": ["reducedMotion"]
2445
+ "onIcon": ["icon"],
2446
+ "offIcon": ["icon"],
2447
+ "reduceMotion": ["reducedMotion"],
2448
+ "isOn": ["layoutDependency"]
2421
2449
  },
2422
2450
  "runtimeConfigDefaultProps": {},
2423
2451
  "runtimeConfigGetStyles": {},
2424
2452
  "runtimeConfigInternalComponentProps": {},
2425
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2453
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2454
+ },
2455
+ Tooltip: {
2456
+ "name": "Tooltip",
2457
+ "defaultProps": {},
2458
+ "getStylesLiterals": {},
2459
+ "cxLiterals": [],
2460
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2461
+ "internalComponentProps": {},
2462
+ "propToVariantKeys": {},
2463
+ "runtimeConfigDefaultProps": {},
2464
+ "runtimeConfigGetStyles": {},
2465
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2466
+ "motionVarPrefixes": []
2467
+ },
2468
+ TooltipContent: {
2469
+ "name": "TooltipContent",
2470
+ "defaultProps": {},
2471
+ "getStylesLiterals": {
2472
+ "tooltipSizeRoot": "default",
2473
+ "tooltipVariantRoot": "default",
2474
+ "tooltipSizeSvg": "default",
2475
+ "tooltipVariantSvg": "default",
2476
+ "tooltipVariantBlur": "default",
2477
+ "position": "absolute",
2478
+ "width": "full",
2479
+ "height": "full",
2480
+ "tooltipSizeTitle": "default",
2481
+ "tooltipSizeBody": "default",
2482
+ "tooltipSizeEndContent": "default",
2483
+ "tooltipSizeIcon": "default",
2484
+ "tooltipVariantIcon": "default"
2485
+ },
2486
+ "cxLiterals": [
2487
+ "max-w-lg",
2488
+ "flex",
2489
+ "z-[9999]",
2490
+ "uds-bgBlurFillFallback",
2491
+ "uds-bgBlurFallback",
2492
+ "top-0",
2493
+ "left-0",
2494
+ "z-[1]"
2495
+ ],
2496
+ "internalComponents": [
2497
+ "IconSlot",
2498
+ "TooltipArrow",
2499
+ "Tooltip",
2500
+ "SvgFloatingOverlay",
2501
+ "VStack",
2502
+ "Box",
2503
+ "Text"
2504
+ ],
2505
+ "internalComponentProps": {
2506
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2507
+ "VStack": { "className": ["gap-[inherit]"] },
2508
+ "Box": {
2509
+ "alignItems": ["center"],
2510
+ "columnGap": ["1", "1.5"]
2511
+ },
2512
+ "Text": { "color": ["inherit"] }
2513
+ },
2514
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2515
+ "runtimeConfigDefaultProps": {},
2516
+ "runtimeConfigGetStyles": {},
2517
+ "runtimeConfigInternalComponentProps": {},
2518
+ "motionVarPrefixes": []
2519
+ },
2520
+ TooltipTrigger: {
2521
+ "name": "TooltipTrigger",
2522
+ "defaultProps": {},
2523
+ "getStylesLiterals": {},
2524
+ "cxLiterals": [],
2525
+ "internalComponents": ["TooltipAnchor"],
2526
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2527
+ "propToVariantKeys": { "children": ["render"] },
2528
+ "runtimeConfigDefaultProps": {},
2529
+ "runtimeConfigGetStyles": {},
2530
+ "runtimeConfigInternalComponentProps": {},
2531
+ "motionVarPrefixes": []
2532
+ },
2533
+ UDSTooltipConfigProvider: {
2534
+ "name": "UDSTooltipConfigProvider",
2535
+ "defaultProps": {},
2536
+ "getStylesLiterals": {},
2537
+ "cxLiterals": [],
2538
+ "internalComponents": ["TooltipContext.Provider"],
2539
+ "internalComponentProps": {},
2540
+ "propToVariantKeys": {},
2541
+ "runtimeConfigDefaultProps": {},
2542
+ "runtimeConfigGetStyles": {},
2543
+ "runtimeConfigInternalComponentProps": {},
2544
+ "motionVarPrefixes": []
2545
+ },
2546
+ Toast: {
2547
+ "name": "Toast",
2548
+ "defaultProps": {},
2549
+ "getStylesLiterals": {
2550
+ "className": "animate-spin",
2551
+ "className:1": "flex-none",
2552
+ "spacing": "2",
2553
+ "borderRadius": "full"
2554
+ },
2555
+ "cxLiterals": [
2556
+ "duration-0",
2557
+ "duration-120",
2558
+ "transition-[background-color]",
2559
+ "bg-carbon-15/0",
2560
+ "hover:bg-carbon-15/10",
2561
+ "active:bg-carbon-15/15",
2562
+ "uds-ring"
2563
+ ],
2564
+ "internalComponents": [
2565
+ "IconSlot",
2566
+ "ToastContainer",
2567
+ "Text",
2568
+ "Button",
2569
+ "Pressable"
2570
+ ],
2571
+ "internalComponentProps": {},
2572
+ "propToVariantKeys": {
2573
+ "size": [
2574
+ "toastSizeLabel",
2575
+ "toastSizeIcon",
2576
+ "toastSizeActionButton",
2577
+ "toastSizeCloseIcon"
2578
+ ],
2579
+ "variant": [
2580
+ "toastVariantIcon",
2581
+ "toastVariantActionButton",
2582
+ "toastVariantCloseIcon"
2583
+ ],
2584
+ "closeIcon": ["icon"],
2585
+ "onClickActionButton": ["onClick"]
2586
+ },
2587
+ "runtimeConfigDefaultProps": {
2588
+ "size": "toast.defaultSize",
2589
+ "variant": "toast.defaultVariant"
2590
+ },
2591
+ "runtimeConfigGetStyles": {
2592
+ "toastSizeLabel": ["toast.defaultSize"],
2593
+ "toastVariantIcon": ["toast.defaultVariant"],
2594
+ "toastSizeIcon": ["toast.defaultSize"],
2595
+ "toastSizeActionButton": ["toast.defaultSize"],
2596
+ "toastVariantActionButton": ["toast.defaultVariant"],
2597
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2598
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2599
+ },
2600
+ "runtimeConfigInternalComponentProps": {
2601
+ "ToastContainer": {
2602
+ "size": ["toast.defaultSize"],
2603
+ "variant": ["toast.defaultVariant"]
2604
+ },
2605
+ "Text": {
2606
+ "variant": ["toast.textVariant.${size}"],
2607
+ "color": ["toast.textColor.${variant}"]
2608
+ },
2609
+ "Button": {
2610
+ "size": ["toast.buttonSize.${size}"],
2611
+ "variant": ["toast.buttonVariant.${variant}"]
2612
+ }
2613
+ },
2614
+ "motionVarPrefixes": []
2615
+ },
2616
+ ToastContainer: {
2617
+ "name": "ToastContainer",
2618
+ "defaultProps": {},
2619
+ "getStylesLiterals": {
2620
+ "position": "relative",
2621
+ "alignItems": "center",
2622
+ "display": "flex",
2623
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2624
+ },
2625
+ "cxLiterals": ["w-full"],
2626
+ "internalComponents": ["HStack"],
2627
+ "internalComponentProps": { "HStack": {
2628
+ "alignItems": ["center"],
2629
+ "justifyContent": ["space-between"],
2630
+ "overflow": ["hidden"],
2631
+ "position": ["relative"]
2632
+ } },
2633
+ "propToVariantKeys": {
2634
+ "variant": ["toastVariantRoot"],
2635
+ "size": ["toastSizeRoot"]
2636
+ },
2637
+ "runtimeConfigDefaultProps": {
2638
+ "size": "toast.defaultSize",
2639
+ "variant": "toast.defaultVariant"
2640
+ },
2641
+ "runtimeConfigGetStyles": {
2642
+ "toastVariantRoot": ["toast.defaultVariant"],
2643
+ "toastSizeRoot": ["toast.defaultSize"]
2644
+ },
2645
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2646
+ "motionVarPrefixes": []
2426
2647
  },
2427
- RadioGroupStore: {
2428
- "name": "RadioGroupStore",
2648
+ ToastPortal: {
2649
+ "name": "ToastPortal",
2429
2650
  "defaultProps": {},
2430
2651
  "getStylesLiterals": {},
2431
2652
  "cxLiterals": [],
2432
- "internalComponents": [],
2653
+ "internalComponents": ["ReactToastifyToastContainer"],
2433
2654
  "internalComponentProps": {},
2434
2655
  "propToVariantKeys": {},
2435
- "runtimeConfigDefaultProps": {},
2656
+ "runtimeConfigDefaultProps": {
2657
+ "size": "toast.defaultSize",
2658
+ "variant": "toast.defaultVariant"
2659
+ },
2436
2660
  "runtimeConfigGetStyles": {},
2437
- "runtimeConfigInternalComponentProps": {},
2661
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2438
2662
  "motionVarPrefixes": []
2439
2663
  },
2440
- RadioGroupProvider: {
2441
- "name": "RadioGroupProvider",
2664
+ UDSToastConfigProvider: {
2665
+ "name": "UDSToastConfigProvider",
2442
2666
  "defaultProps": {},
2443
2667
  "getStylesLiterals": {},
2444
2668
  "cxLiterals": [],
2445
- "internalComponents": [
2446
- "DivProps",
2447
- "Comp",
2448
- "RadioGroupContext.Provider"
2449
- ],
2450
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2451
- "propToVariantKeys": {},
2452
- "runtimeConfigDefaultProps": {},
2453
- "runtimeConfigGetStyles": {},
2454
- "runtimeConfigInternalComponentProps": {},
2455
- "motionVarPrefixes": []
2456
- },
2457
- Tabs: {
2458
- "name": "Tabs",
2459
- "defaultProps": { "variant": "primary" },
2460
- "getStylesLiterals": {},
2461
- "cxLiterals": [],
2462
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2669
+ "internalComponents": ["ToastContext.Provider"],
2463
2670
  "internalComponentProps": {},
2464
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2671
+ "propToVariantKeys": {},
2465
2672
  "runtimeConfigDefaultProps": {},
2466
2673
  "runtimeConfigGetStyles": {},
2467
2674
  "runtimeConfigInternalComponentProps": {},
@@ -2594,221 +2801,14 @@ var componentData_default = {
2594
2801
  "runtimeConfigInternalComponentProps": {},
2595
2802
  "motionVarPrefixes": []
2596
2803
  },
2597
- SegmentedControl: {
2598
- "name": "SegmentedControl",
2599
- "defaultProps": { "textVariant": "label2" },
2600
- "getStylesLiterals": {
2601
- "display": "flex",
2602
- "alignItems": "center",
2603
- "backgroundColor": "primary",
2604
- "spacingVertical": "1",
2605
- "spacingHorizontal": "3",
2606
- "columnGap": "1.5",
2607
- "borderWidth": "thin",
2608
- "borderRadius": "full",
2609
- "borderColor": "muted",
2610
- "borderColor:1": "transparent",
2611
- "color": "primary",
2612
- "color:1": "tertiary",
2613
- "color:2": "muted"
2614
- },
2615
- "cxLiterals": [
2616
- "uds-ring",
2617
- "cursor-not-allowed",
2618
- "opacity-50",
2619
- "pointer-events-none",
2620
- "hover:bg-primary"
2621
- ],
2622
- "internalComponents": [
2623
- "Radio",
2624
- "Icon",
2625
- "RadioProvider",
2626
- "HStack",
2627
- "RadioGroup",
2628
- "Pressable",
2629
- "Text"
2630
- ],
2631
- "internalComponentProps": {
2632
- "Icon": {
2633
- "size": ["sm"],
2634
- "color": ["current"],
2635
- "aria-hidden": ["true"]
2636
- },
2637
- "HStack": {
2638
- "spacing": ["1"],
2639
- "gap": ["1"],
2640
- "backgroundColor": ["secondary"],
2641
- "borderRadius": ["full"],
2642
- "display": ["inline-flex"]
2643
- },
2644
- "Text": { "color": ["current"] }
2645
- },
2646
- "propToVariantKeys": {
2647
- "value": ["key"],
2648
- "label": ["aria-label"],
2649
- "textVariant": ["variant"]
2650
- },
2651
- "runtimeConfigDefaultProps": {},
2652
- "runtimeConfigGetStyles": {},
2653
- "runtimeConfigInternalComponentProps": {},
2654
- "motionVarPrefixes": []
2655
- },
2656
- Accordion: {
2657
- "name": "Accordion",
2658
- "defaultProps": {
2659
- "spacingHorizontal": "4",
2660
- "spacingVertical": "4"
2661
- },
2662
- "getStylesLiterals": {},
2663
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2664
- "internalComponents": [
2665
- "Icon",
2666
- "SpringMotionConfig",
2667
- "Pressable",
2668
- "Text",
2669
- "HStack",
2670
- "AnimatePresence",
2671
- "VStack"
2672
- ],
2673
- "internalComponentProps": {
2674
- "Icon": {
2675
- "variant": ["fill"],
2676
- "size": ["sm"],
2677
- "color": ["primary"]
2678
- },
2679
- "SpringMotionConfig": {
2680
- "layoutVariant": ["smooth"],
2681
- "layoutSpeed": ["3"]
2682
- },
2683
- "Pressable": {
2684
- "display": ["flex"],
2685
- "flexDirection": ["row"],
2686
- "alignItems": ["center"],
2687
- "justifyContent": ["space-between"],
2688
- "borderRadius": ["md"]
2689
- },
2690
- "Text": {
2691
- "variant": ["title4"],
2692
- "color": ["primary"]
2693
- },
2694
- "HStack": {
2695
- "display": ["flex"],
2696
- "alignItems": ["center"],
2697
- "justifyContent": ["space-between"],
2698
- "columnGap": ["2.5"]
2699
- }
2700
- },
2701
- "propToVariantKeys": {},
2702
- "runtimeConfigDefaultProps": {},
2703
- "runtimeConfigGetStyles": {},
2704
- "runtimeConfigInternalComponentProps": {},
2705
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2706
- },
2707
- SwitchV2: {
2708
- "name": "SwitchV2",
2709
- "defaultProps": {
2710
- "labelPosition": "start",
2711
- "size": "md"
2712
- },
2713
- "getStylesLiterals": {
2714
- "switchVariantRoot": "default",
2715
- "switchVariantActiveRoot": "on",
2716
- "switchVariantActiveRoot:1": "off",
2717
- "switchVariantSwitch": "default",
2718
- "switchVariantActiveSwitch": "on",
2719
- "switchVariantActiveSwitch:1": "off",
2720
- "switchVariantActiveHandle": "on",
2721
- "switchVariantActiveHandle:1": "off",
2722
- "switchVariantHandle": "default",
2723
- "switchVariantHandleIcon": "default",
2724
- "switchVariantActiveHandleIcon": "on",
2725
- "switchVariantActiveHandleIcon:1": "off"
2726
- },
2727
- "cxLiterals": [
2728
- "group",
2729
- "flex",
2730
- "items-center",
2731
- "flex-row",
2732
- "flex-row-reverse",
2733
- "uds-ring",
2734
- "uds-ring-within",
2735
- "relative",
2736
- "uds-border-radius-full",
2737
- "transition-[background-color,box-shadow]",
2738
- "pointer-events-none",
2739
- "w-full",
2740
- "h-full",
2741
- "absolute",
2742
- "top-0",
2743
- "bottom-0",
2744
- "right-0",
2745
- "left-0",
2746
- "overflow-hidden",
2747
- "group-hover:scale-105",
2748
- "opacity-95",
2749
- "group-hover:opacity-100",
2750
- "transition-[transform,opacity]",
2751
- "opacity-0",
2752
- "top-1/2",
2753
- "left-1/2",
2754
- "transform",
2755
- "translate-x-[-50%]",
2756
- "translate-y-[-50%]",
2757
- "transition-opacity",
2758
- "cursor-[inherit]",
2759
- "w-[calc(100%+2px)]",
2760
- "h-[calc(100%+2px)]",
2761
- "text-start",
2762
- "text-end",
2763
- "opacity-100"
2764
- ],
2765
- "internalComponents": [
2766
- "IconSlot",
2767
- "Box",
2768
- "FormLabel",
2769
- "SpringMotionConfig",
2770
- "RootElement",
2771
- "MotionBox"
2772
- ],
2773
- "internalComponentProps": {
2774
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2775
- "FormLabel": {
2776
- "as": ["div"],
2777
- "variant": ["inherit"],
2778
- "color": ["inherit"]
2779
- },
2780
- "SpringMotionConfig": {
2781
- "layoutVariant": ["bouncy"],
2782
- "layoutSpeed": ["4"]
2783
- },
2784
- "RootElement": { "data-testid": ["switch-root"] },
2785
- "MotionBox": { "layout": ["position"] }
2786
- },
2787
- "propToVariantKeys": {
2788
- "size": [
2789
- "switchSizeRoot",
2790
- "switchSizeSwitch",
2791
- "switchSizeHandle",
2792
- "switchSizeHandleIcon"
2793
- ],
2794
- "onIcon": ["icon"],
2795
- "offIcon": ["icon"],
2796
- "reduceMotion": ["reducedMotion"],
2797
- "isOn": ["layoutDependency"]
2798
- },
2799
- "runtimeConfigDefaultProps": {},
2800
- "runtimeConfigGetStyles": {},
2801
- "runtimeConfigInternalComponentProps": {},
2802
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2803
- },
2804
- AvoidMotionLibraryProvider: {
2805
- "name": "AvoidMotionLibraryProvider",
2806
- "defaultProps": {},
2804
+ Tabs: {
2805
+ "name": "Tabs",
2806
+ "defaultProps": { "variant": "primary" },
2807
2807
  "getStylesLiterals": {},
2808
2808
  "cxLiterals": [],
2809
- "internalComponents": [],
2809
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2810
2810
  "internalComponentProps": {},
2811
- "propToVariantKeys": {},
2811
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2812
2812
  "runtimeConfigDefaultProps": {},
2813
2813
  "runtimeConfigGetStyles": {},
2814
2814
  "runtimeConfigInternalComponentProps": {},