@yahoo/uds 3.115.0 → 3.115.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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,95 +160,26 @@ 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"] },
161
- "motionVarPrefixes": []
162
- };
163
- var Image = {
164
- "name": "Image",
165
- "defaultProps": {},
166
- "getStylesLiterals": {},
167
- "cxLiterals": [],
168
- "internalComponents": [],
169
- "internalComponentProps": {},
170
- "propToVariantKeys": {},
169
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
170
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
171
171
  "motionVarPrefixes": []
172
172
  };
173
- var Table_mocks = {
174
- "name": "Table.mocks",
173
+ var Divider = {
174
+ "name": "Divider",
175
175
  "defaultProps": {},
176
176
  "getStylesLiterals": {},
177
177
  "cxLiterals": [],
178
- "internalComponents": [],
178
+ "internalComponents": ["DividerInternal"],
179
179
  "internalComponentProps": {},
180
180
  "propToVariantKeys": {},
181
181
  "motionVarPrefixes": []
182
182
  };
183
- var Table = {
184
- "name": "Table",
185
- "defaultProps": {
186
- "display": "table-cell",
187
- "overflow": "hidden",
188
- "borderColor": "muted",
189
- "borderRadius": "md",
190
- "spacing": "3",
191
- "borderBottomColor": "muted",
192
- "borderBottomWidth": "thin",
193
- "color": "primary"
194
- },
195
- "getStylesLiterals": { "textAlign": "start" },
196
- "cxLiterals": [],
197
- "internalComponents": [
198
- "CellComponent",
199
- "Box",
200
- "Text",
201
- "Table.Root",
202
- "Table.Header",
203
- "Table.Row",
204
- "Table.Cell",
205
- "Table.Body"
206
- ],
207
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
208
- "propToVariantKeys": {},
209
- "motionVarPrefixes": []
210
- };
211
- var Spinner = {
212
- "name": "Spinner",
213
- "defaultProps": {
214
- "color": "primary",
215
- "size": "lg"
216
- },
217
- "getStylesLiterals": {},
218
- "cxLiterals": [
219
- "self-center",
220
- "relative",
221
- "sr-only"
222
- ],
223
- "internalComponents": ["Icon"],
224
- "internalComponentProps": { "Icon": {
225
- "role": ["img"],
226
- "className": ["animate-spin"],
227
- "aria-hidden": ["true"]
228
- } },
229
- "propToVariantKeys": {},
230
- "motionVarPrefixes": []
231
- };
232
183
  var DividerCore = {
233
184
  "name": "DividerCore",
234
185
  "defaultProps": { "contentPosition": "center" },
@@ -272,22 +223,111 @@ var DividerInternal = {
272
223
  ] },
273
224
  "motionVarPrefixes": []
274
225
  };
275
- var Divider = {
276
- "name": "Divider",
226
+ var Spinner = {
227
+ "name": "Spinner",
228
+ "defaultProps": {
229
+ "color": "primary",
230
+ "size": "lg"
231
+ },
232
+ "getStylesLiterals": {},
233
+ "cxLiterals": [
234
+ "self-center",
235
+ "relative",
236
+ "sr-only"
237
+ ],
238
+ "internalComponents": ["Icon"],
239
+ "internalComponentProps": { "Icon": {
240
+ "role": ["img"],
241
+ "className": ["animate-spin"],
242
+ "aria-hidden": ["true"]
243
+ } },
244
+ "propToVariantKeys": {},
245
+ "motionVarPrefixes": []
246
+ };
247
+ var Table_mocks = {
248
+ "name": "Table.mocks",
277
249
  "defaultProps": {},
278
250
  "getStylesLiterals": {},
279
251
  "cxLiterals": [],
280
- "internalComponents": ["DividerInternal"],
252
+ "internalComponents": [],
281
253
  "internalComponentProps": {},
282
254
  "propToVariantKeys": {},
283
255
  "motionVarPrefixes": []
284
256
  };
285
- var Button = {
286
- "name": "Button",
287
- "defaultProps": { "type": "button" },
288
- "getStylesLiterals": {},
289
- "cxLiterals": [
290
- "uds-ring",
257
+ var Table = {
258
+ "name": "Table",
259
+ "defaultProps": {
260
+ "display": "table-cell",
261
+ "overflow": "hidden",
262
+ "borderColor": "muted",
263
+ "borderRadius": "md",
264
+ "spacing": "3",
265
+ "borderBottomColor": "muted",
266
+ "borderBottomWidth": "thin",
267
+ "color": "primary"
268
+ },
269
+ "getStylesLiterals": { "textAlign": "start" },
270
+ "cxLiterals": [],
271
+ "internalComponents": [
272
+ "CellComponent",
273
+ "Box",
274
+ "Text",
275
+ "Table.Root",
276
+ "Table.Header",
277
+ "Table.Row",
278
+ "Table.Cell",
279
+ "Table.Body"
280
+ ],
281
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
282
+ "propToVariantKeys": {},
283
+ "motionVarPrefixes": []
284
+ };
285
+ var AnimateHeightChange = {
286
+ "name": "AnimateHeightChange",
287
+ "defaultProps": {},
288
+ "getStylesLiterals": {},
289
+ "cxLiterals": ["overflow-hidden"],
290
+ "internalComponents": ["SpringMotionConfig"],
291
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
292
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
293
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
294
+ };
295
+ var Badge = {
296
+ "name": "Badge",
297
+ "defaultProps": {
298
+ "variant": "primary",
299
+ "size": "md"
300
+ },
301
+ "getStylesLiterals": {},
302
+ "cxLiterals": [
303
+ "flex-1",
304
+ "truncate",
305
+ "whitespace-nowrap",
306
+ "text-center"
307
+ ],
308
+ "internalComponents": ["IconSlot", "HStack"],
309
+ "internalComponentProps": {
310
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
311
+ "HStack": {
312
+ "gap": ["2"],
313
+ "display": ["inline-flex"],
314
+ "alignItems": ["center"]
315
+ }
316
+ },
317
+ "propToVariantKeys": {
318
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
319
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
320
+ "startIcon": ["icon"],
321
+ "endIcon": ["icon"]
322
+ },
323
+ "motionVarPrefixes": []
324
+ };
325
+ var Button = {
326
+ "name": "Button",
327
+ "defaultProps": { "type": "button" },
328
+ "getStylesLiterals": {},
329
+ "cxLiterals": [
330
+ "uds-ring",
291
331
  "uds-hit-target",
292
332
  "inline-flex",
293
333
  "overflow-hidden",
@@ -406,16 +446,6 @@ var Checkbox = {
406
446
  },
407
447
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
408
448
  };
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
449
  var IconButton = {
420
450
  "name": "IconButton",
421
451
  "defaultProps": { "type": "button" },
@@ -455,6 +485,26 @@ var IconButton = {
455
485
  },
456
486
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
457
487
  };
488
+ var Pressable = {
489
+ "name": "Pressable",
490
+ "defaultProps": {},
491
+ "getStylesLiterals": {},
492
+ "cxLiterals": [],
493
+ "internalComponents": ["Comp"],
494
+ "internalComponentProps": {},
495
+ "propToVariantKeys": {},
496
+ "motionVarPrefixes": []
497
+ };
498
+ var SpringMotionConfig = {
499
+ "name": "SpringMotionConfig",
500
+ "defaultProps": { "reducedMotion": "user" },
501
+ "getStylesLiterals": {},
502
+ "cxLiterals": [],
503
+ "internalComponents": ["LazyMotion", "MotionConfig"],
504
+ "internalComponentProps": {},
505
+ "propToVariantKeys": { "loadFeatures": ["features"] },
506
+ "motionVarPrefixes": []
507
+ };
458
508
  var Switch = {
459
509
  "name": "Switch",
460
510
  "defaultProps": {
@@ -545,63 +595,134 @@ var Switch = {
545
595
  },
546
596
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
547
597
  };
548
- var Badge = {
549
- "name": "Badge",
598
+ var Accordion = {
599
+ "name": "Accordion",
550
600
  "defaultProps": {
551
- "variant": "primary",
552
- "size": "md"
601
+ "spacingHorizontal": "4",
602
+ "spacingVertical": "4"
553
603
  },
554
604
  "getStylesLiterals": {},
555
- "cxLiterals": [
556
- "flex-1",
557
- "truncate",
558
- "whitespace-nowrap",
559
- "text-center"
605
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
606
+ "internalComponents": [
607
+ "Icon",
608
+ "SpringMotionConfig",
609
+ "Pressable",
610
+ "Text",
611
+ "HStack",
612
+ "AnimatePresence",
613
+ "VStack"
560
614
  ],
561
- "internalComponents": ["IconSlot", "HStack"],
562
615
  "internalComponentProps": {
563
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
616
+ "Icon": {
617
+ "variant": ["fill"],
618
+ "size": ["sm"],
619
+ "color": ["primary"]
620
+ },
621
+ "SpringMotionConfig": {
622
+ "layoutVariant": ["smooth"],
623
+ "layoutSpeed": ["3"]
624
+ },
625
+ "Pressable": {
626
+ "display": ["flex"],
627
+ "flexDirection": ["row"],
628
+ "alignItems": ["center"],
629
+ "justifyContent": ["space-between"],
630
+ "borderRadius": ["md"]
631
+ },
632
+ "Text": {
633
+ "variant": ["title4"],
634
+ "color": ["primary"]
635
+ },
564
636
  "HStack": {
565
- "gap": ["2"],
566
- "display": ["inline-flex"],
567
- "alignItems": ["center"]
637
+ "display": ["flex"],
638
+ "alignItems": ["center"],
639
+ "justifyContent": ["space-between"],
640
+ "columnGap": ["2.5"]
568
641
  }
569
642
  },
570
- "propToVariantKeys": {
571
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
572
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
573
- "startIcon": ["icon"],
574
- "endIcon": ["icon"]
575
- },
576
- "motionVarPrefixes": []
577
- };
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-"]
643
+ "propToVariantKeys": {},
644
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
587
645
  };
588
- var Pressable = {
589
- "name": "Pressable",
646
+ var AvoidMotionLibraryProvider = {
647
+ "name": "AvoidMotionLibraryProvider",
590
648
  "defaultProps": {},
591
649
  "getStylesLiterals": {},
592
650
  "cxLiterals": [],
593
- "internalComponents": ["Comp"],
651
+ "internalComponents": [],
594
652
  "internalComponentProps": {},
595
653
  "propToVariantKeys": {},
596
654
  "motionVarPrefixes": []
597
655
  };
598
- var AvoidMotionLibraryProvider = {
599
- "name": "AvoidMotionLibraryProvider",
656
+ var Modal = {
657
+ "name": "Modal",
658
+ "defaultProps": {},
659
+ "getStylesLiterals": {},
660
+ "cxLiterals": [
661
+ "inset-8",
662
+ "top-[250px]",
663
+ "z-50",
664
+ "mx-auto",
665
+ "h-fit",
666
+ "w-[600px]",
667
+ "origin-center",
668
+ "scale-95",
669
+ "opacity-0",
670
+ "transition",
671
+ "duration-150",
672
+ "data-[enter]:scale-100",
673
+ "data-[enter]:opacity-100",
674
+ "data-[enter]:bg-primary",
675
+ "backdrop-blur-0",
676
+ "data-[enter]:opacity-60",
677
+ "data-[enter]:backdrop-blur-sm"
678
+ ],
679
+ "internalComponents": [
680
+ "IconButton",
681
+ "Dialog",
682
+ "HStack",
683
+ "Text",
684
+ "VStack"
685
+ ],
686
+ "internalComponentProps": {
687
+ "IconButton": {
688
+ "aria-label": ["Close"],
689
+ "size": ["sm"],
690
+ "variant": ["tertiary"]
691
+ },
692
+ "HStack": {
693
+ "alignItems": ["center"],
694
+ "justifyContent": ["space-between"]
695
+ },
696
+ "Text": {
697
+ "variant": ["headline1"],
698
+ "color": ["primary"]
699
+ },
700
+ "VStack": {
701
+ "borderRadius": ["md"],
702
+ "position": ["fixed"],
703
+ "backgroundColor": ["primary"],
704
+ "dropShadow": ["md"],
705
+ "spacing": ["8"],
706
+ "overflow": ["hidden"]
707
+ }
708
+ },
709
+ "propToVariantKeys": { "handleClose": ["onClick"] },
710
+ "motionVarPrefixes": []
711
+ };
712
+ var Popover = {
713
+ "name": "Popover",
600
714
  "defaultProps": {},
601
715
  "getStylesLiterals": {},
602
716
  "cxLiterals": [],
603
- "internalComponents": [],
604
- "internalComponentProps": {},
717
+ "internalComponents": [
718
+ "HStack",
719
+ "Text",
720
+ "OriginalPopoverHeading"
721
+ ],
722
+ "internalComponentProps": { "Text": {
723
+ "variant": ["headline1"],
724
+ "color": ["primary"]
725
+ } },
605
726
  "propToVariantKeys": {},
606
727
  "motionVarPrefixes": []
607
728
  };
@@ -663,23 +784,6 @@ var SegmentedControl = {
663
784
  },
664
785
  "motionVarPrefixes": []
665
786
  };
666
- var Popover = {
667
- "name": "Popover",
668
- "defaultProps": {},
669
- "getStylesLiterals": {},
670
- "cxLiterals": [],
671
- "internalComponents": [
672
- "HStack",
673
- "Text",
674
- "OriginalPopoverHeading"
675
- ],
676
- "internalComponentProps": { "Text": {
677
- "variant": ["headline1"],
678
- "color": ["primary"]
679
- } },
680
- "propToVariantKeys": {},
681
- "motionVarPrefixes": []
682
- };
683
787
  var SwitchV2 = {
684
788
  "name": "SwitchV2",
685
789
  "defaultProps": {
@@ -817,109 +921,37 @@ var Tabs = {
817
921
  "propToVariantKeys": {},
818
922
  "motionVarPrefixes": []
819
923
  };
820
- var Modal = {
821
- "name": "Modal",
924
+ var Avatar = {
925
+ "name": "Avatar",
822
926
  "defaultProps": {},
823
927
  "getStylesLiterals": {},
824
- "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"
842
- ],
843
- "internalComponents": [
844
- "IconButton",
845
- "Dialog",
846
- "HStack",
847
- "Text",
848
- "VStack"
849
- ],
850
- "internalComponentProps": {
851
- "IconButton": {
852
- "aria-label": ["Close"],
853
- "size": ["sm"],
854
- "variant": ["tertiary"]
855
- },
856
- "HStack": {
857
- "alignItems": ["center"],
858
- "justifyContent": ["space-between"]
859
- },
860
- "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"]
871
- }
872
- },
873
- "propToVariantKeys": { "handleClose": ["onClick"] },
928
+ "cxLiterals": [],
929
+ "internalComponents": ["AvatarImage"],
930
+ "internalComponentProps": {},
931
+ "propToVariantKeys": {},
874
932
  "motionVarPrefixes": []
875
933
  };
876
- var Accordion = {
877
- "name": "Accordion",
934
+ var AvatarIcon = {
935
+ "name": "AvatarIcon",
878
936
  "defaultProps": {
879
- "spacingHorizontal": "4",
880
- "spacingVertical": "4"
937
+ "size": "md",
938
+ "variant": "primary"
881
939
  },
882
940
  "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"
941
+ "cxLiterals": [
942
+ "overflow-hidden",
943
+ "w-full",
944
+ "h-full",
945
+ "shrink-0",
946
+ "text-center",
947
+ "inline-flex",
948
+ "justify-center",
949
+ "items-center"
892
950
  ],
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-"]
951
+ "internalComponents": ["IconSlot", "Box"],
952
+ "internalComponentProps": {},
953
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
954
+ "motionVarPrefixes": []
923
955
  };
924
956
  var AvatarImage = {
925
957
  "name": "AvatarImage",
@@ -978,65 +1010,6 @@ var AvatarText = {
978
1010
  "propToVariantKeys": {},
979
1011
  "motionVarPrefixes": []
980
1012
  };
981
- var Avatar = {
982
- "name": "Avatar",
983
- "defaultProps": {},
984
- "getStylesLiterals": {},
985
- "cxLiterals": [],
986
- "internalComponents": ["AvatarImage"],
987
- "internalComponentProps": {},
988
- "propToVariantKeys": {},
989
- "motionVarPrefixes": []
990
- };
991
- var AvatarIcon = {
992
- "name": "AvatarIcon",
993
- "defaultProps": {
994
- "size": "md",
995
- "variant": "primary"
996
- },
997
- "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"],
1009
- "internalComponentProps": {},
1010
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1011
- "motionVarPrefixes": []
1012
- };
1013
- var BottomSheetContent = {
1014
- "name": "BottomSheetContent",
1015
- "defaultProps": {},
1016
- "getStylesLiterals": {},
1017
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1018
- "internalComponents": ["Box", "VStack"],
1019
- "internalComponentProps": {
1020
- "Box": {
1021
- "display": ["block"],
1022
- "overflowY": ["auto"],
1023
- "flex": ["1"]
1024
- },
1025
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1026
- },
1027
- "propToVariantKeys": {},
1028
- "motionVarPrefixes": []
1029
- };
1030
- var BottomSheetDismiss = {
1031
- "name": "BottomSheetDismiss",
1032
- "defaultProps": {},
1033
- "getStylesLiterals": {},
1034
- "cxLiterals": [],
1035
- "internalComponents": ["AriakitDialogDismiss"],
1036
- "internalComponentProps": {},
1037
- "propToVariantKeys": {},
1038
- "motionVarPrefixes": []
1039
- };
1040
1013
  var BottomSheet = {
1041
1014
  "name": "BottomSheet",
1042
1015
  "defaultProps": { "variant": "default" },
@@ -1076,6 +1049,33 @@ var BottomSheet = {
1076
1049
  "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1077
1050
  "motionVarPrefixes": []
1078
1051
  };
1052
+ var BottomSheetContent = {
1053
+ "name": "BottomSheetContent",
1054
+ "defaultProps": {},
1055
+ "getStylesLiterals": {},
1056
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1057
+ "internalComponents": ["Box", "VStack"],
1058
+ "internalComponentProps": {
1059
+ "Box": {
1060
+ "display": ["block"],
1061
+ "overflowY": ["auto"],
1062
+ "flex": ["1"]
1063
+ },
1064
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1065
+ },
1066
+ "propToVariantKeys": {},
1067
+ "motionVarPrefixes": []
1068
+ };
1069
+ var BottomSheetDismiss = {
1070
+ "name": "BottomSheetDismiss",
1071
+ "defaultProps": {},
1072
+ "getStylesLiterals": {},
1073
+ "cxLiterals": [],
1074
+ "internalComponents": ["AriakitDialogDismiss"],
1075
+ "internalComponentProps": {},
1076
+ "propToVariantKeys": {},
1077
+ "motionVarPrefixes": []
1078
+ };
1079
1079
  var BottomSheetHandle = {
1080
1080
  "name": "BottomSheetHandle",
1081
1081
  "defaultProps": {},
@@ -1133,22 +1133,22 @@ var BottomSheetHeader = {
1133
1133
  "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1134
1134
  "motionVarPrefixes": []
1135
1135
  };
1136
- var BottomSheetTrigger = {
1137
- "name": "BottomSheetTrigger",
1136
+ var BottomSheetProvider = {
1137
+ "name": "BottomSheetProvider",
1138
1138
  "defaultProps": {},
1139
1139
  "getStylesLiterals": {},
1140
1140
  "cxLiterals": [],
1141
- "internalComponents": ["AriakitDialogDisclosure"],
1141
+ "internalComponents": ["AriakitDialogProvider"],
1142
1142
  "internalComponentProps": {},
1143
1143
  "propToVariantKeys": {},
1144
1144
  "motionVarPrefixes": []
1145
1145
  };
1146
- var BottomSheetProvider = {
1147
- "name": "BottomSheetProvider",
1146
+ var BottomSheetTrigger = {
1147
+ "name": "BottomSheetTrigger",
1148
1148
  "defaultProps": {},
1149
1149
  "getStylesLiterals": {},
1150
1150
  "cxLiterals": [],
1151
- "internalComponents": ["AriakitDialogProvider"],
1151
+ "internalComponents": ["AriakitDialogDisclosure"],
1152
1152
  "internalComponentProps": {},
1153
1153
  "propToVariantKeys": {},
1154
1154
  "motionVarPrefixes": []
@@ -1163,174 +1163,114 @@ var UDSBottomSheetConfigProvider = {
1163
1163
  "propToVariantKeys": {},
1164
1164
  "motionVarPrefixes": []
1165
1165
  };
1166
- var UDSToastConfigProvider = {
1167
- "name": "UDSToastConfigProvider",
1166
+ var Chip = {
1167
+ "name": "Chip",
1168
1168
  "defaultProps": {},
1169
1169
  "getStylesLiterals": {},
1170
1170
  "cxLiterals": [],
1171
- "internalComponents": ["ToastContext.Provider"],
1171
+ "internalComponents": [
1172
+ "ChipDismissible",
1173
+ "ChipToggle",
1174
+ "ChipLink",
1175
+ "ChipButton"
1176
+ ],
1172
1177
  "internalComponentProps": {},
1173
1178
  "propToVariantKeys": {},
1174
1179
  "motionVarPrefixes": []
1175
1180
  };
1176
- var Toast = {
1177
- "name": "Toast",
1178
- "defaultProps": {},
1179
- "getStylesLiterals": {
1180
- "className": "flex-none",
1181
- "spacing": "2",
1182
- "borderRadius": "full"
1181
+ var ChipBase = {
1182
+ "name": "ChipBase",
1183
+ "defaultProps": {
1184
+ "size": "md",
1185
+ "as": "div"
1183
1186
  },
1187
+ "getStylesLiterals": {},
1184
1188
  "cxLiterals": [
1185
- "transition-[background-color]",
1186
- "bg-carbon-15/0",
1187
- "hover:bg-carbon-15/10",
1188
- "active:bg-carbon-15/15",
1189
- "uds-ring"
1189
+ "pointer-events-none",
1190
+ "cursor-default",
1191
+ "opacity-50",
1192
+ "inline-flex",
1193
+ "items-center",
1194
+ "transition-[background-color,outline-color,box-shadow]",
1195
+ "truncate",
1196
+ "whitespace-nowrap",
1197
+ "text-center",
1198
+ "flex-1"
1190
1199
  ],
1191
1200
  "internalComponents": [
1192
1201
  "IconSlot",
1193
- "ToastContainer",
1194
- "Text",
1195
- "Button",
1196
- "Pressable"
1202
+ "HStack",
1203
+ "As",
1204
+ "Text"
1197
1205
  ],
1198
- "internalComponentProps": {},
1199
- "propToVariantKeys": {
1200
- "size": [
1201
- "toastSizeLabel",
1202
- "toastSizeIcon",
1203
- "toastSizeActionButton",
1204
- "toastSizeCloseIcon"
1205
- ],
1206
- "variant": [
1207
- "toastVariantIcon",
1208
- "toastVariantActionButton",
1209
- "toastVariantCloseIcon"
1210
- ],
1211
- "closeIcon": ["icon"],
1212
- "onClickActionButton": ["onClick"]
1213
- },
1214
- "motionVarPrefixes": []
1215
- };
1216
- var ToastContainer = {
1217
- "name": "ToastContainer",
1218
- "defaultProps": {},
1219
- "getStylesLiterals": {
1220
- "position": "relative",
1221
- "alignItems": "center",
1222
- "display": "flex",
1223
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1224
- },
1225
- "cxLiterals": ["w-full"],
1226
- "internalComponents": ["HStack"],
1227
- "internalComponentProps": { "HStack": {
1228
- "alignItems": ["center"],
1229
- "justifyContent": ["space-between"],
1230
- "overflow": ["hidden"],
1231
- "position": ["relative"]
1206
+ "internalComponentProps": { "Text": {
1207
+ "as": ["span"],
1208
+ "color": ["current"],
1209
+ "variant": ["inherit"]
1232
1210
  } },
1233
1211
  "propToVariantKeys": {
1234
- "variant": ["toastVariantRoot"],
1235
- "size": ["toastSizeRoot"]
1212
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1213
+ "startIcon": ["icon"],
1214
+ "endIcon": ["icon"]
1236
1215
  },
1237
1216
  "motionVarPrefixes": []
1238
1217
  };
1239
- var ToastPortal = {
1240
- "name": "ToastPortal",
1241
- "defaultProps": {},
1242
- "getStylesLiterals": {},
1243
- "cxLiterals": [],
1244
- "internalComponents": ["ReactToastifyToastContainer"],
1245
- "internalComponentProps": {},
1246
- "propToVariantKeys": {},
1247
- "motionVarPrefixes": []
1248
- };
1249
- var UDSTooltipConfigProvider = {
1250
- "name": "UDSTooltipConfigProvider",
1251
- "defaultProps": {},
1218
+ var ChipButton = {
1219
+ "name": "ChipButton",
1220
+ "defaultProps": { "variant": "primary" },
1252
1221
  "getStylesLiterals": {},
1253
- "cxLiterals": [],
1254
- "internalComponents": ["TooltipContext.Provider"],
1255
- "internalComponentProps": {},
1256
- "propToVariantKeys": {},
1222
+ "cxLiterals": ["uds-ring"],
1223
+ "internalComponents": ["ChipBase"],
1224
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1225
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1257
1226
  "motionVarPrefixes": []
1258
1227
  };
1259
- var TooltipTrigger = {
1260
- "name": "TooltipTrigger",
1261
- "defaultProps": {},
1228
+ var ChipDismissible = {
1229
+ "name": "ChipDismissible",
1230
+ "defaultProps": { "variant": "primary" },
1262
1231
  "getStylesLiterals": {},
1263
- "cxLiterals": [],
1264
- "internalComponents": ["TooltipAnchor"],
1265
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1266
- "propToVariantKeys": { "children": ["render"] },
1267
- "motionVarPrefixes": []
1268
- };
1269
- var TooltipContent = {
1270
- "name": "TooltipContent",
1271
- "defaultProps": {},
1272
- "getStylesLiterals": {
1273
- "tooltipSizeRoot": "default",
1274
- "tooltipVariantRoot": "default",
1275
- "tooltipSizeSvg": "default",
1276
- "tooltipVariantSvg": "default",
1277
- "tooltipVariantBlur": "default",
1278
- "position": "absolute",
1279
- "width": "full",
1280
- "height": "full",
1281
- "tooltipSizeTitle": "default",
1282
- "tooltipSizeBody": "default",
1283
- "tooltipSizeEndContent": "default",
1284
- "tooltipSizeIcon": "default",
1285
- "tooltipVariantIcon": "default"
1286
- },
1287
1232
  "cxLiterals": [
1288
- "flex",
1289
- "z-[9999]",
1290
- "stroke-1",
1291
- "uds-bgBlurFillFallback",
1292
- "uds-bgBlurFallback",
1293
- "top-0",
1294
- "left-0",
1295
- "z-[1]",
1296
- "transition-opacity",
1297
- "ease-in-out",
1298
- "absolute",
1299
- "w-full",
1300
- "h-full",
1301
- "overflow-visible",
1302
- "pointer-events-none",
1303
- "z-[2]"
1233
+ "uds-chip-dismissible-button",
1234
+ "uds-hit-target",
1235
+ "uds-ring",
1236
+ "rounded-full"
1304
1237
  ],
1305
1238
  "internalComponents": [
1306
- "Box",
1239
+ "ChipBase",
1307
1240
  "IconSlot",
1308
- "TooltipArrow",
1309
- "Tooltip",
1310
- "Fragment",
1311
- "Text"
1241
+ "Pressable"
1312
1242
  ],
1313
- "internalComponentProps": {
1314
- "Box": {
1315
- "position": ["relative"],
1316
- "flexDirection": ["column"],
1317
- "className": ["z-[3] gap-[inherit]"],
1318
- "alignItems": ["center"],
1319
- "columnGap": ["1", "1.5"]
1320
- },
1321
- "Text": { "color": ["inherit"] }
1243
+ "internalComponentProps": {},
1244
+ "propToVariantKeys": {
1245
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1246
+ "dismissButtonAriaLabel": ["aria-label"]
1322
1247
  },
1323
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1324
1248
  "motionVarPrefixes": []
1325
1249
  };
1326
- var Tooltip = {
1327
- "name": "Tooltip",
1328
- "defaultProps": {},
1250
+ var ChipLink = {
1251
+ "name": "ChipLink",
1252
+ "defaultProps": { "variant": "primary" },
1329
1253
  "getStylesLiterals": {},
1330
- "cxLiterals": [],
1331
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1332
- "internalComponentProps": {},
1333
- "propToVariantKeys": {},
1254
+ "cxLiterals": ["uds-ring"],
1255
+ "internalComponents": ["ChipBase"],
1256
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1257
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1258
+ "motionVarPrefixes": []
1259
+ };
1260
+ var ChipToggle = {
1261
+ "name": "ChipToggle",
1262
+ "defaultProps": {
1263
+ "variant": "primary",
1264
+ "role": "checkbox"
1265
+ },
1266
+ "getStylesLiterals": {
1267
+ "chipToggleVariantActiveRoot": "on",
1268
+ "chipToggleVariantActiveRoot:1": "off"
1269
+ },
1270
+ "cxLiterals": ["uds-ring"],
1271
+ "internalComponents": ["ChipBase"],
1272
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1273
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1334
1274
  "motionVarPrefixes": []
1335
1275
  };
1336
1276
  var Input = {
@@ -1453,55 +1393,6 @@ var InputHelpTextInternal = {
1453
1393
  },
1454
1394
  "motionVarPrefixes": []
1455
1395
  };
1456
- var UDSConfigProvider = {
1457
- "name": "UDSConfigProvider",
1458
- "defaultProps": {},
1459
- "getStylesLiterals": {},
1460
- "cxLiterals": [],
1461
- "internalComponents": [
1462
- "UDSBreakpointsConfigProvider",
1463
- "UDSBottomSheetConfigProvider",
1464
- "UDSToastConfigProvider",
1465
- "UDSTooltipConfigProvider"
1466
- ],
1467
- "internalComponentProps": {},
1468
- "propToVariantKeys": {},
1469
- "motionVarPrefixes": []
1470
- };
1471
- var UDSBreakpointsConfigProvider = {
1472
- "name": "UDSBreakpointsConfigProvider",
1473
- "defaultProps": {},
1474
- "getStylesLiterals": {},
1475
- "cxLiterals": [],
1476
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1477
- "internalComponentProps": {},
1478
- "propToVariantKeys": {},
1479
- "motionVarPrefixes": []
1480
- };
1481
- var RadioGroupStore = {
1482
- "name": "RadioGroupStore",
1483
- "defaultProps": {},
1484
- "getStylesLiterals": {},
1485
- "cxLiterals": [],
1486
- "internalComponents": [],
1487
- "internalComponentProps": {},
1488
- "propToVariantKeys": {},
1489
- "motionVarPrefixes": []
1490
- };
1491
- var RadioGroupProvider = {
1492
- "name": "RadioGroupProvider",
1493
- "defaultProps": {},
1494
- "getStylesLiterals": {},
1495
- "cxLiterals": [],
1496
- "internalComponents": [
1497
- "DivProps",
1498
- "Comp",
1499
- "RadioGroupContext.Provider"
1500
- ],
1501
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1502
- "propToVariantKeys": {},
1503
- "motionVarPrefixes": []
1504
- };
1505
1396
  var Radio = {
1506
1397
  "name": "Radio",
1507
1398
  "defaultProps": {
@@ -1582,114 +1473,79 @@ var Radio = {
1582
1473
  },
1583
1474
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1584
1475
  };
1585
- var ChipLink = {
1586
- "name": "ChipLink",
1587
- "defaultProps": { "variant": "primary" },
1476
+ var RadioGroupProvider = {
1477
+ "name": "RadioGroupProvider",
1478
+ "defaultProps": {},
1588
1479
  "getStylesLiterals": {},
1589
- "cxLiterals": ["uds-ring"],
1590
- "internalComponents": ["ChipBase"],
1591
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1592
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1480
+ "cxLiterals": [],
1481
+ "internalComponents": [
1482
+ "DivProps",
1483
+ "Comp",
1484
+ "RadioGroupContext.Provider"
1485
+ ],
1486
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1487
+ "propToVariantKeys": {},
1593
1488
  "motionVarPrefixes": []
1594
1489
  };
1595
- var ChipDismissible = {
1596
- "name": "ChipDismissible",
1597
- "defaultProps": { "variant": "primary" },
1598
- "getStylesLiterals": {},
1599
- "cxLiterals": [
1600
- "uds-chip-dismissible-button",
1601
- "uds-hit-target",
1602
- "uds-ring",
1603
- "rounded-full"
1604
- ],
1605
- "internalComponents": [
1606
- "ChipBase",
1607
- "IconSlot",
1608
- "Pressable"
1609
- ],
1610
- "internalComponentProps": {},
1611
- "propToVariantKeys": {
1612
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1613
- "dismissButtonAriaLabel": ["aria-label"]
1614
- },
1615
- "motionVarPrefixes": []
1616
- };
1617
- var ChipToggle = {
1618
- "name": "ChipToggle",
1619
- "defaultProps": {
1620
- "variant": "primary",
1621
- "role": "checkbox"
1622
- },
1623
- "getStylesLiterals": {
1624
- "chipToggleVariantActiveRoot": "on",
1625
- "chipToggleVariantActiveRoot:1": "off"
1626
- },
1627
- "cxLiterals": ["uds-ring"],
1628
- "internalComponents": ["ChipBase"],
1629
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1630
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1631
- "motionVarPrefixes": []
1632
- };
1633
- var Chip = {
1634
- "name": "Chip",
1490
+ var RadioGroupStore = {
1491
+ "name": "RadioGroupStore",
1635
1492
  "defaultProps": {},
1636
1493
  "getStylesLiterals": {},
1637
1494
  "cxLiterals": [],
1638
- "internalComponents": [
1639
- "ChipDismissible",
1640
- "ChipToggle",
1641
- "ChipLink",
1642
- "ChipButton"
1643
- ],
1495
+ "internalComponents": [],
1644
1496
  "internalComponentProps": {},
1645
1497
  "propToVariantKeys": {},
1646
1498
  "motionVarPrefixes": []
1647
1499
  };
1648
- var ChipBase = {
1649
- "name": "ChipBase",
1500
+ var Menu_Content = {
1501
+ "name": "Menu.Content",
1650
1502
  "defaultProps": {
1651
- "size": "md",
1652
- "as": "div"
1503
+ "size": "default",
1504
+ "variant": "default",
1505
+ "gutter": "1"
1653
1506
  },
1654
1507
  "getStylesLiterals": {},
1655
1508
  "cxLiterals": [
1656
- "pointer-events-none",
1657
- "cursor-default",
1658
- "opacity-50",
1659
- "inline-flex",
1660
- "items-center",
1661
- "transition-[background-color,outline-color,box-shadow]",
1662
- "truncate",
1663
- "whitespace-nowrap",
1664
- "text-center",
1665
- "flex-1"
1509
+ "uds-menu-content",
1510
+ "transition-shadow",
1511
+ "duration-200",
1512
+ "ease-in-out",
1513
+ "min-w-60",
1514
+ "max-w-lg",
1515
+ "max-h-96",
1516
+ "overflow-auto",
1517
+ "uds-ring",
1518
+ "z-10",
1519
+ "group"
1666
1520
  ],
1667
1521
  "internalComponents": [
1668
- "IconSlot",
1669
- "HStack",
1670
- "As",
1671
- "Text"
1522
+ "AriakitMenu",
1523
+ "AnimatePresence",
1524
+ "MotionVStack"
1672
1525
  ],
1673
- "internalComponentProps": { "Text": {
1674
- "as": ["span"],
1675
- "color": ["current"],
1676
- "variant": ["inherit"]
1677
- } },
1526
+ "internalComponentProps": {},
1678
1527
  "propToVariantKeys": {
1679
- "size": ["chipSizeRoot", "chipSizeIcon"],
1680
- "startIcon": ["icon"],
1681
- "endIcon": ["icon"]
1528
+ "size": ["menucontentSizeRoot"],
1529
+ "variant": ["menucontentVariantRoot"]
1682
1530
  },
1683
1531
  "motionVarPrefixes": []
1684
1532
  };
1685
- var ChipButton = {
1686
- "name": "ChipButton",
1687
- "defaultProps": { "variant": "primary" },
1688
- "getStylesLiterals": {},
1689
- "cxLiterals": ["uds-ring"],
1690
- "internalComponents": ["ChipBase"],
1691
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1692
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1533
+ var Menu_Divider = {
1534
+ "name": "Menu.Divider",
1535
+ "defaultProps": {
1536
+ "role": "separator",
1537
+ "contentPosition": "start",
1538
+ "gap": "4"
1539
+ },
1540
+ "getStylesLiterals": {
1541
+ "menuitemDividerVariantRoot": "default",
1542
+ "menuitemDividerVariantText": "default",
1543
+ "menuitemDividerVariantLine": "default"
1544
+ },
1545
+ "cxLiterals": [],
1546
+ "internalComponents": ["DividerInternal"],
1547
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1548
+ "propToVariantKeys": {},
1693
1549
  "motionVarPrefixes": []
1694
1550
  };
1695
1551
  var Menu_Item = {
@@ -1712,16 +1568,6 @@ var Menu_Item = {
1712
1568
  "propToVariantKeys": {},
1713
1569
  "motionVarPrefixes": []
1714
1570
  };
1715
- var Menu_Provider = {
1716
- "name": "Menu.Provider",
1717
- "defaultProps": {},
1718
- "getStylesLiterals": {},
1719
- "cxLiterals": [],
1720
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1721
- "internalComponentProps": {},
1722
- "propToVariantKeys": {},
1723
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1724
- };
1725
1571
  var Menu_ItemBase = {
1726
1572
  "name": "Menu.ItemBase",
1727
1573
  "defaultProps": {
@@ -1777,6 +1623,39 @@ var Menu_ItemBase = {
1777
1623
  },
1778
1624
  "motionVarPrefixes": []
1779
1625
  };
1626
+ var Menu_ItemCheckbox = {
1627
+ "name": "Menu.ItemCheckbox",
1628
+ "defaultProps": {},
1629
+ "getStylesLiterals": {
1630
+ "menuitemItemCheckboxVariantRoot": "default",
1631
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1632
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1633
+ "menuitemItemCheckboxVariantText": "default",
1634
+ "menuitemItemCheckboxVariantActiveText": "on",
1635
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1636
+ "menuitemItemCheckboxVariantStartIcon": "default",
1637
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1638
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1639
+ "menuitemItemCheckboxVariantEndIcon": "default",
1640
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1641
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1642
+ },
1643
+ "cxLiterals": ["uds-menu-item-checkbox"],
1644
+ "internalComponents": ["MenuItemBase"],
1645
+ "internalComponentProps": {},
1646
+ "propToVariantKeys": {},
1647
+ "motionVarPrefixes": []
1648
+ };
1649
+ var Menu_Provider = {
1650
+ "name": "Menu.Provider",
1651
+ "defaultProps": {},
1652
+ "getStylesLiterals": {},
1653
+ "cxLiterals": [],
1654
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1655
+ "internalComponentProps": {},
1656
+ "propToVariantKeys": {},
1657
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1658
+ };
1780
1659
  var Menu_Trigger = {
1781
1660
  "name": "Menu.Trigger",
1782
1661
  "defaultProps": {},
@@ -1787,164 +1666,285 @@ var Menu_Trigger = {
1787
1666
  "propToVariantKeys": {},
1788
1667
  "motionVarPrefixes": []
1789
1668
  };
1790
- var Menu_Content = {
1791
- "name": "Menu.Content",
1792
- "defaultProps": {
1793
- "size": "default",
1794
- "variant": "default",
1795
- "gutter": "1"
1796
- },
1669
+ var Menu = {
1670
+ "name": "Menu",
1671
+ "defaultProps": {},
1797
1672
  "getStylesLiterals": {},
1673
+ "cxLiterals": [],
1674
+ "internalComponents": [],
1675
+ "internalComponentProps": {},
1676
+ "propToVariantKeys": {},
1677
+ "motionVarPrefixes": []
1678
+ };
1679
+ var Toast = {
1680
+ "name": "Toast",
1681
+ "defaultProps": {},
1682
+ "getStylesLiterals": {
1683
+ "className": "flex-none",
1684
+ "spacing": "2",
1685
+ "borderRadius": "full"
1686
+ },
1798
1687
  "cxLiterals": [
1799
- "uds-menu-content",
1800
- "transition-shadow",
1801
- "duration-200",
1802
- "ease-in-out",
1803
- "min-w-60",
1804
- "max-w-lg",
1805
- "max-h-96",
1806
- "overflow-auto",
1807
- "uds-ring",
1808
- "z-10",
1809
- "group"
1688
+ "transition-[background-color]",
1689
+ "bg-carbon-15/0",
1690
+ "hover:bg-carbon-15/10",
1691
+ "active:bg-carbon-15/15",
1692
+ "uds-ring"
1810
1693
  ],
1811
1694
  "internalComponents": [
1812
- "AriakitMenu",
1813
- "AnimatePresence",
1814
- "MotionVStack"
1695
+ "IconSlot",
1696
+ "ToastContainer",
1697
+ "Text",
1698
+ "Button",
1699
+ "Pressable"
1815
1700
  ],
1816
1701
  "internalComponentProps": {},
1817
1702
  "propToVariantKeys": {
1818
- "size": ["menucontentSizeRoot"],
1819
- "variant": ["menucontentVariantRoot"]
1703
+ "size": [
1704
+ "toastSizeLabel",
1705
+ "toastSizeIcon",
1706
+ "toastSizeActionButton",
1707
+ "toastSizeCloseIcon"
1708
+ ],
1709
+ "variant": [
1710
+ "toastVariantIcon",
1711
+ "toastVariantActionButton",
1712
+ "toastVariantCloseIcon"
1713
+ ],
1714
+ "closeIcon": ["icon"],
1715
+ "onClickActionButton": ["onClick"]
1820
1716
  },
1821
1717
  "motionVarPrefixes": []
1822
1718
  };
1823
- var Menu_Divider = {
1824
- "name": "Menu.Divider",
1825
- "defaultProps": {
1826
- "role": "separator",
1827
- "contentPosition": "start",
1828
- "gap": "4"
1829
- },
1719
+ var ToastContainer = {
1720
+ "name": "ToastContainer",
1721
+ "defaultProps": {},
1830
1722
  "getStylesLiterals": {
1831
- "menuitemDividerVariantRoot": "default",
1832
- "menuitemDividerVariantText": "default",
1833
- "menuitemDividerVariantLine": "default"
1723
+ "position": "relative",
1724
+ "alignItems": "center",
1725
+ "display": "flex",
1726
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1727
+ },
1728
+ "cxLiterals": ["w-full"],
1729
+ "internalComponents": ["HStack"],
1730
+ "internalComponentProps": { "HStack": {
1731
+ "alignItems": ["center"],
1732
+ "justifyContent": ["space-between"],
1733
+ "overflow": ["hidden"],
1734
+ "position": ["relative"]
1735
+ } },
1736
+ "propToVariantKeys": {
1737
+ "variant": ["toastVariantRoot"],
1738
+ "size": ["toastSizeRoot"]
1834
1739
  },
1740
+ "motionVarPrefixes": []
1741
+ };
1742
+ var ToastPortal = {
1743
+ "name": "ToastPortal",
1744
+ "defaultProps": {},
1745
+ "getStylesLiterals": {},
1835
1746
  "cxLiterals": [],
1836
- "internalComponents": ["DividerInternal"],
1837
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1747
+ "internalComponents": ["ReactToastifyToastContainer"],
1748
+ "internalComponentProps": {},
1838
1749
  "propToVariantKeys": {},
1839
1750
  "motionVarPrefixes": []
1840
1751
  };
1841
- var Menu = {
1842
- "name": "Menu",
1752
+ var UDSToastConfigProvider = {
1753
+ "name": "UDSToastConfigProvider",
1843
1754
  "defaultProps": {},
1844
1755
  "getStylesLiterals": {},
1845
1756
  "cxLiterals": [],
1846
- "internalComponents": [],
1757
+ "internalComponents": ["ToastContext.Provider"],
1847
1758
  "internalComponentProps": {},
1848
1759
  "propToVariantKeys": {},
1849
1760
  "motionVarPrefixes": []
1850
1761
  };
1851
- var Menu_ItemCheckbox = {
1852
- "name": "Menu.ItemCheckbox",
1762
+ var Tooltip = {
1763
+ "name": "Tooltip",
1764
+ "defaultProps": {},
1765
+ "getStylesLiterals": {},
1766
+ "cxLiterals": [],
1767
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1768
+ "internalComponentProps": {},
1769
+ "propToVariantKeys": {},
1770
+ "motionVarPrefixes": []
1771
+ };
1772
+ var TooltipContent = {
1773
+ "name": "TooltipContent",
1853
1774
  "defaultProps": {},
1854
1775
  "getStylesLiterals": {
1855
- "menuitemItemCheckboxVariantRoot": "default",
1856
- "menuitemItemCheckboxVariantActiveRoot": "on",
1857
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1858
- "menuitemItemCheckboxVariantText": "default",
1859
- "menuitemItemCheckboxVariantActiveText": "on",
1860
- "menuitemItemCheckboxVariantActiveText:1": "off",
1861
- "menuitemItemCheckboxVariantStartIcon": "default",
1862
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1863
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1864
- "menuitemItemCheckboxVariantEndIcon": "default",
1865
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1866
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1776
+ "tooltipSizeRoot": "default",
1777
+ "tooltipVariantRoot": "default",
1778
+ "tooltipSizeSvg": "default",
1779
+ "tooltipVariantSvg": "default",
1780
+ "tooltipVariantBlur": "default",
1781
+ "position": "absolute",
1782
+ "width": "full",
1783
+ "height": "full",
1784
+ "tooltipSizeTitle": "default",
1785
+ "tooltipSizeBody": "default",
1786
+ "tooltipSizeEndContent": "default",
1787
+ "tooltipSizeIcon": "default",
1788
+ "tooltipVariantIcon": "default"
1867
1789
  },
1868
- "cxLiterals": ["uds-menu-item-checkbox"],
1869
- "internalComponents": ["MenuItemBase"],
1790
+ "cxLiterals": [
1791
+ "flex",
1792
+ "z-[9999]",
1793
+ "stroke-1",
1794
+ "uds-bgBlurFillFallback",
1795
+ "uds-bgBlurFallback",
1796
+ "top-0",
1797
+ "left-0",
1798
+ "z-[1]",
1799
+ "transition-opacity",
1800
+ "ease-in-out",
1801
+ "absolute",
1802
+ "w-full",
1803
+ "h-full",
1804
+ "overflow-visible",
1805
+ "pointer-events-none",
1806
+ "z-[2]"
1807
+ ],
1808
+ "internalComponents": [
1809
+ "Box",
1810
+ "IconSlot",
1811
+ "TooltipArrow",
1812
+ "Tooltip",
1813
+ "Fragment",
1814
+ "Text"
1815
+ ],
1816
+ "internalComponentProps": {
1817
+ "Box": {
1818
+ "position": ["relative"],
1819
+ "flexDirection": ["column"],
1820
+ "className": ["z-[3] gap-[inherit]"],
1821
+ "alignItems": ["center"],
1822
+ "columnGap": ["1", "1.5"]
1823
+ },
1824
+ "Text": { "color": ["inherit"] }
1825
+ },
1826
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1827
+ "motionVarPrefixes": []
1828
+ };
1829
+ var TooltipTrigger = {
1830
+ "name": "TooltipTrigger",
1831
+ "defaultProps": {},
1832
+ "getStylesLiterals": {},
1833
+ "cxLiterals": [],
1834
+ "internalComponents": ["TooltipAnchor"],
1835
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1836
+ "propToVariantKeys": { "children": ["render"] },
1837
+ "motionVarPrefixes": []
1838
+ };
1839
+ var UDSTooltipConfigProvider = {
1840
+ "name": "UDSTooltipConfigProvider",
1841
+ "defaultProps": {},
1842
+ "getStylesLiterals": {},
1843
+ "cxLiterals": [],
1844
+ "internalComponents": ["TooltipContext.Provider"],
1845
+ "internalComponentProps": {},
1846
+ "propToVariantKeys": {},
1847
+ "motionVarPrefixes": []
1848
+ };
1849
+ var UDSBreakpointsConfigProvider = {
1850
+ "name": "UDSBreakpointsConfigProvider",
1851
+ "defaultProps": {},
1852
+ "getStylesLiterals": {},
1853
+ "cxLiterals": [],
1854
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1855
+ "internalComponentProps": {},
1856
+ "propToVariantKeys": {},
1857
+ "motionVarPrefixes": []
1858
+ };
1859
+ var UDSConfigProvider = {
1860
+ "name": "UDSConfigProvider",
1861
+ "defaultProps": {},
1862
+ "getStylesLiterals": {},
1863
+ "cxLiterals": [],
1864
+ "internalComponents": [
1865
+ "UDSBreakpointsConfigProvider",
1866
+ "UDSBottomSheetConfigProvider",
1867
+ "UDSToastConfigProvider",
1868
+ "UDSTooltipConfigProvider"
1869
+ ],
1870
1870
  "internalComponentProps": {},
1871
1871
  "propToVariantKeys": {},
1872
1872
  "motionVarPrefixes": []
1873
1873
  };
1874
1874
  var componentData_default = {
1875
- Link,
1876
- VStack,
1877
1875
  Box,
1878
- Scrim,
1879
- Icon,
1880
1876
  FormLabel,
1881
- Text,
1882
- IconSlot,
1883
1877
  HStack,
1878
+ Icon,
1879
+ IconSlot,
1884
1880
  Image,
1885
- "Table.mocks": Table_mocks,
1886
- Table,
1887
- Spinner,
1881
+ Link,
1882
+ Scrim,
1883
+ Text,
1884
+ VStack,
1885
+ Divider,
1888
1886
  DividerCore,
1889
1887
  DividerInternal,
1890
- Divider,
1888
+ Spinner,
1889
+ "Table.mocks": Table_mocks,
1890
+ Table,
1891
+ AnimateHeightChange,
1892
+ Badge,
1891
1893
  Button,
1892
1894
  Checkbox,
1893
- SpringMotionConfig,
1894
1895
  IconButton,
1895
- Switch,
1896
- Badge,
1897
- AnimateHeightChange,
1898
1896
  Pressable,
1897
+ SpringMotionConfig,
1898
+ Switch,
1899
+ Accordion,
1899
1900
  AvoidMotionLibraryProvider,
1900
- SegmentedControl,
1901
+ Modal,
1901
1902
  Popover,
1903
+ SegmentedControl,
1902
1904
  SwitchV2,
1903
1905
  Tabs,
1904
- Modal,
1905
- Accordion,
1906
- AvatarImage,
1907
- AvatarText,
1908
1906
  Avatar,
1909
1907
  AvatarIcon,
1908
+ AvatarImage,
1909
+ AvatarText,
1910
+ BottomSheet,
1910
1911
  BottomSheetContent,
1911
1912
  BottomSheetDismiss,
1912
- BottomSheet,
1913
1913
  BottomSheetHandle,
1914
1914
  BottomSheetHeader,
1915
- BottomSheetTrigger,
1916
1915
  BottomSheetProvider,
1916
+ BottomSheetTrigger,
1917
1917
  UDSBottomSheetConfigProvider,
1918
- UDSToastConfigProvider,
1919
- Toast,
1920
- ToastContainer,
1921
- ToastPortal,
1922
- UDSTooltipConfigProvider,
1923
- TooltipTrigger,
1924
- TooltipContent,
1925
- Tooltip,
1918
+ Chip,
1919
+ ChipBase,
1920
+ ChipButton,
1921
+ ChipDismissible,
1922
+ ChipLink,
1923
+ ChipToggle,
1926
1924
  Input,
1927
1925
  InputHelpText,
1928
1926
  InputHelpTextInternal,
1929
- UDSConfigProvider,
1930
- UDSBreakpointsConfigProvider,
1931
- RadioGroupStore,
1932
- RadioGroupProvider,
1933
1927
  Radio,
1934
- ChipLink,
1935
- ChipDismissible,
1936
- ChipToggle,
1937
- Chip,
1938
- ChipBase,
1939
- ChipButton,
1928
+ RadioGroupProvider,
1929
+ RadioGroupStore,
1930
+ "Menu.Content": Menu_Content,
1931
+ "Menu.Divider": Menu_Divider,
1940
1932
  "Menu.Item": Menu_Item,
1941
- "Menu.Provider": Menu_Provider,
1942
1933
  "Menu.ItemBase": Menu_ItemBase,
1934
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
1935
+ "Menu.Provider": Menu_Provider,
1943
1936
  "Menu.Trigger": Menu_Trigger,
1944
- "Menu.Content": Menu_Content,
1945
- "Menu.Divider": Menu_Divider,
1946
1937
  Menu,
1947
- "Menu.ItemCheckbox": Menu_ItemCheckbox
1938
+ Toast,
1939
+ ToastContainer,
1940
+ ToastPortal,
1941
+ UDSToastConfigProvider,
1942
+ Tooltip,
1943
+ TooltipContent,
1944
+ TooltipTrigger,
1945
+ UDSTooltipConfigProvider,
1946
+ UDSBreakpointsConfigProvider,
1947
+ UDSConfigProvider
1948
1948
  };
1949
1949
 
1950
1950
  //#endregion