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