@yahoo/uds 3.116.1 → 3.116.3

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