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