@yahoo/uds 3.122.1 → 3.122.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 (8) hide show
  1. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  2. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  3. package/dist/styles/styler.d.cts +45 -45
  4. package/dist/styles/styler.d.ts +45 -45
  5. package/dist/uds/generated/componentData.cjs +1430 -1430
  6. package/dist/uds/generated/componentData.js +1430 -1430
  7. package/generated/componentData.json +1601 -1601
  8. package/package.json +1 -1
package/dist/uds/generated/componentData.js CHANGED
@@ -1,5 +1,103 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
+ var Box = {
4
+ "name": "Box",
5
+ "defaultProps": {
6
+ "as": "div",
7
+ "display": "flex"
8
+ },
9
+ "getStylesLiterals": {},
10
+ "cxLiterals": [],
11
+ "internalComponents": ["Comp"],
12
+ "internalComponentProps": {},
13
+ "propToVariantKeys": { "elevationAlias": [
14
+ "backgroundColor",
15
+ "borderColor",
16
+ "borderWidth",
17
+ "dropShadow"
18
+ ] },
19
+ "runtimeConfigDefaultProps": {},
20
+ "runtimeConfigGetStyles": {},
21
+ "runtimeConfigInternalComponentProps": {},
22
+ "motionVarPrefixes": []
23
+ };
24
+ var FormLabel = {
25
+ "name": "FormLabel",
26
+ "defaultProps": {
27
+ "color": "muted",
28
+ "variant": "label3",
29
+ "as": "label"
30
+ },
31
+ "getStylesLiterals": {},
32
+ "cxLiterals": ["cursor-[inherit]"],
33
+ "internalComponents": ["Text"],
34
+ "internalComponentProps": { "Text": {
35
+ "as": ["sup"],
36
+ "variant": ["inherit"],
37
+ "spacingStart": ["0.5"]
38
+ } },
39
+ "propToVariantKeys": {},
40
+ "runtimeConfigDefaultProps": {},
41
+ "runtimeConfigGetStyles": {},
42
+ "runtimeConfigInternalComponentProps": {},
43
+ "motionVarPrefixes": []
44
+ };
45
+ var HStack = {
46
+ "name": "HStack",
47
+ "defaultProps": {},
48
+ "getStylesLiterals": {},
49
+ "cxLiterals": [],
50
+ "internalComponents": ["Box"],
51
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
52
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
53
+ "runtimeConfigDefaultProps": {},
54
+ "runtimeConfigGetStyles": {},
55
+ "runtimeConfigInternalComponentProps": {},
56
+ "motionVarPrefixes": []
57
+ };
58
+ var Icon = {
59
+ "name": "Icon",
60
+ "defaultProps": {
61
+ "size": "md",
62
+ "variant": "outline",
63
+ "color": "primary"
64
+ },
65
+ "getStylesLiterals": { "flex": "none" },
66
+ "cxLiterals": ["[&_path]:fill-current"],
67
+ "internalComponents": ["SVGIcon"],
68
+ "internalComponentProps": {},
69
+ "propToVariantKeys": {},
70
+ "runtimeConfigDefaultProps": {},
71
+ "runtimeConfigGetStyles": {},
72
+ "runtimeConfigInternalComponentProps": {},
73
+ "motionVarPrefixes": []
74
+ };
75
+ var IconSlot = {
76
+ "name": "IconSlot",
77
+ "defaultProps": {},
78
+ "getStylesLiterals": {},
79
+ "cxLiterals": [],
80
+ "internalComponents": ["Icon"],
81
+ "internalComponentProps": {},
82
+ "propToVariantKeys": {},
83
+ "runtimeConfigDefaultProps": {},
84
+ "runtimeConfigGetStyles": {},
85
+ "runtimeConfigInternalComponentProps": {},
86
+ "motionVarPrefixes": []
87
+ };
88
+ var Image = {
89
+ "name": "Image",
90
+ "defaultProps": {},
91
+ "getStylesLiterals": {},
92
+ "cxLiterals": [],
93
+ "internalComponents": [],
94
+ "internalComponentProps": {},
95
+ "propToVariantKeys": {},
96
+ "runtimeConfigDefaultProps": {},
97
+ "runtimeConfigGetStyles": {},
98
+ "runtimeConfigInternalComponentProps": {},
99
+ "motionVarPrefixes": []
100
+ };
3
101
  var Link = {
4
102
  "name": "Link",
5
103
  "defaultProps": { "variant": "primary" },
@@ -38,40 +136,6 @@ var Link = {
38
136
  "runtimeConfigInternalComponentProps": {},
39
137
  "motionVarPrefixes": []
40
138
  };
41
- var VStack = {
42
- "name": "VStack",
43
- "defaultProps": {},
44
- "getStylesLiterals": {},
45
- "cxLiterals": [],
46
- "internalComponents": ["Box"],
47
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
48
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
49
- "runtimeConfigDefaultProps": {},
50
- "runtimeConfigGetStyles": {},
51
- "runtimeConfigInternalComponentProps": {},
52
- "motionVarPrefixes": []
53
- };
54
- var Box = {
55
- "name": "Box",
56
- "defaultProps": {
57
- "as": "div",
58
- "display": "flex"
59
- },
60
- "getStylesLiterals": {},
61
- "cxLiterals": [],
62
- "internalComponents": ["Comp"],
63
- "internalComponentProps": {},
64
- "propToVariantKeys": { "elevationAlias": [
65
- "backgroundColor",
66
- "borderColor",
67
- "borderWidth",
68
- "dropShadow"
69
- ] },
70
- "runtimeConfigDefaultProps": {},
71
- "runtimeConfigGetStyles": {},
72
- "runtimeConfigInternalComponentProps": {},
73
- "motionVarPrefixes": []
74
- };
75
139
  var Scrim = {
76
140
  "name": "Scrim",
77
141
  "defaultProps": {
@@ -99,23 +163,6 @@ var Scrim = {
99
163
  "runtimeConfigInternalComponentProps": {},
100
164
  "motionVarPrefixes": []
101
165
  };
102
- var Icon = {
103
- "name": "Icon",
104
- "defaultProps": {
105
- "size": "md",
106
- "variant": "outline",
107
- "color": "primary"
108
- },
109
- "getStylesLiterals": { "flex": "none" },
110
- "cxLiterals": ["[&_path]:fill-current"],
111
- "internalComponents": ["SVGIcon"],
112
- "internalComponentProps": {},
113
- "propToVariantKeys": {},
114
- "runtimeConfigDefaultProps": {},
115
- "runtimeConfigGetStyles": {},
116
- "runtimeConfigInternalComponentProps": {},
117
- "motionVarPrefixes": []
118
- };
119
166
  var SvgFloatingOverlay = {
120
167
  "name": "SvgFloatingOverlay",
121
168
  "defaultProps": { "contentOverflow": "auto" },
@@ -150,27 +197,6 @@ var SvgFloatingOverlay = {
150
197
  "runtimeConfigInternalComponentProps": {},
151
198
  "motionVarPrefixes": []
152
199
  };
153
- var FormLabel = {
154
- "name": "FormLabel",
155
- "defaultProps": {
156
- "color": "muted",
157
- "variant": "label3",
158
- "as": "label"
159
- },
160
- "getStylesLiterals": {},
161
- "cxLiterals": ["cursor-[inherit]"],
162
- "internalComponents": ["Text"],
163
- "internalComponentProps": { "Text": {
164
- "as": ["sup"],
165
- "variant": ["inherit"],
166
- "spacingStart": ["0.5"]
167
- } },
168
- "propToVariantKeys": {},
169
- "runtimeConfigDefaultProps": {},
170
- "runtimeConfigGetStyles": {},
171
- "runtimeConfigInternalComponentProps": {},
172
- "motionVarPrefixes": []
173
- };
174
200
  var Text = {
175
201
  "name": "Text",
176
202
  "defaultProps": {
@@ -194,170 +220,122 @@ var Text = {
194
220
  "runtimeConfigInternalComponentProps": {},
195
221
  "motionVarPrefixes": []
196
222
  };
197
- var IconSlot = {
198
- "name": "IconSlot",
223
+ var VStack = {
224
+ "name": "VStack",
199
225
  "defaultProps": {},
200
226
  "getStylesLiterals": {},
201
227
  "cxLiterals": [],
202
- "internalComponents": ["Icon"],
203
- "internalComponentProps": {},
204
- "propToVariantKeys": {},
228
+ "internalComponents": ["Box"],
229
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
230
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
205
231
  "runtimeConfigDefaultProps": {},
206
232
  "runtimeConfigGetStyles": {},
207
233
  "runtimeConfigInternalComponentProps": {},
208
234
  "motionVarPrefixes": []
209
235
  };
210
- var HStack = {
211
- "name": "HStack",
236
+ var Divider = {
237
+ "name": "Divider",
212
238
  "defaultProps": {},
213
239
  "getStylesLiterals": {},
214
240
  "cxLiterals": [],
215
- "internalComponents": ["Box"],
216
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
217
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
241
+ "internalComponents": ["DividerInternal"],
242
+ "internalComponentProps": {},
243
+ "propToVariantKeys": {},
218
244
  "runtimeConfigDefaultProps": {},
219
245
  "runtimeConfigGetStyles": {},
220
246
  "runtimeConfigInternalComponentProps": {},
221
247
  "motionVarPrefixes": []
222
248
  };
223
- var Image = {
224
- "name": "Image",
225
- "defaultProps": {},
249
+ var DividerCore = {
250
+ "name": "DividerCore",
251
+ "defaultProps": { "contentPosition": "center" },
226
252
  "getStylesLiterals": {},
227
253
  "cxLiterals": [],
228
- "internalComponents": [],
229
- "internalComponentProps": {},
254
+ "internalComponents": [
255
+ "Box",
256
+ "Line",
257
+ "InternalComponent",
258
+ "Text"
259
+ ],
260
+ "internalComponentProps": {
261
+ "Box": {
262
+ "flex": ["1", "none"],
263
+ "display": ["flex"]
264
+ },
265
+ "InternalComponent": {
266
+ "flex": ["1"],
267
+ "alignItems": ["center"]
268
+ },
269
+ "Text": {
270
+ "as": ["span"],
271
+ "color": ["inherit"],
272
+ "variant": ["inherit"]
273
+ }
274
+ },
230
275
  "propToVariantKeys": {},
231
276
  "runtimeConfigDefaultProps": {},
232
277
  "runtimeConfigGetStyles": {},
233
278
  "runtimeConfigInternalComponentProps": {},
234
279
  "motionVarPrefixes": []
235
280
  };
236
- var Table_mocks = {
237
- "name": "Table.mocks",
238
- "defaultProps": {},
281
+ var DividerInternal = {
282
+ "name": "DividerInternal",
283
+ "defaultProps": { "variant": "primary" },
239
284
  "getStylesLiterals": {},
240
- "cxLiterals": [],
241
- "internalComponents": [],
285
+ "cxLiterals": ["inherit"],
286
+ "internalComponents": ["DividerCore"],
242
287
  "internalComponentProps": {},
243
- "propToVariantKeys": {},
288
+ "propToVariantKeys": { "variant": [
289
+ "dividerVariantRoot",
290
+ "dividerVariantLabel",
291
+ "dividerVariantLine"
292
+ ] },
244
293
  "runtimeConfigDefaultProps": {},
245
294
  "runtimeConfigGetStyles": {},
246
295
  "runtimeConfigInternalComponentProps": {},
247
296
  "motionVarPrefixes": []
248
297
  };
249
- var Table = {
250
- "name": "Table",
298
+ var AnimateHeightChange = {
299
+ "name": "AnimateHeightChange",
300
+ "defaultProps": {},
301
+ "getStylesLiterals": {},
302
+ "cxLiterals": ["overflow-hidden"],
303
+ "internalComponents": ["SpringMotionConfig"],
304
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
305
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
306
+ "runtimeConfigDefaultProps": {},
307
+ "runtimeConfigGetStyles": {},
308
+ "runtimeConfigInternalComponentProps": {},
309
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
310
+ };
311
+ var Badge = {
312
+ "name": "Badge",
251
313
  "defaultProps": {
252
- "display": "table-cell",
253
- "overflow": "hidden",
254
- "borderColor": "muted",
255
- "borderRadius": "md",
256
- "spacing": "3",
257
- "borderBottomColor": "muted",
258
- "borderBottomWidth": "thin",
259
- "color": "primary"
260
- },
261
- "getStylesLiterals": { "textAlign": "start" },
262
- "cxLiterals": [],
263
- "internalComponents": [
264
- "CellComponent",
265
- "Box",
266
- "Text",
267
- "Table.Root",
268
- "Table.Header",
269
- "Table.Row",
270
- "Table.Cell",
271
- "Table.Body"
272
- ],
273
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
274
- "propToVariantKeys": {},
275
- "runtimeConfigDefaultProps": {},
276
- "runtimeConfigGetStyles": {},
277
- "runtimeConfigInternalComponentProps": {},
278
- "motionVarPrefixes": []
279
- };
280
- var Spinner = {
281
- "name": "Spinner",
282
- "defaultProps": {
283
- "color": "primary",
284
- "size": "lg"
314
+ "variant": "primary",
315
+ "size": "md"
285
316
  },
286
317
  "getStylesLiterals": {},
287
318
  "cxLiterals": [
288
- "self-center",
289
- "relative",
290
- "sr-only"
291
- ],
292
- "internalComponents": ["Icon"],
293
- "internalComponentProps": { "Icon": {
294
- "role": ["img"],
295
- "className": ["animate-spin"],
296
- "aria-hidden": ["true"]
297
- } },
298
- "propToVariantKeys": {},
299
- "runtimeConfigDefaultProps": {},
300
- "runtimeConfigGetStyles": {},
301
- "runtimeConfigInternalComponentProps": {},
302
- "motionVarPrefixes": []
303
- };
304
- var DividerCore = {
305
- "name": "DividerCore",
306
- "defaultProps": { "contentPosition": "center" },
307
- "getStylesLiterals": {},
308
- "cxLiterals": [],
309
- "internalComponents": [
310
- "Box",
311
- "Line",
312
- "InternalComponent",
313
- "Text"
319
+ "flex-1",
320
+ "truncate",
321
+ "whitespace-nowrap",
322
+ "text-center"
314
323
  ],
324
+ "internalComponents": ["IconSlot", "HStack"],
315
325
  "internalComponentProps": {
316
- "Box": {
317
- "flex": ["1", "none"],
318
- "display": ["flex"]
319
- },
320
- "InternalComponent": {
321
- "flex": ["1"],
326
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
327
+ "HStack": {
328
+ "gap": ["2"],
329
+ "display": ["inline-flex"],
322
330
  "alignItems": ["center"]
323
- },
324
- "Text": {
325
- "as": ["span"],
326
- "color": ["inherit"],
327
- "variant": ["inherit"]
328
331
  }
329
332
  },
330
- "propToVariantKeys": {},
331
- "runtimeConfigDefaultProps": {},
332
- "runtimeConfigGetStyles": {},
333
- "runtimeConfigInternalComponentProps": {},
334
- "motionVarPrefixes": []
335
- };
336
- var DividerInternal = {
337
- "name": "DividerInternal",
338
- "defaultProps": { "variant": "primary" },
339
- "getStylesLiterals": {},
340
- "cxLiterals": ["inherit"],
341
- "internalComponents": ["DividerCore"],
342
- "internalComponentProps": {},
343
- "propToVariantKeys": { "variant": [
344
- "dividerVariantRoot",
345
- "dividerVariantLabel",
346
- "dividerVariantLine"
347
- ] },
348
- "runtimeConfigDefaultProps": {},
349
- "runtimeConfigGetStyles": {},
350
- "runtimeConfigInternalComponentProps": {},
351
- "motionVarPrefixes": []
352
- };
353
- var Divider = {
354
- "name": "Divider",
355
- "defaultProps": {},
356
- "getStylesLiterals": {},
357
- "cxLiterals": [],
358
- "internalComponents": ["DividerInternal"],
359
- "internalComponentProps": {},
360
- "propToVariantKeys": {},
333
+ "propToVariantKeys": {
334
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
335
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
336
+ "startIcon": ["icon"],
337
+ "endIcon": ["icon"]
338
+ },
361
339
  "runtimeConfigDefaultProps": {},
362
340
  "runtimeConfigGetStyles": {},
363
341
  "runtimeConfigInternalComponentProps": {},
@@ -493,19 +471,6 @@ var Checkbox = {
493
471
  "runtimeConfigInternalComponentProps": {},
494
472
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
495
473
  };
496
- var SpringMotionConfig = {
497
- "name": "SpringMotionConfig",
498
- "defaultProps": { "reducedMotion": "user" },
499
- "getStylesLiterals": {},
500
- "cxLiterals": [],
501
- "internalComponents": ["LazyMotion", "MotionConfig"],
502
- "internalComponentProps": {},
503
- "propToVariantKeys": { "loadFeatures": ["features"] },
504
- "runtimeConfigDefaultProps": {},
505
- "runtimeConfigGetStyles": {},
506
- "runtimeConfigInternalComponentProps": {},
507
- "motionVarPrefixes": []
508
- };
509
474
  var IconButton = {
510
475
  "name": "IconButton",
511
476
  "defaultProps": { "type": "button" },
@@ -548,6 +513,32 @@ var IconButton = {
548
513
  "runtimeConfigInternalComponentProps": {},
549
514
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
550
515
  };
516
+ var Pressable = {
517
+ "name": "Pressable",
518
+ "defaultProps": {},
519
+ "getStylesLiterals": {},
520
+ "cxLiterals": [],
521
+ "internalComponents": ["Comp"],
522
+ "internalComponentProps": {},
523
+ "propToVariantKeys": {},
524
+ "runtimeConfigDefaultProps": {},
525
+ "runtimeConfigGetStyles": {},
526
+ "runtimeConfigInternalComponentProps": {},
527
+ "motionVarPrefixes": []
528
+ };
529
+ var SpringMotionConfig = {
530
+ "name": "SpringMotionConfig",
531
+ "defaultProps": { "reducedMotion": "user" },
532
+ "getStylesLiterals": {},
533
+ "cxLiterals": [],
534
+ "internalComponents": ["LazyMotion", "MotionConfig"],
535
+ "internalComponentProps": {},
536
+ "propToVariantKeys": { "loadFeatures": ["features"] },
537
+ "runtimeConfigDefaultProps": {},
538
+ "runtimeConfigGetStyles": {},
539
+ "runtimeConfigInternalComponentProps": {},
540
+ "motionVarPrefixes": []
541
+ };
551
542
  var Switch = {
552
543
  "name": "Switch",
553
544
  "defaultProps": {
@@ -641,71 +632,80 @@ var Switch = {
641
632
  "runtimeConfigInternalComponentProps": {},
642
633
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
643
634
  };
644
- var Badge = {
645
- "name": "Badge",
635
+ var Spinner = {
636
+ "name": "Spinner",
646
637
  "defaultProps": {
647
- "variant": "primary",
648
- "size": "md"
638
+ "color": "primary",
639
+ "size": "lg"
649
640
  },
650
641
  "getStylesLiterals": {},
651
642
  "cxLiterals": [
652
- "flex-1",
653
- "truncate",
654
- "whitespace-nowrap",
655
- "text-center"
643
+ "self-center",
644
+ "relative",
645
+ "sr-only"
656
646
  ],
657
- "internalComponents": ["IconSlot", "HStack"],
658
- "internalComponentProps": {
659
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
660
- "HStack": {
661
- "gap": ["2"],
662
- "display": ["inline-flex"],
663
- "alignItems": ["center"]
664
- }
665
- },
666
- "propToVariantKeys": {
667
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
668
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
669
- "startIcon": ["icon"],
670
- "endIcon": ["icon"]
671
- },
647
+ "internalComponents": ["Icon"],
648
+ "internalComponentProps": { "Icon": {
649
+ "role": ["img"],
650
+ "className": ["animate-spin"],
651
+ "aria-hidden": ["true"]
652
+ } },
653
+ "propToVariantKeys": {},
672
654
  "runtimeConfigDefaultProps": {},
673
655
  "runtimeConfigGetStyles": {},
674
656
  "runtimeConfigInternalComponentProps": {},
675
657
  "motionVarPrefixes": []
676
658
  };
677
- var AnimateHeightChange = {
678
- "name": "AnimateHeightChange",
659
+ var Table_mocks = {
660
+ "name": "Table.mocks",
679
661
  "defaultProps": {},
680
662
  "getStylesLiterals": {},
681
- "cxLiterals": ["overflow-hidden"],
682
- "internalComponents": ["SpringMotionConfig"],
683
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
684
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
663
+ "cxLiterals": [],
664
+ "internalComponents": [],
665
+ "internalComponentProps": {},
666
+ "propToVariantKeys": {},
685
667
  "runtimeConfigDefaultProps": {},
686
668
  "runtimeConfigGetStyles": {},
687
669
  "runtimeConfigInternalComponentProps": {},
688
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
670
+ "motionVarPrefixes": []
689
671
  };
690
- var Pressable = {
691
- "name": "Pressable",
692
- "defaultProps": {},
693
- "getStylesLiterals": {},
672
+ var Table = {
673
+ "name": "Table",
674
+ "defaultProps": {
675
+ "display": "table-cell",
676
+ "overflow": "hidden",
677
+ "borderColor": "muted",
678
+ "borderRadius": "md",
679
+ "spacing": "3",
680
+ "borderBottomColor": "muted",
681
+ "borderBottomWidth": "thin",
682
+ "color": "primary"
683
+ },
684
+ "getStylesLiterals": { "textAlign": "start" },
694
685
  "cxLiterals": [],
695
- "internalComponents": ["Comp"],
696
- "internalComponentProps": {},
686
+ "internalComponents": [
687
+ "CellComponent",
688
+ "Box",
689
+ "Text",
690
+ "Table.Root",
691
+ "Table.Header",
692
+ "Table.Row",
693
+ "Table.Cell",
694
+ "Table.Body"
695
+ ],
696
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
697
697
  "propToVariantKeys": {},
698
698
  "runtimeConfigDefaultProps": {},
699
699
  "runtimeConfigGetStyles": {},
700
700
  "runtimeConfigInternalComponentProps": {},
701
701
  "motionVarPrefixes": []
702
702
  };
703
- var AvoidMotionLibraryProvider = {
704
- "name": "AvoidMotionLibraryProvider",
703
+ var Avatar = {
704
+ "name": "Avatar",
705
705
  "defaultProps": {},
706
706
  "getStylesLiterals": {},
707
707
  "cxLiterals": [],
708
- "internalComponents": [],
708
+ "internalComponents": ["AvatarImage"],
709
709
  "internalComponentProps": {},
710
710
  "propToVariantKeys": {},
711
711
  "runtimeConfigDefaultProps": {},
@@ -713,426 +713,252 @@ var AvoidMotionLibraryProvider = {
713
713
  "runtimeConfigInternalComponentProps": {},
714
714
  "motionVarPrefixes": []
715
715
  };
716
- var SegmentedControl = {
717
- "name": "SegmentedControl",
718
- "defaultProps": { "textVariant": "label2" },
719
- "getStylesLiterals": {
720
- "display": "flex",
721
- "alignItems": "center",
722
- "backgroundColor": "primary",
723
- "spacingVertical": "1",
724
- "spacingHorizontal": "3",
725
- "columnGap": "1.5",
726
- "borderWidth": "thin",
727
- "borderRadius": "full",
728
- "borderColor": "muted",
729
- "borderColor:1": "transparent",
730
- "color": "primary",
731
- "color:1": "tertiary",
732
- "color:2": "muted"
716
+ var AvatarIcon = {
717
+ "name": "AvatarIcon",
718
+ "defaultProps": {
719
+ "size": "md",
720
+ "variant": "primary"
733
721
  },
722
+ "getStylesLiterals": {},
734
723
  "cxLiterals": [
735
- "uds-ring",
736
- "cursor-not-allowed",
737
- "opacity-50",
738
- "pointer-events-none",
739
- "hover:bg-primary"
740
- ],
741
- "internalComponents": [
742
- "TextVariant",
743
- "Radio",
744
- "Icon",
745
- "RadioProvider",
746
- "HStack",
747
- "RadioGroup",
748
- "Pressable",
749
- "Text"
724
+ "overflow-hidden",
725
+ "w-full",
726
+ "h-full",
727
+ "shrink-0",
728
+ "text-center",
729
+ "inline-flex",
730
+ "justify-center",
731
+ "items-center"
750
732
  ],
751
- "internalComponentProps": {
752
- "Icon": {
753
- "size": ["sm"],
754
- "color": ["current"],
755
- "aria-hidden": ["true"]
756
- },
757
- "HStack": {
758
- "spacing": ["1"],
759
- "gap": ["1"],
760
- "backgroundColor": ["secondary"],
761
- "borderRadius": ["full"],
762
- "display": ["inline-flex"]
763
- },
764
- "Text": { "color": ["current"] }
765
- },
766
- "propToVariantKeys": {
767
- "value": ["key"],
768
- "label": ["aria-label"],
769
- "textVariant": ["variant"]
770
- },
733
+ "internalComponents": ["IconSlot", "Box"],
734
+ "internalComponentProps": {},
735
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
771
736
  "runtimeConfigDefaultProps": {},
772
737
  "runtimeConfigGetStyles": {},
773
738
  "runtimeConfigInternalComponentProps": {},
774
739
  "motionVarPrefixes": []
775
740
  };
776
- var SwitchV2 = {
777
- "name": "SwitchV2",
741
+ var AvatarImage = {
742
+ "name": "AvatarImage",
778
743
  "defaultProps": {
779
- "labelPosition": "start",
780
- "size": "md"
781
- },
782
- "getStylesLiterals": {
783
- "switchVariantRoot": "default",
784
- "switchVariantActiveRoot": "on",
785
- "switchVariantActiveRoot:1": "off",
786
- "switchVariantSwitch": "default",
787
- "switchVariantActiveSwitch": "on",
788
- "switchVariantActiveSwitch:1": "off",
789
- "switchVariantActiveHandle": "on",
790
- "switchVariantActiveHandle:1": "off",
791
- "switchVariantHandle": "default",
792
- "switchVariantHandleIcon": "default",
793
- "switchVariantActiveHandleIcon": "on",
794
- "switchVariantActiveHandleIcon:1": "off"
744
+ "size": "md",
745
+ "variant": "primary"
795
746
  },
747
+ "getStylesLiterals": {},
796
748
  "cxLiterals": [
797
- "group",
798
- "flex",
799
- "items-center",
800
- "flex-row",
801
- "flex-row-reverse",
802
- "uds-ring",
803
- "uds-ring-within",
804
- "relative",
805
- "uds-border-radius-full",
806
- "transition-[background-color,box-shadow]",
807
- "pointer-events-none",
749
+ "overflow-hidden",
808
750
  "w-full",
809
751
  "h-full",
810
- "absolute",
811
- "top-0",
812
- "bottom-0",
813
- "right-0",
814
- "left-0",
815
- "overflow-hidden",
816
- "group-hover:scale-105",
817
- "opacity-95",
818
- "group-hover:opacity-100",
819
- "transition-[transform,opacity]",
820
- "opacity-0",
821
- "top-1/2",
822
- "left-1/2",
823
- "transform",
824
- "translate-x-[-50%]",
825
- "translate-y-[-50%]",
826
- "transition-opacity",
827
- "cursor-[inherit]",
828
- "w-[calc(100%+2px)]",
829
- "h-[calc(100%+2px)]",
830
- "text-start",
831
- "text-end",
832
- "opacity-100"
752
+ "shrink-0",
753
+ "text-center",
754
+ "inline-flex",
755
+ "justify-center",
756
+ "items-center",
757
+ "object-cover"
833
758
  ],
834
759
  "internalComponents": [
835
- "IconSlot",
836
- "Box",
837
- "FormLabel",
838
- "SpringMotionConfig",
839
- "RootElement",
840
- "MotionBox"
760
+ "UDSImage",
761
+ "AvatarText",
762
+ "AvatarIcon",
763
+ "Box"
841
764
  ],
842
- "internalComponentProps": {
843
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
844
- "FormLabel": {
845
- "as": ["div"],
846
- "variant": ["inherit"],
847
- "color": ["inherit"]
848
- },
849
- "SpringMotionConfig": {
850
- "layoutVariant": ["bouncy"],
851
- "layoutSpeed": ["4"]
852
- },
853
- "RootElement": { "data-testid": ["switch-root"] },
854
- "MotionBox": { "layout": ["position"] }
855
- },
765
+ "internalComponentProps": {},
856
766
  "propToVariantKeys": {
857
- "size": [
858
- "switchSizeRoot",
859
- "switchSizeSwitch",
860
- "switchSizeHandle",
861
- "switchSizeHandleIcon"
862
- ],
863
- "onIcon": ["icon"],
864
- "offIcon": ["icon"],
865
- "reduceMotion": ["reducedMotion"],
866
- "isOn": ["layoutDependency"]
767
+ "alt": ["name"],
768
+ "fallback": ["initials"]
867
769
  },
868
770
  "runtimeConfigDefaultProps": {},
869
771
  "runtimeConfigGetStyles": {},
870
772
  "runtimeConfigInternalComponentProps": {},
871
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
773
+ "motionVarPrefixes": []
872
774
  };
873
- var Tabs = {
874
- "name": "Tabs",
875
- "defaultProps": {},
876
- "getStylesLiterals": {
877
- "display": "flex",
878
- "flexDirection": "row",
879
- "columnGap": "6"
775
+ var AvatarText = {
776
+ "name": "AvatarText",
777
+ "defaultProps": {
778
+ "size": "md",
779
+ "variant": "primary"
880
780
  },
781
+ "getStylesLiterals": {},
881
782
  "cxLiterals": [
882
- "text-tertiary",
883
- "border-b-transparent",
884
- "aria-selected:border-b-brand",
885
- "aria-selected:text-secondary"
886
- ],
887
- "internalComponents": [
888
- "TabProvider",
889
- "OriginalTabList",
890
- "OriginalTab",
891
- "Icon",
892
- "OriginalTabPanel",
893
- "Pressable",
894
- "Comp",
895
- "Text"
783
+ "overflow-hidden",
784
+ "truncate",
785
+ "w-full",
786
+ "h-full",
787
+ "shrink-0",
788
+ "text-center",
789
+ "inline-flex",
790
+ "justify-center",
791
+ "items-center"
896
792
  ],
897
- "internalComponentProps": {
898
- "Icon": {
899
- "className": ["text-current"],
900
- "size": ["md"]
901
- },
902
- "Pressable": {
903
- "borderBottomWidth": ["medium"],
904
- "spacingBottom": ["1"],
905
- "spacingTop": ["4"]
906
- },
907
- "Text": {
908
- "className": ["text-current"],
909
- "variant": ["headline1"],
910
- "as": ["span"]
911
- }
912
- },
793
+ "internalComponents": ["Box", "Text"],
794
+ "internalComponentProps": { "Text": {
795
+ "color": ["inherit"],
796
+ "variant": ["inherit"]
797
+ } },
913
798
  "propToVariantKeys": {},
914
799
  "runtimeConfigDefaultProps": {},
915
800
  "runtimeConfigGetStyles": {},
916
801
  "runtimeConfigInternalComponentProps": {},
917
802
  "motionVarPrefixes": []
918
803
  };
919
- var Modal = {
920
- "name": "Modal",
921
- "defaultProps": {},
804
+ var BottomSheet = {
805
+ "name": "BottomSheet",
806
+ "defaultProps": { "variant": "default" },
922
807
  "getStylesLiterals": {},
923
808
  "cxLiterals": [
924
- "inset-8",
925
- "top-[250px]",
809
+ "fixed",
810
+ "overflow-hidden",
811
+ "inset-x-0",
812
+ "bottom-0",
926
813
  "z-50",
927
- "mx-auto",
928
- "h-fit",
929
- "w-[600px]",
930
- "origin-center",
931
- "scale-95",
932
- "opacity-0",
933
- "transition",
934
- "duration-150",
935
- "data-[enter]:scale-100",
936
- "data-[enter]:opacity-100",
937
- "data-[enter]:bg-primary",
938
- "backdrop-blur-0",
939
- "data-[enter]:opacity-60",
940
- "data-[enter]:backdrop-blur-sm"
814
+ "[will-change:transform]",
815
+ "touch-none",
816
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
817
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
818
+ "transition-transform",
819
+ "duration-500",
820
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
821
+ "motion-reduce:transition-none",
822
+ "top-[-4px]",
823
+ "z-[1]",
824
+ "touch-pan-y"
941
825
  ],
942
826
  "internalComponents": [
943
- "IconButton",
827
+ "Scrim",
828
+ "BottomSheetHandle",
944
829
  "Dialog",
945
- "HStack",
946
- "Text",
947
- "VStack"
830
+ "Box",
831
+ "BottomSheetInternalContext.Provider"
948
832
  ],
949
833
  "internalComponentProps": {
950
- "IconButton": {
951
- "aria-label": ["Close"],
952
- "size": ["sm"],
953
- "variant": ["tertiary"]
954
- },
955
- "HStack": {
956
- "alignItems": ["center"],
957
- "justifyContent": ["space-between"]
958
- },
959
- "Text": {
960
- "variant": ["headline1"],
961
- "color": ["primary"]
962
- },
963
- "VStack": {
964
- "borderRadius": ["md"],
965
- "position": ["fixed"],
966
- "backgroundColor": ["primary"],
967
- "dropShadow": ["md"],
968
- "spacing": ["8"],
969
- "overflow": ["hidden"]
834
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
835
+ "Dialog": { "data-testid": ["bottom-sheet"] },
836
+ "Box": {
837
+ "display": ["block", "flex"],
838
+ "position": ["absolute"],
839
+ "flexDirection": ["column"],
840
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
970
841
  }
971
842
  },
972
- "propToVariantKeys": { "handleClose": ["onClick"] },
843
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
973
844
  "runtimeConfigDefaultProps": {},
974
845
  "runtimeConfigGetStyles": {},
975
846
  "runtimeConfigInternalComponentProps": {},
976
847
  "motionVarPrefixes": []
977
848
  };
978
- var Accordion = {
979
- "name": "Accordion",
980
- "defaultProps": {
981
- "spacingHorizontal": "4",
982
- "spacingVertical": "4"
983
- },
849
+ var BottomSheetContent = {
850
+ "name": "BottomSheetContent",
851
+ "defaultProps": {},
984
852
  "getStylesLiterals": {},
985
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
986
- "internalComponents": [
987
- "Icon",
988
- "SpringMotionConfig",
989
- "Pressable",
990
- "Text",
991
- "HStack",
992
- "AnimatePresence",
993
- "VStack"
994
- ],
853
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
854
+ "internalComponents": ["Box", "VStack"],
995
855
  "internalComponentProps": {
996
- "Icon": {
997
- "variant": ["fill"],
998
- "size": ["sm"],
999
- "color": ["primary"]
1000
- },
1001
- "SpringMotionConfig": {
1002
- "layoutVariant": ["smooth"],
1003
- "layoutSpeed": ["3"]
1004
- },
1005
- "Pressable": {
1006
- "display": ["flex"],
1007
- "flexDirection": ["row"],
1008
- "alignItems": ["center"],
1009
- "justifyContent": ["space-between"],
1010
- "borderRadius": ["md"]
1011
- },
1012
- "Text": {
1013
- "variant": ["title4"],
1014
- "color": ["primary"]
856
+ "Box": {
857
+ "display": ["block"],
858
+ "flex": ["1"]
1015
859
  },
1016
- "HStack": {
1017
- "display": ["flex"],
1018
- "alignItems": ["center"],
1019
- "justifyContent": ["space-between"],
1020
- "columnGap": ["2.5"]
1021
- }
860
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1022
861
  },
1023
862
  "propToVariantKeys": {},
1024
863
  "runtimeConfigDefaultProps": {},
1025
864
  "runtimeConfigGetStyles": {},
1026
865
  "runtimeConfigInternalComponentProps": {},
1027
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
866
+ "motionVarPrefixes": []
1028
867
  };
1029
- var AvatarImage = {
1030
- "name": "AvatarImage",
1031
- "defaultProps": {
1032
- "size": "md",
1033
- "variant": "primary"
1034
- },
868
+ var BottomSheetDismiss = {
869
+ "name": "BottomSheetDismiss",
870
+ "defaultProps": {},
1035
871
  "getStylesLiterals": {},
1036
- "cxLiterals": [
1037
- "overflow-hidden",
1038
- "w-full",
1039
- "h-full",
1040
- "shrink-0",
1041
- "text-center",
1042
- "inline-flex",
1043
- "justify-center",
1044
- "items-center",
1045
- "object-cover"
1046
- ],
1047
- "internalComponents": [
1048
- "UDSImage",
1049
- "AvatarText",
1050
- "AvatarIcon",
1051
- "Box"
1052
- ],
872
+ "cxLiterals": [],
873
+ "internalComponents": ["AriakitDialogDismiss"],
1053
874
  "internalComponentProps": {},
1054
- "propToVariantKeys": {
1055
- "alt": ["name"],
1056
- "fallback": ["initials"]
1057
- },
875
+ "propToVariantKeys": {},
1058
876
  "runtimeConfigDefaultProps": {},
1059
877
  "runtimeConfigGetStyles": {},
1060
878
  "runtimeConfigInternalComponentProps": {},
1061
879
  "motionVarPrefixes": []
1062
880
  };
1063
- var AvatarText = {
1064
- "name": "AvatarText",
1065
- "defaultProps": {
1066
- "size": "md",
1067
- "variant": "primary"
1068
- },
881
+ var BottomSheetHandle = {
882
+ "name": "BottomSheetHandle",
883
+ "defaultProps": { "variant": "default" },
1069
884
  "getStylesLiterals": {},
1070
885
  "cxLiterals": [
1071
- "overflow-hidden",
1072
- "truncate",
1073
- "w-full",
1074
- "h-full",
1075
- "shrink-0",
1076
- "text-center",
1077
- "inline-flex",
1078
- "justify-center",
1079
- "items-center"
886
+ "relative",
887
+ "h-5",
888
+ "w-16",
889
+ "outline-none",
890
+ "focus-visible:outline-none",
891
+ "[touch-action:pan-y]",
892
+ "absolute",
893
+ "left-1/2",
894
+ "top-1/2",
895
+ "-translate-x-1/2",
896
+ "-translate-y-1/2",
897
+ "h-1",
898
+ "w-8",
899
+ "rounded-full"
1080
900
  ],
1081
- "internalComponents": ["Box", "Text"],
1082
- "internalComponentProps": { "Text": {
1083
- "color": ["inherit"],
1084
- "variant": ["inherit"]
901
+ "internalComponents": ["Box"],
902
+ "internalComponentProps": { "Box": {
903
+ "display": ["block", "flex"],
904
+ "justifyContent": ["center"]
1085
905
  } },
1086
- "propToVariantKeys": {},
906
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1087
907
  "runtimeConfigDefaultProps": {},
1088
908
  "runtimeConfigGetStyles": {},
1089
909
  "runtimeConfigInternalComponentProps": {},
1090
910
  "motionVarPrefixes": []
1091
911
  };
1092
- var Avatar = {
1093
- "name": "Avatar",
1094
- "defaultProps": {},
912
+ var BottomSheetHeader = {
913
+ "name": "BottomSheetHeader",
914
+ "defaultProps": { "variant": "default" },
1095
915
  "getStylesLiterals": {},
1096
- "cxLiterals": [],
1097
- "internalComponents": ["AvatarImage"],
1098
- "internalComponentProps": {},
1099
- "propToVariantKeys": {},
916
+ "cxLiterals": [
917
+ "grid-cols-[40px_1fr_40px]",
918
+ "items-center",
919
+ "w-full",
920
+ "min-h-10",
921
+ "mt-2"
922
+ ],
923
+ "internalComponents": ["Box", "Text"],
924
+ "internalComponentProps": {
925
+ "Box": {
926
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
927
+ "display": ["grid", "flex"],
928
+ "justifyContent": ["flex-start", "flex-end"]
929
+ },
930
+ "Text": {
931
+ "variant": ["inherit"],
932
+ "color": ["inherit"],
933
+ "textAlign": ["center"],
934
+ "className": ["w-full"]
935
+ }
936
+ },
937
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1100
938
  "runtimeConfigDefaultProps": {},
1101
939
  "runtimeConfigGetStyles": {},
1102
940
  "runtimeConfigInternalComponentProps": {},
1103
941
  "motionVarPrefixes": []
1104
942
  };
1105
- var AvatarIcon = {
1106
- "name": "AvatarIcon",
1107
- "defaultProps": {
1108
- "size": "md",
1109
- "variant": "primary"
1110
- },
943
+ var BottomSheetInternalContext = {
944
+ "name": "BottomSheetInternalContext",
945
+ "defaultProps": {},
1111
946
  "getStylesLiterals": {},
1112
- "cxLiterals": [
1113
- "overflow-hidden",
1114
- "w-full",
1115
- "h-full",
1116
- "shrink-0",
1117
- "text-center",
1118
- "inline-flex",
1119
- "justify-center",
1120
- "items-center"
1121
- ],
1122
- "internalComponents": ["IconSlot", "Box"],
947
+ "cxLiterals": [],
948
+ "internalComponents": [],
1123
949
  "internalComponentProps": {},
1124
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
950
+ "propToVariantKeys": {},
1125
951
  "runtimeConfigDefaultProps": {},
1126
952
  "runtimeConfigGetStyles": {},
1127
953
  "runtimeConfigInternalComponentProps": {},
1128
954
  "motionVarPrefixes": []
1129
955
  };
1130
- var UDSPopoverConfigProvider = {
1131
- "name": "UDSPopoverConfigProvider",
956
+ var BottomSheetProvider = {
957
+ "name": "BottomSheetProvider",
1132
958
  "defaultProps": {},
1133
959
  "getStylesLiterals": {},
1134
960
  "cxLiterals": [],
1135
- "internalComponents": ["PopoverContext.Provider"],
961
+ "internalComponents": ["AriakitDialogProvider"],
1136
962
  "internalComponentProps": {},
1137
963
  "propToVariantKeys": {},
1138
964
  "runtimeConfigDefaultProps": {},
@@ -1140,28 +966,25 @@ var UDSPopoverConfigProvider = {
1140
966
  "runtimeConfigInternalComponentProps": {},
1141
967
  "motionVarPrefixes": []
1142
968
  };
1143
- var Popover = {
1144
- "name": "Popover",
969
+ var BottomSheetTrigger = {
970
+ "name": "BottomSheetTrigger",
1145
971
  "defaultProps": {},
1146
972
  "getStylesLiterals": {},
1147
973
  "cxLiterals": [],
1148
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
974
+ "internalComponents": ["AriakitDialogDisclosure"],
1149
975
  "internalComponentProps": {},
1150
976
  "propToVariantKeys": {},
1151
- "runtimeConfigDefaultProps": {
1152
- "size": "popover.defaultSize",
1153
- "variant": "popover.defaultVariant"
1154
- },
977
+ "runtimeConfigDefaultProps": {},
1155
978
  "runtimeConfigGetStyles": {},
1156
979
  "runtimeConfigInternalComponentProps": {},
1157
980
  "motionVarPrefixes": []
1158
981
  };
1159
- var PopoverContext = {
1160
- "name": "PopoverContext",
982
+ var UDSBottomSheetConfigProvider = {
983
+ "name": "UDSBottomSheetConfigProvider",
1161
984
  "defaultProps": {},
1162
985
  "getStylesLiterals": {},
1163
986
  "cxLiterals": [],
1164
- "internalComponents": [],
987
+ "internalComponents": ["BottomSheetContext.Provider"],
1165
988
  "internalComponentProps": {},
1166
989
  "propToVariantKeys": {},
1167
990
  "runtimeConfigDefaultProps": {},
@@ -1169,398 +992,420 @@ var PopoverContext = {
1169
992
  "runtimeConfigInternalComponentProps": {},
1170
993
  "motionVarPrefixes": []
1171
994
  };
1172
- var PopoverTrigger = {
1173
- "name": "PopoverTrigger",
995
+ var Chip = {
996
+ "name": "Chip",
1174
997
  "defaultProps": {},
1175
998
  "getStylesLiterals": {},
1176
999
  "cxLiterals": [],
1177
- "internalComponents": ["PopoverDisclosure"],
1178
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1179
- "propToVariantKeys": { "children": ["render"] },
1000
+ "internalComponents": [
1001
+ "ChipDismissible",
1002
+ "ChipToggle",
1003
+ "ChipLink",
1004
+ "ChipButton"
1005
+ ],
1006
+ "internalComponentProps": {},
1007
+ "propToVariantKeys": {},
1180
1008
  "runtimeConfigDefaultProps": {},
1181
1009
  "runtimeConfigGetStyles": {},
1182
1010
  "runtimeConfigInternalComponentProps": {},
1183
1011
  "motionVarPrefixes": []
1184
1012
  };
1185
- var PopoverContent = {
1186
- "name": "PopoverContent",
1187
- "defaultProps": {},
1188
- "getStylesLiterals": {
1189
- "popoverSizeRoot": "default",
1190
- "popoverVariantRoot": "default",
1191
- "display": "flex",
1192
- "position": "absolute",
1193
- "spacingTop": "0",
1194
- "spacingStart": "0",
1195
- "spacingBottom": "0",
1196
- "spacingEnd": "0",
1197
- "popoverSizeSvgBase": "default",
1198
- "popoverVariantSvgBase": "default",
1199
- "popoverSizeSvgBorder": "default",
1200
- "popoverVariantSvgBorder": "default",
1201
- "popoverVariantBlur": "default",
1202
- "width": "full",
1203
- "height": "full",
1204
- "flexShrink": "0",
1205
- "borderRadius": "full",
1206
- "alignItems": "center",
1207
- "justifyContent": "center",
1208
- "popoverVariantCloseIcon": "default",
1209
- "popoverSizeCloseIcon": "default"
1013
+ var ChipBase = {
1014
+ "name": "ChipBase",
1015
+ "defaultProps": {
1016
+ "size": "md",
1017
+ "as": "div"
1210
1018
  },
1019
+ "getStylesLiterals": {},
1211
1020
  "cxLiterals": [
1212
- "z-[9999]",
1213
- "outline-none",
1214
- "focus-visible:outline-none",
1215
- "uds-bgBlurFillFallback",
1216
- "uds-bgBlurFallback",
1217
- "top-0",
1218
- "left-0",
1219
- "z-[1]",
1220
- "duration-0",
1221
- "duration-120",
1222
- "transition-[background-color]",
1223
- "bg-carbon-15/0",
1224
- "hover:bg-carbon-15/10",
1225
- "active:bg-carbon-15/15",
1226
- "uds-ring",
1227
- "absolute",
1228
- "z-[4]"
1021
+ "pointer-events-none",
1022
+ "cursor-default",
1023
+ "opacity-50",
1024
+ "inline-flex",
1025
+ "items-center",
1026
+ "transition-[background-color,outline-color,box-shadow]",
1027
+ "truncate",
1028
+ "whitespace-nowrap",
1029
+ "text-center",
1030
+ "flex-1"
1229
1031
  ],
1230
1032
  "internalComponents": [
1231
- "PopoverDismiss",
1232
1033
  "IconSlot",
1233
- "PopoverArrow",
1234
- "Popover",
1235
- "SvgFloatingOverlay",
1236
- "Box",
1237
- "Pressable"
1034
+ "HStack",
1035
+ "As",
1036
+ "Text"
1238
1037
  ],
1239
- "internalComponentProps": {},
1240
- "propToVariantKeys": { "closeIcon": ["icon"] },
1241
- "runtimeConfigDefaultProps": {
1242
- "size": "popover.defaultSize",
1243
- "variant": "popover.defaultVariant"
1244
- },
1245
- "runtimeConfigGetStyles": {
1246
- "spacingTop": ["popover.spacingVertical.${size}"],
1247
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1248
- "spacingBottom": ["popover.spacingVertical.${size}"],
1249
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1250
- },
1251
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1252
- "motionVarPrefixes": []
1253
- };
1254
- var BottomSheetContent = {
1255
- "name": "BottomSheetContent",
1256
- "defaultProps": {},
1257
- "getStylesLiterals": {},
1258
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1259
- "internalComponents": ["Box", "VStack"],
1260
- "internalComponentProps": {
1261
- "Box": {
1262
- "display": ["block"],
1263
- "flex": ["1"]
1264
- },
1265
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1038
+ "internalComponentProps": { "Text": {
1039
+ "as": ["span"],
1040
+ "color": ["current"],
1041
+ "variant": ["inherit"]
1042
+ } },
1043
+ "propToVariantKeys": {
1044
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1045
+ "startIcon": ["icon"],
1046
+ "endIcon": ["icon"]
1266
1047
  },
1267
- "propToVariantKeys": {},
1268
1048
  "runtimeConfigDefaultProps": {},
1269
1049
  "runtimeConfigGetStyles": {},
1270
1050
  "runtimeConfigInternalComponentProps": {},
1271
1051
  "motionVarPrefixes": []
1272
1052
  };
1273
- var BottomSheetDismiss = {
1274
- "name": "BottomSheetDismiss",
1275
- "defaultProps": {},
1053
+ var ChipButton = {
1054
+ "name": "ChipButton",
1055
+ "defaultProps": { "variant": "primary" },
1276
1056
  "getStylesLiterals": {},
1277
- "cxLiterals": [],
1278
- "internalComponents": ["AriakitDialogDismiss"],
1279
- "internalComponentProps": {},
1280
- "propToVariantKeys": {},
1057
+ "cxLiterals": ["uds-ring"],
1058
+ "internalComponents": ["ChipBase"],
1059
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1060
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1281
1061
  "runtimeConfigDefaultProps": {},
1282
1062
  "runtimeConfigGetStyles": {},
1283
1063
  "runtimeConfigInternalComponentProps": {},
1284
1064
  "motionVarPrefixes": []
1285
1065
  };
1286
- var BottomSheet = {
1287
- "name": "BottomSheet",
1288
- "defaultProps": { "variant": "default" },
1066
+ var ChipDismissible = {
1067
+ "name": "ChipDismissible",
1068
+ "defaultProps": { "variant": "primary" },
1289
1069
  "getStylesLiterals": {},
1290
1070
  "cxLiterals": [
1291
- "fixed",
1292
- "overflow-hidden",
1293
- "inset-x-0",
1294
- "bottom-0",
1295
- "z-50",
1296
- "[will-change:transform]",
1297
- "touch-none",
1298
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1299
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1300
- "transition-transform",
1301
- "duration-500",
1302
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1303
- "motion-reduce:transition-none",
1304
- "top-[-4px]",
1305
- "z-[1]",
1306
- "touch-pan-y"
1071
+ "uds-chip-dismissible-button",
1072
+ "uds-hit-target",
1073
+ "uds-ring",
1074
+ "rounded-full"
1307
1075
  ],
1308
1076
  "internalComponents": [
1309
- "Scrim",
1310
- "BottomSheetHandle",
1311
- "Dialog",
1312
- "Box",
1313
- "BottomSheetInternalContext.Provider"
1077
+ "ChipBase",
1078
+ "IconSlot",
1079
+ "Pressable"
1314
1080
  ],
1315
- "internalComponentProps": {
1316
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1317
- "Dialog": { "data-testid": ["bottom-sheet"] },
1318
- "Box": {
1319
- "display": ["block", "flex"],
1320
- "position": ["absolute"],
1321
- "flexDirection": ["column"],
1322
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1323
- }
1081
+ "internalComponentProps": {},
1082
+ "propToVariantKeys": {
1083
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1084
+ "dismissButtonAriaLabel": ["aria-label"]
1324
1085
  },
1325
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1326
- "runtimeConfigDefaultProps": {},
1327
- "runtimeConfigGetStyles": {},
1328
- "runtimeConfigInternalComponentProps": {},
1329
- "motionVarPrefixes": []
1330
- };
1331
- var BottomSheetHandle = {
1332
- "name": "BottomSheetHandle",
1333
- "defaultProps": { "variant": "default" },
1334
- "getStylesLiterals": {},
1335
- "cxLiterals": [
1336
- "relative",
1337
- "h-5",
1338
- "w-16",
1339
- "outline-none",
1340
- "focus-visible:outline-none",
1341
- "[touch-action:pan-y]",
1342
- "absolute",
1343
- "left-1/2",
1344
- "top-1/2",
1345
- "-translate-x-1/2",
1346
- "-translate-y-1/2",
1347
- "h-1",
1348
- "w-8",
1349
- "rounded-full"
1350
- ],
1351
- "internalComponents": ["Box"],
1352
- "internalComponentProps": { "Box": {
1353
- "display": ["block", "flex"],
1354
- "justifyContent": ["center"]
1355
- } },
1356
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1357
1086
  "runtimeConfigDefaultProps": {},
1358
1087
  "runtimeConfigGetStyles": {},
1359
1088
  "runtimeConfigInternalComponentProps": {},
1360
1089
  "motionVarPrefixes": []
1361
1090
  };
1362
- var BottomSheetInternalContext = {
1363
- "name": "BottomSheetInternalContext",
1364
- "defaultProps": {},
1091
+ var ChipLink = {
1092
+ "name": "ChipLink",
1093
+ "defaultProps": { "variant": "primary" },
1365
1094
  "getStylesLiterals": {},
1366
- "cxLiterals": [],
1367
- "internalComponents": [],
1368
- "internalComponentProps": {},
1369
- "propToVariantKeys": {},
1095
+ "cxLiterals": ["uds-ring"],
1096
+ "internalComponents": ["ChipBase"],
1097
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1098
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1370
1099
  "runtimeConfigDefaultProps": {},
1371
1100
  "runtimeConfigGetStyles": {},
1372
1101
  "runtimeConfigInternalComponentProps": {},
1373
1102
  "motionVarPrefixes": []
1374
1103
  };
1375
- var BottomSheetHeader = {
1376
- "name": "BottomSheetHeader",
1377
- "defaultProps": { "variant": "default" },
1378
- "getStylesLiterals": {},
1379
- "cxLiterals": [
1380
- "grid-cols-[40px_1fr_40px]",
1381
- "items-center",
1382
- "w-full",
1383
- "min-h-10",
1384
- "mt-2"
1385
- ],
1386
- "internalComponents": ["Box", "Text"],
1387
- "internalComponentProps": {
1388
- "Box": {
1389
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1390
- "display": ["grid", "flex"],
1391
- "justifyContent": ["flex-start", "flex-end"]
1392
- },
1393
- "Text": {
1394
- "variant": ["inherit"],
1395
- "color": ["inherit"],
1396
- "textAlign": ["center"],
1397
- "className": ["w-full"]
1398
- }
1104
+ var ChipToggle = {
1105
+ "name": "ChipToggle",
1106
+ "defaultProps": {
1107
+ "variant": "primary",
1108
+ "role": "checkbox"
1399
1109
  },
1400
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1110
+ "getStylesLiterals": {
1111
+ "chipToggleVariantActiveRoot": "on",
1112
+ "chipToggleVariantActiveRoot:1": "off"
1113
+ },
1114
+ "cxLiterals": ["uds-ring"],
1115
+ "internalComponents": ["ChipBase"],
1116
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1117
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1401
1118
  "runtimeConfigDefaultProps": {},
1402
1119
  "runtimeConfigGetStyles": {},
1403
1120
  "runtimeConfigInternalComponentProps": {},
1404
1121
  "motionVarPrefixes": []
1405
1122
  };
1406
- var BottomSheetTrigger = {
1407
- "name": "BottomSheetTrigger",
1408
- "defaultProps": {},
1409
- "getStylesLiterals": {},
1410
- "cxLiterals": [],
1411
- "internalComponents": ["AriakitDialogDisclosure"],
1412
- "internalComponentProps": {},
1413
- "propToVariantKeys": {},
1414
- "runtimeConfigDefaultProps": {},
1415
- "runtimeConfigGetStyles": {},
1416
- "runtimeConfigInternalComponentProps": {},
1123
+ var Input = {
1124
+ "name": "Input",
1125
+ "defaultProps": {
1126
+ "type": "text",
1127
+ "size": "md",
1128
+ "width": "full"
1129
+ },
1130
+ "getStylesLiterals": {
1131
+ "inputVariantRoot": "default",
1132
+ "inputVariantValueRoot": "empty",
1133
+ "inputVariantValueRoot:1": "filled",
1134
+ "inputVariantInputWrapper": "default",
1135
+ "inputVariantValueInputWrapper": "empty",
1136
+ "inputVariantValueInputWrapper:1": "filled",
1137
+ "inputVariantInput": "default",
1138
+ "inputVariantValueInput": "empty",
1139
+ "inputVariantValueInput:1": "filled",
1140
+ "inputVariantInputPlaceholder": "default",
1141
+ "inputVariantValueInputPlaceholder": "empty",
1142
+ "inputVariantValueInputPlaceholder:1": "filled",
1143
+ "inputVariantLabel": "default",
1144
+ "inputVariantValueLabel": "empty",
1145
+ "inputVariantValueLabel:1": "filled",
1146
+ "inputVariantLabelRequired": "default",
1147
+ "inputVariantValueLabelRequired": "empty",
1148
+ "inputVariantValueLabelRequired:1": "filled",
1149
+ "inputVariantStartIcon": "default",
1150
+ "inputVariantValueStartIcon": "empty",
1151
+ "inputVariantValueStartIcon:1": "filled",
1152
+ "inputVariantEndIcon": "default",
1153
+ "inputVariantValueEndIcon": "empty",
1154
+ "inputVariantValueEndIcon:1": "filled"
1155
+ },
1156
+ "cxLiterals": [
1157
+ "opacity-50",
1158
+ "min-w-[200px]",
1159
+ "grow",
1160
+ "uds-hit-target",
1161
+ "bg-clip-text",
1162
+ "focus:outline-none",
1163
+ "cursor-text",
1164
+ "cursor-not-allowed"
1165
+ ],
1166
+ "internalComponents": [
1167
+ "IconSlot",
1168
+ "StartIcon",
1169
+ "EndIcon",
1170
+ "HelpTextContent",
1171
+ "Box",
1172
+ "InputHelpTextInternal",
1173
+ "VStack",
1174
+ "HStack",
1175
+ "AnimateHeightChange"
1176
+ ],
1177
+ "internalComponentProps": {
1178
+ "HelpTextContent": { "spacingTop": ["2"] },
1179
+ "Box": {
1180
+ "spacingBottom": ["2"],
1181
+ "columnGap": ["0.5"],
1182
+ "alignItems": ["flex-end", "center"],
1183
+ "position": ["relative"]
1184
+ },
1185
+ "HStack": {
1186
+ "alignItems": ["center"],
1187
+ "gap": ["1"]
1188
+ }
1189
+ },
1190
+ "propToVariantKeys": {
1191
+ "size": [
1192
+ "inputSizeRoot",
1193
+ "inputSizeInputWrapper",
1194
+ "inputSizeInput",
1195
+ "inputSizeLabel",
1196
+ "inputSizeStartIcon",
1197
+ "inputSizeEndIcon"
1198
+ ],
1199
+ "startIcon": ["icon"],
1200
+ "endIcon": ["icon"],
1201
+ "helperTextIcon": ["startIcon"]
1202
+ },
1203
+ "runtimeConfigDefaultProps": {},
1204
+ "runtimeConfigGetStyles": {},
1205
+ "runtimeConfigInternalComponentProps": {},
1417
1206
  "motionVarPrefixes": []
1418
1207
  };
1419
- var BottomSheetProvider = {
1420
- "name": "BottomSheetProvider",
1421
- "defaultProps": {},
1422
- "getStylesLiterals": {},
1208
+ var InputHelpText = {
1209
+ "name": "InputHelpText",
1210
+ "defaultProps": { "size": "md" },
1211
+ "getStylesLiterals": {
1212
+ "inputVariantRoot": "default",
1213
+ "inputVariantValueRoot": "empty",
1214
+ "inputVariantValueRoot:1": "filled"
1215
+ },
1423
1216
  "cxLiterals": [],
1424
- "internalComponents": ["AriakitDialogProvider"],
1425
- "internalComponentProps": {},
1426
- "propToVariantKeys": {},
1217
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1218
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1219
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1427
1220
  "runtimeConfigDefaultProps": {},
1428
1221
  "runtimeConfigGetStyles": {},
1429
1222
  "runtimeConfigInternalComponentProps": {},
1430
1223
  "motionVarPrefixes": []
1431
1224
  };
1432
- var UDSBottomSheetConfigProvider = {
1433
- "name": "UDSBottomSheetConfigProvider",
1225
+ var InputHelpTextInternal = {
1226
+ "name": "InputHelpTextInternal",
1434
1227
  "defaultProps": {},
1435
- "getStylesLiterals": {},
1228
+ "getStylesLiterals": {
1229
+ "inputVariantHelperText": "default",
1230
+ "inputVariantValueHelperText": "empty",
1231
+ "inputVariantValueHelperText:1": "filled",
1232
+ "inputVariantHelperIcon": "default",
1233
+ "inputVariantValueHelperIcon": "empty",
1234
+ "inputVariantValueHelperIcon:1": "filled"
1235
+ },
1436
1236
  "cxLiterals": [],
1437
- "internalComponents": ["BottomSheetContext.Provider"],
1438
- "internalComponentProps": {},
1439
- "propToVariantKeys": {},
1237
+ "internalComponents": ["IconSlot", "HStack"],
1238
+ "internalComponentProps": { "HStack": {
1239
+ "gap": ["1"],
1240
+ "alignItems": ["center"]
1241
+ } },
1242
+ "propToVariantKeys": {
1243
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1244
+ "startIcon": ["icon"],
1245
+ "endIcon": ["icon"]
1246
+ },
1440
1247
  "runtimeConfigDefaultProps": {},
1441
1248
  "runtimeConfigGetStyles": {},
1442
1249
  "runtimeConfigInternalComponentProps": {},
1443
1250
  "motionVarPrefixes": []
1444
1251
  };
1445
- var RadioGroupStore = {
1446
- "name": "RadioGroupStore",
1447
- "defaultProps": {},
1252
+ var Menu_Content = {
1253
+ "name": "Menu.Content",
1254
+ "defaultProps": {
1255
+ "size": "default",
1256
+ "variant": "default",
1257
+ "gutter": "1"
1258
+ },
1448
1259
  "getStylesLiterals": {},
1449
- "cxLiterals": [],
1450
- "internalComponents": [],
1260
+ "cxLiterals": [
1261
+ "uds-menu-content",
1262
+ "transition-shadow",
1263
+ "duration-200",
1264
+ "ease-in-out",
1265
+ "min-w-60",
1266
+ "max-w-lg",
1267
+ "max-h-96",
1268
+ "overflow-auto",
1269
+ "uds-ring",
1270
+ "z-10",
1271
+ "group"
1272
+ ],
1273
+ "internalComponents": [
1274
+ "AriakitMenu",
1275
+ "AnimatePresence",
1276
+ "MotionVStack"
1277
+ ],
1451
1278
  "internalComponentProps": {},
1279
+ "propToVariantKeys": {
1280
+ "size": ["menucontentSizeRoot"],
1281
+ "variant": ["menucontentVariantRoot"]
1282
+ },
1283
+ "runtimeConfigDefaultProps": {},
1284
+ "runtimeConfigGetStyles": {},
1285
+ "runtimeConfigInternalComponentProps": {},
1286
+ "motionVarPrefixes": []
1287
+ };
1288
+ var Menu_Divider = {
1289
+ "name": "Menu.Divider",
1290
+ "defaultProps": {
1291
+ "role": "separator",
1292
+ "contentPosition": "start",
1293
+ "gap": "4"
1294
+ },
1295
+ "getStylesLiterals": {
1296
+ "menuitemDividerVariantRoot": "default",
1297
+ "menuitemDividerVariantText": "default",
1298
+ "menuitemDividerVariantLine": "default"
1299
+ },
1300
+ "cxLiterals": [],
1301
+ "internalComponents": ["DividerInternal"],
1302
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1452
1303
  "propToVariantKeys": {},
1453
1304
  "runtimeConfigDefaultProps": {},
1454
1305
  "runtimeConfigGetStyles": {},
1455
1306
  "runtimeConfigInternalComponentProps": {},
1456
1307
  "motionVarPrefixes": []
1457
1308
  };
1458
- var RadioGroupProvider = {
1459
- "name": "RadioGroupProvider",
1309
+ var Menu_Item = {
1310
+ "name": "Menu.Item",
1460
1311
  "defaultProps": {},
1461
- "getStylesLiterals": {},
1312
+ "getStylesLiterals": {
1313
+ "menuitemItemVariantRoot": "default",
1314
+ "menuitemItemVariantActiveRoot": "on",
1315
+ "menuitemItemVariantActiveRoot:1": "off",
1316
+ "menuitemItemVariantText": "default",
1317
+ "menuitemItemVariantActiveText": "on",
1318
+ "menuitemItemVariantActiveText:1": "off",
1319
+ "menuitemItemVariantIcon": "default",
1320
+ "menuitemItemVariantActiveIcon": "on",
1321
+ "menuitemItemVariantActiveIcon:1": "off"
1322
+ },
1462
1323
  "cxLiterals": [],
1463
- "internalComponents": [
1464
- "DivProps",
1465
- "Comp",
1466
- "RadioGroupContext.Provider"
1467
- ],
1468
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1324
+ "internalComponents": ["MenuItemBase"],
1325
+ "internalComponentProps": {},
1469
1326
  "propToVariantKeys": {},
1470
1327
  "runtimeConfigDefaultProps": {},
1471
1328
  "runtimeConfigGetStyles": {},
1472
1329
  "runtimeConfigInternalComponentProps": {},
1473
1330
  "motionVarPrefixes": []
1474
1331
  };
1475
- var Radio = {
1476
- "name": "Radio",
1332
+ var Menu_ItemBase = {
1333
+ "name": "Menu.ItemBase",
1477
1334
  "defaultProps": {
1478
- "labelPosition": "start",
1479
- "variant": "primary",
1480
- "size": "md",
1481
- "value": ""
1335
+ "spacing": "0",
1336
+ "spacingHorizontal": "4",
1337
+ "spacingVertical": "3.5",
1338
+ "columnGap": "2",
1339
+ "alignItems": "center",
1340
+ "justifyContent": "space-between"
1482
1341
  },
1483
1342
  "getStylesLiterals": {
1484
- "radioVariantValueRoot": "checked",
1485
- "radioVariantValueRoot:1": "unchecked",
1486
- "display": "flex",
1343
+ "textAlign": "start",
1344
+ "menuitemSizeRoot": "default",
1487
1345
  "flexDirection": "row",
1488
- "flexDirection:1": "row-reverse",
1489
- "alignItems": "center",
1490
- "radioVariantValueRadio": "checked",
1491
- "radioVariantValueRadio:1": "unchecked",
1492
- "radioVariantValueRadioCircle": "checked",
1493
- "radioVariantValueRadioCircle:1": "unchecked"
1346
+ "menuitemSizeStartIcon": "default",
1347
+ "menuitemSizeEndIcon": "default"
1494
1348
  },
1495
1349
  "cxLiterals": [
1496
- "cursor-pointer",
1497
- "cursor-default",
1498
- "opacity-50",
1499
- "border",
1350
+ "flex",
1351
+ "focus-visible:text-brand",
1352
+ "focus-visible:bg-brand-secondary",
1353
+ "focus-visible:z-10",
1500
1354
  "uds-ring",
1501
- "uds-ring-within",
1502
- "transition-[background-color,border-color]",
1503
- "transition-shadow",
1504
- "pointer-events-none",
1505
- "w-[8px]",
1506
- "h-[8px]",
1507
- "transition-opacity",
1508
- "cursor-[inherit]",
1509
- "absolute",
1510
- "opacity-0",
1511
- "top-1/2",
1512
- "left-1/2",
1513
- "w-[calc(100%+2px)]",
1514
- "h-[calc(100%+2px)]",
1515
- "transform",
1516
- "translate-x-[-50%]",
1517
- "translate-y-[-50%]",
1518
- "text-start",
1519
- "text-end"
1355
+ "!-outline-offset-2",
1356
+ "[&:not([aria-checked])]:cursor-default",
1357
+ "opacity-25",
1358
+ "cursor-not-allowed",
1359
+ "duration-20",
1360
+ "transition-[font-variation-settings]",
1361
+ "ease-in-out",
1362
+ "z-0",
1363
+ "uds-start-icon",
1364
+ "uds-end-icon"
1520
1365
  ],
1521
1366
  "internalComponents": [
1522
- "Box",
1523
- "FormLabel",
1524
- "SpringMotionConfig",
1525
- "RootElement",
1526
- "MotionBox"
1367
+ "Pressable",
1368
+ "IconSlot",
1369
+ "RootComponent",
1370
+ "HStack",
1371
+ "AnimatePresence"
1527
1372
  ],
1528
1373
  "internalComponentProps": {
1529
- "Box": { "borderRadius": ["full"] },
1530
- "FormLabel": {
1531
- "as": ["div"],
1532
- "variant": ["inherit"],
1533
- "color": ["inherit"]
1534
- },
1535
- "RootElement": { "data-testid": ["container"] },
1536
- "MotionBox": {
1537
- "position": ["relative"],
1538
- "borderRadius": ["full"],
1374
+ "HStack": {
1539
1375
  "alignItems": ["center"],
1540
- "justifyContent": ["center"],
1541
- "flex": ["none"]
1542
- }
1376
+ "width": ["full"]
1377
+ },
1378
+ "AnimatePresence": { "mode": ["popLayout"] }
1543
1379
  },
1544
1380
  "propToVariantKeys": {
1545
- "size": ["radioSizeRoot", "radioSizeRadio"],
1546
- "variant": [
1547
- "radioVariantRoot",
1548
- "radioVariantRadio",
1549
- "radioVariantRadioCircle"
1550
- ],
1551
- "reduceMotion": ["reducedMotion"]
1381
+ "startIcon": ["icon"],
1382
+ "endIcon": ["icon"],
1383
+ "columnGap": ["gap"]
1552
1384
  },
1553
1385
  "runtimeConfigDefaultProps": {},
1554
1386
  "runtimeConfigGetStyles": {},
1555
1387
  "runtimeConfigInternalComponentProps": {},
1556
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1388
+ "motionVarPrefixes": []
1557
1389
  };
1558
- var UDSToastConfigProvider = {
1559
- "name": "UDSToastConfigProvider",
1390
+ var Menu_ItemCheckbox = {
1391
+ "name": "Menu.ItemCheckbox",
1560
1392
  "defaultProps": {},
1561
- "getStylesLiterals": {},
1562
- "cxLiterals": [],
1563
- "internalComponents": ["ToastContext.Provider"],
1393
+ "getStylesLiterals": {
1394
+ "menuitemItemCheckboxVariantRoot": "default",
1395
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1396
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1397
+ "menuitemItemCheckboxVariantText": "default",
1398
+ "menuitemItemCheckboxVariantActiveText": "on",
1399
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1400
+ "menuitemItemCheckboxVariantStartIcon": "default",
1401
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1402
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1403
+ "menuitemItemCheckboxVariantEndIcon": "default",
1404
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1405
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1406
+ },
1407
+ "cxLiterals": ["uds-menu-item-checkbox"],
1408
+ "internalComponents": ["MenuItemBase"],
1564
1409
  "internalComponentProps": {},
1565
1410
  "propToVariantKeys": {},
1566
1411
  "runtimeConfigDefaultProps": {},
@@ -1568,129 +1413,51 @@ var UDSToastConfigProvider = {
1568
1413
  "runtimeConfigInternalComponentProps": {},
1569
1414
  "motionVarPrefixes": []
1570
1415
  };
1571
- var Toast = {
1572
- "name": "Toast",
1416
+ var Menu_Provider = {
1417
+ "name": "Menu.Provider",
1573
1418
  "defaultProps": {},
1574
- "getStylesLiterals": {
1575
- "className": "flex-none",
1576
- "spacing": "2",
1577
- "borderRadius": "full"
1578
- },
1579
- "cxLiterals": [
1580
- "duration-0",
1581
- "duration-120",
1582
- "transition-[background-color]",
1583
- "bg-carbon-15/0",
1584
- "hover:bg-carbon-15/10",
1585
- "active:bg-carbon-15/15",
1586
- "uds-ring"
1587
- ],
1588
- "internalComponents": [
1589
- "IconSlot",
1590
- "ToastContainer",
1591
- "Text",
1592
- "Button",
1593
- "Pressable"
1594
- ],
1419
+ "getStylesLiterals": {},
1420
+ "cxLiterals": [],
1421
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1595
1422
  "internalComponentProps": {},
1596
- "propToVariantKeys": {
1597
- "size": [
1598
- "toastSizeLabel",
1599
- "toastSizeIcon",
1600
- "toastSizeActionButton",
1601
- "toastSizeCloseIcon"
1602
- ],
1603
- "variant": [
1604
- "toastVariantIcon",
1605
- "toastVariantActionButton",
1606
- "toastVariantCloseIcon"
1607
- ],
1608
- "closeIcon": ["icon"],
1609
- "onClickActionButton": ["onClick"]
1610
- },
1611
- "runtimeConfigDefaultProps": {
1612
- "size": "toast.defaultSize",
1613
- "variant": "toast.defaultVariant"
1614
- },
1615
- "runtimeConfigGetStyles": {
1616
- "toastSizeLabel": ["toast.defaultSize"],
1617
- "toastVariantIcon": ["toast.defaultVariant"],
1618
- "toastSizeIcon": ["toast.defaultSize"],
1619
- "toastSizeActionButton": ["toast.defaultSize"],
1620
- "toastVariantActionButton": ["toast.defaultVariant"],
1621
- "toastVariantCloseIcon": ["toast.defaultVariant"],
1622
- "toastSizeCloseIcon": ["toast.defaultSize"]
1623
- },
1624
- "runtimeConfigInternalComponentProps": {
1625
- "ToastContainer": {
1626
- "size": ["toast.defaultSize"],
1627
- "variant": ["toast.defaultVariant"]
1628
- },
1629
- "Text": {
1630
- "variant": ["toast.textVariant.${size}"],
1631
- "color": ["toast.textColor.${variant}"]
1632
- },
1633
- "Button": {
1634
- "size": ["toast.buttonSize.${size}"],
1635
- "variant": ["toast.buttonVariant.${variant}"]
1636
- }
1637
- },
1638
- "motionVarPrefixes": []
1423
+ "propToVariantKeys": {},
1424
+ "runtimeConfigDefaultProps": {},
1425
+ "runtimeConfigGetStyles": {},
1426
+ "runtimeConfigInternalComponentProps": {},
1427
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1639
1428
  };
1640
- var ToastContainer = {
1641
- "name": "ToastContainer",
1429
+ var Menu_Trigger = {
1430
+ "name": "Menu.Trigger",
1642
1431
  "defaultProps": {},
1643
- "getStylesLiterals": {
1644
- "position": "relative",
1645
- "alignItems": "center",
1646
- "display": "flex",
1647
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1648
- },
1649
- "cxLiterals": ["w-full"],
1650
- "internalComponents": ["HStack"],
1651
- "internalComponentProps": { "HStack": {
1652
- "alignItems": ["center"],
1653
- "justifyContent": ["space-between"],
1654
- "overflow": ["hidden"],
1655
- "position": ["relative"]
1656
- } },
1657
- "propToVariantKeys": {
1658
- "variant": ["toastVariantRoot"],
1659
- "size": ["toastSizeRoot"]
1660
- },
1661
- "runtimeConfigDefaultProps": {
1662
- "size": "toast.defaultSize",
1663
- "variant": "toast.defaultVariant"
1664
- },
1665
- "runtimeConfigGetStyles": {
1666
- "toastVariantRoot": ["toast.defaultVariant"],
1667
- "toastSizeRoot": ["toast.defaultSize"]
1668
- },
1669
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1432
+ "getStylesLiterals": {},
1433
+ "cxLiterals": ["uds-menu-trigger"],
1434
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1435
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1436
+ "propToVariantKeys": {},
1437
+ "runtimeConfigDefaultProps": {},
1438
+ "runtimeConfigGetStyles": {},
1439
+ "runtimeConfigInternalComponentProps": {},
1670
1440
  "motionVarPrefixes": []
1671
1441
  };
1672
- var ToastPortal = {
1673
- "name": "ToastPortal",
1442
+ var Menu_index = {
1443
+ "name": "Menu.index",
1674
1444
  "defaultProps": {},
1675
1445
  "getStylesLiterals": {},
1676
1446
  "cxLiterals": [],
1677
- "internalComponents": ["ReactToastifyToastContainer"],
1447
+ "internalComponents": [],
1678
1448
  "internalComponentProps": {},
1679
1449
  "propToVariantKeys": {},
1680
- "runtimeConfigDefaultProps": {
1681
- "size": "toast.defaultSize",
1682
- "variant": "toast.defaultVariant"
1683
- },
1450
+ "runtimeConfigDefaultProps": {},
1684
1451
  "runtimeConfigGetStyles": {},
1685
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1452
+ "runtimeConfigInternalComponentProps": {},
1686
1453
  "motionVarPrefixes": []
1687
1454
  };
1688
- var UDSTooltipConfigProvider = {
1689
- "name": "UDSTooltipConfigProvider",
1455
+ var Menu = {
1456
+ "name": "Menu",
1690
1457
  "defaultProps": {},
1691
1458
  "getStylesLiterals": {},
1692
1459
  "cxLiterals": [],
1693
- "internalComponents": ["TooltipContext.Provider"],
1460
+ "internalComponents": [],
1694
1461
  "internalComponentProps": {},
1695
1462
  "propToVariantKeys": {},
1696
1463
  "runtimeConfigDefaultProps": {},
@@ -1698,225 +1465,236 @@ var UDSTooltipConfigProvider = {
1698
1465
  "runtimeConfigInternalComponentProps": {},
1699
1466
  "motionVarPrefixes": []
1700
1467
  };
1701
- var TooltipTrigger = {
1702
- "name": "TooltipTrigger",
1468
+ var Popover = {
1469
+ "name": "Popover",
1703
1470
  "defaultProps": {},
1704
1471
  "getStylesLiterals": {},
1705
1472
  "cxLiterals": [],
1706
- "internalComponents": ["TooltipAnchor"],
1707
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1708
- "propToVariantKeys": { "children": ["render"] },
1709
- "runtimeConfigDefaultProps": {},
1473
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1474
+ "internalComponentProps": {},
1475
+ "propToVariantKeys": {},
1476
+ "runtimeConfigDefaultProps": {
1477
+ "size": "popover.defaultSize",
1478
+ "variant": "popover.defaultVariant"
1479
+ },
1710
1480
  "runtimeConfigGetStyles": {},
1711
1481
  "runtimeConfigInternalComponentProps": {},
1712
1482
  "motionVarPrefixes": []
1713
1483
  };
1714
- var TooltipContent = {
1715
- "name": "TooltipContent",
1484
+ var PopoverContent = {
1485
+ "name": "PopoverContent",
1716
1486
  "defaultProps": {},
1717
1487
  "getStylesLiterals": {
1718
- "tooltipSizeRoot": "default",
1719
- "tooltipVariantRoot": "default",
1720
- "tooltipSizeSvg": "default",
1721
- "tooltipVariantSvg": "default",
1722
- "tooltipVariantBlur": "default",
1488
+ "popoverSizeRoot": "default",
1489
+ "popoverVariantRoot": "default",
1490
+ "display": "flex",
1723
1491
  "position": "absolute",
1492
+ "spacingTop": "0",
1493
+ "spacingStart": "0",
1494
+ "spacingBottom": "0",
1495
+ "spacingEnd": "0",
1496
+ "popoverSizeSvgBase": "default",
1497
+ "popoverVariantSvgBase": "default",
1498
+ "popoverSizeSvgBorder": "default",
1499
+ "popoverVariantSvgBorder": "default",
1500
+ "popoverVariantBlur": "default",
1724
1501
  "width": "full",
1725
1502
  "height": "full",
1726
- "tooltipSizeTitle": "default",
1727
- "tooltipSizeBody": "default",
1728
- "tooltipSizeEndContent": "default",
1729
- "tooltipSizeIcon": "default",
1730
- "tooltipVariantIcon": "default"
1503
+ "flexShrink": "0",
1504
+ "borderRadius": "full",
1505
+ "alignItems": "center",
1506
+ "justifyContent": "center",
1507
+ "popoverVariantCloseIcon": "default",
1508
+ "popoverSizeCloseIcon": "default"
1731
1509
  },
1732
1510
  "cxLiterals": [
1733
- "max-w-lg",
1734
- "flex",
1735
1511
  "z-[9999]",
1512
+ "outline-none",
1513
+ "focus-visible:outline-none",
1736
1514
  "uds-bgBlurFillFallback",
1737
1515
  "uds-bgBlurFallback",
1738
1516
  "top-0",
1739
1517
  "left-0",
1740
- "z-[1]"
1518
+ "z-[1]",
1519
+ "duration-0",
1520
+ "duration-120",
1521
+ "transition-[background-color]",
1522
+ "bg-carbon-15/0",
1523
+ "hover:bg-carbon-15/10",
1524
+ "active:bg-carbon-15/15",
1525
+ "uds-ring",
1526
+ "absolute",
1527
+ "z-[4]"
1741
1528
  ],
1742
1529
  "internalComponents": [
1530
+ "PopoverDismiss",
1743
1531
  "IconSlot",
1744
- "TooltipArrow",
1745
- "Tooltip",
1532
+ "PopoverArrow",
1533
+ "Popover",
1746
1534
  "SvgFloatingOverlay",
1747
- "VStack",
1748
1535
  "Box",
1749
- "Text"
1536
+ "Pressable"
1750
1537
  ],
1751
- "internalComponentProps": {
1752
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
1753
- "VStack": { "className": ["gap-[inherit]"] },
1754
- "Box": {
1755
- "alignItems": ["center"],
1756
- "columnGap": ["1", "1.5"]
1757
- },
1758
- "Text": { "color": ["inherit"] }
1538
+ "internalComponentProps": {},
1539
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1540
+ "runtimeConfigDefaultProps": {
1541
+ "size": "popover.defaultSize",
1542
+ "variant": "popover.defaultVariant"
1759
1543
  },
1760
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1544
+ "runtimeConfigGetStyles": {
1545
+ "spacingTop": ["popover.spacingVertical.${size}"],
1546
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1547
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1548
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1549
+ },
1550
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1551
+ "motionVarPrefixes": []
1552
+ };
1553
+ var PopoverContext = {
1554
+ "name": "PopoverContext",
1555
+ "defaultProps": {},
1556
+ "getStylesLiterals": {},
1557
+ "cxLiterals": [],
1558
+ "internalComponents": [],
1559
+ "internalComponentProps": {},
1560
+ "propToVariantKeys": {},
1761
1561
  "runtimeConfigDefaultProps": {},
1762
1562
  "runtimeConfigGetStyles": {},
1763
1563
  "runtimeConfigInternalComponentProps": {},
1764
1564
  "motionVarPrefixes": []
1765
1565
  };
1766
- var Tooltip = {
1767
- "name": "Tooltip",
1566
+ var PopoverTrigger = {
1567
+ "name": "PopoverTrigger",
1768
1568
  "defaultProps": {},
1769
1569
  "getStylesLiterals": {},
1770
1570
  "cxLiterals": [],
1771
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1571
+ "internalComponents": ["PopoverDisclosure"],
1572
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1573
+ "propToVariantKeys": { "children": ["render"] },
1574
+ "runtimeConfigDefaultProps": {},
1575
+ "runtimeConfigGetStyles": {},
1576
+ "runtimeConfigInternalComponentProps": {},
1577
+ "motionVarPrefixes": []
1578
+ };
1579
+ var UDSPopoverConfigProvider = {
1580
+ "name": "UDSPopoverConfigProvider",
1581
+ "defaultProps": {},
1582
+ "getStylesLiterals": {},
1583
+ "cxLiterals": [],
1584
+ "internalComponents": ["PopoverContext.Provider"],
1772
1585
  "internalComponentProps": {},
1773
1586
  "propToVariantKeys": {},
1774
1587
  "runtimeConfigDefaultProps": {},
1775
1588
  "runtimeConfigGetStyles": {},
1776
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
1589
+ "runtimeConfigInternalComponentProps": {},
1777
1590
  "motionVarPrefixes": []
1778
1591
  };
1779
- var Input = {
1780
- "name": "Input",
1592
+ var Radio = {
1593
+ "name": "Radio",
1781
1594
  "defaultProps": {
1782
- "type": "text",
1595
+ "labelPosition": "start",
1596
+ "variant": "primary",
1783
1597
  "size": "md",
1784
- "width": "full"
1598
+ "value": ""
1785
1599
  },
1786
1600
  "getStylesLiterals": {
1787
- "inputVariantRoot": "default",
1788
- "inputVariantValueRoot": "empty",
1789
- "inputVariantValueRoot:1": "filled",
1790
- "inputVariantInputWrapper": "default",
1791
- "inputVariantValueInputWrapper": "empty",
1792
- "inputVariantValueInputWrapper:1": "filled",
1793
- "inputVariantInput": "default",
1794
- "inputVariantValueInput": "empty",
1795
- "inputVariantValueInput:1": "filled",
1796
- "inputVariantInputPlaceholder": "default",
1797
- "inputVariantValueInputPlaceholder": "empty",
1798
- "inputVariantValueInputPlaceholder:1": "filled",
1799
- "inputVariantLabel": "default",
1800
- "inputVariantValueLabel": "empty",
1801
- "inputVariantValueLabel:1": "filled",
1802
- "inputVariantLabelRequired": "default",
1803
- "inputVariantValueLabelRequired": "empty",
1804
- "inputVariantValueLabelRequired:1": "filled",
1805
- "inputVariantStartIcon": "default",
1806
- "inputVariantValueStartIcon": "empty",
1807
- "inputVariantValueStartIcon:1": "filled",
1808
- "inputVariantEndIcon": "default",
1809
- "inputVariantValueEndIcon": "empty",
1810
- "inputVariantValueEndIcon:1": "filled"
1601
+ "radioVariantValueRoot": "checked",
1602
+ "radioVariantValueRoot:1": "unchecked",
1603
+ "display": "flex",
1604
+ "flexDirection": "row",
1605
+ "flexDirection:1": "row-reverse",
1606
+ "alignItems": "center",
1607
+ "radioVariantValueRadio": "checked",
1608
+ "radioVariantValueRadio:1": "unchecked",
1609
+ "radioVariantValueRadioCircle": "checked",
1610
+ "radioVariantValueRadioCircle:1": "unchecked"
1811
1611
  },
1812
1612
  "cxLiterals": [
1613
+ "cursor-pointer",
1614
+ "cursor-default",
1813
1615
  "opacity-50",
1814
- "min-w-[200px]",
1815
- "grow",
1816
- "uds-hit-target",
1817
- "bg-clip-text",
1818
- "focus:outline-none",
1819
- "cursor-text",
1820
- "cursor-not-allowed"
1616
+ "border",
1617
+ "uds-ring",
1618
+ "uds-ring-within",
1619
+ "transition-[background-color,border-color]",
1620
+ "transition-shadow",
1621
+ "pointer-events-none",
1622
+ "w-[8px]",
1623
+ "h-[8px]",
1624
+ "transition-opacity",
1625
+ "cursor-[inherit]",
1626
+ "absolute",
1627
+ "opacity-0",
1628
+ "top-1/2",
1629
+ "left-1/2",
1630
+ "w-[calc(100%+2px)]",
1631
+ "h-[calc(100%+2px)]",
1632
+ "transform",
1633
+ "translate-x-[-50%]",
1634
+ "translate-y-[-50%]",
1635
+ "text-start",
1636
+ "text-end"
1821
1637
  ],
1822
1638
  "internalComponents": [
1823
- "IconSlot",
1824
- "StartIcon",
1825
- "EndIcon",
1826
- "HelpTextContent",
1827
1639
  "Box",
1828
- "InputHelpTextInternal",
1829
- "VStack",
1830
- "HStack",
1831
- "AnimateHeightChange"
1640
+ "FormLabel",
1641
+ "SpringMotionConfig",
1642
+ "RootElement",
1643
+ "MotionBox"
1832
1644
  ],
1833
1645
  "internalComponentProps": {
1834
- "HelpTextContent": { "spacingTop": ["2"] },
1835
- "Box": {
1836
- "spacingBottom": ["2"],
1837
- "columnGap": ["0.5"],
1838
- "alignItems": ["flex-end", "center"],
1839
- "position": ["relative"]
1646
+ "Box": { "borderRadius": ["full"] },
1647
+ "FormLabel": {
1648
+ "as": ["div"],
1649
+ "variant": ["inherit"],
1650
+ "color": ["inherit"]
1840
1651
  },
1841
- "HStack": {
1652
+ "RootElement": { "data-testid": ["container"] },
1653
+ "MotionBox": {
1654
+ "position": ["relative"],
1655
+ "borderRadius": ["full"],
1842
1656
  "alignItems": ["center"],
1843
- "gap": ["1"]
1657
+ "justifyContent": ["center"],
1658
+ "flex": ["none"]
1844
1659
  }
1845
1660
  },
1846
1661
  "propToVariantKeys": {
1847
- "size": [
1848
- "inputSizeRoot",
1849
- "inputSizeInputWrapper",
1850
- "inputSizeInput",
1851
- "inputSizeLabel",
1852
- "inputSizeStartIcon",
1853
- "inputSizeEndIcon"
1662
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1663
+ "variant": [
1664
+ "radioVariantRoot",
1665
+ "radioVariantRadio",
1666
+ "radioVariantRadioCircle"
1854
1667
  ],
1855
- "startIcon": ["icon"],
1856
- "endIcon": ["icon"],
1857
- "helperTextIcon": ["startIcon"]
1858
- },
1859
- "runtimeConfigDefaultProps": {},
1860
- "runtimeConfigGetStyles": {},
1861
- "runtimeConfigInternalComponentProps": {},
1862
- "motionVarPrefixes": []
1863
- };
1864
- var InputHelpText = {
1865
- "name": "InputHelpText",
1866
- "defaultProps": { "size": "md" },
1867
- "getStylesLiterals": {
1868
- "inputVariantRoot": "default",
1869
- "inputVariantValueRoot": "empty",
1870
- "inputVariantValueRoot:1": "filled"
1668
+ "reduceMotion": ["reducedMotion"]
1871
1669
  },
1872
- "cxLiterals": [],
1873
- "internalComponents": ["InputHelpTextInternal", "Box"],
1874
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1875
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1876
1670
  "runtimeConfigDefaultProps": {},
1877
1671
  "runtimeConfigGetStyles": {},
1878
1672
  "runtimeConfigInternalComponentProps": {},
1879
- "motionVarPrefixes": []
1673
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1880
1674
  };
1881
- var InputHelpTextInternal = {
1882
- "name": "InputHelpTextInternal",
1675
+ var RadioGroupProvider = {
1676
+ "name": "RadioGroupProvider",
1883
1677
  "defaultProps": {},
1884
- "getStylesLiterals": {
1885
- "inputVariantHelperText": "default",
1886
- "inputVariantValueHelperText": "empty",
1887
- "inputVariantValueHelperText:1": "filled",
1888
- "inputVariantHelperIcon": "default",
1889
- "inputVariantValueHelperIcon": "empty",
1890
- "inputVariantValueHelperIcon:1": "filled"
1891
- },
1678
+ "getStylesLiterals": {},
1892
1679
  "cxLiterals": [],
1893
- "internalComponents": ["IconSlot", "HStack"],
1894
- "internalComponentProps": { "HStack": {
1895
- "gap": ["1"],
1896
- "alignItems": ["center"]
1897
- } },
1898
- "propToVariantKeys": {
1899
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1900
- "startIcon": ["icon"],
1901
- "endIcon": ["icon"]
1902
- },
1680
+ "internalComponents": [
1681
+ "DivProps",
1682
+ "Comp",
1683
+ "RadioGroupContext.Provider"
1684
+ ],
1685
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1686
+ "propToVariantKeys": {},
1903
1687
  "runtimeConfigDefaultProps": {},
1904
1688
  "runtimeConfigGetStyles": {},
1905
1689
  "runtimeConfigInternalComponentProps": {},
1906
1690
  "motionVarPrefixes": []
1907
1691
  };
1908
- var UDSConfigProvider = {
1909
- "name": "UDSConfigProvider",
1692
+ var RadioGroupStore = {
1693
+ "name": "RadioGroupStore",
1910
1694
  "defaultProps": {},
1911
1695
  "getStylesLiterals": {},
1912
1696
  "cxLiterals": [],
1913
- "internalComponents": [
1914
- "UDSBreakpointsConfigProvider",
1915
- "UDSBottomSheetConfigProvider",
1916
- "UDSToastConfigProvider",
1917
- "UDSTooltipConfigProvider",
1918
- "UDSPopoverConfigProvider"
1919
- ],
1697
+ "internalComponents": [],
1920
1698
  "internalComponentProps": {},
1921
1699
  "propToVariantKeys": {},
1922
1700
  "runtimeConfigDefaultProps": {},
@@ -1924,163 +1702,220 @@ var UDSConfigProvider = {
1924
1702
  "runtimeConfigInternalComponentProps": {},
1925
1703
  "motionVarPrefixes": []
1926
1704
  };
1927
- var UDSBreakpointsConfigProvider = {
1928
- "name": "UDSBreakpointsConfigProvider",
1705
+ var Toast = {
1706
+ "name": "Toast",
1929
1707
  "defaultProps": {},
1930
- "getStylesLiterals": {},
1931
- "cxLiterals": [],
1932
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1933
- "internalComponentProps": {},
1934
- "propToVariantKeys": {},
1935
- "runtimeConfigDefaultProps": {},
1936
- "runtimeConfigGetStyles": {},
1937
- "runtimeConfigInternalComponentProps": {},
1938
- "motionVarPrefixes": []
1939
- };
1940
- var ChipLink = {
1941
- "name": "ChipLink",
1942
- "defaultProps": { "variant": "primary" },
1943
- "getStylesLiterals": {},
1944
- "cxLiterals": ["uds-ring"],
1945
- "internalComponents": ["ChipBase"],
1946
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1947
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1948
- "runtimeConfigDefaultProps": {},
1949
- "runtimeConfigGetStyles": {},
1950
- "runtimeConfigInternalComponentProps": {},
1951
- "motionVarPrefixes": []
1952
- };
1953
- var ChipDismissible = {
1954
- "name": "ChipDismissible",
1955
- "defaultProps": { "variant": "primary" },
1956
- "getStylesLiterals": {},
1708
+ "getStylesLiterals": {
1709
+ "className": "flex-none",
1710
+ "spacing": "2",
1711
+ "borderRadius": "full"
1712
+ },
1957
1713
  "cxLiterals": [
1958
- "uds-chip-dismissible-button",
1959
- "uds-hit-target",
1960
- "uds-ring",
1961
- "rounded-full"
1714
+ "duration-0",
1715
+ "duration-120",
1716
+ "transition-[background-color]",
1717
+ "bg-carbon-15/0",
1718
+ "hover:bg-carbon-15/10",
1719
+ "active:bg-carbon-15/15",
1720
+ "uds-ring"
1962
1721
  ],
1963
1722
  "internalComponents": [
1964
- "ChipBase",
1965
1723
  "IconSlot",
1724
+ "ToastContainer",
1725
+ "Text",
1726
+ "Button",
1966
1727
  "Pressable"
1967
1728
  ],
1968
1729
  "internalComponentProps": {},
1969
1730
  "propToVariantKeys": {
1970
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1971
- "dismissButtonAriaLabel": ["aria-label"]
1731
+ "size": [
1732
+ "toastSizeLabel",
1733
+ "toastSizeIcon",
1734
+ "toastSizeActionButton",
1735
+ "toastSizeCloseIcon"
1736
+ ],
1737
+ "variant": [
1738
+ "toastVariantIcon",
1739
+ "toastVariantActionButton",
1740
+ "toastVariantCloseIcon"
1741
+ ],
1742
+ "closeIcon": ["icon"],
1743
+ "onClickActionButton": ["onClick"]
1744
+ },
1745
+ "runtimeConfigDefaultProps": {
1746
+ "size": "toast.defaultSize",
1747
+ "variant": "toast.defaultVariant"
1748
+ },
1749
+ "runtimeConfigGetStyles": {
1750
+ "toastSizeLabel": ["toast.defaultSize"],
1751
+ "toastVariantIcon": ["toast.defaultVariant"],
1752
+ "toastSizeIcon": ["toast.defaultSize"],
1753
+ "toastSizeActionButton": ["toast.defaultSize"],
1754
+ "toastVariantActionButton": ["toast.defaultVariant"],
1755
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
1756
+ "toastSizeCloseIcon": ["toast.defaultSize"]
1757
+ },
1758
+ "runtimeConfigInternalComponentProps": {
1759
+ "ToastContainer": {
1760
+ "size": ["toast.defaultSize"],
1761
+ "variant": ["toast.defaultVariant"]
1762
+ },
1763
+ "Text": {
1764
+ "variant": ["toast.textVariant.${size}"],
1765
+ "color": ["toast.textColor.${variant}"]
1766
+ },
1767
+ "Button": {
1768
+ "size": ["toast.buttonSize.${size}"],
1769
+ "variant": ["toast.buttonVariant.${variant}"]
1770
+ }
1972
1771
  },
1973
- "runtimeConfigDefaultProps": {},
1974
- "runtimeConfigGetStyles": {},
1975
- "runtimeConfigInternalComponentProps": {},
1976
1772
  "motionVarPrefixes": []
1977
1773
  };
1978
- var ChipToggle = {
1979
- "name": "ChipToggle",
1980
- "defaultProps": {
1981
- "variant": "primary",
1982
- "role": "checkbox"
1983
- },
1774
+ var ToastContainer = {
1775
+ "name": "ToastContainer",
1776
+ "defaultProps": {},
1984
1777
  "getStylesLiterals": {
1985
- "chipToggleVariantActiveRoot": "on",
1986
- "chipToggleVariantActiveRoot:1": "off"
1778
+ "position": "relative",
1779
+ "alignItems": "center",
1780
+ "display": "flex",
1781
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1987
1782
  },
1988
- "cxLiterals": ["uds-ring"],
1989
- "internalComponents": ["ChipBase"],
1990
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1991
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1783
+ "cxLiterals": ["w-full"],
1784
+ "internalComponents": ["HStack"],
1785
+ "internalComponentProps": { "HStack": {
1786
+ "alignItems": ["center"],
1787
+ "justifyContent": ["space-between"],
1788
+ "overflow": ["hidden"],
1789
+ "position": ["relative"]
1790
+ } },
1791
+ "propToVariantKeys": {
1792
+ "variant": ["toastVariantRoot"],
1793
+ "size": ["toastSizeRoot"]
1794
+ },
1795
+ "runtimeConfigDefaultProps": {
1796
+ "size": "toast.defaultSize",
1797
+ "variant": "toast.defaultVariant"
1798
+ },
1799
+ "runtimeConfigGetStyles": {
1800
+ "toastVariantRoot": ["toast.defaultVariant"],
1801
+ "toastSizeRoot": ["toast.defaultSize"]
1802
+ },
1803
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1804
+ "motionVarPrefixes": []
1805
+ };
1806
+ var ToastPortal = {
1807
+ "name": "ToastPortal",
1808
+ "defaultProps": {},
1809
+ "getStylesLiterals": {},
1810
+ "cxLiterals": [],
1811
+ "internalComponents": ["ReactToastifyToastContainer"],
1812
+ "internalComponentProps": {},
1813
+ "propToVariantKeys": {},
1814
+ "runtimeConfigDefaultProps": {
1815
+ "size": "toast.defaultSize",
1816
+ "variant": "toast.defaultVariant"
1817
+ },
1818
+ "runtimeConfigGetStyles": {},
1819
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1820
+ "motionVarPrefixes": []
1821
+ };
1822
+ var UDSToastConfigProvider = {
1823
+ "name": "UDSToastConfigProvider",
1824
+ "defaultProps": {},
1825
+ "getStylesLiterals": {},
1826
+ "cxLiterals": [],
1827
+ "internalComponents": ["ToastContext.Provider"],
1828
+ "internalComponentProps": {},
1829
+ "propToVariantKeys": {},
1992
1830
  "runtimeConfigDefaultProps": {},
1993
1831
  "runtimeConfigGetStyles": {},
1994
1832
  "runtimeConfigInternalComponentProps": {},
1995
1833
  "motionVarPrefixes": []
1996
1834
  };
1997
- var Chip = {
1998
- "name": "Chip",
1835
+ var Tooltip = {
1836
+ "name": "Tooltip",
1999
1837
  "defaultProps": {},
2000
1838
  "getStylesLiterals": {},
2001
1839
  "cxLiterals": [],
2002
- "internalComponents": [
2003
- "ChipDismissible",
2004
- "ChipToggle",
2005
- "ChipLink",
2006
- "ChipButton"
2007
- ],
1840
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2008
1841
  "internalComponentProps": {},
2009
1842
  "propToVariantKeys": {},
2010
1843
  "runtimeConfigDefaultProps": {},
2011
1844
  "runtimeConfigGetStyles": {},
2012
- "runtimeConfigInternalComponentProps": {},
1845
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2013
1846
  "motionVarPrefixes": []
2014
1847
  };
2015
- var ChipBase = {
2016
- "name": "ChipBase",
2017
- "defaultProps": {
2018
- "size": "md",
2019
- "as": "div"
1848
+ var TooltipContent = {
1849
+ "name": "TooltipContent",
1850
+ "defaultProps": {},
1851
+ "getStylesLiterals": {
1852
+ "tooltipSizeRoot": "default",
1853
+ "tooltipVariantRoot": "default",
1854
+ "tooltipSizeSvg": "default",
1855
+ "tooltipVariantSvg": "default",
1856
+ "tooltipVariantBlur": "default",
1857
+ "position": "absolute",
1858
+ "width": "full",
1859
+ "height": "full",
1860
+ "tooltipSizeTitle": "default",
1861
+ "tooltipSizeBody": "default",
1862
+ "tooltipSizeEndContent": "default",
1863
+ "tooltipSizeIcon": "default",
1864
+ "tooltipVariantIcon": "default"
2020
1865
  },
2021
- "getStylesLiterals": {},
2022
1866
  "cxLiterals": [
2023
- "pointer-events-none",
2024
- "cursor-default",
2025
- "opacity-50",
2026
- "inline-flex",
2027
- "items-center",
2028
- "transition-[background-color,outline-color,box-shadow]",
2029
- "truncate",
2030
- "whitespace-nowrap",
2031
- "text-center",
2032
- "flex-1"
1867
+ "max-w-lg",
1868
+ "flex",
1869
+ "z-[9999]",
1870
+ "uds-bgBlurFillFallback",
1871
+ "uds-bgBlurFallback",
1872
+ "top-0",
1873
+ "left-0",
1874
+ "z-[1]"
2033
1875
  ],
2034
1876
  "internalComponents": [
2035
1877
  "IconSlot",
2036
- "HStack",
2037
- "As",
1878
+ "TooltipArrow",
1879
+ "Tooltip",
1880
+ "SvgFloatingOverlay",
1881
+ "VStack",
1882
+ "Box",
2038
1883
  "Text"
2039
1884
  ],
2040
- "internalComponentProps": { "Text": {
2041
- "as": ["span"],
2042
- "color": ["current"],
2043
- "variant": ["inherit"]
2044
- } },
2045
- "propToVariantKeys": {
2046
- "size": ["chipSizeRoot", "chipSizeIcon"],
2047
- "startIcon": ["icon"],
2048
- "endIcon": ["icon"]
1885
+ "internalComponentProps": {
1886
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
1887
+ "VStack": { "className": ["gap-[inherit]"] },
1888
+ "Box": {
1889
+ "alignItems": ["center"],
1890
+ "columnGap": ["1", "1.5"]
1891
+ },
1892
+ "Text": { "color": ["inherit"] }
2049
1893
  },
1894
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2050
1895
  "runtimeConfigDefaultProps": {},
2051
1896
  "runtimeConfigGetStyles": {},
2052
1897
  "runtimeConfigInternalComponentProps": {},
2053
1898
  "motionVarPrefixes": []
2054
1899
  };
2055
- var ChipButton = {
2056
- "name": "ChipButton",
2057
- "defaultProps": { "variant": "primary" },
1900
+ var TooltipTrigger = {
1901
+ "name": "TooltipTrigger",
1902
+ "defaultProps": {},
2058
1903
  "getStylesLiterals": {},
2059
- "cxLiterals": ["uds-ring"],
2060
- "internalComponents": ["ChipBase"],
2061
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2062
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1904
+ "cxLiterals": [],
1905
+ "internalComponents": ["TooltipAnchor"],
1906
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1907
+ "propToVariantKeys": { "children": ["render"] },
2063
1908
  "runtimeConfigDefaultProps": {},
2064
1909
  "runtimeConfigGetStyles": {},
2065
1910
  "runtimeConfigInternalComponentProps": {},
2066
1911
  "motionVarPrefixes": []
2067
1912
  };
2068
- var Menu_Item = {
2069
- "name": "Menu.Item",
1913
+ var UDSTooltipConfigProvider = {
1914
+ "name": "UDSTooltipConfigProvider",
2070
1915
  "defaultProps": {},
2071
- "getStylesLiterals": {
2072
- "menuitemItemVariantRoot": "default",
2073
- "menuitemItemVariantActiveRoot": "on",
2074
- "menuitemItemVariantActiveRoot:1": "off",
2075
- "menuitemItemVariantText": "default",
2076
- "menuitemItemVariantActiveText": "on",
2077
- "menuitemItemVariantActiveText:1": "off",
2078
- "menuitemItemVariantIcon": "default",
2079
- "menuitemItemVariantActiveIcon": "on",
2080
- "menuitemItemVariantActiveIcon:1": "off"
2081
- },
1916
+ "getStylesLiterals": {},
2082
1917
  "cxLiterals": [],
2083
- "internalComponents": ["MenuItemBase"],
1918
+ "internalComponents": ["TooltipContext.Provider"],
2084
1919
  "internalComponentProps": {},
2085
1920
  "propToVariantKeys": {},
2086
1921
  "runtimeConfigDefaultProps": {},
@@ -2088,166 +1923,338 @@ var Menu_Item = {
2088
1923
  "runtimeConfigInternalComponentProps": {},
2089
1924
  "motionVarPrefixes": []
2090
1925
  };
2091
- var Menu_Provider = {
2092
- "name": "Menu.Provider",
1926
+ var Accordion = {
1927
+ "name": "Accordion",
1928
+ "defaultProps": {
1929
+ "spacingHorizontal": "4",
1930
+ "spacingVertical": "4"
1931
+ },
1932
+ "getStylesLiterals": {},
1933
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1934
+ "internalComponents": [
1935
+ "Icon",
1936
+ "SpringMotionConfig",
1937
+ "Pressable",
1938
+ "Text",
1939
+ "HStack",
1940
+ "AnimatePresence",
1941
+ "VStack"
1942
+ ],
1943
+ "internalComponentProps": {
1944
+ "Icon": {
1945
+ "variant": ["fill"],
1946
+ "size": ["sm"],
1947
+ "color": ["primary"]
1948
+ },
1949
+ "SpringMotionConfig": {
1950
+ "layoutVariant": ["smooth"],
1951
+ "layoutSpeed": ["3"]
1952
+ },
1953
+ "Pressable": {
1954
+ "display": ["flex"],
1955
+ "flexDirection": ["row"],
1956
+ "alignItems": ["center"],
1957
+ "justifyContent": ["space-between"],
1958
+ "borderRadius": ["md"]
1959
+ },
1960
+ "Text": {
1961
+ "variant": ["title4"],
1962
+ "color": ["primary"]
1963
+ },
1964
+ "HStack": {
1965
+ "display": ["flex"],
1966
+ "alignItems": ["center"],
1967
+ "justifyContent": ["space-between"],
1968
+ "columnGap": ["2.5"]
1969
+ }
1970
+ },
1971
+ "propToVariantKeys": {},
1972
+ "runtimeConfigDefaultProps": {},
1973
+ "runtimeConfigGetStyles": {},
1974
+ "runtimeConfigInternalComponentProps": {},
1975
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1976
+ };
1977
+ var AvoidMotionLibraryProvider = {
1978
+ "name": "AvoidMotionLibraryProvider",
2093
1979
  "defaultProps": {},
2094
1980
  "getStylesLiterals": {},
2095
1981
  "cxLiterals": [],
2096
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1982
+ "internalComponents": [],
2097
1983
  "internalComponentProps": {},
2098
1984
  "propToVariantKeys": {},
2099
1985
  "runtimeConfigDefaultProps": {},
2100
1986
  "runtimeConfigGetStyles": {},
2101
1987
  "runtimeConfigInternalComponentProps": {},
2102
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1988
+ "motionVarPrefixes": []
2103
1989
  };
2104
- var Menu_ItemBase = {
2105
- "name": "Menu.ItemBase",
2106
- "defaultProps": {
2107
- "spacing": "0",
2108
- "spacingHorizontal": "4",
2109
- "spacingVertical": "3.5",
2110
- "columnGap": "2",
2111
- "alignItems": "center",
2112
- "justifyContent": "space-between"
1990
+ var Modal = {
1991
+ "name": "Modal",
1992
+ "defaultProps": {},
1993
+ "getStylesLiterals": {},
1994
+ "cxLiterals": [
1995
+ "inset-8",
1996
+ "top-[250px]",
1997
+ "z-50",
1998
+ "mx-auto",
1999
+ "h-fit",
2000
+ "w-[600px]",
2001
+ "origin-center",
2002
+ "scale-95",
2003
+ "opacity-0",
2004
+ "transition",
2005
+ "duration-150",
2006
+ "data-[enter]:scale-100",
2007
+ "data-[enter]:opacity-100",
2008
+ "data-[enter]:bg-primary",
2009
+ "backdrop-blur-0",
2010
+ "data-[enter]:opacity-60",
2011
+ "data-[enter]:backdrop-blur-sm"
2012
+ ],
2013
+ "internalComponents": [
2014
+ "IconButton",
2015
+ "Dialog",
2016
+ "HStack",
2017
+ "Text",
2018
+ "VStack"
2019
+ ],
2020
+ "internalComponentProps": {
2021
+ "IconButton": {
2022
+ "aria-label": ["Close"],
2023
+ "size": ["sm"],
2024
+ "variant": ["tertiary"]
2025
+ },
2026
+ "HStack": {
2027
+ "alignItems": ["center"],
2028
+ "justifyContent": ["space-between"]
2029
+ },
2030
+ "Text": {
2031
+ "variant": ["headline1"],
2032
+ "color": ["primary"]
2033
+ },
2034
+ "VStack": {
2035
+ "borderRadius": ["md"],
2036
+ "position": ["fixed"],
2037
+ "backgroundColor": ["primary"],
2038
+ "dropShadow": ["md"],
2039
+ "spacing": ["8"],
2040
+ "overflow": ["hidden"]
2041
+ }
2113
2042
  },
2043
+ "propToVariantKeys": { "handleClose": ["onClick"] },
2044
+ "runtimeConfigDefaultProps": {},
2045
+ "runtimeConfigGetStyles": {},
2046
+ "runtimeConfigInternalComponentProps": {},
2047
+ "motionVarPrefixes": []
2048
+ };
2049
+ var SegmentedControl = {
2050
+ "name": "SegmentedControl",
2051
+ "defaultProps": { "textVariant": "label2" },
2114
2052
  "getStylesLiterals": {
2115
- "textAlign": "start",
2116
- "menuitemSizeRoot": "default",
2117
- "flexDirection": "row",
2118
- "menuitemSizeStartIcon": "default",
2119
- "menuitemSizeEndIcon": "default"
2053
+ "display": "flex",
2054
+ "alignItems": "center",
2055
+ "backgroundColor": "primary",
2056
+ "spacingVertical": "1",
2057
+ "spacingHorizontal": "3",
2058
+ "columnGap": "1.5",
2059
+ "borderWidth": "thin",
2060
+ "borderRadius": "full",
2061
+ "borderColor": "muted",
2062
+ "borderColor:1": "transparent",
2063
+ "color": "primary",
2064
+ "color:1": "tertiary",
2065
+ "color:2": "muted"
2120
2066
  },
2121
2067
  "cxLiterals": [
2122
- "flex",
2123
- "focus-visible:text-brand",
2124
- "focus-visible:bg-brand-secondary",
2125
- "focus-visible:z-10",
2126
2068
  "uds-ring",
2127
- "!-outline-offset-2",
2128
- "[&:not([aria-checked])]:cursor-default",
2129
- "opacity-25",
2130
2069
  "cursor-not-allowed",
2131
- "duration-20",
2132
- "transition-[font-variation-settings]",
2133
- "ease-in-out",
2134
- "z-0",
2135
- "uds-start-icon",
2136
- "uds-end-icon"
2070
+ "opacity-50",
2071
+ "pointer-events-none",
2072
+ "hover:bg-primary"
2137
2073
  ],
2138
2074
  "internalComponents": [
2139
- "Pressable",
2140
- "IconSlot",
2141
- "RootComponent",
2075
+ "TextVariant",
2076
+ "Radio",
2077
+ "Icon",
2078
+ "RadioProvider",
2142
2079
  "HStack",
2143
- "AnimatePresence"
2080
+ "RadioGroup",
2081
+ "Pressable",
2082
+ "Text"
2144
2083
  ],
2145
2084
  "internalComponentProps": {
2085
+ "Icon": {
2086
+ "size": ["sm"],
2087
+ "color": ["current"],
2088
+ "aria-hidden": ["true"]
2089
+ },
2146
2090
  "HStack": {
2147
- "alignItems": ["center"],
2148
- "width": ["full"]
2091
+ "spacing": ["1"],
2092
+ "gap": ["1"],
2093
+ "backgroundColor": ["secondary"],
2094
+ "borderRadius": ["full"],
2095
+ "display": ["inline-flex"]
2149
2096
  },
2150
- "AnimatePresence": { "mode": ["popLayout"] }
2097
+ "Text": { "color": ["current"] }
2151
2098
  },
2152
2099
  "propToVariantKeys": {
2153
- "startIcon": ["icon"],
2154
- "endIcon": ["icon"],
2155
- "columnGap": ["gap"]
2100
+ "value": ["key"],
2101
+ "label": ["aria-label"],
2102
+ "textVariant": ["variant"]
2103
+ },
2104
+ "runtimeConfigDefaultProps": {},
2105
+ "runtimeConfigGetStyles": {},
2106
+ "runtimeConfigInternalComponentProps": {},
2107
+ "motionVarPrefixes": []
2108
+ };
2109
+ var SwitchV2 = {
2110
+ "name": "SwitchV2",
2111
+ "defaultProps": {
2112
+ "labelPosition": "start",
2113
+ "size": "md"
2114
+ },
2115
+ "getStylesLiterals": {
2116
+ "switchVariantRoot": "default",
2117
+ "switchVariantActiveRoot": "on",
2118
+ "switchVariantActiveRoot:1": "off",
2119
+ "switchVariantSwitch": "default",
2120
+ "switchVariantActiveSwitch": "on",
2121
+ "switchVariantActiveSwitch:1": "off",
2122
+ "switchVariantActiveHandle": "on",
2123
+ "switchVariantActiveHandle:1": "off",
2124
+ "switchVariantHandle": "default",
2125
+ "switchVariantHandleIcon": "default",
2126
+ "switchVariantActiveHandleIcon": "on",
2127
+ "switchVariantActiveHandleIcon:1": "off"
2128
+ },
2129
+ "cxLiterals": [
2130
+ "group",
2131
+ "flex",
2132
+ "items-center",
2133
+ "flex-row",
2134
+ "flex-row-reverse",
2135
+ "uds-ring",
2136
+ "uds-ring-within",
2137
+ "relative",
2138
+ "uds-border-radius-full",
2139
+ "transition-[background-color,box-shadow]",
2140
+ "pointer-events-none",
2141
+ "w-full",
2142
+ "h-full",
2143
+ "absolute",
2144
+ "top-0",
2145
+ "bottom-0",
2146
+ "right-0",
2147
+ "left-0",
2148
+ "overflow-hidden",
2149
+ "group-hover:scale-105",
2150
+ "opacity-95",
2151
+ "group-hover:opacity-100",
2152
+ "transition-[transform,opacity]",
2153
+ "opacity-0",
2154
+ "top-1/2",
2155
+ "left-1/2",
2156
+ "transform",
2157
+ "translate-x-[-50%]",
2158
+ "translate-y-[-50%]",
2159
+ "transition-opacity",
2160
+ "cursor-[inherit]",
2161
+ "w-[calc(100%+2px)]",
2162
+ "h-[calc(100%+2px)]",
2163
+ "text-start",
2164
+ "text-end",
2165
+ "opacity-100"
2166
+ ],
2167
+ "internalComponents": [
2168
+ "IconSlot",
2169
+ "Box",
2170
+ "FormLabel",
2171
+ "SpringMotionConfig",
2172
+ "RootElement",
2173
+ "MotionBox"
2174
+ ],
2175
+ "internalComponentProps": {
2176
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2177
+ "FormLabel": {
2178
+ "as": ["div"],
2179
+ "variant": ["inherit"],
2180
+ "color": ["inherit"]
2181
+ },
2182
+ "SpringMotionConfig": {
2183
+ "layoutVariant": ["bouncy"],
2184
+ "layoutSpeed": ["4"]
2185
+ },
2186
+ "RootElement": { "data-testid": ["switch-root"] },
2187
+ "MotionBox": { "layout": ["position"] }
2188
+ },
2189
+ "propToVariantKeys": {
2190
+ "size": [
2191
+ "switchSizeRoot",
2192
+ "switchSizeSwitch",
2193
+ "switchSizeHandle",
2194
+ "switchSizeHandleIcon"
2195
+ ],
2196
+ "onIcon": ["icon"],
2197
+ "offIcon": ["icon"],
2198
+ "reduceMotion": ["reducedMotion"],
2199
+ "isOn": ["layoutDependency"]
2156
2200
  },
2157
2201
  "runtimeConfigDefaultProps": {},
2158
2202
  "runtimeConfigGetStyles": {},
2159
2203
  "runtimeConfigInternalComponentProps": {},
2160
- "motionVarPrefixes": []
2161
- };
2162
- var Menu_Trigger = {
2163
- "name": "Menu.Trigger",
2164
- "defaultProps": {},
2165
- "getStylesLiterals": {},
2166
- "cxLiterals": ["uds-menu-trigger"],
2167
- "internalComponents": ["AriakitMenuTrigger", "Box"],
2168
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2169
- "propToVariantKeys": {},
2170
- "runtimeConfigDefaultProps": {},
2171
- "runtimeConfigGetStyles": {},
2172
- "runtimeConfigInternalComponentProps": {},
2173
- "motionVarPrefixes": []
2204
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2174
2205
  };
2175
- var Menu_index = {
2176
- "name": "Menu.index",
2206
+ var Tabs = {
2207
+ "name": "Tabs",
2177
2208
  "defaultProps": {},
2178
- "getStylesLiterals": {},
2179
- "cxLiterals": [],
2180
- "internalComponents": [],
2181
- "internalComponentProps": {},
2182
- "propToVariantKeys": {},
2183
- "runtimeConfigDefaultProps": {},
2184
- "runtimeConfigGetStyles": {},
2185
- "runtimeConfigInternalComponentProps": {},
2186
- "motionVarPrefixes": []
2187
- };
2188
- var Menu_Content = {
2189
- "name": "Menu.Content",
2190
- "defaultProps": {
2191
- "size": "default",
2192
- "variant": "default",
2193
- "gutter": "1"
2209
+ "getStylesLiterals": {
2210
+ "display": "flex",
2211
+ "flexDirection": "row",
2212
+ "columnGap": "6"
2194
2213
  },
2195
- "getStylesLiterals": {},
2196
2214
  "cxLiterals": [
2197
- "uds-menu-content",
2198
- "transition-shadow",
2199
- "duration-200",
2200
- "ease-in-out",
2201
- "min-w-60",
2202
- "max-w-lg",
2203
- "max-h-96",
2204
- "overflow-auto",
2205
- "uds-ring",
2206
- "z-10",
2207
- "group"
2215
+ "text-tertiary",
2216
+ "border-b-transparent",
2217
+ "aria-selected:border-b-brand",
2218
+ "aria-selected:text-secondary"
2208
2219
  ],
2209
2220
  "internalComponents": [
2210
- "AriakitMenu",
2211
- "AnimatePresence",
2212
- "MotionVStack"
2221
+ "TabProvider",
2222
+ "OriginalTabList",
2223
+ "OriginalTab",
2224
+ "Icon",
2225
+ "OriginalTabPanel",
2226
+ "Pressable",
2227
+ "Comp",
2228
+ "Text"
2213
2229
  ],
2214
- "internalComponentProps": {},
2215
- "propToVariantKeys": {
2216
- "size": ["menucontentSizeRoot"],
2217
- "variant": ["menucontentVariantRoot"]
2218
- },
2219
- "runtimeConfigDefaultProps": {},
2220
- "runtimeConfigGetStyles": {},
2221
- "runtimeConfigInternalComponentProps": {},
2222
- "motionVarPrefixes": []
2223
- };
2224
- var Menu_Divider = {
2225
- "name": "Menu.Divider",
2226
- "defaultProps": {
2227
- "role": "separator",
2228
- "contentPosition": "start",
2229
- "gap": "4"
2230
- },
2231
- "getStylesLiterals": {
2232
- "menuitemDividerVariantRoot": "default",
2233
- "menuitemDividerVariantText": "default",
2234
- "menuitemDividerVariantLine": "default"
2230
+ "internalComponentProps": {
2231
+ "Icon": {
2232
+ "className": ["text-current"],
2233
+ "size": ["md"]
2234
+ },
2235
+ "Pressable": {
2236
+ "borderBottomWidth": ["medium"],
2237
+ "spacingBottom": ["1"],
2238
+ "spacingTop": ["4"]
2239
+ },
2240
+ "Text": {
2241
+ "className": ["text-current"],
2242
+ "variant": ["headline1"],
2243
+ "as": ["span"]
2244
+ }
2235
2245
  },
2236
- "cxLiterals": [],
2237
- "internalComponents": ["DividerInternal"],
2238
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
2239
2246
  "propToVariantKeys": {},
2240
2247
  "runtimeConfigDefaultProps": {},
2241
2248
  "runtimeConfigGetStyles": {},
2242
2249
  "runtimeConfigInternalComponentProps": {},
2243
2250
  "motionVarPrefixes": []
2244
2251
  };
2245
- var Menu = {
2246
- "name": "Menu",
2252
+ var UDSBreakpointsConfigProvider = {
2253
+ "name": "UDSBreakpointsConfigProvider",
2247
2254
  "defaultProps": {},
2248
2255
  "getStylesLiterals": {},
2249
2256
  "cxLiterals": [],
2250
- "internalComponents": [],
2257
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2251
2258
  "internalComponentProps": {},
2252
2259
  "propToVariantKeys": {},
2253
2260
  "runtimeConfigDefaultProps": {},
@@ -2255,25 +2262,18 @@ var Menu = {
2255
2262
  "runtimeConfigInternalComponentProps": {},
2256
2263
  "motionVarPrefixes": []
2257
2264
  };
2258
- var Menu_ItemCheckbox = {
2259
- "name": "Menu.ItemCheckbox",
2265
+ var UDSConfigProvider = {
2266
+ "name": "UDSConfigProvider",
2260
2267
  "defaultProps": {},
2261
- "getStylesLiterals": {
2262
- "menuitemItemCheckboxVariantRoot": "default",
2263
- "menuitemItemCheckboxVariantActiveRoot": "on",
2264
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2265
- "menuitemItemCheckboxVariantText": "default",
2266
- "menuitemItemCheckboxVariantActiveText": "on",
2267
- "menuitemItemCheckboxVariantActiveText:1": "off",
2268
- "menuitemItemCheckboxVariantStartIcon": "default",
2269
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2270
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2271
- "menuitemItemCheckboxVariantEndIcon": "default",
2272
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2273
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2274
- },
2275
- "cxLiterals": ["uds-menu-item-checkbox"],
2276
- "internalComponents": ["MenuItemBase"],
2268
+ "getStylesLiterals": {},
2269
+ "cxLiterals": [],
2270
+ "internalComponents": [
2271
+ "UDSBreakpointsConfigProvider",
2272
+ "UDSBottomSheetConfigProvider",
2273
+ "UDSToastConfigProvider",
2274
+ "UDSTooltipConfigProvider",
2275
+ "UDSPopoverConfigProvider"
2276
+ ],
2277
2277
  "internalComponentProps": {},
2278
2278
  "propToVariantKeys": {},
2279
2279
  "runtimeConfigDefaultProps": {},
@@ -2282,86 +2282,86 @@ var Menu_ItemCheckbox = {
2282
2282
  "motionVarPrefixes": []
2283
2283
  };
2284
2284
  var componentData_default = {
2285
- Link,
2286
- VStack,
2287
2285
  Box,
2288
- Scrim,
2289
- Icon,
2290
- SvgFloatingOverlay,
2291
2286
  FormLabel,
2292
- Text,
2293
- IconSlot,
2294
2287
  HStack,
2288
+ Icon,
2289
+ IconSlot,
2295
2290
  Image,
2296
- "Table.mocks": Table_mocks,
2297
- Table,
2298
- Spinner,
2291
+ Link,
2292
+ Scrim,
2293
+ SvgFloatingOverlay,
2294
+ Text,
2295
+ VStack,
2296
+ Divider,
2299
2297
  DividerCore,
2300
2298
  DividerInternal,
2301
- Divider,
2299
+ AnimateHeightChange,
2300
+ Badge,
2302
2301
  Button,
2303
2302
  Checkbox,
2304
- SpringMotionConfig,
2305
2303
  IconButton,
2306
- Switch,
2307
- Badge,
2308
- AnimateHeightChange,
2309
2304
  Pressable,
2310
- AvoidMotionLibraryProvider,
2311
- SegmentedControl,
2312
- SwitchV2,
2313
- Tabs,
2314
- Modal,
2315
- Accordion,
2316
- AvatarImage,
2317
- AvatarText,
2305
+ SpringMotionConfig,
2306
+ Switch,
2307
+ Spinner,
2308
+ "Table.mocks": Table_mocks,
2309
+ Table,
2318
2310
  Avatar,
2319
2311
  AvatarIcon,
2320
- UDSPopoverConfigProvider,
2321
- Popover,
2322
- PopoverContext,
2323
- PopoverTrigger,
2324
- PopoverContent,
2312
+ AvatarImage,
2313
+ AvatarText,
2314
+ BottomSheet,
2325
2315
  BottomSheetContent,
2326
2316
  BottomSheetDismiss,
2327
- BottomSheet,
2328
2317
  BottomSheetHandle,
2329
- BottomSheetInternalContext,
2330
2318
  BottomSheetHeader,
2331
- BottomSheetTrigger,
2319
+ BottomSheetInternalContext,
2332
2320
  BottomSheetProvider,
2321
+ BottomSheetTrigger,
2333
2322
  UDSBottomSheetConfigProvider,
2334
- RadioGroupStore,
2335
- RadioGroupProvider,
2336
- Radio,
2337
- UDSToastConfigProvider,
2338
- Toast,
2339
- ToastContainer,
2340
- ToastPortal,
2341
- UDSTooltipConfigProvider,
2342
- TooltipTrigger,
2343
- TooltipContent,
2344
- Tooltip,
2345
- Input,
2346
- InputHelpText,
2347
- InputHelpTextInternal,
2348
- UDSConfigProvider,
2349
- UDSBreakpointsConfigProvider,
2350
- ChipLink,
2351
- ChipDismissible,
2352
- ChipToggle,
2353
2323
  Chip,
2354
2324
  ChipBase,
2355
2325
  ChipButton,
2326
+ ChipDismissible,
2327
+ ChipLink,
2328
+ ChipToggle,
2329
+ Input,
2330
+ InputHelpText,
2331
+ InputHelpTextInternal,
2332
+ "Menu.Content": Menu_Content,
2333
+ "Menu.Divider": Menu_Divider,
2356
2334
  "Menu.Item": Menu_Item,
2357
- "Menu.Provider": Menu_Provider,
2358
2335
  "Menu.ItemBase": Menu_ItemBase,
2336
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2337
+ "Menu.Provider": Menu_Provider,
2359
2338
  "Menu.Trigger": Menu_Trigger,
2360
2339
  "Menu.index": Menu_index,
2361
- "Menu.Content": Menu_Content,
2362
- "Menu.Divider": Menu_Divider,
2363
2340
  Menu,
2364
- "Menu.ItemCheckbox": Menu_ItemCheckbox
2341
+ Popover,
2342
+ PopoverContent,
2343
+ PopoverContext,
2344
+ PopoverTrigger,
2345
+ UDSPopoverConfigProvider,
2346
+ Radio,
2347
+ RadioGroupProvider,
2348
+ RadioGroupStore,
2349
+ Toast,
2350
+ ToastContainer,
2351
+ ToastPortal,
2352
+ UDSToastConfigProvider,
2353
+ Tooltip,
2354
+ TooltipContent,
2355
+ TooltipTrigger,
2356
+ UDSTooltipConfigProvider,
2357
+ Accordion,
2358
+ AvoidMotionLibraryProvider,
2359
+ Modal,
2360
+ SegmentedControl,
2361
+ SwitchV2,
2362
+ Tabs,
2363
+ UDSBreakpointsConfigProvider,
2364
+ UDSConfigProvider
2365
2365
  };
2366
2366
 
2367
2367
  //#endregion