@yahoo/uds 3.117.5 → 3.117.6

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,85 +1,5 @@
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
- };
83
3
  var Link = {
84
4
  "name": "Link",
85
5
  "defaultProps": { "variant": "primary" },
@@ -115,6 +35,34 @@ var Link = {
115
35
  },
116
36
  "motionVarPrefixes": []
117
37
  };
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
+ };
118
66
  var Scrim = {
119
67
  "name": "Scrim",
120
68
  "defaultProps": {
@@ -139,6 +87,20 @@ var Scrim = {
139
87
  "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
140
88
  "motionVarPrefixes": []
141
89
  };
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
+ };
142
104
  var SvgFloatingOverlay = {
143
105
  "name": "SvgFloatingOverlay",
144
106
  "defaultProps": {},
@@ -167,6 +129,24 @@ var SvgFloatingOverlay = {
167
129
  "propToVariantKeys": { "blurClassName": ["className"] },
168
130
  "motionVarPrefixes": []
169
131
  };
132
+ var FormLabel = {
133
+ "name": "FormLabel",
134
+ "defaultProps": {
135
+ "color": "muted",
136
+ "variant": "label3",
137
+ "as": "label"
138
+ },
139
+ "getStylesLiterals": {},
140
+ "cxLiterals": ["cursor-[inherit]"],
141
+ "internalComponents": ["Text"],
142
+ "internalComponentProps": { "Text": {
143
+ "as": ["sup"],
144
+ "variant": ["inherit"],
145
+ "spacingStart": ["0.5"]
146
+ } },
147
+ "propToVariantKeys": {},
148
+ "motionVarPrefixes": []
149
+ };
170
150
  var Text = {
171
151
  "name": "Text",
172
152
  "defaultProps": {
@@ -187,26 +167,95 @@ var Text = {
187
167
  ] },
188
168
  "motionVarPrefixes": []
189
169
  };
190
- var VStack = {
191
- "name": "VStack",
170
+ var IconSlot = {
171
+ "name": "IconSlot",
172
+ "defaultProps": {},
173
+ "getStylesLiterals": {},
174
+ "cxLiterals": [],
175
+ "internalComponents": ["Icon"],
176
+ "internalComponentProps": {},
177
+ "propToVariantKeys": {},
178
+ "motionVarPrefixes": []
179
+ };
180
+ var HStack = {
181
+ "name": "HStack",
192
182
  "defaultProps": {},
193
183
  "getStylesLiterals": {},
194
184
  "cxLiterals": [],
195
185
  "internalComponents": ["Box"],
196
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
197
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
186
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
187
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
198
188
  "motionVarPrefixes": []
199
189
  };
200
- var Divider = {
201
- "name": "Divider",
190
+ var Image = {
191
+ "name": "Image",
202
192
  "defaultProps": {},
203
193
  "getStylesLiterals": {},
204
194
  "cxLiterals": [],
205
- "internalComponents": ["DividerInternal"],
195
+ "internalComponents": [],
196
+ "internalComponentProps": {},
197
+ "propToVariantKeys": {},
198
+ "motionVarPrefixes": []
199
+ };
200
+ var Table_mocks = {
201
+ "name": "Table.mocks",
202
+ "defaultProps": {},
203
+ "getStylesLiterals": {},
204
+ "cxLiterals": [],
205
+ "internalComponents": [],
206
206
  "internalComponentProps": {},
207
207
  "propToVariantKeys": {},
208
208
  "motionVarPrefixes": []
209
209
  };
210
+ var Table = {
211
+ "name": "Table",
212
+ "defaultProps": {
213
+ "display": "table-cell",
214
+ "overflow": "hidden",
215
+ "borderColor": "muted",
216
+ "borderRadius": "md",
217
+ "spacing": "3",
218
+ "borderBottomColor": "muted",
219
+ "borderBottomWidth": "thin",
220
+ "color": "primary"
221
+ },
222
+ "getStylesLiterals": { "textAlign": "start" },
223
+ "cxLiterals": [],
224
+ "internalComponents": [
225
+ "CellComponent",
226
+ "Box",
227
+ "Text",
228
+ "Table.Root",
229
+ "Table.Header",
230
+ "Table.Row",
231
+ "Table.Cell",
232
+ "Table.Body"
233
+ ],
234
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
235
+ "propToVariantKeys": {},
236
+ "motionVarPrefixes": []
237
+ };
238
+ var Spinner = {
239
+ "name": "Spinner",
240
+ "defaultProps": {
241
+ "color": "primary",
242
+ "size": "lg"
243
+ },
244
+ "getStylesLiterals": {},
245
+ "cxLiterals": [
246
+ "self-center",
247
+ "relative",
248
+ "sr-only"
249
+ ],
250
+ "internalComponents": ["Icon"],
251
+ "internalComponentProps": { "Icon": {
252
+ "role": ["img"],
253
+ "className": ["animate-spin"],
254
+ "aria-hidden": ["true"]
255
+ } },
256
+ "propToVariantKeys": {},
257
+ "motionVarPrefixes": []
258
+ };
210
259
  var DividerCore = {
211
260
  "name": "DividerCore",
212
261
  "defaultProps": { "contentPosition": "center" },
@@ -250,105 +299,16 @@ var DividerInternal = {
250
299
  ] },
251
300
  "motionVarPrefixes": []
252
301
  };
253
- var Spinner = {
254
- "name": "Spinner",
255
- "defaultProps": {
256
- "color": "primary",
257
- "size": "lg"
258
- },
259
- "getStylesLiterals": {},
260
- "cxLiterals": [
261
- "self-center",
262
- "relative",
263
- "sr-only"
264
- ],
265
- "internalComponents": ["Icon"],
266
- "internalComponentProps": { "Icon": {
267
- "role": ["img"],
268
- "className": ["animate-spin"],
269
- "aria-hidden": ["true"]
270
- } },
271
- "propToVariantKeys": {},
272
- "motionVarPrefixes": []
273
- };
274
- var Table_mocks = {
275
- "name": "Table.mocks",
302
+ var Divider = {
303
+ "name": "Divider",
276
304
  "defaultProps": {},
277
305
  "getStylesLiterals": {},
278
306
  "cxLiterals": [],
279
- "internalComponents": [],
307
+ "internalComponents": ["DividerInternal"],
280
308
  "internalComponentProps": {},
281
309
  "propToVariantKeys": {},
282
310
  "motionVarPrefixes": []
283
311
  };
284
- var Table = {
285
- "name": "Table",
286
- "defaultProps": {
287
- "display": "table-cell",
288
- "overflow": "hidden",
289
- "borderColor": "muted",
290
- "borderRadius": "md",
291
- "spacing": "3",
292
- "borderBottomColor": "muted",
293
- "borderBottomWidth": "thin",
294
- "color": "primary"
295
- },
296
- "getStylesLiterals": { "textAlign": "start" },
297
- "cxLiterals": [],
298
- "internalComponents": [
299
- "CellComponent",
300
- "Box",
301
- "Text",
302
- "Table.Root",
303
- "Table.Header",
304
- "Table.Row",
305
- "Table.Cell",
306
- "Table.Body"
307
- ],
308
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
309
- "propToVariantKeys": {},
310
- "motionVarPrefixes": []
311
- };
312
- var AnimateHeightChange = {
313
- "name": "AnimateHeightChange",
314
- "defaultProps": {},
315
- "getStylesLiterals": {},
316
- "cxLiterals": ["overflow-hidden"],
317
- "internalComponents": ["SpringMotionConfig"],
318
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
319
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
320
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
321
- };
322
- var Badge = {
323
- "name": "Badge",
324
- "defaultProps": {
325
- "variant": "primary",
326
- "size": "md"
327
- },
328
- "getStylesLiterals": {},
329
- "cxLiterals": [
330
- "flex-1",
331
- "truncate",
332
- "whitespace-nowrap",
333
- "text-center"
334
- ],
335
- "internalComponents": ["IconSlot", "HStack"],
336
- "internalComponentProps": {
337
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
338
- "HStack": {
339
- "gap": ["2"],
340
- "display": ["inline-flex"],
341
- "alignItems": ["center"]
342
- }
343
- },
344
- "propToVariantKeys": {
345
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
346
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
347
- "startIcon": ["icon"],
348
- "endIcon": ["icon"]
349
- },
350
- "motionVarPrefixes": []
351
- };
352
312
  var Button = {
353
313
  "name": "Button",
354
314
  "defaultProps": { "type": "button" },
@@ -473,6 +433,16 @@ var Checkbox = {
473
433
  },
474
434
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
475
435
  };
436
+ var SpringMotionConfig = {
437
+ "name": "SpringMotionConfig",
438
+ "defaultProps": { "reducedMotion": "user" },
439
+ "getStylesLiterals": {},
440
+ "cxLiterals": [],
441
+ "internalComponents": ["LazyMotion", "MotionConfig"],
442
+ "internalComponentProps": {},
443
+ "propToVariantKeys": { "loadFeatures": ["features"] },
444
+ "motionVarPrefixes": []
445
+ };
476
446
  var IconButton = {
477
447
  "name": "IconButton",
478
448
  "defaultProps": { "type": "button" },
@@ -512,26 +482,6 @@ var IconButton = {
512
482
  },
513
483
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
514
484
  };
515
- var Pressable = {
516
- "name": "Pressable",
517
- "defaultProps": {},
518
- "getStylesLiterals": {},
519
- "cxLiterals": [],
520
- "internalComponents": ["Comp"],
521
- "internalComponentProps": {},
522
- "propToVariantKeys": {},
523
- "motionVarPrefixes": []
524
- };
525
- var SpringMotionConfig = {
526
- "name": "SpringMotionConfig",
527
- "defaultProps": { "reducedMotion": "user" },
528
- "getStylesLiterals": {},
529
- "cxLiterals": [],
530
- "internalComponents": ["LazyMotion", "MotionConfig"],
531
- "internalComponentProps": {},
532
- "propToVariantKeys": { "loadFeatures": ["features"] },
533
- "motionVarPrefixes": []
534
- };
535
485
  var Switch = {
536
486
  "name": "Switch",
537
487
  "defaultProps": {
@@ -622,60 +572,52 @@ var Switch = {
622
572
  },
623
573
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
624
574
  };
625
- var Accordion = {
626
- "name": "Accordion",
575
+ var Badge = {
576
+ "name": "Badge",
627
577
  "defaultProps": {
628
- "spacingHorizontal": "4",
629
- "spacingVertical": "4"
578
+ "variant": "primary",
579
+ "size": "md"
630
580
  },
631
581
  "getStylesLiterals": {},
632
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
633
- "internalComponents": [
634
- "Icon",
635
- "SpringMotionConfig",
636
- "Pressable",
637
- "Text",
638
- "HStack",
639
- "AnimatePresence",
640
- "VStack"
582
+ "cxLiterals": [
583
+ "flex-1",
584
+ "truncate",
585
+ "whitespace-nowrap",
586
+ "text-center"
641
587
  ],
588
+ "internalComponents": ["IconSlot", "HStack"],
642
589
  "internalComponentProps": {
643
- "Icon": {
644
- "variant": ["fill"],
645
- "size": ["sm"],
646
- "color": ["primary"]
647
- },
648
- "SpringMotionConfig": {
649
- "layoutVariant": ["smooth"],
650
- "layoutSpeed": ["3"]
651
- },
652
- "Pressable": {
653
- "display": ["flex"],
654
- "flexDirection": ["row"],
655
- "alignItems": ["center"],
656
- "justifyContent": ["space-between"],
657
- "borderRadius": ["md"]
658
- },
659
- "Text": {
660
- "variant": ["title4"],
661
- "color": ["primary"]
662
- },
590
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
663
591
  "HStack": {
664
- "display": ["flex"],
665
- "alignItems": ["center"],
666
- "justifyContent": ["space-between"],
667
- "columnGap": ["2.5"]
592
+ "gap": ["2"],
593
+ "display": ["inline-flex"],
594
+ "alignItems": ["center"]
668
595
  }
669
596
  },
670
- "propToVariantKeys": {},
671
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
597
+ "propToVariantKeys": {
598
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
599
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
600
+ "startIcon": ["icon"],
601
+ "endIcon": ["icon"]
602
+ },
603
+ "motionVarPrefixes": []
672
604
  };
673
- var AvoidMotionLibraryProvider = {
674
- "name": "AvoidMotionLibraryProvider",
605
+ var AnimateHeightChange = {
606
+ "name": "AnimateHeightChange",
607
+ "defaultProps": {},
608
+ "getStylesLiterals": {},
609
+ "cxLiterals": ["overflow-hidden"],
610
+ "internalComponents": ["SpringMotionConfig"],
611
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
612
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
613
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
614
+ };
615
+ var Pressable = {
616
+ "name": "Pressable",
675
617
  "defaultProps": {},
676
618
  "getStylesLiterals": {},
677
619
  "cxLiterals": [],
678
- "internalComponents": [],
620
+ "internalComponents": ["Comp"],
679
621
  "internalComponentProps": {},
680
622
  "propToVariantKeys": {},
681
623
  "motionVarPrefixes": []
@@ -697,60 +639,14 @@ var ExperimentalPopover = {
697
639
  "propToVariantKeys": {},
698
640
  "motionVarPrefixes": []
699
641
  };
700
- var Modal = {
701
- "name": "Modal",
642
+ var AvoidMotionLibraryProvider = {
643
+ "name": "AvoidMotionLibraryProvider",
702
644
  "defaultProps": {},
703
645
  "getStylesLiterals": {},
704
- "cxLiterals": [
705
- "inset-8",
706
- "top-[250px]",
707
- "z-50",
708
- "mx-auto",
709
- "h-fit",
710
- "w-[600px]",
711
- "origin-center",
712
- "scale-95",
713
- "opacity-0",
714
- "transition",
715
- "duration-150",
716
- "data-[enter]:scale-100",
717
- "data-[enter]:opacity-100",
718
- "data-[enter]:bg-primary",
719
- "backdrop-blur-0",
720
- "data-[enter]:opacity-60",
721
- "data-[enter]:backdrop-blur-sm"
722
- ],
723
- "internalComponents": [
724
- "IconButton",
725
- "Dialog",
726
- "HStack",
727
- "Text",
728
- "VStack"
729
- ],
730
- "internalComponentProps": {
731
- "IconButton": {
732
- "aria-label": ["Close"],
733
- "size": ["sm"],
734
- "variant": ["tertiary"]
735
- },
736
- "HStack": {
737
- "alignItems": ["center"],
738
- "justifyContent": ["space-between"]
739
- },
740
- "Text": {
741
- "variant": ["headline1"],
742
- "color": ["primary"]
743
- },
744
- "VStack": {
745
- "borderRadius": ["md"],
746
- "position": ["fixed"],
747
- "backgroundColor": ["primary"],
748
- "dropShadow": ["md"],
749
- "spacing": ["8"],
750
- "overflow": ["hidden"]
751
- }
752
- },
753
- "propToVariantKeys": { "handleClose": ["onClick"] },
646
+ "cxLiterals": [],
647
+ "internalComponents": [],
648
+ "internalComponentProps": {},
649
+ "propToVariantKeys": {},
754
650
  "motionVarPrefixes": []
755
651
  };
756
652
  var SegmentedControl = {
@@ -948,37 +844,109 @@ var Tabs = {
948
844
  "propToVariantKeys": {},
949
845
  "motionVarPrefixes": []
950
846
  };
951
- var Avatar = {
952
- "name": "Avatar",
847
+ var Modal = {
848
+ "name": "Modal",
953
849
  "defaultProps": {},
954
850
  "getStylesLiterals": {},
955
- "cxLiterals": [],
956
- "internalComponents": ["AvatarImage"],
957
- "internalComponentProps": {},
958
- "propToVariantKeys": {},
959
- "motionVarPrefixes": []
960
- };
961
- var AvatarIcon = {
962
- "name": "AvatarIcon",
963
- "defaultProps": {
964
- "size": "md",
965
- "variant": "primary"
966
- },
967
- "getStylesLiterals": {},
968
851
  "cxLiterals": [
969
- "overflow-hidden",
970
- "w-full",
971
- "h-full",
972
- "shrink-0",
973
- "text-center",
974
- "inline-flex",
975
- "justify-center",
976
- "items-center"
977
- ],
978
- "internalComponents": ["IconSlot", "Box"],
979
- "internalComponentProps": {},
980
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
981
- "motionVarPrefixes": []
852
+ "inset-8",
853
+ "top-[250px]",
854
+ "z-50",
855
+ "mx-auto",
856
+ "h-fit",
857
+ "w-[600px]",
858
+ "origin-center",
859
+ "scale-95",
860
+ "opacity-0",
861
+ "transition",
862
+ "duration-150",
863
+ "data-[enter]:scale-100",
864
+ "data-[enter]:opacity-100",
865
+ "data-[enter]:bg-primary",
866
+ "backdrop-blur-0",
867
+ "data-[enter]:opacity-60",
868
+ "data-[enter]:backdrop-blur-sm"
869
+ ],
870
+ "internalComponents": [
871
+ "IconButton",
872
+ "Dialog",
873
+ "HStack",
874
+ "Text",
875
+ "VStack"
876
+ ],
877
+ "internalComponentProps": {
878
+ "IconButton": {
879
+ "aria-label": ["Close"],
880
+ "size": ["sm"],
881
+ "variant": ["tertiary"]
882
+ },
883
+ "HStack": {
884
+ "alignItems": ["center"],
885
+ "justifyContent": ["space-between"]
886
+ },
887
+ "Text": {
888
+ "variant": ["headline1"],
889
+ "color": ["primary"]
890
+ },
891
+ "VStack": {
892
+ "borderRadius": ["md"],
893
+ "position": ["fixed"],
894
+ "backgroundColor": ["primary"],
895
+ "dropShadow": ["md"],
896
+ "spacing": ["8"],
897
+ "overflow": ["hidden"]
898
+ }
899
+ },
900
+ "propToVariantKeys": { "handleClose": ["onClick"] },
901
+ "motionVarPrefixes": []
902
+ };
903
+ var Accordion = {
904
+ "name": "Accordion",
905
+ "defaultProps": {
906
+ "spacingHorizontal": "4",
907
+ "spacingVertical": "4"
908
+ },
909
+ "getStylesLiterals": {},
910
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
911
+ "internalComponents": [
912
+ "Icon",
913
+ "SpringMotionConfig",
914
+ "Pressable",
915
+ "Text",
916
+ "HStack",
917
+ "AnimatePresence",
918
+ "VStack"
919
+ ],
920
+ "internalComponentProps": {
921
+ "Icon": {
922
+ "variant": ["fill"],
923
+ "size": ["sm"],
924
+ "color": ["primary"]
925
+ },
926
+ "SpringMotionConfig": {
927
+ "layoutVariant": ["smooth"],
928
+ "layoutSpeed": ["3"]
929
+ },
930
+ "Pressable": {
931
+ "display": ["flex"],
932
+ "flexDirection": ["row"],
933
+ "alignItems": ["center"],
934
+ "justifyContent": ["space-between"],
935
+ "borderRadius": ["md"]
936
+ },
937
+ "Text": {
938
+ "variant": ["title4"],
939
+ "color": ["primary"]
940
+ },
941
+ "HStack": {
942
+ "display": ["flex"],
943
+ "alignItems": ["center"],
944
+ "justifyContent": ["space-between"],
945
+ "columnGap": ["2.5"]
946
+ }
947
+ },
948
+ "propToVariantKeys": {},
949
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
982
950
  };
983
951
  var AvatarImage = {
984
952
  "name": "AvatarImage",
@@ -1037,6 +1005,162 @@ var AvatarText = {
1037
1005
  "propToVariantKeys": {},
1038
1006
  "motionVarPrefixes": []
1039
1007
  };
1008
+ var Avatar = {
1009
+ "name": "Avatar",
1010
+ "defaultProps": {},
1011
+ "getStylesLiterals": {},
1012
+ "cxLiterals": [],
1013
+ "internalComponents": ["AvatarImage"],
1014
+ "internalComponentProps": {},
1015
+ "propToVariantKeys": {},
1016
+ "motionVarPrefixes": []
1017
+ };
1018
+ var AvatarIcon = {
1019
+ "name": "AvatarIcon",
1020
+ "defaultProps": {
1021
+ "size": "md",
1022
+ "variant": "primary"
1023
+ },
1024
+ "getStylesLiterals": {},
1025
+ "cxLiterals": [
1026
+ "overflow-hidden",
1027
+ "w-full",
1028
+ "h-full",
1029
+ "shrink-0",
1030
+ "text-center",
1031
+ "inline-flex",
1032
+ "justify-center",
1033
+ "items-center"
1034
+ ],
1035
+ "internalComponents": ["IconSlot", "Box"],
1036
+ "internalComponentProps": {},
1037
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1038
+ "motionVarPrefixes": []
1039
+ };
1040
+ var UDSPopoverConfigProvider = {
1041
+ "name": "UDSPopoverConfigProvider",
1042
+ "defaultProps": {},
1043
+ "getStylesLiterals": {},
1044
+ "cxLiterals": [],
1045
+ "internalComponents": ["PopoverContext.Provider"],
1046
+ "internalComponentProps": {},
1047
+ "propToVariantKeys": {},
1048
+ "motionVarPrefixes": []
1049
+ };
1050
+ var Popover = {
1051
+ "name": "Popover",
1052
+ "defaultProps": {},
1053
+ "getStylesLiterals": {},
1054
+ "cxLiterals": [],
1055
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1056
+ "internalComponentProps": {},
1057
+ "propToVariantKeys": {},
1058
+ "motionVarPrefixes": []
1059
+ };
1060
+ var PopoverContext = {
1061
+ "name": "PopoverContext",
1062
+ "defaultProps": {},
1063
+ "getStylesLiterals": {},
1064
+ "cxLiterals": [],
1065
+ "internalComponents": [],
1066
+ "internalComponentProps": {},
1067
+ "propToVariantKeys": {},
1068
+ "motionVarPrefixes": []
1069
+ };
1070
+ var PopoverTrigger = {
1071
+ "name": "PopoverTrigger",
1072
+ "defaultProps": {},
1073
+ "getStylesLiterals": {},
1074
+ "cxLiterals": [],
1075
+ "internalComponents": ["PopoverDisclosure"],
1076
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1077
+ "propToVariantKeys": { "children": ["render"] },
1078
+ "motionVarPrefixes": []
1079
+ };
1080
+ var PopoverContent = {
1081
+ "name": "PopoverContent",
1082
+ "defaultProps": {},
1083
+ "getStylesLiterals": {
1084
+ "popoverSizeRoot": "default",
1085
+ "popoverVariantRoot": "default",
1086
+ "display": "flex",
1087
+ "position": "absolute",
1088
+ "spacingTop": "0",
1089
+ "spacingStart": "0",
1090
+ "spacingBottom": "0",
1091
+ "spacingEnd": "0",
1092
+ "popoverSizeSvgBase": "default",
1093
+ "popoverVariantSvgBase": "default",
1094
+ "popoverSizeSvgBorder": "default",
1095
+ "popoverVariantSvgBorder": "default",
1096
+ "popoverVariantBlur": "default",
1097
+ "width": "full",
1098
+ "height": "full",
1099
+ "flexShrink": "0",
1100
+ "borderRadius": "full",
1101
+ "alignItems": "center",
1102
+ "justifyContent": "center",
1103
+ "popoverVariantCloseIcon": "default",
1104
+ "popoverSizeCloseIcon": "default"
1105
+ },
1106
+ "cxLiterals": [
1107
+ "z-[9999]",
1108
+ "outline-none",
1109
+ "focus-visible:outline-none",
1110
+ "uds-bgBlurFillFallback",
1111
+ "uds-bgBlurFallback",
1112
+ "top-0",
1113
+ "left-0",
1114
+ "z-[1]",
1115
+ "duration-0",
1116
+ "duration-120",
1117
+ "transition-[background-color]",
1118
+ "bg-carbon-15/0",
1119
+ "hover:bg-carbon-15/10",
1120
+ "active:bg-carbon-15/15",
1121
+ "uds-ring",
1122
+ "absolute",
1123
+ "z-[4]"
1124
+ ],
1125
+ "internalComponents": [
1126
+ "PopoverDismiss",
1127
+ "IconSlot",
1128
+ "PopoverArrow",
1129
+ "Popover",
1130
+ "SvgFloatingOverlay",
1131
+ "Box",
1132
+ "Pressable"
1133
+ ],
1134
+ "internalComponentProps": {},
1135
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1136
+ "motionVarPrefixes": []
1137
+ };
1138
+ var BottomSheetContent = {
1139
+ "name": "BottomSheetContent",
1140
+ "defaultProps": {},
1141
+ "getStylesLiterals": {},
1142
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1143
+ "internalComponents": ["Box", "VStack"],
1144
+ "internalComponentProps": {
1145
+ "Box": {
1146
+ "display": ["block"],
1147
+ "flex": ["1"]
1148
+ },
1149
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1150
+ },
1151
+ "propToVariantKeys": {},
1152
+ "motionVarPrefixes": []
1153
+ };
1154
+ var BottomSheetDismiss = {
1155
+ "name": "BottomSheetDismiss",
1156
+ "defaultProps": {},
1157
+ "getStylesLiterals": {},
1158
+ "cxLiterals": [],
1159
+ "internalComponents": ["AriakitDialogDismiss"],
1160
+ "internalComponentProps": {},
1161
+ "propToVariantKeys": {},
1162
+ "motionVarPrefixes": []
1163
+ };
1040
1164
  var BottomSheet = {
1041
1165
  "name": "BottomSheet",
1042
1166
  "defaultProps": { "variant": "default" },
@@ -1079,32 +1203,6 @@ var BottomSheet = {
1079
1203
  "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1080
1204
  "motionVarPrefixes": []
1081
1205
  };
1082
- var BottomSheetContent = {
1083
- "name": "BottomSheetContent",
1084
- "defaultProps": {},
1085
- "getStylesLiterals": {},
1086
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1087
- "internalComponents": ["Box", "VStack"],
1088
- "internalComponentProps": {
1089
- "Box": {
1090
- "display": ["block"],
1091
- "flex": ["1"]
1092
- },
1093
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1094
- },
1095
- "propToVariantKeys": {},
1096
- "motionVarPrefixes": []
1097
- };
1098
- var BottomSheetDismiss = {
1099
- "name": "BottomSheetDismiss",
1100
- "defaultProps": {},
1101
- "getStylesLiterals": {},
1102
- "cxLiterals": [],
1103
- "internalComponents": ["AriakitDialogDismiss"],
1104
- "internalComponentProps": {},
1105
- "propToVariantKeys": {},
1106
- "motionVarPrefixes": []
1107
- };
1108
1206
  var BottomSheetHandle = {
1109
1207
  "name": "BottomSheetHandle",
1110
1208
  "defaultProps": {},
@@ -1134,6 +1232,16 @@ var BottomSheetHandle = {
1134
1232
  "propToVariantKeys": {},
1135
1233
  "motionVarPrefixes": []
1136
1234
  };
1235
+ var BottomSheetInternalContext = {
1236
+ "name": "BottomSheetInternalContext",
1237
+ "defaultProps": {},
1238
+ "getStylesLiterals": {},
1239
+ "cxLiterals": [],
1240
+ "internalComponents": [],
1241
+ "internalComponentProps": {},
1242
+ "propToVariantKeys": {},
1243
+ "motionVarPrefixes": []
1244
+ };
1137
1245
  var BottomSheetHeader = {
1138
1246
  "name": "BottomSheetHeader",
1139
1247
  "defaultProps": { "variant": "default" },
@@ -1162,12 +1270,12 @@ var BottomSheetHeader = {
1162
1270
  "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1163
1271
  "motionVarPrefixes": []
1164
1272
  };
1165
- var BottomSheetInternalContext = {
1166
- "name": "BottomSheetInternalContext",
1273
+ var BottomSheetTrigger = {
1274
+ "name": "BottomSheetTrigger",
1167
1275
  "defaultProps": {},
1168
1276
  "getStylesLiterals": {},
1169
1277
  "cxLiterals": [],
1170
- "internalComponents": [],
1278
+ "internalComponents": ["AriakitDialogDisclosure"],
1171
1279
  "internalComponentProps": {},
1172
1280
  "propToVariantKeys": {},
1173
1281
  "motionVarPrefixes": []
@@ -1182,16 +1290,6 @@ var BottomSheetProvider = {
1182
1290
  "propToVariantKeys": {},
1183
1291
  "motionVarPrefixes": []
1184
1292
  };
1185
- var BottomSheetTrigger = {
1186
- "name": "BottomSheetTrigger",
1187
- "defaultProps": {},
1188
- "getStylesLiterals": {},
1189
- "cxLiterals": [],
1190
- "internalComponents": ["AriakitDialogDisclosure"],
1191
- "internalComponentProps": {},
1192
- "propToVariantKeys": {},
1193
- "motionVarPrefixes": []
1194
- };
1195
1293
  var UDSBottomSheetConfigProvider = {
1196
1294
  "name": "UDSBottomSheetConfigProvider",
1197
1295
  "defaultProps": {},
@@ -1202,148 +1300,305 @@ var UDSBottomSheetConfigProvider = {
1202
1300
  "propToVariantKeys": {},
1203
1301
  "motionVarPrefixes": []
1204
1302
  };
1205
- var Chip = {
1206
- "name": "Chip",
1303
+ var UDSToastConfigProvider = {
1304
+ "name": "UDSToastConfigProvider",
1207
1305
  "defaultProps": {},
1208
1306
  "getStylesLiterals": {},
1209
1307
  "cxLiterals": [],
1210
- "internalComponents": [
1211
- "ChipDismissible",
1212
- "ChipToggle",
1213
- "ChipLink",
1214
- "ChipButton"
1215
- ],
1308
+ "internalComponents": ["ToastContext.Provider"],
1216
1309
  "internalComponentProps": {},
1217
1310
  "propToVariantKeys": {},
1218
1311
  "motionVarPrefixes": []
1219
1312
  };
1220
- var ChipBase = {
1221
- "name": "ChipBase",
1222
- "defaultProps": {
1223
- "size": "md",
1224
- "as": "div"
1313
+ var Toast = {
1314
+ "name": "Toast",
1315
+ "defaultProps": {},
1316
+ "getStylesLiterals": {
1317
+ "className": "flex-none",
1318
+ "spacing": "2",
1319
+ "borderRadius": "full"
1225
1320
  },
1226
- "getStylesLiterals": {},
1227
1321
  "cxLiterals": [
1228
- "pointer-events-none",
1229
- "cursor-default",
1230
- "opacity-50",
1231
- "inline-flex",
1232
- "items-center",
1233
- "transition-[background-color,outline-color,box-shadow]",
1234
- "truncate",
1235
- "whitespace-nowrap",
1236
- "text-center",
1237
- "flex-1"
1322
+ "duration-0",
1323
+ "duration-120",
1324
+ "transition-[background-color]",
1325
+ "bg-carbon-15/0",
1326
+ "hover:bg-carbon-15/10",
1327
+ "active:bg-carbon-15/15",
1328
+ "uds-ring"
1238
1329
  ],
1239
1330
  "internalComponents": [
1240
1331
  "IconSlot",
1241
- "HStack",
1242
- "As",
1243
- "Text"
1332
+ "ToastContainer",
1333
+ "Text",
1334
+ "Button",
1335
+ "Pressable"
1244
1336
  ],
1245
- "internalComponentProps": { "Text": {
1246
- "as": ["span"],
1247
- "color": ["current"],
1248
- "variant": ["inherit"]
1337
+ "internalComponentProps": {},
1338
+ "propToVariantKeys": {
1339
+ "size": [
1340
+ "toastSizeLabel",
1341
+ "toastSizeIcon",
1342
+ "toastSizeActionButton",
1343
+ "toastSizeCloseIcon"
1344
+ ],
1345
+ "variant": [
1346
+ "toastVariantIcon",
1347
+ "toastVariantActionButton",
1348
+ "toastVariantCloseIcon"
1349
+ ],
1350
+ "closeIcon": ["icon"],
1351
+ "onClickActionButton": ["onClick"]
1352
+ },
1353
+ "motionVarPrefixes": []
1354
+ };
1355
+ var ToastContainer = {
1356
+ "name": "ToastContainer",
1357
+ "defaultProps": {},
1358
+ "getStylesLiterals": {
1359
+ "position": "relative",
1360
+ "alignItems": "center",
1361
+ "display": "flex",
1362
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1363
+ },
1364
+ "cxLiterals": ["w-full"],
1365
+ "internalComponents": ["HStack"],
1366
+ "internalComponentProps": { "HStack": {
1367
+ "alignItems": ["center"],
1368
+ "justifyContent": ["space-between"],
1369
+ "overflow": ["hidden"],
1370
+ "position": ["relative"]
1249
1371
  } },
1250
1372
  "propToVariantKeys": {
1251
- "size": ["chipSizeRoot", "chipSizeIcon"],
1252
- "startIcon": ["icon"],
1253
- "endIcon": ["icon"]
1373
+ "variant": ["toastVariantRoot"],
1374
+ "size": ["toastSizeRoot"]
1254
1375
  },
1255
1376
  "motionVarPrefixes": []
1256
1377
  };
1257
- var ChipButton = {
1258
- "name": "ChipButton",
1259
- "defaultProps": { "variant": "primary" },
1378
+ var ToastPortal = {
1379
+ "name": "ToastPortal",
1380
+ "defaultProps": {},
1260
1381
  "getStylesLiterals": {},
1261
- "cxLiterals": ["uds-ring"],
1262
- "internalComponents": ["ChipBase"],
1263
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1264
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1382
+ "cxLiterals": [],
1383
+ "internalComponents": ["ReactToastifyToastContainer"],
1384
+ "internalComponentProps": {},
1385
+ "propToVariantKeys": {},
1265
1386
  "motionVarPrefixes": []
1266
1387
  };
1267
- var ChipDismissible = {
1268
- "name": "ChipDismissible",
1269
- "defaultProps": { "variant": "primary" },
1388
+ var RadioGroupStore = {
1389
+ "name": "RadioGroupStore",
1390
+ "defaultProps": {},
1270
1391
  "getStylesLiterals": {},
1271
- "cxLiterals": [
1272
- "uds-chip-dismissible-button",
1273
- "uds-hit-target",
1274
- "uds-ring",
1275
- "rounded-full"
1276
- ],
1277
- "internalComponents": [
1278
- "ChipBase",
1279
- "IconSlot",
1280
- "Pressable"
1281
- ],
1392
+ "cxLiterals": [],
1393
+ "internalComponents": [],
1282
1394
  "internalComponentProps": {},
1283
- "propToVariantKeys": {
1284
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1285
- "dismissButtonAriaLabel": ["aria-label"]
1286
- },
1395
+ "propToVariantKeys": {},
1287
1396
  "motionVarPrefixes": []
1288
1397
  };
1289
- var ChipLink = {
1290
- "name": "ChipLink",
1291
- "defaultProps": { "variant": "primary" },
1398
+ var RadioGroupProvider = {
1399
+ "name": "RadioGroupProvider",
1400
+ "defaultProps": {},
1292
1401
  "getStylesLiterals": {},
1293
- "cxLiterals": ["uds-ring"],
1294
- "internalComponents": ["ChipBase"],
1295
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1296
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1402
+ "cxLiterals": [],
1403
+ "internalComponents": [
1404
+ "DivProps",
1405
+ "Comp",
1406
+ "RadioGroupContext.Provider"
1407
+ ],
1408
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1409
+ "propToVariantKeys": {},
1297
1410
  "motionVarPrefixes": []
1298
1411
  };
1299
- var ChipToggle = {
1300
- "name": "ChipToggle",
1412
+ var Radio = {
1413
+ "name": "Radio",
1301
1414
  "defaultProps": {
1415
+ "labelPosition": "start",
1302
1416
  "variant": "primary",
1303
- "role": "checkbox"
1304
- },
1305
- "getStylesLiterals": {
1306
- "chipToggleVariantActiveRoot": "on",
1307
- "chipToggleVariantActiveRoot:1": "off"
1308
- },
1309
- "cxLiterals": ["uds-ring"],
1310
- "internalComponents": ["ChipBase"],
1311
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1312
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1313
- "motionVarPrefixes": []
1314
- };
1315
- var Input = {
1316
- "name": "Input",
1317
- "defaultProps": {
1318
- "type": "text",
1319
1417
  "size": "md",
1320
- "width": "full"
1418
+ "value": ""
1321
1419
  },
1322
1420
  "getStylesLiterals": {
1323
- "inputVariantRoot": "default",
1324
- "inputVariantValueRoot": "empty",
1325
- "inputVariantValueRoot:1": "filled",
1326
- "inputVariantInputWrapper": "default",
1327
- "inputVariantValueInputWrapper": "empty",
1328
- "inputVariantValueInputWrapper:1": "filled",
1329
- "inputVariantInput": "default",
1330
- "inputVariantValueInput": "empty",
1331
- "inputVariantValueInput:1": "filled",
1332
- "inputVariantInputPlaceholder": "default",
1333
- "inputVariantValueInputPlaceholder": "empty",
1334
- "inputVariantValueInputPlaceholder:1": "filled",
1335
- "inputVariantLabel": "default",
1336
- "inputVariantValueLabel": "empty",
1337
- "inputVariantValueLabel:1": "filled",
1338
- "inputVariantLabelRequired": "default",
1339
- "inputVariantValueLabelRequired": "empty",
1340
- "inputVariantValueLabelRequired:1": "filled",
1341
- "inputVariantStartIcon": "default",
1342
- "inputVariantValueStartIcon": "empty",
1343
- "inputVariantValueStartIcon:1": "filled",
1344
- "inputVariantEndIcon": "default",
1345
- "inputVariantValueEndIcon": "empty",
1346
- "inputVariantValueEndIcon:1": "filled"
1421
+ "radioVariantValueRoot": "checked",
1422
+ "radioVariantValueRoot:1": "unchecked",
1423
+ "display": "flex",
1424
+ "flexDirection": "row",
1425
+ "flexDirection:1": "row-reverse",
1426
+ "alignItems": "center",
1427
+ "radioVariantValueRadio": "checked",
1428
+ "radioVariantValueRadio:1": "unchecked",
1429
+ "radioVariantValueRadioCircle": "checked",
1430
+ "radioVariantValueRadioCircle:1": "unchecked"
1431
+ },
1432
+ "cxLiterals": [
1433
+ "cursor-pointer",
1434
+ "cursor-default",
1435
+ "opacity-50",
1436
+ "border",
1437
+ "uds-ring",
1438
+ "uds-ring-within",
1439
+ "transition-[background-color,border-color]",
1440
+ "transition-shadow",
1441
+ "pointer-events-none",
1442
+ "w-[8px]",
1443
+ "h-[8px]",
1444
+ "transition-opacity",
1445
+ "cursor-[inherit]",
1446
+ "absolute",
1447
+ "opacity-0",
1448
+ "top-1/2",
1449
+ "left-1/2",
1450
+ "w-[calc(100%+2px)]",
1451
+ "h-[calc(100%+2px)]",
1452
+ "transform",
1453
+ "translate-x-[-50%]",
1454
+ "translate-y-[-50%]",
1455
+ "text-start",
1456
+ "text-end"
1457
+ ],
1458
+ "internalComponents": [
1459
+ "Box",
1460
+ "FormLabel",
1461
+ "SpringMotionConfig",
1462
+ "RootElement",
1463
+ "MotionBox"
1464
+ ],
1465
+ "internalComponentProps": {
1466
+ "Box": { "borderRadius": ["full"] },
1467
+ "FormLabel": {
1468
+ "as": ["div"],
1469
+ "variant": ["inherit"],
1470
+ "color": ["inherit"]
1471
+ },
1472
+ "RootElement": { "data-testid": ["container"] },
1473
+ "MotionBox": {
1474
+ "position": ["relative"],
1475
+ "borderRadius": ["full"],
1476
+ "alignItems": ["center"],
1477
+ "justifyContent": ["center"],
1478
+ "flex": ["none"]
1479
+ }
1480
+ },
1481
+ "propToVariantKeys": {
1482
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1483
+ "variant": [
1484
+ "radioVariantRoot",
1485
+ "radioVariantRadio",
1486
+ "radioVariantRadioCircle"
1487
+ ],
1488
+ "reduceMotion": ["reducedMotion"]
1489
+ },
1490
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1491
+ };
1492
+ var UDSTooltipConfigProvider = {
1493
+ "name": "UDSTooltipConfigProvider",
1494
+ "defaultProps": {},
1495
+ "getStylesLiterals": {},
1496
+ "cxLiterals": [],
1497
+ "internalComponents": ["TooltipContext.Provider"],
1498
+ "internalComponentProps": {},
1499
+ "propToVariantKeys": {},
1500
+ "motionVarPrefixes": []
1501
+ };
1502
+ var TooltipTrigger = {
1503
+ "name": "TooltipTrigger",
1504
+ "defaultProps": {},
1505
+ "getStylesLiterals": {},
1506
+ "cxLiterals": [],
1507
+ "internalComponents": ["TooltipAnchor"],
1508
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1509
+ "propToVariantKeys": { "children": ["render"] },
1510
+ "motionVarPrefixes": []
1511
+ };
1512
+ var TooltipContent = {
1513
+ "name": "TooltipContent",
1514
+ "defaultProps": {},
1515
+ "getStylesLiterals": {
1516
+ "tooltipSizeRoot": "default",
1517
+ "tooltipVariantRoot": "default",
1518
+ "tooltipSizeSvg": "default",
1519
+ "tooltipVariantSvg": "default",
1520
+ "tooltipVariantBlur": "default",
1521
+ "position": "absolute",
1522
+ "width": "full",
1523
+ "height": "full",
1524
+ "tooltipSizeTitle": "default",
1525
+ "tooltipSizeBody": "default",
1526
+ "tooltipSizeEndContent": "default",
1527
+ "tooltipSizeIcon": "default",
1528
+ "tooltipVariantIcon": "default"
1529
+ },
1530
+ "cxLiterals": [
1531
+ "max-w-lg",
1532
+ "flex",
1533
+ "z-[9999]",
1534
+ "uds-bgBlurFillFallback",
1535
+ "uds-bgBlurFallback",
1536
+ "top-0",
1537
+ "left-0",
1538
+ "z-[1]"
1539
+ ],
1540
+ "internalComponents": [
1541
+ "IconSlot",
1542
+ "TooltipArrow",
1543
+ "Tooltip",
1544
+ "SvgFloatingOverlay",
1545
+ "VStack",
1546
+ "Box",
1547
+ "Text"
1548
+ ],
1549
+ "internalComponentProps": {
1550
+ "VStack": { "className": ["gap-[inherit]"] },
1551
+ "Box": {
1552
+ "alignItems": ["center"],
1553
+ "columnGap": ["1", "1.5"]
1554
+ },
1555
+ "Text": { "color": ["inherit"] }
1556
+ },
1557
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1558
+ "motionVarPrefixes": []
1559
+ };
1560
+ var Tooltip = {
1561
+ "name": "Tooltip",
1562
+ "defaultProps": {},
1563
+ "getStylesLiterals": {},
1564
+ "cxLiterals": [],
1565
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1566
+ "internalComponentProps": {},
1567
+ "propToVariantKeys": {},
1568
+ "motionVarPrefixes": []
1569
+ };
1570
+ var Input = {
1571
+ "name": "Input",
1572
+ "defaultProps": {
1573
+ "type": "text",
1574
+ "size": "md",
1575
+ "width": "full"
1576
+ },
1577
+ "getStylesLiterals": {
1578
+ "inputVariantRoot": "default",
1579
+ "inputVariantValueRoot": "empty",
1580
+ "inputVariantValueRoot:1": "filled",
1581
+ "inputVariantInputWrapper": "default",
1582
+ "inputVariantValueInputWrapper": "empty",
1583
+ "inputVariantValueInputWrapper:1": "filled",
1584
+ "inputVariantInput": "default",
1585
+ "inputVariantValueInput": "empty",
1586
+ "inputVariantValueInput:1": "filled",
1587
+ "inputVariantInputPlaceholder": "default",
1588
+ "inputVariantValueInputPlaceholder": "empty",
1589
+ "inputVariantValueInputPlaceholder:1": "filled",
1590
+ "inputVariantLabel": "default",
1591
+ "inputVariantValueLabel": "empty",
1592
+ "inputVariantValueLabel:1": "filled",
1593
+ "inputVariantLabelRequired": "default",
1594
+ "inputVariantValueLabelRequired": "empty",
1595
+ "inputVariantValueLabelRequired:1": "filled",
1596
+ "inputVariantStartIcon": "default",
1597
+ "inputVariantValueStartIcon": "empty",
1598
+ "inputVariantValueStartIcon:1": "filled",
1599
+ "inputVariantEndIcon": "default",
1600
+ "inputVariantValueEndIcon": "empty",
1601
+ "inputVariantValueEndIcon:1": "filled"
1347
1602
  },
1348
1603
  "cxLiterals": [
1349
1604
  "opacity-50",
@@ -1432,55 +1687,140 @@ var InputHelpTextInternal = {
1432
1687
  },
1433
1688
  "motionVarPrefixes": []
1434
1689
  };
1435
- var Menu_Content = {
1436
- "name": "Menu.Content",
1437
- "defaultProps": {
1438
- "size": "default",
1439
- "variant": "default",
1440
- "gutter": "1"
1441
- },
1690
+ var UDSConfigProvider = {
1691
+ "name": "UDSConfigProvider",
1692
+ "defaultProps": {},
1693
+ "getStylesLiterals": {},
1694
+ "cxLiterals": [],
1695
+ "internalComponents": [
1696
+ "UDSBreakpointsConfigProvider",
1697
+ "UDSBottomSheetConfigProvider",
1698
+ "UDSToastConfigProvider",
1699
+ "UDSTooltipConfigProvider",
1700
+ "UDSPopoverConfigProvider"
1701
+ ],
1702
+ "internalComponentProps": {},
1703
+ "propToVariantKeys": {},
1704
+ "motionVarPrefixes": []
1705
+ };
1706
+ var UDSBreakpointsConfigProvider = {
1707
+ "name": "UDSBreakpointsConfigProvider",
1708
+ "defaultProps": {},
1709
+ "getStylesLiterals": {},
1710
+ "cxLiterals": [],
1711
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1712
+ "internalComponentProps": {},
1713
+ "propToVariantKeys": {},
1714
+ "motionVarPrefixes": []
1715
+ };
1716
+ var ChipLink = {
1717
+ "name": "ChipLink",
1718
+ "defaultProps": { "variant": "primary" },
1719
+ "getStylesLiterals": {},
1720
+ "cxLiterals": ["uds-ring"],
1721
+ "internalComponents": ["ChipBase"],
1722
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1723
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1724
+ "motionVarPrefixes": []
1725
+ };
1726
+ var ChipDismissible = {
1727
+ "name": "ChipDismissible",
1728
+ "defaultProps": { "variant": "primary" },
1442
1729
  "getStylesLiterals": {},
1443
1730
  "cxLiterals": [
1444
- "uds-menu-content",
1445
- "transition-shadow",
1446
- "duration-200",
1447
- "ease-in-out",
1448
- "min-w-60",
1449
- "max-w-lg",
1450
- "max-h-96",
1451
- "overflow-auto",
1731
+ "uds-chip-dismissible-button",
1732
+ "uds-hit-target",
1452
1733
  "uds-ring",
1453
- "z-10",
1454
- "group"
1734
+ "rounded-full"
1455
1735
  ],
1456
1736
  "internalComponents": [
1457
- "AriakitMenu",
1458
- "AnimatePresence",
1459
- "MotionVStack"
1737
+ "ChipBase",
1738
+ "IconSlot",
1739
+ "Pressable"
1460
1740
  ],
1461
1741
  "internalComponentProps": {},
1462
1742
  "propToVariantKeys": {
1463
- "size": ["menucontentSizeRoot"],
1464
- "variant": ["menucontentVariantRoot"]
1743
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1744
+ "dismissButtonAriaLabel": ["aria-label"]
1465
1745
  },
1466
1746
  "motionVarPrefixes": []
1467
1747
  };
1468
- var Menu_Divider = {
1469
- "name": "Menu.Divider",
1748
+ var ChipToggle = {
1749
+ "name": "ChipToggle",
1470
1750
  "defaultProps": {
1471
- "role": "separator",
1472
- "contentPosition": "start",
1473
- "gap": "4"
1751
+ "variant": "primary",
1752
+ "role": "checkbox"
1474
1753
  },
1475
1754
  "getStylesLiterals": {
1476
- "menuitemDividerVariantRoot": "default",
1477
- "menuitemDividerVariantText": "default",
1478
- "menuitemDividerVariantLine": "default"
1755
+ "chipToggleVariantActiveRoot": "on",
1756
+ "chipToggleVariantActiveRoot:1": "off"
1479
1757
  },
1480
- "cxLiterals": [],
1481
- "internalComponents": ["DividerInternal"],
1482
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1483
- "propToVariantKeys": {},
1758
+ "cxLiterals": ["uds-ring"],
1759
+ "internalComponents": ["ChipBase"],
1760
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1761
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1762
+ "motionVarPrefixes": []
1763
+ };
1764
+ var Chip = {
1765
+ "name": "Chip",
1766
+ "defaultProps": {},
1767
+ "getStylesLiterals": {},
1768
+ "cxLiterals": [],
1769
+ "internalComponents": [
1770
+ "ChipDismissible",
1771
+ "ChipToggle",
1772
+ "ChipLink",
1773
+ "ChipButton"
1774
+ ],
1775
+ "internalComponentProps": {},
1776
+ "propToVariantKeys": {},
1777
+ "motionVarPrefixes": []
1778
+ };
1779
+ var ChipBase = {
1780
+ "name": "ChipBase",
1781
+ "defaultProps": {
1782
+ "size": "md",
1783
+ "as": "div"
1784
+ },
1785
+ "getStylesLiterals": {},
1786
+ "cxLiterals": [
1787
+ "pointer-events-none",
1788
+ "cursor-default",
1789
+ "opacity-50",
1790
+ "inline-flex",
1791
+ "items-center",
1792
+ "transition-[background-color,outline-color,box-shadow]",
1793
+ "truncate",
1794
+ "whitespace-nowrap",
1795
+ "text-center",
1796
+ "flex-1"
1797
+ ],
1798
+ "internalComponents": [
1799
+ "IconSlot",
1800
+ "HStack",
1801
+ "As",
1802
+ "Text"
1803
+ ],
1804
+ "internalComponentProps": { "Text": {
1805
+ "as": ["span"],
1806
+ "color": ["current"],
1807
+ "variant": ["inherit"]
1808
+ } },
1809
+ "propToVariantKeys": {
1810
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1811
+ "startIcon": ["icon"],
1812
+ "endIcon": ["icon"]
1813
+ },
1814
+ "motionVarPrefixes": []
1815
+ };
1816
+ var ChipButton = {
1817
+ "name": "ChipButton",
1818
+ "defaultProps": { "variant": "primary" },
1819
+ "getStylesLiterals": {},
1820
+ "cxLiterals": ["uds-ring"],
1821
+ "internalComponents": ["ChipBase"],
1822
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1823
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1484
1824
  "motionVarPrefixes": []
1485
1825
  };
1486
1826
  var Menu_Item = {
@@ -1503,6 +1843,16 @@ var Menu_Item = {
1503
1843
  "propToVariantKeys": {},
1504
1844
  "motionVarPrefixes": []
1505
1845
  };
1846
+ var Menu_Provider = {
1847
+ "name": "Menu.Provider",
1848
+ "defaultProps": {},
1849
+ "getStylesLiterals": {},
1850
+ "cxLiterals": [],
1851
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1852
+ "internalComponentProps": {},
1853
+ "propToVariantKeys": {},
1854
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1855
+ };
1506
1856
  var Menu_ItemBase = {
1507
1857
  "name": "Menu.ItemBase",
1508
1858
  "defaultProps": {
@@ -1558,39 +1908,6 @@ var Menu_ItemBase = {
1558
1908
  },
1559
1909
  "motionVarPrefixes": []
1560
1910
  };
1561
- var Menu_ItemCheckbox = {
1562
- "name": "Menu.ItemCheckbox",
1563
- "defaultProps": {},
1564
- "getStylesLiterals": {
1565
- "menuitemItemCheckboxVariantRoot": "default",
1566
- "menuitemItemCheckboxVariantActiveRoot": "on",
1567
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1568
- "menuitemItemCheckboxVariantText": "default",
1569
- "menuitemItemCheckboxVariantActiveText": "on",
1570
- "menuitemItemCheckboxVariantActiveText:1": "off",
1571
- "menuitemItemCheckboxVariantStartIcon": "default",
1572
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1573
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1574
- "menuitemItemCheckboxVariantEndIcon": "default",
1575
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1576
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1577
- },
1578
- "cxLiterals": ["uds-menu-item-checkbox"],
1579
- "internalComponents": ["MenuItemBase"],
1580
- "internalComponentProps": {},
1581
- "propToVariantKeys": {},
1582
- "motionVarPrefixes": []
1583
- };
1584
- var Menu_Provider = {
1585
- "name": "Menu.Provider",
1586
- "defaultProps": {},
1587
- "getStylesLiterals": {},
1588
- "cxLiterals": [],
1589
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1590
- "internalComponentProps": {},
1591
- "propToVariantKeys": {},
1592
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1593
- };
1594
1911
  var Menu_Trigger = {
1595
1912
  "name": "Menu.Trigger",
1596
1913
  "defaultProps": {},
@@ -1611,489 +1928,172 @@ var Menu_index = {
1611
1928
  "propToVariantKeys": {},
1612
1929
  "motionVarPrefixes": []
1613
1930
  };
1614
- var Menu = {
1615
- "name": "Menu",
1616
- "defaultProps": {},
1617
- "getStylesLiterals": {},
1618
- "cxLiterals": [],
1619
- "internalComponents": [],
1620
- "internalComponentProps": {},
1621
- "propToVariantKeys": {},
1622
- "motionVarPrefixes": []
1623
- };
1624
- var Popover = {
1625
- "name": "Popover",
1626
- "defaultProps": {},
1627
- "getStylesLiterals": {},
1628
- "cxLiterals": [],
1629
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1630
- "internalComponentProps": {},
1631
- "propToVariantKeys": {},
1632
- "motionVarPrefixes": []
1633
- };
1634
- var PopoverContent = {
1635
- "name": "PopoverContent",
1636
- "defaultProps": {},
1637
- "getStylesLiterals": {
1638
- "popoverSizeRoot": "default",
1639
- "popoverVariantRoot": "default",
1640
- "display": "flex",
1641
- "position": "absolute",
1642
- "spacingTop": "0",
1643
- "spacingStart": "0",
1644
- "spacingBottom": "0",
1645
- "spacingEnd": "0",
1646
- "popoverSizeSvgBase": "default",
1647
- "popoverVariantSvgBase": "default",
1648
- "popoverSizeSvgBorder": "default",
1649
- "popoverVariantSvgBorder": "default",
1650
- "popoverVariantBlur": "default",
1651
- "width": "full",
1652
- "height": "full",
1653
- "flexShrink": "0",
1654
- "borderRadius": "full",
1655
- "alignItems": "center",
1656
- "justifyContent": "center",
1657
- "popoverVariantCloseIcon": "default",
1658
- "popoverSizeCloseIcon": "default"
1931
+ var Menu_Content = {
1932
+ "name": "Menu.Content",
1933
+ "defaultProps": {
1934
+ "size": "default",
1935
+ "variant": "default",
1936
+ "gutter": "1"
1659
1937
  },
1938
+ "getStylesLiterals": {},
1660
1939
  "cxLiterals": [
1661
- "z-[9999]",
1662
- "outline-none",
1663
- "focus-visible:outline-none",
1664
- "uds-bgBlurFillFallback",
1665
- "uds-bgBlurFallback",
1666
- "top-0",
1667
- "left-0",
1668
- "z-[1]",
1669
- "duration-0",
1670
- "duration-120",
1671
- "transition-[background-color]",
1672
- "bg-carbon-15/0",
1673
- "hover:bg-carbon-15/10",
1674
- "active:bg-carbon-15/15",
1940
+ "uds-menu-content",
1941
+ "transition-shadow",
1942
+ "duration-200",
1943
+ "ease-in-out",
1944
+ "min-w-60",
1945
+ "max-w-lg",
1946
+ "max-h-96",
1947
+ "overflow-auto",
1675
1948
  "uds-ring",
1676
- "absolute",
1677
- "z-[4]"
1949
+ "z-10",
1950
+ "group"
1678
1951
  ],
1679
1952
  "internalComponents": [
1680
- "PopoverDismiss",
1681
- "IconSlot",
1682
- "PopoverArrow",
1683
- "Popover",
1684
- "SvgFloatingOverlay",
1685
- "Box",
1686
- "Pressable"
1953
+ "AriakitMenu",
1954
+ "AnimatePresence",
1955
+ "MotionVStack"
1687
1956
  ],
1688
1957
  "internalComponentProps": {},
1689
- "propToVariantKeys": { "closeIcon": ["icon"] },
1958
+ "propToVariantKeys": {
1959
+ "size": ["menucontentSizeRoot"],
1960
+ "variant": ["menucontentVariantRoot"]
1961
+ },
1690
1962
  "motionVarPrefixes": []
1691
1963
  };
1692
- var PopoverContext = {
1693
- "name": "PopoverContext",
1694
- "defaultProps": {},
1695
- "getStylesLiterals": {},
1964
+ var Menu_Divider = {
1965
+ "name": "Menu.Divider",
1966
+ "defaultProps": {
1967
+ "role": "separator",
1968
+ "contentPosition": "start",
1969
+ "gap": "4"
1970
+ },
1971
+ "getStylesLiterals": {
1972
+ "menuitemDividerVariantRoot": "default",
1973
+ "menuitemDividerVariantText": "default",
1974
+ "menuitemDividerVariantLine": "default"
1975
+ },
1696
1976
  "cxLiterals": [],
1697
- "internalComponents": [],
1698
- "internalComponentProps": {},
1977
+ "internalComponents": ["DividerInternal"],
1978
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1699
1979
  "propToVariantKeys": {},
1700
1980
  "motionVarPrefixes": []
1701
1981
  };
1702
- var PopoverTrigger = {
1703
- "name": "PopoverTrigger",
1982
+ var Menu = {
1983
+ "name": "Menu",
1704
1984
  "defaultProps": {},
1705
1985
  "getStylesLiterals": {},
1706
1986
  "cxLiterals": [],
1707
- "internalComponents": ["PopoverDisclosure"],
1708
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1709
- "propToVariantKeys": { "children": ["render"] },
1987
+ "internalComponents": [],
1988
+ "internalComponentProps": {},
1989
+ "propToVariantKeys": {},
1710
1990
  "motionVarPrefixes": []
1711
1991
  };
1712
- var UDSPopoverConfigProvider = {
1713
- "name": "UDSPopoverConfigProvider",
1992
+ var Menu_ItemCheckbox = {
1993
+ "name": "Menu.ItemCheckbox",
1714
1994
  "defaultProps": {},
1715
- "getStylesLiterals": {},
1716
- "cxLiterals": [],
1717
- "internalComponents": ["PopoverContext.Provider"],
1718
- "internalComponentProps": {},
1719
- "propToVariantKeys": {},
1720
- "motionVarPrefixes": []
1721
- };
1722
- var Radio = {
1723
- "name": "Radio",
1724
- "defaultProps": {
1725
- "labelPosition": "start",
1726
- "variant": "primary",
1727
- "size": "md",
1728
- "value": ""
1729
- },
1730
- "getStylesLiterals": {
1731
- "radioVariantValueRoot": "checked",
1732
- "radioVariantValueRoot:1": "unchecked",
1733
- "display": "flex",
1734
- "flexDirection": "row",
1735
- "flexDirection:1": "row-reverse",
1736
- "alignItems": "center",
1737
- "radioVariantValueRadio": "checked",
1738
- "radioVariantValueRadio:1": "unchecked",
1739
- "radioVariantValueRadioCircle": "checked",
1740
- "radioVariantValueRadioCircle:1": "unchecked"
1741
- },
1742
- "cxLiterals": [
1743
- "cursor-pointer",
1744
- "cursor-default",
1745
- "opacity-50",
1746
- "border",
1747
- "uds-ring",
1748
- "uds-ring-within",
1749
- "transition-[background-color,border-color]",
1750
- "transition-shadow",
1751
- "pointer-events-none",
1752
- "w-[8px]",
1753
- "h-[8px]",
1754
- "transition-opacity",
1755
- "cursor-[inherit]",
1756
- "absolute",
1757
- "opacity-0",
1758
- "top-1/2",
1759
- "left-1/2",
1760
- "w-[calc(100%+2px)]",
1761
- "h-[calc(100%+2px)]",
1762
- "transform",
1763
- "translate-x-[-50%]",
1764
- "translate-y-[-50%]",
1765
- "text-start",
1766
- "text-end"
1767
- ],
1768
- "internalComponents": [
1769
- "Box",
1770
- "FormLabel",
1771
- "SpringMotionConfig",
1772
- "RootElement",
1773
- "MotionBox"
1774
- ],
1775
- "internalComponentProps": {
1776
- "Box": { "borderRadius": ["full"] },
1777
- "FormLabel": {
1778
- "as": ["div"],
1779
- "variant": ["inherit"],
1780
- "color": ["inherit"]
1781
- },
1782
- "RootElement": { "data-testid": ["container"] },
1783
- "MotionBox": {
1784
- "position": ["relative"],
1785
- "borderRadius": ["full"],
1786
- "alignItems": ["center"],
1787
- "justifyContent": ["center"],
1788
- "flex": ["none"]
1789
- }
1790
- },
1791
- "propToVariantKeys": {
1792
- "size": ["radioSizeRoot", "radioSizeRadio"],
1793
- "variant": [
1794
- "radioVariantRoot",
1795
- "radioVariantRadio",
1796
- "radioVariantRadioCircle"
1797
- ],
1798
- "reduceMotion": ["reducedMotion"]
1799
- },
1800
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1801
- };
1802
- var RadioGroupProvider = {
1803
- "name": "RadioGroupProvider",
1804
- "defaultProps": {},
1805
- "getStylesLiterals": {},
1806
- "cxLiterals": [],
1807
- "internalComponents": [
1808
- "DivProps",
1809
- "Comp",
1810
- "RadioGroupContext.Provider"
1811
- ],
1812
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1813
- "propToVariantKeys": {},
1814
- "motionVarPrefixes": []
1815
- };
1816
- var RadioGroupStore = {
1817
- "name": "RadioGroupStore",
1818
- "defaultProps": {},
1819
- "getStylesLiterals": {},
1820
- "cxLiterals": [],
1821
- "internalComponents": [],
1822
- "internalComponentProps": {},
1823
- "propToVariantKeys": {},
1824
- "motionVarPrefixes": []
1825
- };
1826
- var Toast = {
1827
- "name": "Toast",
1828
- "defaultProps": {},
1829
- "getStylesLiterals": {
1830
- "className": "flex-none",
1831
- "spacing": "2",
1832
- "borderRadius": "full"
1833
- },
1834
- "cxLiterals": [
1835
- "duration-0",
1836
- "duration-120",
1837
- "transition-[background-color]",
1838
- "bg-carbon-15/0",
1839
- "hover:bg-carbon-15/10",
1840
- "active:bg-carbon-15/15",
1841
- "uds-ring"
1842
- ],
1843
- "internalComponents": [
1844
- "IconSlot",
1845
- "ToastContainer",
1846
- "Text",
1847
- "Button",
1848
- "Pressable"
1849
- ],
1850
- "internalComponentProps": {},
1851
- "propToVariantKeys": {
1852
- "size": [
1853
- "toastSizeLabel",
1854
- "toastSizeIcon",
1855
- "toastSizeActionButton",
1856
- "toastSizeCloseIcon"
1857
- ],
1858
- "variant": [
1859
- "toastVariantIcon",
1860
- "toastVariantActionButton",
1861
- "toastVariantCloseIcon"
1862
- ],
1863
- "closeIcon": ["icon"],
1864
- "onClickActionButton": ["onClick"]
1865
- },
1866
- "motionVarPrefixes": []
1867
- };
1868
- var ToastContainer = {
1869
- "name": "ToastContainer",
1870
- "defaultProps": {},
1871
- "getStylesLiterals": {
1872
- "position": "relative",
1873
- "alignItems": "center",
1874
- "display": "flex",
1875
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1876
- },
1877
- "cxLiterals": ["w-full"],
1878
- "internalComponents": ["HStack"],
1879
- "internalComponentProps": { "HStack": {
1880
- "alignItems": ["center"],
1881
- "justifyContent": ["space-between"],
1882
- "overflow": ["hidden"],
1883
- "position": ["relative"]
1884
- } },
1885
- "propToVariantKeys": {
1886
- "variant": ["toastVariantRoot"],
1887
- "size": ["toastSizeRoot"]
1888
- },
1889
- "motionVarPrefixes": []
1890
- };
1891
- var ToastPortal = {
1892
- "name": "ToastPortal",
1893
- "defaultProps": {},
1894
- "getStylesLiterals": {},
1895
- "cxLiterals": [],
1896
- "internalComponents": ["ReactToastifyToastContainer"],
1897
- "internalComponentProps": {},
1898
- "propToVariantKeys": {},
1899
- "motionVarPrefixes": []
1900
- };
1901
- var UDSToastConfigProvider = {
1902
- "name": "UDSToastConfigProvider",
1903
- "defaultProps": {},
1904
- "getStylesLiterals": {},
1905
- "cxLiterals": [],
1906
- "internalComponents": ["ToastContext.Provider"],
1907
- "internalComponentProps": {},
1908
- "propToVariantKeys": {},
1909
- "motionVarPrefixes": []
1910
- };
1911
- var Tooltip = {
1912
- "name": "Tooltip",
1913
- "defaultProps": {},
1914
- "getStylesLiterals": {},
1915
- "cxLiterals": [],
1916
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1917
- "internalComponentProps": {},
1918
- "propToVariantKeys": {},
1919
- "motionVarPrefixes": []
1920
- };
1921
- var TooltipContent = {
1922
- "name": "TooltipContent",
1923
- "defaultProps": {},
1924
- "getStylesLiterals": {
1925
- "tooltipSizeRoot": "default",
1926
- "tooltipVariantRoot": "default",
1927
- "tooltipSizeSvg": "default",
1928
- "tooltipVariantSvg": "default",
1929
- "tooltipVariantBlur": "default",
1930
- "position": "absolute",
1931
- "width": "full",
1932
- "height": "full",
1933
- "tooltipSizeTitle": "default",
1934
- "tooltipSizeBody": "default",
1935
- "tooltipSizeEndContent": "default",
1936
- "tooltipSizeIcon": "default",
1937
- "tooltipVariantIcon": "default"
1938
- },
1939
- "cxLiterals": [
1940
- "max-w-lg",
1941
- "flex",
1942
- "z-[9999]",
1943
- "uds-bgBlurFillFallback",
1944
- "uds-bgBlurFallback",
1945
- "top-0",
1946
- "left-0",
1947
- "z-[1]"
1948
- ],
1949
- "internalComponents": [
1950
- "IconSlot",
1951
- "TooltipArrow",
1952
- "Tooltip",
1953
- "SvgFloatingOverlay",
1954
- "VStack",
1955
- "Box",
1956
- "Text"
1957
- ],
1958
- "internalComponentProps": {
1959
- "VStack": { "className": ["gap-[inherit]"] },
1960
- "Box": {
1961
- "alignItems": ["center"],
1962
- "columnGap": ["1", "1.5"]
1963
- },
1964
- "Text": { "color": ["inherit"] }
1965
- },
1966
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1967
- "motionVarPrefixes": []
1968
- };
1969
- var TooltipTrigger = {
1970
- "name": "TooltipTrigger",
1971
- "defaultProps": {},
1972
- "getStylesLiterals": {},
1973
- "cxLiterals": [],
1974
- "internalComponents": ["TooltipAnchor"],
1975
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1976
- "propToVariantKeys": { "children": ["render"] },
1977
- "motionVarPrefixes": []
1978
- };
1979
- var UDSTooltipConfigProvider = {
1980
- "name": "UDSTooltipConfigProvider",
1981
- "defaultProps": {},
1982
- "getStylesLiterals": {},
1983
- "cxLiterals": [],
1984
- "internalComponents": ["TooltipContext.Provider"],
1985
- "internalComponentProps": {},
1986
- "propToVariantKeys": {},
1987
- "motionVarPrefixes": []
1988
- };
1989
- var UDSBreakpointsConfigProvider = {
1990
- "name": "UDSBreakpointsConfigProvider",
1991
- "defaultProps": {},
1992
- "getStylesLiterals": {},
1993
- "cxLiterals": [],
1994
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1995
- "internalComponentProps": {},
1996
- "propToVariantKeys": {},
1997
- "motionVarPrefixes": []
1998
- };
1999
- var UDSConfigProvider = {
2000
- "name": "UDSConfigProvider",
2001
- "defaultProps": {},
2002
- "getStylesLiterals": {},
2003
- "cxLiterals": [],
2004
- "internalComponents": [
2005
- "UDSBreakpointsConfigProvider",
2006
- "UDSBottomSheetConfigProvider",
2007
- "UDSToastConfigProvider",
2008
- "UDSTooltipConfigProvider",
2009
- "UDSPopoverConfigProvider"
2010
- ],
1995
+ "getStylesLiterals": {
1996
+ "menuitemItemCheckboxVariantRoot": "default",
1997
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1998
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1999
+ "menuitemItemCheckboxVariantText": "default",
2000
+ "menuitemItemCheckboxVariantActiveText": "on",
2001
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2002
+ "menuitemItemCheckboxVariantStartIcon": "default",
2003
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2004
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2005
+ "menuitemItemCheckboxVariantEndIcon": "default",
2006
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2007
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2008
+ },
2009
+ "cxLiterals": ["uds-menu-item-checkbox"],
2010
+ "internalComponents": ["MenuItemBase"],
2011
2011
  "internalComponentProps": {},
2012
2012
  "propToVariantKeys": {},
2013
2013
  "motionVarPrefixes": []
2014
2014
  };
2015
2015
  var componentData_default = {
2016
- Box,
2017
- FormLabel,
2018
- HStack,
2019
- Icon,
2020
- IconSlot,
2021
- Image,
2022
2016
  Link,
2017
+ VStack,
2018
+ Box,
2023
2019
  Scrim,
2020
+ Icon,
2024
2021
  SvgFloatingOverlay,
2022
+ FormLabel,
2025
2023
  Text,
2026
- VStack,
2027
- Divider,
2028
- DividerCore,
2029
- DividerInternal,
2030
- Spinner,
2024
+ IconSlot,
2025
+ HStack,
2026
+ Image,
2031
2027
  "Table.mocks": Table_mocks,
2032
2028
  Table,
2033
- AnimateHeightChange,
2034
- Badge,
2029
+ Spinner,
2030
+ DividerCore,
2031
+ DividerInternal,
2032
+ Divider,
2035
2033
  Button,
2036
2034
  Checkbox,
2037
- IconButton,
2038
- Pressable,
2039
2035
  SpringMotionConfig,
2036
+ IconButton,
2040
2037
  Switch,
2041
- Accordion,
2042
- AvoidMotionLibraryProvider,
2038
+ Badge,
2039
+ AnimateHeightChange,
2040
+ Pressable,
2043
2041
  ExperimentalPopover,
2044
- Modal,
2042
+ AvoidMotionLibraryProvider,
2045
2043
  SegmentedControl,
2046
2044
  SwitchV2,
2047
2045
  Tabs,
2048
- Avatar,
2049
- AvatarIcon,
2046
+ Modal,
2047
+ Accordion,
2050
2048
  AvatarImage,
2051
2049
  AvatarText,
2052
- BottomSheet,
2050
+ Avatar,
2051
+ AvatarIcon,
2052
+ UDSPopoverConfigProvider,
2053
+ Popover,
2054
+ PopoverContext,
2055
+ PopoverTrigger,
2056
+ PopoverContent,
2053
2057
  BottomSheetContent,
2054
2058
  BottomSheetDismiss,
2059
+ BottomSheet,
2055
2060
  BottomSheetHandle,
2056
- BottomSheetHeader,
2057
2061
  BottomSheetInternalContext,
2058
- BottomSheetProvider,
2062
+ BottomSheetHeader,
2059
2063
  BottomSheetTrigger,
2064
+ BottomSheetProvider,
2060
2065
  UDSBottomSheetConfigProvider,
2061
- Chip,
2062
- ChipBase,
2063
- ChipButton,
2064
- ChipDismissible,
2065
- ChipLink,
2066
- ChipToggle,
2066
+ UDSToastConfigProvider,
2067
+ Toast,
2068
+ ToastContainer,
2069
+ ToastPortal,
2070
+ RadioGroupStore,
2071
+ RadioGroupProvider,
2072
+ Radio,
2073
+ UDSTooltipConfigProvider,
2074
+ TooltipTrigger,
2075
+ TooltipContent,
2076
+ Tooltip,
2067
2077
  Input,
2068
2078
  InputHelpText,
2069
2079
  InputHelpTextInternal,
2070
- "Menu.Content": Menu_Content,
2071
- "Menu.Divider": Menu_Divider,
2080
+ UDSConfigProvider,
2081
+ UDSBreakpointsConfigProvider,
2082
+ ChipLink,
2083
+ ChipDismissible,
2084
+ ChipToggle,
2085
+ Chip,
2086
+ ChipBase,
2087
+ ChipButton,
2072
2088
  "Menu.Item": Menu_Item,
2073
- "Menu.ItemBase": Menu_ItemBase,
2074
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2075
2089
  "Menu.Provider": Menu_Provider,
2090
+ "Menu.ItemBase": Menu_ItemBase,
2076
2091
  "Menu.Trigger": Menu_Trigger,
2077
2092
  "Menu.index": Menu_index,
2093
+ "Menu.Content": Menu_Content,
2094
+ "Menu.Divider": Menu_Divider,
2078
2095
  Menu,
2079
- Popover,
2080
- PopoverContent,
2081
- PopoverContext,
2082
- PopoverTrigger,
2083
- UDSPopoverConfigProvider,
2084
- Radio,
2085
- RadioGroupProvider,
2086
- RadioGroupStore,
2087
- Toast,
2088
- ToastContainer,
2089
- ToastPortal,
2090
- UDSToastConfigProvider,
2091
- Tooltip,
2092
- TooltipContent,
2093
- TooltipTrigger,
2094
- UDSTooltipConfigProvider,
2095
- UDSBreakpointsConfigProvider,
2096
- UDSConfigProvider
2096
+ "Menu.ItemCheckbox": Menu_ItemCheckbox
2097
2097
  };
2098
2098
 
2099
2099
  //#endregion