@yahoo/uds 3.150.0 → 3.150.1-beta.2

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