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