@yahoo/uds 3.116.2 → 3.116.3

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.
@@ -1,6 +1,86 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
 
3
3
  //#region generated/componentData.json
4
+ var Box = {
5
+ "name": "Box",
6
+ "defaultProps": {
7
+ "as": "div",
8
+ "display": "flex"
9
+ },
10
+ "getStylesLiterals": {},
11
+ "cxLiterals": [],
12
+ "internalComponents": ["Comp"],
13
+ "internalComponentProps": {},
14
+ "propToVariantKeys": { "elevationAlias": [
15
+ "backgroundColor",
16
+ "borderColor",
17
+ "borderWidth",
18
+ "dropShadow"
19
+ ] },
20
+ "motionVarPrefixes": []
21
+ };
22
+ var FormLabel = {
23
+ "name": "FormLabel",
24
+ "defaultProps": {
25
+ "color": "muted",
26
+ "variant": "label3",
27
+ "as": "label"
28
+ },
29
+ "getStylesLiterals": {},
30
+ "cxLiterals": ["cursor-[inherit]"],
31
+ "internalComponents": ["Text"],
32
+ "internalComponentProps": { "Text": {
33
+ "as": ["sup"],
34
+ "variant": ["inherit"],
35
+ "spacingStart": ["0.5"]
36
+ } },
37
+ "propToVariantKeys": {},
38
+ "motionVarPrefixes": []
39
+ };
40
+ var HStack = {
41
+ "name": "HStack",
42
+ "defaultProps": {},
43
+ "getStylesLiterals": {},
44
+ "cxLiterals": [],
45
+ "internalComponents": ["Box"],
46
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
47
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
48
+ "motionVarPrefixes": []
49
+ };
50
+ var Icon = {
51
+ "name": "Icon",
52
+ "defaultProps": {
53
+ "size": "md",
54
+ "variant": "outline",
55
+ "color": "primary"
56
+ },
57
+ "getStylesLiterals": { "flex": "none" },
58
+ "cxLiterals": ["[&_path]:fill-current"],
59
+ "internalComponents": ["SVGIcon"],
60
+ "internalComponentProps": {},
61
+ "propToVariantKeys": {},
62
+ "motionVarPrefixes": []
63
+ };
64
+ var IconSlot = {
65
+ "name": "IconSlot",
66
+ "defaultProps": {},
67
+ "getStylesLiterals": {},
68
+ "cxLiterals": [],
69
+ "internalComponents": ["Icon"],
70
+ "internalComponentProps": {},
71
+ "propToVariantKeys": {},
72
+ "motionVarPrefixes": []
73
+ };
74
+ var Image = {
75
+ "name": "Image",
76
+ "defaultProps": {},
77
+ "getStylesLiterals": {},
78
+ "cxLiterals": [],
79
+ "internalComponents": [],
80
+ "internalComponentProps": {},
81
+ "propToVariantKeys": {},
82
+ "motionVarPrefixes": []
83
+ };
4
84
  var Link = {
5
85
  "name": "Link",
6
86
  "defaultProps": { "variant": "primary" },
@@ -36,34 +116,6 @@ var Link = {
36
116
  },
37
117
  "motionVarPrefixes": []
38
118
  };
39
- var VStack = {
40
- "name": "VStack",
41
- "defaultProps": {},
42
- "getStylesLiterals": {},
43
- "cxLiterals": [],
44
- "internalComponents": ["Box"],
45
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
46
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
47
- "motionVarPrefixes": []
48
- };
49
- var Box = {
50
- "name": "Box",
51
- "defaultProps": {
52
- "as": "div",
53
- "display": "flex"
54
- },
55
- "getStylesLiterals": {},
56
- "cxLiterals": [],
57
- "internalComponents": ["Comp"],
58
- "internalComponentProps": {},
59
- "propToVariantKeys": { "elevationAlias": [
60
- "backgroundColor",
61
- "borderColor",
62
- "borderWidth",
63
- "dropShadow"
64
- ] },
65
- "motionVarPrefixes": []
66
- };
67
119
  var Scrim = {
68
120
  "name": "Scrim",
69
121
  "defaultProps": {
@@ -88,38 +140,6 @@ var Scrim = {
88
140
  "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
89
141
  "motionVarPrefixes": []
90
142
  };
91
- var Icon = {
92
- "name": "Icon",
93
- "defaultProps": {
94
- "size": "md",
95
- "variant": "outline",
96
- "color": "primary"
97
- },
98
- "getStylesLiterals": { "flex": "none" },
99
- "cxLiterals": ["[&_path]:fill-current"],
100
- "internalComponents": ["SVGIcon"],
101
- "internalComponentProps": {},
102
- "propToVariantKeys": {},
103
- "motionVarPrefixes": []
104
- };
105
- var FormLabel = {
106
- "name": "FormLabel",
107
- "defaultProps": {
108
- "color": "muted",
109
- "variant": "label3",
110
- "as": "label"
111
- },
112
- "getStylesLiterals": {},
113
- "cxLiterals": ["cursor-[inherit]"],
114
- "internalComponents": ["Text"],
115
- "internalComponentProps": { "Text": {
116
- "as": ["sup"],
117
- "variant": ["inherit"],
118
- "spacingStart": ["0.5"]
119
- } },
120
- "propToVariantKeys": {},
121
- "motionVarPrefixes": []
122
- };
123
143
  var Text = {
124
144
  "name": "Text",
125
145
  "defaultProps": {
@@ -140,32 +160,22 @@ var Text = {
140
160
  ] },
141
161
  "motionVarPrefixes": []
142
162
  };
143
- var IconSlot = {
144
- "name": "IconSlot",
145
- "defaultProps": {},
146
- "getStylesLiterals": {},
147
- "cxLiterals": [],
148
- "internalComponents": ["Icon"],
149
- "internalComponentProps": {},
150
- "propToVariantKeys": {},
151
- "motionVarPrefixes": []
152
- };
153
- var HStack = {
154
- "name": "HStack",
163
+ var VStack = {
164
+ "name": "VStack",
155
165
  "defaultProps": {},
156
166
  "getStylesLiterals": {},
157
167
  "cxLiterals": [],
158
168
  "internalComponents": ["Box"],
159
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
160
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
169
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
170
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
161
171
  "motionVarPrefixes": []
162
172
  };
163
- var Image = {
164
- "name": "Image",
173
+ var Divider = {
174
+ "name": "Divider",
165
175
  "defaultProps": {},
166
176
  "getStylesLiterals": {},
167
177
  "cxLiterals": [],
168
- "internalComponents": [],
178
+ "internalComponents": ["DividerInternal"],
169
179
  "internalComponentProps": {},
170
180
  "propToVariantKeys": {},
171
181
  "motionVarPrefixes": []
@@ -213,73 +223,44 @@ var DividerInternal = {
213
223
  ] },
214
224
  "motionVarPrefixes": []
215
225
  };
216
- var Divider = {
217
- "name": "Divider",
218
- "defaultProps": {},
219
- "getStylesLiterals": {},
220
- "cxLiterals": [],
221
- "internalComponents": ["DividerInternal"],
222
- "internalComponentProps": {},
223
- "propToVariantKeys": {},
224
- "motionVarPrefixes": []
225
- };
226
- var Table_mocks = {
227
- "name": "Table.mocks",
226
+ var AnimateHeightChange = {
227
+ "name": "AnimateHeightChange",
228
228
  "defaultProps": {},
229
229
  "getStylesLiterals": {},
230
- "cxLiterals": [],
231
- "internalComponents": [],
232
- "internalComponentProps": {},
233
- "propToVariantKeys": {},
234
- "motionVarPrefixes": []
235
- };
236
- var Table = {
237
- "name": "Table",
238
- "defaultProps": {
239
- "display": "table-cell",
240
- "overflow": "hidden",
241
- "borderColor": "muted",
242
- "borderRadius": "md",
243
- "spacing": "3",
244
- "borderBottomColor": "muted",
245
- "borderBottomWidth": "thin",
246
- "color": "primary"
247
- },
248
- "getStylesLiterals": { "textAlign": "start" },
249
- "cxLiterals": [],
250
- "internalComponents": [
251
- "CellComponent",
252
- "Box",
253
- "Text",
254
- "Table.Root",
255
- "Table.Header",
256
- "Table.Row",
257
- "Table.Cell",
258
- "Table.Body"
259
- ],
260
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
261
- "propToVariantKeys": {},
262
- "motionVarPrefixes": []
230
+ "cxLiterals": ["overflow-hidden"],
231
+ "internalComponents": ["SpringMotionConfig"],
232
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
233
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
234
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
263
235
  };
264
- var Spinner = {
265
- "name": "Spinner",
236
+ var Badge = {
237
+ "name": "Badge",
266
238
  "defaultProps": {
267
- "color": "primary",
268
- "size": "lg"
239
+ "variant": "primary",
240
+ "size": "md"
269
241
  },
270
242
  "getStylesLiterals": {},
271
243
  "cxLiterals": [
272
- "self-center",
273
- "relative",
274
- "sr-only"
244
+ "flex-1",
245
+ "truncate",
246
+ "whitespace-nowrap",
247
+ "text-center"
275
248
  ],
276
- "internalComponents": ["Icon"],
277
- "internalComponentProps": { "Icon": {
278
- "role": ["img"],
279
- "className": ["animate-spin"],
280
- "aria-hidden": ["true"]
281
- } },
282
- "propToVariantKeys": {},
249
+ "internalComponents": ["IconSlot", "HStack"],
250
+ "internalComponentProps": {
251
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
252
+ "HStack": {
253
+ "gap": ["2"],
254
+ "display": ["inline-flex"],
255
+ "alignItems": ["center"]
256
+ }
257
+ },
258
+ "propToVariantKeys": {
259
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
260
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
261
+ "startIcon": ["icon"],
262
+ "endIcon": ["icon"]
263
+ },
283
264
  "motionVarPrefixes": []
284
265
  };
285
266
  var Button = {
@@ -406,16 +387,6 @@ var Checkbox = {
406
387
  },
407
388
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
408
389
  };
409
- var SpringMotionConfig = {
410
- "name": "SpringMotionConfig",
411
- "defaultProps": { "reducedMotion": "user" },
412
- "getStylesLiterals": {},
413
- "cxLiterals": [],
414
- "internalComponents": ["LazyMotion", "MotionConfig"],
415
- "internalComponentProps": {},
416
- "propToVariantKeys": { "loadFeatures": ["features"] },
417
- "motionVarPrefixes": []
418
- };
419
390
  var IconButton = {
420
391
  "name": "IconButton",
421
392
  "defaultProps": { "type": "button" },
@@ -455,6 +426,26 @@ var IconButton = {
455
426
  },
456
427
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
457
428
  };
429
+ var Pressable = {
430
+ "name": "Pressable",
431
+ "defaultProps": {},
432
+ "getStylesLiterals": {},
433
+ "cxLiterals": [],
434
+ "internalComponents": ["Comp"],
435
+ "internalComponentProps": {},
436
+ "propToVariantKeys": {},
437
+ "motionVarPrefixes": []
438
+ };
439
+ var SpringMotionConfig = {
440
+ "name": "SpringMotionConfig",
441
+ "defaultProps": { "reducedMotion": "user" },
442
+ "getStylesLiterals": {},
443
+ "cxLiterals": [],
444
+ "internalComponents": ["LazyMotion", "MotionConfig"],
445
+ "internalComponentProps": {},
446
+ "propToVariantKeys": { "loadFeatures": ["features"] },
447
+ "motionVarPrefixes": []
448
+ };
458
449
  var Switch = {
459
450
  "name": "Switch",
460
451
  "defaultProps": {
@@ -545,721 +536,720 @@ var Switch = {
545
536
  },
546
537
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
547
538
  };
548
- var Badge = {
549
- "name": "Badge",
539
+ var Spinner = {
540
+ "name": "Spinner",
550
541
  "defaultProps": {
551
- "variant": "primary",
552
- "size": "md"
542
+ "color": "primary",
543
+ "size": "lg"
553
544
  },
554
545
  "getStylesLiterals": {},
555
546
  "cxLiterals": [
556
- "flex-1",
557
- "truncate",
558
- "whitespace-nowrap",
559
- "text-center"
547
+ "self-center",
548
+ "relative",
549
+ "sr-only"
560
550
  ],
561
- "internalComponents": ["IconSlot", "HStack"],
562
- "internalComponentProps": {
563
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
564
- "HStack": {
565
- "gap": ["2"],
566
- "display": ["inline-flex"],
567
- "alignItems": ["center"]
568
- }
569
- },
570
- "propToVariantKeys": {
571
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
572
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
573
- "startIcon": ["icon"],
574
- "endIcon": ["icon"]
575
- },
551
+ "internalComponents": ["Icon"],
552
+ "internalComponentProps": { "Icon": {
553
+ "role": ["img"],
554
+ "className": ["animate-spin"],
555
+ "aria-hidden": ["true"]
556
+ } },
557
+ "propToVariantKeys": {},
576
558
  "motionVarPrefixes": []
577
559
  };
578
- var AnimateHeightChange = {
579
- "name": "AnimateHeightChange",
580
- "defaultProps": {},
581
- "getStylesLiterals": {},
582
- "cxLiterals": ["overflow-hidden"],
583
- "internalComponents": ["SpringMotionConfig"],
584
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
585
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
586
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
587
- };
588
- var Pressable = {
589
- "name": "Pressable",
560
+ var Table_mocks = {
561
+ "name": "Table.mocks",
590
562
  "defaultProps": {},
591
563
  "getStylesLiterals": {},
592
564
  "cxLiterals": [],
593
- "internalComponents": ["Comp"],
565
+ "internalComponents": [],
594
566
  "internalComponentProps": {},
595
567
  "propToVariantKeys": {},
596
568
  "motionVarPrefixes": []
597
569
  };
598
- var AvoidMotionLibraryProvider = {
599
- "name": "AvoidMotionLibraryProvider",
570
+ var Table = {
571
+ "name": "Table",
572
+ "defaultProps": {
573
+ "display": "table-cell",
574
+ "overflow": "hidden",
575
+ "borderColor": "muted",
576
+ "borderRadius": "md",
577
+ "spacing": "3",
578
+ "borderBottomColor": "muted",
579
+ "borderBottomWidth": "thin",
580
+ "color": "primary"
581
+ },
582
+ "getStylesLiterals": { "textAlign": "start" },
583
+ "cxLiterals": [],
584
+ "internalComponents": [
585
+ "CellComponent",
586
+ "Box",
587
+ "Text",
588
+ "Table.Root",
589
+ "Table.Header",
590
+ "Table.Row",
591
+ "Table.Cell",
592
+ "Table.Body"
593
+ ],
594
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
595
+ "propToVariantKeys": {},
596
+ "motionVarPrefixes": []
597
+ };
598
+ var Avatar = {
599
+ "name": "Avatar",
600
600
  "defaultProps": {},
601
601
  "getStylesLiterals": {},
602
602
  "cxLiterals": [],
603
- "internalComponents": [],
603
+ "internalComponents": ["AvatarImage"],
604
604
  "internalComponentProps": {},
605
605
  "propToVariantKeys": {},
606
606
  "motionVarPrefixes": []
607
607
  };
608
- var SegmentedControl = {
609
- "name": "SegmentedControl",
610
- "defaultProps": {},
611
- "getStylesLiterals": {
612
- "display": "flex",
613
- "alignItems": "center",
614
- "backgroundColor": "primary",
615
- "spacingVertical": "1",
616
- "spacingHorizontal": "3",
617
- "columnGap": "1.5",
618
- "borderWidth": "thin",
619
- "borderRadius": "full",
620
- "borderColor": "muted",
621
- "borderColor:1": "transparent",
622
- "color": "primary",
623
- "color:1": "tertiary",
624
- "color:2": "muted"
608
+ var AvatarIcon = {
609
+ "name": "AvatarIcon",
610
+ "defaultProps": {
611
+ "size": "md",
612
+ "variant": "primary"
625
613
  },
614
+ "getStylesLiterals": {},
626
615
  "cxLiterals": [
627
- "uds-ring",
628
- "cursor-not-allowed",
629
- "opacity-50",
630
- "pointer-events-none",
631
- "hover:bg-primary"
616
+ "overflow-hidden",
617
+ "w-full",
618
+ "h-full",
619
+ "shrink-0",
620
+ "text-center",
621
+ "inline-flex",
622
+ "justify-center",
623
+ "items-center"
624
+ ],
625
+ "internalComponents": ["IconSlot", "Box"],
626
+ "internalComponentProps": {},
627
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
628
+ "motionVarPrefixes": []
629
+ };
630
+ var AvatarImage = {
631
+ "name": "AvatarImage",
632
+ "defaultProps": {
633
+ "size": "md",
634
+ "variant": "primary"
635
+ },
636
+ "getStylesLiterals": {},
637
+ "cxLiterals": [
638
+ "overflow-hidden",
639
+ "w-full",
640
+ "h-full",
641
+ "shrink-0",
642
+ "text-center",
643
+ "inline-flex",
644
+ "justify-center",
645
+ "items-center",
646
+ "object-cover"
632
647
  ],
633
648
  "internalComponents": [
634
- "Radio",
635
- "Icon",
636
- "RadioProvider",
637
- "HStack",
638
- "RadioGroup",
639
- "Pressable",
640
- "Text"
649
+ "UDSImage",
650
+ "AvatarText",
651
+ "AvatarIcon",
652
+ "Box"
641
653
  ],
642
- "internalComponentProps": {
643
- "Icon": {
644
- "size": ["sm"],
645
- "color": ["current"],
646
- "aria-hidden": ["true"]
647
- },
648
- "HStack": {
649
- "spacing": ["1"],
650
- "gap": ["1"],
651
- "backgroundColor": ["secondary"],
652
- "borderRadius": ["full"],
653
- "display": ["inline-flex"]
654
- },
655
- "Text": {
656
- "variant": ["label2"],
657
- "color": ["current"]
658
- }
659
- },
654
+ "internalComponentProps": {},
660
655
  "propToVariantKeys": {
661
- "value": ["key"],
662
- "label": ["aria-label"]
656
+ "alt": ["name"],
657
+ "fallback": ["initials"]
663
658
  },
664
659
  "motionVarPrefixes": []
665
660
  };
666
- var Popover = {
667
- "name": "Popover",
668
- "defaultProps": {},
661
+ var AvatarText = {
662
+ "name": "AvatarText",
663
+ "defaultProps": {
664
+ "size": "md",
665
+ "variant": "primary"
666
+ },
669
667
  "getStylesLiterals": {},
670
- "cxLiterals": [],
671
- "internalComponents": [
672
- "HStack",
673
- "Text",
674
- "OriginalPopoverHeading"
668
+ "cxLiterals": [
669
+ "overflow-hidden",
670
+ "truncate",
671
+ "w-full",
672
+ "h-full",
673
+ "shrink-0",
674
+ "text-center",
675
+ "inline-flex",
676
+ "justify-center",
677
+ "items-center"
675
678
  ],
679
+ "internalComponents": ["Box", "Text"],
676
680
  "internalComponentProps": { "Text": {
677
- "variant": ["headline1"],
678
- "color": ["primary"]
681
+ "color": ["inherit"],
682
+ "variant": ["inherit"]
679
683
  } },
680
684
  "propToVariantKeys": {},
681
685
  "motionVarPrefixes": []
682
686
  };
683
- var SwitchV2 = {
684
- "name": "SwitchV2",
685
- "defaultProps": {
686
- "labelPosition": "start",
687
- "size": "md"
688
- },
689
- "getStylesLiterals": {
690
- "switchVariantRoot": "default",
691
- "switchVariantActiveRoot": "on",
692
- "switchVariantActiveRoot:1": "off",
693
- "switchVariantSwitch": "default",
694
- "switchVariantActiveSwitch": "on",
695
- "switchVariantActiveSwitch:1": "off",
696
- "switchVariantActiveHandle": "on",
697
- "switchVariantActiveHandle:1": "off",
698
- "switchVariantHandle": "default",
699
- "switchVariantHandleIcon": "default",
700
- "switchVariantActiveHandleIcon": "on",
701
- "switchVariantActiveHandleIcon:1": "off"
702
- },
687
+ var BottomSheet = {
688
+ "name": "BottomSheet",
689
+ "defaultProps": { "variant": "default" },
690
+ "getStylesLiterals": {},
703
691
  "cxLiterals": [
704
- "group",
705
- "flex",
706
- "items-center",
707
- "flex-row",
708
- "flex-row-reverse",
709
- "uds-ring",
710
- "uds-ring-within",
711
- "relative",
712
- "uds-border-radius-full",
713
- "transition-[background-color,box-shadow]",
714
- "pointer-events-none",
715
- "w-full",
716
- "h-full",
717
- "absolute",
718
- "top-0",
719
- "bottom-0",
720
- "right-0",
721
- "left-0",
692
+ "fixed",
722
693
  "overflow-hidden",
723
- "group-hover:scale-105",
724
- "opacity-95",
725
- "group-hover:opacity-100",
726
- "transition-[transform,opacity]",
727
- "opacity-0",
728
- "top-1/2",
729
- "left-1/2",
730
- "transform",
731
- "translate-x-[-50%]",
732
- "translate-y-[-50%]",
733
- "transition-opacity",
734
- "cursor-[inherit]",
735
- "w-[calc(100%+2px)]",
736
- "h-[calc(100%+2px)]",
737
- "text-start",
738
- "text-end",
739
- "opacity-100"
694
+ "inset-x-0",
695
+ "bottom-0",
696
+ "z-50",
697
+ "[will-change:transform]",
698
+ "touch-none",
699
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
700
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
701
+ "transition-transform",
702
+ "duration-500",
703
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
704
+ "motion-reduce:transition-none",
705
+ "top-[-4px]",
706
+ "z-[1]",
707
+ "touch-pan-y"
740
708
  ],
741
709
  "internalComponents": [
742
- "IconSlot",
710
+ "Scrim",
711
+ "BottomSheetHandle",
712
+ "Dialog",
743
713
  "Box",
744
- "FormLabel",
745
- "SpringMotionConfig",
746
- "RootElement",
747
- "MotionBox"
714
+ "BottomSheetInternalContext.Provider"
748
715
  ],
749
716
  "internalComponentProps": {
750
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
751
- "FormLabel": {
752
- "as": ["div"],
753
- "variant": ["inherit"],
754
- "color": ["inherit"]
755
- },
756
- "SpringMotionConfig": {
757
- "layoutVariant": ["bouncy"],
758
- "layoutSpeed": ["4"]
759
- },
760
- "RootElement": { "data-testid": ["switch-root"] },
761
- "MotionBox": { "layout": ["position"] }
762
- },
763
- "propToVariantKeys": {
764
- "size": [
765
- "switchSizeRoot",
766
- "switchSizeSwitch",
767
- "switchSizeHandle",
768
- "switchSizeHandleIcon"
769
- ],
770
- "onIcon": ["icon"],
771
- "offIcon": ["icon"],
772
- "reduceMotion": ["reducedMotion"],
773
- "isOn": ["layoutDependency"]
717
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
718
+ "Dialog": { "data-testid": ["bottom-sheet"] },
719
+ "Box": {
720
+ "display": ["block", "flex"],
721
+ "position": ["absolute"],
722
+ "flexDirection": ["column"],
723
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
724
+ }
774
725
  },
775
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
726
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
727
+ "motionVarPrefixes": []
776
728
  };
777
- var Tabs = {
778
- "name": "Tabs",
729
+ var BottomSheetContent = {
730
+ "name": "BottomSheetContent",
779
731
  "defaultProps": {},
780
- "getStylesLiterals": {
781
- "display": "flex",
782
- "flexDirection": "row",
783
- "columnGap": "6"
784
- },
785
- "cxLiterals": [
786
- "text-tertiary",
787
- "border-b-transparent",
788
- "aria-selected:border-b-brand",
789
- "aria-selected:text-secondary"
790
- ],
791
- "internalComponents": [
792
- "TabProvider",
793
- "OriginalTabList",
794
- "OriginalTab",
795
- "Icon",
796
- "OriginalTabPanel",
797
- "Pressable",
798
- "Comp",
799
- "Text"
800
- ],
732
+ "getStylesLiterals": {},
733
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
734
+ "internalComponents": ["Box", "VStack"],
801
735
  "internalComponentProps": {
802
- "Icon": {
803
- "className": ["text-current"],
804
- "size": ["md"]
805
- },
806
- "Pressable": {
807
- "borderBottomWidth": ["medium"],
808
- "spacingBottom": ["1"],
809
- "spacingTop": ["4"]
736
+ "Box": {
737
+ "display": ["block"],
738
+ "flex": ["1"]
810
739
  },
811
- "Text": {
812
- "className": ["text-current"],
813
- "variant": ["headline1"],
814
- "as": ["span"]
815
- }
740
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
816
741
  },
817
742
  "propToVariantKeys": {},
818
743
  "motionVarPrefixes": []
819
744
  };
820
- var Modal = {
821
- "name": "Modal",
745
+ var BottomSheetDismiss = {
746
+ "name": "BottomSheetDismiss",
747
+ "defaultProps": {},
748
+ "getStylesLiterals": {},
749
+ "cxLiterals": [],
750
+ "internalComponents": ["AriakitDialogDismiss"],
751
+ "internalComponentProps": {},
752
+ "propToVariantKeys": {},
753
+ "motionVarPrefixes": []
754
+ };
755
+ var BottomSheetHandle = {
756
+ "name": "BottomSheetHandle",
822
757
  "defaultProps": {},
823
758
  "getStylesLiterals": {},
824
759
  "cxLiterals": [
825
- "inset-8",
826
- "top-[250px]",
827
- "z-50",
828
- "mx-auto",
829
- "h-fit",
830
- "w-[600px]",
831
- "origin-center",
832
- "scale-95",
833
- "opacity-0",
834
- "transition",
835
- "duration-150",
836
- "data-[enter]:scale-100",
837
- "data-[enter]:opacity-100",
838
- "data-[enter]:bg-primary",
839
- "backdrop-blur-0",
840
- "data-[enter]:opacity-60",
841
- "data-[enter]:backdrop-blur-sm"
760
+ "relative",
761
+ "h-5",
762
+ "w-16",
763
+ "outline-none",
764
+ "focus-visible:outline-none",
765
+ "[touch-action:pan-y]",
766
+ "absolute",
767
+ "left-1/2",
768
+ "top-1/2",
769
+ "-translate-x-1/2",
770
+ "-translate-y-1/2",
771
+ "h-1",
772
+ "w-8",
773
+ "rounded-full",
774
+ "bg-accent"
842
775
  ],
843
- "internalComponents": [
844
- "IconButton",
845
- "Dialog",
846
- "HStack",
847
- "Text",
848
- "VStack"
776
+ "internalComponents": ["Box"],
777
+ "internalComponentProps": { "Box": {
778
+ "display": ["block", "flex"],
779
+ "justifyContent": ["center"]
780
+ } },
781
+ "propToVariantKeys": {},
782
+ "motionVarPrefixes": []
783
+ };
784
+ var BottomSheetHeader = {
785
+ "name": "BottomSheetHeader",
786
+ "defaultProps": { "variant": "default" },
787
+ "getStylesLiterals": {},
788
+ "cxLiterals": [
789
+ "grid-cols-[40px_1fr_40px]",
790
+ "items-center",
791
+ "w-full",
792
+ "min-h-10",
793
+ "mt-2"
849
794
  ],
795
+ "internalComponents": ["Box", "Text"],
850
796
  "internalComponentProps": {
851
- "IconButton": {
852
- "aria-label": ["Close"],
853
- "size": ["sm"],
854
- "variant": ["tertiary"]
855
- },
856
- "HStack": {
857
- "alignItems": ["center"],
858
- "justifyContent": ["space-between"]
797
+ "Box": {
798
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
799
+ "display": ["grid", "flex"],
800
+ "justifyContent": ["flex-start", "flex-end"]
859
801
  },
860
802
  "Text": {
861
- "variant": ["headline1"],
862
- "color": ["primary"]
863
- },
864
- "VStack": {
865
- "borderRadius": ["md"],
866
- "position": ["fixed"],
867
- "backgroundColor": ["primary"],
868
- "dropShadow": ["md"],
869
- "spacing": ["8"],
870
- "overflow": ["hidden"]
803
+ "variant": ["inherit"],
804
+ "color": ["inherit"],
805
+ "textAlign": ["center"],
806
+ "className": ["w-full"]
871
807
  }
872
808
  },
873
- "propToVariantKeys": { "handleClose": ["onClick"] },
809
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
874
810
  "motionVarPrefixes": []
875
811
  };
876
- var Accordion = {
877
- "name": "Accordion",
878
- "defaultProps": {
879
- "spacingHorizontal": "4",
880
- "spacingVertical": "4"
881
- },
812
+ var BottomSheetInternalContext = {
813
+ "name": "BottomSheetInternalContext",
814
+ "defaultProps": {},
882
815
  "getStylesLiterals": {},
883
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
884
- "internalComponents": [
885
- "Icon",
886
- "SpringMotionConfig",
887
- "Pressable",
888
- "Text",
889
- "HStack",
890
- "AnimatePresence",
891
- "VStack"
892
- ],
893
- "internalComponentProps": {
894
- "Icon": {
895
- "variant": ["fill"],
896
- "size": ["sm"],
897
- "color": ["primary"]
898
- },
899
- "SpringMotionConfig": {
900
- "layoutVariant": ["smooth"],
901
- "layoutSpeed": ["3"]
902
- },
903
- "Pressable": {
904
- "display": ["flex"],
905
- "flexDirection": ["row"],
906
- "alignItems": ["center"],
907
- "justifyContent": ["space-between"],
908
- "borderRadius": ["md"]
909
- },
910
- "Text": {
911
- "variant": ["title4"],
912
- "color": ["primary"]
913
- },
914
- "HStack": {
915
- "display": ["flex"],
916
- "alignItems": ["center"],
917
- "justifyContent": ["space-between"],
918
- "columnGap": ["2.5"]
919
- }
920
- },
921
- "propToVariantKeys": {},
922
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
923
- };
924
- var AvatarImage = {
925
- "name": "AvatarImage",
926
- "defaultProps": {
927
- "size": "md",
928
- "variant": "primary"
929
- },
930
- "getStylesLiterals": {},
931
- "cxLiterals": [
932
- "overflow-hidden",
933
- "w-full",
934
- "h-full",
935
- "shrink-0",
936
- "text-center",
937
- "inline-flex",
938
- "justify-center",
939
- "items-center",
940
- "object-cover"
941
- ],
942
- "internalComponents": [
943
- "UDSImage",
944
- "AvatarText",
945
- "AvatarIcon",
946
- "Box"
947
- ],
816
+ "cxLiterals": [],
817
+ "internalComponents": [],
948
818
  "internalComponentProps": {},
949
- "propToVariantKeys": {
950
- "alt": ["name"],
951
- "fallback": ["initials"]
952
- },
953
- "motionVarPrefixes": []
954
- };
955
- var AvatarText = {
956
- "name": "AvatarText",
957
- "defaultProps": {
958
- "size": "md",
959
- "variant": "primary"
960
- },
961
- "getStylesLiterals": {},
962
- "cxLiterals": [
963
- "overflow-hidden",
964
- "truncate",
965
- "w-full",
966
- "h-full",
967
- "shrink-0",
968
- "text-center",
969
- "inline-flex",
970
- "justify-center",
971
- "items-center"
972
- ],
973
- "internalComponents": ["Box", "Text"],
974
- "internalComponentProps": { "Text": {
975
- "color": ["inherit"],
976
- "variant": ["inherit"]
977
- } },
978
819
  "propToVariantKeys": {},
979
820
  "motionVarPrefixes": []
980
821
  };
981
- var Avatar = {
982
- "name": "Avatar",
822
+ var BottomSheetProvider = {
823
+ "name": "BottomSheetProvider",
983
824
  "defaultProps": {},
984
825
  "getStylesLiterals": {},
985
826
  "cxLiterals": [],
986
- "internalComponents": ["AvatarImage"],
827
+ "internalComponents": ["AriakitDialogProvider"],
987
828
  "internalComponentProps": {},
988
829
  "propToVariantKeys": {},
989
830
  "motionVarPrefixes": []
990
831
  };
991
- var AvatarIcon = {
992
- "name": "AvatarIcon",
993
- "defaultProps": {
994
- "size": "md",
995
- "variant": "primary"
996
- },
832
+ var BottomSheetTrigger = {
833
+ "name": "BottomSheetTrigger",
834
+ "defaultProps": {},
997
835
  "getStylesLiterals": {},
998
- "cxLiterals": [
999
- "overflow-hidden",
1000
- "w-full",
1001
- "h-full",
1002
- "shrink-0",
1003
- "text-center",
1004
- "inline-flex",
1005
- "justify-center",
1006
- "items-center"
1007
- ],
1008
- "internalComponents": ["IconSlot", "Box"],
836
+ "cxLiterals": [],
837
+ "internalComponents": ["AriakitDialogDisclosure"],
1009
838
  "internalComponentProps": {},
1010
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
839
+ "propToVariantKeys": {},
1011
840
  "motionVarPrefixes": []
1012
841
  };
1013
- var BottomSheetContent = {
1014
- "name": "BottomSheetContent",
842
+ var UDSBottomSheetConfigProvider = {
843
+ "name": "UDSBottomSheetConfigProvider",
1015
844
  "defaultProps": {},
1016
845
  "getStylesLiterals": {},
1017
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1018
- "internalComponents": ["Box", "VStack"],
1019
- "internalComponentProps": {
1020
- "Box": {
1021
- "display": ["block"],
1022
- "flex": ["1"]
1023
- },
1024
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1025
- },
846
+ "cxLiterals": [],
847
+ "internalComponents": ["BottomSheetContext.Provider"],
848
+ "internalComponentProps": {},
1026
849
  "propToVariantKeys": {},
1027
850
  "motionVarPrefixes": []
1028
851
  };
1029
- var BottomSheetDismiss = {
1030
- "name": "BottomSheetDismiss",
852
+ var Chip = {
853
+ "name": "Chip",
1031
854
  "defaultProps": {},
1032
855
  "getStylesLiterals": {},
1033
856
  "cxLiterals": [],
1034
- "internalComponents": ["AriakitDialogDismiss"],
857
+ "internalComponents": [
858
+ "ChipDismissible",
859
+ "ChipToggle",
860
+ "ChipLink",
861
+ "ChipButton"
862
+ ],
1035
863
  "internalComponentProps": {},
1036
864
  "propToVariantKeys": {},
1037
865
  "motionVarPrefixes": []
1038
866
  };
1039
- var BottomSheet = {
1040
- "name": "BottomSheet",
1041
- "defaultProps": { "variant": "default" },
867
+ var ChipBase = {
868
+ "name": "ChipBase",
869
+ "defaultProps": {
870
+ "size": "md",
871
+ "as": "div"
872
+ },
1042
873
  "getStylesLiterals": {},
1043
874
  "cxLiterals": [
1044
- "fixed",
1045
- "overflow-hidden",
1046
- "inset-x-0",
1047
- "bottom-0",
1048
- "z-50",
1049
- "[will-change:transform]",
1050
- "touch-none",
1051
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1052
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1053
- "transition-transform",
1054
- "duration-500",
1055
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1056
- "motion-reduce:transition-none",
1057
- "top-[-4px]",
1058
- "z-[1]",
1059
- "touch-pan-y"
875
+ "pointer-events-none",
876
+ "cursor-default",
877
+ "opacity-50",
878
+ "inline-flex",
879
+ "items-center",
880
+ "transition-[background-color,outline-color,box-shadow]",
881
+ "truncate",
882
+ "whitespace-nowrap",
883
+ "text-center",
884
+ "flex-1"
1060
885
  ],
1061
886
  "internalComponents": [
1062
- "Scrim",
1063
- "BottomSheetHandle",
1064
- "Dialog",
1065
- "Box",
1066
- "BottomSheetInternalContext.Provider"
887
+ "IconSlot",
888
+ "HStack",
889
+ "As",
890
+ "Text"
1067
891
  ],
1068
- "internalComponentProps": {
1069
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1070
- "Dialog": { "data-testid": ["bottom-sheet"] },
1071
- "Box": {
1072
- "display": ["block", "flex"],
1073
- "position": ["absolute"],
1074
- "flexDirection": ["column"],
1075
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1076
- }
892
+ "internalComponentProps": { "Text": {
893
+ "as": ["span"],
894
+ "color": ["current"],
895
+ "variant": ["inherit"]
896
+ } },
897
+ "propToVariantKeys": {
898
+ "size": ["chipSizeRoot", "chipSizeIcon"],
899
+ "startIcon": ["icon"],
900
+ "endIcon": ["icon"]
1077
901
  },
1078
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1079
902
  "motionVarPrefixes": []
1080
903
  };
1081
- var BottomSheetHandle = {
1082
- "name": "BottomSheetHandle",
1083
- "defaultProps": {},
904
+ var ChipButton = {
905
+ "name": "ChipButton",
906
+ "defaultProps": { "variant": "primary" },
1084
907
  "getStylesLiterals": {},
1085
- "cxLiterals": [
1086
- "relative",
1087
- "h-5",
1088
- "w-16",
1089
- "outline-none",
1090
- "focus-visible:outline-none",
1091
- "[touch-action:pan-y]",
1092
- "absolute",
1093
- "left-1/2",
1094
- "top-1/2",
1095
- "-translate-x-1/2",
1096
- "-translate-y-1/2",
1097
- "h-1",
1098
- "w-8",
1099
- "rounded-full",
1100
- "bg-accent"
1101
- ],
1102
- "internalComponents": ["Box"],
1103
- "internalComponentProps": { "Box": {
1104
- "display": ["block", "flex"],
1105
- "justifyContent": ["center"]
1106
- } },
1107
- "propToVariantKeys": {},
908
+ "cxLiterals": ["uds-ring"],
909
+ "internalComponents": ["ChipBase"],
910
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
911
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1108
912
  "motionVarPrefixes": []
1109
913
  };
1110
- var BottomSheetInternalContext = {
1111
- "name": "BottomSheetInternalContext",
1112
- "defaultProps": {},
914
+ var ChipDismissible = {
915
+ "name": "ChipDismissible",
916
+ "defaultProps": { "variant": "primary" },
1113
917
  "getStylesLiterals": {},
1114
- "cxLiterals": [],
1115
- "internalComponents": [],
918
+ "cxLiterals": [
919
+ "uds-chip-dismissible-button",
920
+ "uds-hit-target",
921
+ "uds-ring",
922
+ "rounded-full"
923
+ ],
924
+ "internalComponents": [
925
+ "ChipBase",
926
+ "IconSlot",
927
+ "Pressable"
928
+ ],
1116
929
  "internalComponentProps": {},
1117
- "propToVariantKeys": {},
930
+ "propToVariantKeys": {
931
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
932
+ "dismissButtonAriaLabel": ["aria-label"]
933
+ },
1118
934
  "motionVarPrefixes": []
1119
935
  };
1120
- var BottomSheetHeader = {
1121
- "name": "BottomSheetHeader",
1122
- "defaultProps": { "variant": "default" },
936
+ var ChipLink = {
937
+ "name": "ChipLink",
938
+ "defaultProps": { "variant": "primary" },
1123
939
  "getStylesLiterals": {},
940
+ "cxLiterals": ["uds-ring"],
941
+ "internalComponents": ["ChipBase"],
942
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
943
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
944
+ "motionVarPrefixes": []
945
+ };
946
+ var ChipToggle = {
947
+ "name": "ChipToggle",
948
+ "defaultProps": {
949
+ "variant": "primary",
950
+ "role": "checkbox"
951
+ },
952
+ "getStylesLiterals": {
953
+ "chipToggleVariantActiveRoot": "on",
954
+ "chipToggleVariantActiveRoot:1": "off"
955
+ },
956
+ "cxLiterals": ["uds-ring"],
957
+ "internalComponents": ["ChipBase"],
958
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
959
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
960
+ "motionVarPrefixes": []
961
+ };
962
+ var Input = {
963
+ "name": "Input",
964
+ "defaultProps": {
965
+ "type": "text",
966
+ "size": "md",
967
+ "width": "full"
968
+ },
969
+ "getStylesLiterals": {
970
+ "inputVariantRoot": "default",
971
+ "inputVariantValueRoot": "empty",
972
+ "inputVariantValueRoot:1": "filled",
973
+ "inputVariantInputWrapper": "default",
974
+ "inputVariantValueInputWrapper": "empty",
975
+ "inputVariantValueInputWrapper:1": "filled",
976
+ "inputVariantInput": "default",
977
+ "inputVariantValueInput": "empty",
978
+ "inputVariantValueInput:1": "filled",
979
+ "inputVariantInputPlaceholder": "default",
980
+ "inputVariantValueInputPlaceholder": "empty",
981
+ "inputVariantValueInputPlaceholder:1": "filled",
982
+ "inputVariantLabel": "default",
983
+ "inputVariantValueLabel": "empty",
984
+ "inputVariantValueLabel:1": "filled",
985
+ "inputVariantLabelRequired": "default",
986
+ "inputVariantValueLabelRequired": "empty",
987
+ "inputVariantValueLabelRequired:1": "filled",
988
+ "inputVariantStartIcon": "default",
989
+ "inputVariantValueStartIcon": "empty",
990
+ "inputVariantValueStartIcon:1": "filled",
991
+ "inputVariantEndIcon": "default",
992
+ "inputVariantValueEndIcon": "empty",
993
+ "inputVariantValueEndIcon:1": "filled"
994
+ },
1124
995
  "cxLiterals": [
1125
- "grid-cols-[40px_1fr_40px]",
1126
- "items-center",
1127
- "w-full",
1128
- "min-h-10",
1129
- "mt-2"
996
+ "opacity-50",
997
+ "min-w-[200px]",
998
+ "grow",
999
+ "uds-hit-target",
1000
+ "bg-clip-text",
1001
+ "focus:outline-none",
1002
+ "cursor-text",
1003
+ "cursor-not-allowed"
1004
+ ],
1005
+ "internalComponents": [
1006
+ "IconSlot",
1007
+ "StartIcon",
1008
+ "EndIcon",
1009
+ "HelpTextContent",
1010
+ "Box",
1011
+ "InputHelpTextInternal",
1012
+ "VStack",
1013
+ "HStack",
1014
+ "AnimateHeightChange"
1130
1015
  ],
1131
- "internalComponents": ["Box", "Text"],
1132
1016
  "internalComponentProps": {
1017
+ "HelpTextContent": { "spacingTop": ["2"] },
1133
1018
  "Box": {
1134
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1135
- "display": ["grid", "flex"],
1136
- "justifyContent": ["flex-start", "flex-end"]
1019
+ "spacingBottom": ["2"],
1020
+ "columnGap": ["0.5"],
1021
+ "alignItems": ["flex-end", "center"],
1022
+ "position": ["relative"]
1137
1023
  },
1138
- "Text": {
1139
- "variant": ["inherit"],
1140
- "color": ["inherit"],
1141
- "textAlign": ["center"],
1142
- "className": ["w-full"]
1024
+ "HStack": {
1025
+ "alignItems": ["center"],
1026
+ "gap": ["1"]
1143
1027
  }
1144
1028
  },
1145
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1029
+ "propToVariantKeys": {
1030
+ "size": [
1031
+ "inputSizeRoot",
1032
+ "inputSizeInputWrapper",
1033
+ "inputSizeInput",
1034
+ "inputSizeLabel",
1035
+ "inputSizeStartIcon",
1036
+ "inputSizeEndIcon"
1037
+ ],
1038
+ "startIcon": ["icon"],
1039
+ "endIcon": ["icon"],
1040
+ "helperTextIcon": ["startIcon"]
1041
+ },
1146
1042
  "motionVarPrefixes": []
1147
1043
  };
1148
- var BottomSheetTrigger = {
1149
- "name": "BottomSheetTrigger",
1150
- "defaultProps": {},
1151
- "getStylesLiterals": {},
1044
+ var InputHelpText = {
1045
+ "name": "InputHelpText",
1046
+ "defaultProps": { "size": "md" },
1047
+ "getStylesLiterals": {
1048
+ "inputVariantRoot": "default",
1049
+ "inputVariantValueRoot": "empty",
1050
+ "inputVariantValueRoot:1": "filled"
1051
+ },
1152
1052
  "cxLiterals": [],
1153
- "internalComponents": ["AriakitDialogDisclosure"],
1154
- "internalComponentProps": {},
1155
- "propToVariantKeys": {},
1053
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1054
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1055
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1156
1056
  "motionVarPrefixes": []
1157
1057
  };
1158
- var BottomSheetProvider = {
1159
- "name": "BottomSheetProvider",
1058
+ var InputHelpTextInternal = {
1059
+ "name": "InputHelpTextInternal",
1160
1060
  "defaultProps": {},
1161
- "getStylesLiterals": {},
1061
+ "getStylesLiterals": {
1062
+ "inputVariantHelperText": "default",
1063
+ "inputVariantValueHelperText": "empty",
1064
+ "inputVariantValueHelperText:1": "filled",
1065
+ "inputVariantHelperIcon": "default",
1066
+ "inputVariantValueHelperIcon": "empty",
1067
+ "inputVariantValueHelperIcon:1": "filled"
1068
+ },
1162
1069
  "cxLiterals": [],
1163
- "internalComponents": ["AriakitDialogProvider"],
1164
- "internalComponentProps": {},
1165
- "propToVariantKeys": {},
1070
+ "internalComponents": ["IconSlot", "HStack"],
1071
+ "internalComponentProps": { "HStack": {
1072
+ "gap": ["1"],
1073
+ "alignItems": ["center"]
1074
+ } },
1075
+ "propToVariantKeys": {
1076
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1077
+ "startIcon": ["icon"],
1078
+ "endIcon": ["icon"]
1079
+ },
1166
1080
  "motionVarPrefixes": []
1167
1081
  };
1168
- var UDSBottomSheetConfigProvider = {
1169
- "name": "UDSBottomSheetConfigProvider",
1170
- "defaultProps": {},
1082
+ var Menu_Content = {
1083
+ "name": "Menu.Content",
1084
+ "defaultProps": {
1085
+ "size": "default",
1086
+ "variant": "default",
1087
+ "gutter": "1"
1088
+ },
1171
1089
  "getStylesLiterals": {},
1090
+ "cxLiterals": [
1091
+ "uds-menu-content",
1092
+ "transition-shadow",
1093
+ "duration-200",
1094
+ "ease-in-out",
1095
+ "min-w-60",
1096
+ "max-w-lg",
1097
+ "max-h-96",
1098
+ "overflow-auto",
1099
+ "uds-ring",
1100
+ "z-10",
1101
+ "group"
1102
+ ],
1103
+ "internalComponents": [
1104
+ "AriakitMenu",
1105
+ "AnimatePresence",
1106
+ "MotionVStack"
1107
+ ],
1108
+ "internalComponentProps": {},
1109
+ "propToVariantKeys": {
1110
+ "size": ["menucontentSizeRoot"],
1111
+ "variant": ["menucontentVariantRoot"]
1112
+ },
1113
+ "motionVarPrefixes": []
1114
+ };
1115
+ var Menu_Divider = {
1116
+ "name": "Menu.Divider",
1117
+ "defaultProps": {
1118
+ "role": "separator",
1119
+ "contentPosition": "start",
1120
+ "gap": "4"
1121
+ },
1122
+ "getStylesLiterals": {
1123
+ "menuitemDividerVariantRoot": "default",
1124
+ "menuitemDividerVariantText": "default",
1125
+ "menuitemDividerVariantLine": "default"
1126
+ },
1172
1127
  "cxLiterals": [],
1173
- "internalComponents": ["BottomSheetContext.Provider"],
1174
- "internalComponentProps": {},
1128
+ "internalComponents": ["DividerInternal"],
1129
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1175
1130
  "propToVariantKeys": {},
1176
1131
  "motionVarPrefixes": []
1177
1132
  };
1178
- var UDSToastConfigProvider = {
1179
- "name": "UDSToastConfigProvider",
1133
+ var Menu_Item = {
1134
+ "name": "Menu.Item",
1180
1135
  "defaultProps": {},
1181
- "getStylesLiterals": {},
1136
+ "getStylesLiterals": {
1137
+ "menuitemItemVariantRoot": "default",
1138
+ "menuitemItemVariantActiveRoot": "on",
1139
+ "menuitemItemVariantActiveRoot:1": "off",
1140
+ "menuitemItemVariantText": "default",
1141
+ "menuitemItemVariantActiveText": "on",
1142
+ "menuitemItemVariantActiveText:1": "off",
1143
+ "menuitemItemVariantIcon": "default",
1144
+ "menuitemItemVariantActiveIcon": "on",
1145
+ "menuitemItemVariantActiveIcon:1": "off"
1146
+ },
1182
1147
  "cxLiterals": [],
1183
- "internalComponents": ["ToastContext.Provider"],
1148
+ "internalComponents": ["MenuItemBase"],
1184
1149
  "internalComponentProps": {},
1185
1150
  "propToVariantKeys": {},
1186
1151
  "motionVarPrefixes": []
1187
1152
  };
1188
- var Toast = {
1189
- "name": "Toast",
1190
- "defaultProps": {},
1153
+ var Menu_ItemBase = {
1154
+ "name": "Menu.ItemBase",
1155
+ "defaultProps": {
1156
+ "spacing": "0",
1157
+ "spacingHorizontal": "4",
1158
+ "spacingVertical": "3.5",
1159
+ "columnGap": "2",
1160
+ "alignItems": "center",
1161
+ "justifyContent": "space-between"
1162
+ },
1191
1163
  "getStylesLiterals": {
1192
- "className": "flex-none",
1193
- "spacing": "2",
1194
- "borderRadius": "full"
1164
+ "textAlign": "start",
1165
+ "menuitemSizeRoot": "default",
1166
+ "flexDirection": "row",
1167
+ "menuitemSizeStartIcon": "default",
1168
+ "menuitemSizeEndIcon": "default"
1195
1169
  },
1196
1170
  "cxLiterals": [
1197
- "transition-[background-color]",
1198
- "bg-carbon-15/0",
1199
- "hover:bg-carbon-15/10",
1200
- "active:bg-carbon-15/15",
1201
- "uds-ring"
1171
+ "flex",
1172
+ "focus-visible:text-brand",
1173
+ "focus-visible:bg-brand-secondary",
1174
+ "focus-visible:z-10",
1175
+ "uds-ring",
1176
+ "!-outline-offset-2",
1177
+ "[&:not([aria-checked])]:cursor-default",
1178
+ "opacity-25",
1179
+ "cursor-not-allowed",
1180
+ "duration-20",
1181
+ "transition-[font-variation-settings]",
1182
+ "ease-in-out",
1183
+ "z-0",
1184
+ "uds-start-icon",
1185
+ "uds-end-icon"
1202
1186
  ],
1203
1187
  "internalComponents": [
1188
+ "Pressable",
1204
1189
  "IconSlot",
1205
- "ToastContainer",
1206
- "Text",
1207
- "Button",
1208
- "Pressable"
1190
+ "RootComponent",
1191
+ "HStack",
1192
+ "AnimatePresence"
1209
1193
  ],
1210
- "internalComponentProps": {},
1194
+ "internalComponentProps": {
1195
+ "HStack": {
1196
+ "alignItems": ["center"],
1197
+ "width": ["full"]
1198
+ },
1199
+ "AnimatePresence": { "mode": ["popLayout"] }
1200
+ },
1211
1201
  "propToVariantKeys": {
1212
- "size": [
1213
- "toastSizeLabel",
1214
- "toastSizeIcon",
1215
- "toastSizeActionButton",
1216
- "toastSizeCloseIcon"
1217
- ],
1218
- "variant": [
1219
- "toastVariantIcon",
1220
- "toastVariantActionButton",
1221
- "toastVariantCloseIcon"
1222
- ],
1223
- "closeIcon": ["icon"],
1224
- "onClickActionButton": ["onClick"]
1202
+ "startIcon": ["icon"],
1203
+ "endIcon": ["icon"],
1204
+ "columnGap": ["gap"]
1225
1205
  },
1226
1206
  "motionVarPrefixes": []
1227
1207
  };
1228
- var ToastContainer = {
1229
- "name": "ToastContainer",
1208
+ var Menu_ItemCheckbox = {
1209
+ "name": "Menu.ItemCheckbox",
1230
1210
  "defaultProps": {},
1231
1211
  "getStylesLiterals": {
1232
- "position": "relative",
1233
- "alignItems": "center",
1234
- "display": "flex",
1235
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1236
- },
1237
- "cxLiterals": ["w-full"],
1238
- "internalComponents": ["HStack"],
1239
- "internalComponentProps": { "HStack": {
1240
- "alignItems": ["center"],
1241
- "justifyContent": ["space-between"],
1242
- "overflow": ["hidden"],
1243
- "position": ["relative"]
1244
- } },
1245
- "propToVariantKeys": {
1246
- "variant": ["toastVariantRoot"],
1247
- "size": ["toastSizeRoot"]
1212
+ "menuitemItemCheckboxVariantRoot": "default",
1213
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1214
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1215
+ "menuitemItemCheckboxVariantText": "default",
1216
+ "menuitemItemCheckboxVariantActiveText": "on",
1217
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1218
+ "menuitemItemCheckboxVariantStartIcon": "default",
1219
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1220
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1221
+ "menuitemItemCheckboxVariantEndIcon": "default",
1222
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1223
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1248
1224
  },
1225
+ "cxLiterals": ["uds-menu-item-checkbox"],
1226
+ "internalComponents": ["MenuItemBase"],
1227
+ "internalComponentProps": {},
1228
+ "propToVariantKeys": {},
1249
1229
  "motionVarPrefixes": []
1250
1230
  };
1251
- var ToastPortal = {
1252
- "name": "ToastPortal",
1231
+ var Menu_Provider = {
1232
+ "name": "Menu.Provider",
1253
1233
  "defaultProps": {},
1254
1234
  "getStylesLiterals": {},
1255
1235
  "cxLiterals": [],
1256
- "internalComponents": ["ReactToastifyToastContainer"],
1236
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1257
1237
  "internalComponentProps": {},
1258
1238
  "propToVariantKeys": {},
1239
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1240
+ };
1241
+ var Menu_Trigger = {
1242
+ "name": "Menu.Trigger",
1243
+ "defaultProps": {},
1244
+ "getStylesLiterals": {},
1245
+ "cxLiterals": ["uds-menu-trigger"],
1246
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1247
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1248
+ "propToVariantKeys": {},
1259
1249
  "motionVarPrefixes": []
1260
1250
  };
1261
- var RadioGroupStore = {
1262
- "name": "RadioGroupStore",
1251
+ var Menu_index = {
1252
+ "name": "Menu.index",
1263
1253
  "defaultProps": {},
1264
1254
  "getStylesLiterals": {},
1265
1255
  "cxLiterals": [],
@@ -1268,17 +1258,13 @@ var RadioGroupStore = {
1268
1258
  "propToVariantKeys": {},
1269
1259
  "motionVarPrefixes": []
1270
1260
  };
1271
- var RadioGroupProvider = {
1272
- "name": "RadioGroupProvider",
1261
+ var Menu = {
1262
+ "name": "Menu",
1273
1263
  "defaultProps": {},
1274
1264
  "getStylesLiterals": {},
1275
1265
  "cxLiterals": [],
1276
- "internalComponents": [
1277
- "DivProps",
1278
- "Comp",
1279
- "RadioGroupContext.Provider"
1280
- ],
1281
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1266
+ "internalComponents": [],
1267
+ "internalComponentProps": {},
1282
1268
  "propToVariantKeys": {},
1283
1269
  "motionVarPrefixes": []
1284
1270
  };
@@ -1362,24 +1348,121 @@ var Radio = {
1362
1348
  },
1363
1349
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1364
1350
  };
1365
- var UDSTooltipConfigProvider = {
1366
- "name": "UDSTooltipConfigProvider",
1351
+ var RadioGroupProvider = {
1352
+ "name": "RadioGroupProvider",
1353
+ "defaultProps": {},
1354
+ "getStylesLiterals": {},
1355
+ "cxLiterals": [],
1356
+ "internalComponents": [
1357
+ "DivProps",
1358
+ "Comp",
1359
+ "RadioGroupContext.Provider"
1360
+ ],
1361
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1362
+ "propToVariantKeys": {},
1363
+ "motionVarPrefixes": []
1364
+ };
1365
+ var RadioGroupStore = {
1366
+ "name": "RadioGroupStore",
1367
+ "defaultProps": {},
1368
+ "getStylesLiterals": {},
1369
+ "cxLiterals": [],
1370
+ "internalComponents": [],
1371
+ "internalComponentProps": {},
1372
+ "propToVariantKeys": {},
1373
+ "motionVarPrefixes": []
1374
+ };
1375
+ var Toast = {
1376
+ "name": "Toast",
1377
+ "defaultProps": {},
1378
+ "getStylesLiterals": {
1379
+ "className": "flex-none",
1380
+ "spacing": "2",
1381
+ "borderRadius": "full"
1382
+ },
1383
+ "cxLiterals": [
1384
+ "transition-[background-color]",
1385
+ "bg-carbon-15/0",
1386
+ "hover:bg-carbon-15/10",
1387
+ "active:bg-carbon-15/15",
1388
+ "uds-ring"
1389
+ ],
1390
+ "internalComponents": [
1391
+ "IconSlot",
1392
+ "ToastContainer",
1393
+ "Text",
1394
+ "Button",
1395
+ "Pressable"
1396
+ ],
1397
+ "internalComponentProps": {},
1398
+ "propToVariantKeys": {
1399
+ "size": [
1400
+ "toastSizeLabel",
1401
+ "toastSizeIcon",
1402
+ "toastSizeActionButton",
1403
+ "toastSizeCloseIcon"
1404
+ ],
1405
+ "variant": [
1406
+ "toastVariantIcon",
1407
+ "toastVariantActionButton",
1408
+ "toastVariantCloseIcon"
1409
+ ],
1410
+ "closeIcon": ["icon"],
1411
+ "onClickActionButton": ["onClick"]
1412
+ },
1413
+ "motionVarPrefixes": []
1414
+ };
1415
+ var ToastContainer = {
1416
+ "name": "ToastContainer",
1417
+ "defaultProps": {},
1418
+ "getStylesLiterals": {
1419
+ "position": "relative",
1420
+ "alignItems": "center",
1421
+ "display": "flex",
1422
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1423
+ },
1424
+ "cxLiterals": ["w-full"],
1425
+ "internalComponents": ["HStack"],
1426
+ "internalComponentProps": { "HStack": {
1427
+ "alignItems": ["center"],
1428
+ "justifyContent": ["space-between"],
1429
+ "overflow": ["hidden"],
1430
+ "position": ["relative"]
1431
+ } },
1432
+ "propToVariantKeys": {
1433
+ "variant": ["toastVariantRoot"],
1434
+ "size": ["toastSizeRoot"]
1435
+ },
1436
+ "motionVarPrefixes": []
1437
+ };
1438
+ var ToastPortal = {
1439
+ "name": "ToastPortal",
1440
+ "defaultProps": {},
1441
+ "getStylesLiterals": {},
1442
+ "cxLiterals": [],
1443
+ "internalComponents": ["ReactToastifyToastContainer"],
1444
+ "internalComponentProps": {},
1445
+ "propToVariantKeys": {},
1446
+ "motionVarPrefixes": []
1447
+ };
1448
+ var UDSToastConfigProvider = {
1449
+ "name": "UDSToastConfigProvider",
1367
1450
  "defaultProps": {},
1368
1451
  "getStylesLiterals": {},
1369
1452
  "cxLiterals": [],
1370
- "internalComponents": ["TooltipContext.Provider"],
1453
+ "internalComponents": ["ToastContext.Provider"],
1371
1454
  "internalComponentProps": {},
1372
1455
  "propToVariantKeys": {},
1373
1456
  "motionVarPrefixes": []
1374
1457
  };
1375
- var TooltipTrigger = {
1376
- "name": "TooltipTrigger",
1458
+ var Tooltip = {
1459
+ "name": "Tooltip",
1377
1460
  "defaultProps": {},
1378
1461
  "getStylesLiterals": {},
1379
1462
  "cxLiterals": [],
1380
- "internalComponents": ["TooltipAnchor"],
1381
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1382
- "propToVariantKeys": { "children": ["render"] },
1463
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1464
+ "internalComponentProps": {},
1465
+ "propToVariantKeys": {},
1383
1466
  "motionVarPrefixes": []
1384
1467
  };
1385
1468
  var TooltipContent = {
@@ -1439,134 +1522,34 @@ var TooltipContent = {
1439
1522
  "propToVariantKeys": { "startTitleIcon": ["icon"] },
1440
1523
  "motionVarPrefixes": []
1441
1524
  };
1442
- var Tooltip = {
1443
- "name": "Tooltip",
1525
+ var TooltipTrigger = {
1526
+ "name": "TooltipTrigger",
1444
1527
  "defaultProps": {},
1445
1528
  "getStylesLiterals": {},
1446
1529
  "cxLiterals": [],
1447
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1448
- "internalComponentProps": {},
1449
- "propToVariantKeys": {},
1450
- "motionVarPrefixes": []
1451
- };
1452
- var Input = {
1453
- "name": "Input",
1454
- "defaultProps": {
1455
- "type": "text",
1456
- "size": "md",
1457
- "width": "full"
1458
- },
1459
- "getStylesLiterals": {
1460
- "inputVariantRoot": "default",
1461
- "inputVariantValueRoot": "empty",
1462
- "inputVariantValueRoot:1": "filled",
1463
- "inputVariantInputWrapper": "default",
1464
- "inputVariantValueInputWrapper": "empty",
1465
- "inputVariantValueInputWrapper:1": "filled",
1466
- "inputVariantInput": "default",
1467
- "inputVariantValueInput": "empty",
1468
- "inputVariantValueInput:1": "filled",
1469
- "inputVariantInputPlaceholder": "default",
1470
- "inputVariantValueInputPlaceholder": "empty",
1471
- "inputVariantValueInputPlaceholder:1": "filled",
1472
- "inputVariantLabel": "default",
1473
- "inputVariantValueLabel": "empty",
1474
- "inputVariantValueLabel:1": "filled",
1475
- "inputVariantLabelRequired": "default",
1476
- "inputVariantValueLabelRequired": "empty",
1477
- "inputVariantValueLabelRequired:1": "filled",
1478
- "inputVariantStartIcon": "default",
1479
- "inputVariantValueStartIcon": "empty",
1480
- "inputVariantValueStartIcon:1": "filled",
1481
- "inputVariantEndIcon": "default",
1482
- "inputVariantValueEndIcon": "empty",
1483
- "inputVariantValueEndIcon:1": "filled"
1484
- },
1485
- "cxLiterals": [
1486
- "opacity-50",
1487
- "min-w-[200px]",
1488
- "grow",
1489
- "uds-hit-target",
1490
- "bg-clip-text",
1491
- "focus:outline-none",
1492
- "cursor-text",
1493
- "cursor-not-allowed"
1494
- ],
1495
- "internalComponents": [
1496
- "IconSlot",
1497
- "StartIcon",
1498
- "EndIcon",
1499
- "HelpTextContent",
1500
- "Box",
1501
- "InputHelpTextInternal",
1502
- "VStack",
1503
- "HStack",
1504
- "AnimateHeightChange"
1505
- ],
1506
- "internalComponentProps": {
1507
- "HelpTextContent": { "spacingTop": ["2"] },
1508
- "Box": {
1509
- "spacingBottom": ["2"],
1510
- "columnGap": ["0.5"],
1511
- "alignItems": ["flex-end", "center"],
1512
- "position": ["relative"]
1513
- },
1514
- "HStack": {
1515
- "alignItems": ["center"],
1516
- "gap": ["1"]
1517
- }
1518
- },
1519
- "propToVariantKeys": {
1520
- "size": [
1521
- "inputSizeRoot",
1522
- "inputSizeInputWrapper",
1523
- "inputSizeInput",
1524
- "inputSizeLabel",
1525
- "inputSizeStartIcon",
1526
- "inputSizeEndIcon"
1527
- ],
1528
- "startIcon": ["icon"],
1529
- "endIcon": ["icon"],
1530
- "helperTextIcon": ["startIcon"]
1531
- },
1530
+ "internalComponents": ["TooltipAnchor"],
1531
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1532
+ "propToVariantKeys": { "children": ["render"] },
1532
1533
  "motionVarPrefixes": []
1533
1534
  };
1534
- var InputHelpText = {
1535
- "name": "InputHelpText",
1536
- "defaultProps": { "size": "md" },
1537
- "getStylesLiterals": {
1538
- "inputVariantRoot": "default",
1539
- "inputVariantValueRoot": "empty",
1540
- "inputVariantValueRoot:1": "filled"
1541
- },
1535
+ var UDSTooltipConfigProvider = {
1536
+ "name": "UDSTooltipConfigProvider",
1537
+ "defaultProps": {},
1538
+ "getStylesLiterals": {},
1542
1539
  "cxLiterals": [],
1543
- "internalComponents": ["InputHelpTextInternal", "Box"],
1544
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1545
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1540
+ "internalComponents": ["TooltipContext.Provider"],
1541
+ "internalComponentProps": {},
1542
+ "propToVariantKeys": {},
1546
1543
  "motionVarPrefixes": []
1547
1544
  };
1548
- var InputHelpTextInternal = {
1549
- "name": "InputHelpTextInternal",
1545
+ var UDSBreakpointsConfigProvider = {
1546
+ "name": "UDSBreakpointsConfigProvider",
1550
1547
  "defaultProps": {},
1551
- "getStylesLiterals": {
1552
- "inputVariantHelperText": "default",
1553
- "inputVariantValueHelperText": "empty",
1554
- "inputVariantValueHelperText:1": "filled",
1555
- "inputVariantHelperIcon": "default",
1556
- "inputVariantValueHelperIcon": "empty",
1557
- "inputVariantValueHelperIcon:1": "filled"
1558
- },
1548
+ "getStylesLiterals": {},
1559
1549
  "cxLiterals": [],
1560
- "internalComponents": ["IconSlot", "HStack"],
1561
- "internalComponentProps": { "HStack": {
1562
- "gap": ["1"],
1563
- "alignItems": ["center"]
1564
- } },
1565
- "propToVariantKeys": {
1566
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1567
- "startIcon": ["icon"],
1568
- "endIcon": ["icon"]
1569
- },
1550
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1551
+ "internalComponentProps": {},
1552
+ "propToVariantKeys": {},
1570
1553
  "motionVarPrefixes": []
1571
1554
  };
1572
1555
  var UDSConfigProvider = {
@@ -1584,391 +1567,408 @@ var UDSConfigProvider = {
1584
1567
  "propToVariantKeys": {},
1585
1568
  "motionVarPrefixes": []
1586
1569
  };
1587
- var UDSBreakpointsConfigProvider = {
1588
- "name": "UDSBreakpointsConfigProvider",
1570
+ var Accordion = {
1571
+ "name": "Accordion",
1572
+ "defaultProps": {
1573
+ "spacingHorizontal": "4",
1574
+ "spacingVertical": "4"
1575
+ },
1576
+ "getStylesLiterals": {},
1577
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1578
+ "internalComponents": [
1579
+ "Icon",
1580
+ "SpringMotionConfig",
1581
+ "Pressable",
1582
+ "Text",
1583
+ "HStack",
1584
+ "AnimatePresence",
1585
+ "VStack"
1586
+ ],
1587
+ "internalComponentProps": {
1588
+ "Icon": {
1589
+ "variant": ["fill"],
1590
+ "size": ["sm"],
1591
+ "color": ["primary"]
1592
+ },
1593
+ "SpringMotionConfig": {
1594
+ "layoutVariant": ["smooth"],
1595
+ "layoutSpeed": ["3"]
1596
+ },
1597
+ "Pressable": {
1598
+ "display": ["flex"],
1599
+ "flexDirection": ["row"],
1600
+ "alignItems": ["center"],
1601
+ "justifyContent": ["space-between"],
1602
+ "borderRadius": ["md"]
1603
+ },
1604
+ "Text": {
1605
+ "variant": ["title4"],
1606
+ "color": ["primary"]
1607
+ },
1608
+ "HStack": {
1609
+ "display": ["flex"],
1610
+ "alignItems": ["center"],
1611
+ "justifyContent": ["space-between"],
1612
+ "columnGap": ["2.5"]
1613
+ }
1614
+ },
1615
+ "propToVariantKeys": {},
1616
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1617
+ };
1618
+ var AvoidMotionLibraryProvider = {
1619
+ "name": "AvoidMotionLibraryProvider",
1589
1620
  "defaultProps": {},
1590
1621
  "getStylesLiterals": {},
1591
1622
  "cxLiterals": [],
1592
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1623
+ "internalComponents": [],
1593
1624
  "internalComponentProps": {},
1594
1625
  "propToVariantKeys": {},
1595
1626
  "motionVarPrefixes": []
1596
1627
  };
1597
- var ChipLink = {
1598
- "name": "ChipLink",
1599
- "defaultProps": { "variant": "primary" },
1600
- "getStylesLiterals": {},
1601
- "cxLiterals": ["uds-ring"],
1602
- "internalComponents": ["ChipBase"],
1603
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1604
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1605
- "motionVarPrefixes": []
1606
- };
1607
- var ChipDismissible = {
1608
- "name": "ChipDismissible",
1609
- "defaultProps": { "variant": "primary" },
1628
+ var Modal = {
1629
+ "name": "Modal",
1630
+ "defaultProps": {},
1610
1631
  "getStylesLiterals": {},
1611
1632
  "cxLiterals": [
1612
- "uds-chip-dismissible-button",
1613
- "uds-hit-target",
1614
- "uds-ring",
1615
- "rounded-full"
1633
+ "inset-8",
1634
+ "top-[250px]",
1635
+ "z-50",
1636
+ "mx-auto",
1637
+ "h-fit",
1638
+ "w-[600px]",
1639
+ "origin-center",
1640
+ "scale-95",
1641
+ "opacity-0",
1642
+ "transition",
1643
+ "duration-150",
1644
+ "data-[enter]:scale-100",
1645
+ "data-[enter]:opacity-100",
1646
+ "data-[enter]:bg-primary",
1647
+ "backdrop-blur-0",
1648
+ "data-[enter]:opacity-60",
1649
+ "data-[enter]:backdrop-blur-sm"
1616
1650
  ],
1617
- "internalComponents": [
1618
- "ChipBase",
1619
- "IconSlot",
1620
- "Pressable"
1651
+ "internalComponents": [
1652
+ "IconButton",
1653
+ "Dialog",
1654
+ "HStack",
1655
+ "Text",
1656
+ "VStack"
1621
1657
  ],
1622
- "internalComponentProps": {},
1623
- "propToVariantKeys": {
1624
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1625
- "dismissButtonAriaLabel": ["aria-label"]
1626
- },
1627
- "motionVarPrefixes": []
1628
- };
1629
- var ChipToggle = {
1630
- "name": "ChipToggle",
1631
- "defaultProps": {
1632
- "variant": "primary",
1633
- "role": "checkbox"
1634
- },
1635
- "getStylesLiterals": {
1636
- "chipToggleVariantActiveRoot": "on",
1637
- "chipToggleVariantActiveRoot:1": "off"
1658
+ "internalComponentProps": {
1659
+ "IconButton": {
1660
+ "aria-label": ["Close"],
1661
+ "size": ["sm"],
1662
+ "variant": ["tertiary"]
1663
+ },
1664
+ "HStack": {
1665
+ "alignItems": ["center"],
1666
+ "justifyContent": ["space-between"]
1667
+ },
1668
+ "Text": {
1669
+ "variant": ["headline1"],
1670
+ "color": ["primary"]
1671
+ },
1672
+ "VStack": {
1673
+ "borderRadius": ["md"],
1674
+ "position": ["fixed"],
1675
+ "backgroundColor": ["primary"],
1676
+ "dropShadow": ["md"],
1677
+ "spacing": ["8"],
1678
+ "overflow": ["hidden"]
1679
+ }
1638
1680
  },
1639
- "cxLiterals": ["uds-ring"],
1640
- "internalComponents": ["ChipBase"],
1641
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1642
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1681
+ "propToVariantKeys": { "handleClose": ["onClick"] },
1643
1682
  "motionVarPrefixes": []
1644
1683
  };
1645
- var Chip = {
1646
- "name": "Chip",
1684
+ var Popover = {
1685
+ "name": "Popover",
1647
1686
  "defaultProps": {},
1648
1687
  "getStylesLiterals": {},
1649
1688
  "cxLiterals": [],
1650
1689
  "internalComponents": [
1651
- "ChipDismissible",
1652
- "ChipToggle",
1653
- "ChipLink",
1654
- "ChipButton"
1690
+ "HStack",
1691
+ "Text",
1692
+ "OriginalPopoverHeading"
1655
1693
  ],
1656
- "internalComponentProps": {},
1694
+ "internalComponentProps": { "Text": {
1695
+ "variant": ["headline1"],
1696
+ "color": ["primary"]
1697
+ } },
1657
1698
  "propToVariantKeys": {},
1658
1699
  "motionVarPrefixes": []
1659
1700
  };
1660
- var ChipBase = {
1661
- "name": "ChipBase",
1662
- "defaultProps": {
1663
- "size": "md",
1664
- "as": "div"
1701
+ var SegmentedControl = {
1702
+ "name": "SegmentedControl",
1703
+ "defaultProps": {},
1704
+ "getStylesLiterals": {
1705
+ "display": "flex",
1706
+ "alignItems": "center",
1707
+ "backgroundColor": "primary",
1708
+ "spacingVertical": "1",
1709
+ "spacingHorizontal": "3",
1710
+ "columnGap": "1.5",
1711
+ "borderWidth": "thin",
1712
+ "borderRadius": "full",
1713
+ "borderColor": "muted",
1714
+ "borderColor:1": "transparent",
1715
+ "color": "primary",
1716
+ "color:1": "tertiary",
1717
+ "color:2": "muted"
1665
1718
  },
1666
- "getStylesLiterals": {},
1667
1719
  "cxLiterals": [
1668
- "pointer-events-none",
1669
- "cursor-default",
1720
+ "uds-ring",
1721
+ "cursor-not-allowed",
1670
1722
  "opacity-50",
1671
- "inline-flex",
1672
- "items-center",
1673
- "transition-[background-color,outline-color,box-shadow]",
1674
- "truncate",
1675
- "whitespace-nowrap",
1676
- "text-center",
1677
- "flex-1"
1723
+ "pointer-events-none",
1724
+ "hover:bg-primary"
1678
1725
  ],
1679
1726
  "internalComponents": [
1680
- "IconSlot",
1727
+ "Radio",
1728
+ "Icon",
1729
+ "RadioProvider",
1681
1730
  "HStack",
1682
- "As",
1731
+ "RadioGroup",
1732
+ "Pressable",
1683
1733
  "Text"
1684
1734
  ],
1685
- "internalComponentProps": { "Text": {
1686
- "as": ["span"],
1687
- "color": ["current"],
1688
- "variant": ["inherit"]
1689
- } },
1690
- "propToVariantKeys": {
1691
- "size": ["chipSizeRoot", "chipSizeIcon"],
1692
- "startIcon": ["icon"],
1693
- "endIcon": ["icon"]
1735
+ "internalComponentProps": {
1736
+ "Icon": {
1737
+ "size": ["sm"],
1738
+ "color": ["current"],
1739
+ "aria-hidden": ["true"]
1740
+ },
1741
+ "HStack": {
1742
+ "spacing": ["1"],
1743
+ "gap": ["1"],
1744
+ "backgroundColor": ["secondary"],
1745
+ "borderRadius": ["full"],
1746
+ "display": ["inline-flex"]
1747
+ },
1748
+ "Text": {
1749
+ "variant": ["label2"],
1750
+ "color": ["current"]
1751
+ }
1694
1752
  },
1695
- "motionVarPrefixes": []
1696
- };
1697
- var ChipButton = {
1698
- "name": "ChipButton",
1699
- "defaultProps": { "variant": "primary" },
1700
- "getStylesLiterals": {},
1701
- "cxLiterals": ["uds-ring"],
1702
- "internalComponents": ["ChipBase"],
1703
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1704
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1705
- "motionVarPrefixes": []
1706
- };
1707
- var Menu_Item = {
1708
- "name": "Menu.Item",
1709
- "defaultProps": {},
1710
- "getStylesLiterals": {
1711
- "menuitemItemVariantRoot": "default",
1712
- "menuitemItemVariantActiveRoot": "on",
1713
- "menuitemItemVariantActiveRoot:1": "off",
1714
- "menuitemItemVariantText": "default",
1715
- "menuitemItemVariantActiveText": "on",
1716
- "menuitemItemVariantActiveText:1": "off",
1717
- "menuitemItemVariantIcon": "default",
1718
- "menuitemItemVariantActiveIcon": "on",
1719
- "menuitemItemVariantActiveIcon:1": "off"
1753
+ "propToVariantKeys": {
1754
+ "value": ["key"],
1755
+ "label": ["aria-label"]
1720
1756
  },
1721
- "cxLiterals": [],
1722
- "internalComponents": ["MenuItemBase"],
1723
- "internalComponentProps": {},
1724
- "propToVariantKeys": {},
1725
1757
  "motionVarPrefixes": []
1726
1758
  };
1727
- var Menu_Provider = {
1728
- "name": "Menu.Provider",
1729
- "defaultProps": {},
1730
- "getStylesLiterals": {},
1731
- "cxLiterals": [],
1732
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1733
- "internalComponentProps": {},
1734
- "propToVariantKeys": {},
1735
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1736
- };
1737
- var Menu_ItemBase = {
1738
- "name": "Menu.ItemBase",
1759
+ var SwitchV2 = {
1760
+ "name": "SwitchV2",
1739
1761
  "defaultProps": {
1740
- "spacing": "0",
1741
- "spacingHorizontal": "4",
1742
- "spacingVertical": "3.5",
1743
- "columnGap": "2",
1744
- "alignItems": "center",
1745
- "justifyContent": "space-between"
1762
+ "labelPosition": "start",
1763
+ "size": "md"
1746
1764
  },
1747
1765
  "getStylesLiterals": {
1748
- "textAlign": "start",
1749
- "menuitemSizeRoot": "default",
1750
- "flexDirection": "row",
1751
- "menuitemSizeStartIcon": "default",
1752
- "menuitemSizeEndIcon": "default"
1766
+ "switchVariantRoot": "default",
1767
+ "switchVariantActiveRoot": "on",
1768
+ "switchVariantActiveRoot:1": "off",
1769
+ "switchVariantSwitch": "default",
1770
+ "switchVariantActiveSwitch": "on",
1771
+ "switchVariantActiveSwitch:1": "off",
1772
+ "switchVariantActiveHandle": "on",
1773
+ "switchVariantActiveHandle:1": "off",
1774
+ "switchVariantHandle": "default",
1775
+ "switchVariantHandleIcon": "default",
1776
+ "switchVariantActiveHandleIcon": "on",
1777
+ "switchVariantActiveHandleIcon:1": "off"
1753
1778
  },
1754
1779
  "cxLiterals": [
1780
+ "group",
1755
1781
  "flex",
1756
- "focus-visible:text-brand",
1757
- "focus-visible:bg-brand-secondary",
1758
- "focus-visible:z-10",
1782
+ "items-center",
1783
+ "flex-row",
1784
+ "flex-row-reverse",
1759
1785
  "uds-ring",
1760
- "!-outline-offset-2",
1761
- "[&:not([aria-checked])]:cursor-default",
1762
- "opacity-25",
1763
- "cursor-not-allowed",
1764
- "duration-20",
1765
- "transition-[font-variation-settings]",
1766
- "ease-in-out",
1767
- "z-0",
1768
- "uds-start-icon",
1769
- "uds-end-icon"
1786
+ "uds-ring-within",
1787
+ "relative",
1788
+ "uds-border-radius-full",
1789
+ "transition-[background-color,box-shadow]",
1790
+ "pointer-events-none",
1791
+ "w-full",
1792
+ "h-full",
1793
+ "absolute",
1794
+ "top-0",
1795
+ "bottom-0",
1796
+ "right-0",
1797
+ "left-0",
1798
+ "overflow-hidden",
1799
+ "group-hover:scale-105",
1800
+ "opacity-95",
1801
+ "group-hover:opacity-100",
1802
+ "transition-[transform,opacity]",
1803
+ "opacity-0",
1804
+ "top-1/2",
1805
+ "left-1/2",
1806
+ "transform",
1807
+ "translate-x-[-50%]",
1808
+ "translate-y-[-50%]",
1809
+ "transition-opacity",
1810
+ "cursor-[inherit]",
1811
+ "w-[calc(100%+2px)]",
1812
+ "h-[calc(100%+2px)]",
1813
+ "text-start",
1814
+ "text-end",
1815
+ "opacity-100"
1770
1816
  ],
1771
1817
  "internalComponents": [
1772
- "Pressable",
1773
1818
  "IconSlot",
1774
- "RootComponent",
1775
- "HStack",
1776
- "AnimatePresence"
1819
+ "Box",
1820
+ "FormLabel",
1821
+ "SpringMotionConfig",
1822
+ "RootElement",
1823
+ "MotionBox"
1777
1824
  ],
1778
1825
  "internalComponentProps": {
1779
- "HStack": {
1780
- "alignItems": ["center"],
1781
- "width": ["full"]
1826
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1827
+ "FormLabel": {
1828
+ "as": ["div"],
1829
+ "variant": ["inherit"],
1830
+ "color": ["inherit"]
1782
1831
  },
1783
- "AnimatePresence": { "mode": ["popLayout"] }
1832
+ "SpringMotionConfig": {
1833
+ "layoutVariant": ["bouncy"],
1834
+ "layoutSpeed": ["4"]
1835
+ },
1836
+ "RootElement": { "data-testid": ["switch-root"] },
1837
+ "MotionBox": { "layout": ["position"] }
1784
1838
  },
1785
1839
  "propToVariantKeys": {
1786
- "startIcon": ["icon"],
1787
- "endIcon": ["icon"],
1788
- "columnGap": ["gap"]
1840
+ "size": [
1841
+ "switchSizeRoot",
1842
+ "switchSizeSwitch",
1843
+ "switchSizeHandle",
1844
+ "switchSizeHandleIcon"
1845
+ ],
1846
+ "onIcon": ["icon"],
1847
+ "offIcon": ["icon"],
1848
+ "reduceMotion": ["reducedMotion"],
1849
+ "isOn": ["layoutDependency"]
1789
1850
  },
1790
- "motionVarPrefixes": []
1791
- };
1792
- var Menu_Trigger = {
1793
- "name": "Menu.Trigger",
1794
- "defaultProps": {},
1795
- "getStylesLiterals": {},
1796
- "cxLiterals": ["uds-menu-trigger"],
1797
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1798
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1799
- "propToVariantKeys": {},
1800
- "motionVarPrefixes": []
1851
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1801
1852
  };
1802
- var Menu_index = {
1803
- "name": "Menu.index",
1853
+ var Tabs = {
1854
+ "name": "Tabs",
1804
1855
  "defaultProps": {},
1805
- "getStylesLiterals": {},
1806
- "cxLiterals": [],
1807
- "internalComponents": [],
1808
- "internalComponentProps": {},
1809
- "propToVariantKeys": {},
1810
- "motionVarPrefixes": []
1811
- };
1812
- var Menu_Content = {
1813
- "name": "Menu.Content",
1814
- "defaultProps": {
1815
- "size": "default",
1816
- "variant": "default",
1817
- "gutter": "1"
1856
+ "getStylesLiterals": {
1857
+ "display": "flex",
1858
+ "flexDirection": "row",
1859
+ "columnGap": "6"
1818
1860
  },
1819
- "getStylesLiterals": {},
1820
1861
  "cxLiterals": [
1821
- "uds-menu-content",
1822
- "transition-shadow",
1823
- "duration-200",
1824
- "ease-in-out",
1825
- "min-w-60",
1826
- "max-w-lg",
1827
- "max-h-96",
1828
- "overflow-auto",
1829
- "uds-ring",
1830
- "z-10",
1831
- "group"
1862
+ "text-tertiary",
1863
+ "border-b-transparent",
1864
+ "aria-selected:border-b-brand",
1865
+ "aria-selected:text-secondary"
1832
1866
  ],
1833
1867
  "internalComponents": [
1834
- "AriakitMenu",
1835
- "AnimatePresence",
1836
- "MotionVStack"
1868
+ "TabProvider",
1869
+ "OriginalTabList",
1870
+ "OriginalTab",
1871
+ "Icon",
1872
+ "OriginalTabPanel",
1873
+ "Pressable",
1874
+ "Comp",
1875
+ "Text"
1837
1876
  ],
1838
- "internalComponentProps": {},
1839
- "propToVariantKeys": {
1840
- "size": ["menucontentSizeRoot"],
1841
- "variant": ["menucontentVariantRoot"]
1842
- },
1843
- "motionVarPrefixes": []
1844
- };
1845
- var Menu_Divider = {
1846
- "name": "Menu.Divider",
1847
- "defaultProps": {
1848
- "role": "separator",
1849
- "contentPosition": "start",
1850
- "gap": "4"
1851
- },
1852
- "getStylesLiterals": {
1853
- "menuitemDividerVariantRoot": "default",
1854
- "menuitemDividerVariantText": "default",
1855
- "menuitemDividerVariantLine": "default"
1856
- },
1857
- "cxLiterals": [],
1858
- "internalComponents": ["DividerInternal"],
1859
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1860
- "propToVariantKeys": {},
1861
- "motionVarPrefixes": []
1862
- };
1863
- var Menu = {
1864
- "name": "Menu",
1865
- "defaultProps": {},
1866
- "getStylesLiterals": {},
1867
- "cxLiterals": [],
1868
- "internalComponents": [],
1869
- "internalComponentProps": {},
1870
- "propToVariantKeys": {},
1871
- "motionVarPrefixes": []
1872
- };
1873
- var Menu_ItemCheckbox = {
1874
- "name": "Menu.ItemCheckbox",
1875
- "defaultProps": {},
1876
- "getStylesLiterals": {
1877
- "menuitemItemCheckboxVariantRoot": "default",
1878
- "menuitemItemCheckboxVariantActiveRoot": "on",
1879
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1880
- "menuitemItemCheckboxVariantText": "default",
1881
- "menuitemItemCheckboxVariantActiveText": "on",
1882
- "menuitemItemCheckboxVariantActiveText:1": "off",
1883
- "menuitemItemCheckboxVariantStartIcon": "default",
1884
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1885
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1886
- "menuitemItemCheckboxVariantEndIcon": "default",
1887
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1888
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1877
+ "internalComponentProps": {
1878
+ "Icon": {
1879
+ "className": ["text-current"],
1880
+ "size": ["md"]
1881
+ },
1882
+ "Pressable": {
1883
+ "borderBottomWidth": ["medium"],
1884
+ "spacingBottom": ["1"],
1885
+ "spacingTop": ["4"]
1886
+ },
1887
+ "Text": {
1888
+ "className": ["text-current"],
1889
+ "variant": ["headline1"],
1890
+ "as": ["span"]
1891
+ }
1889
1892
  },
1890
- "cxLiterals": ["uds-menu-item-checkbox"],
1891
- "internalComponents": ["MenuItemBase"],
1892
- "internalComponentProps": {},
1893
1893
  "propToVariantKeys": {},
1894
1894
  "motionVarPrefixes": []
1895
1895
  };
1896
1896
  var componentData_default = {
1897
- Link,
1898
- VStack,
1899
1897
  Box,
1900
- Scrim,
1901
- Icon,
1902
1898
  FormLabel,
1903
- Text,
1904
- IconSlot,
1905
1899
  HStack,
1900
+ Icon,
1901
+ IconSlot,
1906
1902
  Image,
1903
+ Link,
1904
+ Scrim,
1905
+ Text,
1906
+ VStack,
1907
+ Divider,
1907
1908
  DividerCore,
1908
1909
  DividerInternal,
1909
- Divider,
1910
- "Table.mocks": Table_mocks,
1911
- Table,
1912
- Spinner,
1910
+ AnimateHeightChange,
1911
+ Badge,
1913
1912
  Button,
1914
1913
  Checkbox,
1915
- SpringMotionConfig,
1916
1914
  IconButton,
1917
- Switch,
1918
- Badge,
1919
- AnimateHeightChange,
1920
1915
  Pressable,
1921
- AvoidMotionLibraryProvider,
1922
- SegmentedControl,
1923
- Popover,
1924
- SwitchV2,
1925
- Tabs,
1926
- Modal,
1927
- Accordion,
1928
- AvatarImage,
1929
- AvatarText,
1916
+ SpringMotionConfig,
1917
+ Switch,
1918
+ Spinner,
1919
+ "Table.mocks": Table_mocks,
1920
+ Table,
1930
1921
  Avatar,
1931
1922
  AvatarIcon,
1923
+ AvatarImage,
1924
+ AvatarText,
1925
+ BottomSheet,
1932
1926
  BottomSheetContent,
1933
1927
  BottomSheetDismiss,
1934
- BottomSheet,
1935
1928
  BottomSheetHandle,
1936
- BottomSheetInternalContext,
1937
1929
  BottomSheetHeader,
1938
- BottomSheetTrigger,
1930
+ BottomSheetInternalContext,
1939
1931
  BottomSheetProvider,
1932
+ BottomSheetTrigger,
1940
1933
  UDSBottomSheetConfigProvider,
1941
- UDSToastConfigProvider,
1942
- Toast,
1943
- ToastContainer,
1944
- ToastPortal,
1945
- RadioGroupStore,
1946
- RadioGroupProvider,
1947
- Radio,
1948
- UDSTooltipConfigProvider,
1949
- TooltipTrigger,
1950
- TooltipContent,
1951
- Tooltip,
1952
- Input,
1953
- InputHelpText,
1954
- InputHelpTextInternal,
1955
- UDSConfigProvider,
1956
- UDSBreakpointsConfigProvider,
1957
- ChipLink,
1958
- ChipDismissible,
1959
- ChipToggle,
1960
1934
  Chip,
1961
1935
  ChipBase,
1962
1936
  ChipButton,
1937
+ ChipDismissible,
1938
+ ChipLink,
1939
+ ChipToggle,
1940
+ Input,
1941
+ InputHelpText,
1942
+ InputHelpTextInternal,
1943
+ "Menu.Content": Menu_Content,
1944
+ "Menu.Divider": Menu_Divider,
1963
1945
  "Menu.Item": Menu_Item,
1964
- "Menu.Provider": Menu_Provider,
1965
1946
  "Menu.ItemBase": Menu_ItemBase,
1947
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
1948
+ "Menu.Provider": Menu_Provider,
1966
1949
  "Menu.Trigger": Menu_Trigger,
1967
1950
  "Menu.index": Menu_index,
1968
- "Menu.Content": Menu_Content,
1969
- "Menu.Divider": Menu_Divider,
1970
1951
  Menu,
1971
- "Menu.ItemCheckbox": Menu_ItemCheckbox
1952
+ Radio,
1953
+ RadioGroupProvider,
1954
+ RadioGroupStore,
1955
+ Toast,
1956
+ ToastContainer,
1957
+ ToastPortal,
1958
+ UDSToastConfigProvider,
1959
+ Tooltip,
1960
+ TooltipContent,
1961
+ TooltipTrigger,
1962
+ UDSTooltipConfigProvider,
1963
+ UDSBreakpointsConfigProvider,
1964
+ UDSConfigProvider,
1965
+ Accordion,
1966
+ AvoidMotionLibraryProvider,
1967
+ Modal,
1968
+ Popover,
1969
+ SegmentedControl,
1970
+ SwitchV2,
1971
+ Tabs
1972
1972
  };
1973
1973
 
1974
1974
  //#endregion