@yahoo/uds 3.119.1 → 3.119.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/cli/commands/sync.cjs +2 -1
  2. package/dist/cli/commands/sync.js +2 -1
  3. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  4. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  5. package/dist/styles/styler.d.cts +27 -27
  6. package/dist/styles/styler.d.ts +27 -27
  7. package/dist/uds/generated/componentData.cjs +1262 -1262
  8. package/dist/uds/generated/componentData.js +1262 -1262
  9. package/generated/componentData.json +1582 -1582
  10. package/package.json +1 -1
package/dist/uds/generated/componentData.cjs CHANGED
@@ -1,86 +1,6 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
 
3
3
  //#region generated/componentData.json
4
- var Box = {
5
- "name": "Box",
6
- "defaultProps": {
7
- "as": "div",
8
- "display": "flex"
9
- },
10
- "getStylesLiterals": {},
11
- "cxLiterals": [],
12
- "internalComponents": ["Comp"],
13
- "internalComponentProps": {},
14
- "propToVariantKeys": { "elevationAlias": [
15
- "backgroundColor",
16
- "borderColor",
17
- "borderWidth",
18
- "dropShadow"
19
- ] },
20
- "motionVarPrefixes": []
21
- };
22
- var FormLabel = {
23
- "name": "FormLabel",
24
- "defaultProps": {
25
- "color": "muted",
26
- "variant": "label3",
27
- "as": "label"
28
- },
29
- "getStylesLiterals": {},
30
- "cxLiterals": ["cursor-[inherit]"],
31
- "internalComponents": ["Text"],
32
- "internalComponentProps": { "Text": {
33
- "as": ["sup"],
34
- "variant": ["inherit"],
35
- "spacingStart": ["0.5"]
36
- } },
37
- "propToVariantKeys": {},
38
- "motionVarPrefixes": []
39
- };
40
- var HStack = {
41
- "name": "HStack",
42
- "defaultProps": {},
43
- "getStylesLiterals": {},
44
- "cxLiterals": [],
45
- "internalComponents": ["Box"],
46
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
47
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
48
- "motionVarPrefixes": []
49
- };
50
- var Icon = {
51
- "name": "Icon",
52
- "defaultProps": {
53
- "size": "md",
54
- "variant": "outline",
55
- "color": "primary"
56
- },
57
- "getStylesLiterals": { "flex": "none" },
58
- "cxLiterals": ["[&_path]:fill-current"],
59
- "internalComponents": ["SVGIcon"],
60
- "internalComponentProps": {},
61
- "propToVariantKeys": {},
62
- "motionVarPrefixes": []
63
- };
64
- var IconSlot = {
65
- "name": "IconSlot",
66
- "defaultProps": {},
67
- "getStylesLiterals": {},
68
- "cxLiterals": [],
69
- "internalComponents": ["Icon"],
70
- "internalComponentProps": {},
71
- "propToVariantKeys": {},
72
- "motionVarPrefixes": []
73
- };
74
- var Image = {
75
- "name": "Image",
76
- "defaultProps": {},
77
- "getStylesLiterals": {},
78
- "cxLiterals": [],
79
- "internalComponents": [],
80
- "internalComponentProps": {},
81
- "propToVariantKeys": {},
82
- "motionVarPrefixes": []
83
- };
84
4
  var Link = {
85
5
  "name": "Link",
86
6
  "defaultProps": { "variant": "primary" },
@@ -116,6 +36,34 @@ var Link = {
116
36
  },
117
37
  "motionVarPrefixes": []
118
38
  };
39
+ var VStack = {
40
+ "name": "VStack",
41
+ "defaultProps": {},
42
+ "getStylesLiterals": {},
43
+ "cxLiterals": [],
44
+ "internalComponents": ["Box"],
45
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
46
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
47
+ "motionVarPrefixes": []
48
+ };
49
+ var Box = {
50
+ "name": "Box",
51
+ "defaultProps": {
52
+ "as": "div",
53
+ "display": "flex"
54
+ },
55
+ "getStylesLiterals": {},
56
+ "cxLiterals": [],
57
+ "internalComponents": ["Comp"],
58
+ "internalComponentProps": {},
59
+ "propToVariantKeys": { "elevationAlias": [
60
+ "backgroundColor",
61
+ "borderColor",
62
+ "borderWidth",
63
+ "dropShadow"
64
+ ] },
65
+ "motionVarPrefixes": []
66
+ };
119
67
  var Scrim = {
120
68
  "name": "Scrim",
121
69
  "defaultProps": {
@@ -140,6 +88,20 @@ var Scrim = {
140
88
  "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
141
89
  "motionVarPrefixes": []
142
90
  };
91
+ var Icon = {
92
+ "name": "Icon",
93
+ "defaultProps": {
94
+ "size": "md",
95
+ "variant": "outline",
96
+ "color": "primary"
97
+ },
98
+ "getStylesLiterals": { "flex": "none" },
99
+ "cxLiterals": ["[&_path]:fill-current"],
100
+ "internalComponents": ["SVGIcon"],
101
+ "internalComponentProps": {},
102
+ "propToVariantKeys": {},
103
+ "motionVarPrefixes": []
104
+ };
143
105
  var SvgFloatingOverlay = {
144
106
  "name": "SvgFloatingOverlay",
145
107
  "defaultProps": {},
@@ -168,6 +130,24 @@ var SvgFloatingOverlay = {
168
130
  "propToVariantKeys": { "blurClassName": ["className"] },
169
131
  "motionVarPrefixes": []
170
132
  };
133
+ var FormLabel = {
134
+ "name": "FormLabel",
135
+ "defaultProps": {
136
+ "color": "muted",
137
+ "variant": "label3",
138
+ "as": "label"
139
+ },
140
+ "getStylesLiterals": {},
141
+ "cxLiterals": ["cursor-[inherit]"],
142
+ "internalComponents": ["Text"],
143
+ "internalComponentProps": { "Text": {
144
+ "as": ["sup"],
145
+ "variant": ["inherit"],
146
+ "spacingStart": ["0.5"]
147
+ } },
148
+ "propToVariantKeys": {},
149
+ "motionVarPrefixes": []
150
+ };
171
151
  var Text = {
172
152
  "name": "Text",
173
153
  "defaultProps": {
@@ -188,26 +168,95 @@ var Text = {
188
168
  ] },
189
169
  "motionVarPrefixes": []
190
170
  };
191
- var VStack = {
192
- "name": "VStack",
171
+ var IconSlot = {
172
+ "name": "IconSlot",
173
+ "defaultProps": {},
174
+ "getStylesLiterals": {},
175
+ "cxLiterals": [],
176
+ "internalComponents": ["Icon"],
177
+ "internalComponentProps": {},
178
+ "propToVariantKeys": {},
179
+ "motionVarPrefixes": []
180
+ };
181
+ var HStack = {
182
+ "name": "HStack",
193
183
  "defaultProps": {},
194
184
  "getStylesLiterals": {},
195
185
  "cxLiterals": [],
196
186
  "internalComponents": ["Box"],
197
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
198
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
187
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
188
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
199
189
  "motionVarPrefixes": []
200
190
  };
201
- var Divider = {
202
- "name": "Divider",
191
+ var Image = {
192
+ "name": "Image",
203
193
  "defaultProps": {},
204
194
  "getStylesLiterals": {},
205
195
  "cxLiterals": [],
206
- "internalComponents": ["DividerInternal"],
196
+ "internalComponents": [],
197
+ "internalComponentProps": {},
198
+ "propToVariantKeys": {},
199
+ "motionVarPrefixes": []
200
+ };
201
+ var Table_mocks = {
202
+ "name": "Table.mocks",
203
+ "defaultProps": {},
204
+ "getStylesLiterals": {},
205
+ "cxLiterals": [],
206
+ "internalComponents": [],
207
207
  "internalComponentProps": {},
208
208
  "propToVariantKeys": {},
209
209
  "motionVarPrefixes": []
210
210
  };
211
+ var Table = {
212
+ "name": "Table",
213
+ "defaultProps": {
214
+ "display": "table-cell",
215
+ "overflow": "hidden",
216
+ "borderColor": "muted",
217
+ "borderRadius": "md",
218
+ "spacing": "3",
219
+ "borderBottomColor": "muted",
220
+ "borderBottomWidth": "thin",
221
+ "color": "primary"
222
+ },
223
+ "getStylesLiterals": { "textAlign": "start" },
224
+ "cxLiterals": [],
225
+ "internalComponents": [
226
+ "CellComponent",
227
+ "Box",
228
+ "Text",
229
+ "Table.Root",
230
+ "Table.Header",
231
+ "Table.Row",
232
+ "Table.Cell",
233
+ "Table.Body"
234
+ ],
235
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
236
+ "propToVariantKeys": {},
237
+ "motionVarPrefixes": []
238
+ };
239
+ var Spinner = {
240
+ "name": "Spinner",
241
+ "defaultProps": {
242
+ "color": "primary",
243
+ "size": "lg"
244
+ },
245
+ "getStylesLiterals": {},
246
+ "cxLiterals": [
247
+ "self-center",
248
+ "relative",
249
+ "sr-only"
250
+ ],
251
+ "internalComponents": ["Icon"],
252
+ "internalComponentProps": { "Icon": {
253
+ "role": ["img"],
254
+ "className": ["animate-spin"],
255
+ "aria-hidden": ["true"]
256
+ } },
257
+ "propToVariantKeys": {},
258
+ "motionVarPrefixes": []
259
+ };
211
260
  var DividerCore = {
212
261
  "name": "DividerCore",
213
262
  "defaultProps": { "contentPosition": "center" },
@@ -251,57 +300,27 @@ var DividerInternal = {
251
300
  ] },
252
301
  "motionVarPrefixes": []
253
302
  };
254
- var AnimateHeightChange = {
255
- "name": "AnimateHeightChange",
303
+ var Divider = {
304
+ "name": "Divider",
256
305
  "defaultProps": {},
257
306
  "getStylesLiterals": {},
258
- "cxLiterals": ["overflow-hidden"],
259
- "internalComponents": ["SpringMotionConfig"],
260
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
261
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
262
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
307
+ "cxLiterals": [],
308
+ "internalComponents": ["DividerInternal"],
309
+ "internalComponentProps": {},
310
+ "propToVariantKeys": {},
311
+ "motionVarPrefixes": []
263
312
  };
264
- var Badge = {
265
- "name": "Badge",
266
- "defaultProps": {
267
- "variant": "primary",
268
- "size": "md"
269
- },
313
+ var Button = {
314
+ "name": "Button",
315
+ "defaultProps": { "type": "button" },
270
316
  "getStylesLiterals": {},
271
317
  "cxLiterals": [
272
- "flex-1",
273
- "truncate",
274
- "whitespace-nowrap",
275
- "text-center"
276
- ],
277
- "internalComponents": ["IconSlot", "HStack"],
278
- "internalComponentProps": {
279
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
280
- "HStack": {
281
- "gap": ["2"],
282
- "display": ["inline-flex"],
283
- "alignItems": ["center"]
284
- }
285
- },
286
- "propToVariantKeys": {
287
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
288
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
289
- "startIcon": ["icon"],
290
- "endIcon": ["icon"]
291
- },
292
- "motionVarPrefixes": []
293
- };
294
- var Button = {
295
- "name": "Button",
296
- "defaultProps": { "type": "button" },
297
- "getStylesLiterals": {},
298
- "cxLiterals": [
299
- "uds-ring",
300
- "uds-hit-target",
301
- "inline-flex",
302
- "overflow-hidden",
303
- "justify-center",
304
- "items-center",
318
+ "uds-ring",
319
+ "uds-hit-target",
320
+ "inline-flex",
321
+ "overflow-hidden",
322
+ "justify-center",
323
+ "items-center",
305
324
  "whitespace-nowrap",
306
325
  "select-none",
307
326
  "[transform-origin:center]",
@@ -415,6 +434,16 @@ var Checkbox = {
415
434
  },
416
435
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
417
436
  };
437
+ var SpringMotionConfig = {
438
+ "name": "SpringMotionConfig",
439
+ "defaultProps": { "reducedMotion": "user" },
440
+ "getStylesLiterals": {},
441
+ "cxLiterals": [],
442
+ "internalComponents": ["LazyMotion", "MotionConfig"],
443
+ "internalComponentProps": {},
444
+ "propToVariantKeys": { "loadFeatures": ["features"] },
445
+ "motionVarPrefixes": []
446
+ };
418
447
  var IconButton = {
419
448
  "name": "IconButton",
420
449
  "defaultProps": { "type": "button" },
@@ -454,26 +483,6 @@ var IconButton = {
454
483
  },
455
484
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
456
485
  };
457
- var Pressable = {
458
- "name": "Pressable",
459
- "defaultProps": {},
460
- "getStylesLiterals": {},
461
- "cxLiterals": [],
462
- "internalComponents": ["Comp"],
463
- "internalComponentProps": {},
464
- "propToVariantKeys": {},
465
- "motionVarPrefixes": []
466
- };
467
- var SpringMotionConfig = {
468
- "name": "SpringMotionConfig",
469
- "defaultProps": { "reducedMotion": "user" },
470
- "getStylesLiterals": {},
471
- "cxLiterals": [],
472
- "internalComponents": ["LazyMotion", "MotionConfig"],
473
- "internalComponentProps": {},
474
- "propToVariantKeys": { "loadFeatures": ["features"] },
475
- "motionVarPrefixes": []
476
- };
477
486
  var Switch = {
478
487
  "name": "Switch",
479
488
  "defaultProps": {
@@ -564,609 +573,667 @@ var Switch = {
564
573
  },
565
574
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
566
575
  };
567
- var Spinner = {
568
- "name": "Spinner",
576
+ var Badge = {
577
+ "name": "Badge",
569
578
  "defaultProps": {
570
- "color": "primary",
571
- "size": "lg"
579
+ "variant": "primary",
580
+ "size": "md"
572
581
  },
573
582
  "getStylesLiterals": {},
574
583
  "cxLiterals": [
575
- "self-center",
576
- "relative",
577
- "sr-only"
584
+ "flex-1",
585
+ "truncate",
586
+ "whitespace-nowrap",
587
+ "text-center"
578
588
  ],
579
- "internalComponents": ["Icon"],
580
- "internalComponentProps": { "Icon": {
581
- "role": ["img"],
582
- "className": ["animate-spin"],
583
- "aria-hidden": ["true"]
584
- } },
585
- "propToVariantKeys": {},
589
+ "internalComponents": ["IconSlot", "HStack"],
590
+ "internalComponentProps": {
591
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
592
+ "HStack": {
593
+ "gap": ["2"],
594
+ "display": ["inline-flex"],
595
+ "alignItems": ["center"]
596
+ }
597
+ },
598
+ "propToVariantKeys": {
599
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
600
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
601
+ "startIcon": ["icon"],
602
+ "endIcon": ["icon"]
603
+ },
586
604
  "motionVarPrefixes": []
587
605
  };
588
- var Table_mocks = {
589
- "name": "Table.mocks",
606
+ var AnimateHeightChange = {
607
+ "name": "AnimateHeightChange",
608
+ "defaultProps": {},
609
+ "getStylesLiterals": {},
610
+ "cxLiterals": ["overflow-hidden"],
611
+ "internalComponents": ["SpringMotionConfig"],
612
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
613
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
614
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
615
+ };
616
+ var Pressable = {
617
+ "name": "Pressable",
590
618
  "defaultProps": {},
591
619
  "getStylesLiterals": {},
592
620
  "cxLiterals": [],
593
- "internalComponents": [],
621
+ "internalComponents": ["Comp"],
594
622
  "internalComponentProps": {},
595
623
  "propToVariantKeys": {},
596
624
  "motionVarPrefixes": []
597
625
  };
598
- var Table = {
599
- "name": "Table",
600
- "defaultProps": {
601
- "display": "table-cell",
602
- "overflow": "hidden",
603
- "borderColor": "muted",
604
- "borderRadius": "md",
605
- "spacing": "3",
606
- "borderBottomColor": "muted",
607
- "borderBottomWidth": "thin",
608
- "color": "primary"
609
- },
610
- "getStylesLiterals": { "textAlign": "start" },
626
+ var ExperimentalPopover = {
627
+ "name": "ExperimentalPopover",
628
+ "defaultProps": {},
629
+ "getStylesLiterals": {},
611
630
  "cxLiterals": [],
612
631
  "internalComponents": [
613
- "CellComponent",
614
- "Box",
632
+ "HStack",
615
633
  "Text",
616
- "Table.Root",
617
- "Table.Header",
618
- "Table.Row",
619
- "Table.Cell",
620
- "Table.Body"
634
+ "ExperimentalPopoverHeadingBase"
621
635
  ],
622
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
636
+ "internalComponentProps": { "Text": {
637
+ "variant": ["headline1"],
638
+ "color": ["primary"]
639
+ } },
623
640
  "propToVariantKeys": {},
624
641
  "motionVarPrefixes": []
625
642
  };
626
- var Avatar = {
627
- "name": "Avatar",
643
+ var AvoidMotionLibraryProvider = {
644
+ "name": "AvoidMotionLibraryProvider",
628
645
  "defaultProps": {},
629
646
  "getStylesLiterals": {},
630
647
  "cxLiterals": [],
631
- "internalComponents": ["AvatarImage"],
648
+ "internalComponents": [],
632
649
  "internalComponentProps": {},
633
650
  "propToVariantKeys": {},
634
651
  "motionVarPrefixes": []
635
652
  };
636
- var AvatarIcon = {
637
- "name": "AvatarIcon",
638
- "defaultProps": {
639
- "size": "md",
640
- "variant": "primary"
641
- },
642
- "getStylesLiterals": {},
643
- "cxLiterals": [
644
- "overflow-hidden",
645
- "w-full",
646
- "h-full",
647
- "shrink-0",
648
- "text-center",
649
- "inline-flex",
650
- "justify-center",
651
- "items-center"
652
- ],
653
- "internalComponents": ["IconSlot", "Box"],
654
- "internalComponentProps": {},
655
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
656
- "motionVarPrefixes": []
657
- };
658
- var AvatarImage = {
659
- "name": "AvatarImage",
660
- "defaultProps": {
661
- "size": "md",
662
- "variant": "primary"
653
+ var SegmentedControl = {
654
+ "name": "SegmentedControl",
655
+ "defaultProps": {},
656
+ "getStylesLiterals": {
657
+ "display": "flex",
658
+ "alignItems": "center",
659
+ "backgroundColor": "primary",
660
+ "spacingVertical": "1",
661
+ "spacingHorizontal": "3",
662
+ "columnGap": "1.5",
663
+ "borderWidth": "thin",
664
+ "borderRadius": "full",
665
+ "borderColor": "muted",
666
+ "borderColor:1": "transparent",
667
+ "color": "primary",
668
+ "color:1": "tertiary",
669
+ "color:2": "muted"
663
670
  },
664
- "getStylesLiterals": {},
665
671
  "cxLiterals": [
666
- "overflow-hidden",
667
- "w-full",
668
- "h-full",
669
- "shrink-0",
670
- "text-center",
671
- "inline-flex",
672
- "justify-center",
673
- "items-center",
674
- "object-cover"
672
+ "uds-ring",
673
+ "cursor-not-allowed",
674
+ "opacity-50",
675
+ "pointer-events-none",
676
+ "hover:bg-primary"
675
677
  ],
676
678
  "internalComponents": [
677
- "UDSImage",
678
- "AvatarText",
679
- "AvatarIcon",
680
- "Box"
679
+ "Radio",
680
+ "Icon",
681
+ "RadioProvider",
682
+ "HStack",
683
+ "RadioGroup",
684
+ "Pressable",
685
+ "Text"
681
686
  ],
682
- "internalComponentProps": {},
687
+ "internalComponentProps": {
688
+ "Icon": {
689
+ "size": ["sm"],
690
+ "color": ["current"],
691
+ "aria-hidden": ["true"]
692
+ },
693
+ "HStack": {
694
+ "spacing": ["1"],
695
+ "gap": ["1"],
696
+ "backgroundColor": ["secondary"],
697
+ "borderRadius": ["full"],
698
+ "display": ["inline-flex"]
699
+ },
700
+ "Text": {
701
+ "variant": ["label2"],
702
+ "color": ["current"]
703
+ }
704
+ },
683
705
  "propToVariantKeys": {
684
- "alt": ["name"],
685
- "fallback": ["initials"]
706
+ "value": ["key"],
707
+ "label": ["aria-label"]
686
708
  },
687
709
  "motionVarPrefixes": []
688
710
  };
689
- var AvatarText = {
690
- "name": "AvatarText",
711
+ var SwitchV2 = {
712
+ "name": "SwitchV2",
691
713
  "defaultProps": {
692
- "size": "md",
693
- "variant": "primary"
714
+ "labelPosition": "start",
715
+ "size": "md"
716
+ },
717
+ "getStylesLiterals": {
718
+ "switchVariantRoot": "default",
719
+ "switchVariantActiveRoot": "on",
720
+ "switchVariantActiveRoot:1": "off",
721
+ "switchVariantSwitch": "default",
722
+ "switchVariantActiveSwitch": "on",
723
+ "switchVariantActiveSwitch:1": "off",
724
+ "switchVariantActiveHandle": "on",
725
+ "switchVariantActiveHandle:1": "off",
726
+ "switchVariantHandle": "default",
727
+ "switchVariantHandleIcon": "default",
728
+ "switchVariantActiveHandleIcon": "on",
729
+ "switchVariantActiveHandleIcon:1": "off"
694
730
  },
695
- "getStylesLiterals": {},
696
- "cxLiterals": [
697
- "overflow-hidden",
698
- "truncate",
699
- "w-full",
700
- "h-full",
701
- "shrink-0",
702
- "text-center",
703
- "inline-flex",
704
- "justify-center",
705
- "items-center"
706
- ],
707
- "internalComponents": ["Box", "Text"],
708
- "internalComponentProps": { "Text": {
709
- "color": ["inherit"],
710
- "variant": ["inherit"]
711
- } },
712
- "propToVariantKeys": {},
713
- "motionVarPrefixes": []
714
- };
715
- var BottomSheet = {
716
- "name": "BottomSheet",
717
- "defaultProps": { "variant": "default" },
718
- "getStylesLiterals": {},
719
731
  "cxLiterals": [
720
- "fixed",
721
- "overflow-hidden",
722
- "inset-x-0",
732
+ "group",
733
+ "flex",
734
+ "items-center",
735
+ "flex-row",
736
+ "flex-row-reverse",
737
+ "uds-ring",
738
+ "uds-ring-within",
739
+ "relative",
740
+ "uds-border-radius-full",
741
+ "transition-[background-color,box-shadow]",
742
+ "pointer-events-none",
743
+ "w-full",
744
+ "h-full",
745
+ "absolute",
746
+ "top-0",
723
747
  "bottom-0",
724
- "z-50",
725
- "[will-change:transform]",
726
- "touch-none",
727
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
728
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
729
- "transition-transform",
730
- "duration-500",
731
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
732
- "motion-reduce:transition-none",
733
- "top-[-4px]",
734
- "z-[1]",
735
- "touch-pan-y"
748
+ "right-0",
749
+ "left-0",
750
+ "overflow-hidden",
751
+ "group-hover:scale-105",
752
+ "opacity-95",
753
+ "group-hover:opacity-100",
754
+ "transition-[transform,opacity]",
755
+ "opacity-0",
756
+ "top-1/2",
757
+ "left-1/2",
758
+ "transform",
759
+ "translate-x-[-50%]",
760
+ "translate-y-[-50%]",
761
+ "transition-opacity",
762
+ "cursor-[inherit]",
763
+ "w-[calc(100%+2px)]",
764
+ "h-[calc(100%+2px)]",
765
+ "text-start",
766
+ "text-end",
767
+ "opacity-100"
736
768
  ],
737
769
  "internalComponents": [
738
- "Scrim",
739
- "BottomSheetHandle",
740
- "Dialog",
770
+ "IconSlot",
741
771
  "Box",
742
- "BottomSheetInternalContext.Provider"
772
+ "FormLabel",
773
+ "SpringMotionConfig",
774
+ "RootElement",
775
+ "MotionBox"
743
776
  ],
744
777
  "internalComponentProps": {
745
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
746
- "Dialog": { "data-testid": ["bottom-sheet"] },
747
- "Box": {
748
- "display": ["block", "flex"],
749
- "position": ["absolute"],
750
- "flexDirection": ["column"],
751
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
752
- }
753
- },
754
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
755
- "motionVarPrefixes": []
756
- };
757
- var BottomSheetContent = {
758
- "name": "BottomSheetContent",
759
- "defaultProps": {},
760
- "getStylesLiterals": {},
761
- "cxLiterals": ["min-h-0", "touch-pan-y"],
762
- "internalComponents": ["Box", "VStack"],
763
- "internalComponentProps": {
764
- "Box": {
765
- "display": ["block"],
766
- "flex": ["1"]
778
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
779
+ "FormLabel": {
780
+ "as": ["div"],
781
+ "variant": ["inherit"],
782
+ "color": ["inherit"]
767
783
  },
768
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
784
+ "SpringMotionConfig": {
785
+ "layoutVariant": ["bouncy"],
786
+ "layoutSpeed": ["4"]
787
+ },
788
+ "RootElement": { "data-testid": ["switch-root"] },
789
+ "MotionBox": { "layout": ["position"] }
769
790
  },
770
- "propToVariantKeys": {},
771
- "motionVarPrefixes": []
791
+ "propToVariantKeys": {
792
+ "size": [
793
+ "switchSizeRoot",
794
+ "switchSizeSwitch",
795
+ "switchSizeHandle",
796
+ "switchSizeHandleIcon"
797
+ ],
798
+ "onIcon": ["icon"],
799
+ "offIcon": ["icon"],
800
+ "reduceMotion": ["reducedMotion"],
801
+ "isOn": ["layoutDependency"]
802
+ },
803
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
772
804
  };
773
- var BottomSheetDismiss = {
774
- "name": "BottomSheetDismiss",
805
+ var Tabs = {
806
+ "name": "Tabs",
775
807
  "defaultProps": {},
776
- "getStylesLiterals": {},
777
- "cxLiterals": [],
778
- "internalComponents": ["AriakitDialogDismiss"],
779
- "internalComponentProps": {},
780
- "propToVariantKeys": {},
781
- "motionVarPrefixes": []
782
- };
783
- var BottomSheetHandle = {
784
- "name": "BottomSheetHandle",
785
- "defaultProps": { "variant": "default" },
786
- "getStylesLiterals": {},
808
+ "getStylesLiterals": {
809
+ "display": "flex",
810
+ "flexDirection": "row",
811
+ "columnGap": "6"
812
+ },
787
813
  "cxLiterals": [
788
- "relative",
789
- "h-5",
790
- "w-16",
791
- "outline-none",
792
- "focus-visible:outline-none",
793
- "[touch-action:pan-y]",
794
- "absolute",
795
- "left-1/2",
796
- "top-1/2",
797
- "-translate-x-1/2",
798
- "-translate-y-1/2",
799
- "h-1",
800
- "w-8",
801
- "rounded-full"
814
+ "text-tertiary",
815
+ "border-b-transparent",
816
+ "aria-selected:border-b-brand",
817
+ "aria-selected:text-secondary"
802
818
  ],
803
- "internalComponents": ["Box"],
804
- "internalComponentProps": { "Box": {
805
- "display": ["block", "flex"],
806
- "justifyContent": ["center"]
807
- } },
808
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
809
- "motionVarPrefixes": []
810
- };
811
- var BottomSheetHeader = {
812
- "name": "BottomSheetHeader",
813
- "defaultProps": { "variant": "default" },
814
- "getStylesLiterals": {},
815
- "cxLiterals": [
816
- "grid-cols-[40px_1fr_40px]",
817
- "items-center",
818
- "w-full",
819
- "min-h-10",
820
- "mt-2"
819
+ "internalComponents": [
820
+ "TabProvider",
821
+ "OriginalTabList",
822
+ "OriginalTab",
823
+ "Icon",
824
+ "OriginalTabPanel",
825
+ "Pressable",
826
+ "Comp",
827
+ "Text"
821
828
  ],
822
- "internalComponents": ["Box", "Text"],
823
829
  "internalComponentProps": {
824
- "Box": {
825
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
826
- "display": ["grid", "flex"],
827
- "justifyContent": ["flex-start", "flex-end"]
830
+ "Icon": {
831
+ "className": ["text-current"],
832
+ "size": ["md"]
833
+ },
834
+ "Pressable": {
835
+ "borderBottomWidth": ["medium"],
836
+ "spacingBottom": ["1"],
837
+ "spacingTop": ["4"]
828
838
  },
829
839
  "Text": {
830
- "variant": ["inherit"],
831
- "color": ["inherit"],
832
- "textAlign": ["center"],
833
- "className": ["w-full"]
840
+ "className": ["text-current"],
841
+ "variant": ["headline1"],
842
+ "as": ["span"]
834
843
  }
835
844
  },
836
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
837
- "motionVarPrefixes": []
838
- };
839
- var BottomSheetInternalContext = {
840
- "name": "BottomSheetInternalContext",
841
- "defaultProps": {},
842
- "getStylesLiterals": {},
843
- "cxLiterals": [],
844
- "internalComponents": [],
845
- "internalComponentProps": {},
846
- "propToVariantKeys": {},
847
- "motionVarPrefixes": []
848
- };
849
- var BottomSheetProvider = {
850
- "name": "BottomSheetProvider",
851
- "defaultProps": {},
852
- "getStylesLiterals": {},
853
- "cxLiterals": [],
854
- "internalComponents": ["AriakitDialogProvider"],
855
- "internalComponentProps": {},
856
- "propToVariantKeys": {},
857
- "motionVarPrefixes": []
858
- };
859
- var BottomSheetTrigger = {
860
- "name": "BottomSheetTrigger",
861
- "defaultProps": {},
862
- "getStylesLiterals": {},
863
- "cxLiterals": [],
864
- "internalComponents": ["AriakitDialogDisclosure"],
865
- "internalComponentProps": {},
866
845
  "propToVariantKeys": {},
867
846
  "motionVarPrefixes": []
868
847
  };
869
- var UDSBottomSheetConfigProvider = {
870
- "name": "UDSBottomSheetConfigProvider",
871
- "defaultProps": {},
872
- "getStylesLiterals": {},
873
- "cxLiterals": [],
874
- "internalComponents": ["BottomSheetContext.Provider"],
875
- "internalComponentProps": {},
876
- "propToVariantKeys": {},
877
- "motionVarPrefixes": []
878
- };
879
- var Chip = {
880
- "name": "Chip",
848
+ var Modal = {
849
+ "name": "Modal",
881
850
  "defaultProps": {},
882
851
  "getStylesLiterals": {},
883
- "cxLiterals": [],
884
- "internalComponents": [
885
- "ChipDismissible",
886
- "ChipToggle",
887
- "ChipLink",
888
- "ChipButton"
889
- ],
890
- "internalComponentProps": {},
891
- "propToVariantKeys": {},
892
- "motionVarPrefixes": []
893
- };
894
- var ChipBase = {
895
- "name": "ChipBase",
896
- "defaultProps": {
897
- "size": "md",
898
- "as": "div"
899
- },
900
- "getStylesLiterals": {},
901
852
  "cxLiterals": [
902
- "pointer-events-none",
903
- "cursor-default",
904
- "opacity-50",
905
- "inline-flex",
906
- "items-center",
907
- "transition-[background-color,outline-color,box-shadow]",
908
- "truncate",
909
- "whitespace-nowrap",
910
- "text-center",
911
- "flex-1"
853
+ "inset-8",
854
+ "top-[250px]",
855
+ "z-50",
856
+ "mx-auto",
857
+ "h-fit",
858
+ "w-[600px]",
859
+ "origin-center",
860
+ "scale-95",
861
+ "opacity-0",
862
+ "transition",
863
+ "duration-150",
864
+ "data-[enter]:scale-100",
865
+ "data-[enter]:opacity-100",
866
+ "data-[enter]:bg-primary",
867
+ "backdrop-blur-0",
868
+ "data-[enter]:opacity-60",
869
+ "data-[enter]:backdrop-blur-sm"
912
870
  ],
913
871
  "internalComponents": [
914
- "IconSlot",
872
+ "IconButton",
873
+ "Dialog",
915
874
  "HStack",
916
- "As",
917
- "Text"
875
+ "Text",
876
+ "VStack"
918
877
  ],
919
- "internalComponentProps": { "Text": {
920
- "as": ["span"],
921
- "color": ["current"],
922
- "variant": ["inherit"]
923
- } },
924
- "propToVariantKeys": {
925
- "size": ["chipSizeRoot", "chipSizeIcon"],
926
- "startIcon": ["icon"],
927
- "endIcon": ["icon"]
878
+ "internalComponentProps": {
879
+ "IconButton": {
880
+ "aria-label": ["Close"],
881
+ "size": ["sm"],
882
+ "variant": ["tertiary"]
883
+ },
884
+ "HStack": {
885
+ "alignItems": ["center"],
886
+ "justifyContent": ["space-between"]
887
+ },
888
+ "Text": {
889
+ "variant": ["headline1"],
890
+ "color": ["primary"]
891
+ },
892
+ "VStack": {
893
+ "borderRadius": ["md"],
894
+ "position": ["fixed"],
895
+ "backgroundColor": ["primary"],
896
+ "dropShadow": ["md"],
897
+ "spacing": ["8"],
898
+ "overflow": ["hidden"]
899
+ }
928
900
  },
901
+ "propToVariantKeys": { "handleClose": ["onClick"] },
929
902
  "motionVarPrefixes": []
930
903
  };
931
- var ChipButton = {
932
- "name": "ChipButton",
933
- "defaultProps": { "variant": "primary" },
934
- "getStylesLiterals": {},
935
- "cxLiterals": ["uds-ring"],
936
- "internalComponents": ["ChipBase"],
937
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
938
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
939
- "motionVarPrefixes": []
940
- };
941
- var ChipDismissible = {
942
- "name": "ChipDismissible",
943
- "defaultProps": { "variant": "primary" },
904
+ var Accordion = {
905
+ "name": "Accordion",
906
+ "defaultProps": {
907
+ "spacingHorizontal": "4",
908
+ "spacingVertical": "4"
909
+ },
944
910
  "getStylesLiterals": {},
945
- "cxLiterals": [
946
- "uds-chip-dismissible-button",
947
- "uds-hit-target",
948
- "uds-ring",
949
- "rounded-full"
950
- ],
911
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
951
912
  "internalComponents": [
952
- "ChipBase",
953
- "IconSlot",
954
- "Pressable"
913
+ "Icon",
914
+ "SpringMotionConfig",
915
+ "Pressable",
916
+ "Text",
917
+ "HStack",
918
+ "AnimatePresence",
919
+ "VStack"
955
920
  ],
956
- "internalComponentProps": {},
957
- "propToVariantKeys": {
958
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
959
- "dismissButtonAriaLabel": ["aria-label"]
960
- },
961
- "motionVarPrefixes": []
962
- };
963
- var ChipLink = {
964
- "name": "ChipLink",
965
- "defaultProps": { "variant": "primary" },
966
- "getStylesLiterals": {},
967
- "cxLiterals": ["uds-ring"],
968
- "internalComponents": ["ChipBase"],
969
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
970
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
971
- "motionVarPrefixes": []
972
- };
973
- var ChipToggle = {
974
- "name": "ChipToggle",
975
- "defaultProps": {
976
- "variant": "primary",
977
- "role": "checkbox"
978
- },
979
- "getStylesLiterals": {
980
- "chipToggleVariantActiveRoot": "on",
981
- "chipToggleVariantActiveRoot:1": "off"
921
+ "internalComponentProps": {
922
+ "Icon": {
923
+ "variant": ["fill"],
924
+ "size": ["sm"],
925
+ "color": ["primary"]
926
+ },
927
+ "SpringMotionConfig": {
928
+ "layoutVariant": ["smooth"],
929
+ "layoutSpeed": ["3"]
930
+ },
931
+ "Pressable": {
932
+ "display": ["flex"],
933
+ "flexDirection": ["row"],
934
+ "alignItems": ["center"],
935
+ "justifyContent": ["space-between"],
936
+ "borderRadius": ["md"]
937
+ },
938
+ "Text": {
939
+ "variant": ["title4"],
940
+ "color": ["primary"]
941
+ },
942
+ "HStack": {
943
+ "display": ["flex"],
944
+ "alignItems": ["center"],
945
+ "justifyContent": ["space-between"],
946
+ "columnGap": ["2.5"]
947
+ }
982
948
  },
983
- "cxLiterals": ["uds-ring"],
984
- "internalComponents": ["ChipBase"],
985
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
986
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
987
- "motionVarPrefixes": []
949
+ "propToVariantKeys": {},
950
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
988
951
  };
989
- var Menu_Content = {
990
- "name": "Menu.Content",
952
+ var AvatarImage = {
953
+ "name": "AvatarImage",
991
954
  "defaultProps": {
992
- "size": "default",
993
- "variant": "default",
994
- "gutter": "1"
955
+ "size": "md",
956
+ "variant": "primary"
995
957
  },
996
958
  "getStylesLiterals": {},
997
959
  "cxLiterals": [
998
- "uds-menu-content",
999
- "transition-shadow",
1000
- "duration-200",
1001
- "ease-in-out",
1002
- "min-w-60",
1003
- "max-w-lg",
1004
- "max-h-96",
1005
- "overflow-auto",
1006
- "uds-ring",
1007
- "z-10",
1008
- "group"
960
+ "overflow-hidden",
961
+ "w-full",
962
+ "h-full",
963
+ "shrink-0",
964
+ "text-center",
965
+ "inline-flex",
966
+ "justify-center",
967
+ "items-center",
968
+ "object-cover"
1009
969
  ],
1010
970
  "internalComponents": [
1011
- "AriakitMenu",
1012
- "AnimatePresence",
1013
- "MotionVStack"
971
+ "UDSImage",
972
+ "AvatarText",
973
+ "AvatarIcon",
974
+ "Box"
1014
975
  ],
1015
976
  "internalComponentProps": {},
1016
977
  "propToVariantKeys": {
1017
- "size": ["menucontentSizeRoot"],
1018
- "variant": ["menucontentVariantRoot"]
978
+ "alt": ["name"],
979
+ "fallback": ["initials"]
1019
980
  },
1020
981
  "motionVarPrefixes": []
1021
982
  };
1022
- var Menu_Divider = {
1023
- "name": "Menu.Divider",
983
+ var AvatarText = {
984
+ "name": "AvatarText",
1024
985
  "defaultProps": {
1025
- "role": "separator",
1026
- "contentPosition": "start",
1027
- "gap": "4"
1028
- },
1029
- "getStylesLiterals": {
1030
- "menuitemDividerVariantRoot": "default",
1031
- "menuitemDividerVariantText": "default",
1032
- "menuitemDividerVariantLine": "default"
986
+ "size": "md",
987
+ "variant": "primary"
1033
988
  },
1034
- "cxLiterals": [],
1035
- "internalComponents": ["DividerInternal"],
1036
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
989
+ "getStylesLiterals": {},
990
+ "cxLiterals": [
991
+ "overflow-hidden",
992
+ "truncate",
993
+ "w-full",
994
+ "h-full",
995
+ "shrink-0",
996
+ "text-center",
997
+ "inline-flex",
998
+ "justify-center",
999
+ "items-center"
1000
+ ],
1001
+ "internalComponents": ["Box", "Text"],
1002
+ "internalComponentProps": { "Text": {
1003
+ "color": ["inherit"],
1004
+ "variant": ["inherit"]
1005
+ } },
1037
1006
  "propToVariantKeys": {},
1038
1007
  "motionVarPrefixes": []
1039
1008
  };
1040
- var Menu_Item = {
1041
- "name": "Menu.Item",
1009
+ var Avatar = {
1010
+ "name": "Avatar",
1042
1011
  "defaultProps": {},
1043
- "getStylesLiterals": {
1044
- "menuitemItemVariantRoot": "default",
1045
- "menuitemItemVariantActiveRoot": "on",
1046
- "menuitemItemVariantActiveRoot:1": "off",
1047
- "menuitemItemVariantText": "default",
1048
- "menuitemItemVariantActiveText": "on",
1049
- "menuitemItemVariantActiveText:1": "off",
1050
- "menuitemItemVariantIcon": "default",
1051
- "menuitemItemVariantActiveIcon": "on",
1052
- "menuitemItemVariantActiveIcon:1": "off"
1053
- },
1012
+ "getStylesLiterals": {},
1054
1013
  "cxLiterals": [],
1055
- "internalComponents": ["MenuItemBase"],
1014
+ "internalComponents": ["AvatarImage"],
1056
1015
  "internalComponentProps": {},
1057
1016
  "propToVariantKeys": {},
1058
1017
  "motionVarPrefixes": []
1059
1018
  };
1060
- var Menu_ItemBase = {
1061
- "name": "Menu.ItemBase",
1019
+ var AvatarIcon = {
1020
+ "name": "AvatarIcon",
1062
1021
  "defaultProps": {
1063
- "spacing": "0",
1064
- "spacingHorizontal": "4",
1065
- "spacingVertical": "3.5",
1066
- "columnGap": "2",
1067
- "alignItems": "center",
1068
- "justifyContent": "space-between"
1069
- },
1070
- "getStylesLiterals": {
1071
- "textAlign": "start",
1072
- "menuitemSizeRoot": "default",
1073
- "flexDirection": "row",
1074
- "menuitemSizeStartIcon": "default",
1075
- "menuitemSizeEndIcon": "default"
1022
+ "size": "md",
1023
+ "variant": "primary"
1076
1024
  },
1025
+ "getStylesLiterals": {},
1077
1026
  "cxLiterals": [
1078
- "flex",
1079
- "focus-visible:text-brand",
1080
- "focus-visible:bg-brand-secondary",
1081
- "focus-visible:z-10",
1082
- "uds-ring",
1083
- "!-outline-offset-2",
1084
- "[&:not([aria-checked])]:cursor-default",
1085
- "opacity-25",
1086
- "cursor-not-allowed",
1087
- "duration-20",
1088
- "transition-[font-variation-settings]",
1089
- "ease-in-out",
1090
- "z-0",
1091
- "uds-start-icon",
1092
- "uds-end-icon"
1093
- ],
1094
- "internalComponents": [
1095
- "Pressable",
1096
- "IconSlot",
1097
- "RootComponent",
1098
- "HStack",
1099
- "AnimatePresence"
1027
+ "overflow-hidden",
1028
+ "w-full",
1029
+ "h-full",
1030
+ "shrink-0",
1031
+ "text-center",
1032
+ "inline-flex",
1033
+ "justify-center",
1034
+ "items-center"
1100
1035
  ],
1101
- "internalComponentProps": {
1102
- "HStack": {
1103
- "alignItems": ["center"],
1104
- "width": ["full"]
1105
- },
1106
- "AnimatePresence": { "mode": ["popLayout"] }
1107
- },
1108
- "propToVariantKeys": {
1109
- "startIcon": ["icon"],
1110
- "endIcon": ["icon"],
1111
- "columnGap": ["gap"]
1112
- },
1036
+ "internalComponents": ["IconSlot", "Box"],
1037
+ "internalComponentProps": {},
1038
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1113
1039
  "motionVarPrefixes": []
1114
1040
  };
1115
- var Menu_ItemCheckbox = {
1116
- "name": "Menu.ItemCheckbox",
1041
+ var UDSPopoverConfigProvider = {
1042
+ "name": "UDSPopoverConfigProvider",
1117
1043
  "defaultProps": {},
1118
- "getStylesLiterals": {
1119
- "menuitemItemCheckboxVariantRoot": "default",
1120
- "menuitemItemCheckboxVariantActiveRoot": "on",
1121
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1122
- "menuitemItemCheckboxVariantText": "default",
1123
- "menuitemItemCheckboxVariantActiveText": "on",
1124
- "menuitemItemCheckboxVariantActiveText:1": "off",
1125
- "menuitemItemCheckboxVariantStartIcon": "default",
1126
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1127
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1128
- "menuitemItemCheckboxVariantEndIcon": "default",
1129
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1130
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1131
- },
1132
- "cxLiterals": ["uds-menu-item-checkbox"],
1133
- "internalComponents": ["MenuItemBase"],
1044
+ "getStylesLiterals": {},
1045
+ "cxLiterals": [],
1046
+ "internalComponents": ["PopoverContext.Provider"],
1134
1047
  "internalComponentProps": {},
1135
1048
  "propToVariantKeys": {},
1136
1049
  "motionVarPrefixes": []
1137
1050
  };
1138
- var Menu_Provider = {
1139
- "name": "Menu.Provider",
1051
+ var Popover = {
1052
+ "name": "Popover",
1140
1053
  "defaultProps": {},
1141
1054
  "getStylesLiterals": {},
1142
1055
  "cxLiterals": [],
1143
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1056
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1144
1057
  "internalComponentProps": {},
1145
1058
  "propToVariantKeys": {},
1146
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1059
+ "motionVarPrefixes": []
1147
1060
  };
1148
- var Menu_Trigger = {
1149
- "name": "Menu.Trigger",
1061
+ var PopoverContext = {
1062
+ "name": "PopoverContext",
1150
1063
  "defaultProps": {},
1151
1064
  "getStylesLiterals": {},
1152
- "cxLiterals": ["uds-menu-trigger"],
1153
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1154
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1065
+ "cxLiterals": [],
1066
+ "internalComponents": [],
1067
+ "internalComponentProps": {},
1068
+ "propToVariantKeys": {},
1069
+ "motionVarPrefixes": []
1070
+ };
1071
+ var PopoverTrigger = {
1072
+ "name": "PopoverTrigger",
1073
+ "defaultProps": {},
1074
+ "getStylesLiterals": {},
1075
+ "cxLiterals": [],
1076
+ "internalComponents": ["PopoverDisclosure"],
1077
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1078
+ "propToVariantKeys": { "children": ["render"] },
1079
+ "motionVarPrefixes": []
1080
+ };
1081
+ var PopoverContent = {
1082
+ "name": "PopoverContent",
1083
+ "defaultProps": {},
1084
+ "getStylesLiterals": {
1085
+ "popoverSizeRoot": "default",
1086
+ "popoverVariantRoot": "default",
1087
+ "display": "flex",
1088
+ "position": "absolute",
1089
+ "spacingTop": "0",
1090
+ "spacingStart": "0",
1091
+ "spacingBottom": "0",
1092
+ "spacingEnd": "0",
1093
+ "popoverSizeSvgBase": "default",
1094
+ "popoverVariantSvgBase": "default",
1095
+ "popoverSizeSvgBorder": "default",
1096
+ "popoverVariantSvgBorder": "default",
1097
+ "popoverVariantBlur": "default",
1098
+ "width": "full",
1099
+ "height": "full",
1100
+ "flexShrink": "0",
1101
+ "borderRadius": "full",
1102
+ "alignItems": "center",
1103
+ "justifyContent": "center",
1104
+ "popoverVariantCloseIcon": "default",
1105
+ "popoverSizeCloseIcon": "default"
1106
+ },
1107
+ "cxLiterals": [
1108
+ "z-[9999]",
1109
+ "outline-none",
1110
+ "focus-visible:outline-none",
1111
+ "uds-bgBlurFillFallback",
1112
+ "uds-bgBlurFallback",
1113
+ "top-0",
1114
+ "left-0",
1115
+ "z-[1]",
1116
+ "duration-0",
1117
+ "duration-120",
1118
+ "transition-[background-color]",
1119
+ "bg-carbon-15/0",
1120
+ "hover:bg-carbon-15/10",
1121
+ "active:bg-carbon-15/15",
1122
+ "uds-ring",
1123
+ "absolute",
1124
+ "z-[4]"
1125
+ ],
1126
+ "internalComponents": [
1127
+ "PopoverDismiss",
1128
+ "IconSlot",
1129
+ "PopoverArrow",
1130
+ "Popover",
1131
+ "SvgFloatingOverlay",
1132
+ "Box",
1133
+ "Pressable"
1134
+ ],
1135
+ "internalComponentProps": {},
1136
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1137
+ "motionVarPrefixes": []
1138
+ };
1139
+ var BottomSheetContent = {
1140
+ "name": "BottomSheetContent",
1141
+ "defaultProps": {},
1142
+ "getStylesLiterals": {},
1143
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1144
+ "internalComponents": ["Box", "VStack"],
1145
+ "internalComponentProps": {
1146
+ "Box": {
1147
+ "display": ["block"],
1148
+ "flex": ["1"]
1149
+ },
1150
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1151
+ },
1155
1152
  "propToVariantKeys": {},
1156
1153
  "motionVarPrefixes": []
1157
1154
  };
1158
- var Menu_index = {
1159
- "name": "Menu.index",
1155
+ var BottomSheetDismiss = {
1156
+ "name": "BottomSheetDismiss",
1160
1157
  "defaultProps": {},
1161
1158
  "getStylesLiterals": {},
1162
1159
  "cxLiterals": [],
1163
- "internalComponents": [],
1160
+ "internalComponents": ["AriakitDialogDismiss"],
1164
1161
  "internalComponentProps": {},
1165
1162
  "propToVariantKeys": {},
1166
1163
  "motionVarPrefixes": []
1167
1164
  };
1168
- var Menu = {
1169
- "name": "Menu",
1165
+ var BottomSheet = {
1166
+ "name": "BottomSheet",
1167
+ "defaultProps": { "variant": "default" },
1168
+ "getStylesLiterals": {},
1169
+ "cxLiterals": [
1170
+ "fixed",
1171
+ "overflow-hidden",
1172
+ "inset-x-0",
1173
+ "bottom-0",
1174
+ "z-50",
1175
+ "[will-change:transform]",
1176
+ "touch-none",
1177
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1178
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1179
+ "transition-transform",
1180
+ "duration-500",
1181
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1182
+ "motion-reduce:transition-none",
1183
+ "top-[-4px]",
1184
+ "z-[1]",
1185
+ "touch-pan-y"
1186
+ ],
1187
+ "internalComponents": [
1188
+ "Scrim",
1189
+ "BottomSheetHandle",
1190
+ "Dialog",
1191
+ "Box",
1192
+ "BottomSheetInternalContext.Provider"
1193
+ ],
1194
+ "internalComponentProps": {
1195
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1196
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1197
+ "Box": {
1198
+ "display": ["block", "flex"],
1199
+ "position": ["absolute"],
1200
+ "flexDirection": ["column"],
1201
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1202
+ }
1203
+ },
1204
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1205
+ "motionVarPrefixes": []
1206
+ };
1207
+ var BottomSheetHandle = {
1208
+ "name": "BottomSheetHandle",
1209
+ "defaultProps": { "variant": "default" },
1210
+ "getStylesLiterals": {},
1211
+ "cxLiterals": [
1212
+ "relative",
1213
+ "h-5",
1214
+ "w-16",
1215
+ "outline-none",
1216
+ "focus-visible:outline-none",
1217
+ "[touch-action:pan-y]",
1218
+ "absolute",
1219
+ "left-1/2",
1220
+ "top-1/2",
1221
+ "-translate-x-1/2",
1222
+ "-translate-y-1/2",
1223
+ "h-1",
1224
+ "w-8",
1225
+ "rounded-full"
1226
+ ],
1227
+ "internalComponents": ["Box"],
1228
+ "internalComponentProps": { "Box": {
1229
+ "display": ["block", "flex"],
1230
+ "justifyContent": ["center"]
1231
+ } },
1232
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1233
+ "motionVarPrefixes": []
1234
+ };
1235
+ var BottomSheetInternalContext = {
1236
+ "name": "BottomSheetInternalContext",
1170
1237
  "defaultProps": {},
1171
1238
  "getStylesLiterals": {},
1172
1239
  "cxLiterals": [],
@@ -1175,221 +1242,170 @@ var Menu = {
1175
1242
  "propToVariantKeys": {},
1176
1243
  "motionVarPrefixes": []
1177
1244
  };
1178
- var Input = {
1179
- "name": "Input",
1180
- "defaultProps": {
1181
- "type": "text",
1182
- "size": "md",
1183
- "width": "full"
1184
- },
1185
- "getStylesLiterals": {
1186
- "inputVariantRoot": "default",
1187
- "inputVariantValueRoot": "empty",
1188
- "inputVariantValueRoot:1": "filled",
1189
- "inputVariantInputWrapper": "default",
1190
- "inputVariantValueInputWrapper": "empty",
1191
- "inputVariantValueInputWrapper:1": "filled",
1192
- "inputVariantInput": "default",
1193
- "inputVariantValueInput": "empty",
1194
- "inputVariantValueInput:1": "filled",
1195
- "inputVariantInputPlaceholder": "default",
1196
- "inputVariantValueInputPlaceholder": "empty",
1197
- "inputVariantValueInputPlaceholder:1": "filled",
1198
- "inputVariantLabel": "default",
1199
- "inputVariantValueLabel": "empty",
1200
- "inputVariantValueLabel:1": "filled",
1201
- "inputVariantLabelRequired": "default",
1202
- "inputVariantValueLabelRequired": "empty",
1203
- "inputVariantValueLabelRequired:1": "filled",
1204
- "inputVariantStartIcon": "default",
1205
- "inputVariantValueStartIcon": "empty",
1206
- "inputVariantValueStartIcon:1": "filled",
1207
- "inputVariantEndIcon": "default",
1208
- "inputVariantValueEndIcon": "empty",
1209
- "inputVariantValueEndIcon:1": "filled"
1210
- },
1245
+ var BottomSheetHeader = {
1246
+ "name": "BottomSheetHeader",
1247
+ "defaultProps": { "variant": "default" },
1248
+ "getStylesLiterals": {},
1211
1249
  "cxLiterals": [
1212
- "opacity-50",
1213
- "min-w-[200px]",
1214
- "grow",
1215
- "uds-hit-target",
1216
- "bg-clip-text",
1217
- "focus:outline-none",
1218
- "cursor-text",
1219
- "cursor-not-allowed"
1220
- ],
1221
- "internalComponents": [
1222
- "IconSlot",
1223
- "StartIcon",
1224
- "EndIcon",
1225
- "HelpTextContent",
1226
- "Box",
1227
- "InputHelpTextInternal",
1228
- "VStack",
1229
- "HStack",
1230
- "AnimateHeightChange"
1250
+ "grid-cols-[40px_1fr_40px]",
1251
+ "items-center",
1252
+ "w-full",
1253
+ "min-h-10",
1254
+ "mt-2"
1231
1255
  ],
1256
+ "internalComponents": ["Box", "Text"],
1232
1257
  "internalComponentProps": {
1233
- "HelpTextContent": { "spacingTop": ["2"] },
1234
1258
  "Box": {
1235
- "spacingBottom": ["2"],
1236
- "columnGap": ["0.5"],
1237
- "alignItems": ["flex-end", "center"],
1238
- "position": ["relative"]
1259
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1260
+ "display": ["grid", "flex"],
1261
+ "justifyContent": ["flex-start", "flex-end"]
1239
1262
  },
1240
- "HStack": {
1241
- "alignItems": ["center"],
1242
- "gap": ["1"]
1263
+ "Text": {
1264
+ "variant": ["inherit"],
1265
+ "color": ["inherit"],
1266
+ "textAlign": ["center"],
1267
+ "className": ["w-full"]
1243
1268
  }
1244
1269
  },
1245
- "propToVariantKeys": {
1246
- "size": [
1247
- "inputSizeRoot",
1248
- "inputSizeInputWrapper",
1249
- "inputSizeInput",
1250
- "inputSizeLabel",
1251
- "inputSizeStartIcon",
1252
- "inputSizeEndIcon"
1253
- ],
1254
- "startIcon": ["icon"],
1255
- "endIcon": ["icon"],
1256
- "helperTextIcon": ["startIcon"]
1257
- },
1270
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1258
1271
  "motionVarPrefixes": []
1259
1272
  };
1260
- var InputHelpText = {
1261
- "name": "InputHelpText",
1262
- "defaultProps": { "size": "md" },
1263
- "getStylesLiterals": {
1264
- "inputVariantRoot": "default",
1265
- "inputVariantValueRoot": "empty",
1266
- "inputVariantValueRoot:1": "filled"
1267
- },
1273
+ var BottomSheetTrigger = {
1274
+ "name": "BottomSheetTrigger",
1275
+ "defaultProps": {},
1276
+ "getStylesLiterals": {},
1268
1277
  "cxLiterals": [],
1269
- "internalComponents": ["InputHelpTextInternal", "Box"],
1270
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1271
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1278
+ "internalComponents": ["AriakitDialogDisclosure"],
1279
+ "internalComponentProps": {},
1280
+ "propToVariantKeys": {},
1272
1281
  "motionVarPrefixes": []
1273
1282
  };
1274
- var InputHelpTextInternal = {
1275
- "name": "InputHelpTextInternal",
1283
+ var BottomSheetProvider = {
1284
+ "name": "BottomSheetProvider",
1276
1285
  "defaultProps": {},
1277
- "getStylesLiterals": {
1278
- "inputVariantHelperText": "default",
1279
- "inputVariantValueHelperText": "empty",
1280
- "inputVariantValueHelperText:1": "filled",
1281
- "inputVariantHelperIcon": "default",
1282
- "inputVariantValueHelperIcon": "empty",
1283
- "inputVariantValueHelperIcon:1": "filled"
1284
- },
1286
+ "getStylesLiterals": {},
1285
1287
  "cxLiterals": [],
1286
- "internalComponents": ["IconSlot", "HStack"],
1287
- "internalComponentProps": { "HStack": {
1288
- "gap": ["1"],
1289
- "alignItems": ["center"]
1290
- } },
1291
- "propToVariantKeys": {
1292
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1293
- "startIcon": ["icon"],
1294
- "endIcon": ["icon"]
1295
- },
1288
+ "internalComponents": ["AriakitDialogProvider"],
1289
+ "internalComponentProps": {},
1290
+ "propToVariantKeys": {},
1296
1291
  "motionVarPrefixes": []
1297
1292
  };
1298
- var Popover = {
1299
- "name": "Popover",
1293
+ var UDSBottomSheetConfigProvider = {
1294
+ "name": "UDSBottomSheetConfigProvider",
1300
1295
  "defaultProps": {},
1301
1296
  "getStylesLiterals": {},
1302
1297
  "cxLiterals": [],
1303
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1298
+ "internalComponents": ["BottomSheetContext.Provider"],
1304
1299
  "internalComponentProps": {},
1305
1300
  "propToVariantKeys": {},
1306
1301
  "motionVarPrefixes": []
1307
1302
  };
1308
- var PopoverContent = {
1309
- "name": "PopoverContent",
1303
+ var UDSToastConfigProvider = {
1304
+ "name": "UDSToastConfigProvider",
1310
1305
  "defaultProps": {},
1311
- "getStylesLiterals": {
1312
- "popoverSizeRoot": "default",
1313
- "popoverVariantRoot": "default",
1314
- "display": "flex",
1315
- "position": "absolute",
1316
- "spacingTop": "0",
1317
- "spacingStart": "0",
1318
- "spacingBottom": "0",
1319
- "spacingEnd": "0",
1320
- "popoverSizeSvgBase": "default",
1321
- "popoverVariantSvgBase": "default",
1322
- "popoverSizeSvgBorder": "default",
1323
- "popoverVariantSvgBorder": "default",
1324
- "popoverVariantBlur": "default",
1325
- "width": "full",
1326
- "height": "full",
1327
- "flexShrink": "0",
1328
- "borderRadius": "full",
1329
- "alignItems": "center",
1330
- "justifyContent": "center",
1331
- "popoverVariantCloseIcon": "default",
1332
- "popoverSizeCloseIcon": "default"
1306
+ "getStylesLiterals": {},
1307
+ "cxLiterals": [],
1308
+ "internalComponents": ["ToastContext.Provider"],
1309
+ "internalComponentProps": {},
1310
+ "propToVariantKeys": {},
1311
+ "motionVarPrefixes": []
1312
+ };
1313
+ var Toast = {
1314
+ "name": "Toast",
1315
+ "defaultProps": {},
1316
+ "getStylesLiterals": {
1317
+ "className": "flex-none",
1318
+ "spacing": "2",
1319
+ "borderRadius": "full"
1333
1320
  },
1334
1321
  "cxLiterals": [
1335
- "z-[9999]",
1336
- "outline-none",
1337
- "focus-visible:outline-none",
1338
- "uds-bgBlurFillFallback",
1339
- "uds-bgBlurFallback",
1340
- "top-0",
1341
- "left-0",
1342
- "z-[1]",
1343
1322
  "duration-0",
1344
1323
  "duration-120",
1345
1324
  "transition-[background-color]",
1346
1325
  "bg-carbon-15/0",
1347
1326
  "hover:bg-carbon-15/10",
1348
1327
  "active:bg-carbon-15/15",
1349
- "uds-ring",
1350
- "absolute",
1351
- "z-[4]"
1328
+ "uds-ring"
1352
1329
  ],
1353
1330
  "internalComponents": [
1354
- "PopoverDismiss",
1355
1331
  "IconSlot",
1356
- "PopoverArrow",
1357
- "Popover",
1358
- "SvgFloatingOverlay",
1359
- "Box",
1332
+ "ToastContainer",
1333
+ "Text",
1334
+ "Button",
1360
1335
  "Pressable"
1361
1336
  ],
1362
1337
  "internalComponentProps": {},
1363
- "propToVariantKeys": { "closeIcon": ["icon"] },
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
+ },
1364
1353
  "motionVarPrefixes": []
1365
1354
  };
1366
- var PopoverContext = {
1367
- "name": "PopoverContext",
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"]
1371
+ } },
1372
+ "propToVariantKeys": {
1373
+ "variant": ["toastVariantRoot"],
1374
+ "size": ["toastSizeRoot"]
1375
+ },
1376
+ "motionVarPrefixes": []
1377
+ };
1378
+ var ToastPortal = {
1379
+ "name": "ToastPortal",
1368
1380
  "defaultProps": {},
1369
1381
  "getStylesLiterals": {},
1370
1382
  "cxLiterals": [],
1371
- "internalComponents": [],
1383
+ "internalComponents": ["ReactToastifyToastContainer"],
1372
1384
  "internalComponentProps": {},
1373
1385
  "propToVariantKeys": {},
1374
1386
  "motionVarPrefixes": []
1375
1387
  };
1376
- var PopoverTrigger = {
1377
- "name": "PopoverTrigger",
1388
+ var RadioGroupStore = {
1389
+ "name": "RadioGroupStore",
1378
1390
  "defaultProps": {},
1379
1391
  "getStylesLiterals": {},
1380
1392
  "cxLiterals": [],
1381
- "internalComponents": ["PopoverDisclosure"],
1382
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1383
- "propToVariantKeys": { "children": ["render"] },
1393
+ "internalComponents": [],
1394
+ "internalComponentProps": {},
1395
+ "propToVariantKeys": {},
1384
1396
  "motionVarPrefixes": []
1385
1397
  };
1386
- var UDSPopoverConfigProvider = {
1387
- "name": "UDSPopoverConfigProvider",
1398
+ var RadioGroupProvider = {
1399
+ "name": "RadioGroupProvider",
1388
1400
  "defaultProps": {},
1389
1401
  "getStylesLiterals": {},
1390
1402
  "cxLiterals": [],
1391
- "internalComponents": ["PopoverContext.Provider"],
1392
- "internalComponentProps": {},
1403
+ "internalComponents": [
1404
+ "DivProps",
1405
+ "Comp",
1406
+ "RadioGroupContext.Provider"
1407
+ ],
1408
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1393
1409
  "propToVariantKeys": {},
1394
1410
  "motionVarPrefixes": []
1395
1411
  };
@@ -1473,113 +1489,72 @@ var Radio = {
1473
1489
  },
1474
1490
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1475
1491
  };
1476
- var RadioGroupProvider = {
1477
- "name": "RadioGroupProvider",
1492
+ var UDSTooltipConfigProvider = {
1493
+ "name": "UDSTooltipConfigProvider",
1478
1494
  "defaultProps": {},
1479
1495
  "getStylesLiterals": {},
1480
1496
  "cxLiterals": [],
1481
- "internalComponents": [
1482
- "DivProps",
1483
- "Comp",
1484
- "RadioGroupContext.Provider"
1485
- ],
1486
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1497
+ "internalComponents": ["TooltipContext.Provider"],
1498
+ "internalComponentProps": {},
1487
1499
  "propToVariantKeys": {},
1488
1500
  "motionVarPrefixes": []
1489
1501
  };
1490
- var RadioGroupStore = {
1491
- "name": "RadioGroupStore",
1502
+ var TooltipTrigger = {
1503
+ "name": "TooltipTrigger",
1492
1504
  "defaultProps": {},
1493
1505
  "getStylesLiterals": {},
1494
1506
  "cxLiterals": [],
1495
- "internalComponents": [],
1496
- "internalComponentProps": {},
1497
- "propToVariantKeys": {},
1507
+ "internalComponents": ["TooltipAnchor"],
1508
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1509
+ "propToVariantKeys": { "children": ["render"] },
1498
1510
  "motionVarPrefixes": []
1499
1511
  };
1500
- var Toast = {
1501
- "name": "Toast",
1512
+ var TooltipContent = {
1513
+ "name": "TooltipContent",
1502
1514
  "defaultProps": {},
1503
1515
  "getStylesLiterals": {
1504
- "className": "flex-none",
1505
- "spacing": "2",
1506
- "borderRadius": "full"
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"
1507
1529
  },
1508
1530
  "cxLiterals": [
1509
- "duration-0",
1510
- "duration-120",
1511
- "transition-[background-color]",
1512
- "bg-carbon-15/0",
1513
- "hover:bg-carbon-15/10",
1514
- "active:bg-carbon-15/15",
1515
- "uds-ring"
1531
+ "max-w-lg",
1532
+ "flex",
1533
+ "z-[9999]",
1534
+ "uds-bgBlurFillFallback",
1535
+ "uds-bgBlurFallback",
1536
+ "top-0",
1537
+ "left-0",
1538
+ "z-[1]"
1516
1539
  ],
1517
1540
  "internalComponents": [
1518
1541
  "IconSlot",
1519
- "ToastContainer",
1520
- "Text",
1521
- "Button",
1522
- "Pressable"
1542
+ "TooltipArrow",
1543
+ "Tooltip",
1544
+ "SvgFloatingOverlay",
1545
+ "VStack",
1546
+ "Box",
1547
+ "Text"
1523
1548
  ],
1524
- "internalComponentProps": {},
1525
- "propToVariantKeys": {
1526
- "size": [
1527
- "toastSizeLabel",
1528
- "toastSizeIcon",
1529
- "toastSizeActionButton",
1530
- "toastSizeCloseIcon"
1531
- ],
1532
- "variant": [
1533
- "toastVariantIcon",
1534
- "toastVariantActionButton",
1535
- "toastVariantCloseIcon"
1536
- ],
1537
- "closeIcon": ["icon"],
1538
- "onClickActionButton": ["onClick"]
1539
- },
1540
- "motionVarPrefixes": []
1541
- };
1542
- var ToastContainer = {
1543
- "name": "ToastContainer",
1544
- "defaultProps": {},
1545
- "getStylesLiterals": {
1546
- "position": "relative",
1547
- "alignItems": "center",
1548
- "display": "flex",
1549
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1550
- },
1551
- "cxLiterals": ["w-full"],
1552
- "internalComponents": ["HStack"],
1553
- "internalComponentProps": { "HStack": {
1554
- "alignItems": ["center"],
1555
- "justifyContent": ["space-between"],
1556
- "overflow": ["hidden"],
1557
- "position": ["relative"]
1558
- } },
1559
- "propToVariantKeys": {
1560
- "variant": ["toastVariantRoot"],
1561
- "size": ["toastSizeRoot"]
1549
+ "internalComponentProps": {
1550
+ "VStack": { "className": ["gap-[inherit]"] },
1551
+ "Box": {
1552
+ "alignItems": ["center"],
1553
+ "columnGap": ["1", "1.5"]
1554
+ },
1555
+ "Text": { "color": ["inherit"] }
1562
1556
  },
1563
- "motionVarPrefixes": []
1564
- };
1565
- var ToastPortal = {
1566
- "name": "ToastPortal",
1567
- "defaultProps": {},
1568
- "getStylesLiterals": {},
1569
- "cxLiterals": [],
1570
- "internalComponents": ["ReactToastifyToastContainer"],
1571
- "internalComponentProps": {},
1572
- "propToVariantKeys": {},
1573
- "motionVarPrefixes": []
1574
- };
1575
- var UDSToastConfigProvider = {
1576
- "name": "UDSToastConfigProvider",
1577
- "defaultProps": {},
1578
- "getStylesLiterals": {},
1579
- "cxLiterals": [],
1580
- "internalComponents": ["ToastContext.Provider"],
1581
- "internalComponentProps": {},
1582
- "propToVariantKeys": {},
1557
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1583
1558
  "motionVarPrefixes": []
1584
1559
  };
1585
1560
  var Tooltip = {
@@ -1592,82 +1567,124 @@ var Tooltip = {
1592
1567
  "propToVariantKeys": {},
1593
1568
  "motionVarPrefixes": []
1594
1569
  };
1595
- var TooltipContent = {
1596
- "name": "TooltipContent",
1597
- "defaultProps": {},
1570
+ var Input = {
1571
+ "name": "Input",
1572
+ "defaultProps": {
1573
+ "type": "text",
1574
+ "size": "md",
1575
+ "width": "full"
1576
+ },
1598
1577
  "getStylesLiterals": {
1599
- "tooltipSizeRoot": "default",
1600
- "tooltipVariantRoot": "default",
1601
- "tooltipSizeSvg": "default",
1602
- "tooltipVariantSvg": "default",
1603
- "tooltipVariantBlur": "default",
1604
- "position": "absolute",
1605
- "width": "full",
1606
- "height": "full",
1607
- "tooltipSizeTitle": "default",
1608
- "tooltipSizeBody": "default",
1609
- "tooltipSizeEndContent": "default",
1610
- "tooltipSizeIcon": "default",
1611
- "tooltipVariantIcon": "default"
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"
1612
1602
  },
1613
1603
  "cxLiterals": [
1614
- "max-w-lg",
1615
- "flex",
1616
- "z-[9999]",
1617
- "uds-bgBlurFillFallback",
1618
- "uds-bgBlurFallback",
1619
- "top-0",
1620
- "left-0",
1621
- "z-[1]"
1604
+ "opacity-50",
1605
+ "min-w-[200px]",
1606
+ "grow",
1607
+ "uds-hit-target",
1608
+ "bg-clip-text",
1609
+ "focus:outline-none",
1610
+ "cursor-text",
1611
+ "cursor-not-allowed"
1622
1612
  ],
1623
1613
  "internalComponents": [
1624
1614
  "IconSlot",
1625
- "TooltipArrow",
1626
- "Tooltip",
1627
- "SvgFloatingOverlay",
1628
- "VStack",
1615
+ "StartIcon",
1616
+ "EndIcon",
1617
+ "HelpTextContent",
1629
1618
  "Box",
1630
- "Text"
1619
+ "InputHelpTextInternal",
1620
+ "VStack",
1621
+ "HStack",
1622
+ "AnimateHeightChange"
1631
1623
  ],
1632
1624
  "internalComponentProps": {
1633
- "VStack": { "className": ["gap-[inherit]"] },
1625
+ "HelpTextContent": { "spacingTop": ["2"] },
1634
1626
  "Box": {
1635
- "alignItems": ["center"],
1636
- "columnGap": ["1", "1.5"]
1627
+ "spacingBottom": ["2"],
1628
+ "columnGap": ["0.5"],
1629
+ "alignItems": ["flex-end", "center"],
1630
+ "position": ["relative"]
1637
1631
  },
1638
- "Text": { "color": ["inherit"] }
1632
+ "HStack": {
1633
+ "alignItems": ["center"],
1634
+ "gap": ["1"]
1635
+ }
1636
+ },
1637
+ "propToVariantKeys": {
1638
+ "size": [
1639
+ "inputSizeRoot",
1640
+ "inputSizeInputWrapper",
1641
+ "inputSizeInput",
1642
+ "inputSizeLabel",
1643
+ "inputSizeStartIcon",
1644
+ "inputSizeEndIcon"
1645
+ ],
1646
+ "startIcon": ["icon"],
1647
+ "endIcon": ["icon"],
1648
+ "helperTextIcon": ["startIcon"]
1639
1649
  },
1640
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1641
- "motionVarPrefixes": []
1642
- };
1643
- var TooltipTrigger = {
1644
- "name": "TooltipTrigger",
1645
- "defaultProps": {},
1646
- "getStylesLiterals": {},
1647
- "cxLiterals": [],
1648
- "internalComponents": ["TooltipAnchor"],
1649
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1650
- "propToVariantKeys": { "children": ["render"] },
1651
1650
  "motionVarPrefixes": []
1652
1651
  };
1653
- var UDSTooltipConfigProvider = {
1654
- "name": "UDSTooltipConfigProvider",
1655
- "defaultProps": {},
1656
- "getStylesLiterals": {},
1652
+ var InputHelpText = {
1653
+ "name": "InputHelpText",
1654
+ "defaultProps": { "size": "md" },
1655
+ "getStylesLiterals": {
1656
+ "inputVariantRoot": "default",
1657
+ "inputVariantValueRoot": "empty",
1658
+ "inputVariantValueRoot:1": "filled"
1659
+ },
1657
1660
  "cxLiterals": [],
1658
- "internalComponents": ["TooltipContext.Provider"],
1659
- "internalComponentProps": {},
1660
- "propToVariantKeys": {},
1661
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1662
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1663
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1661
1664
  "motionVarPrefixes": []
1662
1665
  };
1663
- var UDSBreakpointsConfigProvider = {
1664
- "name": "UDSBreakpointsConfigProvider",
1666
+ var InputHelpTextInternal = {
1667
+ "name": "InputHelpTextInternal",
1665
1668
  "defaultProps": {},
1666
- "getStylesLiterals": {},
1669
+ "getStylesLiterals": {
1670
+ "inputVariantHelperText": "default",
1671
+ "inputVariantValueHelperText": "empty",
1672
+ "inputVariantValueHelperText:1": "filled",
1673
+ "inputVariantHelperIcon": "default",
1674
+ "inputVariantValueHelperIcon": "empty",
1675
+ "inputVariantValueHelperIcon:1": "filled"
1676
+ },
1667
1677
  "cxLiterals": [],
1668
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1669
- "internalComponentProps": {},
1670
- "propToVariantKeys": {},
1678
+ "internalComponents": ["IconSlot", "HStack"],
1679
+ "internalComponentProps": { "HStack": {
1680
+ "gap": ["1"],
1681
+ "alignItems": ["center"]
1682
+ } },
1683
+ "propToVariantKeys": {
1684
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1685
+ "startIcon": ["icon"],
1686
+ "endIcon": ["icon"]
1687
+ },
1671
1688
  "motionVarPrefixes": []
1672
1689
  };
1673
1690
  var UDSConfigProvider = {
@@ -1686,414 +1703,397 @@ var UDSConfigProvider = {
1686
1703
  "propToVariantKeys": {},
1687
1704
  "motionVarPrefixes": []
1688
1705
  };
1689
- var Accordion = {
1690
- "name": "Accordion",
1691
- "defaultProps": {
1692
- "spacingHorizontal": "4",
1693
- "spacingVertical": "4"
1694
- },
1695
- "getStylesLiterals": {},
1696
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1697
- "internalComponents": [
1698
- "Icon",
1699
- "SpringMotionConfig",
1700
- "Pressable",
1701
- "Text",
1702
- "HStack",
1703
- "AnimatePresence",
1704
- "VStack"
1705
- ],
1706
- "internalComponentProps": {
1707
- "Icon": {
1708
- "variant": ["fill"],
1709
- "size": ["sm"],
1710
- "color": ["primary"]
1711
- },
1712
- "SpringMotionConfig": {
1713
- "layoutVariant": ["smooth"],
1714
- "layoutSpeed": ["3"]
1715
- },
1716
- "Pressable": {
1717
- "display": ["flex"],
1718
- "flexDirection": ["row"],
1719
- "alignItems": ["center"],
1720
- "justifyContent": ["space-between"],
1721
- "borderRadius": ["md"]
1722
- },
1723
- "Text": {
1724
- "variant": ["title4"],
1725
- "color": ["primary"]
1726
- },
1727
- "HStack": {
1728
- "display": ["flex"],
1729
- "alignItems": ["center"],
1730
- "justifyContent": ["space-between"],
1731
- "columnGap": ["2.5"]
1732
- }
1733
- },
1734
- "propToVariantKeys": {},
1735
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1736
- };
1737
- var AvoidMotionLibraryProvider = {
1738
- "name": "AvoidMotionLibraryProvider",
1706
+ var UDSBreakpointsConfigProvider = {
1707
+ "name": "UDSBreakpointsConfigProvider",
1739
1708
  "defaultProps": {},
1740
1709
  "getStylesLiterals": {},
1741
1710
  "cxLiterals": [],
1742
- "internalComponents": [],
1711
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1743
1712
  "internalComponentProps": {},
1744
1713
  "propToVariantKeys": {},
1745
1714
  "motionVarPrefixes": []
1746
1715
  };
1747
- var ExperimentalPopover = {
1748
- "name": "ExperimentalPopover",
1749
- "defaultProps": {},
1716
+ var ChipLink = {
1717
+ "name": "ChipLink",
1718
+ "defaultProps": { "variant": "primary" },
1750
1719
  "getStylesLiterals": {},
1751
- "cxLiterals": [],
1752
- "internalComponents": [
1753
- "HStack",
1754
- "Text",
1755
- "ExperimentalPopoverHeadingBase"
1756
- ],
1757
- "internalComponentProps": { "Text": {
1758
- "variant": ["headline1"],
1759
- "color": ["primary"]
1760
- } },
1761
- "propToVariantKeys": {},
1720
+ "cxLiterals": ["uds-ring"],
1721
+ "internalComponents": ["ChipBase"],
1722
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1723
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1762
1724
  "motionVarPrefixes": []
1763
1725
  };
1764
- var Modal = {
1765
- "name": "Modal",
1766
- "defaultProps": {},
1767
- "getStylesLiterals": {},
1768
- "cxLiterals": [
1769
- "inset-8",
1770
- "top-[250px]",
1771
- "z-50",
1772
- "mx-auto",
1773
- "h-fit",
1774
- "w-[600px]",
1775
- "origin-center",
1776
- "scale-95",
1777
- "opacity-0",
1778
- "transition",
1779
- "duration-150",
1780
- "data-[enter]:scale-100",
1781
- "data-[enter]:opacity-100",
1782
- "data-[enter]:bg-primary",
1783
- "backdrop-blur-0",
1784
- "data-[enter]:opacity-60",
1785
- "data-[enter]:backdrop-blur-sm"
1786
- ],
1787
- "internalComponents": [
1788
- "IconButton",
1789
- "Dialog",
1790
- "HStack",
1791
- "Text",
1792
- "VStack"
1793
- ],
1794
- "internalComponentProps": {
1795
- "IconButton": {
1796
- "aria-label": ["Close"],
1797
- "size": ["sm"],
1798
- "variant": ["tertiary"]
1799
- },
1800
- "HStack": {
1801
- "alignItems": ["center"],
1802
- "justifyContent": ["space-between"]
1803
- },
1804
- "Text": {
1805
- "variant": ["headline1"],
1806
- "color": ["primary"]
1807
- },
1808
- "VStack": {
1809
- "borderRadius": ["md"],
1810
- "position": ["fixed"],
1811
- "backgroundColor": ["primary"],
1812
- "dropShadow": ["md"],
1813
- "spacing": ["8"],
1814
- "overflow": ["hidden"]
1815
- }
1726
+ var ChipDismissible = {
1727
+ "name": "ChipDismissible",
1728
+ "defaultProps": { "variant": "primary" },
1729
+ "getStylesLiterals": {},
1730
+ "cxLiterals": [
1731
+ "uds-chip-dismissible-button",
1732
+ "uds-hit-target",
1733
+ "uds-ring",
1734
+ "rounded-full"
1735
+ ],
1736
+ "internalComponents": [
1737
+ "ChipBase",
1738
+ "IconSlot",
1739
+ "Pressable"
1740
+ ],
1741
+ "internalComponentProps": {},
1742
+ "propToVariantKeys": {
1743
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1744
+ "dismissButtonAriaLabel": ["aria-label"]
1816
1745
  },
1817
- "propToVariantKeys": { "handleClose": ["onClick"] },
1818
1746
  "motionVarPrefixes": []
1819
1747
  };
1820
- var SegmentedControl = {
1821
- "name": "SegmentedControl",
1822
- "defaultProps": {},
1748
+ var ChipToggle = {
1749
+ "name": "ChipToggle",
1750
+ "defaultProps": {
1751
+ "variant": "primary",
1752
+ "role": "checkbox"
1753
+ },
1823
1754
  "getStylesLiterals": {
1824
- "display": "flex",
1825
- "alignItems": "center",
1826
- "backgroundColor": "primary",
1827
- "spacingVertical": "1",
1828
- "spacingHorizontal": "3",
1829
- "columnGap": "1.5",
1830
- "borderWidth": "thin",
1831
- "borderRadius": "full",
1832
- "borderColor": "muted",
1833
- "borderColor:1": "transparent",
1834
- "color": "primary",
1835
- "color:1": "tertiary",
1836
- "color:2": "muted"
1755
+ "chipToggleVariantActiveRoot": "on",
1756
+ "chipToggleVariantActiveRoot:1": "off"
1757
+ },
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"
1837
1784
  },
1785
+ "getStylesLiterals": {},
1838
1786
  "cxLiterals": [
1839
- "uds-ring",
1840
- "cursor-not-allowed",
1841
- "opacity-50",
1842
1787
  "pointer-events-none",
1843
- "hover:bg-primary"
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"
1844
1797
  ],
1845
1798
  "internalComponents": [
1846
- "Radio",
1847
- "Icon",
1848
- "RadioProvider",
1799
+ "IconSlot",
1849
1800
  "HStack",
1850
- "RadioGroup",
1851
- "Pressable",
1801
+ "As",
1852
1802
  "Text"
1853
1803
  ],
1854
- "internalComponentProps": {
1855
- "Icon": {
1856
- "size": ["sm"],
1857
- "color": ["current"],
1858
- "aria-hidden": ["true"]
1859
- },
1860
- "HStack": {
1861
- "spacing": ["1"],
1862
- "gap": ["1"],
1863
- "backgroundColor": ["secondary"],
1864
- "borderRadius": ["full"],
1865
- "display": ["inline-flex"]
1866
- },
1867
- "Text": {
1868
- "variant": ["label2"],
1869
- "color": ["current"]
1870
- }
1871
- },
1804
+ "internalComponentProps": { "Text": {
1805
+ "as": ["span"],
1806
+ "color": ["current"],
1807
+ "variant": ["inherit"]
1808
+ } },
1872
1809
  "propToVariantKeys": {
1873
- "value": ["key"],
1874
- "label": ["aria-label"]
1810
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1811
+ "startIcon": ["icon"],
1812
+ "endIcon": ["icon"]
1875
1813
  },
1876
1814
  "motionVarPrefixes": []
1877
1815
  };
1878
- var SwitchV2 = {
1879
- "name": "SwitchV2",
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"] },
1824
+ "motionVarPrefixes": []
1825
+ };
1826
+ var Menu_Item = {
1827
+ "name": "Menu.Item",
1828
+ "defaultProps": {},
1829
+ "getStylesLiterals": {
1830
+ "menuitemItemVariantRoot": "default",
1831
+ "menuitemItemVariantActiveRoot": "on",
1832
+ "menuitemItemVariantActiveRoot:1": "off",
1833
+ "menuitemItemVariantText": "default",
1834
+ "menuitemItemVariantActiveText": "on",
1835
+ "menuitemItemVariantActiveText:1": "off",
1836
+ "menuitemItemVariantIcon": "default",
1837
+ "menuitemItemVariantActiveIcon": "on",
1838
+ "menuitemItemVariantActiveIcon:1": "off"
1839
+ },
1840
+ "cxLiterals": [],
1841
+ "internalComponents": ["MenuItemBase"],
1842
+ "internalComponentProps": {},
1843
+ "propToVariantKeys": {},
1844
+ "motionVarPrefixes": []
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
+ };
1856
+ var Menu_ItemBase = {
1857
+ "name": "Menu.ItemBase",
1880
1858
  "defaultProps": {
1881
- "labelPosition": "start",
1882
- "size": "md"
1859
+ "spacing": "0",
1860
+ "spacingHorizontal": "4",
1861
+ "spacingVertical": "3.5",
1862
+ "columnGap": "2",
1863
+ "alignItems": "center",
1864
+ "justifyContent": "space-between"
1883
1865
  },
1884
1866
  "getStylesLiterals": {
1885
- "switchVariantRoot": "default",
1886
- "switchVariantActiveRoot": "on",
1887
- "switchVariantActiveRoot:1": "off",
1888
- "switchVariantSwitch": "default",
1889
- "switchVariantActiveSwitch": "on",
1890
- "switchVariantActiveSwitch:1": "off",
1891
- "switchVariantActiveHandle": "on",
1892
- "switchVariantActiveHandle:1": "off",
1893
- "switchVariantHandle": "default",
1894
- "switchVariantHandleIcon": "default",
1895
- "switchVariantActiveHandleIcon": "on",
1896
- "switchVariantActiveHandleIcon:1": "off"
1867
+ "textAlign": "start",
1868
+ "menuitemSizeRoot": "default",
1869
+ "flexDirection": "row",
1870
+ "menuitemSizeStartIcon": "default",
1871
+ "menuitemSizeEndIcon": "default"
1897
1872
  },
1898
1873
  "cxLiterals": [
1899
- "group",
1900
1874
  "flex",
1901
- "items-center",
1902
- "flex-row",
1903
- "flex-row-reverse",
1875
+ "focus-visible:text-brand",
1876
+ "focus-visible:bg-brand-secondary",
1877
+ "focus-visible:z-10",
1904
1878
  "uds-ring",
1905
- "uds-ring-within",
1906
- "relative",
1907
- "uds-border-radius-full",
1908
- "transition-[background-color,box-shadow]",
1909
- "pointer-events-none",
1910
- "w-full",
1911
- "h-full",
1912
- "absolute",
1913
- "top-0",
1914
- "bottom-0",
1915
- "right-0",
1916
- "left-0",
1917
- "overflow-hidden",
1918
- "group-hover:scale-105",
1919
- "opacity-95",
1920
- "group-hover:opacity-100",
1921
- "transition-[transform,opacity]",
1922
- "opacity-0",
1923
- "top-1/2",
1924
- "left-1/2",
1925
- "transform",
1926
- "translate-x-[-50%]",
1927
- "translate-y-[-50%]",
1928
- "transition-opacity",
1929
- "cursor-[inherit]",
1930
- "w-[calc(100%+2px)]",
1931
- "h-[calc(100%+2px)]",
1932
- "text-start",
1933
- "text-end",
1934
- "opacity-100"
1879
+ "!-outline-offset-2",
1880
+ "[&:not([aria-checked])]:cursor-default",
1881
+ "opacity-25",
1882
+ "cursor-not-allowed",
1883
+ "duration-20",
1884
+ "transition-[font-variation-settings]",
1885
+ "ease-in-out",
1886
+ "z-0",
1887
+ "uds-start-icon",
1888
+ "uds-end-icon"
1935
1889
  ],
1936
1890
  "internalComponents": [
1891
+ "Pressable",
1937
1892
  "IconSlot",
1938
- "Box",
1939
- "FormLabel",
1940
- "SpringMotionConfig",
1941
- "RootElement",
1942
- "MotionBox"
1943
- ],
1944
- "internalComponentProps": {
1945
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1946
- "FormLabel": {
1947
- "as": ["div"],
1948
- "variant": ["inherit"],
1949
- "color": ["inherit"]
1950
- },
1951
- "SpringMotionConfig": {
1952
- "layoutVariant": ["bouncy"],
1953
- "layoutSpeed": ["4"]
1893
+ "RootComponent",
1894
+ "HStack",
1895
+ "AnimatePresence"
1896
+ ],
1897
+ "internalComponentProps": {
1898
+ "HStack": {
1899
+ "alignItems": ["center"],
1900
+ "width": ["full"]
1954
1901
  },
1955
- "RootElement": { "data-testid": ["switch-root"] },
1956
- "MotionBox": { "layout": ["position"] }
1902
+ "AnimatePresence": { "mode": ["popLayout"] }
1957
1903
  },
1958
1904
  "propToVariantKeys": {
1959
- "size": [
1960
- "switchSizeRoot",
1961
- "switchSizeSwitch",
1962
- "switchSizeHandle",
1963
- "switchSizeHandleIcon"
1964
- ],
1965
- "onIcon": ["icon"],
1966
- "offIcon": ["icon"],
1967
- "reduceMotion": ["reducedMotion"],
1968
- "isOn": ["layoutDependency"]
1905
+ "startIcon": ["icon"],
1906
+ "endIcon": ["icon"],
1907
+ "columnGap": ["gap"]
1969
1908
  },
1970
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1909
+ "motionVarPrefixes": []
1971
1910
  };
1972
- var Tabs = {
1973
- "name": "Tabs",
1911
+ var Menu_Trigger = {
1912
+ "name": "Menu.Trigger",
1974
1913
  "defaultProps": {},
1975
- "getStylesLiterals": {
1976
- "display": "flex",
1977
- "flexDirection": "row",
1978
- "columnGap": "6"
1914
+ "getStylesLiterals": {},
1915
+ "cxLiterals": ["uds-menu-trigger"],
1916
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1917
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1918
+ "propToVariantKeys": {},
1919
+ "motionVarPrefixes": []
1920
+ };
1921
+ var Menu_index = {
1922
+ "name": "Menu.index",
1923
+ "defaultProps": {},
1924
+ "getStylesLiterals": {},
1925
+ "cxLiterals": [],
1926
+ "internalComponents": [],
1927
+ "internalComponentProps": {},
1928
+ "propToVariantKeys": {},
1929
+ "motionVarPrefixes": []
1930
+ };
1931
+ var Menu_Content = {
1932
+ "name": "Menu.Content",
1933
+ "defaultProps": {
1934
+ "size": "default",
1935
+ "variant": "default",
1936
+ "gutter": "1"
1979
1937
  },
1938
+ "getStylesLiterals": {},
1980
1939
  "cxLiterals": [
1981
- "text-tertiary",
1982
- "border-b-transparent",
1983
- "aria-selected:border-b-brand",
1984
- "aria-selected:text-secondary"
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",
1948
+ "uds-ring",
1949
+ "z-10",
1950
+ "group"
1985
1951
  ],
1986
1952
  "internalComponents": [
1987
- "TabProvider",
1988
- "OriginalTabList",
1989
- "OriginalTab",
1990
- "Icon",
1991
- "OriginalTabPanel",
1992
- "Pressable",
1993
- "Comp",
1994
- "Text"
1953
+ "AriakitMenu",
1954
+ "AnimatePresence",
1955
+ "MotionVStack"
1995
1956
  ],
1996
- "internalComponentProps": {
1997
- "Icon": {
1998
- "className": ["text-current"],
1999
- "size": ["md"]
2000
- },
2001
- "Pressable": {
2002
- "borderBottomWidth": ["medium"],
2003
- "spacingBottom": ["1"],
2004
- "spacingTop": ["4"]
2005
- },
2006
- "Text": {
2007
- "className": ["text-current"],
2008
- "variant": ["headline1"],
2009
- "as": ["span"]
2010
- }
1957
+ "internalComponentProps": {},
1958
+ "propToVariantKeys": {
1959
+ "size": ["menucontentSizeRoot"],
1960
+ "variant": ["menucontentVariantRoot"]
1961
+ },
1962
+ "motionVarPrefixes": []
1963
+ };
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
+ },
1976
+ "cxLiterals": [],
1977
+ "internalComponents": ["DividerInternal"],
1978
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1979
+ "propToVariantKeys": {},
1980
+ "motionVarPrefixes": []
1981
+ };
1982
+ var Menu = {
1983
+ "name": "Menu",
1984
+ "defaultProps": {},
1985
+ "getStylesLiterals": {},
1986
+ "cxLiterals": [],
1987
+ "internalComponents": [],
1988
+ "internalComponentProps": {},
1989
+ "propToVariantKeys": {},
1990
+ "motionVarPrefixes": []
1991
+ };
1992
+ var Menu_ItemCheckbox = {
1993
+ "name": "Menu.ItemCheckbox",
1994
+ "defaultProps": {},
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"
2011
2008
  },
2009
+ "cxLiterals": ["uds-menu-item-checkbox"],
2010
+ "internalComponents": ["MenuItemBase"],
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,
2024
+ IconSlot,
2025
+ HStack,
2026
+ Image,
2027
+ "Table.mocks": Table_mocks,
2028
+ Table,
2029
+ Spinner,
2028
2030
  DividerCore,
2029
2031
  DividerInternal,
2030
- AnimateHeightChange,
2031
- Badge,
2032
+ Divider,
2032
2033
  Button,
2033
2034
  Checkbox,
2034
- IconButton,
2035
- Pressable,
2036
2035
  SpringMotionConfig,
2036
+ IconButton,
2037
2037
  Switch,
2038
- Spinner,
2039
- "Table.mocks": Table_mocks,
2040
- Table,
2041
- Avatar,
2042
- AvatarIcon,
2038
+ Badge,
2039
+ AnimateHeightChange,
2040
+ Pressable,
2041
+ ExperimentalPopover,
2042
+ AvoidMotionLibraryProvider,
2043
+ SegmentedControl,
2044
+ SwitchV2,
2045
+ Tabs,
2046
+ Modal,
2047
+ Accordion,
2043
2048
  AvatarImage,
2044
2049
  AvatarText,
2045
- BottomSheet,
2050
+ Avatar,
2051
+ AvatarIcon,
2052
+ UDSPopoverConfigProvider,
2053
+ Popover,
2054
+ PopoverContext,
2055
+ PopoverTrigger,
2056
+ PopoverContent,
2046
2057
  BottomSheetContent,
2047
2058
  BottomSheetDismiss,
2059
+ BottomSheet,
2048
2060
  BottomSheetHandle,
2049
- BottomSheetHeader,
2050
2061
  BottomSheetInternalContext,
2051
- BottomSheetProvider,
2062
+ BottomSheetHeader,
2052
2063
  BottomSheetTrigger,
2064
+ BottomSheetProvider,
2053
2065
  UDSBottomSheetConfigProvider,
2066
+ UDSToastConfigProvider,
2067
+ Toast,
2068
+ ToastContainer,
2069
+ ToastPortal,
2070
+ RadioGroupStore,
2071
+ RadioGroupProvider,
2072
+ Radio,
2073
+ UDSTooltipConfigProvider,
2074
+ TooltipTrigger,
2075
+ TooltipContent,
2076
+ Tooltip,
2077
+ Input,
2078
+ InputHelpText,
2079
+ InputHelpTextInternal,
2080
+ UDSConfigProvider,
2081
+ UDSBreakpointsConfigProvider,
2082
+ ChipLink,
2083
+ ChipDismissible,
2084
+ ChipToggle,
2054
2085
  Chip,
2055
2086
  ChipBase,
2056
2087
  ChipButton,
2057
- ChipDismissible,
2058
- ChipLink,
2059
- ChipToggle,
2060
- "Menu.Content": Menu_Content,
2061
- "Menu.Divider": Menu_Divider,
2062
2088
  "Menu.Item": Menu_Item,
2063
- "Menu.ItemBase": Menu_ItemBase,
2064
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2065
2089
  "Menu.Provider": Menu_Provider,
2090
+ "Menu.ItemBase": Menu_ItemBase,
2066
2091
  "Menu.Trigger": Menu_Trigger,
2067
2092
  "Menu.index": Menu_index,
2093
+ "Menu.Content": Menu_Content,
2094
+ "Menu.Divider": Menu_Divider,
2068
2095
  Menu,
2069
- Input,
2070
- InputHelpText,
2071
- InputHelpTextInternal,
2072
- Popover,
2073
- PopoverContent,
2074
- PopoverContext,
2075
- PopoverTrigger,
2076
- UDSPopoverConfigProvider,
2077
- Radio,
2078
- RadioGroupProvider,
2079
- RadioGroupStore,
2080
- Toast,
2081
- ToastContainer,
2082
- ToastPortal,
2083
- UDSToastConfigProvider,
2084
- Tooltip,
2085
- TooltipContent,
2086
- TooltipTrigger,
2087
- UDSTooltipConfigProvider,
2088
- UDSBreakpointsConfigProvider,
2089
- UDSConfigProvider,
2090
- Accordion,
2091
- AvoidMotionLibraryProvider,
2092
- ExperimentalPopover,
2093
- Modal,
2094
- SegmentedControl,
2095
- SwitchV2,
2096
- Tabs
2096
+ "Menu.ItemCheckbox": Menu_ItemCheckbox
2097
2097
  };
2098
2098
 
2099
2099
  //#endregion