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