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