@yahoo/uds 3.119.2 → 3.121.0

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