@yahoo/uds 3.115.0 → 3.115.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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,52 +1393,182 @@ var InputHelpTextInternal = {
1453
1393
  },
1454
1394
  "motionVarPrefixes": []
1455
1395
  };
1456
- var UDSConfigProvider = {
1457
- "name": "UDSConfigProvider",
1458
- "defaultProps": {},
1396
+ var Menu_Content = {
1397
+ "name": "Menu.Content",
1398
+ "defaultProps": {
1399
+ "size": "default",
1400
+ "variant": "default",
1401
+ "gutter": "1"
1402
+ },
1459
1403
  "getStylesLiterals": {},
1460
- "cxLiterals": [],
1404
+ "cxLiterals": [
1405
+ "uds-menu-content",
1406
+ "transition-shadow",
1407
+ "duration-200",
1408
+ "ease-in-out",
1409
+ "min-w-60",
1410
+ "max-w-lg",
1411
+ "max-h-96",
1412
+ "overflow-auto",
1413
+ "uds-ring",
1414
+ "z-10",
1415
+ "group"
1416
+ ],
1461
1417
  "internalComponents": [
1462
- "UDSBreakpointsConfigProvider",
1463
- "UDSBottomSheetConfigProvider",
1464
- "UDSToastConfigProvider",
1465
- "UDSTooltipConfigProvider"
1418
+ "AriakitMenu",
1419
+ "AnimatePresence",
1420
+ "MotionVStack"
1466
1421
  ],
1467
1422
  "internalComponentProps": {},
1423
+ "propToVariantKeys": {
1424
+ "size": ["menucontentSizeRoot"],
1425
+ "variant": ["menucontentVariantRoot"]
1426
+ },
1427
+ "motionVarPrefixes": []
1428
+ };
1429
+ var Menu_Divider = {
1430
+ "name": "Menu.Divider",
1431
+ "defaultProps": {
1432
+ "role": "separator",
1433
+ "contentPosition": "start",
1434
+ "gap": "4"
1435
+ },
1436
+ "getStylesLiterals": {
1437
+ "menuitemDividerVariantRoot": "default",
1438
+ "menuitemDividerVariantText": "default",
1439
+ "menuitemDividerVariantLine": "default"
1440
+ },
1441
+ "cxLiterals": [],
1442
+ "internalComponents": ["DividerInternal"],
1443
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1468
1444
  "propToVariantKeys": {},
1469
1445
  "motionVarPrefixes": []
1470
1446
  };
1471
- var UDSBreakpointsConfigProvider = {
1472
- "name": "UDSBreakpointsConfigProvider",
1447
+ var Menu_Item = {
1448
+ "name": "Menu.Item",
1473
1449
  "defaultProps": {},
1474
- "getStylesLiterals": {},
1450
+ "getStylesLiterals": {
1451
+ "menuitemItemVariantRoot": "default",
1452
+ "menuitemItemVariantActiveRoot": "on",
1453
+ "menuitemItemVariantActiveRoot:1": "off",
1454
+ "menuitemItemVariantText": "default",
1455
+ "menuitemItemVariantActiveText": "on",
1456
+ "menuitemItemVariantActiveText:1": "off",
1457
+ "menuitemItemVariantIcon": "default",
1458
+ "menuitemItemVariantActiveIcon": "on",
1459
+ "menuitemItemVariantActiveIcon:1": "off"
1460
+ },
1475
1461
  "cxLiterals": [],
1476
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1462
+ "internalComponents": ["MenuItemBase"],
1477
1463
  "internalComponentProps": {},
1478
1464
  "propToVariantKeys": {},
1479
1465
  "motionVarPrefixes": []
1480
1466
  };
1481
- var RadioGroupStore = {
1482
- "name": "RadioGroupStore",
1467
+ var Menu_ItemBase = {
1468
+ "name": "Menu.ItemBase",
1469
+ "defaultProps": {
1470
+ "spacing": "0",
1471
+ "spacingHorizontal": "4",
1472
+ "spacingVertical": "3.5",
1473
+ "columnGap": "2",
1474
+ "alignItems": "center",
1475
+ "justifyContent": "space-between"
1476
+ },
1477
+ "getStylesLiterals": {
1478
+ "textAlign": "start",
1479
+ "menuitemSizeRoot": "default",
1480
+ "flexDirection": "row",
1481
+ "menuitemSizeStartIcon": "default",
1482
+ "menuitemSizeEndIcon": "default"
1483
+ },
1484
+ "cxLiterals": [
1485
+ "flex",
1486
+ "focus-visible:text-brand",
1487
+ "focus-visible:bg-brand-secondary",
1488
+ "focus-visible:z-10",
1489
+ "uds-ring",
1490
+ "!-outline-offset-2",
1491
+ "[&:not([aria-checked])]:cursor-default",
1492
+ "opacity-25",
1493
+ "cursor-not-allowed",
1494
+ "duration-20",
1495
+ "transition-[font-variation-settings]",
1496
+ "ease-in-out",
1497
+ "z-0",
1498
+ "uds-start-icon",
1499
+ "uds-end-icon"
1500
+ ],
1501
+ "internalComponents": [
1502
+ "Pressable",
1503
+ "IconSlot",
1504
+ "RootComponent",
1505
+ "HStack",
1506
+ "AnimatePresence"
1507
+ ],
1508
+ "internalComponentProps": {
1509
+ "HStack": {
1510
+ "alignItems": ["center"],
1511
+ "width": ["full"]
1512
+ },
1513
+ "AnimatePresence": { "mode": ["popLayout"] }
1514
+ },
1515
+ "propToVariantKeys": {
1516
+ "startIcon": ["icon"],
1517
+ "endIcon": ["icon"],
1518
+ "columnGap": ["gap"]
1519
+ },
1520
+ "motionVarPrefixes": []
1521
+ };
1522
+ var Menu_ItemCheckbox = {
1523
+ "name": "Menu.ItemCheckbox",
1524
+ "defaultProps": {},
1525
+ "getStylesLiterals": {
1526
+ "menuitemItemCheckboxVariantRoot": "default",
1527
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1528
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1529
+ "menuitemItemCheckboxVariantText": "default",
1530
+ "menuitemItemCheckboxVariantActiveText": "on",
1531
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1532
+ "menuitemItemCheckboxVariantStartIcon": "default",
1533
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1534
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1535
+ "menuitemItemCheckboxVariantEndIcon": "default",
1536
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1537
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1538
+ },
1539
+ "cxLiterals": ["uds-menu-item-checkbox"],
1540
+ "internalComponents": ["MenuItemBase"],
1541
+ "internalComponentProps": {},
1542
+ "propToVariantKeys": {},
1543
+ "motionVarPrefixes": []
1544
+ };
1545
+ var Menu_Provider = {
1546
+ "name": "Menu.Provider",
1483
1547
  "defaultProps": {},
1484
1548
  "getStylesLiterals": {},
1485
1549
  "cxLiterals": [],
1486
- "internalComponents": [],
1550
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1487
1551
  "internalComponentProps": {},
1488
1552
  "propToVariantKeys": {},
1553
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1554
+ };
1555
+ var Menu_Trigger = {
1556
+ "name": "Menu.Trigger",
1557
+ "defaultProps": {},
1558
+ "getStylesLiterals": {},
1559
+ "cxLiterals": ["uds-menu-trigger"],
1560
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1561
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1562
+ "propToVariantKeys": {},
1489
1563
  "motionVarPrefixes": []
1490
1564
  };
1491
- var RadioGroupProvider = {
1492
- "name": "RadioGroupProvider",
1565
+ var Menu = {
1566
+ "name": "Menu",
1493
1567
  "defaultProps": {},
1494
1568
  "getStylesLiterals": {},
1495
1569
  "cxLiterals": [],
1496
- "internalComponents": [
1497
- "DivProps",
1498
- "Comp",
1499
- "RadioGroupContext.Provider"
1500
- ],
1501
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1570
+ "internalComponents": [],
1571
+ "internalComponentProps": {},
1502
1572
  "propToVariantKeys": {},
1503
1573
  "motionVarPrefixes": []
1504
1574
  };
@@ -1582,369 +1652,299 @@ var Radio = {
1582
1652
  },
1583
1653
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1584
1654
  };
1585
- var ChipLink = {
1586
- "name": "ChipLink",
1587
- "defaultProps": { "variant": "primary" },
1655
+ var RadioGroupProvider = {
1656
+ "name": "RadioGroupProvider",
1657
+ "defaultProps": {},
1588
1658
  "getStylesLiterals": {},
1589
- "cxLiterals": ["uds-ring"],
1590
- "internalComponents": ["ChipBase"],
1591
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1592
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1659
+ "cxLiterals": [],
1660
+ "internalComponents": [
1661
+ "DivProps",
1662
+ "Comp",
1663
+ "RadioGroupContext.Provider"
1664
+ ],
1665
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1666
+ "propToVariantKeys": {},
1593
1667
  "motionVarPrefixes": []
1594
1668
  };
1595
- var ChipDismissible = {
1596
- "name": "ChipDismissible",
1597
- "defaultProps": { "variant": "primary" },
1669
+ var RadioGroupStore = {
1670
+ "name": "RadioGroupStore",
1671
+ "defaultProps": {},
1598
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
+ },
1599
1687
  "cxLiterals": [
1600
- "uds-chip-dismissible-button",
1601
- "uds-hit-target",
1602
- "uds-ring",
1603
- "rounded-full"
1688
+ "transition-[background-color]",
1689
+ "bg-carbon-15/0",
1690
+ "hover:bg-carbon-15/10",
1691
+ "active:bg-carbon-15/15",
1692
+ "uds-ring"
1604
1693
  ],
1605
1694
  "internalComponents": [
1606
- "ChipBase",
1607
1695
  "IconSlot",
1696
+ "ToastContainer",
1697
+ "Text",
1698
+ "Button",
1608
1699
  "Pressable"
1609
1700
  ],
1610
1701
  "internalComponentProps": {},
1611
1702
  "propToVariantKeys": {
1612
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1613
- "dismissButtonAriaLabel": ["aria-label"]
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"]
1614
1716
  },
1615
1717
  "motionVarPrefixes": []
1616
1718
  };
1617
- var ChipToggle = {
1618
- "name": "ChipToggle",
1619
- "defaultProps": {
1620
- "variant": "primary",
1621
- "role": "checkbox"
1622
- },
1719
+ var ToastContainer = {
1720
+ "name": "ToastContainer",
1721
+ "defaultProps": {},
1623
1722
  "getStylesLiterals": {
1624
- "chipToggleVariantActiveRoot": "on",
1625
- "chipToggleVariantActiveRoot:1": "off"
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"]
1626
1739
  },
1627
- "cxLiterals": ["uds-ring"],
1628
- "internalComponents": ["ChipBase"],
1629
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1630
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1631
1740
  "motionVarPrefixes": []
1632
1741
  };
1633
- var Chip = {
1634
- "name": "Chip",
1742
+ var ToastPortal = {
1743
+ "name": "ToastPortal",
1635
1744
  "defaultProps": {},
1636
1745
  "getStylesLiterals": {},
1637
1746
  "cxLiterals": [],
1638
- "internalComponents": [
1639
- "ChipDismissible",
1640
- "ChipToggle",
1641
- "ChipLink",
1642
- "ChipButton"
1643
- ],
1747
+ "internalComponents": ["ReactToastifyToastContainer"],
1644
1748
  "internalComponentProps": {},
1645
1749
  "propToVariantKeys": {},
1646
1750
  "motionVarPrefixes": []
1647
1751
  };
1648
- var ChipBase = {
1649
- "name": "ChipBase",
1650
- "defaultProps": {
1651
- "size": "md",
1652
- "as": "div"
1653
- },
1752
+ var UDSToastConfigProvider = {
1753
+ "name": "UDSToastConfigProvider",
1754
+ "defaultProps": {},
1654
1755
  "getStylesLiterals": {},
1655
- "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"
1666
- ],
1667
- "internalComponents": [
1668
- "IconSlot",
1669
- "HStack",
1670
- "As",
1671
- "Text"
1672
- ],
1673
- "internalComponentProps": { "Text": {
1674
- "as": ["span"],
1675
- "color": ["current"],
1676
- "variant": ["inherit"]
1677
- } },
1678
- "propToVariantKeys": {
1679
- "size": ["chipSizeRoot", "chipSizeIcon"],
1680
- "startIcon": ["icon"],
1681
- "endIcon": ["icon"]
1682
- },
1756
+ "cxLiterals": [],
1757
+ "internalComponents": ["ToastContext.Provider"],
1758
+ "internalComponentProps": {},
1759
+ "propToVariantKeys": {},
1683
1760
  "motionVarPrefixes": []
1684
1761
  };
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"] },
1693
- "motionVarPrefixes": []
1694
- };
1695
- var Menu_Item = {
1696
- "name": "Menu.Item",
1762
+ var Tooltip = {
1763
+ "name": "Tooltip",
1697
1764
  "defaultProps": {},
1698
- "getStylesLiterals": {
1699
- "menuitemItemVariantRoot": "default",
1700
- "menuitemItemVariantActiveRoot": "on",
1701
- "menuitemItemVariantActiveRoot:1": "off",
1702
- "menuitemItemVariantText": "default",
1703
- "menuitemItemVariantActiveText": "on",
1704
- "menuitemItemVariantActiveText:1": "off",
1705
- "menuitemItemVariantIcon": "default",
1706
- "menuitemItemVariantActiveIcon": "on",
1707
- "menuitemItemVariantActiveIcon:1": "off"
1708
- },
1765
+ "getStylesLiterals": {},
1709
1766
  "cxLiterals": [],
1710
- "internalComponents": ["MenuItemBase"],
1767
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1711
1768
  "internalComponentProps": {},
1712
1769
  "propToVariantKeys": {},
1713
1770
  "motionVarPrefixes": []
1714
1771
  };
1715
- var Menu_Provider = {
1716
- "name": "Menu.Provider",
1772
+ var TooltipContent = {
1773
+ "name": "TooltipContent",
1717
1774
  "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
- var Menu_ItemBase = {
1726
- "name": "Menu.ItemBase",
1727
- "defaultProps": {
1728
- "spacing": "0",
1729
- "spacingHorizontal": "4",
1730
- "spacingVertical": "3.5",
1731
- "columnGap": "2",
1732
- "alignItems": "center",
1733
- "justifyContent": "space-between"
1734
- },
1735
1775
  "getStylesLiterals": {
1736
- "textAlign": "start",
1737
- "menuitemSizeRoot": "default",
1738
- "flexDirection": "row",
1739
- "menuitemSizeStartIcon": "default",
1740
- "menuitemSizeEndIcon": "default"
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"
1741
1789
  },
1742
1790
  "cxLiterals": [
1743
1791
  "flex",
1744
- "focus-visible:text-brand",
1745
- "focus-visible:bg-brand-secondary",
1746
- "focus-visible:z-10",
1747
- "uds-ring",
1748
- "!-outline-offset-2",
1749
- "[&:not([aria-checked])]:cursor-default",
1750
- "opacity-25",
1751
- "cursor-not-allowed",
1752
- "duration-20",
1753
- "transition-[font-variation-settings]",
1792
+ "z-[9999]",
1793
+ "stroke-1",
1794
+ "uds-bgBlurFillFallback",
1795
+ "uds-bgBlurFallback",
1796
+ "top-0",
1797
+ "left-0",
1798
+ "z-[1]",
1799
+ "transition-opacity",
1754
1800
  "ease-in-out",
1755
- "z-0",
1756
- "uds-start-icon",
1757
- "uds-end-icon"
1801
+ "absolute",
1802
+ "w-full",
1803
+ "h-full",
1804
+ "overflow-visible",
1805
+ "pointer-events-none",
1806
+ "z-[2]"
1758
1807
  ],
1759
1808
  "internalComponents": [
1760
- "Pressable",
1809
+ "Box",
1761
1810
  "IconSlot",
1762
- "RootComponent",
1763
- "HStack",
1764
- "AnimatePresence"
1811
+ "TooltipArrow",
1812
+ "Tooltip",
1813
+ "Fragment",
1814
+ "Text"
1765
1815
  ],
1766
1816
  "internalComponentProps": {
1767
- "HStack": {
1817
+ "Box": {
1818
+ "position": ["relative"],
1819
+ "flexDirection": ["column"],
1820
+ "className": ["z-[3] gap-[inherit]"],
1768
1821
  "alignItems": ["center"],
1769
- "width": ["full"]
1822
+ "columnGap": ["1", "1.5"]
1770
1823
  },
1771
- "AnimatePresence": { "mode": ["popLayout"] }
1772
- },
1773
- "propToVariantKeys": {
1774
- "startIcon": ["icon"],
1775
- "endIcon": ["icon"],
1776
- "columnGap": ["gap"]
1824
+ "Text": { "color": ["inherit"] }
1777
1825
  },
1826
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1778
1827
  "motionVarPrefixes": []
1779
1828
  };
1780
- var Menu_Trigger = {
1781
- "name": "Menu.Trigger",
1829
+ var TooltipTrigger = {
1830
+ "name": "TooltipTrigger",
1782
1831
  "defaultProps": {},
1783
1832
  "getStylesLiterals": {},
1784
- "cxLiterals": ["uds-menu-trigger"],
1785
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1786
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1787
- "propToVariantKeys": {},
1833
+ "cxLiterals": [],
1834
+ "internalComponents": ["TooltipAnchor"],
1835
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1836
+ "propToVariantKeys": { "children": ["render"] },
1788
1837
  "motionVarPrefixes": []
1789
1838
  };
1790
- var Menu_Content = {
1791
- "name": "Menu.Content",
1792
- "defaultProps": {
1793
- "size": "default",
1794
- "variant": "default",
1795
- "gutter": "1"
1796
- },
1839
+ var UDSTooltipConfigProvider = {
1840
+ "name": "UDSTooltipConfigProvider",
1841
+ "defaultProps": {},
1797
1842
  "getStylesLiterals": {},
1798
- "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"
1810
- ],
1811
- "internalComponents": [
1812
- "AriakitMenu",
1813
- "AnimatePresence",
1814
- "MotionVStack"
1815
- ],
1816
- "internalComponentProps": {},
1817
- "propToVariantKeys": {
1818
- "size": ["menucontentSizeRoot"],
1819
- "variant": ["menucontentVariantRoot"]
1820
- },
1821
- "motionVarPrefixes": []
1822
- };
1823
- var Menu_Divider = {
1824
- "name": "Menu.Divider",
1825
- "defaultProps": {
1826
- "role": "separator",
1827
- "contentPosition": "start",
1828
- "gap": "4"
1829
- },
1830
- "getStylesLiterals": {
1831
- "menuitemDividerVariantRoot": "default",
1832
- "menuitemDividerVariantText": "default",
1833
- "menuitemDividerVariantLine": "default"
1834
- },
1835
1843
  "cxLiterals": [],
1836
- "internalComponents": ["DividerInternal"],
1837
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1844
+ "internalComponents": ["TooltipContext.Provider"],
1845
+ "internalComponentProps": {},
1838
1846
  "propToVariantKeys": {},
1839
1847
  "motionVarPrefixes": []
1840
1848
  };
1841
- var Menu = {
1842
- "name": "Menu",
1849
+ var UDSBreakpointsConfigProvider = {
1850
+ "name": "UDSBreakpointsConfigProvider",
1843
1851
  "defaultProps": {},
1844
1852
  "getStylesLiterals": {},
1845
1853
  "cxLiterals": [],
1846
- "internalComponents": [],
1854
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1847
1855
  "internalComponentProps": {},
1848
1856
  "propToVariantKeys": {},
1849
1857
  "motionVarPrefixes": []
1850
1858
  };
1851
- var Menu_ItemCheckbox = {
1852
- "name": "Menu.ItemCheckbox",
1859
+ var UDSConfigProvider = {
1860
+ "name": "UDSConfigProvider",
1853
1861
  "defaultProps": {},
1854
- "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"
1867
- },
1868
- "cxLiterals": ["uds-menu-item-checkbox"],
1869
- "internalComponents": ["MenuItemBase"],
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,
1926
- Input,
1927
- InputHelpText,
1928
- InputHelpTextInternal,
1929
- UDSConfigProvider,
1930
- UDSBreakpointsConfigProvider,
1931
- RadioGroupStore,
1932
- RadioGroupProvider,
1933
- Radio,
1934
- ChipLink,
1935
- ChipDismissible,
1936
- ChipToggle,
1937
1918
  Chip,
1938
1919
  ChipBase,
1939
1920
  ChipButton,
1921
+ ChipDismissible,
1922
+ ChipLink,
1923
+ ChipToggle,
1924
+ Input,
1925
+ InputHelpText,
1926
+ InputHelpTextInternal,
1927
+ "Menu.Content": Menu_Content,
1928
+ "Menu.Divider": Menu_Divider,
1940
1929
  "Menu.Item": Menu_Item,
1941
- "Menu.Provider": Menu_Provider,
1942
1930
  "Menu.ItemBase": Menu_ItemBase,
1931
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
1932
+ "Menu.Provider": Menu_Provider,
1943
1933
  "Menu.Trigger": Menu_Trigger,
1944
- "Menu.Content": Menu_Content,
1945
- "Menu.Divider": Menu_Divider,
1946
1934
  Menu,
1947
- "Menu.ItemCheckbox": Menu_ItemCheckbox
1935
+ Radio,
1936
+ RadioGroupProvider,
1937
+ RadioGroupStore,
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