@yahoo/uds 3.132.0 → 3.132.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 (14) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/components/client/Input/Input.cjs +8 -4
  4. package/dist/components/client/Input/Input.js +9 -5
  5. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  6. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  7. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  8. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  9. package/dist/styles/styler.d.cts +11 -11
  10. package/dist/styles/styler.d.ts +11 -11
  11. package/dist/uds/generated/componentData.cjs +1214 -1214
  12. package/dist/uds/generated/componentData.js +1214 -1214
  13. package/generated/componentData.json +1529 -1529
  14. package/package.json +1 -1
package/dist/uds/generated/componentData.cjs CHANGED
@@ -1,6 +1,61 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
 
3
3
  //#region generated/componentData.json
4
+ var 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
+ ] },
20
+ "runtimeConfigDefaultProps": {},
21
+ "runtimeConfigGetStyles": {},
22
+ "runtimeConfigInternalComponentProps": {},
23
+ "motionVarPrefixes": []
24
+ };
25
+ var FormLabel = {
26
+ "name": "FormLabel",
27
+ "defaultProps": {
28
+ "color": "muted",
29
+ "variant": "label3",
30
+ "as": "label"
31
+ },
32
+ "getStylesLiterals": {},
33
+ "cxLiterals": ["cursor-[inherit]"],
34
+ "internalComponents": ["Text"],
35
+ "internalComponentProps": { "Text": {
36
+ "as": ["sup"],
37
+ "variant": ["inherit"],
38
+ "spacingStart": ["0.5"]
39
+ } },
40
+ "propToVariantKeys": {},
41
+ "runtimeConfigDefaultProps": {},
42
+ "runtimeConfigGetStyles": {},
43
+ "runtimeConfigInternalComponentProps": {},
44
+ "motionVarPrefixes": []
45
+ };
46
+ var HStack = {
47
+ "name": "HStack",
48
+ "defaultProps": {},
49
+ "getStylesLiterals": {},
50
+ "cxLiterals": [],
51
+ "internalComponents": ["Box"],
52
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
53
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
54
+ "runtimeConfigDefaultProps": {},
55
+ "runtimeConfigGetStyles": {},
56
+ "runtimeConfigInternalComponentProps": {},
57
+ "motionVarPrefixes": []
58
+ };
4
59
  var Icon = {
5
60
  "name": "Icon",
6
61
  "defaultProps": {
@@ -18,24 +73,14 @@ var Icon = {
18
73
  "runtimeConfigInternalComponentProps": {},
19
74
  "motionVarPrefixes": []
20
75
  };
21
- var Text = {
22
- "name": "Text",
23
- "defaultProps": {
24
- "color": "primary",
25
- "variant": "body1"
26
- },
76
+ var IconSlot = {
77
+ "name": "IconSlot",
78
+ "defaultProps": {},
27
79
  "getStylesLiterals": {},
28
80
  "cxLiterals": [],
29
- "internalComponents": ["Comp"],
81
+ "internalComponents": ["Icon"],
30
82
  "internalComponentProps": {},
31
- "propToVariantKeys": { "variant": [
32
- "fontFamily",
33
- "fontSize",
34
- "fontWeight",
35
- "lineHeight",
36
- "textTransform",
37
- "letterSpacing"
38
- ] },
83
+ "propToVariantKeys": {},
39
84
  "runtimeConfigDefaultProps": {},
40
85
  "runtimeConfigGetStyles": {},
41
86
  "runtimeConfigInternalComponentProps": {},
@@ -54,6 +99,44 @@ var Image = {
54
99
  "runtimeConfigInternalComponentProps": {},
55
100
  "motionVarPrefixes": []
56
101
  };
102
+ var Link = {
103
+ "name": "Link",
104
+ "defaultProps": { "variant": "primary" },
105
+ "getStylesLiterals": {
106
+ "display": "inline-flex",
107
+ "alignItems": "center"
108
+ },
109
+ "cxLiterals": [
110
+ "uds-ring",
111
+ "underline",
112
+ "w-[0.7em]",
113
+ "h-[0.7em]"
114
+ ],
115
+ "internalComponents": ["IconSlot"],
116
+ "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
117
+ "propToVariantKeys": {
118
+ "textVariant": [
119
+ "linkTextStyleRoot",
120
+ "fontSize",
121
+ "fontFamily",
122
+ "fontWeight",
123
+ "lineHeight",
124
+ "textTransform",
125
+ "linkTextStyleIcon"
126
+ ],
127
+ "variant": [
128
+ "linkVariantRoot",
129
+ "linkVariantIconStart",
130
+ "linkVariantIconEnd"
131
+ ],
132
+ "startIcon": ["icon"],
133
+ "endIcon": ["icon"]
134
+ },
135
+ "runtimeConfigDefaultProps": {},
136
+ "runtimeConfigGetStyles": {},
137
+ "runtimeConfigInternalComponentProps": {},
138
+ "motionVarPrefixes": []
139
+ };
57
140
  var Scrim = {
58
141
  "name": "Scrim",
59
142
  "defaultProps": {
@@ -81,74 +164,6 @@ var Scrim = {
81
164
  "runtimeConfigInternalComponentProps": {},
82
165
  "motionVarPrefixes": []
83
166
  };
84
- var FormLabel = {
85
- "name": "FormLabel",
86
- "defaultProps": {
87
- "color": "muted",
88
- "variant": "label3",
89
- "as": "label"
90
- },
91
- "getStylesLiterals": {},
92
- "cxLiterals": ["cursor-[inherit]"],
93
- "internalComponents": ["Text"],
94
- "internalComponentProps": { "Text": {
95
- "as": ["sup"],
96
- "variant": ["inherit"],
97
- "spacingStart": ["0.5"]
98
- } },
99
- "propToVariantKeys": {},
100
- "runtimeConfigDefaultProps": {},
101
- "runtimeConfigGetStyles": {},
102
- "runtimeConfigInternalComponentProps": {},
103
- "motionVarPrefixes": []
104
- };
105
- var VStack = {
106
- "name": "VStack",
107
- "defaultProps": {},
108
- "getStylesLiterals": {},
109
- "cxLiterals": [],
110
- "internalComponents": ["Box"],
111
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
112
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
113
- "runtimeConfigDefaultProps": {},
114
- "runtimeConfigGetStyles": {},
115
- "runtimeConfigInternalComponentProps": {},
116
- "motionVarPrefixes": []
117
- };
118
- var IconSlot = {
119
- "name": "IconSlot",
120
- "defaultProps": {},
121
- "getStylesLiterals": {},
122
- "cxLiterals": [],
123
- "internalComponents": ["Icon"],
124
- "internalComponentProps": {},
125
- "propToVariantKeys": {},
126
- "runtimeConfigDefaultProps": {},
127
- "runtimeConfigGetStyles": {},
128
- "runtimeConfigInternalComponentProps": {},
129
- "motionVarPrefixes": []
130
- };
131
- var Box = {
132
- "name": "Box",
133
- "defaultProps": {
134
- "as": "div",
135
- "display": "flex"
136
- },
137
- "getStylesLiterals": {},
138
- "cxLiterals": [],
139
- "internalComponents": ["Comp"],
140
- "internalComponentProps": {},
141
- "propToVariantKeys": { "elevationAlias": [
142
- "backgroundColor",
143
- "borderColor",
144
- "borderWidth",
145
- "dropShadow"
146
- ] },
147
- "runtimeConfigDefaultProps": {},
148
- "runtimeConfigGetStyles": {},
149
- "runtimeConfigInternalComponentProps": {},
150
- "motionVarPrefixes": []
151
- };
152
167
  var SvgFloatingOverlay = {
153
168
  "name": "SvgFloatingOverlay",
154
169
  "defaultProps": { "contentOverflow": "auto" },
@@ -183,68 +198,37 @@ var SvgFloatingOverlay = {
183
198
  "runtimeConfigInternalComponentProps": {},
184
199
  "motionVarPrefixes": []
185
200
  };
186
- var HStack = {
187
- "name": "HStack",
188
- "defaultProps": {},
201
+ var Text = {
202
+ "name": "Text",
203
+ "defaultProps": {
204
+ "color": "primary",
205
+ "variant": "body1"
206
+ },
189
207
  "getStylesLiterals": {},
190
208
  "cxLiterals": [],
191
- "internalComponents": ["Box"],
192
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
193
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
194
- "runtimeConfigDefaultProps": {},
195
- "runtimeConfigGetStyles": {},
196
- "runtimeConfigInternalComponentProps": {},
197
- "motionVarPrefixes": []
198
- };
199
- var Link = {
200
- "name": "Link",
201
- "defaultProps": { "variant": "primary" },
202
- "getStylesLiterals": {
203
- "display": "inline-flex",
204
- "alignItems": "center"
205
- },
206
- "cxLiterals": [
207
- "uds-ring",
208
- "underline",
209
- "w-[0.7em]",
210
- "h-[0.7em]"
211
- ],
212
- "internalComponents": ["IconSlot"],
213
- "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
214
- "propToVariantKeys": {
215
- "textVariant": [
216
- "linkTextStyleRoot",
217
- "fontSize",
218
- "fontFamily",
219
- "fontWeight",
220
- "lineHeight",
221
- "textTransform",
222
- "linkTextStyleIcon"
223
- ],
224
- "variant": [
225
- "linkVariantRoot",
226
- "linkVariantIconStart",
227
- "linkVariantIconEnd"
228
- ],
229
- "startIcon": ["icon"],
230
- "endIcon": ["icon"]
231
- },
209
+ "internalComponents": ["Comp"],
210
+ "internalComponentProps": {},
211
+ "propToVariantKeys": { "variant": [
212
+ "fontFamily",
213
+ "fontSize",
214
+ "fontWeight",
215
+ "lineHeight",
216
+ "textTransform",
217
+ "letterSpacing"
218
+ ] },
232
219
  "runtimeConfigDefaultProps": {},
233
220
  "runtimeConfigGetStyles": {},
234
221
  "runtimeConfigInternalComponentProps": {},
235
222
  "motionVarPrefixes": []
236
223
  };
237
- var BannerDescription = {
238
- "name": "BannerDescription",
224
+ var VStack = {
225
+ "name": "VStack",
239
226
  "defaultProps": {},
240
- "getStylesLiterals": {
241
- "bannerSizeDescription": "default",
242
- "className": "w-full line-clamp-3"
243
- },
227
+ "getStylesLiterals": {},
244
228
  "cxLiterals": [],
245
- "internalComponents": ["Text"],
246
- "internalComponentProps": {},
247
- "propToVariantKeys": {},
229
+ "internalComponents": ["Box"],
230
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
231
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
248
232
  "runtimeConfigDefaultProps": {},
249
233
  "runtimeConfigGetStyles": {},
250
234
  "runtimeConfigInternalComponentProps": {},
@@ -347,25 +331,15 @@ var BannerContent = {
347
331
  "runtimeConfigInternalComponentProps": {},
348
332
  "motionVarPrefixes": []
349
333
  };
350
- var BannerTitle = {
351
- "name": "BannerTitle",
352
- "defaultProps": {},
353
- "getStylesLiterals": { "bannerSizeTitle": "default" },
354
- "cxLiterals": ["w-full", "truncate"],
355
- "internalComponents": ["Text"],
356
- "internalComponentProps": {},
357
- "propToVariantKeys": {},
358
- "runtimeConfigDefaultProps": {},
359
- "runtimeConfigGetStyles": {},
360
- "runtimeConfigInternalComponentProps": {},
361
- "motionVarPrefixes": []
362
- };
363
- var Divider = {
364
- "name": "Divider",
334
+ var BannerDescription = {
335
+ "name": "BannerDescription",
365
336
  "defaultProps": {},
366
- "getStylesLiterals": {},
337
+ "getStylesLiterals": {
338
+ "bannerSizeDescription": "default",
339
+ "className": "w-full line-clamp-3"
340
+ },
367
341
  "cxLiterals": [],
368
- "internalComponents": ["DividerInternal"],
342
+ "internalComponents": ["Text"],
369
343
  "internalComponentProps": {},
370
344
  "propToVariantKeys": {},
371
345
  "runtimeConfigDefaultProps": {},
@@ -373,61 +347,12 @@ var Divider = {
373
347
  "runtimeConfigInternalComponentProps": {},
374
348
  "motionVarPrefixes": []
375
349
  };
376
- var DividerCore = {
377
- "name": "DividerCore",
378
- "defaultProps": { "contentPosition": "center" },
379
- "getStylesLiterals": {},
380
- "cxLiterals": [],
381
- "internalComponents": [
382
- "Box",
383
- "Line",
384
- "InternalComponent",
385
- "Text"
386
- ],
387
- "internalComponentProps": {
388
- "Box": {
389
- "flex": ["1", "none"],
390
- "display": ["flex"]
391
- },
392
- "InternalComponent": {
393
- "flex": ["1"],
394
- "alignItems": ["center"]
395
- },
396
- "Text": {
397
- "as": ["span"],
398
- "color": ["inherit"],
399
- "variant": ["inherit"]
400
- }
401
- },
402
- "propToVariantKeys": {},
403
- "runtimeConfigDefaultProps": {},
404
- "runtimeConfigGetStyles": {},
405
- "runtimeConfigInternalComponentProps": {},
406
- "motionVarPrefixes": []
407
- };
408
- var DividerInternal = {
409
- "name": "DividerInternal",
410
- "defaultProps": { "variant": "primary" },
411
- "getStylesLiterals": {},
412
- "cxLiterals": ["inherit"],
413
- "internalComponents": ["DividerCore"],
414
- "internalComponentProps": {},
415
- "propToVariantKeys": { "variant": [
416
- "dividerVariantRoot",
417
- "dividerVariantLabel",
418
- "dividerVariantLine"
419
- ] },
420
- "runtimeConfigDefaultProps": {},
421
- "runtimeConfigGetStyles": {},
422
- "runtimeConfigInternalComponentProps": {},
423
- "motionVarPrefixes": []
424
- };
425
- var Table_mocks = {
426
- "name": "Table.mocks",
350
+ var BannerTitle = {
351
+ "name": "BannerTitle",
427
352
  "defaultProps": {},
428
- "getStylesLiterals": {},
429
- "cxLiterals": [],
430
- "internalComponents": [],
353
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
354
+ "cxLiterals": ["w-full", "truncate"],
355
+ "internalComponents": ["Text"],
431
356
  "internalComponentProps": {},
432
357
  "propToVariantKeys": {},
433
358
  "runtimeConfigDefaultProps": {},
@@ -459,6 +384,19 @@ var Spinner = {
459
384
  "runtimeConfigInternalComponentProps": {},
460
385
  "motionVarPrefixes": []
461
386
  };
387
+ var Table_mocks = {
388
+ "name": "Table.mocks",
389
+ "defaultProps": {},
390
+ "getStylesLiterals": {},
391
+ "cxLiterals": [],
392
+ "internalComponents": [],
393
+ "internalComponentProps": {},
394
+ "propToVariantKeys": {},
395
+ "runtimeConfigDefaultProps": {},
396
+ "runtimeConfigGetStyles": {},
397
+ "runtimeConfigInternalComponentProps": {},
398
+ "motionVarPrefixes": []
399
+ };
462
400
  var Table = {
463
401
  "name": "Table",
464
402
  "defaultProps": {
@@ -490,32 +428,6 @@ var Table = {
490
428
  "runtimeConfigInternalComponentProps": {},
491
429
  "motionVarPrefixes": []
492
430
  };
493
- var Pressable = {
494
- "name": "Pressable",
495
- "defaultProps": {},
496
- "getStylesLiterals": {},
497
- "cxLiterals": [],
498
- "internalComponents": ["Comp"],
499
- "internalComponentProps": {},
500
- "propToVariantKeys": {},
501
- "runtimeConfigDefaultProps": {},
502
- "runtimeConfigGetStyles": {},
503
- "runtimeConfigInternalComponentProps": {},
504
- "motionVarPrefixes": []
505
- };
506
- var SpringMotionConfig = {
507
- "name": "SpringMotionConfig",
508
- "defaultProps": { "reducedMotion": "user" },
509
- "getStylesLiterals": {},
510
- "cxLiterals": [],
511
- "internalComponents": ["LazyMotion", "MotionConfig"],
512
- "internalComponentProps": {},
513
- "propToVariantKeys": { "loadFeatures": ["features"] },
514
- "runtimeConfigDefaultProps": {},
515
- "runtimeConfigGetStyles": {},
516
- "runtimeConfigInternalComponentProps": {},
517
- "motionVarPrefixes": []
518
- };
519
431
  var AnimateHeightChange = {
520
432
  "name": "AnimateHeightChange",
521
433
  "defaultProps": {},
@@ -529,101 +441,41 @@ var AnimateHeightChange = {
529
441
  "runtimeConfigInternalComponentProps": {},
530
442
  "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
531
443
  };
532
- var Switch = {
533
- "name": "Switch",
444
+ var Badge = {
445
+ "name": "Badge",
534
446
  "defaultProps": {
535
- "labelPosition": "start",
447
+ "variant": "primary",
536
448
  "size": "md"
537
449
  },
538
- "getStylesLiterals": {
539
- "switchVariantRoot": "default",
540
- "switchVariantActiveRoot": "on",
541
- "switchVariantActiveRoot:1": "off",
542
- "display": "flex",
543
- "flexDirection": "row",
544
- "flexDirection:1": "row-reverse",
545
- "alignItems": "center",
546
- "switchVariantSwitch": "default",
547
- "switchVariantActiveSwitch": "on",
548
- "switchVariantActiveSwitch:1": "off",
549
- "borderRadius": "full",
550
- "position": "relative",
551
- "switchVariantActiveHandle": "on",
552
- "switchVariantActiveHandle:1": "off",
553
- "switchVariantHandle": "default",
554
- "switchVariantHandleIcon": "default",
555
- "switchVariantActiveHandleIcon": "on",
556
- "switchVariantActiveHandleIcon:1": "off"
557
- },
450
+ "getStylesLiterals": {},
558
451
  "cxLiterals": [
559
- "group",
560
- "cursor-pointer",
561
- "cursor-default",
562
- "opacity-50",
563
- "uds-ring",
564
- "uds-ring-within",
565
- "transition-[background-color,box-shadow]",
566
- "relative",
567
- "pointer-events-none",
568
- "uds-border-radius-full",
569
- "overflow-hidden",
570
- "absolute",
571
- "top-0",
572
- "left-0",
573
- "right-0",
574
- "bottom-0",
575
- "opacity-95",
576
- "group-hover:opacity-100",
577
- "transition-[background-color,box-shadow,opacity]",
578
- "opacity-0",
579
- "top-1/2",
580
- "left-1/2",
581
- "transform",
582
- "translate-x-[-50%]",
583
- "translate-y-[-50%]",
584
- "transition-opacity",
585
- "cursor-[inherit]",
586
- "w-[calc(100%+2px)]",
587
- "h-[calc(100%+2px)]",
588
- "text-start",
589
- "text-end",
590
- "opacity-100"
591
- ],
592
- "internalComponents": [
593
- "IconSlot",
594
- "Box",
595
- "FormLabel",
596
- "SpringMotionConfig",
597
- "RootElement",
598
- "MotionBox"
452
+ "flex-1",
453
+ "truncate",
454
+ "whitespace-nowrap",
455
+ "text-center"
599
456
  ],
457
+ "internalComponents": ["IconSlot", "HStack"],
600
458
  "internalComponentProps": {
601
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
602
- "FormLabel": {
603
- "as": ["div"],
604
- "variant": ["inherit"],
605
- "color": ["inherit"]
606
- },
607
- "RootElement": { "data-testid": ["container"] }
459
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
460
+ "HStack": {
461
+ "gap": ["2"],
462
+ "display": ["inline-flex"],
463
+ "alignItems": ["center"]
464
+ }
608
465
  },
609
466
  "propToVariantKeys": {
610
- "size": [
611
- "switchSizeRoot",
612
- "switchSizeSwitch",
613
- "switchSizeHandle",
614
- "switchSizeHandleIcon"
615
- ],
616
- "onIcon": ["icon"],
617
- "offIcon": ["icon"],
618
- "reduceMotion": ["reducedMotion"]
467
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
468
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
469
+ "startIcon": ["icon"],
470
+ "endIcon": ["icon"]
619
471
  },
620
472
  "runtimeConfigDefaultProps": {},
621
473
  "runtimeConfigGetStyles": {},
622
474
  "runtimeConfigInternalComponentProps": {},
623
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
475
+ "motionVarPrefixes": []
624
476
  };
625
- var IconButton = {
626
- "name": "IconButton",
477
+ var Button = {
478
+ "name": "Button",
627
479
  "defaultProps": { "type": "button" },
628
480
  "getStylesLiterals": {},
629
481
  "cxLiterals": [
@@ -633,72 +485,51 @@ var IconButton = {
633
485
  "overflow-hidden",
634
486
  "justify-center",
635
487
  "items-center",
488
+ "whitespace-nowrap",
489
+ "select-none",
636
490
  "[transform-origin:center]",
637
491
  "[backface-visibility:hidden]",
638
- "[transition-property:color,background-color,border-color,",
639
- "box-shadow,text-decoration-color,fill,stroke]",
492
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
640
493
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
641
494
  "[transition-duration:220ms]",
642
495
  "cursor-not-allowed",
643
496
  "uds-button-loading",
644
497
  "uds-button-without-effects",
645
- "animate-spin"
498
+ "withIcon",
499
+ "uds-button-with-gap",
500
+ "animate-spin",
501
+ "truncate"
646
502
  ],
647
503
  "internalComponents": [
648
504
  "Icon",
505
+ "IconSlot",
506
+ "AnimatePresence",
649
507
  "SpringMotionConfig",
650
- "AnimatePresence"
508
+ "MotionSlot"
651
509
  ],
652
510
  "internalComponentProps": {
653
511
  "Icon": { "color": ["current"] },
512
+ "AnimatePresence": { "mode": ["popLayout"] },
654
513
  "SpringMotionConfig": { "layoutSpeed": ["3"] },
655
- "AnimatePresence": { "mode": ["popLayout"] }
514
+ "MotionSlot": {
515
+ "whileHover": ["hover"],
516
+ "whileTap": ["pressed"]
517
+ }
656
518
  },
657
519
  "propToVariantKeys": {
658
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
520
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
659
521
  "variant": ["buttonVariantRoot", "buttonVariantIcon"],
660
- "iconVariant": ["variant"]
522
+ "iconVariant": ["variant"],
523
+ "startIcon": ["icon"],
524
+ "endIcon": ["icon"]
661
525
  },
662
526
  "runtimeConfigDefaultProps": {},
663
527
  "runtimeConfigGetStyles": {},
664
528
  "runtimeConfigInternalComponentProps": {},
665
529
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
666
530
  };
667
- var Badge = {
668
- "name": "Badge",
669
- "defaultProps": {
670
- "variant": "primary",
671
- "size": "md"
672
- },
673
- "getStylesLiterals": {},
674
- "cxLiterals": [
675
- "flex-1",
676
- "truncate",
677
- "whitespace-nowrap",
678
- "text-center"
679
- ],
680
- "internalComponents": ["IconSlot", "HStack"],
681
- "internalComponentProps": {
682
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
683
- "HStack": {
684
- "gap": ["2"],
685
- "display": ["inline-flex"],
686
- "alignItems": ["center"]
687
- }
688
- },
689
- "propToVariantKeys": {
690
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
691
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
692
- "startIcon": ["icon"],
693
- "endIcon": ["icon"]
694
- },
695
- "runtimeConfigDefaultProps": {},
696
- "runtimeConfigGetStyles": {},
697
- "runtimeConfigInternalComponentProps": {},
698
- "motionVarPrefixes": []
699
- };
700
- var Checkbox = {
701
- "name": "Checkbox",
531
+ var Checkbox = {
532
+ "name": "Checkbox",
702
533
  "defaultProps": {
703
534
  "labelPosition": "start",
704
535
  "variant": "primary",
@@ -773,8 +604,8 @@ var Checkbox = {
773
604
  "runtimeConfigInternalComponentProps": {},
774
605
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
775
606
  };
776
- var Button = {
777
- "name": "Button",
607
+ var IconButton = {
608
+ "name": "IconButton",
778
609
  "defaultProps": { "type": "button" },
779
610
  "getStylesLiterals": {},
780
611
  "cxLiterals": [
@@ -784,49 +615,218 @@ var Button = {
784
615
  "overflow-hidden",
785
616
  "justify-center",
786
617
  "items-center",
787
- "whitespace-nowrap",
788
- "select-none",
789
618
  "[transform-origin:center]",
790
619
  "[backface-visibility:hidden]",
791
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
620
+ "[transition-property:color,background-color,border-color,",
621
+ "box-shadow,text-decoration-color,fill,stroke]",
792
622
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
793
623
  "[transition-duration:220ms]",
794
624
  "cursor-not-allowed",
795
625
  "uds-button-loading",
796
626
  "uds-button-without-effects",
797
- "withIcon",
798
- "uds-button-with-gap",
799
- "animate-spin",
800
- "truncate"
627
+ "animate-spin"
801
628
  ],
802
629
  "internalComponents": [
803
630
  "Icon",
804
- "IconSlot",
805
- "AnimatePresence",
806
631
  "SpringMotionConfig",
807
- "MotionSlot"
632
+ "AnimatePresence"
808
633
  ],
809
634
  "internalComponentProps": {
810
635
  "Icon": { "color": ["current"] },
811
- "AnimatePresence": { "mode": ["popLayout"] },
812
636
  "SpringMotionConfig": { "layoutSpeed": ["3"] },
813
- "MotionSlot": {
814
- "whileHover": ["hover"],
815
- "whileTap": ["pressed"]
816
- }
637
+ "AnimatePresence": { "mode": ["popLayout"] }
817
638
  },
818
639
  "propToVariantKeys": {
819
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
640
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
820
641
  "variant": ["buttonVariantRoot", "buttonVariantIcon"],
821
- "iconVariant": ["variant"],
822
- "startIcon": ["icon"],
823
- "endIcon": ["icon"]
642
+ "iconVariant": ["variant"]
824
643
  },
825
644
  "runtimeConfigDefaultProps": {},
826
645
  "runtimeConfigGetStyles": {},
827
646
  "runtimeConfigInternalComponentProps": {},
828
647
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
829
648
  };
649
+ var Pressable = {
650
+ "name": "Pressable",
651
+ "defaultProps": {},
652
+ "getStylesLiterals": {},
653
+ "cxLiterals": [],
654
+ "internalComponents": ["Comp"],
655
+ "internalComponentProps": {},
656
+ "propToVariantKeys": {},
657
+ "runtimeConfigDefaultProps": {},
658
+ "runtimeConfigGetStyles": {},
659
+ "runtimeConfigInternalComponentProps": {},
660
+ "motionVarPrefixes": []
661
+ };
662
+ var SpringMotionConfig = {
663
+ "name": "SpringMotionConfig",
664
+ "defaultProps": { "reducedMotion": "user" },
665
+ "getStylesLiterals": {},
666
+ "cxLiterals": [],
667
+ "internalComponents": ["LazyMotion", "MotionConfig"],
668
+ "internalComponentProps": {},
669
+ "propToVariantKeys": { "loadFeatures": ["features"] },
670
+ "runtimeConfigDefaultProps": {},
671
+ "runtimeConfigGetStyles": {},
672
+ "runtimeConfigInternalComponentProps": {},
673
+ "motionVarPrefixes": []
674
+ };
675
+ var Switch = {
676
+ "name": "Switch",
677
+ "defaultProps": {
678
+ "labelPosition": "start",
679
+ "size": "md"
680
+ },
681
+ "getStylesLiterals": {
682
+ "switchVariantRoot": "default",
683
+ "switchVariantActiveRoot": "on",
684
+ "switchVariantActiveRoot:1": "off",
685
+ "display": "flex",
686
+ "flexDirection": "row",
687
+ "flexDirection:1": "row-reverse",
688
+ "alignItems": "center",
689
+ "switchVariantSwitch": "default",
690
+ "switchVariantActiveSwitch": "on",
691
+ "switchVariantActiveSwitch:1": "off",
692
+ "borderRadius": "full",
693
+ "position": "relative",
694
+ "switchVariantActiveHandle": "on",
695
+ "switchVariantActiveHandle:1": "off",
696
+ "switchVariantHandle": "default",
697
+ "switchVariantHandleIcon": "default",
698
+ "switchVariantActiveHandleIcon": "on",
699
+ "switchVariantActiveHandleIcon:1": "off"
700
+ },
701
+ "cxLiterals": [
702
+ "group",
703
+ "cursor-pointer",
704
+ "cursor-default",
705
+ "opacity-50",
706
+ "uds-ring",
707
+ "uds-ring-within",
708
+ "transition-[background-color,box-shadow]",
709
+ "relative",
710
+ "pointer-events-none",
711
+ "uds-border-radius-full",
712
+ "overflow-hidden",
713
+ "absolute",
714
+ "top-0",
715
+ "left-0",
716
+ "right-0",
717
+ "bottom-0",
718
+ "opacity-95",
719
+ "group-hover:opacity-100",
720
+ "transition-[background-color,box-shadow,opacity]",
721
+ "opacity-0",
722
+ "top-1/2",
723
+ "left-1/2",
724
+ "transform",
725
+ "translate-x-[-50%]",
726
+ "translate-y-[-50%]",
727
+ "transition-opacity",
728
+ "cursor-[inherit]",
729
+ "w-[calc(100%+2px)]",
730
+ "h-[calc(100%+2px)]",
731
+ "text-start",
732
+ "text-end",
733
+ "opacity-100"
734
+ ],
735
+ "internalComponents": [
736
+ "IconSlot",
737
+ "Box",
738
+ "FormLabel",
739
+ "SpringMotionConfig",
740
+ "RootElement",
741
+ "MotionBox"
742
+ ],
743
+ "internalComponentProps": {
744
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
745
+ "FormLabel": {
746
+ "as": ["div"],
747
+ "variant": ["inherit"],
748
+ "color": ["inherit"]
749
+ },
750
+ "RootElement": { "data-testid": ["container"] }
751
+ },
752
+ "propToVariantKeys": {
753
+ "size": [
754
+ "switchSizeRoot",
755
+ "switchSizeSwitch",
756
+ "switchSizeHandle",
757
+ "switchSizeHandleIcon"
758
+ ],
759
+ "onIcon": ["icon"],
760
+ "offIcon": ["icon"],
761
+ "reduceMotion": ["reducedMotion"]
762
+ },
763
+ "runtimeConfigDefaultProps": {},
764
+ "runtimeConfigGetStyles": {},
765
+ "runtimeConfigInternalComponentProps": {},
766
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
767
+ };
768
+ var Divider = {
769
+ "name": "Divider",
770
+ "defaultProps": {},
771
+ "getStylesLiterals": {},
772
+ "cxLiterals": [],
773
+ "internalComponents": ["DividerInternal"],
774
+ "internalComponentProps": {},
775
+ "propToVariantKeys": {},
776
+ "runtimeConfigDefaultProps": {},
777
+ "runtimeConfigGetStyles": {},
778
+ "runtimeConfigInternalComponentProps": {},
779
+ "motionVarPrefixes": []
780
+ };
781
+ var DividerCore = {
782
+ "name": "DividerCore",
783
+ "defaultProps": { "contentPosition": "center" },
784
+ "getStylesLiterals": {},
785
+ "cxLiterals": [],
786
+ "internalComponents": [
787
+ "Box",
788
+ "Line",
789
+ "InternalComponent",
790
+ "Text"
791
+ ],
792
+ "internalComponentProps": {
793
+ "Box": {
794
+ "flex": ["1", "none"],
795
+ "display": ["flex"]
796
+ },
797
+ "InternalComponent": {
798
+ "flex": ["1"],
799
+ "alignItems": ["center"]
800
+ },
801
+ "Text": {
802
+ "as": ["span"],
803
+ "color": ["inherit"],
804
+ "variant": ["inherit"]
805
+ }
806
+ },
807
+ "propToVariantKeys": {},
808
+ "runtimeConfigDefaultProps": {},
809
+ "runtimeConfigGetStyles": {},
810
+ "runtimeConfigInternalComponentProps": {},
811
+ "motionVarPrefixes": []
812
+ };
813
+ var DividerInternal = {
814
+ "name": "DividerInternal",
815
+ "defaultProps": { "variant": "primary" },
816
+ "getStylesLiterals": {},
817
+ "cxLiterals": ["inherit"],
818
+ "internalComponents": ["DividerCore"],
819
+ "internalComponentProps": {},
820
+ "propToVariantKeys": { "variant": [
821
+ "dividerVariantRoot",
822
+ "dividerVariantLabel",
823
+ "dividerVariantLine"
824
+ ] },
825
+ "runtimeConfigDefaultProps": {},
826
+ "runtimeConfigGetStyles": {},
827
+ "runtimeConfigInternalComponentProps": {},
828
+ "motionVarPrefixes": []
829
+ };
830
830
  var Accordion = {
831
831
  "name": "Accordion",
832
832
  "defaultProps": {
@@ -878,18 +878,31 @@ var Accordion = {
878
878
  "runtimeConfigInternalComponentProps": {},
879
879
  "motionVarPrefixes": ["--uds-motion-smooth-3-"]
880
880
  };
881
- var Modal = {
882
- "name": "Modal",
881
+ var AvoidMotionLibraryProvider = {
882
+ "name": "AvoidMotionLibraryProvider",
883
883
  "defaultProps": {},
884
884
  "getStylesLiterals": {},
885
- "cxLiterals": [
886
- "inset-8",
887
- "top-[250px]",
888
- "z-50",
889
- "mx-auto",
890
- "h-fit",
891
- "w-[600px]",
892
- "origin-center",
885
+ "cxLiterals": [],
886
+ "internalComponents": [],
887
+ "internalComponentProps": {},
888
+ "propToVariantKeys": {},
889
+ "runtimeConfigDefaultProps": {},
890
+ "runtimeConfigGetStyles": {},
891
+ "runtimeConfigInternalComponentProps": {},
892
+ "motionVarPrefixes": []
893
+ };
894
+ var Modal = {
895
+ "name": "Modal",
896
+ "defaultProps": {},
897
+ "getStylesLiterals": {},
898
+ "cxLiterals": [
899
+ "inset-8",
900
+ "top-[250px]",
901
+ "z-50",
902
+ "mx-auto",
903
+ "h-fit",
904
+ "w-[600px]",
905
+ "origin-center",
893
906
  "scale-95",
894
907
  "opacity-0",
895
908
  "transition",
@@ -937,19 +950,6 @@ var Modal = {
937
950
  "runtimeConfigInternalComponentProps": {},
938
951
  "motionVarPrefixes": []
939
952
  };
940
- var AvoidMotionLibraryProvider = {
941
- "name": "AvoidMotionLibraryProvider",
942
- "defaultProps": {},
943
- "getStylesLiterals": {},
944
- "cxLiterals": [],
945
- "internalComponents": [],
946
- "internalComponentProps": {},
947
- "propToVariantKeys": {},
948
- "runtimeConfigDefaultProps": {},
949
- "runtimeConfigGetStyles": {},
950
- "runtimeConfigInternalComponentProps": {},
951
- "motionVarPrefixes": []
952
- };
953
953
  var SegmentedControl = {
954
954
  "name": "SegmentedControl",
955
955
  "defaultProps": { "textVariant": "label2" },
@@ -1107,12 +1107,12 @@ var SwitchV2 = {
1107
1107
  "runtimeConfigInternalComponentProps": {},
1108
1108
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1109
1109
  };
1110
- var UDSToastConfigProvider = {
1111
- "name": "UDSToastConfigProvider",
1110
+ var Avatar = {
1111
+ "name": "Avatar",
1112
1112
  "defaultProps": {},
1113
1113
  "getStylesLiterals": {},
1114
1114
  "cxLiterals": [],
1115
- "internalComponents": ["ToastContext.Provider"],
1115
+ "internalComponents": ["AvatarImage"],
1116
1116
  "internalComponentProps": {},
1117
1117
  "propToVariantKeys": {},
1118
1118
  "runtimeConfigDefaultProps": {},
@@ -1120,182 +1120,89 @@ var UDSToastConfigProvider = {
1120
1120
  "runtimeConfigInternalComponentProps": {},
1121
1121
  "motionVarPrefixes": []
1122
1122
  };
1123
- var ToastPortal = {
1124
- "name": "ToastPortal",
1125
- "defaultProps": {},
1123
+ var AvatarIcon = {
1124
+ "name": "AvatarIcon",
1125
+ "defaultProps": {
1126
+ "size": "md",
1127
+ "variant": "primary"
1128
+ },
1126
1129
  "getStylesLiterals": {},
1127
- "cxLiterals": [],
1128
- "internalComponents": ["ReactToastifyToastContainer"],
1130
+ "cxLiterals": [
1131
+ "overflow-hidden",
1132
+ "w-full",
1133
+ "h-full",
1134
+ "shrink-0",
1135
+ "text-center",
1136
+ "inline-flex",
1137
+ "justify-center",
1138
+ "items-center"
1139
+ ],
1140
+ "internalComponents": ["IconSlot", "Box"],
1129
1141
  "internalComponentProps": {},
1130
- "propToVariantKeys": {},
1131
- "runtimeConfigDefaultProps": {
1132
- "size": "toast.defaultSize",
1133
- "variant": "toast.defaultVariant"
1134
- },
1142
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1143
+ "runtimeConfigDefaultProps": {},
1135
1144
  "runtimeConfigGetStyles": {},
1136
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1145
+ "runtimeConfigInternalComponentProps": {},
1137
1146
  "motionVarPrefixes": []
1138
1147
  };
1139
- var Toast = {
1140
- "name": "Toast",
1141
- "defaultProps": {},
1142
- "getStylesLiterals": {
1143
- "className": "animate-spin",
1144
- "className:1": "flex-none",
1145
- "spacing": "2",
1146
- "borderRadius": "full"
1148
+ var AvatarImage = {
1149
+ "name": "AvatarImage",
1150
+ "defaultProps": {
1151
+ "size": "md",
1152
+ "variant": "primary"
1147
1153
  },
1154
+ "getStylesLiterals": {},
1148
1155
  "cxLiterals": [
1149
- "duration-0",
1150
- "duration-120",
1151
- "transition-[background-color]",
1152
- "bg-carbon-15/0",
1153
- "hover:bg-carbon-15/10",
1154
- "active:bg-carbon-15/15",
1155
- "uds-ring"
1156
+ "overflow-hidden",
1157
+ "w-full",
1158
+ "h-full",
1159
+ "shrink-0",
1160
+ "text-center",
1161
+ "inline-flex",
1162
+ "justify-center",
1163
+ "items-center",
1164
+ "object-cover"
1156
1165
  ],
1157
1166
  "internalComponents": [
1158
- "IconSlot",
1159
- "ToastContainer",
1160
- "Text",
1161
- "Button",
1162
- "Pressable"
1167
+ "UDSImage",
1168
+ "AvatarText",
1169
+ "AvatarIcon",
1170
+ "Box"
1163
1171
  ],
1164
1172
  "internalComponentProps": {},
1165
1173
  "propToVariantKeys": {
1166
- "size": [
1167
- "toastSizeLabel",
1168
- "toastSizeIcon",
1169
- "toastSizeActionButton",
1170
- "toastSizeCloseIcon"
1171
- ],
1172
- "variant": [
1173
- "toastVariantIcon",
1174
- "toastVariantActionButton",
1175
- "toastVariantCloseIcon"
1176
- ],
1177
- "closeIcon": ["icon"],
1178
- "onClickActionButton": ["onClick"]
1179
- },
1180
- "runtimeConfigDefaultProps": {
1181
- "size": "toast.defaultSize",
1182
- "variant": "toast.defaultVariant"
1183
- },
1184
- "runtimeConfigGetStyles": {
1185
- "toastSizeLabel": ["toast.defaultSize"],
1186
- "toastVariantIcon": ["toast.defaultVariant"],
1187
- "toastSizeIcon": ["toast.defaultSize"],
1188
- "toastSizeActionButton": ["toast.defaultSize"],
1189
- "toastVariantActionButton": ["toast.defaultVariant"],
1190
- "toastVariantCloseIcon": ["toast.defaultVariant"],
1191
- "toastSizeCloseIcon": ["toast.defaultSize"]
1192
- },
1193
- "runtimeConfigInternalComponentProps": {
1194
- "ToastContainer": {
1195
- "size": ["toast.defaultSize"],
1196
- "variant": ["toast.defaultVariant"]
1197
- },
1198
- "Text": {
1199
- "variant": ["toast.textVariant.${size}"],
1200
- "color": ["toast.textColor.${variant}"]
1201
- },
1202
- "Button": {
1203
- "size": ["toast.buttonSize.${size}"],
1204
- "variant": ["toast.buttonVariant.${variant}"]
1205
- }
1206
- },
1207
- "motionVarPrefixes": []
1208
- };
1209
- var ToastContainer = {
1210
- "name": "ToastContainer",
1211
- "defaultProps": {},
1212
- "getStylesLiterals": {
1213
- "position": "relative",
1214
- "alignItems": "center",
1215
- "display": "flex",
1216
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1217
- },
1218
- "cxLiterals": ["w-full"],
1219
- "internalComponents": ["HStack"],
1220
- "internalComponentProps": { "HStack": {
1221
- "alignItems": ["center"],
1222
- "justifyContent": ["space-between"],
1223
- "overflow": ["hidden"],
1224
- "position": ["relative"]
1225
- } },
1226
- "propToVariantKeys": {
1227
- "variant": ["toastVariantRoot"],
1228
- "size": ["toastSizeRoot"]
1229
- },
1230
- "runtimeConfigDefaultProps": {
1231
- "size": "toast.defaultSize",
1232
- "variant": "toast.defaultVariant"
1233
- },
1234
- "runtimeConfigGetStyles": {
1235
- "toastVariantRoot": ["toast.defaultVariant"],
1236
- "toastSizeRoot": ["toast.defaultSize"]
1174
+ "alt": ["name"],
1175
+ "fallback": ["initials"]
1237
1176
  },
1238
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1239
- "motionVarPrefixes": []
1240
- };
1241
- var BottomSheetInternalContext = {
1242
- "name": "BottomSheetInternalContext",
1243
- "defaultProps": {},
1244
- "getStylesLiterals": {},
1245
- "cxLiterals": [],
1246
- "internalComponents": [],
1247
- "internalComponentProps": {},
1248
- "propToVariantKeys": {},
1249
1177
  "runtimeConfigDefaultProps": {},
1250
1178
  "runtimeConfigGetStyles": {},
1251
1179
  "runtimeConfigInternalComponentProps": {},
1252
1180
  "motionVarPrefixes": []
1253
1181
  };
1254
- var BottomSheetContent = {
1255
- "name": "BottomSheetContent",
1256
- "defaultProps": {},
1257
- "getStylesLiterals": {},
1258
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1259
- "internalComponents": ["Box", "VStack"],
1260
- "internalComponentProps": {
1261
- "Box": {
1262
- "display": ["block"],
1263
- "flex": ["1"]
1264
- },
1265
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1182
+ var AvatarText = {
1183
+ "name": "AvatarText",
1184
+ "defaultProps": {
1185
+ "size": "md",
1186
+ "variant": "primary"
1266
1187
  },
1267
- "propToVariantKeys": {},
1268
- "runtimeConfigDefaultProps": {},
1269
- "runtimeConfigGetStyles": {},
1270
- "runtimeConfigInternalComponentProps": {},
1271
- "motionVarPrefixes": []
1272
- };
1273
- var BottomSheetHandle = {
1274
- "name": "BottomSheetHandle",
1275
- "defaultProps": { "variant": "default" },
1276
1188
  "getStylesLiterals": {},
1277
1189
  "cxLiterals": [
1278
- "relative",
1279
- "h-5",
1280
- "w-16",
1281
- "outline-none",
1282
- "focus-visible:outline-none",
1283
- "[touch-action:pan-y]",
1284
- "absolute",
1285
- "left-1/2",
1286
- "top-1/2",
1287
- "-translate-x-1/2",
1288
- "-translate-y-1/2",
1289
- "h-1",
1290
- "w-8",
1291
- "rounded-full"
1190
+ "overflow-hidden",
1191
+ "truncate",
1192
+ "w-full",
1193
+ "h-full",
1194
+ "shrink-0",
1195
+ "text-center",
1196
+ "inline-flex",
1197
+ "justify-center",
1198
+ "items-center"
1292
1199
  ],
1293
- "internalComponents": ["Box"],
1294
- "internalComponentProps": { "Box": {
1295
- "display": ["block", "flex"],
1296
- "justifyContent": ["center"]
1200
+ "internalComponents": ["Box", "Text"],
1201
+ "internalComponentProps": { "Text": {
1202
+ "color": ["inherit"],
1203
+ "variant": ["inherit"]
1297
1204
  } },
1298
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1205
+ "propToVariantKeys": {},
1299
1206
  "runtimeConfigDefaultProps": {},
1300
1207
  "runtimeConfigGetStyles": {},
1301
1208
  "runtimeConfigInternalComponentProps": {},
@@ -1346,9 +1253,72 @@ var BottomSheet = {
1346
1253
  "runtimeConfigInternalComponentProps": {},
1347
1254
  "motionVarPrefixes": []
1348
1255
  };
1349
- var BottomSheetHeader = {
1350
- "name": "BottomSheetHeader",
1351
- "defaultProps": { "variant": "default" },
1256
+ var BottomSheetContent = {
1257
+ "name": "BottomSheetContent",
1258
+ "defaultProps": {},
1259
+ "getStylesLiterals": {},
1260
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1261
+ "internalComponents": ["Box", "VStack"],
1262
+ "internalComponentProps": {
1263
+ "Box": {
1264
+ "display": ["block"],
1265
+ "flex": ["1"]
1266
+ },
1267
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1268
+ },
1269
+ "propToVariantKeys": {},
1270
+ "runtimeConfigDefaultProps": {},
1271
+ "runtimeConfigGetStyles": {},
1272
+ "runtimeConfigInternalComponentProps": {},
1273
+ "motionVarPrefixes": []
1274
+ };
1275
+ var BottomSheetDismiss = {
1276
+ "name": "BottomSheetDismiss",
1277
+ "defaultProps": {},
1278
+ "getStylesLiterals": {},
1279
+ "cxLiterals": [],
1280
+ "internalComponents": ["AriakitDialogDismiss"],
1281
+ "internalComponentProps": {},
1282
+ "propToVariantKeys": {},
1283
+ "runtimeConfigDefaultProps": {},
1284
+ "runtimeConfigGetStyles": {},
1285
+ "runtimeConfigInternalComponentProps": {},
1286
+ "motionVarPrefixes": []
1287
+ };
1288
+ var BottomSheetHandle = {
1289
+ "name": "BottomSheetHandle",
1290
+ "defaultProps": { "variant": "default" },
1291
+ "getStylesLiterals": {},
1292
+ "cxLiterals": [
1293
+ "relative",
1294
+ "h-5",
1295
+ "w-16",
1296
+ "outline-none",
1297
+ "focus-visible:outline-none",
1298
+ "[touch-action:pan-y]",
1299
+ "absolute",
1300
+ "left-1/2",
1301
+ "top-1/2",
1302
+ "-translate-x-1/2",
1303
+ "-translate-y-1/2",
1304
+ "h-1",
1305
+ "w-8",
1306
+ "rounded-full"
1307
+ ],
1308
+ "internalComponents": ["Box"],
1309
+ "internalComponentProps": { "Box": {
1310
+ "display": ["block", "flex"],
1311
+ "justifyContent": ["center"]
1312
+ } },
1313
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1314
+ "runtimeConfigDefaultProps": {},
1315
+ "runtimeConfigGetStyles": {},
1316
+ "runtimeConfigInternalComponentProps": {},
1317
+ "motionVarPrefixes": []
1318
+ };
1319
+ var BottomSheetHeader = {
1320
+ "name": "BottomSheetHeader",
1321
+ "defaultProps": { "variant": "default" },
1352
1322
  "getStylesLiterals": {},
1353
1323
  "cxLiterals": [
1354
1324
  "grid-cols-[40px_1fr_40px]",
@@ -1377,12 +1347,12 @@ var BottomSheetHeader = {
1377
1347
  "runtimeConfigInternalComponentProps": {},
1378
1348
  "motionVarPrefixes": []
1379
1349
  };
1380
- var BottomSheetTrigger = {
1381
- "name": "BottomSheetTrigger",
1350
+ var BottomSheetInternalContext = {
1351
+ "name": "BottomSheetInternalContext",
1382
1352
  "defaultProps": {},
1383
1353
  "getStylesLiterals": {},
1384
1354
  "cxLiterals": [],
1385
- "internalComponents": ["AriakitDialogDisclosure"],
1355
+ "internalComponents": [],
1386
1356
  "internalComponentProps": {},
1387
1357
  "propToVariantKeys": {},
1388
1358
  "runtimeConfigDefaultProps": {},
@@ -1390,12 +1360,12 @@ var BottomSheetTrigger = {
1390
1360
  "runtimeConfigInternalComponentProps": {},
1391
1361
  "motionVarPrefixes": []
1392
1362
  };
1393
- var UDSBottomSheetConfigProvider = {
1394
- "name": "UDSBottomSheetConfigProvider",
1363
+ var BottomSheetProvider = {
1364
+ "name": "BottomSheetProvider",
1395
1365
  "defaultProps": {},
1396
1366
  "getStylesLiterals": {},
1397
1367
  "cxLiterals": [],
1398
- "internalComponents": ["BottomSheetContext.Provider"],
1368
+ "internalComponents": ["AriakitDialogProvider"],
1399
1369
  "internalComponentProps": {},
1400
1370
  "propToVariantKeys": {},
1401
1371
  "runtimeConfigDefaultProps": {},
@@ -1403,12 +1373,12 @@ var UDSBottomSheetConfigProvider = {
1403
1373
  "runtimeConfigInternalComponentProps": {},
1404
1374
  "motionVarPrefixes": []
1405
1375
  };
1406
- var BottomSheetDismiss = {
1407
- "name": "BottomSheetDismiss",
1376
+ var BottomSheetTrigger = {
1377
+ "name": "BottomSheetTrigger",
1408
1378
  "defaultProps": {},
1409
1379
  "getStylesLiterals": {},
1410
1380
  "cxLiterals": [],
1411
- "internalComponents": ["AriakitDialogDismiss"],
1381
+ "internalComponents": ["AriakitDialogDisclosure"],
1412
1382
  "internalComponentProps": {},
1413
1383
  "propToVariantKeys": {},
1414
1384
  "runtimeConfigDefaultProps": {},
@@ -1416,12 +1386,12 @@ var BottomSheetDismiss = {
1416
1386
  "runtimeConfigInternalComponentProps": {},
1417
1387
  "motionVarPrefixes": []
1418
1388
  };
1419
- var BottomSheetProvider = {
1420
- "name": "BottomSheetProvider",
1389
+ var UDSBottomSheetConfigProvider = {
1390
+ "name": "UDSBottomSheetConfigProvider",
1421
1391
  "defaultProps": {},
1422
1392
  "getStylesLiterals": {},
1423
1393
  "cxLiterals": [],
1424
- "internalComponents": ["AriakitDialogProvider"],
1394
+ "internalComponents": ["BottomSheetContext.Provider"],
1425
1395
  "internalComponentProps": {},
1426
1396
  "propToVariantKeys": {},
1427
1397
  "runtimeConfigDefaultProps": {},
@@ -1429,66 +1399,17 @@ var BottomSheetProvider = {
1429
1399
  "runtimeConfigInternalComponentProps": {},
1430
1400
  "motionVarPrefixes": []
1431
1401
  };
1432
- var AvatarText = {
1433
- "name": "AvatarText",
1434
- "defaultProps": {
1435
- "size": "md",
1436
- "variant": "primary"
1437
- },
1438
- "getStylesLiterals": {},
1439
- "cxLiterals": [
1440
- "overflow-hidden",
1441
- "truncate",
1442
- "w-full",
1443
- "h-full",
1444
- "shrink-0",
1445
- "text-center",
1446
- "inline-flex",
1447
- "justify-center",
1448
- "items-center"
1449
- ],
1450
- "internalComponents": ["Box", "Text"],
1451
- "internalComponentProps": { "Text": {
1452
- "color": ["inherit"],
1453
- "variant": ["inherit"]
1454
- } },
1455
- "propToVariantKeys": {},
1456
- "runtimeConfigDefaultProps": {},
1457
- "runtimeConfigGetStyles": {},
1458
- "runtimeConfigInternalComponentProps": {},
1459
- "motionVarPrefixes": []
1460
- };
1461
- var AvatarIcon = {
1462
- "name": "AvatarIcon",
1463
- "defaultProps": {
1464
- "size": "md",
1465
- "variant": "primary"
1466
- },
1467
- "getStylesLiterals": {},
1468
- "cxLiterals": [
1469
- "overflow-hidden",
1470
- "w-full",
1471
- "h-full",
1472
- "shrink-0",
1473
- "text-center",
1474
- "inline-flex",
1475
- "justify-center",
1476
- "items-center"
1477
- ],
1478
- "internalComponents": ["IconSlot", "Box"],
1479
- "internalComponentProps": {},
1480
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1481
- "runtimeConfigDefaultProps": {},
1482
- "runtimeConfigGetStyles": {},
1483
- "runtimeConfigInternalComponentProps": {},
1484
- "motionVarPrefixes": []
1485
- };
1486
- var Avatar = {
1487
- "name": "Avatar",
1402
+ var Chip = {
1403
+ "name": "Chip",
1488
1404
  "defaultProps": {},
1489
1405
  "getStylesLiterals": {},
1490
1406
  "cxLiterals": [],
1491
- "internalComponents": ["AvatarImage"],
1407
+ "internalComponents": [
1408
+ "ChipDismissible",
1409
+ "ChipToggle",
1410
+ "ChipLink",
1411
+ "ChipButton"
1412
+ ],
1492
1413
  "internalComponentProps": {},
1493
1414
  "propToVariantKeys": {},
1494
1415
  "runtimeConfigDefaultProps": {},
@@ -1496,47 +1417,53 @@ var Avatar = {
1496
1417
  "runtimeConfigInternalComponentProps": {},
1497
1418
  "motionVarPrefixes": []
1498
1419
  };
1499
- var AvatarImage = {
1500
- "name": "AvatarImage",
1420
+ var ChipBase = {
1421
+ "name": "ChipBase",
1501
1422
  "defaultProps": {
1502
1423
  "size": "md",
1503
- "variant": "primary"
1424
+ "as": "div"
1504
1425
  },
1505
1426
  "getStylesLiterals": {},
1506
1427
  "cxLiterals": [
1507
- "overflow-hidden",
1508
- "w-full",
1509
- "h-full",
1510
- "shrink-0",
1511
- "text-center",
1428
+ "pointer-events-none",
1429
+ "cursor-default",
1430
+ "opacity-50",
1512
1431
  "inline-flex",
1513
- "justify-center",
1514
1432
  "items-center",
1515
- "object-cover"
1433
+ "transition-[background-color,outline-color,box-shadow]",
1434
+ "truncate",
1435
+ "whitespace-nowrap",
1436
+ "text-center",
1437
+ "flex-1"
1516
1438
  ],
1517
1439
  "internalComponents": [
1518
- "UDSImage",
1519
- "AvatarText",
1520
- "AvatarIcon",
1521
- "Box"
1440
+ "IconSlot",
1441
+ "HStack",
1442
+ "As",
1443
+ "Text"
1522
1444
  ],
1523
- "internalComponentProps": {},
1445
+ "internalComponentProps": { "Text": {
1446
+ "as": ["span"],
1447
+ "color": ["current"],
1448
+ "variant": ["inherit"]
1449
+ } },
1524
1450
  "propToVariantKeys": {
1525
- "alt": ["name"],
1526
- "fallback": ["initials"]
1451
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1452
+ "startIcon": ["icon"],
1453
+ "endIcon": ["icon"]
1527
1454
  },
1528
1455
  "runtimeConfigDefaultProps": {},
1529
1456
  "runtimeConfigGetStyles": {},
1530
1457
  "runtimeConfigInternalComponentProps": {},
1531
1458
  "motionVarPrefixes": []
1532
1459
  };
1533
- var ChipLink = {
1534
- "name": "ChipLink",
1460
+ var ChipButton = {
1461
+ "name": "ChipButton",
1535
1462
  "defaultProps": { "variant": "primary" },
1536
1463
  "getStylesLiterals": {},
1537
1464
  "cxLiterals": ["uds-ring"],
1538
1465
  "internalComponents": ["ChipBase"],
1539
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1466
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1540
1467
  "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1541
1468
  "runtimeConfigDefaultProps": {},
1542
1469
  "runtimeConfigGetStyles": {},
@@ -1568,6 +1495,19 @@ var ChipDismissible = {
1568
1495
  "runtimeConfigInternalComponentProps": {},
1569
1496
  "motionVarPrefixes": []
1570
1497
  };
1498
+ var ChipLink = {
1499
+ "name": "ChipLink",
1500
+ "defaultProps": { "variant": "primary" },
1501
+ "getStylesLiterals": {},
1502
+ "cxLiterals": ["uds-ring"],
1503
+ "internalComponents": ["ChipBase"],
1504
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1505
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1506
+ "runtimeConfigDefaultProps": {},
1507
+ "runtimeConfigGetStyles": {},
1508
+ "runtimeConfigInternalComponentProps": {},
1509
+ "motionVarPrefixes": []
1510
+ };
1571
1511
  var ChipToggle = {
1572
1512
  "name": "ChipToggle",
1573
1513
  "defaultProps": {
@@ -1587,83 +1527,79 @@ var ChipToggle = {
1587
1527
  "runtimeConfigInternalComponentProps": {},
1588
1528
  "motionVarPrefixes": []
1589
1529
  };
1590
- var ChipBase = {
1591
- "name": "ChipBase",
1530
+ var Menu_Content = {
1531
+ "name": "Menu.Content",
1592
1532
  "defaultProps": {
1593
- "size": "md",
1594
- "as": "div"
1533
+ "size": "default",
1534
+ "variant": "default",
1535
+ "gutter": "1"
1595
1536
  },
1596
1537
  "getStylesLiterals": {},
1597
1538
  "cxLiterals": [
1598
- "pointer-events-none",
1599
- "cursor-default",
1600
- "opacity-50",
1601
- "inline-flex",
1602
- "items-center",
1603
- "transition-[background-color,outline-color,box-shadow]",
1604
- "truncate",
1605
- "whitespace-nowrap",
1606
- "text-center",
1607
- "flex-1"
1539
+ "uds-menu-content",
1540
+ "transition-shadow",
1541
+ "duration-200",
1542
+ "ease-in-out",
1543
+ "min-w-60",
1544
+ "max-w-lg",
1545
+ "max-h-96",
1546
+ "overflow-auto",
1547
+ "uds-ring",
1548
+ "z-10",
1549
+ "group"
1608
1550
  ],
1609
1551
  "internalComponents": [
1610
- "IconSlot",
1611
- "HStack",
1612
- "As",
1613
- "Text"
1552
+ "AriakitMenu",
1553
+ "AnimatePresence",
1554
+ "MotionVStack"
1614
1555
  ],
1615
- "internalComponentProps": { "Text": {
1616
- "as": ["span"],
1617
- "color": ["current"],
1618
- "variant": ["inherit"]
1619
- } },
1556
+ "internalComponentProps": {},
1620
1557
  "propToVariantKeys": {
1621
- "size": ["chipSizeRoot", "chipSizeIcon"],
1622
- "startIcon": ["icon"],
1623
- "endIcon": ["icon"]
1558
+ "size": ["menucontentSizeRoot"],
1559
+ "variant": ["menucontentVariantRoot"]
1624
1560
  },
1625
1561
  "runtimeConfigDefaultProps": {},
1626
1562
  "runtimeConfigGetStyles": {},
1627
1563
  "runtimeConfigInternalComponentProps": {},
1628
1564
  "motionVarPrefixes": []
1629
1565
  };
1630
- var Chip = {
1631
- "name": "Chip",
1632
- "defaultProps": {},
1633
- "getStylesLiterals": {},
1566
+ var Menu_Divider = {
1567
+ "name": "Menu.Divider",
1568
+ "defaultProps": {
1569
+ "role": "separator",
1570
+ "contentPosition": "start",
1571
+ "gap": "4"
1572
+ },
1573
+ "getStylesLiterals": {
1574
+ "menuitemDividerVariantRoot": "default",
1575
+ "menuitemDividerVariantText": "default",
1576
+ "menuitemDividerVariantLine": "default"
1577
+ },
1634
1578
  "cxLiterals": [],
1635
- "internalComponents": [
1636
- "ChipDismissible",
1637
- "ChipToggle",
1638
- "ChipLink",
1639
- "ChipButton"
1640
- ],
1641
- "internalComponentProps": {},
1579
+ "internalComponents": ["DividerInternal"],
1580
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1642
1581
  "propToVariantKeys": {},
1643
1582
  "runtimeConfigDefaultProps": {},
1644
1583
  "runtimeConfigGetStyles": {},
1645
1584
  "runtimeConfigInternalComponentProps": {},
1646
1585
  "motionVarPrefixes": []
1647
1586
  };
1648
- var ChipButton = {
1649
- "name": "ChipButton",
1650
- "defaultProps": { "variant": "primary" },
1651
- "getStylesLiterals": {},
1652
- "cxLiterals": ["uds-ring"],
1653
- "internalComponents": ["ChipBase"],
1654
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1655
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1656
- "runtimeConfigDefaultProps": {},
1657
- "runtimeConfigGetStyles": {},
1658
- "runtimeConfigInternalComponentProps": {},
1659
- "motionVarPrefixes": []
1660
- };
1661
- var TabPanel = {
1662
- "name": "TabPanel",
1587
+ var Menu_Item = {
1588
+ "name": "Menu.Item",
1663
1589
  "defaultProps": {},
1664
- "getStylesLiterals": {},
1590
+ "getStylesLiterals": {
1591
+ "menuitemItemVariantRoot": "default",
1592
+ "menuitemItemVariantActiveRoot": "on",
1593
+ "menuitemItemVariantActiveRoot:1": "off",
1594
+ "menuitemItemVariantText": "default",
1595
+ "menuitemItemVariantActiveText": "on",
1596
+ "menuitemItemVariantActiveText:1": "off",
1597
+ "menuitemItemVariantIcon": "default",
1598
+ "menuitemItemVariantActiveIcon": "on",
1599
+ "menuitemItemVariantActiveIcon:1": "off"
1600
+ },
1665
1601
  "cxLiterals": [],
1666
- "internalComponents": ["AriakitTabPanel"],
1602
+ "internalComponents": ["MenuItemBase"],
1667
1603
  "internalComponentProps": {},
1668
1604
  "propToVariantKeys": {},
1669
1605
  "runtimeConfigDefaultProps": {},
@@ -1671,128 +1607,85 @@ var TabPanel = {
1671
1607
  "runtimeConfigInternalComponentProps": {},
1672
1608
  "motionVarPrefixes": []
1673
1609
  };
1674
- var Tabs = {
1675
- "name": "Tabs",
1676
- "defaultProps": { "variant": "primary" },
1677
- "getStylesLiterals": {},
1678
- "cxLiterals": [],
1679
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
1680
- "internalComponentProps": {},
1681
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
1682
- "runtimeConfigDefaultProps": {},
1683
- "runtimeConfigGetStyles": {},
1684
- "runtimeConfigInternalComponentProps": {},
1685
- "motionVarPrefixes": []
1686
- };
1687
- var TabList = {
1688
- "name": "TabList",
1689
- "defaultProps": { "variant": "primary" },
1690
- "getStylesLiterals": {
1691
- "tabSizeRoot": "default",
1692
- "tabVariantActiveRoot": "on"
1610
+ var Menu_ItemBase = {
1611
+ "name": "Menu.ItemBase",
1612
+ "defaultProps": {
1613
+ "spacing": "0",
1614
+ "spacingHorizontal": "4",
1615
+ "spacingVertical": "3.5",
1616
+ "columnGap": "2",
1617
+ "alignItems": "center",
1618
+ "justifyContent": "space-between"
1693
1619
  },
1694
- "cxLiterals": [
1695
- "pointer-events-none",
1696
- "absolute",
1697
- "bottom-0",
1698
- "left-0",
1699
- "right-0",
1700
- "h-[var(--uds-tab-underline-width,0px)]",
1701
- "bg-[var(--uds-tab-underline-color,transparent)]",
1702
- "transition-[height,background-color]",
1703
- "duration-[240ms]",
1704
- "ease-[cubic-bezier(0.2,0,0,1)]",
1705
- "!m-0",
1706
- "!p-0",
1707
- "!gap-0",
1708
- "box-border",
1709
- "z-0",
1710
- "min-w-0",
1711
- "min-h-0",
1712
- "flex",
1713
- "flex-row",
1714
- "items-center",
1715
- "overflow-x-auto",
1716
- "overflow-y-clip",
1717
- "scrollbar-none",
1718
- "[overflow-clip-margin:6px]",
1719
- "overflow-clip",
1720
- "[overflow-clip-margin:8px]",
1721
- "relative"
1722
- ],
1723
- "internalComponents": ["AriakitTabList"],
1724
- "internalComponentProps": {},
1725
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
1726
- "runtimeConfigDefaultProps": {},
1727
- "runtimeConfigGetStyles": {},
1728
- "runtimeConfigInternalComponentProps": {},
1729
- "motionVarPrefixes": []
1730
- };
1731
- var Tab = {
1732
- "name": "Tab",
1733
- "defaultProps": { "variant": "primary" },
1734
1620
  "getStylesLiterals": {
1735
- "tabSizeRoot": "default",
1736
- "tabVariantActiveRoot": "off",
1737
- "tabVariantActiveRoot:1": "on",
1738
- "tabSizeIcon": "default"
1621
+ "textAlign": "start",
1622
+ "menuitemSizeRoot": "default",
1623
+ "flexDirection": "row",
1624
+ "menuitemSizeStartIcon": "default",
1625
+ "menuitemSizeEndIcon": "default"
1739
1626
  },
1740
1627
  "cxLiterals": [
1741
- "pointer-events-none",
1742
- "absolute",
1743
- "bottom-0",
1744
- "left-0",
1745
- "right-0",
1746
- "h-[var(--uds-tab-underline-width,0px)]",
1747
- "bg-[var(--uds-tab-underline-color,transparent)]",
1748
- "transition-[height,background-color]",
1749
- "duration-[240ms]",
1750
- "ease-[cubic-bezier(0.2,0,0,1)]",
1751
- "!bg-transparent",
1752
- "!shadow-none",
1753
- "inline-flex",
1754
- "items-center",
1755
- "shrink-0",
1756
- "box-border",
1757
- "relative",
1758
- "z-[1]",
1759
- "cursor-pointer",
1760
- "select-none",
1761
- "whitespace-nowrap",
1628
+ "flex",
1629
+ "focus-visible:text-brand",
1630
+ "focus-visible:bg-brand-secondary",
1631
+ "focus-visible:z-10",
1762
1632
  "uds-ring",
1763
- "opacity-50",
1764
- "cursor-default",
1765
- "border-solid",
1766
- "border-b-solid",
1767
- "transition-colors"
1633
+ "!-outline-offset-2",
1634
+ "[&:not([aria-checked])]:cursor-default",
1635
+ "opacity-25",
1636
+ "cursor-not-allowed",
1637
+ "duration-20",
1638
+ "transition-[font-variation-settings]",
1639
+ "ease-in-out",
1640
+ "z-0",
1641
+ "uds-start-icon",
1642
+ "uds-end-icon"
1768
1643
  ],
1769
1644
  "internalComponents": [
1645
+ "Pressable",
1770
1646
  "IconSlot",
1771
- "AriakitTab",
1772
- "Text"
1647
+ "RootComponent",
1648
+ "HStack",
1649
+ "AnimatePresence"
1773
1650
  ],
1774
- "internalComponentProps": { "Text": {
1775
- "variant": ["inherit"],
1776
- "as": ["span"],
1777
- "color": ["current"]
1778
- } },
1651
+ "internalComponentProps": {
1652
+ "HStack": {
1653
+ "alignItems": ["center"],
1654
+ "width": ["full"]
1655
+ },
1656
+ "AnimatePresence": { "mode": ["popLayout"] }
1657
+ },
1779
1658
  "propToVariantKeys": {
1780
- "variant": ["tabVariantRoot", "tabVariantIcon"],
1781
- "activeState": ["tabVariantActiveIcon"],
1659
+ "startIconClassName": ["className"],
1660
+ "endIconClassName": ["className"],
1782
1661
  "startIcon": ["icon"],
1783
- "endIcon": ["icon"]
1662
+ "endIcon": ["icon"],
1663
+ "columnGap": ["gap"]
1784
1664
  },
1785
1665
  "runtimeConfigDefaultProps": {},
1786
1666
  "runtimeConfigGetStyles": {},
1787
1667
  "runtimeConfigInternalComponentProps": {},
1788
1668
  "motionVarPrefixes": []
1789
1669
  };
1790
- var UDSPopoverConfigProvider = {
1791
- "name": "UDSPopoverConfigProvider",
1670
+ var Menu_ItemCheckbox = {
1671
+ "name": "Menu.ItemCheckbox",
1792
1672
  "defaultProps": {},
1793
- "getStylesLiterals": {},
1794
- "cxLiterals": [],
1795
- "internalComponents": ["PopoverContext.Provider"],
1673
+ "getStylesLiterals": {
1674
+ "menuitemItemCheckboxVariantRoot": "default",
1675
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1676
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1677
+ "menuitemItemCheckboxVariantText": "default",
1678
+ "menuitemItemCheckboxVariantActiveText": "on",
1679
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1680
+ "menuitemItemCheckboxVariantStartIcon": "default",
1681
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1682
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1683
+ "menuitemItemCheckboxVariantEndIcon": "default",
1684
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1685
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1686
+ },
1687
+ "cxLiterals": ["uds-menu-item-checkbox"],
1688
+ "internalComponents": ["MenuItemBase"],
1796
1689
  "internalComponentProps": {},
1797
1690
  "propToVariantKeys": {},
1798
1691
  "runtimeConfigDefaultProps": {},
@@ -1800,37 +1693,34 @@ var UDSPopoverConfigProvider = {
1800
1693
  "runtimeConfigInternalComponentProps": {},
1801
1694
  "motionVarPrefixes": []
1802
1695
  };
1803
- var Popover = {
1804
- "name": "Popover",
1696
+ var Menu_Provider = {
1697
+ "name": "Menu.Provider",
1805
1698
  "defaultProps": {},
1806
1699
  "getStylesLiterals": {},
1807
1700
  "cxLiterals": [],
1808
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1701
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1809
1702
  "internalComponentProps": {},
1810
1703
  "propToVariantKeys": {},
1811
- "runtimeConfigDefaultProps": {
1812
- "size": "popover.defaultSize",
1813
- "variant": "popover.defaultVariant"
1814
- },
1704
+ "runtimeConfigDefaultProps": {},
1815
1705
  "runtimeConfigGetStyles": {},
1816
1706
  "runtimeConfigInternalComponentProps": {},
1817
- "motionVarPrefixes": []
1707
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1818
1708
  };
1819
- var PopoverTrigger = {
1820
- "name": "PopoverTrigger",
1709
+ var Menu_Trigger = {
1710
+ "name": "Menu.Trigger",
1821
1711
  "defaultProps": {},
1822
1712
  "getStylesLiterals": {},
1823
- "cxLiterals": [],
1824
- "internalComponents": ["PopoverDisclosure"],
1825
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1826
- "propToVariantKeys": { "children": ["render"] },
1713
+ "cxLiterals": ["uds-menu-trigger"],
1714
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1715
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1716
+ "propToVariantKeys": {},
1827
1717
  "runtimeConfigDefaultProps": {},
1828
1718
  "runtimeConfigGetStyles": {},
1829
1719
  "runtimeConfigInternalComponentProps": {},
1830
1720
  "motionVarPrefixes": []
1831
1721
  };
1832
- var PopoverContext = {
1833
- "name": "PopoverContext",
1722
+ var Menu_index = {
1723
+ "name": "Menu.index",
1834
1724
  "defaultProps": {},
1835
1725
  "getStylesLiterals": {},
1836
1726
  "cxLiterals": [],
@@ -1842,75 +1732,17 @@ var PopoverContext = {
1842
1732
  "runtimeConfigInternalComponentProps": {},
1843
1733
  "motionVarPrefixes": []
1844
1734
  };
1845
- var PopoverContent = {
1846
- "name": "PopoverContent",
1735
+ var Menu = {
1736
+ "name": "Menu",
1847
1737
  "defaultProps": {},
1848
- "getStylesLiterals": {
1849
- "popoverSizeRoot": "default",
1850
- "popoverVariantRoot": "default",
1851
- "display": "flex",
1852
- "position": "relative",
1853
- "display:1": "block",
1854
- "spacingTop": "0",
1855
- "spacingStart": "0",
1856
- "spacingBottom": "0",
1857
- "spacingEnd": "0",
1858
- "popoverSizeSvgBase": "default",
1859
- "popoverVariantSvgBase": "default",
1860
- "popoverSizeSvgBorder": "default",
1861
- "popoverVariantSvgBorder": "default",
1862
- "popoverVariantBlur": "default",
1863
- "position:1": "absolute",
1864
- "width": "full",
1865
- "height": "full",
1866
- "flexShrink": "0",
1867
- "borderRadius": "full",
1868
- "alignItems": "center",
1869
- "justifyContent": "center",
1870
- "popoverVariantCloseIcon": "default",
1871
- "popoverSizeCloseIcon": "default"
1872
- },
1873
- "cxLiterals": [
1874
- "z-[9999]",
1875
- "outline-none",
1876
- "focus-visible:outline-none",
1877
- "uds-bgBlurFillFallback",
1878
- "uds-bgBlurFallback",
1879
- "top-0",
1880
- "left-0",
1881
- "z-[1]",
1882
- "duration-0",
1883
- "duration-120",
1884
- "transition-[background-color]",
1885
- "bg-carbon-15/0",
1886
- "hover:bg-carbon-15/10",
1887
- "active:bg-carbon-15/15",
1888
- "uds-ring",
1889
- "absolute",
1890
- "z-[4]"
1891
- ],
1892
- "internalComponents": [
1893
- "PopoverDismiss",
1894
- "IconSlot",
1895
- "PopoverArrow",
1896
- "Popover",
1897
- "SvgFloatingOverlay",
1898
- "Box",
1899
- "Pressable"
1900
- ],
1738
+ "getStylesLiterals": {},
1739
+ "cxLiterals": [],
1740
+ "internalComponents": [],
1901
1741
  "internalComponentProps": {},
1902
- "propToVariantKeys": { "closeIcon": ["icon"] },
1903
- "runtimeConfigDefaultProps": {
1904
- "size": "popover.defaultSize",
1905
- "variant": "popover.defaultVariant"
1906
- },
1907
- "runtimeConfigGetStyles": {
1908
- "spacingTop": ["popover.spacingVertical.${size}"],
1909
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1910
- "spacingBottom": ["popover.spacingVertical.${size}"],
1911
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1912
- },
1913
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1742
+ "propToVariantKeys": {},
1743
+ "runtimeConfigDefaultProps": {},
1744
+ "runtimeConfigGetStyles": {},
1745
+ "runtimeConfigInternalComponentProps": {},
1914
1746
  "motionVarPrefixes": []
1915
1747
  };
1916
1748
  var Input = {
@@ -2043,157 +1875,238 @@ var InputHelpTextInternal = {
2043
1875
  "runtimeConfigInternalComponentProps": {},
2044
1876
  "motionVarPrefixes": []
2045
1877
  };
2046
- var Menu_Item = {
2047
- "name": "Menu.Item",
2048
- "defaultProps": {},
2049
- "getStylesLiterals": {
2050
- "menuitemItemVariantRoot": "default",
2051
- "menuitemItemVariantActiveRoot": "on",
2052
- "menuitemItemVariantActiveRoot:1": "off",
2053
- "menuitemItemVariantText": "default",
2054
- "menuitemItemVariantActiveText": "on",
2055
- "menuitemItemVariantActiveText:1": "off",
2056
- "menuitemItemVariantIcon": "default",
2057
- "menuitemItemVariantActiveIcon": "on",
2058
- "menuitemItemVariantActiveIcon:1": "off"
2059
- },
2060
- "cxLiterals": [],
2061
- "internalComponents": ["MenuItemBase"],
2062
- "internalComponentProps": {},
2063
- "propToVariantKeys": {},
2064
- "runtimeConfigDefaultProps": {},
2065
- "runtimeConfigGetStyles": {},
2066
- "runtimeConfigInternalComponentProps": {},
2067
- "motionVarPrefixes": []
2068
- };
2069
- var Menu_index = {
2070
- "name": "Menu.index",
1878
+ var Popover = {
1879
+ "name": "Popover",
2071
1880
  "defaultProps": {},
2072
1881
  "getStylesLiterals": {},
2073
1882
  "cxLiterals": [],
2074
- "internalComponents": [],
1883
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
2075
1884
  "internalComponentProps": {},
2076
1885
  "propToVariantKeys": {},
2077
- "runtimeConfigDefaultProps": {},
1886
+ "runtimeConfigDefaultProps": {
1887
+ "size": "popover.defaultSize",
1888
+ "variant": "popover.defaultVariant"
1889
+ },
2078
1890
  "runtimeConfigGetStyles": {},
2079
1891
  "runtimeConfigInternalComponentProps": {},
2080
1892
  "motionVarPrefixes": []
2081
1893
  };
2082
- var Menu = {
2083
- "name": "Menu",
1894
+ var PopoverContent = {
1895
+ "name": "PopoverContent",
2084
1896
  "defaultProps": {},
2085
- "getStylesLiterals": {},
2086
- "cxLiterals": [],
2087
- "internalComponents": [],
2088
- "internalComponentProps": {},
2089
- "propToVariantKeys": {},
2090
- "runtimeConfigDefaultProps": {},
2091
- "runtimeConfigGetStyles": {},
2092
- "runtimeConfigInternalComponentProps": {},
2093
- "motionVarPrefixes": []
2094
- };
2095
- var Menu_Content = {
2096
- "name": "Menu.Content",
2097
- "defaultProps": {
2098
- "size": "default",
2099
- "variant": "default",
2100
- "gutter": "1"
1897
+ "getStylesLiterals": {
1898
+ "popoverSizeRoot": "default",
1899
+ "popoverVariantRoot": "default",
1900
+ "display": "flex",
1901
+ "position": "relative",
1902
+ "display:1": "block",
1903
+ "spacingTop": "0",
1904
+ "spacingStart": "0",
1905
+ "spacingBottom": "0",
1906
+ "spacingEnd": "0",
1907
+ "popoverSizeSvgBase": "default",
1908
+ "popoverVariantSvgBase": "default",
1909
+ "popoverSizeSvgBorder": "default",
1910
+ "popoverVariantSvgBorder": "default",
1911
+ "popoverVariantBlur": "default",
1912
+ "position:1": "absolute",
1913
+ "width": "full",
1914
+ "height": "full",
1915
+ "flexShrink": "0",
1916
+ "borderRadius": "full",
1917
+ "alignItems": "center",
1918
+ "justifyContent": "center",
1919
+ "popoverVariantCloseIcon": "default",
1920
+ "popoverSizeCloseIcon": "default"
2101
1921
  },
2102
- "getStylesLiterals": {},
2103
1922
  "cxLiterals": [
2104
- "uds-menu-content",
2105
- "transition-shadow",
2106
- "duration-200",
2107
- "ease-in-out",
2108
- "min-w-60",
2109
- "max-w-lg",
2110
- "max-h-96",
2111
- "overflow-auto",
1923
+ "z-[9999]",
1924
+ "outline-none",
1925
+ "focus-visible:outline-none",
1926
+ "uds-bgBlurFillFallback",
1927
+ "uds-bgBlurFallback",
1928
+ "top-0",
1929
+ "left-0",
1930
+ "z-[1]",
1931
+ "duration-0",
1932
+ "duration-120",
1933
+ "transition-[background-color]",
1934
+ "bg-carbon-15/0",
1935
+ "hover:bg-carbon-15/10",
1936
+ "active:bg-carbon-15/15",
2112
1937
  "uds-ring",
2113
- "z-10",
2114
- "group"
1938
+ "absolute",
1939
+ "z-[4]"
2115
1940
  ],
2116
1941
  "internalComponents": [
2117
- "AriakitMenu",
2118
- "AnimatePresence",
2119
- "MotionVStack"
1942
+ "PopoverDismiss",
1943
+ "IconSlot",
1944
+ "PopoverArrow",
1945
+ "Popover",
1946
+ "SvgFloatingOverlay",
1947
+ "Box",
1948
+ "Pressable"
2120
1949
  ],
2121
1950
  "internalComponentProps": {},
2122
- "propToVariantKeys": {
2123
- "size": ["menucontentSizeRoot"],
2124
- "variant": ["menucontentVariantRoot"]
1951
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1952
+ "runtimeConfigDefaultProps": {
1953
+ "size": "popover.defaultSize",
1954
+ "variant": "popover.defaultVariant"
2125
1955
  },
2126
- "runtimeConfigDefaultProps": {},
2127
- "runtimeConfigGetStyles": {},
2128
- "runtimeConfigInternalComponentProps": {},
1956
+ "runtimeConfigGetStyles": {
1957
+ "spacingTop": ["popover.spacingVertical.${size}"],
1958
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1959
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1960
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1961
+ },
1962
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
2129
1963
  "motionVarPrefixes": []
2130
1964
  };
2131
- var Menu_Trigger = {
2132
- "name": "Menu.Trigger",
1965
+ var PopoverContext = {
1966
+ "name": "PopoverContext",
2133
1967
  "defaultProps": {},
2134
1968
  "getStylesLiterals": {},
2135
- "cxLiterals": ["uds-menu-trigger"],
2136
- "internalComponents": ["AriakitMenuTrigger", "Box"],
2137
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1969
+ "cxLiterals": [],
1970
+ "internalComponents": [],
1971
+ "internalComponentProps": {},
2138
1972
  "propToVariantKeys": {},
2139
1973
  "runtimeConfigDefaultProps": {},
2140
1974
  "runtimeConfigGetStyles": {},
2141
1975
  "runtimeConfigInternalComponentProps": {},
2142
1976
  "motionVarPrefixes": []
2143
1977
  };
2144
- var Menu_Divider = {
2145
- "name": "Menu.Divider",
2146
- "defaultProps": {
2147
- "role": "separator",
2148
- "contentPosition": "start",
2149
- "gap": "4"
2150
- },
2151
- "getStylesLiterals": {
2152
- "menuitemDividerVariantRoot": "default",
2153
- "menuitemDividerVariantText": "default",
2154
- "menuitemDividerVariantLine": "default"
2155
- },
1978
+ var PopoverTrigger = {
1979
+ "name": "PopoverTrigger",
1980
+ "defaultProps": {},
1981
+ "getStylesLiterals": {},
2156
1982
  "cxLiterals": [],
2157
- "internalComponents": ["DividerInternal"],
2158
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
2159
- "propToVariantKeys": {},
1983
+ "internalComponents": ["PopoverDisclosure"],
1984
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1985
+ "propToVariantKeys": { "children": ["render"] },
2160
1986
  "runtimeConfigDefaultProps": {},
2161
1987
  "runtimeConfigGetStyles": {},
2162
1988
  "runtimeConfigInternalComponentProps": {},
2163
1989
  "motionVarPrefixes": []
2164
1990
  };
2165
- var Menu_Provider = {
2166
- "name": "Menu.Provider",
1991
+ var UDSPopoverConfigProvider = {
1992
+ "name": "UDSPopoverConfigProvider",
2167
1993
  "defaultProps": {},
2168
1994
  "getStylesLiterals": {},
2169
1995
  "cxLiterals": [],
2170
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1996
+ "internalComponents": ["PopoverContext.Provider"],
2171
1997
  "internalComponentProps": {},
2172
1998
  "propToVariantKeys": {},
2173
1999
  "runtimeConfigDefaultProps": {},
2174
2000
  "runtimeConfigGetStyles": {},
2175
2001
  "runtimeConfigInternalComponentProps": {},
2176
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2002
+ "motionVarPrefixes": []
2177
2003
  };
2178
- var Menu_ItemCheckbox = {
2179
- "name": "Menu.ItemCheckbox",
2180
- "defaultProps": {},
2181
- "getStylesLiterals": {
2182
- "menuitemItemCheckboxVariantRoot": "default",
2183
- "menuitemItemCheckboxVariantActiveRoot": "on",
2184
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2185
- "menuitemItemCheckboxVariantText": "default",
2186
- "menuitemItemCheckboxVariantActiveText": "on",
2187
- "menuitemItemCheckboxVariantActiveText:1": "off",
2188
- "menuitemItemCheckboxVariantStartIcon": "default",
2189
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2190
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2191
- "menuitemItemCheckboxVariantEndIcon": "default",
2192
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2193
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2004
+ var Radio = {
2005
+ "name": "Radio",
2006
+ "defaultProps": {
2007
+ "labelPosition": "start",
2008
+ "variant": "primary",
2009
+ "size": "md",
2010
+ "value": ""
2194
2011
  },
2195
- "cxLiterals": ["uds-menu-item-checkbox"],
2196
- "internalComponents": ["MenuItemBase"],
2012
+ "getStylesLiterals": {
2013
+ "radioVariantValueRoot": "checked",
2014
+ "radioVariantValueRoot:1": "unchecked",
2015
+ "display": "flex",
2016
+ "flexDirection": "row",
2017
+ "flexDirection:1": "row-reverse",
2018
+ "alignItems": "center",
2019
+ "radioVariantValueRadio": "checked",
2020
+ "radioVariantValueRadio:1": "unchecked",
2021
+ "radioVariantValueRadioCircle": "checked",
2022
+ "radioVariantValueRadioCircle:1": "unchecked"
2023
+ },
2024
+ "cxLiterals": [
2025
+ "cursor-pointer",
2026
+ "cursor-default",
2027
+ "opacity-50",
2028
+ "border",
2029
+ "uds-ring",
2030
+ "uds-ring-within",
2031
+ "transition-[background-color,border-color]",
2032
+ "transition-shadow",
2033
+ "pointer-events-none",
2034
+ "w-[8px]",
2035
+ "h-[8px]",
2036
+ "transition-opacity",
2037
+ "cursor-[inherit]",
2038
+ "absolute",
2039
+ "opacity-0",
2040
+ "top-1/2",
2041
+ "left-1/2",
2042
+ "w-[calc(100%+2px)]",
2043
+ "h-[calc(100%+2px)]",
2044
+ "transform",
2045
+ "translate-x-[-50%]",
2046
+ "translate-y-[-50%]",
2047
+ "text-start",
2048
+ "text-end"
2049
+ ],
2050
+ "internalComponents": [
2051
+ "Box",
2052
+ "FormLabel",
2053
+ "SpringMotionConfig",
2054
+ "RootElement",
2055
+ "MotionBox"
2056
+ ],
2057
+ "internalComponentProps": {
2058
+ "Box": { "borderRadius": ["full"] },
2059
+ "FormLabel": {
2060
+ "as": ["div"],
2061
+ "variant": ["inherit"],
2062
+ "color": ["inherit"]
2063
+ },
2064
+ "RootElement": { "data-testid": ["container"] },
2065
+ "MotionBox": {
2066
+ "position": ["relative"],
2067
+ "borderRadius": ["full"],
2068
+ "alignItems": ["center"],
2069
+ "justifyContent": ["center"],
2070
+ "flex": ["none"]
2071
+ }
2072
+ },
2073
+ "propToVariantKeys": {
2074
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2075
+ "variant": [
2076
+ "radioVariantRoot",
2077
+ "radioVariantRadio",
2078
+ "radioVariantRadioCircle"
2079
+ ],
2080
+ "reduceMotion": ["reducedMotion"]
2081
+ },
2082
+ "runtimeConfigDefaultProps": {},
2083
+ "runtimeConfigGetStyles": {},
2084
+ "runtimeConfigInternalComponentProps": {},
2085
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2086
+ };
2087
+ var RadioGroupProvider = {
2088
+ "name": "RadioGroupProvider",
2089
+ "defaultProps": {},
2090
+ "getStylesLiterals": {},
2091
+ "cxLiterals": [],
2092
+ "internalComponents": [
2093
+ "DivProps",
2094
+ "Comp",
2095
+ "RadioGroupContext.Provider"
2096
+ ],
2097
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2098
+ "propToVariantKeys": {},
2099
+ "runtimeConfigDefaultProps": {},
2100
+ "runtimeConfigGetStyles": {},
2101
+ "runtimeConfigInternalComponentProps": {},
2102
+ "motionVarPrefixes": []
2103
+ };
2104
+ var RadioGroupStore = {
2105
+ "name": "RadioGroupStore",
2106
+ "defaultProps": {},
2107
+ "getStylesLiterals": {},
2108
+ "cxLiterals": [],
2109
+ "internalComponents": [],
2197
2110
  "internalComponentProps": {},
2198
2111
  "propToVariantKeys": {},
2199
2112
  "runtimeConfigDefaultProps": {},
@@ -2201,91 +2114,259 @@ var Menu_ItemCheckbox = {
2201
2114
  "runtimeConfigInternalComponentProps": {},
2202
2115
  "motionVarPrefixes": []
2203
2116
  };
2204
- var Menu_ItemBase = {
2205
- "name": "Menu.ItemBase",
2206
- "defaultProps": {
2207
- "spacing": "0",
2208
- "spacingHorizontal": "4",
2209
- "spacingVertical": "3.5",
2210
- "columnGap": "2",
2211
- "alignItems": "center",
2212
- "justifyContent": "space-between"
2213
- },
2117
+ var Tab = {
2118
+ "name": "Tab",
2119
+ "defaultProps": { "variant": "primary" },
2214
2120
  "getStylesLiterals": {
2215
- "textAlign": "start",
2216
- "menuitemSizeRoot": "default",
2217
- "flexDirection": "row",
2218
- "menuitemSizeStartIcon": "default",
2219
- "menuitemSizeEndIcon": "default"
2121
+ "tabSizeRoot": "default",
2122
+ "tabVariantActiveRoot": "off",
2123
+ "tabVariantActiveRoot:1": "on",
2124
+ "tabSizeIcon": "default"
2220
2125
  },
2221
2126
  "cxLiterals": [
2222
- "flex",
2223
- "focus-visible:text-brand",
2224
- "focus-visible:bg-brand-secondary",
2225
- "focus-visible:z-10",
2127
+ "pointer-events-none",
2128
+ "absolute",
2129
+ "bottom-0",
2130
+ "left-0",
2131
+ "right-0",
2132
+ "h-[var(--uds-tab-underline-width,0px)]",
2133
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2134
+ "transition-[height,background-color]",
2135
+ "duration-[240ms]",
2136
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2137
+ "!bg-transparent",
2138
+ "!shadow-none",
2139
+ "inline-flex",
2140
+ "items-center",
2141
+ "shrink-0",
2142
+ "box-border",
2143
+ "relative",
2144
+ "z-[1]",
2145
+ "cursor-pointer",
2146
+ "select-none",
2147
+ "whitespace-nowrap",
2226
2148
  "uds-ring",
2227
- "!-outline-offset-2",
2228
- "[&:not([aria-checked])]:cursor-default",
2229
- "opacity-25",
2230
- "cursor-not-allowed",
2231
- "duration-20",
2232
- "transition-[font-variation-settings]",
2233
- "ease-in-out",
2234
- "z-0",
2235
- "uds-start-icon",
2236
- "uds-end-icon"
2149
+ "opacity-50",
2150
+ "cursor-default",
2151
+ "border-solid",
2152
+ "border-b-solid",
2153
+ "transition-colors"
2237
2154
  ],
2238
2155
  "internalComponents": [
2239
- "Pressable",
2240
2156
  "IconSlot",
2241
- "RootComponent",
2242
- "HStack",
2243
- "AnimatePresence"
2157
+ "AriakitTab",
2158
+ "Text"
2244
2159
  ],
2245
- "internalComponentProps": {
2246
- "HStack": {
2247
- "alignItems": ["center"],
2248
- "width": ["full"]
2249
- },
2250
- "AnimatePresence": { "mode": ["popLayout"] }
2251
- },
2160
+ "internalComponentProps": { "Text": {
2161
+ "variant": ["inherit"],
2162
+ "as": ["span"],
2163
+ "color": ["current"]
2164
+ } },
2252
2165
  "propToVariantKeys": {
2253
- "startIconClassName": ["className"],
2254
- "endIconClassName": ["className"],
2166
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2167
+ "activeState": ["tabVariantActiveIcon"],
2255
2168
  "startIcon": ["icon"],
2256
- "endIcon": ["icon"],
2257
- "columnGap": ["gap"]
2169
+ "endIcon": ["icon"]
2258
2170
  },
2259
2171
  "runtimeConfigDefaultProps": {},
2260
2172
  "runtimeConfigGetStyles": {},
2261
2173
  "runtimeConfigInternalComponentProps": {},
2262
2174
  "motionVarPrefixes": []
2263
2175
  };
2264
- var UDSBreakpointsConfigProvider = {
2265
- "name": "UDSBreakpointsConfigProvider",
2176
+ var TabList = {
2177
+ "name": "TabList",
2178
+ "defaultProps": { "variant": "primary" },
2179
+ "getStylesLiterals": {
2180
+ "tabSizeRoot": "default",
2181
+ "tabVariantActiveRoot": "on"
2182
+ },
2183
+ "cxLiterals": [
2184
+ "pointer-events-none",
2185
+ "absolute",
2186
+ "bottom-0",
2187
+ "left-0",
2188
+ "right-0",
2189
+ "h-[var(--uds-tab-underline-width,0px)]",
2190
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2191
+ "transition-[height,background-color]",
2192
+ "duration-[240ms]",
2193
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2194
+ "!m-0",
2195
+ "!p-0",
2196
+ "!gap-0",
2197
+ "box-border",
2198
+ "z-0",
2199
+ "min-w-0",
2200
+ "min-h-0",
2201
+ "flex",
2202
+ "flex-row",
2203
+ "items-center",
2204
+ "overflow-x-auto",
2205
+ "overflow-y-clip",
2206
+ "scrollbar-none",
2207
+ "[overflow-clip-margin:6px]",
2208
+ "overflow-clip",
2209
+ "[overflow-clip-margin:8px]",
2210
+ "relative"
2211
+ ],
2212
+ "internalComponents": ["AriakitTabList"],
2213
+ "internalComponentProps": {},
2214
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2215
+ "runtimeConfigDefaultProps": {},
2216
+ "runtimeConfigGetStyles": {},
2217
+ "runtimeConfigInternalComponentProps": {},
2218
+ "motionVarPrefixes": []
2219
+ };
2220
+ var TabPanel = {
2221
+ "name": "TabPanel",
2222
+ "defaultProps": {},
2223
+ "getStylesLiterals": {},
2224
+ "cxLiterals": [],
2225
+ "internalComponents": ["AriakitTabPanel"],
2226
+ "internalComponentProps": {},
2227
+ "propToVariantKeys": {},
2228
+ "runtimeConfigDefaultProps": {},
2229
+ "runtimeConfigGetStyles": {},
2230
+ "runtimeConfigInternalComponentProps": {},
2231
+ "motionVarPrefixes": []
2232
+ };
2233
+ var Tabs = {
2234
+ "name": "Tabs",
2235
+ "defaultProps": { "variant": "primary" },
2236
+ "getStylesLiterals": {},
2237
+ "cxLiterals": [],
2238
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2239
+ "internalComponentProps": {},
2240
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2241
+ "runtimeConfigDefaultProps": {},
2242
+ "runtimeConfigGetStyles": {},
2243
+ "runtimeConfigInternalComponentProps": {},
2244
+ "motionVarPrefixes": []
2245
+ };
2246
+ var Toast = {
2247
+ "name": "Toast",
2248
+ "defaultProps": {},
2249
+ "getStylesLiterals": {
2250
+ "className": "animate-spin",
2251
+ "className:1": "flex-none",
2252
+ "spacing": "2",
2253
+ "borderRadius": "full"
2254
+ },
2255
+ "cxLiterals": [
2256
+ "duration-0",
2257
+ "duration-120",
2258
+ "transition-[background-color]",
2259
+ "bg-carbon-15/0",
2260
+ "hover:bg-carbon-15/10",
2261
+ "active:bg-carbon-15/15",
2262
+ "uds-ring"
2263
+ ],
2264
+ "internalComponents": [
2265
+ "IconSlot",
2266
+ "ToastContainer",
2267
+ "Text",
2268
+ "Button",
2269
+ "Pressable"
2270
+ ],
2271
+ "internalComponentProps": {},
2272
+ "propToVariantKeys": {
2273
+ "size": [
2274
+ "toastSizeLabel",
2275
+ "toastSizeIcon",
2276
+ "toastSizeActionButton",
2277
+ "toastSizeCloseIcon"
2278
+ ],
2279
+ "variant": [
2280
+ "toastVariantIcon",
2281
+ "toastVariantActionButton",
2282
+ "toastVariantCloseIcon"
2283
+ ],
2284
+ "closeIcon": ["icon"],
2285
+ "onClickActionButton": ["onClick"]
2286
+ },
2287
+ "runtimeConfigDefaultProps": {
2288
+ "size": "toast.defaultSize",
2289
+ "variant": "toast.defaultVariant"
2290
+ },
2291
+ "runtimeConfigGetStyles": {
2292
+ "toastSizeLabel": ["toast.defaultSize"],
2293
+ "toastVariantIcon": ["toast.defaultVariant"],
2294
+ "toastSizeIcon": ["toast.defaultSize"],
2295
+ "toastSizeActionButton": ["toast.defaultSize"],
2296
+ "toastVariantActionButton": ["toast.defaultVariant"],
2297
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2298
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2299
+ },
2300
+ "runtimeConfigInternalComponentProps": {
2301
+ "ToastContainer": {
2302
+ "size": ["toast.defaultSize"],
2303
+ "variant": ["toast.defaultVariant"]
2304
+ },
2305
+ "Text": {
2306
+ "variant": ["toast.textVariant.${size}"],
2307
+ "color": ["toast.textColor.${variant}"]
2308
+ },
2309
+ "Button": {
2310
+ "size": ["toast.buttonSize.${size}"],
2311
+ "variant": ["toast.buttonVariant.${variant}"]
2312
+ }
2313
+ },
2314
+ "motionVarPrefixes": []
2315
+ };
2316
+ var ToastContainer = {
2317
+ "name": "ToastContainer",
2318
+ "defaultProps": {},
2319
+ "getStylesLiterals": {
2320
+ "position": "relative",
2321
+ "alignItems": "center",
2322
+ "display": "flex",
2323
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2324
+ },
2325
+ "cxLiterals": ["w-full"],
2326
+ "internalComponents": ["HStack"],
2327
+ "internalComponentProps": { "HStack": {
2328
+ "alignItems": ["center"],
2329
+ "justifyContent": ["space-between"],
2330
+ "overflow": ["hidden"],
2331
+ "position": ["relative"]
2332
+ } },
2333
+ "propToVariantKeys": {
2334
+ "variant": ["toastVariantRoot"],
2335
+ "size": ["toastSizeRoot"]
2336
+ },
2337
+ "runtimeConfigDefaultProps": {
2338
+ "size": "toast.defaultSize",
2339
+ "variant": "toast.defaultVariant"
2340
+ },
2341
+ "runtimeConfigGetStyles": {
2342
+ "toastVariantRoot": ["toast.defaultVariant"],
2343
+ "toastSizeRoot": ["toast.defaultSize"]
2344
+ },
2345
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2346
+ "motionVarPrefixes": []
2347
+ };
2348
+ var ToastPortal = {
2349
+ "name": "ToastPortal",
2266
2350
  "defaultProps": {},
2267
2351
  "getStylesLiterals": {},
2268
2352
  "cxLiterals": [],
2269
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2353
+ "internalComponents": ["ReactToastifyToastContainer"],
2270
2354
  "internalComponentProps": {},
2271
2355
  "propToVariantKeys": {},
2272
- "runtimeConfigDefaultProps": {},
2356
+ "runtimeConfigDefaultProps": {
2357
+ "size": "toast.defaultSize",
2358
+ "variant": "toast.defaultVariant"
2359
+ },
2273
2360
  "runtimeConfigGetStyles": {},
2274
- "runtimeConfigInternalComponentProps": {},
2361
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2275
2362
  "motionVarPrefixes": []
2276
2363
  };
2277
- var UDSConfigProvider = {
2278
- "name": "UDSConfigProvider",
2364
+ var UDSToastConfigProvider = {
2365
+ "name": "UDSToastConfigProvider",
2279
2366
  "defaultProps": {},
2280
2367
  "getStylesLiterals": {},
2281
2368
  "cxLiterals": [],
2282
- "internalComponents": [
2283
- "UDSBreakpointsConfigProvider",
2284
- "UDSBottomSheetConfigProvider",
2285
- "UDSToastConfigProvider",
2286
- "UDSTooltipConfigProvider",
2287
- "UDSPopoverConfigProvider"
2288
- ],
2369
+ "internalComponents": ["ToastContext.Provider"],
2289
2370
  "internalComponentProps": {},
2290
2371
  "propToVariantKeys": {},
2291
2372
  "runtimeConfigDefaultProps": {},
@@ -2358,19 +2439,6 @@ var TooltipContent = {
2358
2439
  "runtimeConfigInternalComponentProps": {},
2359
2440
  "motionVarPrefixes": []
2360
2441
  };
2361
- var UDSTooltipConfigProvider = {
2362
- "name": "UDSTooltipConfigProvider",
2363
- "defaultProps": {},
2364
- "getStylesLiterals": {},
2365
- "cxLiterals": [],
2366
- "internalComponents": ["TooltipContext.Provider"],
2367
- "internalComponentProps": {},
2368
- "propToVariantKeys": {},
2369
- "runtimeConfigDefaultProps": {},
2370
- "runtimeConfigGetStyles": {},
2371
- "runtimeConfigInternalComponentProps": {},
2372
- "motionVarPrefixes": []
2373
- };
2374
2442
  var TooltipTrigger = {
2375
2443
  "name": "TooltipTrigger",
2376
2444
  "defaultProps": {},
@@ -2384,29 +2452,25 @@ var TooltipTrigger = {
2384
2452
  "runtimeConfigInternalComponentProps": {},
2385
2453
  "motionVarPrefixes": []
2386
2454
  };
2387
- var RadioGroupProvider = {
2388
- "name": "RadioGroupProvider",
2455
+ var UDSTooltipConfigProvider = {
2456
+ "name": "UDSTooltipConfigProvider",
2389
2457
  "defaultProps": {},
2390
2458
  "getStylesLiterals": {},
2391
2459
  "cxLiterals": [],
2392
- "internalComponents": [
2393
- "DivProps",
2394
- "Comp",
2395
- "RadioGroupContext.Provider"
2396
- ],
2397
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2460
+ "internalComponents": ["TooltipContext.Provider"],
2461
+ "internalComponentProps": {},
2398
2462
  "propToVariantKeys": {},
2399
2463
  "runtimeConfigDefaultProps": {},
2400
2464
  "runtimeConfigGetStyles": {},
2401
2465
  "runtimeConfigInternalComponentProps": {},
2402
2466
  "motionVarPrefixes": []
2403
2467
  };
2404
- var RadioGroupStore = {
2405
- "name": "RadioGroupStore",
2468
+ var UDSBreakpointsConfigProvider = {
2469
+ "name": "UDSBreakpointsConfigProvider",
2406
2470
  "defaultProps": {},
2407
2471
  "getStylesLiterals": {},
2408
2472
  "cxLiterals": [],
2409
- "internalComponents": [],
2473
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2410
2474
  "internalComponentProps": {},
2411
2475
  "propToVariantKeys": {},
2412
2476
  "runtimeConfigDefaultProps": {},
@@ -2414,177 +2478,113 @@ var RadioGroupStore = {
2414
2478
  "runtimeConfigInternalComponentProps": {},
2415
2479
  "motionVarPrefixes": []
2416
2480
  };
2417
- var Radio = {
2418
- "name": "Radio",
2419
- "defaultProps": {
2420
- "labelPosition": "start",
2421
- "variant": "primary",
2422
- "size": "md",
2423
- "value": ""
2424
- },
2425
- "getStylesLiterals": {
2426
- "radioVariantValueRoot": "checked",
2427
- "radioVariantValueRoot:1": "unchecked",
2428
- "display": "flex",
2429
- "flexDirection": "row",
2430
- "flexDirection:1": "row-reverse",
2431
- "alignItems": "center",
2432
- "radioVariantValueRadio": "checked",
2433
- "radioVariantValueRadio:1": "unchecked",
2434
- "radioVariantValueRadioCircle": "checked",
2435
- "radioVariantValueRadioCircle:1": "unchecked"
2436
- },
2437
- "cxLiterals": [
2438
- "cursor-pointer",
2439
- "cursor-default",
2440
- "opacity-50",
2441
- "border",
2442
- "uds-ring",
2443
- "uds-ring-within",
2444
- "transition-[background-color,border-color]",
2445
- "transition-shadow",
2446
- "pointer-events-none",
2447
- "w-[8px]",
2448
- "h-[8px]",
2449
- "transition-opacity",
2450
- "cursor-[inherit]",
2451
- "absolute",
2452
- "opacity-0",
2453
- "top-1/2",
2454
- "left-1/2",
2455
- "w-[calc(100%+2px)]",
2456
- "h-[calc(100%+2px)]",
2457
- "transform",
2458
- "translate-x-[-50%]",
2459
- "translate-y-[-50%]",
2460
- "text-start",
2461
- "text-end"
2462
- ],
2481
+ var UDSConfigProvider = {
2482
+ "name": "UDSConfigProvider",
2483
+ "defaultProps": {},
2484
+ "getStylesLiterals": {},
2485
+ "cxLiterals": [],
2463
2486
  "internalComponents": [
2464
- "Box",
2465
- "FormLabel",
2466
- "SpringMotionConfig",
2467
- "RootElement",
2468
- "MotionBox"
2487
+ "UDSBreakpointsConfigProvider",
2488
+ "UDSBottomSheetConfigProvider",
2489
+ "UDSToastConfigProvider",
2490
+ "UDSTooltipConfigProvider",
2491
+ "UDSPopoverConfigProvider"
2469
2492
  ],
2470
- "internalComponentProps": {
2471
- "Box": { "borderRadius": ["full"] },
2472
- "FormLabel": {
2473
- "as": ["div"],
2474
- "variant": ["inherit"],
2475
- "color": ["inherit"]
2476
- },
2477
- "RootElement": { "data-testid": ["container"] },
2478
- "MotionBox": {
2479
- "position": ["relative"],
2480
- "borderRadius": ["full"],
2481
- "alignItems": ["center"],
2482
- "justifyContent": ["center"],
2483
- "flex": ["none"]
2484
- }
2485
- },
2486
- "propToVariantKeys": {
2487
- "size": ["radioSizeRoot", "radioSizeRadio"],
2488
- "variant": [
2489
- "radioVariantRoot",
2490
- "radioVariantRadio",
2491
- "radioVariantRadioCircle"
2492
- ],
2493
- "reduceMotion": ["reducedMotion"]
2494
- },
2493
+ "internalComponentProps": {},
2494
+ "propToVariantKeys": {},
2495
2495
  "runtimeConfigDefaultProps": {},
2496
2496
  "runtimeConfigGetStyles": {},
2497
2497
  "runtimeConfigInternalComponentProps": {},
2498
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2498
+ "motionVarPrefixes": []
2499
2499
  };
2500
2500
  var componentData_default = {
2501
+ Box,
2502
+ FormLabel,
2503
+ HStack,
2501
2504
  Icon,
2502
- Text,
2505
+ IconSlot,
2503
2506
  Image,
2507
+ Link,
2504
2508
  Scrim,
2505
- FormLabel,
2506
- VStack,
2507
- IconSlot,
2508
- Box,
2509
2509
  SvgFloatingOverlay,
2510
- HStack,
2511
- Link,
2512
- BannerDescription,
2510
+ Text,
2511
+ VStack,
2513
2512
  Banner,
2514
2513
  BannerContent,
2514
+ BannerDescription,
2515
2515
  BannerTitle,
2516
- Divider,
2517
- DividerCore,
2518
- DividerInternal,
2519
- "Table.mocks": Table_mocks,
2520
2516
  Spinner,
2517
+ "Table.mocks": Table_mocks,
2521
2518
  Table,
2522
- Pressable,
2523
- SpringMotionConfig,
2524
2519
  AnimateHeightChange,
2525
- Switch,
2526
- IconButton,
2527
2520
  Badge,
2528
- Checkbox,
2529
2521
  Button,
2522
+ Checkbox,
2523
+ IconButton,
2524
+ Pressable,
2525
+ SpringMotionConfig,
2526
+ Switch,
2527
+ Divider,
2528
+ DividerCore,
2529
+ DividerInternal,
2530
2530
  Accordion,
2531
- Modal,
2532
2531
  AvoidMotionLibraryProvider,
2532
+ Modal,
2533
2533
  SegmentedControl,
2534
2534
  SwitchV2,
2535
- UDSToastConfigProvider,
2536
- ToastPortal,
2537
- Toast,
2538
- ToastContainer,
2539
- BottomSheetInternalContext,
2535
+ Avatar,
2536
+ AvatarIcon,
2537
+ AvatarImage,
2538
+ AvatarText,
2539
+ BottomSheet,
2540
2540
  BottomSheetContent,
2541
+ BottomSheetDismiss,
2541
2542
  BottomSheetHandle,
2542
- BottomSheet,
2543
2543
  BottomSheetHeader,
2544
+ BottomSheetInternalContext,
2545
+ BottomSheetProvider,
2544
2546
  BottomSheetTrigger,
2545
2547
  UDSBottomSheetConfigProvider,
2546
- BottomSheetDismiss,
2547
- BottomSheetProvider,
2548
- AvatarText,
2549
- AvatarIcon,
2550
- Avatar,
2551
- AvatarImage,
2552
- ChipLink,
2553
- ChipDismissible,
2554
- ChipToggle,
2555
- ChipBase,
2556
2548
  Chip,
2549
+ ChipBase,
2557
2550
  ChipButton,
2558
- TabPanel,
2559
- Tabs,
2560
- TabList,
2561
- Tab,
2562
- UDSPopoverConfigProvider,
2563
- Popover,
2564
- PopoverTrigger,
2565
- PopoverContext,
2566
- PopoverContent,
2567
- Input,
2568
- InputHelpText,
2569
- InputHelpTextInternal,
2570
- "Menu.Item": Menu_Item,
2571
- "Menu.index": Menu_index,
2572
- Menu,
2551
+ ChipDismissible,
2552
+ ChipLink,
2553
+ ChipToggle,
2573
2554
  "Menu.Content": Menu_Content,
2574
- "Menu.Trigger": Menu_Trigger,
2575
2555
  "Menu.Divider": Menu_Divider,
2576
- "Menu.Provider": Menu_Provider,
2577
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2556
+ "Menu.Item": Menu_Item,
2578
2557
  "Menu.ItemBase": Menu_ItemBase,
2579
- UDSBreakpointsConfigProvider,
2580
- UDSConfigProvider,
2558
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2559
+ "Menu.Provider": Menu_Provider,
2560
+ "Menu.Trigger": Menu_Trigger,
2561
+ "Menu.index": Menu_index,
2562
+ Menu,
2563
+ Input,
2564
+ InputHelpText,
2565
+ InputHelpTextInternal,
2566
+ Popover,
2567
+ PopoverContent,
2568
+ PopoverContext,
2569
+ PopoverTrigger,
2570
+ UDSPopoverConfigProvider,
2571
+ Radio,
2572
+ RadioGroupProvider,
2573
+ RadioGroupStore,
2574
+ Tab,
2575
+ TabList,
2576
+ TabPanel,
2577
+ Tabs,
2578
+ Toast,
2579
+ ToastContainer,
2580
+ ToastPortal,
2581
+ UDSToastConfigProvider,
2581
2582
  Tooltip,
2582
2583
  TooltipContent,
2583
- UDSTooltipConfigProvider,
2584
2584
  TooltipTrigger,
2585
- RadioGroupProvider,
2586
- RadioGroupStore,
2587
- Radio
2585
+ UDSTooltipConfigProvider,
2586
+ UDSBreakpointsConfigProvider,
2587
+ UDSConfigProvider
2588
2588
  };
2589
2589
 
2590
2590
  //#endregion