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