@yahoo/uds 3.123.0 → 3.124.0-beta.1

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