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