@yahoo/uds 3.141.0 → 3.142.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/automated-config/dist/utils/index.cjs +1 -1
  4. package/dist/automated-config/dist/utils/index.js +1 -1
  5. package/dist/components/Divider/Divider.cjs +86 -5
  6. package/dist/components/Divider/Divider.d.cts +15 -4
  7. package/dist/components/Divider/Divider.d.ts +15 -4
  8. package/dist/components/Divider/Divider.js +88 -7
  9. package/dist/components/Divider/DividerLabel.cjs +30 -0
  10. package/dist/components/Divider/DividerLabel.d.cts +18 -0
  11. package/dist/components/Divider/DividerLabel.d.ts +18 -0
  12. package/dist/components/Divider/DividerLabel.js +28 -0
  13. package/dist/components/Divider/DividerLine.cjs +41 -0
  14. package/dist/components/Divider/DividerLine.d.cts +19 -0
  15. package/dist/components/Divider/DividerLine.d.ts +19 -0
  16. package/dist/components/Divider/DividerLine.js +39 -0
  17. package/dist/components/Divider/index.cjs +4 -0
  18. package/dist/components/Divider/index.d.cts +4 -1
  19. package/dist/components/Divider/index.d.ts +4 -1
  20. package/dist/components/Divider/index.js +3 -1
  21. package/dist/components/Divider/types.cjs +1 -0
  22. package/dist/components/Divider/types.d.cts +38 -0
  23. package/dist/components/Divider/types.d.ts +38 -0
  24. package/dist/components/Divider/types.js +1 -0
  25. package/dist/components/Divider/utils.cjs +33 -0
  26. package/dist/components/Divider/utils.d.cts +11 -0
  27. package/dist/components/Divider/utils.d.ts +11 -0
  28. package/dist/components/Divider/utils.js +29 -0
  29. package/dist/components/client/Menu/Menu.Divider.cjs +2 -2
  30. package/dist/components/client/Menu/Menu.Divider.js +2 -2
  31. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  32. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  33. package/dist/components/index.cjs +6 -0
  34. package/dist/components/index.d.cts +3 -1
  35. package/dist/components/index.d.ts +3 -1
  36. package/dist/components/index.js +5 -1
  37. package/dist/index.cjs +5 -1
  38. package/dist/index.d.cts +3 -1
  39. package/dist/index.d.ts +3 -1
  40. package/dist/index.js +4 -2
  41. package/dist/styles/styler.d.cts +3 -3
  42. package/dist/styles/styler.d.ts +3 -3
  43. package/dist/tailwind/dist/automated-config/dist/utils/index.cjs +1 -1
  44. package/dist/tailwind/dist/automated-config/dist/utils/index.js +1 -1
  45. package/dist/tailwind/dist/automated-config/dist/utils/index.js.map +1 -1
  46. package/dist/tokens/automation/index.cjs +1 -1
  47. package/dist/tokens/automation/index.js +1 -1
  48. package/dist/tokens/index.cjs +1 -1
  49. package/dist/tokens/index.js +1 -1
  50. package/dist/uds/generated/componentData.cjs +1418 -1416
  51. package/dist/uds/generated/componentData.js +1415 -1413
  52. package/dist/uds/generated/tailwindPurge.cjs +1688 -50
  53. package/dist/uds/generated/tailwindPurge.js +1688 -50
  54. package/generated/componentData.json +1826 -1813
  55. package/generated/tailwindPurge.ts +3 -3
  56. package/package.json +1 -1
  57. package/dist/components/Divider/DividerCore.cjs +0 -83
  58. package/dist/components/Divider/DividerCore.d.cts +0 -22
  59. package/dist/components/Divider/DividerCore.d.ts +0 -22
  60. package/dist/components/Divider/DividerCore.js +0 -81
  61. package/dist/components/Divider/DividerInternal.cjs +0 -31
  62. package/dist/components/Divider/DividerInternal.d.cts +0 -13
  63. package/dist/components/Divider/DividerInternal.d.ts +0 -13
  64. package/dist/components/Divider/DividerInternal.js +0 -29
@@ -1,5 +1,61 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
+ var Box = {
4
+ "name": "Box",
5
+ "defaultProps": {
6
+ "as": "div",
7
+ "display": "flex"
8
+ },
9
+ "getStylesLiterals": {},
10
+ "cxLiterals": [],
11
+ "internalComponents": ["Comp"],
12
+ "internalComponentProps": {},
13
+ "propToVariantKeys": { "elevationAlias": [
14
+ "backgroundColor",
15
+ "borderColor",
16
+ "borderWidth",
17
+ "dropShadow",
18
+ "insetShadow"
19
+ ] },
20
+ "runtimeConfigDefaultProps": {},
21
+ "runtimeConfigGetStyles": {},
22
+ "runtimeConfigInternalComponentProps": {},
23
+ "motionVarPrefixes": []
24
+ };
25
+ var FormLabel = {
26
+ "name": "FormLabel",
27
+ "defaultProps": {
28
+ "color": "muted",
29
+ "variant": "label3",
30
+ "as": "label"
31
+ },
32
+ "getStylesLiterals": {},
33
+ "cxLiterals": ["cursor-[inherit]"],
34
+ "internalComponents": ["Text"],
35
+ "internalComponentProps": { "Text": {
36
+ "as": ["sup"],
37
+ "variant": ["inherit"],
38
+ "spacingStart": ["0.5"]
39
+ } },
40
+ "propToVariantKeys": {},
41
+ "runtimeConfigDefaultProps": {},
42
+ "runtimeConfigGetStyles": {},
43
+ "runtimeConfigInternalComponentProps": {},
44
+ "motionVarPrefixes": []
45
+ };
46
+ var HStack = {
47
+ "name": "HStack",
48
+ "defaultProps": {},
49
+ "getStylesLiterals": {},
50
+ "cxLiterals": [],
51
+ "internalComponents": ["Box"],
52
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
53
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
54
+ "runtimeConfigDefaultProps": {},
55
+ "runtimeConfigGetStyles": {},
56
+ "runtimeConfigInternalComponentProps": {},
57
+ "motionVarPrefixes": []
58
+ };
3
59
  var Icon = {
4
60
  "name": "Icon",
5
61
  "defaultProps": {
@@ -17,24 +73,14 @@ var Icon = {
17
73
  "runtimeConfigInternalComponentProps": {},
18
74
  "motionVarPrefixes": []
19
75
  };
20
- var Text = {
21
- "name": "Text",
22
- "defaultProps": {
23
- "color": "primary",
24
- "variant": "body1"
25
- },
76
+ var IconSlot = {
77
+ "name": "IconSlot",
78
+ "defaultProps": {},
26
79
  "getStylesLiterals": {},
27
80
  "cxLiterals": [],
28
- "internalComponents": ["Comp"],
81
+ "internalComponents": ["Icon"],
29
82
  "internalComponentProps": {},
30
- "propToVariantKeys": { "variant": [
31
- "fontFamily",
32
- "fontSize",
33
- "fontWeight",
34
- "lineHeight",
35
- "textTransform",
36
- "letterSpacing"
37
- ] },
83
+ "propToVariantKeys": {},
38
84
  "runtimeConfigDefaultProps": {},
39
85
  "runtimeConfigGetStyles": {},
40
86
  "runtimeConfigInternalComponentProps": {},
@@ -53,6 +99,44 @@ var Image = {
53
99
  "runtimeConfigInternalComponentProps": {},
54
100
  "motionVarPrefixes": []
55
101
  };
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"]
134
+ },
135
+ "runtimeConfigDefaultProps": {},
136
+ "runtimeConfigGetStyles": {},
137
+ "runtimeConfigInternalComponentProps": {},
138
+ "motionVarPrefixes": []
139
+ };
56
140
  var Scrim = {
57
141
  "name": "Scrim",
58
142
  "defaultProps": {
@@ -81,75 +165,6 @@ var Scrim = {
81
165
  "runtimeConfigInternalComponentProps": {},
82
166
  "motionVarPrefixes": []
83
167
  };
84
- var FormLabel = {
85
- "name": "FormLabel",
86
- "defaultProps": {
87
- "color": "muted",
88
- "variant": "label3",
89
- "as": "label"
90
- },
91
- "getStylesLiterals": {},
92
- "cxLiterals": ["cursor-[inherit]"],
93
- "internalComponents": ["Text"],
94
- "internalComponentProps": { "Text": {
95
- "as": ["sup"],
96
- "variant": ["inherit"],
97
- "spacingStart": ["0.5"]
98
- } },
99
- "propToVariantKeys": {},
100
- "runtimeConfigDefaultProps": {},
101
- "runtimeConfigGetStyles": {},
102
- "runtimeConfigInternalComponentProps": {},
103
- "motionVarPrefixes": []
104
- };
105
- var VStack = {
106
- "name": "VStack",
107
- "defaultProps": {},
108
- "getStylesLiterals": {},
109
- "cxLiterals": [],
110
- "internalComponents": ["Box"],
111
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
112
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
113
- "runtimeConfigDefaultProps": {},
114
- "runtimeConfigGetStyles": {},
115
- "runtimeConfigInternalComponentProps": {},
116
- "motionVarPrefixes": []
117
- };
118
- var IconSlot = {
119
- "name": "IconSlot",
120
- "defaultProps": {},
121
- "getStylesLiterals": {},
122
- "cxLiterals": [],
123
- "internalComponents": ["Icon"],
124
- "internalComponentProps": {},
125
- "propToVariantKeys": {},
126
- "runtimeConfigDefaultProps": {},
127
- "runtimeConfigGetStyles": {},
128
- "runtimeConfigInternalComponentProps": {},
129
- "motionVarPrefixes": []
130
- };
131
- var Box = {
132
- "name": "Box",
133
- "defaultProps": {
134
- "as": "div",
135
- "display": "flex"
136
- },
137
- "getStylesLiterals": {},
138
- "cxLiterals": [],
139
- "internalComponents": ["Comp"],
140
- "internalComponentProps": {},
141
- "propToVariantKeys": { "elevationAlias": [
142
- "backgroundColor",
143
- "borderColor",
144
- "borderWidth",
145
- "dropShadow",
146
- "insetShadow"
147
- ] },
148
- "runtimeConfigDefaultProps": {},
149
- "runtimeConfigGetStyles": {},
150
- "runtimeConfigInternalComponentProps": {},
151
- "motionVarPrefixes": []
152
- };
153
168
  var SvgFloatingOverlay = {
154
169
  "name": "SvgFloatingOverlay",
155
170
  "defaultProps": { "contentOverflow": "auto" },
@@ -184,80 +199,49 @@ var SvgFloatingOverlay = {
184
199
  "runtimeConfigInternalComponentProps": {},
185
200
  "motionVarPrefixes": []
186
201
  };
187
- var HStack = {
188
- "name": "HStack",
189
- "defaultProps": {},
202
+ var Text = {
203
+ "name": "Text",
204
+ "defaultProps": {
205
+ "color": "primary",
206
+ "variant": "body1"
207
+ },
190
208
  "getStylesLiterals": {},
191
209
  "cxLiterals": [],
192
- "internalComponents": ["Box"],
193
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
194
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
210
+ "internalComponents": ["Comp"],
211
+ "internalComponentProps": {},
212
+ "propToVariantKeys": { "variant": [
213
+ "fontFamily",
214
+ "fontSize",
215
+ "fontWeight",
216
+ "lineHeight",
217
+ "textTransform",
218
+ "letterSpacing"
219
+ ] },
195
220
  "runtimeConfigDefaultProps": {},
196
221
  "runtimeConfigGetStyles": {},
197
222
  "runtimeConfigInternalComponentProps": {},
198
223
  "motionVarPrefixes": []
199
224
  };
200
- var Link = {
201
- "name": "Link",
202
- "defaultProps": { "variant": "primary" },
203
- "getStylesLiterals": {
204
- "display": "inline-flex",
205
- "alignItems": "center"
206
- },
207
- "cxLiterals": [
208
- "uds-ring",
209
- "underline",
210
- "w-[0.7em]",
211
- "h-[0.7em]"
212
- ],
213
- "internalComponents": ["IconSlot"],
214
- "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
215
- "propToVariantKeys": {
216
- "textVariant": [
217
- "linkTextStyleRoot",
218
- "fontSize",
219
- "fontFamily",
220
- "fontWeight",
221
- "lineHeight",
222
- "textTransform",
223
- "linkTextStyleIcon"
224
- ],
225
- "variant": [
226
- "linkVariantRoot",
227
- "linkVariantIconStart",
228
- "linkVariantIconEnd"
229
- ],
230
- "startIcon": ["icon"],
231
- "endIcon": ["icon"]
232
- },
225
+ var VStack = {
226
+ "name": "VStack",
227
+ "defaultProps": {},
228
+ "getStylesLiterals": {},
229
+ "cxLiterals": [],
230
+ "internalComponents": ["Box"],
231
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
232
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
233
233
  "runtimeConfigDefaultProps": {},
234
234
  "runtimeConfigGetStyles": {},
235
235
  "runtimeConfigInternalComponentProps": {},
236
236
  "motionVarPrefixes": []
237
237
  };
238
- var BannerDescription = {
239
- "name": "BannerDescription",
240
- "defaultProps": {},
241
- "getStylesLiterals": {
242
- "bannerSizeDescription": "default",
243
- "className": "w-full line-clamp-3"
244
- },
245
- "cxLiterals": [],
246
- "internalComponents": ["Text"],
247
- "internalComponentProps": {},
248
- "propToVariantKeys": {},
249
- "runtimeConfigDefaultProps": {},
250
- "runtimeConfigGetStyles": {},
251
- "runtimeConfigInternalComponentProps": {},
252
- "motionVarPrefixes": []
253
- };
254
- var Banner = {
255
- "name": "Banner",
256
- "defaultProps": {
257
- "variant": "primary",
258
- "size": "default",
259
- "dismissAriaLabel": "Dismiss"
260
- },
238
+ var Banner = {
239
+ "name": "Banner",
240
+ "defaultProps": {
241
+ "variant": "primary",
242
+ "size": "default",
243
+ "dismissAriaLabel": "Dismiss"
244
+ },
261
245
  "getStylesLiterals": {
262
246
  "className": "truncate",
263
247
  "className:1": "line-clamp-3",
@@ -348,11 +332,14 @@ var BannerContent = {
348
332
  "runtimeConfigInternalComponentProps": {},
349
333
  "motionVarPrefixes": []
350
334
  };
351
- var BannerTitle = {
352
- "name": "BannerTitle",
335
+ var BannerDescription = {
336
+ "name": "BannerDescription",
353
337
  "defaultProps": {},
354
- "getStylesLiterals": { "bannerSizeTitle": "default" },
355
- "cxLiterals": ["w-full", "truncate"],
338
+ "getStylesLiterals": {
339
+ "bannerSizeDescription": "default",
340
+ "className": "w-full line-clamp-3"
341
+ },
342
+ "cxLiterals": [],
356
343
  "internalComponents": ["Text"],
357
344
  "internalComponentProps": {},
358
345
  "propToVariantKeys": {},
@@ -361,12 +348,12 @@ var BannerTitle = {
361
348
  "runtimeConfigInternalComponentProps": {},
362
349
  "motionVarPrefixes": []
363
350
  };
364
- var Divider = {
365
- "name": "Divider",
351
+ var BannerTitle = {
352
+ "name": "BannerTitle",
366
353
  "defaultProps": {},
367
- "getStylesLiterals": {},
368
- "cxLiterals": [],
369
- "internalComponents": ["DividerInternal"],
354
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
355
+ "cxLiterals": ["w-full", "truncate"],
356
+ "internalComponents": ["Text"],
370
357
  "internalComponentProps": {},
371
358
  "propToVariantKeys": {},
372
359
  "runtimeConfigDefaultProps": {},
@@ -374,63 +361,65 @@ var Divider = {
374
361
  "runtimeConfigInternalComponentProps": {},
375
362
  "motionVarPrefixes": []
376
363
  };
377
- var DividerCore = {
378
- "name": "DividerCore",
379
- "defaultProps": { "contentPosition": "center" },
364
+ var Divider = {
365
+ "name": "Divider",
366
+ "defaultProps": {
367
+ "variant": "primary",
368
+ "contentPosition": "center"
369
+ },
380
370
  "getStylesLiterals": {},
381
- "cxLiterals": [],
371
+ "cxLiterals": ["inherit"],
382
372
  "internalComponents": [
383
- "Box",
384
- "Line",
373
+ "DividerLine",
374
+ "DividerLabel",
385
375
  "InternalComponent",
386
- "Text"
376
+ "Box"
387
377
  ],
388
378
  "internalComponentProps": {
389
- "Box": {
390
- "flex": ["1", "none"],
391
- "display": ["flex"]
392
- },
393
379
  "InternalComponent": {
394
- "flex": ["1"],
395
- "alignItems": ["center"]
380
+ "alignItems": ["center"],
381
+ "flex": ["1"]
396
382
  },
397
- "Text": {
398
- "as": ["span"],
399
- "color": ["inherit"],
400
- "variant": ["inherit"]
383
+ "Box": {
384
+ "display": ["flex"],
385
+ "flex": ["none"]
401
386
  }
402
387
  },
403
- "propToVariantKeys": {},
388
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
404
389
  "runtimeConfigDefaultProps": {},
405
390
  "runtimeConfigGetStyles": {},
406
391
  "runtimeConfigInternalComponentProps": {},
407
392
  "motionVarPrefixes": []
408
393
  };
409
- var DividerInternal = {
410
- "name": "DividerInternal",
411
- "defaultProps": { "variant": "primary" },
394
+ var DividerLabel = {
395
+ "name": "DividerLabel",
396
+ "defaultProps": {
397
+ "variant": "primary",
398
+ "textVariant": "inherit",
399
+ "color": "inherit",
400
+ "as": "span"
401
+ },
412
402
  "getStylesLiterals": {},
413
403
  "cxLiterals": ["inherit"],
414
- "internalComponents": ["DividerCore"],
404
+ "internalComponents": ["Text"],
415
405
  "internalComponentProps": {},
416
- "propToVariantKeys": { "variant": [
417
- "dividerVariantRoot",
418
- "dividerVariantLabel",
419
- "dividerVariantLine"
420
- ] },
406
+ "propToVariantKeys": {
407
+ "variant": ["dividerVariantLabel"],
408
+ "textVariant": ["variant"]
409
+ },
421
410
  "runtimeConfigDefaultProps": {},
422
411
  "runtimeConfigGetStyles": {},
423
412
  "runtimeConfigInternalComponentProps": {},
424
413
  "motionVarPrefixes": []
425
414
  };
426
- var Table_mocks = {
427
- "name": "Table.mocks",
428
- "defaultProps": {},
415
+ var DividerLine = {
416
+ "name": "DividerLine",
417
+ "defaultProps": { "variant": "primary" },
429
418
  "getStylesLiterals": {},
430
- "cxLiterals": [],
431
- "internalComponents": [],
432
- "internalComponentProps": {},
433
- "propToVariantKeys": {},
419
+ "cxLiterals": ["inherit"],
420
+ "internalComponents": ["Box"],
421
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
422
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
434
423
  "runtimeConfigDefaultProps": {},
435
424
  "runtimeConfigGetStyles": {},
436
425
  "runtimeConfigInternalComponentProps": {},
@@ -460,6 +449,19 @@ var Spinner = {
460
449
  "runtimeConfigInternalComponentProps": {},
461
450
  "motionVarPrefixes": []
462
451
  };
452
+ var Table_mocks = {
453
+ "name": "Table.mocks",
454
+ "defaultProps": {},
455
+ "getStylesLiterals": {},
456
+ "cxLiterals": [],
457
+ "internalComponents": [],
458
+ "internalComponentProps": {},
459
+ "propToVariantKeys": {},
460
+ "runtimeConfigDefaultProps": {},
461
+ "runtimeConfigGetStyles": {},
462
+ "runtimeConfigInternalComponentProps": {},
463
+ "motionVarPrefixes": []
464
+ };
463
465
  var Table = {
464
466
  "name": "Table",
465
467
  "defaultProps": {
@@ -491,32 +493,6 @@ var Table = {
491
493
  "runtimeConfigInternalComponentProps": {},
492
494
  "motionVarPrefixes": []
493
495
  };
494
- var Pressable = {
495
- "name": "Pressable",
496
- "defaultProps": {},
497
- "getStylesLiterals": {},
498
- "cxLiterals": [],
499
- "internalComponents": ["Comp"],
500
- "internalComponentProps": {},
501
- "propToVariantKeys": {},
502
- "runtimeConfigDefaultProps": {},
503
- "runtimeConfigGetStyles": {},
504
- "runtimeConfigInternalComponentProps": {},
505
- "motionVarPrefixes": []
506
- };
507
- var SpringMotionConfig = {
508
- "name": "SpringMotionConfig",
509
- "defaultProps": { "reducedMotion": "user" },
510
- "getStylesLiterals": {},
511
- "cxLiterals": [],
512
- "internalComponents": ["LazyMotion", "MotionConfig"],
513
- "internalComponentProps": {},
514
- "propToVariantKeys": { "loadFeatures": ["features"] },
515
- "runtimeConfigDefaultProps": {},
516
- "runtimeConfigGetStyles": {},
517
- "runtimeConfigInternalComponentProps": {},
518
- "motionVarPrefixes": []
519
- };
520
496
  var AnimateHeightChange = {
521
497
  "name": "AnimateHeightChange",
522
498
  "defaultProps": {},
@@ -530,101 +506,41 @@ var AnimateHeightChange = {
530
506
  "runtimeConfigInternalComponentProps": {},
531
507
  "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
532
508
  };
533
- var Switch = {
534
- "name": "Switch",
509
+ var Badge = {
510
+ "name": "Badge",
535
511
  "defaultProps": {
536
- "labelPosition": "start",
512
+ "variant": "primary",
537
513
  "size": "md"
538
514
  },
539
- "getStylesLiterals": {
540
- "switchVariantRoot": "default",
541
- "switchVariantActiveRoot": "on",
542
- "switchVariantActiveRoot:1": "off",
543
- "display": "flex",
544
- "flexDirection": "row",
545
- "flexDirection:1": "row-reverse",
546
- "alignItems": "center",
547
- "switchVariantSwitch": "default",
548
- "switchVariantActiveSwitch": "on",
549
- "switchVariantActiveSwitch:1": "off",
550
- "borderRadius": "full",
551
- "position": "relative",
552
- "switchVariantActiveHandle": "on",
553
- "switchVariantActiveHandle:1": "off",
554
- "switchVariantHandle": "default",
555
- "switchVariantHandleIcon": "default",
556
- "switchVariantActiveHandleIcon": "on",
557
- "switchVariantActiveHandleIcon:1": "off"
558
- },
515
+ "getStylesLiterals": {},
559
516
  "cxLiterals": [
560
- "group",
561
- "cursor-pointer",
562
- "cursor-default",
563
- "opacity-50",
564
- "uds-ring",
565
- "uds-ring-within",
566
- "transition-[background-color,box-shadow]",
567
- "relative",
568
- "pointer-events-none",
569
- "uds-border-radius-full",
570
- "overflow-hidden",
571
- "absolute",
572
- "top-0",
573
- "left-0",
574
- "right-0",
575
- "bottom-0",
576
- "opacity-95",
577
- "group-hover:opacity-100",
578
- "transition-[background-color,box-shadow,opacity]",
579
- "opacity-0",
580
- "top-1/2",
581
- "left-1/2",
582
- "transform",
583
- "translate-x-[-50%]",
584
- "translate-y-[-50%]",
585
- "transition-opacity",
586
- "cursor-[inherit]",
587
- "w-[calc(100%+2px)]",
588
- "h-[calc(100%+2px)]",
589
- "text-start",
590
- "text-end",
591
- "opacity-100"
592
- ],
593
- "internalComponents": [
594
- "IconSlot",
595
- "Box",
596
- "FormLabel",
597
- "SpringMotionConfig",
598
- "RootElement",
599
- "MotionBox"
517
+ "flex-1",
518
+ "truncate",
519
+ "whitespace-nowrap",
520
+ "text-center"
600
521
  ],
522
+ "internalComponents": ["IconSlot", "HStack"],
601
523
  "internalComponentProps": {
602
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
603
- "FormLabel": {
604
- "as": ["div"],
605
- "variant": ["inherit"],
606
- "color": ["inherit"]
607
- },
608
- "RootElement": { "data-testid": ["container"] }
524
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
525
+ "HStack": {
526
+ "gap": ["2"],
527
+ "display": ["inline-flex"],
528
+ "alignItems": ["center"]
529
+ }
609
530
  },
610
531
  "propToVariantKeys": {
611
- "size": [
612
- "switchSizeRoot",
613
- "switchSizeSwitch",
614
- "switchSizeHandle",
615
- "switchSizeHandleIcon"
616
- ],
617
- "onIcon": ["icon"],
618
- "offIcon": ["icon"],
619
- "reduceMotion": ["reducedMotion"]
532
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
533
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
534
+ "startIcon": ["icon"],
535
+ "endIcon": ["icon"]
620
536
  },
621
537
  "runtimeConfigDefaultProps": {},
622
538
  "runtimeConfigGetStyles": {},
623
539
  "runtimeConfigInternalComponentProps": {},
624
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
540
+ "motionVarPrefixes": []
625
541
  };
626
- var IconButton = {
627
- "name": "IconButton",
542
+ var Button = {
543
+ "name": "Button",
628
544
  "defaultProps": { "type": "button" },
629
545
  "getStylesLiterals": {},
630
546
  "cxLiterals": [
@@ -634,74 +550,53 @@ var IconButton = {
634
550
  "overflow-hidden",
635
551
  "justify-center",
636
552
  "items-center",
553
+ "whitespace-nowrap",
554
+ "select-none",
637
555
  "[transform-origin:center]",
638
556
  "[backface-visibility:hidden]",
639
- "[transition-property:color,background-color,border-color,",
640
- "box-shadow,text-decoration-color,fill,stroke]",
557
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
641
558
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
642
559
  "[transition-duration:220ms]",
643
560
  "cursor-not-allowed",
644
561
  "uds-button-loading",
645
562
  "uds-button-without-effects",
646
- "animate-spin"
563
+ "withIcon",
564
+ "uds-button-with-gap",
565
+ "animate-spin",
566
+ "truncate"
647
567
  ],
648
568
  "internalComponents": [
649
569
  "Icon",
570
+ "IconSlot",
571
+ "AnimatePresence",
650
572
  "SpringMotionConfig",
651
- "AnimatePresence"
573
+ "MotionSlot"
652
574
  ],
653
575
  "internalComponentProps": {
654
576
  "Icon": { "color": ["current"] },
577
+ "AnimatePresence": { "mode": ["popLayout"] },
655
578
  "SpringMotionConfig": { "layoutSpeed": ["3"] },
656
- "AnimatePresence": { "mode": ["popLayout"] }
579
+ "MotionSlot": {
580
+ "whileHover": ["hover"],
581
+ "whileTap": ["pressed"]
582
+ }
657
583
  },
658
584
  "propToVariantKeys": {
659
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
585
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
660
586
  "variant": ["buttonVariantRoot", "buttonVariantIcon"],
661
- "iconVariant": ["variant"]
587
+ "iconVariant": ["variant"],
588
+ "startIcon": ["icon"],
589
+ "endIcon": ["icon"]
662
590
  },
663
591
  "runtimeConfigDefaultProps": {},
664
592
  "runtimeConfigGetStyles": {},
665
593
  "runtimeConfigInternalComponentProps": {},
666
594
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
667
595
  };
668
- var Badge = {
669
- "name": "Badge",
596
+ var Checkbox = {
597
+ "name": "Checkbox",
670
598
  "defaultProps": {
671
- "variant": "primary",
672
- "size": "md"
673
- },
674
- "getStylesLiterals": {},
675
- "cxLiterals": [
676
- "flex-1",
677
- "truncate",
678
- "whitespace-nowrap",
679
- "text-center"
680
- ],
681
- "internalComponents": ["IconSlot", "HStack"],
682
- "internalComponentProps": {
683
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
684
- "HStack": {
685
- "gap": ["2"],
686
- "display": ["inline-flex"],
687
- "alignItems": ["center"]
688
- }
689
- },
690
- "propToVariantKeys": {
691
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
692
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
693
- "startIcon": ["icon"],
694
- "endIcon": ["icon"]
695
- },
696
- "runtimeConfigDefaultProps": {},
697
- "runtimeConfigGetStyles": {},
698
- "runtimeConfigInternalComponentProps": {},
699
- "motionVarPrefixes": []
700
- };
701
- var Checkbox = {
702
- "name": "Checkbox",
703
- "defaultProps": {
704
- "labelPosition": "start",
599
+ "labelPosition": "start",
705
600
  "variant": "primary",
706
601
  "size": "md"
707
602
  },
@@ -774,8 +669,8 @@ var Checkbox = {
774
669
  "runtimeConfigInternalComponentProps": {},
775
670
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
776
671
  };
777
- var Button = {
778
- "name": "Button",
672
+ var IconButton = {
673
+ "name": "IconButton",
779
674
  "defaultProps": { "type": "button" },
780
675
  "getStylesLiterals": {},
781
676
  "cxLiterals": [
@@ -785,49 +680,156 @@ var Button = {
785
680
  "overflow-hidden",
786
681
  "justify-center",
787
682
  "items-center",
788
- "whitespace-nowrap",
789
- "select-none",
790
683
  "[transform-origin:center]",
791
684
  "[backface-visibility:hidden]",
792
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
685
+ "[transition-property:color,background-color,border-color,",
686
+ "box-shadow,text-decoration-color,fill,stroke]",
793
687
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
794
688
  "[transition-duration:220ms]",
795
689
  "cursor-not-allowed",
796
690
  "uds-button-loading",
797
691
  "uds-button-without-effects",
798
- "withIcon",
799
- "uds-button-with-gap",
800
- "animate-spin",
801
- "truncate"
692
+ "animate-spin"
802
693
  ],
803
694
  "internalComponents": [
804
695
  "Icon",
805
- "IconSlot",
806
- "AnimatePresence",
807
696
  "SpringMotionConfig",
808
- "MotionSlot"
697
+ "AnimatePresence"
809
698
  ],
810
699
  "internalComponentProps": {
811
700
  "Icon": { "color": ["current"] },
812
- "AnimatePresence": { "mode": ["popLayout"] },
813
701
  "SpringMotionConfig": { "layoutSpeed": ["3"] },
814
- "MotionSlot": {
815
- "whileHover": ["hover"],
816
- "whileTap": ["pressed"]
817
- }
702
+ "AnimatePresence": { "mode": ["popLayout"] }
818
703
  },
819
704
  "propToVariantKeys": {
820
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
705
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
821
706
  "variant": ["buttonVariantRoot", "buttonVariantIcon"],
822
- "iconVariant": ["variant"],
823
- "startIcon": ["icon"],
824
- "endIcon": ["icon"]
707
+ "iconVariant": ["variant"]
825
708
  },
826
709
  "runtimeConfigDefaultProps": {},
827
710
  "runtimeConfigGetStyles": {},
828
711
  "runtimeConfigInternalComponentProps": {},
829
712
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
830
713
  };
714
+ var Pressable = {
715
+ "name": "Pressable",
716
+ "defaultProps": {},
717
+ "getStylesLiterals": {},
718
+ "cxLiterals": [],
719
+ "internalComponents": ["Comp"],
720
+ "internalComponentProps": {},
721
+ "propToVariantKeys": {},
722
+ "runtimeConfigDefaultProps": {},
723
+ "runtimeConfigGetStyles": {},
724
+ "runtimeConfigInternalComponentProps": {},
725
+ "motionVarPrefixes": []
726
+ };
727
+ var SpringMotionConfig = {
728
+ "name": "SpringMotionConfig",
729
+ "defaultProps": { "reducedMotion": "user" },
730
+ "getStylesLiterals": {},
731
+ "cxLiterals": [],
732
+ "internalComponents": ["LazyMotion", "MotionConfig"],
733
+ "internalComponentProps": {},
734
+ "propToVariantKeys": { "loadFeatures": ["features"] },
735
+ "runtimeConfigDefaultProps": {},
736
+ "runtimeConfigGetStyles": {},
737
+ "runtimeConfigInternalComponentProps": {},
738
+ "motionVarPrefixes": []
739
+ };
740
+ var Switch = {
741
+ "name": "Switch",
742
+ "defaultProps": {
743
+ "labelPosition": "start",
744
+ "size": "md"
745
+ },
746
+ "getStylesLiterals": {
747
+ "switchVariantRoot": "default",
748
+ "switchVariantActiveRoot": "on",
749
+ "switchVariantActiveRoot:1": "off",
750
+ "display": "flex",
751
+ "flexDirection": "row",
752
+ "flexDirection:1": "row-reverse",
753
+ "alignItems": "center",
754
+ "switchVariantSwitch": "default",
755
+ "switchVariantActiveSwitch": "on",
756
+ "switchVariantActiveSwitch:1": "off",
757
+ "borderRadius": "full",
758
+ "position": "relative",
759
+ "switchVariantActiveHandle": "on",
760
+ "switchVariantActiveHandle:1": "off",
761
+ "switchVariantHandle": "default",
762
+ "switchVariantHandleIcon": "default",
763
+ "switchVariantActiveHandleIcon": "on",
764
+ "switchVariantActiveHandleIcon:1": "off"
765
+ },
766
+ "cxLiterals": [
767
+ "group",
768
+ "cursor-pointer",
769
+ "cursor-default",
770
+ "opacity-50",
771
+ "uds-ring",
772
+ "uds-ring-within",
773
+ "transition-[background-color,box-shadow]",
774
+ "relative",
775
+ "pointer-events-none",
776
+ "uds-border-radius-full",
777
+ "overflow-hidden",
778
+ "absolute",
779
+ "top-0",
780
+ "left-0",
781
+ "right-0",
782
+ "bottom-0",
783
+ "opacity-95",
784
+ "group-hover:opacity-100",
785
+ "transition-[background-color,box-shadow,opacity]",
786
+ "opacity-0",
787
+ "top-1/2",
788
+ "left-1/2",
789
+ "transform",
790
+ "translate-x-[-50%]",
791
+ "translate-y-[-50%]",
792
+ "transition-opacity",
793
+ "cursor-[inherit]",
794
+ "w-[calc(100%+2px)]",
795
+ "h-[calc(100%+2px)]",
796
+ "text-start",
797
+ "text-end",
798
+ "opacity-100"
799
+ ],
800
+ "internalComponents": [
801
+ "IconSlot",
802
+ "Box",
803
+ "FormLabel",
804
+ "SpringMotionConfig",
805
+ "RootElement",
806
+ "MotionBox"
807
+ ],
808
+ "internalComponentProps": {
809
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
810
+ "FormLabel": {
811
+ "as": ["div"],
812
+ "variant": ["inherit"],
813
+ "color": ["inherit"]
814
+ },
815
+ "RootElement": { "data-testid": ["container"] }
816
+ },
817
+ "propToVariantKeys": {
818
+ "size": [
819
+ "switchSizeRoot",
820
+ "switchSizeSwitch",
821
+ "switchSizeHandle",
822
+ "switchSizeHandleIcon"
823
+ ],
824
+ "onIcon": ["icon"],
825
+ "offIcon": ["icon"],
826
+ "reduceMotion": ["reducedMotion"]
827
+ },
828
+ "runtimeConfigDefaultProps": {},
829
+ "runtimeConfigGetStyles": {},
830
+ "runtimeConfigInternalComponentProps": {},
831
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
832
+ };
831
833
  var Accordion = {
832
834
  "name": "Accordion",
833
835
  "defaultProps": {
@@ -1049,12 +1051,12 @@ var SwitchV2 = {
1049
1051
  "runtimeConfigInternalComponentProps": {},
1050
1052
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1051
1053
  };
1052
- var BottomSheetInternalContext = {
1053
- "name": "BottomSheetInternalContext",
1054
+ var Avatar = {
1055
+ "name": "Avatar",
1054
1056
  "defaultProps": {},
1055
1057
  "getStylesLiterals": {},
1056
1058
  "cxLiterals": [],
1057
- "internalComponents": [],
1059
+ "internalComponents": ["AvatarImage"],
1058
1060
  "internalComponentProps": {},
1059
1061
  "propToVariantKeys": {},
1060
1062
  "runtimeConfigDefaultProps": {},
@@ -1062,64 +1064,102 @@ var BottomSheetInternalContext = {
1062
1064
  "runtimeConfigInternalComponentProps": {},
1063
1065
  "motionVarPrefixes": []
1064
1066
  };
1065
- var BottomSheetContent = {
1066
- "name": "BottomSheetContent",
1067
- "defaultProps": {},
1068
- "getStylesLiterals": {},
1069
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1070
- "internalComponents": ["Box", "VStack"],
1071
- "internalComponentProps": {
1072
- "Box": {
1073
- "display": ["block"],
1074
- "flex": ["1"]
1075
- },
1076
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1067
+ var AvatarIcon = {
1068
+ "name": "AvatarIcon",
1069
+ "defaultProps": {
1070
+ "size": "md",
1071
+ "variant": "primary"
1077
1072
  },
1078
- "propToVariantKeys": {},
1079
- "runtimeConfigDefaultProps": {},
1080
- "runtimeConfigGetStyles": {},
1081
- "runtimeConfigInternalComponentProps": {},
1082
- "motionVarPrefixes": []
1083
- };
1084
- var BottomSheetHandle = {
1085
- "name": "BottomSheetHandle",
1086
- "defaultProps": { "variant": "default" },
1087
1073
  "getStylesLiterals": {},
1088
1074
  "cxLiterals": [
1089
- "relative",
1090
- "h-5",
1091
- "w-16",
1092
- "outline-none",
1093
- "focus-visible:outline-none",
1094
- "[touch-action:pan-y]",
1095
- "absolute",
1096
- "left-1/2",
1097
- "top-1/2",
1098
- "-translate-x-1/2",
1099
- "-translate-y-1/2",
1100
- "h-1",
1101
- "w-8",
1102
- "rounded-full"
1075
+ "overflow-hidden",
1076
+ "w-full",
1077
+ "h-full",
1078
+ "shrink-0",
1079
+ "text-center",
1080
+ "inline-flex",
1081
+ "justify-center",
1082
+ "items-center"
1103
1083
  ],
1104
- "internalComponents": ["Box"],
1105
- "internalComponentProps": { "Box": {
1106
- "display": ["block", "flex"],
1107
- "justifyContent": ["center"]
1108
- } },
1109
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1084
+ "internalComponents": ["IconSlot", "Box"],
1085
+ "internalComponentProps": {},
1086
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1110
1087
  "runtimeConfigDefaultProps": {},
1111
1088
  "runtimeConfigGetStyles": {},
1112
1089
  "runtimeConfigInternalComponentProps": {},
1113
1090
  "motionVarPrefixes": []
1114
1091
  };
1115
- var BottomSheet = {
1116
- "name": "BottomSheet",
1117
- "defaultProps": { "variant": "default" },
1092
+ var AvatarImage = {
1093
+ "name": "AvatarImage",
1094
+ "defaultProps": {
1095
+ "size": "md",
1096
+ "variant": "primary"
1097
+ },
1118
1098
  "getStylesLiterals": {},
1119
1099
  "cxLiterals": [
1120
- "fixed",
1121
1100
  "overflow-hidden",
1122
- "inset-x-0",
1101
+ "w-full",
1102
+ "h-full",
1103
+ "shrink-0",
1104
+ "text-center",
1105
+ "inline-flex",
1106
+ "justify-center",
1107
+ "items-center",
1108
+ "object-cover"
1109
+ ],
1110
+ "internalComponents": [
1111
+ "UDSImage",
1112
+ "AvatarText",
1113
+ "AvatarIcon",
1114
+ "Box"
1115
+ ],
1116
+ "internalComponentProps": {},
1117
+ "propToVariantKeys": {
1118
+ "alt": ["name"],
1119
+ "fallback": ["initials"]
1120
+ },
1121
+ "runtimeConfigDefaultProps": {},
1122
+ "runtimeConfigGetStyles": {},
1123
+ "runtimeConfigInternalComponentProps": {},
1124
+ "motionVarPrefixes": []
1125
+ };
1126
+ var AvatarText = {
1127
+ "name": "AvatarText",
1128
+ "defaultProps": {
1129
+ "size": "md",
1130
+ "variant": "primary"
1131
+ },
1132
+ "getStylesLiterals": {},
1133
+ "cxLiterals": [
1134
+ "overflow-hidden",
1135
+ "truncate",
1136
+ "w-full",
1137
+ "h-full",
1138
+ "shrink-0",
1139
+ "text-center",
1140
+ "inline-flex",
1141
+ "justify-center",
1142
+ "items-center"
1143
+ ],
1144
+ "internalComponents": ["Box", "Text"],
1145
+ "internalComponentProps": { "Text": {
1146
+ "color": ["inherit"],
1147
+ "variant": ["inherit"]
1148
+ } },
1149
+ "propToVariantKeys": {},
1150
+ "runtimeConfigDefaultProps": {},
1151
+ "runtimeConfigGetStyles": {},
1152
+ "runtimeConfigInternalComponentProps": {},
1153
+ "motionVarPrefixes": []
1154
+ };
1155
+ var BottomSheet = {
1156
+ "name": "BottomSheet",
1157
+ "defaultProps": { "variant": "default" },
1158
+ "getStylesLiterals": {},
1159
+ "cxLiterals": [
1160
+ "fixed",
1161
+ "overflow-hidden",
1162
+ "inset-x-0",
1123
1163
  "bottom-0",
1124
1164
  "z-50",
1125
1165
  "[will-change:transform]",
@@ -1157,6 +1197,69 @@ var BottomSheet = {
1157
1197
  "runtimeConfigInternalComponentProps": {},
1158
1198
  "motionVarPrefixes": []
1159
1199
  };
1200
+ var BottomSheetContent = {
1201
+ "name": "BottomSheetContent",
1202
+ "defaultProps": {},
1203
+ "getStylesLiterals": {},
1204
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1205
+ "internalComponents": ["Box", "VStack"],
1206
+ "internalComponentProps": {
1207
+ "Box": {
1208
+ "display": ["block"],
1209
+ "flex": ["1"]
1210
+ },
1211
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1212
+ },
1213
+ "propToVariantKeys": {},
1214
+ "runtimeConfigDefaultProps": {},
1215
+ "runtimeConfigGetStyles": {},
1216
+ "runtimeConfigInternalComponentProps": {},
1217
+ "motionVarPrefixes": []
1218
+ };
1219
+ var BottomSheetDismiss = {
1220
+ "name": "BottomSheetDismiss",
1221
+ "defaultProps": {},
1222
+ "getStylesLiterals": {},
1223
+ "cxLiterals": [],
1224
+ "internalComponents": ["AriakitDialogDismiss"],
1225
+ "internalComponentProps": {},
1226
+ "propToVariantKeys": {},
1227
+ "runtimeConfigDefaultProps": {},
1228
+ "runtimeConfigGetStyles": {},
1229
+ "runtimeConfigInternalComponentProps": {},
1230
+ "motionVarPrefixes": []
1231
+ };
1232
+ var BottomSheetHandle = {
1233
+ "name": "BottomSheetHandle",
1234
+ "defaultProps": { "variant": "default" },
1235
+ "getStylesLiterals": {},
1236
+ "cxLiterals": [
1237
+ "relative",
1238
+ "h-5",
1239
+ "w-16",
1240
+ "outline-none",
1241
+ "focus-visible:outline-none",
1242
+ "[touch-action:pan-y]",
1243
+ "absolute",
1244
+ "left-1/2",
1245
+ "top-1/2",
1246
+ "-translate-x-1/2",
1247
+ "-translate-y-1/2",
1248
+ "h-1",
1249
+ "w-8",
1250
+ "rounded-full"
1251
+ ],
1252
+ "internalComponents": ["Box"],
1253
+ "internalComponentProps": { "Box": {
1254
+ "display": ["block", "flex"],
1255
+ "justifyContent": ["center"]
1256
+ } },
1257
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1258
+ "runtimeConfigDefaultProps": {},
1259
+ "runtimeConfigGetStyles": {},
1260
+ "runtimeConfigInternalComponentProps": {},
1261
+ "motionVarPrefixes": []
1262
+ };
1160
1263
  var BottomSheetHeader = {
1161
1264
  "name": "BottomSheetHeader",
1162
1265
  "defaultProps": { "variant": "default" },
@@ -1194,12 +1297,12 @@ var BottomSheetHeader = {
1194
1297
  "runtimeConfigInternalComponentProps": {},
1195
1298
  "motionVarPrefixes": []
1196
1299
  };
1197
- var BottomSheetTrigger = {
1198
- "name": "BottomSheetTrigger",
1300
+ var BottomSheetInternalContext = {
1301
+ "name": "BottomSheetInternalContext",
1199
1302
  "defaultProps": {},
1200
1303
  "getStylesLiterals": {},
1201
1304
  "cxLiterals": [],
1202
- "internalComponents": ["AriakitDialogDisclosure"],
1305
+ "internalComponents": [],
1203
1306
  "internalComponentProps": {},
1204
1307
  "propToVariantKeys": {},
1205
1308
  "runtimeConfigDefaultProps": {},
@@ -1207,12 +1310,12 @@ var BottomSheetTrigger = {
1207
1310
  "runtimeConfigInternalComponentProps": {},
1208
1311
  "motionVarPrefixes": []
1209
1312
  };
1210
- var UDSBottomSheetConfigProvider = {
1211
- "name": "UDSBottomSheetConfigProvider",
1313
+ var BottomSheetProvider = {
1314
+ "name": "BottomSheetProvider",
1212
1315
  "defaultProps": {},
1213
1316
  "getStylesLiterals": {},
1214
1317
  "cxLiterals": [],
1215
- "internalComponents": ["BottomSheetContext.Provider"],
1318
+ "internalComponents": ["AriakitDialogProvider"],
1216
1319
  "internalComponentProps": {},
1217
1320
  "propToVariantKeys": {},
1218
1321
  "runtimeConfigDefaultProps": {},
@@ -1220,12 +1323,12 @@ var UDSBottomSheetConfigProvider = {
1220
1323
  "runtimeConfigInternalComponentProps": {},
1221
1324
  "motionVarPrefixes": []
1222
1325
  };
1223
- var BottomSheetDismiss = {
1224
- "name": "BottomSheetDismiss",
1326
+ var BottomSheetTrigger = {
1327
+ "name": "BottomSheetTrigger",
1225
1328
  "defaultProps": {},
1226
1329
  "getStylesLiterals": {},
1227
1330
  "cxLiterals": [],
1228
- "internalComponents": ["AriakitDialogDismiss"],
1331
+ "internalComponents": ["AriakitDialogDisclosure"],
1229
1332
  "internalComponentProps": {},
1230
1333
  "propToVariantKeys": {},
1231
1334
  "runtimeConfigDefaultProps": {},
@@ -1233,12 +1336,12 @@ var BottomSheetDismiss = {
1233
1336
  "runtimeConfigInternalComponentProps": {},
1234
1337
  "motionVarPrefixes": []
1235
1338
  };
1236
- var BottomSheetProvider = {
1237
- "name": "BottomSheetProvider",
1339
+ var UDSBottomSheetConfigProvider = {
1340
+ "name": "UDSBottomSheetConfigProvider",
1238
1341
  "defaultProps": {},
1239
1342
  "getStylesLiterals": {},
1240
1343
  "cxLiterals": [],
1241
- "internalComponents": ["AriakitDialogProvider"],
1344
+ "internalComponents": ["BottomSheetContext.Provider"],
1242
1345
  "internalComponentProps": {},
1243
1346
  "propToVariantKeys": {},
1244
1347
  "runtimeConfigDefaultProps": {},
@@ -1246,12 +1349,17 @@ var BottomSheetProvider = {
1246
1349
  "runtimeConfigInternalComponentProps": {},
1247
1350
  "motionVarPrefixes": []
1248
1351
  };
1249
- var UDSToastConfigProvider = {
1250
- "name": "UDSToastConfigProvider",
1352
+ var Chip = {
1353
+ "name": "Chip",
1251
1354
  "defaultProps": {},
1252
1355
  "getStylesLiterals": {},
1253
1356
  "cxLiterals": [],
1254
- "internalComponents": ["ToastContext.Provider"],
1357
+ "internalComponents": [
1358
+ "ChipDismissible",
1359
+ "ChipToggle",
1360
+ "ChipLink",
1361
+ "ChipButton"
1362
+ ],
1255
1363
  "internalComponentProps": {},
1256
1364
  "propToVariantKeys": {},
1257
1365
  "runtimeConfigDefaultProps": {},
@@ -1259,122 +1367,82 @@ var UDSToastConfigProvider = {
1259
1367
  "runtimeConfigInternalComponentProps": {},
1260
1368
  "motionVarPrefixes": []
1261
1369
  };
1262
- var ToastPortal = {
1263
- "name": "ToastPortal",
1264
- "defaultProps": {},
1370
+ var ChipBase = {
1371
+ "name": "ChipBase",
1372
+ "defaultProps": {
1373
+ "size": "md",
1374
+ "as": "div"
1375
+ },
1265
1376
  "getStylesLiterals": {},
1266
- "cxLiterals": [],
1267
- "internalComponents": ["ReactToastifyToastContainer"],
1268
- "internalComponentProps": {},
1269
- "propToVariantKeys": {},
1270
- "runtimeConfigDefaultProps": {
1271
- "size": "toast.defaultSize",
1272
- "variant": "toast.defaultVariant"
1377
+ "cxLiterals": [
1378
+ "pointer-events-none",
1379
+ "cursor-default",
1380
+ "opacity-50",
1381
+ "inline-flex",
1382
+ "items-center",
1383
+ "transition-[background-color,outline-color,box-shadow]",
1384
+ "truncate",
1385
+ "whitespace-nowrap",
1386
+ "text-center",
1387
+ "flex-1"
1388
+ ],
1389
+ "internalComponents": [
1390
+ "IconSlot",
1391
+ "HStack",
1392
+ "As",
1393
+ "Text"
1394
+ ],
1395
+ "internalComponentProps": { "Text": {
1396
+ "as": ["span"],
1397
+ "color": ["current"],
1398
+ "variant": ["inherit"]
1399
+ } },
1400
+ "propToVariantKeys": {
1401
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1402
+ "startIcon": ["icon"],
1403
+ "endIcon": ["icon"]
1273
1404
  },
1405
+ "runtimeConfigDefaultProps": {},
1274
1406
  "runtimeConfigGetStyles": {},
1275
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1407
+ "runtimeConfigInternalComponentProps": {},
1276
1408
  "motionVarPrefixes": []
1277
1409
  };
1278
- var Toast = {
1279
- "name": "Toast",
1280
- "defaultProps": {},
1281
- "getStylesLiterals": {
1282
- "className": "animate-spin",
1283
- "className:1": "flex-none",
1284
- "spacing": "2",
1285
- "borderRadius": "full"
1286
- },
1410
+ var ChipButton = {
1411
+ "name": "ChipButton",
1412
+ "defaultProps": { "variant": "primary" },
1413
+ "getStylesLiterals": {},
1414
+ "cxLiterals": ["uds-ring"],
1415
+ "internalComponents": ["ChipBase"],
1416
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1417
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1418
+ "runtimeConfigDefaultProps": {},
1419
+ "runtimeConfigGetStyles": {},
1420
+ "runtimeConfigInternalComponentProps": {},
1421
+ "motionVarPrefixes": []
1422
+ };
1423
+ var ChipDismissible = {
1424
+ "name": "ChipDismissible",
1425
+ "defaultProps": { "variant": "primary" },
1426
+ "getStylesLiterals": {},
1287
1427
  "cxLiterals": [
1288
- "duration-0",
1289
- "duration-120",
1290
- "transition-[background-color]",
1291
- "bg-carbon-15/0",
1292
- "hover:bg-carbon-15/10",
1293
- "active:bg-carbon-15/15",
1294
- "uds-ring"
1428
+ "uds-chip-dismissible-button",
1429
+ "uds-hit-target",
1430
+ "uds-ring",
1431
+ "rounded-full"
1295
1432
  ],
1296
1433
  "internalComponents": [
1434
+ "ChipBase",
1297
1435
  "IconSlot",
1298
- "ToastContainer",
1299
- "Text",
1300
- "Button",
1301
1436
  "Pressable"
1302
1437
  ],
1303
1438
  "internalComponentProps": {},
1304
1439
  "propToVariantKeys": {
1305
- "size": [
1306
- "toastSizeLabel",
1307
- "toastSizeIcon",
1308
- "toastSizeActionButton",
1309
- "toastSizeCloseIcon"
1310
- ],
1311
- "variant": [
1312
- "toastVariantIcon",
1313
- "toastVariantActionButton",
1314
- "toastVariantCloseIcon"
1315
- ],
1316
- "closeIcon": ["icon"],
1317
- "onClickActionButton": ["onClick"]
1318
- },
1319
- "runtimeConfigDefaultProps": {
1320
- "size": "toast.defaultSize",
1321
- "variant": "toast.defaultVariant"
1322
- },
1323
- "runtimeConfigGetStyles": {
1324
- "toastSizeLabel": ["toast.defaultSize"],
1325
- "toastVariantIcon": ["toast.defaultVariant"],
1326
- "toastSizeIcon": ["toast.defaultSize"],
1327
- "toastSizeActionButton": ["toast.defaultSize"],
1328
- "toastVariantActionButton": ["toast.defaultVariant"],
1329
- "toastVariantCloseIcon": ["toast.defaultVariant"],
1330
- "toastSizeCloseIcon": ["toast.defaultSize"]
1331
- },
1332
- "runtimeConfigInternalComponentProps": {
1333
- "ToastContainer": {
1334
- "size": ["toast.defaultSize"],
1335
- "variant": ["toast.defaultVariant"]
1336
- },
1337
- "Text": {
1338
- "variant": ["toast.textVariant.${size}"],
1339
- "color": ["toast.textColor.${variant}"]
1340
- },
1341
- "Button": {
1342
- "size": ["toast.buttonSize.${size}"],
1343
- "variant": ["toast.buttonVariant.${variant}"]
1344
- }
1345
- },
1346
- "motionVarPrefixes": []
1347
- };
1348
- var ToastContainer = {
1349
- "name": "ToastContainer",
1350
- "defaultProps": {},
1351
- "getStylesLiterals": {
1352
- "position": "relative",
1353
- "alignItems": "center",
1354
- "display": "flex",
1355
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1356
- },
1357
- "cxLiterals": ["w-full"],
1358
- "internalComponents": ["HStack"],
1359
- "internalComponentProps": { "HStack": {
1360
- "alignItems": ["center"],
1361
- "justifyContent": ["space-between"],
1362
- "overflow": ["hidden"],
1363
- "position": ["relative"]
1364
- } },
1365
- "propToVariantKeys": {
1366
- "variant": ["toastVariantRoot"],
1367
- "size": ["toastSizeRoot"]
1368
- },
1369
- "runtimeConfigDefaultProps": {
1370
- "size": "toast.defaultSize",
1371
- "variant": "toast.defaultVariant"
1372
- },
1373
- "runtimeConfigGetStyles": {
1374
- "toastVariantRoot": ["toast.defaultVariant"],
1375
- "toastSizeRoot": ["toast.defaultSize"]
1440
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1441
+ "dismissButtonAriaLabel": ["aria-label"]
1376
1442
  },
1377
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1443
+ "runtimeConfigDefaultProps": {},
1444
+ "runtimeConfigGetStyles": {},
1445
+ "runtimeConfigInternalComponentProps": {},
1378
1446
  "motionVarPrefixes": []
1379
1447
  };
1380
1448
  var ChipLink = {
@@ -1390,31 +1458,6 @@ var ChipLink = {
1390
1458
  "runtimeConfigInternalComponentProps": {},
1391
1459
  "motionVarPrefixes": []
1392
1460
  };
1393
- var ChipDismissible = {
1394
- "name": "ChipDismissible",
1395
- "defaultProps": { "variant": "primary" },
1396
- "getStylesLiterals": {},
1397
- "cxLiterals": [
1398
- "uds-chip-dismissible-button",
1399
- "uds-hit-target",
1400
- "uds-ring",
1401
- "rounded-full"
1402
- ],
1403
- "internalComponents": [
1404
- "ChipBase",
1405
- "IconSlot",
1406
- "Pressable"
1407
- ],
1408
- "internalComponentProps": {},
1409
- "propToVariantKeys": {
1410
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1411
- "dismissButtonAriaLabel": ["aria-label"]
1412
- },
1413
- "runtimeConfigDefaultProps": {},
1414
- "runtimeConfigGetStyles": {},
1415
- "runtimeConfigInternalComponentProps": {},
1416
- "motionVarPrefixes": []
1417
- };
1418
1461
  var ChipToggle = {
1419
1462
  "name": "ChipToggle",
1420
1463
  "defaultProps": {
@@ -1434,137 +1477,79 @@ var ChipToggle = {
1434
1477
  "runtimeConfigInternalComponentProps": {},
1435
1478
  "motionVarPrefixes": []
1436
1479
  };
1437
- var ChipBase = {
1438
- "name": "ChipBase",
1480
+ var Menu_Content = {
1481
+ "name": "Menu.Content",
1439
1482
  "defaultProps": {
1440
- "size": "md",
1441
- "as": "div"
1483
+ "size": "default",
1484
+ "variant": "default",
1485
+ "gutter": "1"
1442
1486
  },
1443
1487
  "getStylesLiterals": {},
1444
1488
  "cxLiterals": [
1445
- "pointer-events-none",
1446
- "cursor-default",
1447
- "opacity-50",
1448
- "inline-flex",
1449
- "items-center",
1450
- "transition-[background-color,outline-color,box-shadow]",
1451
- "truncate",
1452
- "whitespace-nowrap",
1453
- "text-center",
1454
- "flex-1"
1489
+ "uds-menu-content",
1490
+ "transition-shadow",
1491
+ "duration-200",
1492
+ "ease-in-out",
1493
+ "min-w-60",
1494
+ "max-w-lg",
1495
+ "max-h-96",
1496
+ "overflow-auto",
1497
+ "uds-ring",
1498
+ "z-10",
1499
+ "group"
1455
1500
  ],
1456
1501
  "internalComponents": [
1457
- "IconSlot",
1458
- "HStack",
1459
- "As",
1460
- "Text"
1502
+ "AriakitMenu",
1503
+ "AnimatePresence",
1504
+ "MotionVStack"
1461
1505
  ],
1462
- "internalComponentProps": { "Text": {
1463
- "as": ["span"],
1464
- "color": ["current"],
1465
- "variant": ["inherit"]
1466
- } },
1506
+ "internalComponentProps": {},
1467
1507
  "propToVariantKeys": {
1468
- "size": ["chipSizeRoot", "chipSizeIcon"],
1469
- "startIcon": ["icon"],
1470
- "endIcon": ["icon"]
1508
+ "size": ["menucontentSizeRoot"],
1509
+ "variant": ["menucontentVariantRoot"]
1471
1510
  },
1472
1511
  "runtimeConfigDefaultProps": {},
1473
1512
  "runtimeConfigGetStyles": {},
1474
1513
  "runtimeConfigInternalComponentProps": {},
1475
1514
  "motionVarPrefixes": []
1476
1515
  };
1477
- var Chip = {
1478
- "name": "Chip",
1479
- "defaultProps": {},
1480
- "getStylesLiterals": {},
1481
- "cxLiterals": [],
1482
- "internalComponents": [
1483
- "ChipDismissible",
1484
- "ChipToggle",
1485
- "ChipLink",
1486
- "ChipButton"
1487
- ],
1488
- "internalComponentProps": {},
1489
- "propToVariantKeys": {},
1490
- "runtimeConfigDefaultProps": {},
1491
- "runtimeConfigGetStyles": {},
1492
- "runtimeConfigInternalComponentProps": {},
1493
- "motionVarPrefixes": []
1494
- };
1495
- var ChipButton = {
1496
- "name": "ChipButton",
1497
- "defaultProps": { "variant": "primary" },
1498
- "getStylesLiterals": {},
1499
- "cxLiterals": ["uds-ring"],
1500
- "internalComponents": ["ChipBase"],
1501
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1502
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1503
- "runtimeConfigDefaultProps": {},
1504
- "runtimeConfigGetStyles": {},
1505
- "runtimeConfigInternalComponentProps": {},
1506
- "motionVarPrefixes": []
1507
- };
1508
- var AvatarText = {
1509
- "name": "AvatarText",
1516
+ var Menu_Divider = {
1517
+ "name": "Menu.Divider",
1510
1518
  "defaultProps": {
1511
- "size": "md",
1512
- "variant": "primary"
1519
+ "role": "separator",
1520
+ "contentPosition": "start",
1521
+ "gap": "4"
1513
1522
  },
1514
- "getStylesLiterals": {},
1515
- "cxLiterals": [
1516
- "overflow-hidden",
1517
- "truncate",
1518
- "w-full",
1519
- "h-full",
1520
- "shrink-0",
1521
- "text-center",
1522
- "inline-flex",
1523
- "justify-center",
1524
- "items-center"
1525
- ],
1526
- "internalComponents": ["Box", "Text"],
1527
- "internalComponentProps": { "Text": {
1528
- "color": ["inherit"],
1529
- "variant": ["inherit"]
1530
- } },
1531
- "propToVariantKeys": {},
1532
- "runtimeConfigDefaultProps": {},
1533
- "runtimeConfigGetStyles": {},
1534
- "runtimeConfigInternalComponentProps": {},
1535
- "motionVarPrefixes": []
1536
- };
1537
- var AvatarIcon = {
1538
- "name": "AvatarIcon",
1539
- "defaultProps": {
1540
- "size": "md",
1541
- "variant": "primary"
1523
+ "getStylesLiterals": {
1524
+ "menuitemDividerVariantRoot": "default",
1525
+ "menuitemDividerVariantText": "default",
1526
+ "menuitemDividerVariantLine": "default"
1542
1527
  },
1543
- "getStylesLiterals": {},
1544
- "cxLiterals": [
1545
- "overflow-hidden",
1546
- "w-full",
1547
- "h-full",
1548
- "shrink-0",
1549
- "text-center",
1550
- "inline-flex",
1551
- "justify-center",
1552
- "items-center"
1553
- ],
1554
- "internalComponents": ["IconSlot", "Box"],
1555
- "internalComponentProps": {},
1556
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1528
+ "cxLiterals": [],
1529
+ "internalComponents": ["Divider"],
1530
+ "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1531
+ "propToVariantKeys": {},
1557
1532
  "runtimeConfigDefaultProps": {},
1558
1533
  "runtimeConfigGetStyles": {},
1559
1534
  "runtimeConfigInternalComponentProps": {},
1560
1535
  "motionVarPrefixes": []
1561
1536
  };
1562
- var Avatar = {
1563
- "name": "Avatar",
1537
+ var Menu_Item = {
1538
+ "name": "Menu.Item",
1564
1539
  "defaultProps": {},
1565
- "getStylesLiterals": {},
1540
+ "getStylesLiterals": {
1541
+ "menuitemItemVariantRoot": "default",
1542
+ "menuitemItemVariantActiveRoot": "on",
1543
+ "menuitemItemVariantActiveRoot:1": "off",
1544
+ "menuitemItemVariantText": "default",
1545
+ "menuitemItemVariantActiveText": "on",
1546
+ "menuitemItemVariantActiveText:1": "off",
1547
+ "menuitemItemVariantIcon": "default",
1548
+ "menuitemItemVariantActiveIcon": "on",
1549
+ "menuitemItemVariantActiveIcon:1": "off"
1550
+ },
1566
1551
  "cxLiterals": [],
1567
- "internalComponents": ["AvatarImage"],
1552
+ "internalComponents": ["MenuItemBase"],
1568
1553
  "internalComponentProps": {},
1569
1554
  "propToVariantKeys": {},
1570
1555
  "runtimeConfigDefaultProps": {},
@@ -1572,175 +1557,85 @@ var Avatar = {
1572
1557
  "runtimeConfigInternalComponentProps": {},
1573
1558
  "motionVarPrefixes": []
1574
1559
  };
1575
- var AvatarImage = {
1576
- "name": "AvatarImage",
1560
+ var Menu_ItemBase = {
1561
+ "name": "Menu.ItemBase",
1577
1562
  "defaultProps": {
1578
- "size": "md",
1579
- "variant": "primary"
1580
- },
1581
- "getStylesLiterals": {},
1582
- "cxLiterals": [
1583
- "overflow-hidden",
1584
- "w-full",
1585
- "h-full",
1586
- "shrink-0",
1587
- "text-center",
1588
- "inline-flex",
1589
- "justify-center",
1590
- "items-center",
1591
- "object-cover"
1592
- ],
1593
- "internalComponents": [
1594
- "UDSImage",
1595
- "AvatarText",
1596
- "AvatarIcon",
1597
- "Box"
1598
- ],
1599
- "internalComponentProps": {},
1600
- "propToVariantKeys": {
1601
- "alt": ["name"],
1602
- "fallback": ["initials"]
1563
+ "spacing": "0",
1564
+ "spacingHorizontal": "4",
1565
+ "spacingVertical": "3.5",
1566
+ "columnGap": "2",
1567
+ "alignItems": "center",
1568
+ "justifyContent": "space-between"
1603
1569
  },
1604
- "runtimeConfigDefaultProps": {},
1605
- "runtimeConfigGetStyles": {},
1606
- "runtimeConfigInternalComponentProps": {},
1607
- "motionVarPrefixes": []
1608
- };
1609
- var TabPanel = {
1610
- "name": "TabPanel",
1611
- "defaultProps": {},
1612
- "getStylesLiterals": {},
1613
- "cxLiterals": [],
1614
- "internalComponents": ["AriakitTabPanel"],
1615
- "internalComponentProps": {},
1616
- "propToVariantKeys": {},
1617
- "runtimeConfigDefaultProps": {},
1618
- "runtimeConfigGetStyles": {},
1619
- "runtimeConfigInternalComponentProps": {},
1620
- "motionVarPrefixes": []
1621
- };
1622
- var Tabs = {
1623
- "name": "Tabs",
1624
- "defaultProps": { "variant": "primary" },
1625
- "getStylesLiterals": {},
1626
- "cxLiterals": [],
1627
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
1628
- "internalComponentProps": {},
1629
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
1630
- "runtimeConfigDefaultProps": {},
1631
- "runtimeConfigGetStyles": {},
1632
- "runtimeConfigInternalComponentProps": {},
1633
- "motionVarPrefixes": []
1634
- };
1635
- var TabList = {
1636
- "name": "TabList",
1637
- "defaultProps": { "variant": "primary" },
1638
1570
  "getStylesLiterals": {
1639
- "tabSizeRoot": "default",
1640
- "tabVariantActiveRoot": "on"
1571
+ "textAlign": "start",
1572
+ "menuitemSizeRoot": "default",
1573
+ "flexDirection": "row",
1574
+ "menuitemSizeStartIcon": "default",
1575
+ "menuitemSizeEndIcon": "default"
1641
1576
  },
1642
1577
  "cxLiterals": [
1643
- "pointer-events-none",
1644
- "absolute",
1645
- "bottom-0",
1646
- "left-0",
1647
- "right-0",
1648
- "h-[var(--uds-tab-underline-width,0px)]",
1649
- "bg-[var(--uds-tab-underline-color,transparent)]",
1650
- "transition-[height,background-color]",
1651
- "duration-[240ms]",
1652
- "ease-[cubic-bezier(0.2,0,0,1)]",
1653
- "!m-0",
1654
- "!p-0",
1655
- "!gap-0",
1656
- "box-border",
1657
- "z-0",
1658
- "min-w-0",
1659
- "min-h-0",
1660
1578
  "flex",
1661
- "flex-row",
1662
- "items-center",
1663
- "overflow-x-auto",
1664
- "overflow-y-clip",
1665
- "scrollbar-none",
1666
- "[overflow-clip-margin:6px]",
1667
- "overflow-clip",
1668
- "[overflow-clip-margin:8px]",
1669
- "relative"
1670
- ],
1671
- "internalComponents": ["AriakitTabList"],
1672
- "internalComponentProps": {},
1673
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
1674
- "runtimeConfigDefaultProps": {},
1675
- "runtimeConfigGetStyles": {},
1676
- "runtimeConfigInternalComponentProps": {},
1677
- "motionVarPrefixes": []
1678
- };
1679
- var Tab = {
1680
- "name": "Tab",
1681
- "defaultProps": { "variant": "primary" },
1682
- "getStylesLiterals": {
1683
- "tabSizeRoot": "default",
1684
- "tabVariantActiveRoot": "off",
1685
- "tabVariantActiveRoot:1": "on",
1686
- "tabSizeIcon": "default"
1687
- },
1688
- "cxLiterals": [
1689
- "pointer-events-none",
1690
- "absolute",
1691
- "bottom-0",
1692
- "left-0",
1693
- "right-0",
1694
- "h-[var(--uds-tab-underline-width,0px)]",
1695
- "bg-[var(--uds-tab-underline-color,transparent)]",
1696
- "transition-[height,background-color]",
1697
- "duration-[240ms]",
1698
- "ease-[cubic-bezier(0.2,0,0,1)]",
1699
- "!bg-transparent",
1700
- "!shadow-none",
1701
- "inline-flex",
1702
- "items-center",
1703
- "shrink-0",
1704
- "box-border",
1705
- "relative",
1706
- "z-[1]",
1707
- "cursor-pointer",
1708
- "select-none",
1709
- "whitespace-nowrap",
1579
+ "focus-visible:text-brand",
1580
+ "focus-visible:bg-brand-secondary",
1581
+ "focus-visible:z-10",
1710
1582
  "uds-ring",
1711
- "opacity-50",
1712
- "cursor-default",
1713
- "border-solid",
1714
- "border-b-solid",
1715
- "transition-colors"
1583
+ "!-outline-offset-2",
1584
+ "[&:not([aria-checked])]:cursor-default",
1585
+ "opacity-25",
1586
+ "cursor-not-allowed",
1587
+ "duration-20",
1588
+ "transition-[font-variation-settings]",
1589
+ "ease-in-out",
1590
+ "z-0",
1591
+ "uds-start-icon",
1592
+ "uds-end-icon"
1716
1593
  ],
1717
1594
  "internalComponents": [
1595
+ "Pressable",
1718
1596
  "IconSlot",
1719
- "AriakitTab",
1720
- "Text"
1597
+ "RootComponent",
1598
+ "HStack",
1599
+ "AnimatePresence"
1721
1600
  ],
1722
- "internalComponentProps": { "Text": {
1723
- "variant": ["inherit"],
1724
- "as": ["span"],
1725
- "color": ["current"]
1726
- } },
1601
+ "internalComponentProps": {
1602
+ "HStack": {
1603
+ "alignItems": ["center"],
1604
+ "width": ["full"]
1605
+ },
1606
+ "AnimatePresence": { "mode": ["popLayout"] }
1607
+ },
1727
1608
  "propToVariantKeys": {
1728
- "variant": ["tabVariantRoot", "tabVariantIcon"],
1729
- "activeState": ["tabVariantActiveIcon"],
1609
+ "startIconClassName": ["className"],
1610
+ "endIconClassName": ["className"],
1730
1611
  "startIcon": ["icon"],
1731
- "endIcon": ["icon"]
1612
+ "endIcon": ["icon"],
1613
+ "columnGap": ["gap"]
1732
1614
  },
1733
1615
  "runtimeConfigDefaultProps": {},
1734
1616
  "runtimeConfigGetStyles": {},
1735
1617
  "runtimeConfigInternalComponentProps": {},
1736
1618
  "motionVarPrefixes": []
1737
1619
  };
1738
- var UDSPopoverConfigProvider = {
1739
- "name": "UDSPopoverConfigProvider",
1620
+ var Menu_ItemCheckbox = {
1621
+ "name": "Menu.ItemCheckbox",
1740
1622
  "defaultProps": {},
1741
- "getStylesLiterals": {},
1742
- "cxLiterals": [],
1743
- "internalComponents": ["PopoverContext.Provider"],
1623
+ "getStylesLiterals": {
1624
+ "menuitemItemCheckboxVariantRoot": "default",
1625
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1626
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1627
+ "menuitemItemCheckboxVariantText": "default",
1628
+ "menuitemItemCheckboxVariantActiveText": "on",
1629
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1630
+ "menuitemItemCheckboxVariantStartIcon": "default",
1631
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1632
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1633
+ "menuitemItemCheckboxVariantEndIcon": "default",
1634
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1635
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1636
+ },
1637
+ "cxLiterals": ["uds-menu-item-checkbox"],
1638
+ "internalComponents": ["MenuItemBase"],
1744
1639
  "internalComponentProps": {},
1745
1640
  "propToVariantKeys": {},
1746
1641
  "runtimeConfigDefaultProps": {},
@@ -1748,37 +1643,47 @@ var UDSPopoverConfigProvider = {
1748
1643
  "runtimeConfigInternalComponentProps": {},
1749
1644
  "motionVarPrefixes": []
1750
1645
  };
1751
- var Popover = {
1752
- "name": "Popover",
1646
+ var Menu_Provider = {
1647
+ "name": "Menu.Provider",
1753
1648
  "defaultProps": {},
1754
1649
  "getStylesLiterals": {},
1755
1650
  "cxLiterals": [],
1756
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1651
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1757
1652
  "internalComponentProps": {},
1758
1653
  "propToVariantKeys": {},
1759
- "runtimeConfigDefaultProps": {
1760
- "size": "popover.defaultSize",
1761
- "variant": "popover.defaultVariant"
1762
- },
1654
+ "runtimeConfigDefaultProps": {},
1655
+ "runtimeConfigGetStyles": {},
1656
+ "runtimeConfigInternalComponentProps": {},
1657
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1658
+ };
1659
+ var Menu_Trigger = {
1660
+ "name": "Menu.Trigger",
1661
+ "defaultProps": {},
1662
+ "getStylesLiterals": {},
1663
+ "cxLiterals": ["uds-menu-trigger"],
1664
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1665
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1666
+ "propToVariantKeys": {},
1667
+ "runtimeConfigDefaultProps": {},
1763
1668
  "runtimeConfigGetStyles": {},
1764
1669
  "runtimeConfigInternalComponentProps": {},
1765
1670
  "motionVarPrefixes": []
1766
1671
  };
1767
- var PopoverTrigger = {
1768
- "name": "PopoverTrigger",
1672
+ var Menu_index = {
1673
+ "name": "Menu.index",
1769
1674
  "defaultProps": {},
1770
1675
  "getStylesLiterals": {},
1771
1676
  "cxLiterals": [],
1772
- "internalComponents": ["PopoverDisclosure"],
1773
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1774
- "propToVariantKeys": { "children": ["render"] },
1677
+ "internalComponents": [],
1678
+ "internalComponentProps": {},
1679
+ "propToVariantKeys": {},
1775
1680
  "runtimeConfigDefaultProps": {},
1776
1681
  "runtimeConfigGetStyles": {},
1777
1682
  "runtimeConfigInternalComponentProps": {},
1778
1683
  "motionVarPrefixes": []
1779
1684
  };
1780
- var PopoverContext = {
1781
- "name": "PopoverContext",
1685
+ var Menu = {
1686
+ "name": "Menu",
1782
1687
  "defaultProps": {},
1783
1688
  "getStylesLiterals": {},
1784
1689
  "cxLiterals": [],
@@ -1790,43 +1695,43 @@ var PopoverContext = {
1790
1695
  "runtimeConfigInternalComponentProps": {},
1791
1696
  "motionVarPrefixes": []
1792
1697
  };
1793
- var PopoverContent = {
1794
- "name": "PopoverContent",
1795
- "defaultProps": {},
1698
+ var Modal = {
1699
+ "name": "Modal",
1700
+ "defaultProps": {
1701
+ "closeAriaLabel": "Close",
1702
+ "maxWidth": "auto",
1703
+ "maxHeight": "auto",
1704
+ "scrollBehavior": "outside"
1705
+ },
1796
1706
  "getStylesLiterals": {
1797
- "popoverSizeRoot": "default",
1798
- "popoverVariantRoot": "default",
1799
- "display": "flex",
1800
- "position": "relative",
1801
- "display:1": "block",
1802
- "spacingTop": "0",
1803
- "spacingStart": "0",
1804
- "spacingBottom": "0",
1805
- "spacingEnd": "0",
1806
- "popoverSizeSvgBase": "default",
1807
- "popoverVariantSvgBase": "default",
1808
- "popoverSizeSvgBorder": "default",
1809
- "popoverVariantSvgBorder": "default",
1810
- "popoverVariantBlur": "default",
1811
- "position:1": "absolute",
1812
- "width": "full",
1813
- "height": "full",
1814
- "flexShrink": "0",
1815
- "borderRadius": "full",
1816
- "alignItems": "center",
1817
- "justifyContent": "center",
1818
- "popoverVariantCloseIcon": "default",
1819
- "popoverSizeCloseIcon": "default"
1707
+ "flexDirection": "row-reverse",
1708
+ "justifyContent": "space-between",
1709
+ "alignItems": "flex-end",
1710
+ "alignItems:1": "flex-start",
1711
+ "borderRadius": "full"
1820
1712
  },
1821
1713
  "cxLiterals": [
1822
- "z-[9999]",
1823
- "outline-none",
1824
- "focus-visible:outline-none",
1825
- "uds-bgBlurFillFallback",
1714
+ "fixed",
1715
+ "inset-0",
1716
+ "z-40",
1717
+ "overflow-y-auto",
1718
+ "overflow-hidden",
1719
+ "transition-[opacity,visibility]",
1720
+ "visible",
1721
+ "opacity-100",
1722
+ "invisible",
1723
+ "opacity-0",
1724
+ "pointer-events-none",
1826
1725
  "uds-bgBlurFallback",
1827
- "top-0",
1828
- "left-0",
1829
- "z-[1]",
1726
+ "w-full",
1727
+ "w-fit",
1728
+ "h-full",
1729
+ "h-fit",
1730
+ "m-auto",
1731
+ "pointer-events-auto",
1732
+ "inside",
1733
+ "max-h-full",
1734
+ "transition-transform",
1830
1735
  "duration-0",
1831
1736
  "duration-120",
1832
1737
  "transition-[background-color]",
@@ -1834,31 +1739,167 @@ var PopoverContent = {
1834
1739
  "hover:bg-carbon-15/10",
1835
1740
  "active:bg-carbon-15/15",
1836
1741
  "uds-ring",
1837
- "absolute",
1838
- "z-[4]"
1742
+ "[translate:50%_-50%]"
1839
1743
  ],
1840
1744
  "internalComponents": [
1841
- "PopoverDismiss",
1745
+ "Scrim",
1746
+ "VStack",
1747
+ "Pressable",
1842
1748
  "IconSlot",
1843
- "PopoverArrow",
1844
- "Popover",
1845
- "SvgFloatingOverlay",
1846
1749
  "Box",
1847
- "Pressable"
1750
+ "Dialog",
1751
+ "ModalContext.Provider",
1752
+ "HStack",
1753
+ "DialogDismiss",
1754
+ "ModalTitle",
1755
+ "ModalDescription",
1756
+ "ModalContent",
1757
+ "ModalActions"
1848
1758
  ],
1759
+ "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1760
+ "propToVariantKeys": {
1761
+ "gutter": ["spacing"],
1762
+ "size": [
1763
+ "modalSizeRoot",
1764
+ "modalSizeSpacingHorizontal",
1765
+ "modalSizeHeader",
1766
+ "modalSizeTitleDescriptionWrapper",
1767
+ "modalSizeCloseIconContainer",
1768
+ "modalSizeCloseIcon"
1769
+ ],
1770
+ "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1771
+ "closeAriaLabel": ["aria-label"],
1772
+ "closeIcon": ["icon"]
1773
+ },
1774
+ "runtimeConfigDefaultProps": {
1775
+ "size": "modal.defaultSize",
1776
+ "variant": "modal.defaultVariant"
1777
+ },
1778
+ "runtimeConfigGetStyles": {
1779
+ "spacing": ["modal.gutter.${size}"],
1780
+ "modalSizeRoot": ["modal.defaultSize"],
1781
+ "modalVariantRoot": ["modal.defaultVariant"],
1782
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1783
+ "modalSizeHeader": ["modal.defaultSize"],
1784
+ "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1785
+ "modalSizeCloseIconContainer": ["modal.defaultSize"],
1786
+ "modalSizeCloseIcon": ["modal.defaultSize"],
1787
+ "modalVariantCloseIcon": ["modal.defaultVariant"]
1788
+ },
1789
+ "runtimeConfigInternalComponentProps": {},
1790
+ "motionVarPrefixes": []
1791
+ };
1792
+ var ModalActions = {
1793
+ "name": "ModalActions",
1794
+ "defaultProps": {},
1795
+ "getStylesLiterals": {
1796
+ "flexDirection": "row-reverse",
1797
+ "justifyContent": "space-between",
1798
+ "alignItems": "center"
1799
+ },
1800
+ "cxLiterals": ["gap-[inherit]"],
1801
+ "internalComponents": ["HStack"],
1849
1802
  "internalComponentProps": {},
1850
- "propToVariantKeys": { "closeIcon": ["icon"] },
1803
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1851
1804
  "runtimeConfigDefaultProps": {
1852
- "size": "popover.defaultSize",
1853
- "variant": "popover.defaultVariant"
1805
+ "size": "modal.defaultSize",
1806
+ "variant": "modal.defaultVariant"
1854
1807
  },
1855
1808
  "runtimeConfigGetStyles": {
1856
- "spacingTop": ["popover.spacingVertical.${size}"],
1857
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1858
- "spacingBottom": ["popover.spacingVertical.${size}"],
1859
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1809
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1810
+ "modalSizeActions": ["modal.defaultSize"]
1860
1811
  },
1861
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1812
+ "runtimeConfigInternalComponentProps": {},
1813
+ "motionVarPrefixes": []
1814
+ };
1815
+ var ModalContent = {
1816
+ "name": "ModalContent",
1817
+ "defaultProps": {},
1818
+ "getStylesLiterals": {
1819
+ "overflowY": "auto",
1820
+ "display": "block",
1821
+ "flexGrow": "1"
1822
+ },
1823
+ "cxLiterals": [],
1824
+ "internalComponents": ["Box"],
1825
+ "internalComponentProps": {},
1826
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1827
+ "runtimeConfigDefaultProps": {
1828
+ "size": "modal.defaultSize",
1829
+ "variant": "modal.defaultVariant"
1830
+ },
1831
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1832
+ "runtimeConfigInternalComponentProps": {},
1833
+ "motionVarPrefixes": []
1834
+ };
1835
+ var ModalContext = {
1836
+ "name": "ModalContext",
1837
+ "defaultProps": {},
1838
+ "getStylesLiterals": {},
1839
+ "cxLiterals": [],
1840
+ "internalComponents": [],
1841
+ "internalComponentProps": {},
1842
+ "propToVariantKeys": {},
1843
+ "runtimeConfigDefaultProps": {},
1844
+ "runtimeConfigGetStyles": {},
1845
+ "runtimeConfigInternalComponentProps": {},
1846
+ "motionVarPrefixes": []
1847
+ };
1848
+ var ModalDescription = {
1849
+ "name": "ModalDescription",
1850
+ "defaultProps": {},
1851
+ "getStylesLiterals": {},
1852
+ "cxLiterals": [],
1853
+ "internalComponents": ["Text", "DialogDescription"],
1854
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1855
+ "propToVariantKeys": {
1856
+ "size": ["modalSizeDescription"],
1857
+ "variant": ["modalVariantDescription"]
1858
+ },
1859
+ "runtimeConfigDefaultProps": {
1860
+ "size": "modal.defaultSize",
1861
+ "variant": "modal.defaultVariant"
1862
+ },
1863
+ "runtimeConfigGetStyles": {
1864
+ "modalSizeDescription": ["modal.defaultSize"],
1865
+ "modalVariantDescription": ["modal.defaultVariant"]
1866
+ },
1867
+ "runtimeConfigInternalComponentProps": {},
1868
+ "motionVarPrefixes": []
1869
+ };
1870
+ var ModalTitle = {
1871
+ "name": "ModalTitle",
1872
+ "defaultProps": {},
1873
+ "getStylesLiterals": {},
1874
+ "cxLiterals": [],
1875
+ "internalComponents": ["Text", "DialogHeading"],
1876
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1877
+ "propToVariantKeys": {
1878
+ "size": ["modalSizeTitle"],
1879
+ "variant": ["modalVariantTitle"]
1880
+ },
1881
+ "runtimeConfigDefaultProps": {
1882
+ "size": "modal.defaultSize",
1883
+ "variant": "modal.defaultVariant"
1884
+ },
1885
+ "runtimeConfigGetStyles": {
1886
+ "modalSizeTitle": ["modal.defaultSize"],
1887
+ "modalVariantTitle": ["modal.defaultVariant"]
1888
+ },
1889
+ "runtimeConfigInternalComponentProps": {},
1890
+ "motionVarPrefixes": []
1891
+ };
1892
+ var UDSModalConfigProvider = {
1893
+ "name": "UDSModalConfigProvider",
1894
+ "defaultProps": {},
1895
+ "getStylesLiterals": {},
1896
+ "cxLiterals": [],
1897
+ "internalComponents": ["ModalContext.Provider"],
1898
+ "internalComponentProps": {},
1899
+ "propToVariantKeys": {},
1900
+ "runtimeConfigDefaultProps": {},
1901
+ "runtimeConfigGetStyles": {},
1902
+ "runtimeConfigInternalComponentProps": {},
1862
1903
  "motionVarPrefixes": []
1863
1904
  };
1864
1905
  var Input = {
@@ -1991,157 +2032,125 @@ var InputHelpTextInternal = {
1991
2032
  "runtimeConfigInternalComponentProps": {},
1992
2033
  "motionVarPrefixes": []
1993
2034
  };
1994
- var Menu_Item = {
1995
- "name": "Menu.Item",
1996
- "defaultProps": {},
1997
- "getStylesLiterals": {
1998
- "menuitemItemVariantRoot": "default",
1999
- "menuitemItemVariantActiveRoot": "on",
2000
- "menuitemItemVariantActiveRoot:1": "off",
2001
- "menuitemItemVariantText": "default",
2002
- "menuitemItemVariantActiveText": "on",
2003
- "menuitemItemVariantActiveText:1": "off",
2004
- "menuitemItemVariantIcon": "default",
2005
- "menuitemItemVariantActiveIcon": "on",
2006
- "menuitemItemVariantActiveIcon:1": "off"
2007
- },
2008
- "cxLiterals": [],
2009
- "internalComponents": ["MenuItemBase"],
2010
- "internalComponentProps": {},
2011
- "propToVariantKeys": {},
2012
- "runtimeConfigDefaultProps": {},
2013
- "runtimeConfigGetStyles": {},
2014
- "runtimeConfigInternalComponentProps": {},
2015
- "motionVarPrefixes": []
2016
- };
2017
- var Menu_index = {
2018
- "name": "Menu.index",
2035
+ var Popover = {
2036
+ "name": "Popover",
2019
2037
  "defaultProps": {},
2020
2038
  "getStylesLiterals": {},
2021
2039
  "cxLiterals": [],
2022
- "internalComponents": [],
2040
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
2023
2041
  "internalComponentProps": {},
2024
2042
  "propToVariantKeys": {},
2025
- "runtimeConfigDefaultProps": {},
2043
+ "runtimeConfigDefaultProps": {
2044
+ "size": "popover.defaultSize",
2045
+ "variant": "popover.defaultVariant"
2046
+ },
2026
2047
  "runtimeConfigGetStyles": {},
2027
2048
  "runtimeConfigInternalComponentProps": {},
2028
2049
  "motionVarPrefixes": []
2029
2050
  };
2030
- var Menu = {
2031
- "name": "Menu",
2051
+ var PopoverContent = {
2052
+ "name": "PopoverContent",
2032
2053
  "defaultProps": {},
2033
- "getStylesLiterals": {},
2034
- "cxLiterals": [],
2035
- "internalComponents": [],
2036
- "internalComponentProps": {},
2037
- "propToVariantKeys": {},
2038
- "runtimeConfigDefaultProps": {},
2039
- "runtimeConfigGetStyles": {},
2040
- "runtimeConfigInternalComponentProps": {},
2041
- "motionVarPrefixes": []
2042
- };
2043
- var Menu_Content = {
2044
- "name": "Menu.Content",
2045
- "defaultProps": {
2046
- "size": "default",
2047
- "variant": "default",
2048
- "gutter": "1"
2054
+ "getStylesLiterals": {
2055
+ "popoverSizeRoot": "default",
2056
+ "popoverVariantRoot": "default",
2057
+ "display": "flex",
2058
+ "position": "relative",
2059
+ "display:1": "block",
2060
+ "spacingTop": "0",
2061
+ "spacingStart": "0",
2062
+ "spacingBottom": "0",
2063
+ "spacingEnd": "0",
2064
+ "popoverSizeSvgBase": "default",
2065
+ "popoverVariantSvgBase": "default",
2066
+ "popoverSizeSvgBorder": "default",
2067
+ "popoverVariantSvgBorder": "default",
2068
+ "popoverVariantBlur": "default",
2069
+ "position:1": "absolute",
2070
+ "width": "full",
2071
+ "height": "full",
2072
+ "flexShrink": "0",
2073
+ "borderRadius": "full",
2074
+ "alignItems": "center",
2075
+ "justifyContent": "center",
2076
+ "popoverVariantCloseIcon": "default",
2077
+ "popoverSizeCloseIcon": "default"
2049
2078
  },
2050
- "getStylesLiterals": {},
2051
2079
  "cxLiterals": [
2052
- "uds-menu-content",
2053
- "transition-shadow",
2054
- "duration-200",
2055
- "ease-in-out",
2056
- "min-w-60",
2057
- "max-w-lg",
2058
- "max-h-96",
2059
- "overflow-auto",
2080
+ "z-[9999]",
2081
+ "outline-none",
2082
+ "focus-visible:outline-none",
2083
+ "uds-bgBlurFillFallback",
2084
+ "uds-bgBlurFallback",
2085
+ "top-0",
2086
+ "left-0",
2087
+ "z-[1]",
2088
+ "duration-0",
2089
+ "duration-120",
2090
+ "transition-[background-color]",
2091
+ "bg-carbon-15/0",
2092
+ "hover:bg-carbon-15/10",
2093
+ "active:bg-carbon-15/15",
2060
2094
  "uds-ring",
2061
- "z-10",
2062
- "group"
2095
+ "absolute",
2096
+ "z-[4]"
2063
2097
  ],
2064
2098
  "internalComponents": [
2065
- "AriakitMenu",
2066
- "AnimatePresence",
2067
- "MotionVStack"
2099
+ "PopoverDismiss",
2100
+ "IconSlot",
2101
+ "PopoverArrow",
2102
+ "Popover",
2103
+ "SvgFloatingOverlay",
2104
+ "Box",
2105
+ "Pressable"
2068
2106
  ],
2069
2107
  "internalComponentProps": {},
2070
- "propToVariantKeys": {
2071
- "size": ["menucontentSizeRoot"],
2072
- "variant": ["menucontentVariantRoot"]
2108
+ "propToVariantKeys": { "closeIcon": ["icon"] },
2109
+ "runtimeConfigDefaultProps": {
2110
+ "size": "popover.defaultSize",
2111
+ "variant": "popover.defaultVariant"
2073
2112
  },
2074
- "runtimeConfigDefaultProps": {},
2075
- "runtimeConfigGetStyles": {},
2076
- "runtimeConfigInternalComponentProps": {},
2113
+ "runtimeConfigGetStyles": {
2114
+ "spacingTop": ["popover.spacingVertical.${size}"],
2115
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
2116
+ "spacingBottom": ["popover.spacingVertical.${size}"],
2117
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
2118
+ },
2119
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
2077
2120
  "motionVarPrefixes": []
2078
2121
  };
2079
- var Menu_Trigger = {
2080
- "name": "Menu.Trigger",
2122
+ var PopoverContext = {
2123
+ "name": "PopoverContext",
2081
2124
  "defaultProps": {},
2082
2125
  "getStylesLiterals": {},
2083
- "cxLiterals": ["uds-menu-trigger"],
2084
- "internalComponents": ["AriakitMenuTrigger", "Box"],
2085
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2086
- "propToVariantKeys": {},
2087
- "runtimeConfigDefaultProps": {},
2088
- "runtimeConfigGetStyles": {},
2089
- "runtimeConfigInternalComponentProps": {},
2090
- "motionVarPrefixes": []
2091
- };
2092
- var Menu_Divider = {
2093
- "name": "Menu.Divider",
2094
- "defaultProps": {
2095
- "role": "separator",
2096
- "contentPosition": "start",
2097
- "gap": "4"
2098
- },
2099
- "getStylesLiterals": {
2100
- "menuitemDividerVariantRoot": "default",
2101
- "menuitemDividerVariantText": "default",
2102
- "menuitemDividerVariantLine": "default"
2103
- },
2104
2126
  "cxLiterals": [],
2105
- "internalComponents": ["DividerInternal"],
2106
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
2127
+ "internalComponents": [],
2128
+ "internalComponentProps": {},
2107
2129
  "propToVariantKeys": {},
2108
2130
  "runtimeConfigDefaultProps": {},
2109
2131
  "runtimeConfigGetStyles": {},
2110
2132
  "runtimeConfigInternalComponentProps": {},
2111
2133
  "motionVarPrefixes": []
2112
2134
  };
2113
- var Menu_Provider = {
2114
- "name": "Menu.Provider",
2135
+ var PopoverTrigger = {
2136
+ "name": "PopoverTrigger",
2115
2137
  "defaultProps": {},
2116
2138
  "getStylesLiterals": {},
2117
2139
  "cxLiterals": [],
2118
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
2119
- "internalComponentProps": {},
2120
- "propToVariantKeys": {},
2140
+ "internalComponents": ["PopoverDisclosure"],
2141
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
2142
+ "propToVariantKeys": { "children": ["render"] },
2121
2143
  "runtimeConfigDefaultProps": {},
2122
2144
  "runtimeConfigGetStyles": {},
2123
2145
  "runtimeConfigInternalComponentProps": {},
2124
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2146
+ "motionVarPrefixes": []
2125
2147
  };
2126
- var Menu_ItemCheckbox = {
2127
- "name": "Menu.ItemCheckbox",
2148
+ var UDSPopoverConfigProvider = {
2149
+ "name": "UDSPopoverConfigProvider",
2128
2150
  "defaultProps": {},
2129
- "getStylesLiterals": {
2130
- "menuitemItemCheckboxVariantRoot": "default",
2131
- "menuitemItemCheckboxVariantActiveRoot": "on",
2132
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2133
- "menuitemItemCheckboxVariantText": "default",
2134
- "menuitemItemCheckboxVariantActiveText": "on",
2135
- "menuitemItemCheckboxVariantActiveText:1": "off",
2136
- "menuitemItemCheckboxVariantStartIcon": "default",
2137
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2138
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2139
- "menuitemItemCheckboxVariantEndIcon": "default",
2140
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2141
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2142
- },
2143
- "cxLiterals": ["uds-menu-item-checkbox"],
2144
- "internalComponents": ["MenuItemBase"],
2151
+ "getStylesLiterals": {},
2152
+ "cxLiterals": [],
2153
+ "internalComponents": ["PopoverContext.Provider"],
2145
2154
  "internalComponentProps": {},
2146
2155
  "propToVariantKeys": {},
2147
2156
  "runtimeConfigDefaultProps": {},
@@ -2149,461 +2158,463 @@ var Menu_ItemCheckbox = {
2149
2158
  "runtimeConfigInternalComponentProps": {},
2150
2159
  "motionVarPrefixes": []
2151
2160
  };
2152
- var Menu_ItemBase = {
2153
- "name": "Menu.ItemBase",
2161
+ var Radio = {
2162
+ "name": "Radio",
2154
2163
  "defaultProps": {
2155
- "spacing": "0",
2156
- "spacingHorizontal": "4",
2157
- "spacingVertical": "3.5",
2158
- "columnGap": "2",
2159
- "alignItems": "center",
2160
- "justifyContent": "space-between"
2164
+ "labelPosition": "start",
2165
+ "variant": "primary",
2166
+ "size": "md",
2167
+ "value": ""
2161
2168
  },
2162
2169
  "getStylesLiterals": {
2163
- "textAlign": "start",
2164
- "menuitemSizeRoot": "default",
2170
+ "radioVariantValueRoot": "checked",
2171
+ "radioVariantValueRoot:1": "unchecked",
2172
+ "display": "flex",
2165
2173
  "flexDirection": "row",
2166
- "menuitemSizeStartIcon": "default",
2167
- "menuitemSizeEndIcon": "default"
2174
+ "flexDirection:1": "row-reverse",
2175
+ "alignItems": "center",
2176
+ "radioVariantValueRadio": "checked",
2177
+ "radioVariantValueRadio:1": "unchecked",
2178
+ "radioVariantValueRadioCircle": "checked",
2179
+ "radioVariantValueRadioCircle:1": "unchecked"
2168
2180
  },
2169
2181
  "cxLiterals": [
2170
- "flex",
2171
- "focus-visible:text-brand",
2172
- "focus-visible:bg-brand-secondary",
2173
- "focus-visible:z-10",
2182
+ "cursor-pointer",
2183
+ "cursor-default",
2184
+ "opacity-50",
2185
+ "border",
2174
2186
  "uds-ring",
2175
- "!-outline-offset-2",
2176
- "[&:not([aria-checked])]:cursor-default",
2177
- "opacity-25",
2178
- "cursor-not-allowed",
2179
- "duration-20",
2180
- "transition-[font-variation-settings]",
2181
- "ease-in-out",
2182
- "z-0",
2183
- "uds-start-icon",
2184
- "uds-end-icon"
2187
+ "uds-ring-within",
2188
+ "transition-[background-color,border-color]",
2189
+ "transition-shadow",
2190
+ "pointer-events-none",
2191
+ "w-[8px]",
2192
+ "h-[8px]",
2193
+ "transition-opacity",
2194
+ "cursor-[inherit]",
2195
+ "absolute",
2196
+ "opacity-0",
2197
+ "top-1/2",
2198
+ "left-1/2",
2199
+ "w-[calc(100%+2px)]",
2200
+ "h-[calc(100%+2px)]",
2201
+ "transform",
2202
+ "translate-x-[-50%]",
2203
+ "translate-y-[-50%]",
2204
+ "text-start",
2205
+ "text-end"
2185
2206
  ],
2186
2207
  "internalComponents": [
2187
- "Pressable",
2188
- "IconSlot",
2189
- "RootComponent",
2190
- "HStack",
2191
- "AnimatePresence"
2208
+ "Box",
2209
+ "FormLabel",
2210
+ "SpringMotionConfig",
2211
+ "RootElement",
2212
+ "MotionBox"
2192
2213
  ],
2193
2214
  "internalComponentProps": {
2194
- "HStack": {
2195
- "alignItems": ["center"],
2196
- "width": ["full"]
2215
+ "Box": { "borderRadius": ["full"] },
2216
+ "FormLabel": {
2217
+ "as": ["div"],
2218
+ "variant": ["inherit"],
2219
+ "color": ["inherit"]
2197
2220
  },
2198
- "AnimatePresence": { "mode": ["popLayout"] }
2221
+ "RootElement": { "data-testid": ["container"] },
2222
+ "MotionBox": {
2223
+ "position": ["relative"],
2224
+ "borderRadius": ["full"],
2225
+ "alignItems": ["center"],
2226
+ "justifyContent": ["center"],
2227
+ "flex": ["none"]
2228
+ }
2199
2229
  },
2200
2230
  "propToVariantKeys": {
2201
- "startIconClassName": ["className"],
2202
- "endIconClassName": ["className"],
2203
- "startIcon": ["icon"],
2204
- "endIcon": ["icon"],
2205
- "columnGap": ["gap"]
2231
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2232
+ "variant": [
2233
+ "radioVariantRoot",
2234
+ "radioVariantRadio",
2235
+ "radioVariantRadioCircle"
2236
+ ],
2237
+ "reduceMotion": ["reducedMotion"]
2206
2238
  },
2207
2239
  "runtimeConfigDefaultProps": {},
2208
2240
  "runtimeConfigGetStyles": {},
2209
2241
  "runtimeConfigInternalComponentProps": {},
2210
- "motionVarPrefixes": []
2242
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2211
2243
  };
2212
- var UDSBreakpointsConfigProvider = {
2213
- "name": "UDSBreakpointsConfigProvider",
2214
- "defaultProps": {},
2215
- "getStylesLiterals": {},
2216
- "cxLiterals": [],
2217
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2218
- "internalComponentProps": {},
2219
- "propToVariantKeys": {},
2220
- "runtimeConfigDefaultProps": {},
2221
- "runtimeConfigGetStyles": {},
2222
- "runtimeConfigInternalComponentProps": {},
2223
- "motionVarPrefixes": []
2224
- };
2225
- var UDSConfigProvider = {
2226
- "name": "UDSConfigProvider",
2244
+ var RadioGroupProvider = {
2245
+ "name": "RadioGroupProvider",
2227
2246
  "defaultProps": {},
2228
2247
  "getStylesLiterals": {},
2229
2248
  "cxLiterals": [],
2230
2249
  "internalComponents": [
2231
- "UDSBreakpointsConfigProvider",
2232
- "UDSBottomSheetConfigProvider",
2233
- "UDSToastConfigProvider",
2234
- "UDSTooltipConfigProvider",
2235
- "UDSPopoverConfigProvider",
2236
- "UDSModalConfigProvider"
2250
+ "DivProps",
2251
+ "Comp",
2252
+ "RadioGroupContext.Provider"
2237
2253
  ],
2238
- "internalComponentProps": {},
2254
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2239
2255
  "propToVariantKeys": {},
2240
2256
  "runtimeConfigDefaultProps": {},
2241
2257
  "runtimeConfigGetStyles": {},
2242
2258
  "runtimeConfigInternalComponentProps": {},
2243
2259
  "motionVarPrefixes": []
2244
2260
  };
2245
- var Tooltip = {
2246
- "name": "Tooltip",
2261
+ var RadioGroupStore = {
2262
+ "name": "RadioGroupStore",
2247
2263
  "defaultProps": {},
2248
2264
  "getStylesLiterals": {},
2249
2265
  "cxLiterals": [],
2250
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2266
+ "internalComponents": [],
2251
2267
  "internalComponentProps": {},
2252
2268
  "propToVariantKeys": {},
2253
2269
  "runtimeConfigDefaultProps": {},
2254
2270
  "runtimeConfigGetStyles": {},
2255
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2271
+ "runtimeConfigInternalComponentProps": {},
2256
2272
  "motionVarPrefixes": []
2257
2273
  };
2258
- var TooltipContent = {
2259
- "name": "TooltipContent",
2260
- "defaultProps": {},
2274
+ var Tab = {
2275
+ "name": "Tab",
2276
+ "defaultProps": { "variant": "primary" },
2261
2277
  "getStylesLiterals": {
2262
- "tooltipSizeRoot": "default",
2263
- "tooltipVariantRoot": "default",
2264
- "tooltipSizeSvg": "default",
2265
- "tooltipVariantSvg": "default",
2266
- "tooltipVariantBlur": "default",
2267
- "position": "absolute",
2268
- "width": "full",
2269
- "height": "full",
2270
- "tooltipSizeTitle": "default",
2271
- "tooltipSizeBody": "default",
2272
- "tooltipSizeEndContent": "default",
2273
- "tooltipSizeIcon": "default",
2274
- "tooltipVariantIcon": "default"
2278
+ "tabSizeRoot": "default",
2279
+ "tabVariantActiveRoot": "off",
2280
+ "tabVariantActiveRoot:1": "on",
2281
+ "tabSizeIcon": "default"
2275
2282
  },
2276
2283
  "cxLiterals": [
2277
- "max-w-lg",
2278
- "flex",
2279
- "z-[9999]",
2280
- "uds-bgBlurFillFallback",
2281
- "uds-bgBlurFallback",
2282
- "top-0",
2284
+ "pointer-events-none",
2285
+ "absolute",
2286
+ "bottom-0",
2283
2287
  "left-0",
2284
- "z-[1]"
2288
+ "right-0",
2289
+ "h-[var(--uds-tab-underline-width,0px)]",
2290
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2291
+ "transition-[height,background-color]",
2292
+ "duration-[240ms]",
2293
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2294
+ "!bg-transparent",
2295
+ "!shadow-none",
2296
+ "inline-flex",
2297
+ "items-center",
2298
+ "shrink-0",
2299
+ "box-border",
2300
+ "relative",
2301
+ "z-[1]",
2302
+ "cursor-pointer",
2303
+ "select-none",
2304
+ "whitespace-nowrap",
2305
+ "uds-ring",
2306
+ "opacity-50",
2307
+ "cursor-default",
2308
+ "border-solid",
2309
+ "border-b-solid",
2310
+ "transition-colors"
2285
2311
  ],
2286
2312
  "internalComponents": [
2287
2313
  "IconSlot",
2288
- "TooltipArrow",
2289
- "Tooltip",
2290
- "SvgFloatingOverlay",
2291
- "VStack",
2292
- "Box",
2314
+ "AriakitTab",
2293
2315
  "Text"
2294
2316
  ],
2295
- "internalComponentProps": {
2296
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2297
- "VStack": { "className": ["gap-[inherit]"] },
2298
- "Box": {
2299
- "alignItems": ["center"],
2300
- "columnGap": ["1", "1.5"]
2301
- },
2302
- "Text": { "color": ["inherit"] }
2317
+ "internalComponentProps": { "Text": {
2318
+ "variant": ["inherit"],
2319
+ "as": ["span"],
2320
+ "color": ["current"]
2321
+ } },
2322
+ "propToVariantKeys": {
2323
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2324
+ "activeState": ["tabVariantActiveIcon"],
2325
+ "startIcon": ["icon"],
2326
+ "endIcon": ["icon"]
2303
2327
  },
2304
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
2305
2328
  "runtimeConfigDefaultProps": {},
2306
2329
  "runtimeConfigGetStyles": {},
2307
2330
  "runtimeConfigInternalComponentProps": {},
2308
2331
  "motionVarPrefixes": []
2309
2332
  };
2310
- var UDSTooltipConfigProvider = {
2311
- "name": "UDSTooltipConfigProvider",
2312
- "defaultProps": {},
2313
- "getStylesLiterals": {},
2314
- "cxLiterals": [],
2315
- "internalComponents": ["TooltipContext.Provider"],
2333
+ var TabList = {
2334
+ "name": "TabList",
2335
+ "defaultProps": { "variant": "primary" },
2336
+ "getStylesLiterals": {
2337
+ "tabSizeRoot": "default",
2338
+ "tabVariantActiveRoot": "on"
2339
+ },
2340
+ "cxLiterals": [
2341
+ "pointer-events-none",
2342
+ "absolute",
2343
+ "bottom-0",
2344
+ "left-0",
2345
+ "right-0",
2346
+ "h-[var(--uds-tab-underline-width,0px)]",
2347
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2348
+ "transition-[height,background-color]",
2349
+ "duration-[240ms]",
2350
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2351
+ "!m-0",
2352
+ "!p-0",
2353
+ "!gap-0",
2354
+ "box-border",
2355
+ "z-0",
2356
+ "min-w-0",
2357
+ "min-h-0",
2358
+ "flex",
2359
+ "flex-row",
2360
+ "items-center",
2361
+ "overflow-x-auto",
2362
+ "overflow-y-clip",
2363
+ "scrollbar-none",
2364
+ "[overflow-clip-margin:6px]",
2365
+ "overflow-clip",
2366
+ "[overflow-clip-margin:8px]",
2367
+ "relative"
2368
+ ],
2369
+ "internalComponents": ["AriakitTabList"],
2316
2370
  "internalComponentProps": {},
2317
- "propToVariantKeys": {},
2318
- "runtimeConfigDefaultProps": {},
2319
- "runtimeConfigGetStyles": {},
2320
- "runtimeConfigInternalComponentProps": {},
2321
- "motionVarPrefixes": []
2322
- };
2323
- var TooltipTrigger = {
2324
- "name": "TooltipTrigger",
2325
- "defaultProps": {},
2326
- "getStylesLiterals": {},
2327
- "cxLiterals": [],
2328
- "internalComponents": ["TooltipAnchor"],
2329
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2330
- "propToVariantKeys": { "children": ["render"] },
2371
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2331
2372
  "runtimeConfigDefaultProps": {},
2332
2373
  "runtimeConfigGetStyles": {},
2333
2374
  "runtimeConfigInternalComponentProps": {},
2334
2375
  "motionVarPrefixes": []
2335
2376
  };
2336
- var RadioGroupProvider = {
2337
- "name": "RadioGroupProvider",
2377
+ var TabPanel = {
2378
+ "name": "TabPanel",
2338
2379
  "defaultProps": {},
2339
2380
  "getStylesLiterals": {},
2340
2381
  "cxLiterals": [],
2341
- "internalComponents": [
2342
- "DivProps",
2343
- "Comp",
2344
- "RadioGroupContext.Provider"
2345
- ],
2346
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2382
+ "internalComponents": ["AriakitTabPanel"],
2383
+ "internalComponentProps": {},
2347
2384
  "propToVariantKeys": {},
2348
2385
  "runtimeConfigDefaultProps": {},
2349
2386
  "runtimeConfigGetStyles": {},
2350
2387
  "runtimeConfigInternalComponentProps": {},
2351
2388
  "motionVarPrefixes": []
2352
2389
  };
2353
- var RadioGroupStore = {
2354
- "name": "RadioGroupStore",
2355
- "defaultProps": {},
2390
+ var Tabs = {
2391
+ "name": "Tabs",
2392
+ "defaultProps": { "variant": "primary" },
2356
2393
  "getStylesLiterals": {},
2357
2394
  "cxLiterals": [],
2358
- "internalComponents": [],
2395
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2359
2396
  "internalComponentProps": {},
2360
- "propToVariantKeys": {},
2397
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2361
2398
  "runtimeConfigDefaultProps": {},
2362
2399
  "runtimeConfigGetStyles": {},
2363
2400
  "runtimeConfigInternalComponentProps": {},
2364
2401
  "motionVarPrefixes": []
2365
2402
  };
2366
- var Radio = {
2367
- "name": "Radio",
2368
- "defaultProps": {
2369
- "labelPosition": "start",
2370
- "variant": "primary",
2371
- "size": "md",
2372
- "value": ""
2373
- },
2403
+ var Toast = {
2404
+ "name": "Toast",
2405
+ "defaultProps": {},
2374
2406
  "getStylesLiterals": {
2375
- "radioVariantValueRoot": "checked",
2376
- "radioVariantValueRoot:1": "unchecked",
2377
- "display": "flex",
2378
- "flexDirection": "row",
2379
- "flexDirection:1": "row-reverse",
2380
- "alignItems": "center",
2381
- "radioVariantValueRadio": "checked",
2382
- "radioVariantValueRadio:1": "unchecked",
2383
- "radioVariantValueRadioCircle": "checked",
2384
- "radioVariantValueRadioCircle:1": "unchecked"
2407
+ "className": "animate-spin",
2408
+ "className:1": "flex-none",
2409
+ "spacing": "2",
2410
+ "borderRadius": "full"
2385
2411
  },
2386
2412
  "cxLiterals": [
2387
- "cursor-pointer",
2388
- "cursor-default",
2389
- "opacity-50",
2390
- "border",
2391
- "uds-ring",
2392
- "uds-ring-within",
2393
- "transition-[background-color,border-color]",
2394
- "transition-shadow",
2395
- "pointer-events-none",
2396
- "w-[8px]",
2397
- "h-[8px]",
2398
- "transition-opacity",
2399
- "cursor-[inherit]",
2400
- "absolute",
2401
- "opacity-0",
2402
- "top-1/2",
2403
- "left-1/2",
2404
- "w-[calc(100%+2px)]",
2405
- "h-[calc(100%+2px)]",
2406
- "transform",
2407
- "translate-x-[-50%]",
2408
- "translate-y-[-50%]",
2409
- "text-start",
2410
- "text-end"
2413
+ "duration-0",
2414
+ "duration-120",
2415
+ "transition-[background-color]",
2416
+ "bg-carbon-15/0",
2417
+ "hover:bg-carbon-15/10",
2418
+ "active:bg-carbon-15/15",
2419
+ "uds-ring"
2411
2420
  ],
2412
2421
  "internalComponents": [
2413
- "Box",
2414
- "FormLabel",
2415
- "SpringMotionConfig",
2416
- "RootElement",
2417
- "MotionBox"
2422
+ "IconSlot",
2423
+ "ToastContainer",
2424
+ "Text",
2425
+ "Button",
2426
+ "Pressable"
2418
2427
  ],
2419
- "internalComponentProps": {
2420
- "Box": { "borderRadius": ["full"] },
2421
- "FormLabel": {
2422
- "as": ["div"],
2423
- "variant": ["inherit"],
2424
- "color": ["inherit"]
2428
+ "internalComponentProps": {},
2429
+ "propToVariantKeys": {
2430
+ "size": [
2431
+ "toastSizeLabel",
2432
+ "toastSizeIcon",
2433
+ "toastSizeActionButton",
2434
+ "toastSizeCloseIcon"
2435
+ ],
2436
+ "variant": [
2437
+ "toastVariantIcon",
2438
+ "toastVariantActionButton",
2439
+ "toastVariantCloseIcon"
2440
+ ],
2441
+ "closeIcon": ["icon"],
2442
+ "onClickActionButton": ["onClick"]
2443
+ },
2444
+ "runtimeConfigDefaultProps": {
2445
+ "size": "toast.defaultSize",
2446
+ "variant": "toast.defaultVariant"
2447
+ },
2448
+ "runtimeConfigGetStyles": {
2449
+ "toastSizeLabel": ["toast.defaultSize"],
2450
+ "toastVariantIcon": ["toast.defaultVariant"],
2451
+ "toastSizeIcon": ["toast.defaultSize"],
2452
+ "toastSizeActionButton": ["toast.defaultSize"],
2453
+ "toastVariantActionButton": ["toast.defaultVariant"],
2454
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2455
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2456
+ },
2457
+ "runtimeConfigInternalComponentProps": {
2458
+ "ToastContainer": {
2459
+ "size": ["toast.defaultSize"],
2460
+ "variant": ["toast.defaultVariant"]
2425
2461
  },
2426
- "RootElement": { "data-testid": ["container"] },
2427
- "MotionBox": {
2428
- "position": ["relative"],
2429
- "borderRadius": ["full"],
2430
- "alignItems": ["center"],
2431
- "justifyContent": ["center"],
2432
- "flex": ["none"]
2462
+ "Text": {
2463
+ "variant": ["toast.textVariant.${size}"],
2464
+ "color": ["toast.textColor.${variant}"]
2465
+ },
2466
+ "Button": {
2467
+ "size": ["toast.buttonSize.${size}"],
2468
+ "variant": ["toast.buttonVariant.${variant}"]
2433
2469
  }
2434
2470
  },
2471
+ "motionVarPrefixes": []
2472
+ };
2473
+ var ToastContainer = {
2474
+ "name": "ToastContainer",
2475
+ "defaultProps": {},
2476
+ "getStylesLiterals": {
2477
+ "position": "relative",
2478
+ "alignItems": "center",
2479
+ "display": "flex",
2480
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2481
+ },
2482
+ "cxLiterals": ["w-full"],
2483
+ "internalComponents": ["HStack"],
2484
+ "internalComponentProps": { "HStack": {
2485
+ "alignItems": ["center"],
2486
+ "justifyContent": ["space-between"],
2487
+ "overflow": ["hidden"],
2488
+ "position": ["relative"]
2489
+ } },
2435
2490
  "propToVariantKeys": {
2436
- "size": ["radioSizeRoot", "radioSizeRadio"],
2437
- "variant": [
2438
- "radioVariantRoot",
2439
- "radioVariantRadio",
2440
- "radioVariantRadioCircle"
2441
- ],
2442
- "reduceMotion": ["reducedMotion"]
2491
+ "variant": ["toastVariantRoot"],
2492
+ "size": ["toastSizeRoot"]
2443
2493
  },
2444
- "runtimeConfigDefaultProps": {},
2445
- "runtimeConfigGetStyles": {},
2446
- "runtimeConfigInternalComponentProps": {},
2447
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2494
+ "runtimeConfigDefaultProps": {
2495
+ "size": "toast.defaultSize",
2496
+ "variant": "toast.defaultVariant"
2497
+ },
2498
+ "runtimeConfigGetStyles": {
2499
+ "toastVariantRoot": ["toast.defaultVariant"],
2500
+ "toastSizeRoot": ["toast.defaultSize"]
2501
+ },
2502
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2503
+ "motionVarPrefixes": []
2448
2504
  };
2449
- var ModalContext = {
2450
- "name": "ModalContext",
2505
+ var ToastPortal = {
2506
+ "name": "ToastPortal",
2451
2507
  "defaultProps": {},
2452
2508
  "getStylesLiterals": {},
2453
2509
  "cxLiterals": [],
2454
- "internalComponents": [],
2510
+ "internalComponents": ["ReactToastifyToastContainer"],
2455
2511
  "internalComponentProps": {},
2456
2512
  "propToVariantKeys": {},
2457
- "runtimeConfigDefaultProps": {},
2513
+ "runtimeConfigDefaultProps": {
2514
+ "size": "toast.defaultSize",
2515
+ "variant": "toast.defaultVariant"
2516
+ },
2458
2517
  "runtimeConfigGetStyles": {},
2459
- "runtimeConfigInternalComponentProps": {},
2518
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2460
2519
  "motionVarPrefixes": []
2461
2520
  };
2462
- var ModalTitle = {
2463
- "name": "ModalTitle",
2521
+ var UDSToastConfigProvider = {
2522
+ "name": "UDSToastConfigProvider",
2464
2523
  "defaultProps": {},
2465
2524
  "getStylesLiterals": {},
2466
2525
  "cxLiterals": [],
2467
- "internalComponents": ["Text", "DialogHeading"],
2468
- "internalComponentProps": { "Text": { "as": ["span"] } },
2469
- "propToVariantKeys": {
2470
- "size": ["modalSizeTitle"],
2471
- "variant": ["modalVariantTitle"]
2472
- },
2473
- "runtimeConfigDefaultProps": {
2474
- "size": "modal.defaultSize",
2475
- "variant": "modal.defaultVariant"
2476
- },
2477
- "runtimeConfigGetStyles": {
2478
- "modalSizeTitle": ["modal.defaultSize"],
2479
- "modalVariantTitle": ["modal.defaultVariant"]
2480
- },
2526
+ "internalComponents": ["ToastContext.Provider"],
2527
+ "internalComponentProps": {},
2528
+ "propToVariantKeys": {},
2529
+ "runtimeConfigDefaultProps": {},
2530
+ "runtimeConfigGetStyles": {},
2481
2531
  "runtimeConfigInternalComponentProps": {},
2482
2532
  "motionVarPrefixes": []
2483
2533
  };
2484
- var ModalActions = {
2485
- "name": "ModalActions",
2534
+ var Tooltip = {
2535
+ "name": "Tooltip",
2486
2536
  "defaultProps": {},
2487
- "getStylesLiterals": {
2488
- "flexDirection": "row-reverse",
2489
- "justifyContent": "space-between",
2490
- "alignItems": "center"
2491
- },
2492
- "cxLiterals": ["gap-[inherit]"],
2493
- "internalComponents": ["HStack"],
2537
+ "getStylesLiterals": {},
2538
+ "cxLiterals": [],
2539
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2494
2540
  "internalComponentProps": {},
2495
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
2496
- "runtimeConfigDefaultProps": {
2497
- "size": "modal.defaultSize",
2498
- "variant": "modal.defaultVariant"
2499
- },
2500
- "runtimeConfigGetStyles": {
2501
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
2502
- "modalSizeActions": ["modal.defaultSize"]
2503
- },
2504
- "runtimeConfigInternalComponentProps": {},
2541
+ "propToVariantKeys": {},
2542
+ "runtimeConfigDefaultProps": {},
2543
+ "runtimeConfigGetStyles": {},
2544
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2505
2545
  "motionVarPrefixes": []
2506
2546
  };
2507
- var Modal = {
2508
- "name": "Modal",
2509
- "defaultProps": {
2510
- "closeAriaLabel": "Close",
2511
- "maxWidth": "auto",
2512
- "maxHeight": "auto",
2513
- "scrollBehavior": "outside"
2514
- },
2547
+ var TooltipContent = {
2548
+ "name": "TooltipContent",
2549
+ "defaultProps": {},
2515
2550
  "getStylesLiterals": {
2516
- "flexDirection": "row-reverse",
2517
- "justifyContent": "space-between",
2518
- "alignItems": "flex-end",
2519
- "alignItems:1": "flex-start",
2520
- "borderRadius": "full"
2521
- },
2522
- "cxLiterals": [
2523
- "fixed",
2524
- "inset-0",
2525
- "z-40",
2526
- "overflow-y-auto",
2527
- "overflow-hidden",
2528
- "transition-[opacity,visibility]",
2529
- "visible",
2530
- "opacity-100",
2531
- "invisible",
2532
- "opacity-0",
2533
- "pointer-events-none",
2534
- "uds-bgBlurFallback",
2535
- "w-full",
2536
- "w-fit",
2537
- "h-full",
2538
- "h-fit",
2539
- "m-auto",
2540
- "pointer-events-auto",
2541
- "inside",
2542
- "max-h-full",
2543
- "transition-transform",
2544
- "duration-0",
2545
- "duration-120",
2546
- "transition-[background-color]",
2547
- "bg-carbon-15/0",
2548
- "hover:bg-carbon-15/10",
2549
- "active:bg-carbon-15/15",
2550
- "uds-ring",
2551
- "[translate:50%_-50%]"
2551
+ "tooltipSizeRoot": "default",
2552
+ "tooltipVariantRoot": "default",
2553
+ "tooltipSizeSvg": "default",
2554
+ "tooltipVariantSvg": "default",
2555
+ "tooltipVariantBlur": "default",
2556
+ "position": "absolute",
2557
+ "width": "full",
2558
+ "height": "full",
2559
+ "tooltipSizeTitle": "default",
2560
+ "tooltipSizeBody": "default",
2561
+ "tooltipSizeEndContent": "default",
2562
+ "tooltipSizeIcon": "default",
2563
+ "tooltipVariantIcon": "default"
2564
+ },
2565
+ "cxLiterals": [
2566
+ "max-w-lg",
2567
+ "flex",
2568
+ "z-[9999]",
2569
+ "uds-bgBlurFillFallback",
2570
+ "uds-bgBlurFallback",
2571
+ "top-0",
2572
+ "left-0",
2573
+ "z-[1]"
2552
2574
  ],
2553
2575
  "internalComponents": [
2554
- "Scrim",
2555
- "VStack",
2556
- "Pressable",
2557
2576
  "IconSlot",
2577
+ "TooltipArrow",
2578
+ "Tooltip",
2579
+ "SvgFloatingOverlay",
2580
+ "VStack",
2558
2581
  "Box",
2559
- "Dialog",
2560
- "ModalContext.Provider",
2561
- "HStack",
2562
- "DialogDismiss",
2563
- "ModalTitle",
2564
- "ModalDescription",
2565
- "ModalContent",
2566
- "ModalActions"
2582
+ "Text"
2567
2583
  ],
2568
- "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
2569
- "propToVariantKeys": {
2570
- "gutter": ["spacing"],
2571
- "size": [
2572
- "modalSizeRoot",
2573
- "modalSizeSpacingHorizontal",
2574
- "modalSizeHeader",
2575
- "modalSizeTitleDescriptionWrapper",
2576
- "modalSizeCloseIconContainer",
2577
- "modalSizeCloseIcon"
2578
- ],
2579
- "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
2580
- "closeAriaLabel": ["aria-label"],
2581
- "closeIcon": ["icon"]
2582
- },
2583
- "runtimeConfigDefaultProps": {
2584
- "size": "modal.defaultSize",
2585
- "variant": "modal.defaultVariant"
2586
- },
2587
- "runtimeConfigGetStyles": {
2588
- "spacing": ["modal.gutter.${size}"],
2589
- "modalSizeRoot": ["modal.defaultSize"],
2590
- "modalVariantRoot": ["modal.defaultVariant"],
2591
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
2592
- "modalSizeHeader": ["modal.defaultSize"],
2593
- "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
2594
- "modalSizeCloseIconContainer": ["modal.defaultSize"],
2595
- "modalSizeCloseIcon": ["modal.defaultSize"],
2596
- "modalVariantCloseIcon": ["modal.defaultVariant"]
2584
+ "internalComponentProps": {
2585
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2586
+ "VStack": { "className": ["gap-[inherit]"] },
2587
+ "Box": {
2588
+ "alignItems": ["center"],
2589
+ "columnGap": ["1", "1.5"]
2590
+ },
2591
+ "Text": { "color": ["inherit"] }
2597
2592
  },
2593
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2594
+ "runtimeConfigDefaultProps": {},
2595
+ "runtimeConfigGetStyles": {},
2598
2596
  "runtimeConfigInternalComponentProps": {},
2599
2597
  "motionVarPrefixes": []
2600
2598
  };
2601
- var UDSModalConfigProvider = {
2602
- "name": "UDSModalConfigProvider",
2599
+ var TooltipTrigger = {
2600
+ "name": "TooltipTrigger",
2603
2601
  "defaultProps": {},
2604
2602
  "getStylesLiterals": {},
2605
2603
  "cxLiterals": [],
2606
- "internalComponents": ["ModalContext.Provider"],
2604
+ "internalComponents": ["TooltipAnchor"],
2605
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2606
+ "propToVariantKeys": { "children": ["render"] },
2607
+ "runtimeConfigDefaultProps": {},
2608
+ "runtimeConfigGetStyles": {},
2609
+ "runtimeConfigInternalComponentProps": {},
2610
+ "motionVarPrefixes": []
2611
+ };
2612
+ var UDSTooltipConfigProvider = {
2613
+ "name": "UDSTooltipConfigProvider",
2614
+ "defaultProps": {},
2615
+ "getStylesLiterals": {},
2616
+ "cxLiterals": [],
2617
+ "internalComponents": ["TooltipContext.Provider"],
2607
2618
  "internalComponentProps": {},
2608
2619
  "propToVariantKeys": {},
2609
2620
  "runtimeConfigDefaultProps": {},
@@ -2611,142 +2622,133 @@ var UDSModalConfigProvider = {
2611
2622
  "runtimeConfigInternalComponentProps": {},
2612
2623
  "motionVarPrefixes": []
2613
2624
  };
2614
- var ModalDescription = {
2615
- "name": "ModalDescription",
2625
+ var UDSBreakpointsConfigProvider = {
2626
+ "name": "UDSBreakpointsConfigProvider",
2616
2627
  "defaultProps": {},
2617
2628
  "getStylesLiterals": {},
2618
2629
  "cxLiterals": [],
2619
- "internalComponents": ["Text", "DialogDescription"],
2620
- "internalComponentProps": { "Text": { "as": ["span"] } },
2621
- "propToVariantKeys": {
2622
- "size": ["modalSizeDescription"],
2623
- "variant": ["modalVariantDescription"]
2624
- },
2625
- "runtimeConfigDefaultProps": {
2626
- "size": "modal.defaultSize",
2627
- "variant": "modal.defaultVariant"
2628
- },
2629
- "runtimeConfigGetStyles": {
2630
- "modalSizeDescription": ["modal.defaultSize"],
2631
- "modalVariantDescription": ["modal.defaultVariant"]
2632
- },
2630
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2631
+ "internalComponentProps": {},
2632
+ "propToVariantKeys": {},
2633
+ "runtimeConfigDefaultProps": {},
2634
+ "runtimeConfigGetStyles": {},
2633
2635
  "runtimeConfigInternalComponentProps": {},
2634
2636
  "motionVarPrefixes": []
2635
2637
  };
2636
- var ModalContent = {
2637
- "name": "ModalContent",
2638
+ var UDSConfigProvider = {
2639
+ "name": "UDSConfigProvider",
2638
2640
  "defaultProps": {},
2639
- "getStylesLiterals": {
2640
- "overflowY": "auto",
2641
- "display": "block",
2642
- "flexGrow": "1"
2643
- },
2641
+ "getStylesLiterals": {},
2644
2642
  "cxLiterals": [],
2645
- "internalComponents": ["Box"],
2643
+ "internalComponents": [
2644
+ "UDSBreakpointsConfigProvider",
2645
+ "UDSBottomSheetConfigProvider",
2646
+ "UDSToastConfigProvider",
2647
+ "UDSTooltipConfigProvider",
2648
+ "UDSPopoverConfigProvider",
2649
+ "UDSModalConfigProvider"
2650
+ ],
2646
2651
  "internalComponentProps": {},
2647
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
2648
- "runtimeConfigDefaultProps": {
2649
- "size": "modal.defaultSize",
2650
- "variant": "modal.defaultVariant"
2651
- },
2652
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
2652
+ "propToVariantKeys": {},
2653
+ "runtimeConfigDefaultProps": {},
2654
+ "runtimeConfigGetStyles": {},
2653
2655
  "runtimeConfigInternalComponentProps": {},
2654
2656
  "motionVarPrefixes": []
2655
2657
  };
2656
2658
  var componentData_default = {
2659
+ Box,
2660
+ FormLabel,
2661
+ HStack,
2657
2662
  Icon,
2658
- Text,
2663
+ IconSlot,
2659
2664
  Image,
2665
+ Link,
2660
2666
  Scrim,
2661
- FormLabel,
2662
- VStack,
2663
- IconSlot,
2664
- Box,
2665
2667
  SvgFloatingOverlay,
2666
- HStack,
2667
- Link,
2668
- BannerDescription,
2668
+ Text,
2669
+ VStack,
2669
2670
  Banner,
2670
2671
  BannerContent,
2672
+ BannerDescription,
2671
2673
  BannerTitle,
2672
2674
  Divider,
2673
- DividerCore,
2674
- DividerInternal,
2675
- "Table.mocks": Table_mocks,
2675
+ DividerLabel,
2676
+ DividerLine,
2676
2677
  Spinner,
2678
+ "Table.mocks": Table_mocks,
2677
2679
  Table,
2678
- Pressable,
2679
- SpringMotionConfig,
2680
2680
  AnimateHeightChange,
2681
- Switch,
2682
- IconButton,
2683
2681
  Badge,
2684
- Checkbox,
2685
2682
  Button,
2683
+ Checkbox,
2684
+ IconButton,
2685
+ Pressable,
2686
+ SpringMotionConfig,
2687
+ Switch,
2686
2688
  Accordion,
2687
2689
  AvoidMotionLibraryProvider,
2688
2690
  SegmentedControl,
2689
2691
  SwitchV2,
2690
- BottomSheetInternalContext,
2692
+ Avatar,
2693
+ AvatarIcon,
2694
+ AvatarImage,
2695
+ AvatarText,
2696
+ BottomSheet,
2691
2697
  BottomSheetContent,
2698
+ BottomSheetDismiss,
2692
2699
  BottomSheetHandle,
2693
- BottomSheet,
2694
2700
  BottomSheetHeader,
2701
+ BottomSheetInternalContext,
2702
+ BottomSheetProvider,
2695
2703
  BottomSheetTrigger,
2696
2704
  UDSBottomSheetConfigProvider,
2697
- BottomSheetDismiss,
2698
- BottomSheetProvider,
2699
- UDSToastConfigProvider,
2700
- ToastPortal,
2701
- Toast,
2702
- ToastContainer,
2703
- ChipLink,
2704
- ChipDismissible,
2705
- ChipToggle,
2706
- ChipBase,
2707
2705
  Chip,
2706
+ ChipBase,
2708
2707
  ChipButton,
2709
- AvatarText,
2710
- AvatarIcon,
2711
- Avatar,
2712
- AvatarImage,
2713
- TabPanel,
2714
- Tabs,
2715
- TabList,
2716
- Tab,
2717
- UDSPopoverConfigProvider,
2718
- Popover,
2719
- PopoverTrigger,
2720
- PopoverContext,
2721
- PopoverContent,
2722
- Input,
2723
- InputHelpText,
2724
- InputHelpTextInternal,
2725
- "Menu.Item": Menu_Item,
2726
- "Menu.index": Menu_index,
2727
- Menu,
2708
+ ChipDismissible,
2709
+ ChipLink,
2710
+ ChipToggle,
2728
2711
  "Menu.Content": Menu_Content,
2729
- "Menu.Trigger": Menu_Trigger,
2730
2712
  "Menu.Divider": Menu_Divider,
2731
- "Menu.Provider": Menu_Provider,
2732
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2713
+ "Menu.Item": Menu_Item,
2733
2714
  "Menu.ItemBase": Menu_ItemBase,
2734
- UDSBreakpointsConfigProvider,
2735
- UDSConfigProvider,
2736
- Tooltip,
2737
- TooltipContent,
2738
- UDSTooltipConfigProvider,
2739
- TooltipTrigger,
2740
- RadioGroupProvider,
2741
- RadioGroupStore,
2742
- Radio,
2715
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2716
+ "Menu.Provider": Menu_Provider,
2717
+ "Menu.Trigger": Menu_Trigger,
2718
+ "Menu.index": Menu_index,
2719
+ Menu,
2720
+ Modal,
2721
+ ModalActions,
2722
+ ModalContent,
2743
2723
  ModalContext,
2724
+ ModalDescription,
2744
2725
  ModalTitle,
2745
- ModalActions,
2746
- Modal,
2747
2726
  UDSModalConfigProvider,
2748
- ModalDescription,
2749
- ModalContent
2727
+ Input,
2728
+ InputHelpText,
2729
+ InputHelpTextInternal,
2730
+ Popover,
2731
+ PopoverContent,
2732
+ PopoverContext,
2733
+ PopoverTrigger,
2734
+ UDSPopoverConfigProvider,
2735
+ Radio,
2736
+ RadioGroupProvider,
2737
+ RadioGroupStore,
2738
+ Tab,
2739
+ TabList,
2740
+ TabPanel,
2741
+ Tabs,
2742
+ Toast,
2743
+ ToastContainer,
2744
+ ToastPortal,
2745
+ UDSToastConfigProvider,
2746
+ Tooltip,
2747
+ TooltipContent,
2748
+ TooltipTrigger,
2749
+ UDSTooltipConfigProvider,
2750
+ UDSBreakpointsConfigProvider,
2751
+ UDSConfigProvider
2750
2752
  };
2751
2753
  //#endregion
2752
2754
  Object.defineProperty(exports, "Accordion", {
@@ -2929,16 +2931,16 @@ Object.defineProperty(exports, "Divider", {
2929
2931
  return Divider;
2930
2932
  }
2931
2933
  });
2932
- Object.defineProperty(exports, "DividerCore", {
2934
+ Object.defineProperty(exports, "DividerLabel", {
2933
2935
  enumerable: true,
2934
2936
  get: function() {
2935
- return DividerCore;
2937
+ return DividerLabel;
2936
2938
  }
2937
2939
  });
2938
- Object.defineProperty(exports, "DividerInternal", {
2940
+ Object.defineProperty(exports, "DividerLine", {
2939
2941
  enumerable: true,
2940
2942
  get: function() {
2941
- return DividerInternal;
2943
+ return DividerLine;
2942
2944
  }
2943
2945
  });
2944
2946
  Object.defineProperty(exports, "FormLabel", {