@yahoo/uds 3.133.0 → 3.133.1

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/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  2. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  3. package/dist/styles/styler.d.cts +1 -1
  4. package/dist/styles/styler.d.ts +1 -1
  5. package/dist/uds/generated/componentData.cjs +1273 -1273
  6. package/dist/uds/generated/componentData.js +1273 -1273
  7. package/generated/componentData.json +1815 -1815
  8. package/package.json +1 -1
package/dist/uds/generated/componentData.js CHANGED
@@ -1,60 +1,5 @@
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
- };
58
3
  var Icon = {
59
4
  "name": "Icon",
60
5
  "defaultProps": {
@@ -72,14 +17,24 @@ var Icon = {
72
17
  "runtimeConfigInternalComponentProps": {},
73
18
  "motionVarPrefixes": []
74
19
  };
75
- var IconSlot = {
76
- "name": "IconSlot",
77
- "defaultProps": {},
20
+ var Text = {
21
+ "name": "Text",
22
+ "defaultProps": {
23
+ "color": "primary",
24
+ "variant": "body1"
25
+ },
78
26
  "getStylesLiterals": {},
79
27
  "cxLiterals": [],
80
- "internalComponents": ["Icon"],
28
+ "internalComponents": ["Comp"],
81
29
  "internalComponentProps": {},
82
- "propToVariantKeys": {},
30
+ "propToVariantKeys": { "variant": [
31
+ "fontFamily",
32
+ "fontSize",
33
+ "fontWeight",
34
+ "lineHeight",
35
+ "textTransform",
36
+ "letterSpacing"
37
+ ] },
83
38
  "runtimeConfigDefaultProps": {},
84
39
  "runtimeConfigGetStyles": {},
85
40
  "runtimeConfigInternalComponentProps": {},
@@ -98,44 +53,6 @@ var Image = {
98
53
  "runtimeConfigInternalComponentProps": {},
99
54
  "motionVarPrefixes": []
100
55
  };
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
- };
139
56
  var Scrim = {
140
57
  "name": "Scrim",
141
58
  "defaultProps": {
@@ -163,6 +80,74 @@ var Scrim = {
163
80
  "runtimeConfigInternalComponentProps": {},
164
81
  "motionVarPrefixes": []
165
82
  };
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
+ };
166
151
  var SvgFloatingOverlay = {
167
152
  "name": "SvgFloatingOverlay",
168
153
  "defaultProps": { "contentOverflow": "auto" },
@@ -197,37 +182,68 @@ var SvgFloatingOverlay = {
197
182
  "runtimeConfigInternalComponentProps": {},
198
183
  "motionVarPrefixes": []
199
184
  };
200
- var Text = {
201
- "name": "Text",
202
- "defaultProps": {
203
- "color": "primary",
204
- "variant": "body1"
205
- },
185
+ var HStack = {
186
+ "name": "HStack",
187
+ "defaultProps": {},
206
188
  "getStylesLiterals": {},
207
189
  "cxLiterals": [],
208
- "internalComponents": ["Comp"],
209
- "internalComponentProps": {},
210
- "propToVariantKeys": { "variant": [
211
- "fontFamily",
212
- "fontSize",
213
- "fontWeight",
214
- "lineHeight",
215
- "textTransform",
216
- "letterSpacing"
217
- ] },
190
+ "internalComponents": ["Box"],
191
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
192
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
218
193
  "runtimeConfigDefaultProps": {},
219
194
  "runtimeConfigGetStyles": {},
220
195
  "runtimeConfigInternalComponentProps": {},
221
196
  "motionVarPrefixes": []
222
197
  };
223
- var VStack = {
224
- "name": "VStack",
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
+ },
231
+ "runtimeConfigDefaultProps": {},
232
+ "runtimeConfigGetStyles": {},
233
+ "runtimeConfigInternalComponentProps": {},
234
+ "motionVarPrefixes": []
235
+ };
236
+ var BannerDescription = {
237
+ "name": "BannerDescription",
225
238
  "defaultProps": {},
226
- "getStylesLiterals": {},
239
+ "getStylesLiterals": {
240
+ "bannerSizeDescription": "default",
241
+ "className": "w-full line-clamp-3"
242
+ },
227
243
  "cxLiterals": [],
228
- "internalComponents": ["Box"],
229
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
230
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
244
+ "internalComponents": ["Text"],
245
+ "internalComponentProps": {},
246
+ "propToVariantKeys": {},
231
247
  "runtimeConfigDefaultProps": {},
232
248
  "runtimeConfigGetStyles": {},
233
249
  "runtimeConfigInternalComponentProps": {},
@@ -330,14 +346,11 @@ var BannerContent = {
330
346
  "runtimeConfigInternalComponentProps": {},
331
347
  "motionVarPrefixes": []
332
348
  };
333
- var BannerDescription = {
334
- "name": "BannerDescription",
349
+ var BannerTitle = {
350
+ "name": "BannerTitle",
335
351
  "defaultProps": {},
336
- "getStylesLiterals": {
337
- "bannerSizeDescription": "default",
338
- "className": "w-full line-clamp-3"
339
- },
340
- "cxLiterals": [],
352
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
353
+ "cxLiterals": ["w-full", "truncate"],
341
354
  "internalComponents": ["Text"],
342
355
  "internalComponentProps": {},
343
356
  "propToVariantKeys": {},
@@ -346,12 +359,74 @@ var BannerDescription = {
346
359
  "runtimeConfigInternalComponentProps": {},
347
360
  "motionVarPrefixes": []
348
361
  };
349
- var BannerTitle = {
350
- "name": "BannerTitle",
362
+ var Divider = {
363
+ "name": "Divider",
351
364
  "defaultProps": {},
352
- "getStylesLiterals": { "bannerSizeTitle": "default" },
353
- "cxLiterals": ["w-full", "truncate"],
354
- "internalComponents": ["Text"],
365
+ "getStylesLiterals": {},
366
+ "cxLiterals": [],
367
+ "internalComponents": ["DividerInternal"],
368
+ "internalComponentProps": {},
369
+ "propToVariantKeys": {},
370
+ "runtimeConfigDefaultProps": {},
371
+ "runtimeConfigGetStyles": {},
372
+ "runtimeConfigInternalComponentProps": {},
373
+ "motionVarPrefixes": []
374
+ };
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",
426
+ "defaultProps": {},
427
+ "getStylesLiterals": {},
428
+ "cxLiterals": [],
429
+ "internalComponents": [],
355
430
  "internalComponentProps": {},
356
431
  "propToVariantKeys": {},
357
432
  "runtimeConfigDefaultProps": {},
@@ -383,19 +458,6 @@ var Spinner = {
383
458
  "runtimeConfigInternalComponentProps": {},
384
459
  "motionVarPrefixes": []
385
460
  };
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
- };
399
461
  var Table = {
400
462
  "name": "Table",
401
463
  "defaultProps": {
@@ -427,6 +489,32 @@ var Table = {
427
489
  "runtimeConfigInternalComponentProps": {},
428
490
  "motionVarPrefixes": []
429
491
  };
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
+ };
430
518
  var AnimateHeightChange = {
431
519
  "name": "AnimateHeightChange",
432
520
  "defaultProps": {},
@@ -440,41 +528,101 @@ var AnimateHeightChange = {
440
528
  "runtimeConfigInternalComponentProps": {},
441
529
  "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
442
530
  };
443
- var Badge = {
444
- "name": "Badge",
531
+ var Switch = {
532
+ "name": "Switch",
445
533
  "defaultProps": {
446
- "variant": "primary",
534
+ "labelPosition": "start",
447
535
  "size": "md"
448
536
  },
449
- "getStylesLiterals": {},
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
+ },
450
557
  "cxLiterals": [
451
- "flex-1",
452
- "truncate",
453
- "whitespace-nowrap",
454
- "text-center"
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"
455
598
  ],
456
- "internalComponents": ["IconSlot", "HStack"],
457
599
  "internalComponentProps": {
458
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
459
- "HStack": {
460
- "gap": ["2"],
461
- "display": ["inline-flex"],
462
- "alignItems": ["center"]
463
- }
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"] }
464
607
  },
465
608
  "propToVariantKeys": {
466
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
467
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
468
- "startIcon": ["icon"],
469
- "endIcon": ["icon"]
609
+ "size": [
610
+ "switchSizeRoot",
611
+ "switchSizeSwitch",
612
+ "switchSizeHandle",
613
+ "switchSizeHandleIcon"
614
+ ],
615
+ "onIcon": ["icon"],
616
+ "offIcon": ["icon"],
617
+ "reduceMotion": ["reducedMotion"]
470
618
  },
471
619
  "runtimeConfigDefaultProps": {},
472
620
  "runtimeConfigGetStyles": {},
473
621
  "runtimeConfigInternalComponentProps": {},
474
- "motionVarPrefixes": []
622
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
475
623
  };
476
- var Button = {
477
- "name": "Button",
624
+ var IconButton = {
625
+ "name": "IconButton",
478
626
  "defaultProps": { "type": "button" },
479
627
  "getStylesLiterals": {},
480
628
  "cxLiterals": [
@@ -484,51 +632,72 @@ var Button = {
484
632
  "overflow-hidden",
485
633
  "justify-center",
486
634
  "items-center",
487
- "whitespace-nowrap",
488
- "select-none",
489
635
  "[transform-origin:center]",
490
636
  "[backface-visibility:hidden]",
491
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
637
+ "[transition-property:color,background-color,border-color,",
638
+ "box-shadow,text-decoration-color,fill,stroke]",
492
639
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
493
640
  "[transition-duration:220ms]",
494
641
  "cursor-not-allowed",
495
642
  "uds-button-loading",
496
643
  "uds-button-without-effects",
497
- "withIcon",
498
- "uds-button-with-gap",
499
- "animate-spin",
500
- "truncate"
644
+ "animate-spin"
501
645
  ],
502
646
  "internalComponents": [
503
647
  "Icon",
504
- "IconSlot",
505
- "AnimatePresence",
506
648
  "SpringMotionConfig",
507
- "MotionSlot"
649
+ "AnimatePresence"
508
650
  ],
509
651
  "internalComponentProps": {
510
652
  "Icon": { "color": ["current"] },
511
- "AnimatePresence": { "mode": ["popLayout"] },
512
653
  "SpringMotionConfig": { "layoutSpeed": ["3"] },
513
- "MotionSlot": {
514
- "whileHover": ["hover"],
515
- "whileTap": ["pressed"]
516
- }
654
+ "AnimatePresence": { "mode": ["popLayout"] }
517
655
  },
518
656
  "propToVariantKeys": {
519
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
657
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
520
658
  "variant": ["buttonVariantRoot", "buttonVariantIcon"],
521
- "iconVariant": ["variant"],
522
- "startIcon": ["icon"],
523
- "endIcon": ["icon"]
659
+ "iconVariant": ["variant"]
524
660
  },
525
661
  "runtimeConfigDefaultProps": {},
526
662
  "runtimeConfigGetStyles": {},
527
663
  "runtimeConfigInternalComponentProps": {},
528
664
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
529
665
  };
530
- var Checkbox = {
531
- "name": "Checkbox",
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",
532
701
  "defaultProps": {
533
702
  "labelPosition": "start",
534
703
  "variant": "primary",
@@ -603,8 +772,8 @@ var Checkbox = {
603
772
  "runtimeConfigInternalComponentProps": {},
604
773
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
605
774
  };
606
- var IconButton = {
607
- "name": "IconButton",
775
+ var Button = {
776
+ "name": "Button",
608
777
  "defaultProps": { "type": "button" },
609
778
  "getStylesLiterals": {},
610
779
  "cxLiterals": [
@@ -614,218 +783,49 @@ var IconButton = {
614
783
  "overflow-hidden",
615
784
  "justify-center",
616
785
  "items-center",
786
+ "whitespace-nowrap",
787
+ "select-none",
617
788
  "[transform-origin:center]",
618
789
  "[backface-visibility:hidden]",
619
- "[transition-property:color,background-color,border-color,",
620
- "box-shadow,text-decoration-color,fill,stroke]",
790
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
621
791
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
622
792
  "[transition-duration:220ms]",
623
793
  "cursor-not-allowed",
624
794
  "uds-button-loading",
625
795
  "uds-button-without-effects",
626
- "animate-spin"
796
+ "withIcon",
797
+ "uds-button-with-gap",
798
+ "animate-spin",
799
+ "truncate"
627
800
  ],
628
801
  "internalComponents": [
629
802
  "Icon",
803
+ "IconSlot",
804
+ "AnimatePresence",
630
805
  "SpringMotionConfig",
631
- "AnimatePresence"
806
+ "MotionSlot"
632
807
  ],
633
808
  "internalComponentProps": {
634
809
  "Icon": { "color": ["current"] },
810
+ "AnimatePresence": { "mode": ["popLayout"] },
635
811
  "SpringMotionConfig": { "layoutSpeed": ["3"] },
636
- "AnimatePresence": { "mode": ["popLayout"] }
812
+ "MotionSlot": {
813
+ "whileHover": ["hover"],
814
+ "whileTap": ["pressed"]
815
+ }
637
816
  },
638
817
  "propToVariantKeys": {
639
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
818
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
640
819
  "variant": ["buttonVariantRoot", "buttonVariantIcon"],
641
- "iconVariant": ["variant"]
820
+ "iconVariant": ["variant"],
821
+ "startIcon": ["icon"],
822
+ "endIcon": ["icon"]
642
823
  },
643
824
  "runtimeConfigDefaultProps": {},
644
825
  "runtimeConfigGetStyles": {},
645
826
  "runtimeConfigInternalComponentProps": {},
646
827
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
647
828
  };
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,21 +877,8 @@ var Accordion = {
877
877
  "runtimeConfigInternalComponentProps": {},
878
878
  "motionVarPrefixes": ["--uds-motion-smooth-3-"]
879
879
  };
880
- var AvoidMotionLibraryProvider = {
881
- "name": "AvoidMotionLibraryProvider",
882
- "defaultProps": {},
883
- "getStylesLiterals": {},
884
- "cxLiterals": [],
885
- "internalComponents": [],
886
- "internalComponentProps": {},
887
- "propToVariantKeys": {},
888
- "runtimeConfigDefaultProps": {},
889
- "runtimeConfigGetStyles": {},
890
- "runtimeConfigInternalComponentProps": {},
891
- "motionVarPrefixes": []
892
- };
893
- var Modal = {
894
- "name": "Modal",
880
+ var Modal = {
881
+ "name": "Modal",
895
882
  "defaultProps": {},
896
883
  "getStylesLiterals": {},
897
884
  "cxLiterals": [
@@ -949,6 +936,19 @@ var Modal = {
949
936
  "runtimeConfigInternalComponentProps": {},
950
937
  "motionVarPrefixes": []
951
938
  };
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,112 +1106,12 @@ var SwitchV2 = {
1106
1106
  "runtimeConfigInternalComponentProps": {},
1107
1107
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1108
1108
  };
1109
- var Radio = {
1110
- "name": "Radio",
1111
- "defaultProps": {
1112
- "labelPosition": "start",
1113
- "variant": "primary",
1114
- "size": "md",
1115
- "value": ""
1116
- },
1117
- "getStylesLiterals": {
1118
- "radioVariantValueRoot": "checked",
1119
- "radioVariantValueRoot:1": "unchecked",
1120
- "display": "flex",
1121
- "flexDirection": "row",
1122
- "flexDirection:1": "row-reverse",
1123
- "alignItems": "center",
1124
- "radioVariantValueRadio": "checked",
1125
- "radioVariantValueRadio:1": "unchecked",
1126
- "radioVariantValueRadioCircle": "checked",
1127
- "radioVariantValueRadioCircle:1": "unchecked"
1128
- },
1129
- "cxLiterals": [
1130
- "cursor-pointer",
1131
- "cursor-default",
1132
- "opacity-50",
1133
- "border",
1134
- "uds-ring",
1135
- "uds-ring-within",
1136
- "transition-[background-color,border-color]",
1137
- "transition-shadow",
1138
- "pointer-events-none",
1139
- "w-[8px]",
1140
- "h-[8px]",
1141
- "transition-opacity",
1142
- "cursor-[inherit]",
1143
- "absolute",
1144
- "opacity-0",
1145
- "top-1/2",
1146
- "left-1/2",
1147
- "w-[calc(100%+2px)]",
1148
- "h-[calc(100%+2px)]",
1149
- "transform",
1150
- "translate-x-[-50%]",
1151
- "translate-y-[-50%]",
1152
- "text-start",
1153
- "text-end"
1154
- ],
1155
- "internalComponents": [
1156
- "Box",
1157
- "FormLabel",
1158
- "SpringMotionConfig",
1159
- "RootElement",
1160
- "MotionBox"
1161
- ],
1162
- "internalComponentProps": {
1163
- "Box": { "borderRadius": ["full"] },
1164
- "FormLabel": {
1165
- "as": ["div"],
1166
- "variant": ["inherit"],
1167
- "color": ["inherit"]
1168
- },
1169
- "RootElement": { "data-testid": ["container"] },
1170
- "MotionBox": {
1171
- "position": ["relative"],
1172
- "borderRadius": ["full"],
1173
- "alignItems": ["center"],
1174
- "justifyContent": ["center"],
1175
- "flex": ["none"]
1176
- }
1177
- },
1178
- "propToVariantKeys": {
1179
- "size": ["radioSizeRoot", "radioSizeRadio"],
1180
- "variant": [
1181
- "radioVariantRoot",
1182
- "radioVariantRadio",
1183
- "radioVariantRadioCircle"
1184
- ],
1185
- "reduceMotion": ["reducedMotion"]
1186
- },
1187
- "runtimeConfigDefaultProps": {},
1188
- "runtimeConfigGetStyles": {},
1189
- "runtimeConfigInternalComponentProps": {},
1190
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1191
- };
1192
- var RadioGroupProvider = {
1193
- "name": "RadioGroupProvider",
1194
- "defaultProps": {},
1195
- "getStylesLiterals": {},
1196
- "cxLiterals": [],
1197
- "internalComponents": [
1198
- "DivProps",
1199
- "Comp",
1200
- "RadioGroupContext.Provider"
1201
- ],
1202
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1203
- "propToVariantKeys": {},
1204
- "runtimeConfigDefaultProps": {},
1205
- "runtimeConfigGetStyles": {},
1206
- "runtimeConfigInternalComponentProps": {},
1207
- "motionVarPrefixes": []
1208
- };
1209
- var RadioGroupStore = {
1210
- "name": "RadioGroupStore",
1109
+ var UDSToastConfigProvider = {
1110
+ "name": "UDSToastConfigProvider",
1211
1111
  "defaultProps": {},
1212
1112
  "getStylesLiterals": {},
1213
1113
  "cxLiterals": [],
1214
- "internalComponents": [],
1114
+ "internalComponents": ["ToastContext.Provider"],
1215
1115
  "internalComponentProps": {},
1216
1116
  "propToVariantKeys": {},
1217
1117
  "runtimeConfigDefaultProps": {},
@@ -1219,345 +1119,182 @@ var RadioGroupStore = {
1219
1119
  "runtimeConfigInternalComponentProps": {},
1220
1120
  "motionVarPrefixes": []
1221
1121
  };
1222
- var Popover = {
1223
- "name": "Popover",
1122
+ var ToastPortal = {
1123
+ "name": "ToastPortal",
1224
1124
  "defaultProps": {},
1225
1125
  "getStylesLiterals": {},
1226
1126
  "cxLiterals": [],
1227
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1127
+ "internalComponents": ["ReactToastifyToastContainer"],
1228
1128
  "internalComponentProps": {},
1229
1129
  "propToVariantKeys": {},
1230
1130
  "runtimeConfigDefaultProps": {
1231
- "size": "popover.defaultSize",
1232
- "variant": "popover.defaultVariant"
1131
+ "size": "toast.defaultSize",
1132
+ "variant": "toast.defaultVariant"
1233
1133
  },
1234
1134
  "runtimeConfigGetStyles": {},
1235
- "runtimeConfigInternalComponentProps": {},
1135
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1236
1136
  "motionVarPrefixes": []
1237
1137
  };
1238
- var PopoverContent = {
1239
- "name": "PopoverContent",
1138
+ var Toast = {
1139
+ "name": "Toast",
1240
1140
  "defaultProps": {},
1241
1141
  "getStylesLiterals": {
1242
- "popoverSizeRoot": "default",
1243
- "popoverVariantRoot": "default",
1244
- "display": "flex",
1245
- "position": "relative",
1246
- "display:1": "block",
1247
- "spacingTop": "0",
1248
- "spacingStart": "0",
1249
- "spacingBottom": "0",
1250
- "spacingEnd": "0",
1251
- "popoverSizeSvgBase": "default",
1252
- "popoverVariantSvgBase": "default",
1253
- "popoverSizeSvgBorder": "default",
1254
- "popoverVariantSvgBorder": "default",
1255
- "popoverVariantBlur": "default",
1256
- "position:1": "absolute",
1257
- "width": "full",
1258
- "height": "full",
1259
- "flexShrink": "0",
1260
- "borderRadius": "full",
1261
- "alignItems": "center",
1262
- "justifyContent": "center",
1263
- "popoverVariantCloseIcon": "default",
1264
- "popoverSizeCloseIcon": "default"
1142
+ "className": "animate-spin",
1143
+ "className:1": "flex-none",
1144
+ "spacing": "2",
1145
+ "borderRadius": "full"
1265
1146
  },
1266
1147
  "cxLiterals": [
1267
- "z-[9999]",
1268
- "outline-none",
1269
- "focus-visible:outline-none",
1270
- "uds-bgBlurFillFallback",
1271
- "uds-bgBlurFallback",
1272
- "top-0",
1273
- "left-0",
1274
- "z-[1]",
1275
1148
  "duration-0",
1276
1149
  "duration-120",
1277
1150
  "transition-[background-color]",
1278
1151
  "bg-carbon-15/0",
1279
1152
  "hover:bg-carbon-15/10",
1280
1153
  "active:bg-carbon-15/15",
1281
- "uds-ring",
1282
- "absolute",
1283
- "z-[4]"
1154
+ "uds-ring"
1284
1155
  ],
1285
1156
  "internalComponents": [
1286
- "PopoverDismiss",
1287
1157
  "IconSlot",
1288
- "PopoverArrow",
1289
- "Popover",
1290
- "SvgFloatingOverlay",
1291
- "Box",
1158
+ "ToastContainer",
1159
+ "Text",
1160
+ "Button",
1292
1161
  "Pressable"
1293
1162
  ],
1294
1163
  "internalComponentProps": {},
1295
- "propToVariantKeys": { "closeIcon": ["icon"] },
1164
+ "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
+ },
1296
1179
  "runtimeConfigDefaultProps": {
1297
- "size": "popover.defaultSize",
1298
- "variant": "popover.defaultVariant"
1180
+ "size": "toast.defaultSize",
1181
+ "variant": "toast.defaultVariant"
1299
1182
  },
1300
1183
  "runtimeConfigGetStyles": {
1301
- "spacingTop": ["popover.spacingVertical.${size}"],
1302
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1303
- "spacingBottom": ["popover.spacingVertical.${size}"],
1304
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
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
+ }
1305
1205
  },
1306
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1307
- "motionVarPrefixes": []
1308
- };
1309
- var PopoverContext = {
1310
- "name": "PopoverContext",
1311
- "defaultProps": {},
1312
- "getStylesLiterals": {},
1313
- "cxLiterals": [],
1314
- "internalComponents": [],
1315
- "internalComponentProps": {},
1316
- "propToVariantKeys": {},
1317
- "runtimeConfigDefaultProps": {},
1318
- "runtimeConfigGetStyles": {},
1319
- "runtimeConfigInternalComponentProps": {},
1320
1206
  "motionVarPrefixes": []
1321
1207
  };
1322
- var PopoverTrigger = {
1323
- "name": "PopoverTrigger",
1324
- "defaultProps": {},
1325
- "getStylesLiterals": {},
1326
- "cxLiterals": [],
1327
- "internalComponents": ["PopoverDisclosure"],
1328
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1329
- "propToVariantKeys": { "children": ["render"] },
1330
- "runtimeConfigDefaultProps": {},
1331
- "runtimeConfigGetStyles": {},
1332
- "runtimeConfigInternalComponentProps": {},
1333
- "motionVarPrefixes": []
1334
- };
1335
- var UDSPopoverConfigProvider = {
1336
- "name": "UDSPopoverConfigProvider",
1337
- "defaultProps": {},
1338
- "getStylesLiterals": {},
1339
- "cxLiterals": [],
1340
- "internalComponents": ["PopoverContext.Provider"],
1341
- "internalComponentProps": {},
1342
- "propToVariantKeys": {},
1343
- "runtimeConfigDefaultProps": {},
1344
- "runtimeConfigGetStyles": {},
1345
- "runtimeConfigInternalComponentProps": {},
1346
- "motionVarPrefixes": []
1347
- };
1348
- var Menu_Content = {
1349
- "name": "Menu.Content",
1350
- "defaultProps": {
1351
- "size": "default",
1352
- "variant": "default",
1353
- "gutter": "1"
1354
- },
1355
- "getStylesLiterals": {},
1356
- "cxLiterals": [
1357
- "uds-menu-content",
1358
- "transition-shadow",
1359
- "duration-200",
1360
- "ease-in-out",
1361
- "min-w-60",
1362
- "max-w-lg",
1363
- "max-h-96",
1364
- "overflow-auto",
1365
- "uds-ring",
1366
- "z-10",
1367
- "group"
1368
- ],
1369
- "internalComponents": [
1370
- "AriakitMenu",
1371
- "AnimatePresence",
1372
- "MotionVStack"
1373
- ],
1374
- "internalComponentProps": {},
1375
- "propToVariantKeys": {
1376
- "size": ["menucontentSizeRoot"],
1377
- "variant": ["menucontentVariantRoot"]
1378
- },
1379
- "runtimeConfigDefaultProps": {},
1380
- "runtimeConfigGetStyles": {},
1381
- "runtimeConfigInternalComponentProps": {},
1382
- "motionVarPrefixes": []
1383
- };
1384
- var Menu_Divider = {
1385
- "name": "Menu.Divider",
1386
- "defaultProps": {
1387
- "role": "separator",
1388
- "contentPosition": "start",
1389
- "gap": "4"
1390
- },
1391
- "getStylesLiterals": {
1392
- "menuitemDividerVariantRoot": "default",
1393
- "menuitemDividerVariantText": "default",
1394
- "menuitemDividerVariantLine": "default"
1395
- },
1396
- "cxLiterals": [],
1397
- "internalComponents": ["DividerInternal"],
1398
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1399
- "propToVariantKeys": {},
1400
- "runtimeConfigDefaultProps": {},
1401
- "runtimeConfigGetStyles": {},
1402
- "runtimeConfigInternalComponentProps": {},
1403
- "motionVarPrefixes": []
1404
- };
1405
- var Menu_Item = {
1406
- "name": "Menu.Item",
1208
+ var ToastContainer = {
1209
+ "name": "ToastContainer",
1407
1210
  "defaultProps": {},
1408
1211
  "getStylesLiterals": {
1409
- "menuitemItemVariantRoot": "default",
1410
- "menuitemItemVariantActiveRoot": "on",
1411
- "menuitemItemVariantActiveRoot:1": "off",
1412
- "menuitemItemVariantText": "default",
1413
- "menuitemItemVariantActiveText": "on",
1414
- "menuitemItemVariantActiveText:1": "off",
1415
- "menuitemItemVariantIcon": "default",
1416
- "menuitemItemVariantActiveIcon": "on",
1417
- "menuitemItemVariantActiveIcon:1": "off"
1418
- },
1419
- "cxLiterals": [],
1420
- "internalComponents": ["MenuItemBase"],
1421
- "internalComponentProps": {},
1422
- "propToVariantKeys": {},
1423
- "runtimeConfigDefaultProps": {},
1424
- "runtimeConfigGetStyles": {},
1425
- "runtimeConfigInternalComponentProps": {},
1426
- "motionVarPrefixes": []
1427
- };
1428
- var Menu_ItemBase = {
1429
- "name": "Menu.ItemBase",
1430
- "defaultProps": {
1431
- "spacing": "0",
1432
- "spacingHorizontal": "4",
1433
- "spacingVertical": "3.5",
1434
- "columnGap": "2",
1212
+ "position": "relative",
1435
1213
  "alignItems": "center",
1436
- "justifyContent": "space-between"
1437
- },
1438
- "getStylesLiterals": {
1439
- "textAlign": "start",
1440
- "menuitemSizeRoot": "default",
1441
- "flexDirection": "row",
1442
- "menuitemSizeStartIcon": "default",
1443
- "menuitemSizeEndIcon": "default"
1444
- },
1445
- "cxLiterals": [
1446
- "flex",
1447
- "focus-visible:text-brand",
1448
- "focus-visible:bg-brand-secondary",
1449
- "focus-visible:z-10",
1450
- "uds-ring",
1451
- "!-outline-offset-2",
1452
- "[&:not([aria-checked])]:cursor-default",
1453
- "opacity-25",
1454
- "cursor-not-allowed",
1455
- "duration-20",
1456
- "transition-[font-variation-settings]",
1457
- "ease-in-out",
1458
- "z-0",
1459
- "uds-start-icon",
1460
- "uds-end-icon"
1461
- ],
1462
- "internalComponents": [
1463
- "Pressable",
1464
- "IconSlot",
1465
- "RootComponent",
1466
- "HStack",
1467
- "AnimatePresence"
1468
- ],
1469
- "internalComponentProps": {
1470
- "HStack": {
1471
- "alignItems": ["center"],
1472
- "width": ["full"]
1473
- },
1474
- "AnimatePresence": { "mode": ["popLayout"] }
1214
+ "display": "flex",
1215
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1475
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
+ } },
1476
1225
  "propToVariantKeys": {
1477
- "startIconClassName": ["className"],
1478
- "endIconClassName": ["className"],
1479
- "startIcon": ["icon"],
1480
- "endIcon": ["icon"],
1481
- "columnGap": ["gap"]
1226
+ "variant": ["toastVariantRoot"],
1227
+ "size": ["toastSizeRoot"]
1482
1228
  },
1483
- "runtimeConfigDefaultProps": {},
1484
- "runtimeConfigGetStyles": {},
1485
- "runtimeConfigInternalComponentProps": {},
1486
- "motionVarPrefixes": []
1487
- };
1488
- var Menu_ItemCheckbox = {
1489
- "name": "Menu.ItemCheckbox",
1490
- "defaultProps": {},
1491
- "getStylesLiterals": {
1492
- "menuitemItemCheckboxVariantRoot": "default",
1493
- "menuitemItemCheckboxVariantActiveRoot": "on",
1494
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1495
- "menuitemItemCheckboxVariantText": "default",
1496
- "menuitemItemCheckboxVariantActiveText": "on",
1497
- "menuitemItemCheckboxVariantActiveText:1": "off",
1498
- "menuitemItemCheckboxVariantStartIcon": "default",
1499
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1500
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1501
- "menuitemItemCheckboxVariantEndIcon": "default",
1502
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1503
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1229
+ "runtimeConfigDefaultProps": {
1230
+ "size": "toast.defaultSize",
1231
+ "variant": "toast.defaultVariant"
1504
1232
  },
1505
- "cxLiterals": ["uds-menu-item-checkbox"],
1506
- "internalComponents": ["MenuItemBase"],
1507
- "internalComponentProps": {},
1508
- "propToVariantKeys": {},
1509
- "runtimeConfigDefaultProps": {},
1510
- "runtimeConfigGetStyles": {},
1511
- "runtimeConfigInternalComponentProps": {},
1233
+ "runtimeConfigGetStyles": {
1234
+ "toastVariantRoot": ["toast.defaultVariant"],
1235
+ "toastSizeRoot": ["toast.defaultSize"]
1236
+ },
1237
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1512
1238
  "motionVarPrefixes": []
1513
1239
  };
1514
- var Menu_Provider = {
1515
- "name": "Menu.Provider",
1240
+ var BottomSheetInternalContext = {
1241
+ "name": "BottomSheetInternalContext",
1516
1242
  "defaultProps": {},
1517
1243
  "getStylesLiterals": {},
1518
1244
  "cxLiterals": [],
1519
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1245
+ "internalComponents": [],
1520
1246
  "internalComponentProps": {},
1521
1247
  "propToVariantKeys": {},
1522
1248
  "runtimeConfigDefaultProps": {},
1523
1249
  "runtimeConfigGetStyles": {},
1524
1250
  "runtimeConfigInternalComponentProps": {},
1525
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1526
- };
1527
- var Menu_Trigger = {
1528
- "name": "Menu.Trigger",
1529
- "defaultProps": {},
1530
- "getStylesLiterals": {},
1531
- "cxLiterals": ["uds-menu-trigger"],
1532
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1533
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1534
- "propToVariantKeys": {},
1535
- "runtimeConfigDefaultProps": {},
1536
- "runtimeConfigGetStyles": {},
1537
- "runtimeConfigInternalComponentProps": {},
1538
1251
  "motionVarPrefixes": []
1539
1252
  };
1540
- var Menu_index = {
1541
- "name": "Menu.index",
1253
+ var BottomSheetContent = {
1254
+ "name": "BottomSheetContent",
1542
1255
  "defaultProps": {},
1543
1256
  "getStylesLiterals": {},
1544
- "cxLiterals": [],
1545
- "internalComponents": [],
1546
- "internalComponentProps": {},
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))]"] }
1265
+ },
1547
1266
  "propToVariantKeys": {},
1548
1267
  "runtimeConfigDefaultProps": {},
1549
1268
  "runtimeConfigGetStyles": {},
1550
1269
  "runtimeConfigInternalComponentProps": {},
1551
1270
  "motionVarPrefixes": []
1552
1271
  };
1553
- var Menu = {
1554
- "name": "Menu",
1555
- "defaultProps": {},
1272
+ var BottomSheetHandle = {
1273
+ "name": "BottomSheetHandle",
1274
+ "defaultProps": { "variant": "default" },
1556
1275
  "getStylesLiterals": {},
1557
- "cxLiterals": [],
1558
- "internalComponents": [],
1559
- "internalComponentProps": {},
1560
- "propToVariantKeys": {},
1276
+ "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"
1291
+ ],
1292
+ "internalComponents": ["Box"],
1293
+ "internalComponentProps": { "Box": {
1294
+ "display": ["block", "flex"],
1295
+ "justifyContent": ["center"]
1296
+ } },
1297
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1561
1298
  "runtimeConfigDefaultProps": {},
1562
1299
  "runtimeConfigGetStyles": {},
1563
1300
  "runtimeConfigInternalComponentProps": {},
@@ -1608,69 +1345,6 @@ var BottomSheet = {
1608
1345
  "runtimeConfigInternalComponentProps": {},
1609
1346
  "motionVarPrefixes": []
1610
1347
  };
1611
- var BottomSheetContent = {
1612
- "name": "BottomSheetContent",
1613
- "defaultProps": {},
1614
- "getStylesLiterals": {},
1615
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1616
- "internalComponents": ["Box", "VStack"],
1617
- "internalComponentProps": {
1618
- "Box": {
1619
- "display": ["block"],
1620
- "flex": ["1"]
1621
- },
1622
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1623
- },
1624
- "propToVariantKeys": {},
1625
- "runtimeConfigDefaultProps": {},
1626
- "runtimeConfigGetStyles": {},
1627
- "runtimeConfigInternalComponentProps": {},
1628
- "motionVarPrefixes": []
1629
- };
1630
- var BottomSheetDismiss = {
1631
- "name": "BottomSheetDismiss",
1632
- "defaultProps": {},
1633
- "getStylesLiterals": {},
1634
- "cxLiterals": [],
1635
- "internalComponents": ["AriakitDialogDismiss"],
1636
- "internalComponentProps": {},
1637
- "propToVariantKeys": {},
1638
- "runtimeConfigDefaultProps": {},
1639
- "runtimeConfigGetStyles": {},
1640
- "runtimeConfigInternalComponentProps": {},
1641
- "motionVarPrefixes": []
1642
- };
1643
- var BottomSheetHandle = {
1644
- "name": "BottomSheetHandle",
1645
- "defaultProps": { "variant": "default" },
1646
- "getStylesLiterals": {},
1647
- "cxLiterals": [
1648
- "relative",
1649
- "h-5",
1650
- "w-16",
1651
- "outline-none",
1652
- "focus-visible:outline-none",
1653
- "[touch-action:pan-y]",
1654
- "absolute",
1655
- "left-1/2",
1656
- "top-1/2",
1657
- "-translate-x-1/2",
1658
- "-translate-y-1/2",
1659
- "h-1",
1660
- "w-8",
1661
- "rounded-full"
1662
- ],
1663
- "internalComponents": ["Box"],
1664
- "internalComponentProps": { "Box": {
1665
- "display": ["block", "flex"],
1666
- "justifyContent": ["center"]
1667
- } },
1668
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1669
- "runtimeConfigDefaultProps": {},
1670
- "runtimeConfigGetStyles": {},
1671
- "runtimeConfigInternalComponentProps": {},
1672
- "motionVarPrefixes": []
1673
- };
1674
1348
  var BottomSheetHeader = {
1675
1349
  "name": "BottomSheetHeader",
1676
1350
  "defaultProps": { "variant": "default" },
@@ -1702,12 +1376,12 @@ var BottomSheetHeader = {
1702
1376
  "runtimeConfigInternalComponentProps": {},
1703
1377
  "motionVarPrefixes": []
1704
1378
  };
1705
- var BottomSheetInternalContext = {
1706
- "name": "BottomSheetInternalContext",
1379
+ var BottomSheetTrigger = {
1380
+ "name": "BottomSheetTrigger",
1707
1381
  "defaultProps": {},
1708
1382
  "getStylesLiterals": {},
1709
1383
  "cxLiterals": [],
1710
- "internalComponents": [],
1384
+ "internalComponents": ["AriakitDialogDisclosure"],
1711
1385
  "internalComponentProps": {},
1712
1386
  "propToVariantKeys": {},
1713
1387
  "runtimeConfigDefaultProps": {},
@@ -1715,12 +1389,12 @@ var BottomSheetInternalContext = {
1715
1389
  "runtimeConfigInternalComponentProps": {},
1716
1390
  "motionVarPrefixes": []
1717
1391
  };
1718
- var BottomSheetProvider = {
1719
- "name": "BottomSheetProvider",
1392
+ var UDSBottomSheetConfigProvider = {
1393
+ "name": "UDSBottomSheetConfigProvider",
1720
1394
  "defaultProps": {},
1721
1395
  "getStylesLiterals": {},
1722
1396
  "cxLiterals": [],
1723
- "internalComponents": ["AriakitDialogProvider"],
1397
+ "internalComponents": ["BottomSheetContext.Provider"],
1724
1398
  "internalComponentProps": {},
1725
1399
  "propToVariantKeys": {},
1726
1400
  "runtimeConfigDefaultProps": {},
@@ -1728,12 +1402,12 @@ var BottomSheetProvider = {
1728
1402
  "runtimeConfigInternalComponentProps": {},
1729
1403
  "motionVarPrefixes": []
1730
1404
  };
1731
- var BottomSheetTrigger = {
1732
- "name": "BottomSheetTrigger",
1405
+ var BottomSheetDismiss = {
1406
+ "name": "BottomSheetDismiss",
1733
1407
  "defaultProps": {},
1734
1408
  "getStylesLiterals": {},
1735
1409
  "cxLiterals": [],
1736
- "internalComponents": ["AriakitDialogDisclosure"],
1410
+ "internalComponents": ["AriakitDialogDismiss"],
1737
1411
  "internalComponentProps": {},
1738
1412
  "propToVariantKeys": {},
1739
1413
  "runtimeConfigDefaultProps": {},
@@ -1741,12 +1415,12 @@ var BottomSheetTrigger = {
1741
1415
  "runtimeConfigInternalComponentProps": {},
1742
1416
  "motionVarPrefixes": []
1743
1417
  };
1744
- var UDSBottomSheetConfigProvider = {
1745
- "name": "UDSBottomSheetConfigProvider",
1418
+ var BottomSheetProvider = {
1419
+ "name": "BottomSheetProvider",
1746
1420
  "defaultProps": {},
1747
1421
  "getStylesLiterals": {},
1748
1422
  "cxLiterals": [],
1749
- "internalComponents": ["BottomSheetContext.Provider"],
1423
+ "internalComponents": ["AriakitDialogProvider"],
1750
1424
  "internalComponentProps": {},
1751
1425
  "propToVariantKeys": {},
1752
1426
  "runtimeConfigDefaultProps": {},
@@ -1754,12 +1428,114 @@ var UDSBottomSheetConfigProvider = {
1754
1428
  "runtimeConfigInternalComponentProps": {},
1755
1429
  "motionVarPrefixes": []
1756
1430
  };
1757
- var Avatar = {
1758
- "name": "Avatar",
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" },
1447
+ "getStylesLiterals": {},
1448
+ "cxLiterals": [
1449
+ "uds-chip-dismissible-button",
1450
+ "uds-hit-target",
1451
+ "uds-ring",
1452
+ "rounded-full"
1453
+ ],
1454
+ "internalComponents": [
1455
+ "ChipBase",
1456
+ "IconSlot",
1457
+ "Pressable"
1458
+ ],
1459
+ "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"] },
1483
+ "runtimeConfigDefaultProps": {},
1484
+ "runtimeConfigGetStyles": {},
1485
+ "runtimeConfigInternalComponentProps": {},
1486
+ "motionVarPrefixes": []
1487
+ };
1488
+ var ChipBase = {
1489
+ "name": "ChipBase",
1490
+ "defaultProps": {
1491
+ "size": "md",
1492
+ "as": "div"
1493
+ },
1494
+ "getStylesLiterals": {},
1495
+ "cxLiterals": [
1496
+ "pointer-events-none",
1497
+ "cursor-default",
1498
+ "opacity-50",
1499
+ "inline-flex",
1500
+ "items-center",
1501
+ "transition-[background-color,outline-color,box-shadow]",
1502
+ "truncate",
1503
+ "whitespace-nowrap",
1504
+ "text-center",
1505
+ "flex-1"
1506
+ ],
1507
+ "internalComponents": [
1508
+ "IconSlot",
1509
+ "HStack",
1510
+ "As",
1511
+ "Text"
1512
+ ],
1513
+ "internalComponentProps": { "Text": {
1514
+ "as": ["span"],
1515
+ "color": ["current"],
1516
+ "variant": ["inherit"]
1517
+ } },
1518
+ "propToVariantKeys": {
1519
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1520
+ "startIcon": ["icon"],
1521
+ "endIcon": ["icon"]
1522
+ },
1523
+ "runtimeConfigDefaultProps": {},
1524
+ "runtimeConfigGetStyles": {},
1525
+ "runtimeConfigInternalComponentProps": {},
1526
+ "motionVarPrefixes": []
1527
+ };
1528
+ var Chip = {
1529
+ "name": "Chip",
1759
1530
  "defaultProps": {},
1760
1531
  "getStylesLiterals": {},
1761
1532
  "cxLiterals": [],
1762
- "internalComponents": ["AvatarImage"],
1533
+ "internalComponents": [
1534
+ "ChipDismissible",
1535
+ "ChipToggle",
1536
+ "ChipLink",
1537
+ "ChipButton"
1538
+ ],
1763
1539
  "internalComponentProps": {},
1764
1540
  "propToVariantKeys": {},
1765
1541
  "runtimeConfigDefaultProps": {},
@@ -1767,6 +1543,48 @@ var Avatar = {
1767
1543
  "runtimeConfigInternalComponentProps": {},
1768
1544
  "motionVarPrefixes": []
1769
1545
  };
1546
+ var ChipButton = {
1547
+ "name": "ChipButton",
1548
+ "defaultProps": { "variant": "primary" },
1549
+ "getStylesLiterals": {},
1550
+ "cxLiterals": ["uds-ring"],
1551
+ "internalComponents": ["ChipBase"],
1552
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1553
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1554
+ "runtimeConfigDefaultProps": {},
1555
+ "runtimeConfigGetStyles": {},
1556
+ "runtimeConfigInternalComponentProps": {},
1557
+ "motionVarPrefixes": []
1558
+ };
1559
+ var AvatarText = {
1560
+ "name": "AvatarText",
1561
+ "defaultProps": {
1562
+ "size": "md",
1563
+ "variant": "primary"
1564
+ },
1565
+ "getStylesLiterals": {},
1566
+ "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"
1576
+ ],
1577
+ "internalComponents": ["Box", "Text"],
1578
+ "internalComponentProps": { "Text": {
1579
+ "color": ["inherit"],
1580
+ "variant": ["inherit"]
1581
+ } },
1582
+ "propToVariantKeys": {},
1583
+ "runtimeConfigDefaultProps": {},
1584
+ "runtimeConfigGetStyles": {},
1585
+ "runtimeConfigInternalComponentProps": {},
1586
+ "motionVarPrefixes": []
1587
+ };
1770
1588
  var AvatarIcon = {
1771
1589
  "name": "AvatarIcon",
1772
1590
  "defaultProps": {
@@ -1792,6 +1610,19 @@ var AvatarIcon = {
1792
1610
  "runtimeConfigInternalComponentProps": {},
1793
1611
  "motionVarPrefixes": []
1794
1612
  };
1613
+ var Avatar = {
1614
+ "name": "Avatar",
1615
+ "defaultProps": {},
1616
+ "getStylesLiterals": {},
1617
+ "cxLiterals": [],
1618
+ "internalComponents": ["AvatarImage"],
1619
+ "internalComponentProps": {},
1620
+ "propToVariantKeys": {},
1621
+ "runtimeConfigDefaultProps": {},
1622
+ "runtimeConfigGetStyles": {},
1623
+ "runtimeConfigInternalComponentProps": {},
1624
+ "motionVarPrefixes": []
1625
+ };
1795
1626
  var AvatarImage = {
1796
1627
  "name": "AvatarImage",
1797
1628
  "defaultProps": {
@@ -1826,33 +1657,259 @@ var AvatarImage = {
1826
1657
  "runtimeConfigInternalComponentProps": {},
1827
1658
  "motionVarPrefixes": []
1828
1659
  };
1829
- var AvatarText = {
1830
- "name": "AvatarText",
1831
- "defaultProps": {
1832
- "size": "md",
1833
- "variant": "primary"
1834
- },
1660
+ var TabPanel = {
1661
+ "name": "TabPanel",
1662
+ "defaultProps": {},
1663
+ "getStylesLiterals": {},
1664
+ "cxLiterals": [],
1665
+ "internalComponents": ["AriakitTabPanel"],
1666
+ "internalComponentProps": {},
1667
+ "propToVariantKeys": {},
1668
+ "runtimeConfigDefaultProps": {},
1669
+ "runtimeConfigGetStyles": {},
1670
+ "runtimeConfigInternalComponentProps": {},
1671
+ "motionVarPrefixes": []
1672
+ };
1673
+ var Tabs = {
1674
+ "name": "Tabs",
1675
+ "defaultProps": { "variant": "primary" },
1835
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" },
1689
+ "getStylesLiterals": {
1690
+ "tabSizeRoot": "default",
1691
+ "tabVariantActiveRoot": "on"
1692
+ },
1836
1693
  "cxLiterals": [
1837
- "overflow-hidden",
1838
- "truncate",
1839
- "w-full",
1840
- "h-full",
1841
- "shrink-0",
1842
- "text-center",
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"],
1723
+ "internalComponentProps": {},
1724
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
1725
+ "runtimeConfigDefaultProps": {},
1726
+ "runtimeConfigGetStyles": {},
1727
+ "runtimeConfigInternalComponentProps": {},
1728
+ "motionVarPrefixes": []
1729
+ };
1730
+ var Tab = {
1731
+ "name": "Tab",
1732
+ "defaultProps": { "variant": "primary" },
1733
+ "getStylesLiterals": {
1734
+ "tabSizeRoot": "default",
1735
+ "tabVariantActiveRoot": "off",
1736
+ "tabVariantActiveRoot:1": "on",
1737
+ "tabSizeIcon": "default"
1738
+ },
1739
+ "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",
1843
1752
  "inline-flex",
1844
- "justify-center",
1845
- "items-center"
1753
+ "items-center",
1754
+ "shrink-0",
1755
+ "box-border",
1756
+ "relative",
1757
+ "z-[1]",
1758
+ "cursor-pointer",
1759
+ "select-none",
1760
+ "whitespace-nowrap",
1761
+ "uds-ring",
1762
+ "opacity-50",
1763
+ "cursor-default",
1764
+ "border-solid",
1765
+ "border-b-solid",
1766
+ "transition-colors"
1767
+ ],
1768
+ "internalComponents": [
1769
+ "IconSlot",
1770
+ "AriakitTab",
1771
+ "Text"
1772
+ ],
1773
+ "internalComponentProps": { "Text": {
1774
+ "variant": ["inherit"],
1775
+ "as": ["span"],
1776
+ "color": ["current"]
1777
+ } },
1778
+ "propToVariantKeys": {
1779
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
1780
+ "activeState": ["tabVariantActiveIcon"],
1781
+ "startIcon": ["icon"],
1782
+ "endIcon": ["icon"]
1783
+ },
1784
+ "runtimeConfigDefaultProps": {},
1785
+ "runtimeConfigGetStyles": {},
1786
+ "runtimeConfigInternalComponentProps": {},
1787
+ "motionVarPrefixes": []
1788
+ };
1789
+ var UDSPopoverConfigProvider = {
1790
+ "name": "UDSPopoverConfigProvider",
1791
+ "defaultProps": {},
1792
+ "getStylesLiterals": {},
1793
+ "cxLiterals": [],
1794
+ "internalComponents": ["PopoverContext.Provider"],
1795
+ "internalComponentProps": {},
1796
+ "propToVariantKeys": {},
1797
+ "runtimeConfigDefaultProps": {},
1798
+ "runtimeConfigGetStyles": {},
1799
+ "runtimeConfigInternalComponentProps": {},
1800
+ "motionVarPrefixes": []
1801
+ };
1802
+ var Popover = {
1803
+ "name": "Popover",
1804
+ "defaultProps": {},
1805
+ "getStylesLiterals": {},
1806
+ "cxLiterals": [],
1807
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1808
+ "internalComponentProps": {},
1809
+ "propToVariantKeys": {},
1810
+ "runtimeConfigDefaultProps": {
1811
+ "size": "popover.defaultSize",
1812
+ "variant": "popover.defaultVariant"
1813
+ },
1814
+ "runtimeConfigGetStyles": {},
1815
+ "runtimeConfigInternalComponentProps": {},
1816
+ "motionVarPrefixes": []
1817
+ };
1818
+ var PopoverTrigger = {
1819
+ "name": "PopoverTrigger",
1820
+ "defaultProps": {},
1821
+ "getStylesLiterals": {},
1822
+ "cxLiterals": [],
1823
+ "internalComponents": ["PopoverDisclosure"],
1824
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1825
+ "propToVariantKeys": { "children": ["render"] },
1826
+ "runtimeConfigDefaultProps": {},
1827
+ "runtimeConfigGetStyles": {},
1828
+ "runtimeConfigInternalComponentProps": {},
1829
+ "motionVarPrefixes": []
1830
+ };
1831
+ var PopoverContext = {
1832
+ "name": "PopoverContext",
1833
+ "defaultProps": {},
1834
+ "getStylesLiterals": {},
1835
+ "cxLiterals": [],
1836
+ "internalComponents": [],
1837
+ "internalComponentProps": {},
1838
+ "propToVariantKeys": {},
1839
+ "runtimeConfigDefaultProps": {},
1840
+ "runtimeConfigGetStyles": {},
1841
+ "runtimeConfigInternalComponentProps": {},
1842
+ "motionVarPrefixes": []
1843
+ };
1844
+ var PopoverContent = {
1845
+ "name": "PopoverContent",
1846
+ "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]"
1846
1890
  ],
1847
- "internalComponents": ["Box", "Text"],
1848
- "internalComponentProps": { "Text": {
1849
- "color": ["inherit"],
1850
- "variant": ["inherit"]
1851
- } },
1852
- "propToVariantKeys": {},
1853
- "runtimeConfigDefaultProps": {},
1854
- "runtimeConfigGetStyles": {},
1855
- "runtimeConfigInternalComponentProps": {},
1891
+ "internalComponents": [
1892
+ "PopoverDismiss",
1893
+ "IconSlot",
1894
+ "PopoverArrow",
1895
+ "Popover",
1896
+ "SvgFloatingOverlay",
1897
+ "Box",
1898
+ "Pressable"
1899
+ ],
1900
+ "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}"] } },
1856
1913
  "motionVarPrefixes": []
1857
1914
  };
1858
1915
  var Input = {
@@ -1985,17 +2042,22 @@ var InputHelpTextInternal = {
1985
2042
  "runtimeConfigInternalComponentProps": {},
1986
2043
  "motionVarPrefixes": []
1987
2044
  };
1988
- var Chip = {
1989
- "name": "Chip",
2045
+ var Menu_Item = {
2046
+ "name": "Menu.Item",
1990
2047
  "defaultProps": {},
1991
- "getStylesLiterals": {},
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
+ },
1992
2059
  "cxLiterals": [],
1993
- "internalComponents": [
1994
- "ChipDismissible",
1995
- "ChipToggle",
1996
- "ChipLink",
1997
- "ChipButton"
1998
- ],
2060
+ "internalComponents": ["MenuItemBase"],
1999
2061
  "internalComponentProps": {},
2000
2062
  "propToVariantKeys": {},
2001
2063
  "runtimeConfigDefaultProps": {},
@@ -2003,225 +2065,207 @@ var Chip = {
2003
2065
  "runtimeConfigInternalComponentProps": {},
2004
2066
  "motionVarPrefixes": []
2005
2067
  };
2006
- var ChipBase = {
2007
- "name": "ChipBase",
2008
- "defaultProps": {
2009
- "size": "md",
2010
- "as": "div"
2011
- },
2068
+ var Menu_index = {
2069
+ "name": "Menu.index",
2070
+ "defaultProps": {},
2012
2071
  "getStylesLiterals": {},
2013
- "cxLiterals": [
2014
- "pointer-events-none",
2015
- "cursor-default",
2016
- "opacity-50",
2017
- "inline-flex",
2018
- "items-center",
2019
- "transition-[background-color,outline-color,box-shadow]",
2020
- "truncate",
2021
- "whitespace-nowrap",
2022
- "text-center",
2023
- "flex-1"
2024
- ],
2025
- "internalComponents": [
2026
- "IconSlot",
2027
- "HStack",
2028
- "As",
2029
- "Text"
2030
- ],
2031
- "internalComponentProps": { "Text": {
2032
- "as": ["span"],
2033
- "color": ["current"],
2034
- "variant": ["inherit"]
2035
- } },
2036
- "propToVariantKeys": {
2037
- "size": ["chipSizeRoot", "chipSizeIcon"],
2038
- "startIcon": ["icon"],
2039
- "endIcon": ["icon"]
2040
- },
2072
+ "cxLiterals": [],
2073
+ "internalComponents": [],
2074
+ "internalComponentProps": {},
2075
+ "propToVariantKeys": {},
2041
2076
  "runtimeConfigDefaultProps": {},
2042
2077
  "runtimeConfigGetStyles": {},
2043
2078
  "runtimeConfigInternalComponentProps": {},
2044
2079
  "motionVarPrefixes": []
2045
2080
  };
2046
- var ChipButton = {
2047
- "name": "ChipButton",
2048
- "defaultProps": { "variant": "primary" },
2081
+ var Menu = {
2082
+ "name": "Menu",
2083
+ "defaultProps": {},
2049
2084
  "getStylesLiterals": {},
2050
- "cxLiterals": ["uds-ring"],
2051
- "internalComponents": ["ChipBase"],
2052
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2053
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2085
+ "cxLiterals": [],
2086
+ "internalComponents": [],
2087
+ "internalComponentProps": {},
2088
+ "propToVariantKeys": {},
2054
2089
  "runtimeConfigDefaultProps": {},
2055
2090
  "runtimeConfigGetStyles": {},
2056
2091
  "runtimeConfigInternalComponentProps": {},
2057
2092
  "motionVarPrefixes": []
2058
2093
  };
2059
- var ChipDismissible = {
2060
- "name": "ChipDismissible",
2061
- "defaultProps": { "variant": "primary" },
2094
+ var Menu_Content = {
2095
+ "name": "Menu.Content",
2096
+ "defaultProps": {
2097
+ "size": "default",
2098
+ "variant": "default",
2099
+ "gutter": "1"
2100
+ },
2062
2101
  "getStylesLiterals": {},
2063
2102
  "cxLiterals": [
2064
- "uds-chip-dismissible-button",
2065
- "uds-hit-target",
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",
2066
2111
  "uds-ring",
2067
- "rounded-full"
2112
+ "z-10",
2113
+ "group"
2068
2114
  ],
2069
2115
  "internalComponents": [
2070
- "ChipBase",
2071
- "IconSlot",
2072
- "Pressable"
2116
+ "AriakitMenu",
2117
+ "AnimatePresence",
2118
+ "MotionVStack"
2073
2119
  ],
2074
2120
  "internalComponentProps": {},
2075
2121
  "propToVariantKeys": {
2076
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2077
- "dismissButtonAriaLabel": ["aria-label"]
2122
+ "size": ["menucontentSizeRoot"],
2123
+ "variant": ["menucontentVariantRoot"]
2078
2124
  },
2079
2125
  "runtimeConfigDefaultProps": {},
2080
2126
  "runtimeConfigGetStyles": {},
2081
2127
  "runtimeConfigInternalComponentProps": {},
2082
2128
  "motionVarPrefixes": []
2083
2129
  };
2084
- var ChipLink = {
2085
- "name": "ChipLink",
2086
- "defaultProps": { "variant": "primary" },
2130
+ var Menu_Trigger = {
2131
+ "name": "Menu.Trigger",
2132
+ "defaultProps": {},
2087
2133
  "getStylesLiterals": {},
2088
- "cxLiterals": ["uds-ring"],
2089
- "internalComponents": ["ChipBase"],
2090
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2091
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2134
+ "cxLiterals": ["uds-menu-trigger"],
2135
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
2136
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2137
+ "propToVariantKeys": {},
2092
2138
  "runtimeConfigDefaultProps": {},
2093
2139
  "runtimeConfigGetStyles": {},
2094
2140
  "runtimeConfigInternalComponentProps": {},
2095
2141
  "motionVarPrefixes": []
2096
2142
  };
2097
- var ChipToggle = {
2098
- "name": "ChipToggle",
2143
+ var Menu_Divider = {
2144
+ "name": "Menu.Divider",
2099
2145
  "defaultProps": {
2100
- "variant": "primary",
2101
- "role": "checkbox"
2146
+ "role": "separator",
2147
+ "contentPosition": "start",
2148
+ "gap": "4"
2102
2149
  },
2103
2150
  "getStylesLiterals": {
2104
- "chipToggleVariantActiveRoot": "on",
2105
- "chipToggleVariantActiveRoot:1": "off"
2151
+ "menuitemDividerVariantRoot": "default",
2152
+ "menuitemDividerVariantText": "default",
2153
+ "menuitemDividerVariantLine": "default"
2106
2154
  },
2107
- "cxLiterals": ["uds-ring"],
2108
- "internalComponents": ["ChipBase"],
2109
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2110
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
2155
+ "cxLiterals": [],
2156
+ "internalComponents": ["DividerInternal"],
2157
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
2158
+ "propToVariantKeys": {},
2111
2159
  "runtimeConfigDefaultProps": {},
2112
2160
  "runtimeConfigGetStyles": {},
2113
2161
  "runtimeConfigInternalComponentProps": {},
2114
2162
  "motionVarPrefixes": []
2115
2163
  };
2116
- var Tab = {
2117
- "name": "Tab",
2118
- "defaultProps": { "variant": "primary" },
2164
+ var Menu_Provider = {
2165
+ "name": "Menu.Provider",
2166
+ "defaultProps": {},
2167
+ "getStylesLiterals": {},
2168
+ "cxLiterals": [],
2169
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
2170
+ "internalComponentProps": {},
2171
+ "propToVariantKeys": {},
2172
+ "runtimeConfigDefaultProps": {},
2173
+ "runtimeConfigGetStyles": {},
2174
+ "runtimeConfigInternalComponentProps": {},
2175
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2176
+ };
2177
+ var Menu_ItemCheckbox = {
2178
+ "name": "Menu.ItemCheckbox",
2179
+ "defaultProps": {},
2119
2180
  "getStylesLiterals": {
2120
- "tabSizeRoot": "default",
2121
- "tabVariantActiveRoot": "off",
2122
- "tabVariantActiveRoot:1": "on",
2123
- "tabSizeIcon": "default"
2124
- },
2125
- "cxLiterals": [
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",
2147
- "uds-ring",
2148
- "opacity-50",
2149
- "cursor-default",
2150
- "border-solid",
2151
- "border-b-solid",
2152
- "transition-colors"
2153
- ],
2154
- "internalComponents": [
2155
- "IconSlot",
2156
- "AriakitTab",
2157
- "Text"
2158
- ],
2159
- "internalComponentProps": { "Text": {
2160
- "variant": ["inherit"],
2161
- "as": ["span"],
2162
- "color": ["current"]
2163
- } },
2164
- "propToVariantKeys": {
2165
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2166
- "activeState": ["tabVariantActiveIcon"],
2167
- "startIcon": ["icon"],
2168
- "endIcon": ["icon"]
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"
2169
2193
  },
2194
+ "cxLiterals": ["uds-menu-item-checkbox"],
2195
+ "internalComponents": ["MenuItemBase"],
2196
+ "internalComponentProps": {},
2197
+ "propToVariantKeys": {},
2170
2198
  "runtimeConfigDefaultProps": {},
2171
2199
  "runtimeConfigGetStyles": {},
2172
2200
  "runtimeConfigInternalComponentProps": {},
2173
2201
  "motionVarPrefixes": []
2174
2202
  };
2175
- var TabList = {
2176
- "name": "TabList",
2177
- "defaultProps": { "variant": "primary" },
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
+ },
2178
2213
  "getStylesLiterals": {
2179
- "tabSizeRoot": "default",
2180
- "tabVariantActiveRoot": "on"
2214
+ "textAlign": "start",
2215
+ "menuitemSizeRoot": "default",
2216
+ "flexDirection": "row",
2217
+ "menuitemSizeStartIcon": "default",
2218
+ "menuitemSizeEndIcon": "default"
2181
2219
  },
2182
2220
  "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
2221
  "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"
2222
+ "focus-visible:text-brand",
2223
+ "focus-visible:bg-brand-secondary",
2224
+ "focus-visible:z-10",
2225
+ "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"
2210
2236
  ],
2211
- "internalComponents": ["AriakitTabList"],
2212
- "internalComponentProps": {},
2213
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2237
+ "internalComponents": [
2238
+ "Pressable",
2239
+ "IconSlot",
2240
+ "RootComponent",
2241
+ "HStack",
2242
+ "AnimatePresence"
2243
+ ],
2244
+ "internalComponentProps": {
2245
+ "HStack": {
2246
+ "alignItems": ["center"],
2247
+ "width": ["full"]
2248
+ },
2249
+ "AnimatePresence": { "mode": ["popLayout"] }
2250
+ },
2251
+ "propToVariantKeys": {
2252
+ "startIconClassName": ["className"],
2253
+ "endIconClassName": ["className"],
2254
+ "startIcon": ["icon"],
2255
+ "endIcon": ["icon"],
2256
+ "columnGap": ["gap"]
2257
+ },
2214
2258
  "runtimeConfigDefaultProps": {},
2215
2259
  "runtimeConfigGetStyles": {},
2216
2260
  "runtimeConfigInternalComponentProps": {},
2217
2261
  "motionVarPrefixes": []
2218
2262
  };
2219
- var TabPanel = {
2220
- "name": "TabPanel",
2263
+ var UDSBreakpointsConfigProvider = {
2264
+ "name": "UDSBreakpointsConfigProvider",
2221
2265
  "defaultProps": {},
2222
2266
  "getStylesLiterals": {},
2223
2267
  "cxLiterals": [],
2224
- "internalComponents": ["AriakitTabPanel"],
2268
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2225
2269
  "internalComponentProps": {},
2226
2270
  "propToVariantKeys": {},
2227
2271
  "runtimeConfigDefaultProps": {},
@@ -2229,14 +2273,20 @@ var TabPanel = {
2229
2273
  "runtimeConfigInternalComponentProps": {},
2230
2274
  "motionVarPrefixes": []
2231
2275
  };
2232
- var Tabs = {
2233
- "name": "Tabs",
2234
- "defaultProps": { "variant": "primary" },
2276
+ var UDSConfigProvider = {
2277
+ "name": "UDSConfigProvider",
2278
+ "defaultProps": {},
2235
2279
  "getStylesLiterals": {},
2236
2280
  "cxLiterals": [],
2237
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2281
+ "internalComponents": [
2282
+ "UDSBreakpointsConfigProvider",
2283
+ "UDSBottomSheetConfigProvider",
2284
+ "UDSToastConfigProvider",
2285
+ "UDSTooltipConfigProvider",
2286
+ "UDSPopoverConfigProvider"
2287
+ ],
2238
2288
  "internalComponentProps": {},
2239
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2289
+ "propToVariantKeys": {},
2240
2290
  "runtimeConfigDefaultProps": {},
2241
2291
  "runtimeConfigGetStyles": {},
2242
2292
  "runtimeConfigInternalComponentProps": {},
@@ -2291,204 +2341,71 @@ var TooltipContent = {
2291
2341
  "VStack",
2292
2342
  "Box",
2293
2343
  "Text"
2294
- ],
2295
- "internalComponentProps": {
2296
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2297
- "VStack": { "className": ["gap-[inherit]"] },
2298
- "Box": {
2299
- "alignItems": ["center"],
2300
- "columnGap": ["1", "1.5"]
2301
- },
2302
- "Text": { "color": ["inherit"] }
2303
- },
2304
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
2305
- "runtimeConfigDefaultProps": {},
2306
- "runtimeConfigGetStyles": {},
2307
- "runtimeConfigInternalComponentProps": {},
2308
- "motionVarPrefixes": []
2309
- };
2310
- var TooltipTrigger = {
2311
- "name": "TooltipTrigger",
2312
- "defaultProps": {},
2313
- "getStylesLiterals": {},
2314
- "cxLiterals": [],
2315
- "internalComponents": ["TooltipAnchor"],
2316
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2317
- "propToVariantKeys": { "children": ["render"] },
2318
- "runtimeConfigDefaultProps": {},
2319
- "runtimeConfigGetStyles": {},
2320
- "runtimeConfigInternalComponentProps": {},
2321
- "motionVarPrefixes": []
2322
- };
2323
- var UDSTooltipConfigProvider = {
2324
- "name": "UDSTooltipConfigProvider",
2325
- "defaultProps": {},
2326
- "getStylesLiterals": {},
2327
- "cxLiterals": [],
2328
- "internalComponents": ["TooltipContext.Provider"],
2329
- "internalComponentProps": {},
2330
- "propToVariantKeys": {},
2331
- "runtimeConfigDefaultProps": {},
2332
- "runtimeConfigGetStyles": {},
2333
- "runtimeConfigInternalComponentProps": {},
2334
- "motionVarPrefixes": []
2335
- };
2336
- var Toast = {
2337
- "name": "Toast",
2338
- "defaultProps": {},
2339
- "getStylesLiterals": {
2340
- "className": "animate-spin",
2341
- "className:1": "flex-none",
2342
- "spacing": "2",
2343
- "borderRadius": "full"
2344
- },
2345
- "cxLiterals": [
2346
- "duration-0",
2347
- "duration-120",
2348
- "transition-[background-color]",
2349
- "bg-carbon-15/0",
2350
- "hover:bg-carbon-15/10",
2351
- "active:bg-carbon-15/15",
2352
- "uds-ring"
2353
- ],
2354
- "internalComponents": [
2355
- "IconSlot",
2356
- "ToastContainer",
2357
- "Text",
2358
- "Button",
2359
- "Pressable"
2360
- ],
2361
- "internalComponentProps": {},
2362
- "propToVariantKeys": {
2363
- "size": [
2364
- "toastSizeLabel",
2365
- "toastSizeIcon",
2366
- "toastSizeActionButton",
2367
- "toastSizeCloseIcon"
2368
- ],
2369
- "variant": [
2370
- "toastVariantIcon",
2371
- "toastVariantActionButton",
2372
- "toastVariantCloseIcon"
2373
- ],
2374
- "closeIcon": ["icon"],
2375
- "onClickActionButton": ["onClick"]
2376
- },
2377
- "runtimeConfigDefaultProps": {
2378
- "size": "toast.defaultSize",
2379
- "variant": "toast.defaultVariant"
2380
- },
2381
- "runtimeConfigGetStyles": {
2382
- "toastSizeLabel": ["toast.defaultSize"],
2383
- "toastVariantIcon": ["toast.defaultVariant"],
2384
- "toastSizeIcon": ["toast.defaultSize"],
2385
- "toastSizeActionButton": ["toast.defaultSize"],
2386
- "toastVariantActionButton": ["toast.defaultVariant"],
2387
- "toastVariantCloseIcon": ["toast.defaultVariant"],
2388
- "toastSizeCloseIcon": ["toast.defaultSize"]
2389
- },
2390
- "runtimeConfigInternalComponentProps": {
2391
- "ToastContainer": {
2392
- "size": ["toast.defaultSize"],
2393
- "variant": ["toast.defaultVariant"]
2394
- },
2395
- "Text": {
2396
- "variant": ["toast.textVariant.${size}"],
2397
- "color": ["toast.textColor.${variant}"]
2398
- },
2399
- "Button": {
2400
- "size": ["toast.buttonSize.${size}"],
2401
- "variant": ["toast.buttonVariant.${variant}"]
2402
- }
2403
- },
2404
- "motionVarPrefixes": []
2405
- };
2406
- var ToastContainer = {
2407
- "name": "ToastContainer",
2408
- "defaultProps": {},
2409
- "getStylesLiterals": {
2410
- "position": "relative",
2411
- "alignItems": "center",
2412
- "display": "flex",
2413
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2414
- },
2415
- "cxLiterals": ["w-full"],
2416
- "internalComponents": ["HStack"],
2417
- "internalComponentProps": { "HStack": {
2418
- "alignItems": ["center"],
2419
- "justifyContent": ["space-between"],
2420
- "overflow": ["hidden"],
2421
- "position": ["relative"]
2422
- } },
2423
- "propToVariantKeys": {
2424
- "variant": ["toastVariantRoot"],
2425
- "size": ["toastSizeRoot"]
2426
- },
2427
- "runtimeConfigDefaultProps": {
2428
- "size": "toast.defaultSize",
2429
- "variant": "toast.defaultVariant"
2430
- },
2431
- "runtimeConfigGetStyles": {
2432
- "toastVariantRoot": ["toast.defaultVariant"],
2433
- "toastSizeRoot": ["toast.defaultSize"]
2344
+ ],
2345
+ "internalComponentProps": {
2346
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2347
+ "VStack": { "className": ["gap-[inherit]"] },
2348
+ "Box": {
2349
+ "alignItems": ["center"],
2350
+ "columnGap": ["1", "1.5"]
2351
+ },
2352
+ "Text": { "color": ["inherit"] }
2434
2353
  },
2435
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2354
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2355
+ "runtimeConfigDefaultProps": {},
2356
+ "runtimeConfigGetStyles": {},
2357
+ "runtimeConfigInternalComponentProps": {},
2436
2358
  "motionVarPrefixes": []
2437
2359
  };
2438
- var ToastPortal = {
2439
- "name": "ToastPortal",
2360
+ var UDSTooltipConfigProvider = {
2361
+ "name": "UDSTooltipConfigProvider",
2440
2362
  "defaultProps": {},
2441
2363
  "getStylesLiterals": {},
2442
2364
  "cxLiterals": [],
2443
- "internalComponents": ["ReactToastifyToastContainer"],
2365
+ "internalComponents": ["TooltipContext.Provider"],
2444
2366
  "internalComponentProps": {},
2445
2367
  "propToVariantKeys": {},
2446
- "runtimeConfigDefaultProps": {
2447
- "size": "toast.defaultSize",
2448
- "variant": "toast.defaultVariant"
2449
- },
2368
+ "runtimeConfigDefaultProps": {},
2450
2369
  "runtimeConfigGetStyles": {},
2451
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2370
+ "runtimeConfigInternalComponentProps": {},
2452
2371
  "motionVarPrefixes": []
2453
2372
  };
2454
- var UDSToastConfigProvider = {
2455
- "name": "UDSToastConfigProvider",
2373
+ var TooltipTrigger = {
2374
+ "name": "TooltipTrigger",
2456
2375
  "defaultProps": {},
2457
2376
  "getStylesLiterals": {},
2458
2377
  "cxLiterals": [],
2459
- "internalComponents": ["ToastContext.Provider"],
2460
- "internalComponentProps": {},
2461
- "propToVariantKeys": {},
2378
+ "internalComponents": ["TooltipAnchor"],
2379
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2380
+ "propToVariantKeys": { "children": ["render"] },
2462
2381
  "runtimeConfigDefaultProps": {},
2463
2382
  "runtimeConfigGetStyles": {},
2464
2383
  "runtimeConfigInternalComponentProps": {},
2465
2384
  "motionVarPrefixes": []
2466
2385
  };
2467
- var UDSBreakpointsConfigProvider = {
2468
- "name": "UDSBreakpointsConfigProvider",
2386
+ var RadioGroupProvider = {
2387
+ "name": "RadioGroupProvider",
2469
2388
  "defaultProps": {},
2470
2389
  "getStylesLiterals": {},
2471
2390
  "cxLiterals": [],
2472
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2473
- "internalComponentProps": {},
2391
+ "internalComponents": [
2392
+ "DivProps",
2393
+ "Comp",
2394
+ "RadioGroupContext.Provider"
2395
+ ],
2396
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2474
2397
  "propToVariantKeys": {},
2475
2398
  "runtimeConfigDefaultProps": {},
2476
2399
  "runtimeConfigGetStyles": {},
2477
2400
  "runtimeConfigInternalComponentProps": {},
2478
2401
  "motionVarPrefixes": []
2479
2402
  };
2480
- var UDSConfigProvider = {
2481
- "name": "UDSConfigProvider",
2403
+ var RadioGroupStore = {
2404
+ "name": "RadioGroupStore",
2482
2405
  "defaultProps": {},
2483
2406
  "getStylesLiterals": {},
2484
2407
  "cxLiterals": [],
2485
- "internalComponents": [
2486
- "UDSBreakpointsConfigProvider",
2487
- "UDSBottomSheetConfigProvider",
2488
- "UDSToastConfigProvider",
2489
- "UDSTooltipConfigProvider",
2490
- "UDSPopoverConfigProvider"
2491
- ],
2408
+ "internalComponents": [],
2492
2409
  "internalComponentProps": {},
2493
2410
  "propToVariantKeys": {},
2494
2411
  "runtimeConfigDefaultProps": {},
@@ -2496,94 +2413,177 @@ var UDSConfigProvider = {
2496
2413
  "runtimeConfigInternalComponentProps": {},
2497
2414
  "motionVarPrefixes": []
2498
2415
  };
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
+ ],
2462
+ "internalComponents": [
2463
+ "Box",
2464
+ "FormLabel",
2465
+ "SpringMotionConfig",
2466
+ "RootElement",
2467
+ "MotionBox"
2468
+ ],
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
+ },
2494
+ "runtimeConfigDefaultProps": {},
2495
+ "runtimeConfigGetStyles": {},
2496
+ "runtimeConfigInternalComponentProps": {},
2497
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2498
+ };
2499
2499
  var componentData_default = {
2500
- Box,
2501
- FormLabel,
2502
- HStack,
2503
2500
  Icon,
2504
- IconSlot,
2501
+ Text,
2505
2502
  Image,
2506
- Link,
2507
2503
  Scrim,
2508
- SvgFloatingOverlay,
2509
- Text,
2504
+ FormLabel,
2510
2505
  VStack,
2506
+ IconSlot,
2507
+ Box,
2508
+ SvgFloatingOverlay,
2509
+ HStack,
2510
+ Link,
2511
+ BannerDescription,
2511
2512
  Banner,
2512
2513
  BannerContent,
2513
- BannerDescription,
2514
2514
  BannerTitle,
2515
- Spinner,
2515
+ Divider,
2516
+ DividerCore,
2517
+ DividerInternal,
2516
2518
  "Table.mocks": Table_mocks,
2519
+ Spinner,
2517
2520
  Table,
2518
- AnimateHeightChange,
2519
- Badge,
2520
- Button,
2521
- Checkbox,
2522
- IconButton,
2523
2521
  Pressable,
2524
2522
  SpringMotionConfig,
2523
+ AnimateHeightChange,
2525
2524
  Switch,
2526
- Divider,
2527
- DividerCore,
2528
- DividerInternal,
2525
+ IconButton,
2526
+ Badge,
2527
+ Checkbox,
2528
+ Button,
2529
2529
  Accordion,
2530
- AvoidMotionLibraryProvider,
2531
2530
  Modal,
2531
+ AvoidMotionLibraryProvider,
2532
2532
  SegmentedControl,
2533
2533
  SwitchV2,
2534
- Radio,
2535
- RadioGroupProvider,
2536
- RadioGroupStore,
2537
- Popover,
2538
- PopoverContent,
2539
- PopoverContext,
2540
- PopoverTrigger,
2541
- UDSPopoverConfigProvider,
2542
- "Menu.Content": Menu_Content,
2543
- "Menu.Divider": Menu_Divider,
2544
- "Menu.Item": Menu_Item,
2545
- "Menu.ItemBase": Menu_ItemBase,
2546
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2547
- "Menu.Provider": Menu_Provider,
2548
- "Menu.Trigger": Menu_Trigger,
2549
- "Menu.index": Menu_index,
2550
- Menu,
2551
- BottomSheet,
2534
+ UDSToastConfigProvider,
2535
+ ToastPortal,
2536
+ Toast,
2537
+ ToastContainer,
2538
+ BottomSheetInternalContext,
2552
2539
  BottomSheetContent,
2553
- BottomSheetDismiss,
2554
2540
  BottomSheetHandle,
2541
+ BottomSheet,
2555
2542
  BottomSheetHeader,
2556
- BottomSheetInternalContext,
2557
- BottomSheetProvider,
2558
2543
  BottomSheetTrigger,
2559
2544
  UDSBottomSheetConfigProvider,
2560
- Avatar,
2545
+ BottomSheetDismiss,
2546
+ BottomSheetProvider,
2547
+ ChipLink,
2548
+ ChipDismissible,
2549
+ ChipToggle,
2550
+ ChipBase,
2551
+ Chip,
2552
+ ChipButton,
2553
+ AvatarText,
2561
2554
  AvatarIcon,
2555
+ Avatar,
2562
2556
  AvatarImage,
2563
- AvatarText,
2557
+ TabPanel,
2558
+ Tabs,
2559
+ TabList,
2560
+ Tab,
2561
+ UDSPopoverConfigProvider,
2562
+ Popover,
2563
+ PopoverTrigger,
2564
+ PopoverContext,
2565
+ PopoverContent,
2564
2566
  Input,
2565
2567
  InputHelpText,
2566
2568
  InputHelpTextInternal,
2567
- Chip,
2568
- ChipBase,
2569
- ChipButton,
2570
- ChipDismissible,
2571
- ChipLink,
2572
- ChipToggle,
2573
- Tab,
2574
- TabList,
2575
- TabPanel,
2576
- Tabs,
2569
+ "Menu.Item": Menu_Item,
2570
+ "Menu.index": Menu_index,
2571
+ Menu,
2572
+ "Menu.Content": Menu_Content,
2573
+ "Menu.Trigger": Menu_Trigger,
2574
+ "Menu.Divider": Menu_Divider,
2575
+ "Menu.Provider": Menu_Provider,
2576
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2577
+ "Menu.ItemBase": Menu_ItemBase,
2578
+ UDSBreakpointsConfigProvider,
2579
+ UDSConfigProvider,
2577
2580
  Tooltip,
2578
2581
  TooltipContent,
2579
- TooltipTrigger,
2580
2582
  UDSTooltipConfigProvider,
2581
- Toast,
2582
- ToastContainer,
2583
- ToastPortal,
2584
- UDSToastConfigProvider,
2585
- UDSBreakpointsConfigProvider,
2586
- UDSConfigProvider
2583
+ TooltipTrigger,
2584
+ RadioGroupProvider,
2585
+ RadioGroupStore,
2586
+ Radio
2587
2587
  };
2588
2588
  //#endregion
2589
2589
  export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, Banner, BannerContent, BannerDescription, BannerTitle, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetInternalContext, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Menu_index as "Menu.index", Modal, Popover, PopoverContent, PopoverContext, PopoverTrigger, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, SvgFloatingOverlay, Switch, SwitchV2, Tab, TabList, TabPanel, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };