@yahoo/uds 3.138.0 → 3.140.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 (83) 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/Box.cjs +1 -1
  6. package/dist/components/Box.js +1 -1
  7. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  8. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  9. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  10. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  11. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  12. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  13. package/dist/config/dist/index.cjs +14 -2
  14. package/dist/config/dist/index.js +14 -2
  15. package/dist/css-tokens/dist/index.cjs +2 -0
  16. package/dist/css-tokens/dist/index.d.cts +2 -1
  17. package/dist/css-tokens/dist/index.d.ts +2 -1
  18. package/dist/css-tokens/dist/index.js +2 -1
  19. package/dist/fixtures/dist/index.cjs +4 -2
  20. package/dist/fixtures/dist/index.d.cts +3 -2
  21. package/dist/fixtures/dist/index.d.ts +3 -2
  22. package/dist/fixtures/dist/index.js +4 -3
  23. package/dist/fixtures/index.cjs +1 -0
  24. package/dist/fixtures/index.d.cts +2 -2
  25. package/dist/fixtures/index.d.ts +2 -2
  26. package/dist/fixtures/index.js +2 -2
  27. package/dist/index.cjs +2 -1
  28. package/dist/index.d.cts +3 -3
  29. package/dist/index.d.ts +3 -3
  30. package/dist/index.js +3 -3
  31. package/dist/styles/styler.d.cts +38 -38
  32. package/dist/styles/styler.d.ts +38 -38
  33. package/dist/styles/variants.cjs +7 -1
  34. package/dist/styles/variants.d.cts +6 -0
  35. package/dist/styles/variants.d.ts +6 -0
  36. package/dist/styles/variants.js +7 -1
  37. package/dist/tailwind/dist/automated-config/dist/utils/index.cjs +1 -1
  38. package/dist/tailwind/dist/automated-config/dist/utils/index.js +1 -1
  39. package/dist/tailwind/dist/automated-config/dist/utils/index.js.map +1 -1
  40. package/dist/tailwind/dist/config/dist/index.cjs +14 -2
  41. package/dist/tailwind/dist/config/dist/index.js +14 -2
  42. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  43. package/dist/tailwind/dist/css-tokens/dist/index.cjs +2 -0
  44. package/dist/tailwind/dist/css-tokens/dist/index.js +2 -1
  45. package/dist/tailwind/dist/css-tokens/dist/index.js.map +1 -1
  46. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
  47. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.cjs +1 -1
  48. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.js +1 -1
  49. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.js.map +1 -1
  50. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  51. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  52. package/dist/tailwind/dist/types/dist/index.d.cts +3 -0
  53. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  54. package/dist/tailwind/dist/types/dist/index.d.ts +3 -0
  55. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  56. package/dist/tailwind/dist/utils/parseTokens.cjs +9 -0
  57. package/dist/tailwind/dist/utils/parseTokens.d.cts.map +1 -1
  58. package/dist/tailwind/dist/utils/parseTokens.d.ts.map +1 -1
  59. package/dist/tailwind/dist/utils/parseTokens.js +10 -1
  60. package/dist/tailwind/dist/utils/parseTokens.js.map +1 -1
  61. package/dist/tokens/automation/index.cjs +1 -1
  62. package/dist/tokens/automation/index.js +1 -1
  63. package/dist/tokens/consts/cssTokens.cjs +1 -0
  64. package/dist/tokens/consts/cssTokens.d.cts +2 -2
  65. package/dist/tokens/consts/cssTokens.d.ts +2 -2
  66. package/dist/tokens/consts/cssTokens.js +2 -2
  67. package/dist/tokens/index.cjs +2 -1
  68. package/dist/tokens/index.d.cts +3 -3
  69. package/dist/tokens/index.d.ts +3 -3
  70. package/dist/tokens/index.js +3 -3
  71. package/dist/tokens/types.d.cts +2 -2
  72. package/dist/tokens/types.d.ts +2 -2
  73. package/dist/types/dist/index.d.cts +4 -2
  74. package/dist/types/dist/index.d.ts +4 -2
  75. package/dist/uds/generated/componentData.cjs +1579 -1578
  76. package/dist/uds/generated/componentData.js +1579 -1578
  77. package/dist/uds/generated/tailwindPurge.cjs +21 -3
  78. package/dist/uds/generated/tailwindPurge.js +21 -3
  79. package/dist/uds/package.cjs +2 -2
  80. package/dist/uds/package.js +2 -2
  81. package/generated/componentData.json +1953 -1952
  82. package/generated/tailwindPurge.ts +1 -1
  83. package/package.json +3 -3
@@ -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,74 +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
- ] },
147
- "runtimeConfigDefaultProps": {},
148
- "runtimeConfigGetStyles": {},
149
- "runtimeConfigInternalComponentProps": {},
150
- "motionVarPrefixes": []
151
- };
152
168
  var SvgFloatingOverlay = {
153
169
  "name": "SvgFloatingOverlay",
154
170
  "defaultProps": { "contentOverflow": "auto" },
@@ -183,68 +199,37 @@ var SvgFloatingOverlay = {
183
199
  "runtimeConfigInternalComponentProps": {},
184
200
  "motionVarPrefixes": []
185
201
  };
186
- var HStack = {
187
- "name": "HStack",
188
- "defaultProps": {},
202
+ var Text = {
203
+ "name": "Text",
204
+ "defaultProps": {
205
+ "color": "primary",
206
+ "variant": "body1"
207
+ },
189
208
  "getStylesLiterals": {},
190
209
  "cxLiterals": [],
191
- "internalComponents": ["Box"],
192
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
193
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
194
- "runtimeConfigDefaultProps": {},
195
- "runtimeConfigGetStyles": {},
196
- "runtimeConfigInternalComponentProps": {},
197
- "motionVarPrefixes": []
198
- };
199
- var Link = {
200
- "name": "Link",
201
- "defaultProps": { "variant": "primary" },
202
- "getStylesLiterals": {
203
- "display": "inline-flex",
204
- "alignItems": "center"
205
- },
206
- "cxLiterals": [
207
- "uds-ring",
208
- "underline",
209
- "w-[0.7em]",
210
- "h-[0.7em]"
211
- ],
212
- "internalComponents": ["IconSlot"],
213
- "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
214
- "propToVariantKeys": {
215
- "textVariant": [
216
- "linkTextStyleRoot",
217
- "fontSize",
218
- "fontFamily",
219
- "fontWeight",
220
- "lineHeight",
221
- "textTransform",
222
- "linkTextStyleIcon"
223
- ],
224
- "variant": [
225
- "linkVariantRoot",
226
- "linkVariantIconStart",
227
- "linkVariantIconEnd"
228
- ],
229
- "startIcon": ["icon"],
230
- "endIcon": ["icon"]
231
- },
210
+ "internalComponents": ["Comp"],
211
+ "internalComponentProps": {},
212
+ "propToVariantKeys": { "variant": [
213
+ "fontFamily",
214
+ "fontSize",
215
+ "fontWeight",
216
+ "lineHeight",
217
+ "textTransform",
218
+ "letterSpacing"
219
+ ] },
232
220
  "runtimeConfigDefaultProps": {},
233
221
  "runtimeConfigGetStyles": {},
234
222
  "runtimeConfigInternalComponentProps": {},
235
223
  "motionVarPrefixes": []
236
224
  };
237
- var BannerDescription = {
238
- "name": "BannerDescription",
225
+ var VStack = {
226
+ "name": "VStack",
239
227
  "defaultProps": {},
240
- "getStylesLiterals": {
241
- "bannerSizeDescription": "default",
242
- "className": "w-full line-clamp-3"
243
- },
228
+ "getStylesLiterals": {},
244
229
  "cxLiterals": [],
245
- "internalComponents": ["Text"],
246
- "internalComponentProps": {},
247
- "propToVariantKeys": {},
230
+ "internalComponents": ["Box"],
231
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
232
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
248
233
  "runtimeConfigDefaultProps": {},
249
234
  "runtimeConfigGetStyles": {},
250
235
  "runtimeConfigInternalComponentProps": {},
@@ -347,8 +332,24 @@ var BannerContent = {
347
332
  "runtimeConfigInternalComponentProps": {},
348
333
  "motionVarPrefixes": []
349
334
  };
350
- var BannerTitle = {
351
- "name": "BannerTitle",
335
+ var BannerDescription = {
336
+ "name": "BannerDescription",
337
+ "defaultProps": {},
338
+ "getStylesLiterals": {
339
+ "bannerSizeDescription": "default",
340
+ "className": "w-full line-clamp-3"
341
+ },
342
+ "cxLiterals": [],
343
+ "internalComponents": ["Text"],
344
+ "internalComponentProps": {},
345
+ "propToVariantKeys": {},
346
+ "runtimeConfigDefaultProps": {},
347
+ "runtimeConfigGetStyles": {},
348
+ "runtimeConfigInternalComponentProps": {},
349
+ "motionVarPrefixes": []
350
+ };
351
+ var BannerTitle = {
352
+ "name": "BannerTitle",
352
353
  "defaultProps": {},
353
354
  "getStylesLiterals": { "bannerSizeTitle": "default" },
354
355
  "cxLiterals": ["w-full", "truncate"],
@@ -422,205 +423,181 @@ var DividerInternal = {
422
423
  "runtimeConfigInternalComponentProps": {},
423
424
  "motionVarPrefixes": []
424
425
  };
425
- var Table_mocks = {
426
- "name": "Table.mocks",
426
+ var AnimateHeightChange = {
427
+ "name": "AnimateHeightChange",
427
428
  "defaultProps": {},
428
429
  "getStylesLiterals": {},
429
- "cxLiterals": [],
430
- "internalComponents": [],
431
- "internalComponentProps": {},
432
- "propToVariantKeys": {},
430
+ "cxLiterals": ["overflow-hidden"],
431
+ "internalComponents": ["SpringMotionConfig"],
432
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
433
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
433
434
  "runtimeConfigDefaultProps": {},
434
435
  "runtimeConfigGetStyles": {},
435
436
  "runtimeConfigInternalComponentProps": {},
436
- "motionVarPrefixes": []
437
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
437
438
  };
438
- var Spinner = {
439
- "name": "Spinner",
439
+ var Badge = {
440
+ "name": "Badge",
440
441
  "defaultProps": {
441
- "color": "primary",
442
- "size": "lg"
442
+ "variant": "primary",
443
+ "size": "md"
443
444
  },
444
445
  "getStylesLiterals": {},
445
446
  "cxLiterals": [
446
- "self-center",
447
- "relative",
448
- "sr-only"
447
+ "flex-1",
448
+ "truncate",
449
+ "whitespace-nowrap",
450
+ "text-center"
449
451
  ],
450
- "internalComponents": ["Icon"],
451
- "internalComponentProps": { "Icon": {
452
- "role": ["img"],
453
- "className": ["animate-spin"],
454
- "aria-hidden": ["true"]
455
- } },
456
- "propToVariantKeys": {},
457
- "runtimeConfigDefaultProps": {},
458
- "runtimeConfigGetStyles": {},
459
- "runtimeConfigInternalComponentProps": {},
460
- "motionVarPrefixes": []
461
- };
462
- var Table = {
463
- "name": "Table",
464
- "defaultProps": {
465
- "display": "table-cell",
466
- "overflow": "hidden",
467
- "borderColor": "muted",
468
- "borderRadius": "md",
469
- "spacing": "3",
470
- "borderBottomColor": "muted",
471
- "borderBottomWidth": "thin",
472
- "color": "primary"
452
+ "internalComponents": ["IconSlot", "HStack"],
453
+ "internalComponentProps": {
454
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
455
+ "HStack": {
456
+ "gap": ["2"],
457
+ "display": ["inline-flex"],
458
+ "alignItems": ["center"]
459
+ }
460
+ },
461
+ "propToVariantKeys": {
462
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
463
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
464
+ "startIcon": ["icon"],
465
+ "endIcon": ["icon"]
473
466
  },
474
- "getStylesLiterals": { "textAlign": "start" },
475
- "cxLiterals": [],
476
- "internalComponents": [
477
- "CellComponent",
478
- "Box",
479
- "Text",
480
- "Table.Root",
481
- "Table.Header",
482
- "Table.Row",
483
- "Table.Cell",
484
- "Table.Body"
485
- ],
486
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
487
- "propToVariantKeys": {},
488
- "runtimeConfigDefaultProps": {},
489
- "runtimeConfigGetStyles": {},
490
- "runtimeConfigInternalComponentProps": {},
491
- "motionVarPrefixes": []
492
- };
493
- var Pressable = {
494
- "name": "Pressable",
495
- "defaultProps": {},
496
- "getStylesLiterals": {},
497
- "cxLiterals": [],
498
- "internalComponents": ["Comp"],
499
- "internalComponentProps": {},
500
- "propToVariantKeys": {},
501
- "runtimeConfigDefaultProps": {},
502
- "runtimeConfigGetStyles": {},
503
- "runtimeConfigInternalComponentProps": {},
504
- "motionVarPrefixes": []
505
- };
506
- var SpringMotionConfig = {
507
- "name": "SpringMotionConfig",
508
- "defaultProps": { "reducedMotion": "user" },
509
- "getStylesLiterals": {},
510
- "cxLiterals": [],
511
- "internalComponents": ["LazyMotion", "MotionConfig"],
512
- "internalComponentProps": {},
513
- "propToVariantKeys": { "loadFeatures": ["features"] },
514
467
  "runtimeConfigDefaultProps": {},
515
468
  "runtimeConfigGetStyles": {},
516
469
  "runtimeConfigInternalComponentProps": {},
517
470
  "motionVarPrefixes": []
518
471
  };
519
- var AnimateHeightChange = {
520
- "name": "AnimateHeightChange",
521
- "defaultProps": {},
472
+ var Button = {
473
+ "name": "Button",
474
+ "defaultProps": { "type": "button" },
522
475
  "getStylesLiterals": {},
523
- "cxLiterals": ["overflow-hidden"],
524
- "internalComponents": ["SpringMotionConfig"],
525
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
526
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
476
+ "cxLiterals": [
477
+ "uds-ring",
478
+ "uds-hit-target",
479
+ "inline-flex",
480
+ "overflow-hidden",
481
+ "justify-center",
482
+ "items-center",
483
+ "whitespace-nowrap",
484
+ "select-none",
485
+ "[transform-origin:center]",
486
+ "[backface-visibility:hidden]",
487
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
488
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
489
+ "[transition-duration:220ms]",
490
+ "cursor-not-allowed",
491
+ "uds-button-loading",
492
+ "uds-button-without-effects",
493
+ "withIcon",
494
+ "uds-button-with-gap",
495
+ "animate-spin",
496
+ "truncate"
497
+ ],
498
+ "internalComponents": [
499
+ "Icon",
500
+ "IconSlot",
501
+ "AnimatePresence",
502
+ "SpringMotionConfig",
503
+ "MotionSlot"
504
+ ],
505
+ "internalComponentProps": {
506
+ "Icon": { "color": ["current"] },
507
+ "AnimatePresence": { "mode": ["popLayout"] },
508
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
509
+ "MotionSlot": {
510
+ "whileHover": ["hover"],
511
+ "whileTap": ["pressed"]
512
+ }
513
+ },
514
+ "propToVariantKeys": {
515
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
516
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
517
+ "iconVariant": ["variant"],
518
+ "startIcon": ["icon"],
519
+ "endIcon": ["icon"]
520
+ },
527
521
  "runtimeConfigDefaultProps": {},
528
522
  "runtimeConfigGetStyles": {},
529
523
  "runtimeConfigInternalComponentProps": {},
530
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
524
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
531
525
  };
532
- var Switch = {
533
- "name": "Switch",
526
+ var Checkbox = {
527
+ "name": "Checkbox",
534
528
  "defaultProps": {
535
529
  "labelPosition": "start",
530
+ "variant": "primary",
536
531
  "size": "md"
537
532
  },
538
533
  "getStylesLiterals": {
539
- "switchVariantRoot": "default",
540
- "switchVariantActiveRoot": "on",
541
- "switchVariantActiveRoot:1": "off",
542
534
  "display": "flex",
543
535
  "flexDirection": "row",
544
536
  "flexDirection:1": "row-reverse",
545
- "alignItems": "center",
546
- "switchVariantSwitch": "default",
547
- "switchVariantActiveSwitch": "on",
548
- "switchVariantActiveSwitch:1": "off",
549
- "borderRadius": "full",
550
- "position": "relative",
551
- "switchVariantActiveHandle": "on",
552
- "switchVariantActiveHandle:1": "off",
553
- "switchVariantHandle": "default",
554
- "switchVariantHandleIcon": "default",
555
- "switchVariantActiveHandleIcon": "on",
556
- "switchVariantActiveHandleIcon:1": "off"
537
+ "alignItems": "center"
557
538
  },
558
539
  "cxLiterals": [
559
- "group",
560
540
  "cursor-pointer",
561
541
  "cursor-default",
562
542
  "opacity-50",
563
543
  "uds-ring",
564
544
  "uds-ring-within",
565
- "transition-[background-color,box-shadow]",
566
- "relative",
545
+ "transition-[background-color,border-color,box-shadow]",
567
546
  "pointer-events-none",
568
- "uds-border-radius-full",
569
- "overflow-hidden",
547
+ "transition-opacity",
548
+ "cursor-[inherit]",
570
549
  "absolute",
571
- "top-0",
572
- "left-0",
573
- "right-0",
574
- "bottom-0",
575
- "opacity-95",
576
- "group-hover:opacity-100",
577
- "transition-[background-color,box-shadow,opacity]",
578
550
  "opacity-0",
579
551
  "top-1/2",
580
552
  "left-1/2",
553
+ "w-[calc(100%+2px)]",
554
+ "h-[calc(100%+2px)]",
581
555
  "transform",
582
556
  "translate-x-[-50%]",
583
557
  "translate-y-[-50%]",
584
- "transition-opacity",
585
- "cursor-[inherit]",
586
- "w-[calc(100%+2px)]",
587
- "h-[calc(100%+2px)]",
588
558
  "text-start",
589
- "text-end",
590
- "opacity-100"
559
+ "text-end"
591
560
  ],
592
561
  "internalComponents": [
593
- "IconSlot",
594
- "Box",
562
+ "Icon",
595
563
  "FormLabel",
596
564
  "SpringMotionConfig",
597
565
  "RootElement",
598
566
  "MotionBox"
599
567
  ],
600
568
  "internalComponentProps": {
601
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
569
+ "Icon": { "size": ["sm"] },
602
570
  "FormLabel": {
603
571
  "as": ["div"],
604
572
  "variant": ["inherit"],
605
573
  "color": ["inherit"]
606
574
  },
607
- "RootElement": { "data-testid": ["container"] }
575
+ "RootElement": { "data-testid": ["container"] },
576
+ "MotionBox": {
577
+ "position": ["relative"],
578
+ "alignItems": ["center"],
579
+ "justifyContent": ["center"],
580
+ "flex": ["none"]
581
+ }
608
582
  },
609
583
  "propToVariantKeys": {
610
- "size": [
611
- "switchSizeRoot",
612
- "switchSizeSwitch",
613
- "switchSizeHandle",
614
- "switchSizeHandleIcon"
584
+ "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
585
+ "variant": [
586
+ "checkboxVariantRoot",
587
+ "checkboxVariantCheckbox",
588
+ "checkboxVariantCheckboxIcon"
589
+ ],
590
+ "valueState": [
591
+ "checkboxVariantValueRoot",
592
+ "checkboxVariantValueCheckbox",
593
+ "checkboxVariantValueCheckboxIcon"
615
594
  ],
616
- "onIcon": ["icon"],
617
- "offIcon": ["icon"],
618
595
  "reduceMotion": ["reducedMotion"]
619
596
  },
620
597
  "runtimeConfigDefaultProps": {},
621
598
  "runtimeConfigGetStyles": {},
622
599
  "runtimeConfigInternalComponentProps": {},
623
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
600
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
624
601
  };
625
602
  var IconButton = {
626
603
  "name": "IconButton",
@@ -664,222 +641,151 @@ var IconButton = {
664
641
  "runtimeConfigInternalComponentProps": {},
665
642
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
666
643
  };
667
- var Badge = {
668
- "name": "Badge",
669
- "defaultProps": {
670
- "variant": "primary",
671
- "size": "md"
672
- },
644
+ var Pressable = {
645
+ "name": "Pressable",
646
+ "defaultProps": {},
673
647
  "getStylesLiterals": {},
674
- "cxLiterals": [
675
- "flex-1",
676
- "truncate",
677
- "whitespace-nowrap",
678
- "text-center"
679
- ],
680
- "internalComponents": ["IconSlot", "HStack"],
681
- "internalComponentProps": {
682
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
683
- "HStack": {
684
- "gap": ["2"],
685
- "display": ["inline-flex"],
686
- "alignItems": ["center"]
687
- }
688
- },
689
- "propToVariantKeys": {
690
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
691
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
692
- "startIcon": ["icon"],
693
- "endIcon": ["icon"]
694
- },
648
+ "cxLiterals": [],
649
+ "internalComponents": ["Comp"],
650
+ "internalComponentProps": {},
651
+ "propToVariantKeys": {},
695
652
  "runtimeConfigDefaultProps": {},
696
653
  "runtimeConfigGetStyles": {},
697
654
  "runtimeConfigInternalComponentProps": {},
698
655
  "motionVarPrefixes": []
699
656
  };
700
- var Checkbox = {
701
- "name": "Checkbox",
657
+ var SpringMotionConfig = {
658
+ "name": "SpringMotionConfig",
659
+ "defaultProps": { "reducedMotion": "user" },
660
+ "getStylesLiterals": {},
661
+ "cxLiterals": [],
662
+ "internalComponents": ["LazyMotion", "MotionConfig"],
663
+ "internalComponentProps": {},
664
+ "propToVariantKeys": { "loadFeatures": ["features"] },
665
+ "runtimeConfigDefaultProps": {},
666
+ "runtimeConfigGetStyles": {},
667
+ "runtimeConfigInternalComponentProps": {},
668
+ "motionVarPrefixes": []
669
+ };
670
+ var Switch = {
671
+ "name": "Switch",
702
672
  "defaultProps": {
703
673
  "labelPosition": "start",
704
- "variant": "primary",
705
674
  "size": "md"
706
675
  },
707
676
  "getStylesLiterals": {
677
+ "switchVariantRoot": "default",
678
+ "switchVariantActiveRoot": "on",
679
+ "switchVariantActiveRoot:1": "off",
708
680
  "display": "flex",
709
681
  "flexDirection": "row",
710
682
  "flexDirection:1": "row-reverse",
711
- "alignItems": "center"
683
+ "alignItems": "center",
684
+ "switchVariantSwitch": "default",
685
+ "switchVariantActiveSwitch": "on",
686
+ "switchVariantActiveSwitch:1": "off",
687
+ "borderRadius": "full",
688
+ "position": "relative",
689
+ "switchVariantActiveHandle": "on",
690
+ "switchVariantActiveHandle:1": "off",
691
+ "switchVariantHandle": "default",
692
+ "switchVariantHandleIcon": "default",
693
+ "switchVariantActiveHandleIcon": "on",
694
+ "switchVariantActiveHandleIcon:1": "off"
712
695
  },
713
696
  "cxLiterals": [
697
+ "group",
714
698
  "cursor-pointer",
715
699
  "cursor-default",
716
700
  "opacity-50",
717
701
  "uds-ring",
718
702
  "uds-ring-within",
719
- "transition-[background-color,border-color,box-shadow]",
703
+ "transition-[background-color,box-shadow]",
704
+ "relative",
720
705
  "pointer-events-none",
721
- "transition-opacity",
722
- "cursor-[inherit]",
706
+ "uds-border-radius-full",
707
+ "overflow-hidden",
723
708
  "absolute",
709
+ "top-0",
710
+ "left-0",
711
+ "right-0",
712
+ "bottom-0",
713
+ "opacity-95",
714
+ "group-hover:opacity-100",
715
+ "transition-[background-color,box-shadow,opacity]",
724
716
  "opacity-0",
725
717
  "top-1/2",
726
718
  "left-1/2",
727
- "w-[calc(100%+2px)]",
728
- "h-[calc(100%+2px)]",
729
719
  "transform",
730
720
  "translate-x-[-50%]",
731
721
  "translate-y-[-50%]",
722
+ "transition-opacity",
723
+ "cursor-[inherit]",
724
+ "w-[calc(100%+2px)]",
725
+ "h-[calc(100%+2px)]",
732
726
  "text-start",
733
- "text-end"
727
+ "text-end",
728
+ "opacity-100"
734
729
  ],
735
730
  "internalComponents": [
736
- "Icon",
731
+ "IconSlot",
732
+ "Box",
737
733
  "FormLabel",
738
734
  "SpringMotionConfig",
739
735
  "RootElement",
740
736
  "MotionBox"
741
737
  ],
742
738
  "internalComponentProps": {
743
- "Icon": { "size": ["sm"] },
739
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
744
740
  "FormLabel": {
745
741
  "as": ["div"],
746
742
  "variant": ["inherit"],
747
743
  "color": ["inherit"]
748
744
  },
749
- "RootElement": { "data-testid": ["container"] },
750
- "MotionBox": {
751
- "position": ["relative"],
752
- "alignItems": ["center"],
753
- "justifyContent": ["center"],
754
- "flex": ["none"]
755
- }
745
+ "RootElement": { "data-testid": ["container"] }
756
746
  },
757
747
  "propToVariantKeys": {
758
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
759
- "variant": [
760
- "checkboxVariantRoot",
761
- "checkboxVariantCheckbox",
762
- "checkboxVariantCheckboxIcon"
763
- ],
764
- "valueState": [
765
- "checkboxVariantValueRoot",
766
- "checkboxVariantValueCheckbox",
767
- "checkboxVariantValueCheckboxIcon"
748
+ "size": [
749
+ "switchSizeRoot",
750
+ "switchSizeSwitch",
751
+ "switchSizeHandle",
752
+ "switchSizeHandleIcon"
768
753
  ],
754
+ "onIcon": ["icon"],
755
+ "offIcon": ["icon"],
769
756
  "reduceMotion": ["reducedMotion"]
770
757
  },
771
758
  "runtimeConfigDefaultProps": {},
772
759
  "runtimeConfigGetStyles": {},
773
760
  "runtimeConfigInternalComponentProps": {},
774
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
775
- };
776
- var Button = {
777
- "name": "Button",
778
- "defaultProps": { "type": "button" },
779
- "getStylesLiterals": {},
780
- "cxLiterals": [
781
- "uds-ring",
782
- "uds-hit-target",
783
- "inline-flex",
784
- "overflow-hidden",
785
- "justify-center",
786
- "items-center",
787
- "whitespace-nowrap",
788
- "select-none",
789
- "[transform-origin:center]",
790
- "[backface-visibility:hidden]",
791
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
792
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
793
- "[transition-duration:220ms]",
794
- "cursor-not-allowed",
795
- "uds-button-loading",
796
- "uds-button-without-effects",
797
- "withIcon",
798
- "uds-button-with-gap",
799
- "animate-spin",
800
- "truncate"
801
- ],
802
- "internalComponents": [
803
- "Icon",
804
- "IconSlot",
805
- "AnimatePresence",
806
- "SpringMotionConfig",
807
- "MotionSlot"
808
- ],
809
- "internalComponentProps": {
810
- "Icon": { "color": ["current"] },
811
- "AnimatePresence": { "mode": ["popLayout"] },
812
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
813
- "MotionSlot": {
814
- "whileHover": ["hover"],
815
- "whileTap": ["pressed"]
816
- }
817
- },
818
- "propToVariantKeys": {
819
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
820
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
821
- "iconVariant": ["variant"],
822
- "startIcon": ["icon"],
823
- "endIcon": ["icon"]
824
- },
825
- "runtimeConfigDefaultProps": {},
826
- "runtimeConfigGetStyles": {},
827
- "runtimeConfigInternalComponentProps": {},
828
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
761
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
829
762
  };
830
- var Accordion = {
831
- "name": "Accordion",
763
+ var Spinner = {
764
+ "name": "Spinner",
832
765
  "defaultProps": {
833
- "spacingHorizontal": "4",
834
- "spacingVertical": "4"
766
+ "color": "primary",
767
+ "size": "lg"
835
768
  },
836
769
  "getStylesLiterals": {},
837
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
838
- "internalComponents": [
839
- "Icon",
840
- "SpringMotionConfig",
841
- "Pressable",
842
- "Text",
843
- "HStack",
844
- "AnimatePresence",
845
- "VStack"
770
+ "cxLiterals": [
771
+ "self-center",
772
+ "relative",
773
+ "sr-only"
846
774
  ],
847
- "internalComponentProps": {
848
- "Icon": {
849
- "variant": ["fill"],
850
- "size": ["sm"],
851
- "color": ["primary"]
852
- },
853
- "SpringMotionConfig": {
854
- "layoutVariant": ["smooth"],
855
- "layoutSpeed": ["3"]
856
- },
857
- "Pressable": {
858
- "display": ["flex"],
859
- "flexDirection": ["row"],
860
- "alignItems": ["center"],
861
- "justifyContent": ["space-between"],
862
- "borderRadius": ["md"]
863
- },
864
- "Text": {
865
- "variant": ["title4"],
866
- "color": ["primary"]
867
- },
868
- "HStack": {
869
- "display": ["flex"],
870
- "alignItems": ["center"],
871
- "justifyContent": ["space-between"],
872
- "columnGap": ["2.5"]
873
- }
874
- },
775
+ "internalComponents": ["Icon"],
776
+ "internalComponentProps": { "Icon": {
777
+ "role": ["img"],
778
+ "className": ["animate-spin"],
779
+ "aria-hidden": ["true"]
780
+ } },
875
781
  "propToVariantKeys": {},
876
782
  "runtimeConfigDefaultProps": {},
877
783
  "runtimeConfigGetStyles": {},
878
784
  "runtimeConfigInternalComponentProps": {},
879
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
785
+ "motionVarPrefixes": []
880
786
  };
881
- var AvoidMotionLibraryProvider = {
882
- "name": "AvoidMotionLibraryProvider",
787
+ var Table_mocks = {
788
+ "name": "Table.mocks",
883
789
  "defaultProps": {},
884
790
  "getStylesLiterals": {},
885
791
  "cxLiterals": [],
@@ -891,169 +797,43 @@ var AvoidMotionLibraryProvider = {
891
797
  "runtimeConfigInternalComponentProps": {},
892
798
  "motionVarPrefixes": []
893
799
  };
894
- var SegmentedControl = {
895
- "name": "SegmentedControl",
896
- "defaultProps": { "textVariant": "label2" },
897
- "getStylesLiterals": {
898
- "display": "flex",
899
- "alignItems": "center",
900
- "backgroundColor": "primary",
901
- "spacingVertical": "1",
902
- "spacingHorizontal": "3",
903
- "columnGap": "1.5",
904
- "borderWidth": "thin",
905
- "borderRadius": "full",
906
- "borderColor": "muted",
907
- "borderColor:1": "transparent",
908
- "color": "primary",
909
- "color:1": "tertiary",
910
- "color:2": "muted"
911
- },
912
- "cxLiterals": [
913
- "uds-ring",
914
- "cursor-not-allowed",
915
- "opacity-50",
916
- "pointer-events-none",
917
- "hover:bg-primary"
918
- ],
919
- "internalComponents": [
920
- "TextVariant",
921
- "Radio",
922
- "Icon",
923
- "RadioProvider",
924
- "HStack",
925
- "RadioGroup",
926
- "Pressable",
927
- "Text"
928
- ],
929
- "internalComponentProps": {
930
- "Icon": {
931
- "size": ["sm"],
932
- "color": ["current"],
933
- "aria-hidden": ["true"]
934
- },
935
- "HStack": {
936
- "spacing": ["1"],
937
- "gap": ["1"],
938
- "backgroundColor": ["secondary"],
939
- "borderRadius": ["full"],
940
- "display": ["inline-flex"]
941
- },
942
- "Text": { "color": ["current"] }
943
- },
944
- "propToVariantKeys": {
945
- "value": ["key"],
946
- "label": ["aria-label"],
947
- "textVariant": ["variant"]
948
- },
949
- "runtimeConfigDefaultProps": {},
950
- "runtimeConfigGetStyles": {},
951
- "runtimeConfigInternalComponentProps": {},
952
- "motionVarPrefixes": []
953
- };
954
- var SwitchV2 = {
955
- "name": "SwitchV2",
800
+ var Table = {
801
+ "name": "Table",
956
802
  "defaultProps": {
957
- "labelPosition": "start",
958
- "size": "md"
959
- },
960
- "getStylesLiterals": {
961
- "switchVariantRoot": "default",
962
- "switchVariantActiveRoot": "on",
963
- "switchVariantActiveRoot:1": "off",
964
- "switchVariantSwitch": "default",
965
- "switchVariantActiveSwitch": "on",
966
- "switchVariantActiveSwitch:1": "off",
967
- "switchVariantActiveHandle": "on",
968
- "switchVariantActiveHandle:1": "off",
969
- "switchVariantHandle": "default",
970
- "switchVariantHandleIcon": "default",
971
- "switchVariantActiveHandleIcon": "on",
972
- "switchVariantActiveHandleIcon:1": "off"
803
+ "display": "table-cell",
804
+ "overflow": "hidden",
805
+ "borderColor": "muted",
806
+ "borderRadius": "md",
807
+ "spacing": "3",
808
+ "borderBottomColor": "muted",
809
+ "borderBottomWidth": "thin",
810
+ "color": "primary"
973
811
  },
974
- "cxLiterals": [
975
- "group",
976
- "flex",
977
- "items-center",
978
- "flex-row",
979
- "flex-row-reverse",
980
- "uds-ring",
981
- "uds-ring-within",
982
- "relative",
983
- "uds-border-radius-full",
984
- "transition-[background-color,box-shadow]",
985
- "pointer-events-none",
986
- "w-full",
987
- "h-full",
988
- "absolute",
989
- "top-0",
990
- "bottom-0",
991
- "right-0",
992
- "left-0",
993
- "overflow-hidden",
994
- "group-hover:scale-105",
995
- "opacity-95",
996
- "group-hover:opacity-100",
997
- "transition-[transform,opacity]",
998
- "opacity-0",
999
- "top-1/2",
1000
- "left-1/2",
1001
- "transform",
1002
- "translate-x-[-50%]",
1003
- "translate-y-[-50%]",
1004
- "transition-opacity",
1005
- "cursor-[inherit]",
1006
- "w-[calc(100%+2px)]",
1007
- "h-[calc(100%+2px)]",
1008
- "text-start",
1009
- "text-end",
1010
- "opacity-100"
1011
- ],
812
+ "getStylesLiterals": { "textAlign": "start" },
813
+ "cxLiterals": [],
1012
814
  "internalComponents": [
1013
- "IconSlot",
815
+ "CellComponent",
1014
816
  "Box",
1015
- "FormLabel",
1016
- "SpringMotionConfig",
1017
- "RootElement",
1018
- "MotionBox"
817
+ "Text",
818
+ "Table.Root",
819
+ "Table.Header",
820
+ "Table.Row",
821
+ "Table.Cell",
822
+ "Table.Body"
1019
823
  ],
1020
- "internalComponentProps": {
1021
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1022
- "FormLabel": {
1023
- "as": ["div"],
1024
- "variant": ["inherit"],
1025
- "color": ["inherit"]
1026
- },
1027
- "SpringMotionConfig": {
1028
- "layoutVariant": ["bouncy"],
1029
- "layoutSpeed": ["4"]
1030
- },
1031
- "RootElement": { "data-testid": ["switch-root"] },
1032
- "MotionBox": { "layout": ["position"] }
1033
- },
1034
- "propToVariantKeys": {
1035
- "size": [
1036
- "switchSizeRoot",
1037
- "switchSizeSwitch",
1038
- "switchSizeHandle",
1039
- "switchSizeHandleIcon"
1040
- ],
1041
- "onIcon": ["icon"],
1042
- "offIcon": ["icon"],
1043
- "reduceMotion": ["reducedMotion"],
1044
- "isOn": ["layoutDependency"]
1045
- },
824
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
825
+ "propToVariantKeys": {},
1046
826
  "runtimeConfigDefaultProps": {},
1047
827
  "runtimeConfigGetStyles": {},
1048
828
  "runtimeConfigInternalComponentProps": {},
1049
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
829
+ "motionVarPrefixes": []
1050
830
  };
1051
- var UDSToastConfigProvider = {
1052
- "name": "UDSToastConfigProvider",
831
+ var Avatar = {
832
+ "name": "Avatar",
1053
833
  "defaultProps": {},
1054
834
  "getStylesLiterals": {},
1055
835
  "cxLiterals": [],
1056
- "internalComponents": ["ToastContext.Provider"],
836
+ "internalComponents": ["AvatarImage"],
1057
837
  "internalComponentProps": {},
1058
838
  "propToVariantKeys": {},
1059
839
  "runtimeConfigDefaultProps": {},
@@ -1061,132 +841,134 @@ var UDSToastConfigProvider = {
1061
841
  "runtimeConfigInternalComponentProps": {},
1062
842
  "motionVarPrefixes": []
1063
843
  };
1064
- var ToastPortal = {
1065
- "name": "ToastPortal",
1066
- "defaultProps": {},
844
+ var AvatarIcon = {
845
+ "name": "AvatarIcon",
846
+ "defaultProps": {
847
+ "size": "md",
848
+ "variant": "primary"
849
+ },
1067
850
  "getStylesLiterals": {},
1068
- "cxLiterals": [],
1069
- "internalComponents": ["ReactToastifyToastContainer"],
851
+ "cxLiterals": [
852
+ "overflow-hidden",
853
+ "w-full",
854
+ "h-full",
855
+ "shrink-0",
856
+ "text-center",
857
+ "inline-flex",
858
+ "justify-center",
859
+ "items-center"
860
+ ],
861
+ "internalComponents": ["IconSlot", "Box"],
1070
862
  "internalComponentProps": {},
1071
- "propToVariantKeys": {},
1072
- "runtimeConfigDefaultProps": {
1073
- "size": "toast.defaultSize",
1074
- "variant": "toast.defaultVariant"
1075
- },
863
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
864
+ "runtimeConfigDefaultProps": {},
1076
865
  "runtimeConfigGetStyles": {},
1077
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
866
+ "runtimeConfigInternalComponentProps": {},
1078
867
  "motionVarPrefixes": []
1079
868
  };
1080
- var Toast = {
1081
- "name": "Toast",
1082
- "defaultProps": {},
1083
- "getStylesLiterals": {
1084
- "className": "animate-spin",
1085
- "className:1": "flex-none",
1086
- "spacing": "2",
1087
- "borderRadius": "full"
869
+ var AvatarImage = {
870
+ "name": "AvatarImage",
871
+ "defaultProps": {
872
+ "size": "md",
873
+ "variant": "primary"
1088
874
  },
875
+ "getStylesLiterals": {},
1089
876
  "cxLiterals": [
1090
- "duration-0",
1091
- "duration-120",
1092
- "transition-[background-color]",
1093
- "bg-carbon-15/0",
1094
- "hover:bg-carbon-15/10",
1095
- "active:bg-carbon-15/15",
1096
- "uds-ring"
877
+ "overflow-hidden",
878
+ "w-full",
879
+ "h-full",
880
+ "shrink-0",
881
+ "text-center",
882
+ "inline-flex",
883
+ "justify-center",
884
+ "items-center",
885
+ "object-cover"
1097
886
  ],
1098
887
  "internalComponents": [
1099
- "IconSlot",
1100
- "ToastContainer",
1101
- "Text",
1102
- "Button",
1103
- "Pressable"
888
+ "UDSImage",
889
+ "AvatarText",
890
+ "AvatarIcon",
891
+ "Box"
1104
892
  ],
1105
893
  "internalComponentProps": {},
1106
894
  "propToVariantKeys": {
1107
- "size": [
1108
- "toastSizeLabel",
1109
- "toastSizeIcon",
1110
- "toastSizeActionButton",
1111
- "toastSizeCloseIcon"
1112
- ],
1113
- "variant": [
1114
- "toastVariantIcon",
1115
- "toastVariantActionButton",
1116
- "toastVariantCloseIcon"
1117
- ],
1118
- "closeIcon": ["icon"],
1119
- "onClickActionButton": ["onClick"]
1120
- },
1121
- "runtimeConfigDefaultProps": {
1122
- "size": "toast.defaultSize",
1123
- "variant": "toast.defaultVariant"
1124
- },
1125
- "runtimeConfigGetStyles": {
1126
- "toastSizeLabel": ["toast.defaultSize"],
1127
- "toastVariantIcon": ["toast.defaultVariant"],
1128
- "toastSizeIcon": ["toast.defaultSize"],
1129
- "toastSizeActionButton": ["toast.defaultSize"],
1130
- "toastVariantActionButton": ["toast.defaultVariant"],
1131
- "toastVariantCloseIcon": ["toast.defaultVariant"],
1132
- "toastSizeCloseIcon": ["toast.defaultSize"]
1133
- },
1134
- "runtimeConfigInternalComponentProps": {
1135
- "ToastContainer": {
1136
- "size": ["toast.defaultSize"],
1137
- "variant": ["toast.defaultVariant"]
1138
- },
1139
- "Text": {
1140
- "variant": ["toast.textVariant.${size}"],
1141
- "color": ["toast.textColor.${variant}"]
1142
- },
1143
- "Button": {
1144
- "size": ["toast.buttonSize.${size}"],
1145
- "variant": ["toast.buttonVariant.${variant}"]
1146
- }
895
+ "alt": ["name"],
896
+ "fallback": ["initials"]
1147
897
  },
898
+ "runtimeConfigDefaultProps": {},
899
+ "runtimeConfigGetStyles": {},
900
+ "runtimeConfigInternalComponentProps": {},
1148
901
  "motionVarPrefixes": []
1149
902
  };
1150
- var ToastContainer = {
1151
- "name": "ToastContainer",
1152
- "defaultProps": {},
1153
- "getStylesLiterals": {
1154
- "position": "relative",
1155
- "alignItems": "center",
1156
- "display": "flex",
1157
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
903
+ var AvatarText = {
904
+ "name": "AvatarText",
905
+ "defaultProps": {
906
+ "size": "md",
907
+ "variant": "primary"
1158
908
  },
1159
- "cxLiterals": ["w-full"],
1160
- "internalComponents": ["HStack"],
1161
- "internalComponentProps": { "HStack": {
1162
- "alignItems": ["center"],
1163
- "justifyContent": ["space-between"],
1164
- "overflow": ["hidden"],
1165
- "position": ["relative"]
909
+ "getStylesLiterals": {},
910
+ "cxLiterals": [
911
+ "overflow-hidden",
912
+ "truncate",
913
+ "w-full",
914
+ "h-full",
915
+ "shrink-0",
916
+ "text-center",
917
+ "inline-flex",
918
+ "justify-center",
919
+ "items-center"
920
+ ],
921
+ "internalComponents": ["Box", "Text"],
922
+ "internalComponentProps": { "Text": {
923
+ "color": ["inherit"],
924
+ "variant": ["inherit"]
1166
925
  } },
1167
- "propToVariantKeys": {
1168
- "variant": ["toastVariantRoot"],
1169
- "size": ["toastSizeRoot"]
1170
- },
1171
- "runtimeConfigDefaultProps": {
1172
- "size": "toast.defaultSize",
1173
- "variant": "toast.defaultVariant"
1174
- },
1175
- "runtimeConfigGetStyles": {
1176
- "toastVariantRoot": ["toast.defaultVariant"],
1177
- "toastSizeRoot": ["toast.defaultSize"]
1178
- },
1179
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
926
+ "propToVariantKeys": {},
927
+ "runtimeConfigDefaultProps": {},
928
+ "runtimeConfigGetStyles": {},
929
+ "runtimeConfigInternalComponentProps": {},
1180
930
  "motionVarPrefixes": []
1181
931
  };
1182
- var BottomSheetInternalContext = {
1183
- "name": "BottomSheetInternalContext",
1184
- "defaultProps": {},
932
+ var BottomSheet = {
933
+ "name": "BottomSheet",
934
+ "defaultProps": { "variant": "default" },
1185
935
  "getStylesLiterals": {},
1186
- "cxLiterals": [],
1187
- "internalComponents": [],
1188
- "internalComponentProps": {},
1189
- "propToVariantKeys": {},
936
+ "cxLiterals": [
937
+ "fixed",
938
+ "overflow-hidden",
939
+ "inset-x-0",
940
+ "bottom-0",
941
+ "z-50",
942
+ "[will-change:transform]",
943
+ "touch-none",
944
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
945
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
946
+ "transition-transform",
947
+ "duration-500",
948
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
949
+ "motion-reduce:transition-none",
950
+ "top-[-4px]",
951
+ "z-[1]",
952
+ "touch-pan-y"
953
+ ],
954
+ "internalComponents": [
955
+ "Scrim",
956
+ "BottomSheetHandle",
957
+ "Dialog",
958
+ "Box",
959
+ "BottomSheetInternalContext.Provider"
960
+ ],
961
+ "internalComponentProps": {
962
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
963
+ "Dialog": { "data-testid": ["bottom-sheet"] },
964
+ "Box": {
965
+ "display": ["block", "flex"],
966
+ "position": ["absolute"],
967
+ "flexDirection": ["column"],
968
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
969
+ }
970
+ },
971
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1190
972
  "runtimeConfigDefaultProps": {},
1191
973
  "runtimeConfigGetStyles": {},
1192
974
  "runtimeConfigInternalComponentProps": {},
@@ -1211,6 +993,19 @@ var BottomSheetContent = {
1211
993
  "runtimeConfigInternalComponentProps": {},
1212
994
  "motionVarPrefixes": []
1213
995
  };
996
+ var BottomSheetDismiss = {
997
+ "name": "BottomSheetDismiss",
998
+ "defaultProps": {},
999
+ "getStylesLiterals": {},
1000
+ "cxLiterals": [],
1001
+ "internalComponents": ["AriakitDialogDismiss"],
1002
+ "internalComponentProps": {},
1003
+ "propToVariantKeys": {},
1004
+ "runtimeConfigDefaultProps": {},
1005
+ "runtimeConfigGetStyles": {},
1006
+ "runtimeConfigInternalComponentProps": {},
1007
+ "motionVarPrefixes": []
1008
+ };
1214
1009
  var BottomSheetHandle = {
1215
1010
  "name": "BottomSheetHandle",
1216
1011
  "defaultProps": { "variant": "default" },
@@ -1242,94 +1037,254 @@ var BottomSheetHandle = {
1242
1037
  "runtimeConfigInternalComponentProps": {},
1243
1038
  "motionVarPrefixes": []
1244
1039
  };
1245
- var BottomSheet = {
1246
- "name": "BottomSheet",
1040
+ var BottomSheetHeader = {
1041
+ "name": "BottomSheetHeader",
1247
1042
  "defaultProps": { "variant": "default" },
1248
1043
  "getStylesLiterals": {},
1249
1044
  "cxLiterals": [
1250
- "fixed",
1251
- "overflow-hidden",
1252
- "inset-x-0",
1253
- "bottom-0",
1254
- "z-50",
1255
- "[will-change:transform]",
1256
- "touch-none",
1257
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1258
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1259
- "transition-transform",
1260
- "duration-500",
1261
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1262
- "motion-reduce:transition-none",
1263
- "top-[-4px]",
1264
- "z-[1]",
1265
- "touch-pan-y"
1045
+ "grid-cols-[40px_1fr_40px]",
1046
+ "items-center",
1047
+ "w-full",
1048
+ "min-h-10",
1049
+ "mt-2"
1266
1050
  ],
1267
1051
  "internalComponents": [
1268
- "Scrim",
1269
- "BottomSheetHandle",
1270
- "Dialog",
1271
1052
  "Box",
1272
- "BottomSheetInternalContext.Provider"
1053
+ "Text",
1054
+ "DialogHeading"
1273
1055
  ],
1274
1056
  "internalComponentProps": {
1275
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1276
- "Dialog": { "data-testid": ["bottom-sheet"] },
1277
1057
  "Box": {
1278
- "display": ["block", "flex"],
1279
- "position": ["absolute"],
1280
- "flexDirection": ["column"],
1281
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1282
- }
1058
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1059
+ "display": ["grid", "flex"],
1060
+ "justifyContent": ["flex-start", "flex-end"]
1061
+ },
1062
+ "Text": {
1063
+ "as": ["p"],
1064
+ "variant": ["inherit"],
1065
+ "color": ["inherit"],
1066
+ "textAlign": ["center"],
1067
+ "className": ["m-0 w-full"]
1068
+ },
1069
+ "DialogHeading": { "role": ["heading"] }
1070
+ },
1071
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1072
+ "runtimeConfigDefaultProps": {},
1073
+ "runtimeConfigGetStyles": {},
1074
+ "runtimeConfigInternalComponentProps": {},
1075
+ "motionVarPrefixes": []
1076
+ };
1077
+ var BottomSheetInternalContext = {
1078
+ "name": "BottomSheetInternalContext",
1079
+ "defaultProps": {},
1080
+ "getStylesLiterals": {},
1081
+ "cxLiterals": [],
1082
+ "internalComponents": [],
1083
+ "internalComponentProps": {},
1084
+ "propToVariantKeys": {},
1085
+ "runtimeConfigDefaultProps": {},
1086
+ "runtimeConfigGetStyles": {},
1087
+ "runtimeConfigInternalComponentProps": {},
1088
+ "motionVarPrefixes": []
1089
+ };
1090
+ var BottomSheetProvider = {
1091
+ "name": "BottomSheetProvider",
1092
+ "defaultProps": {},
1093
+ "getStylesLiterals": {},
1094
+ "cxLiterals": [],
1095
+ "internalComponents": ["AriakitDialogProvider"],
1096
+ "internalComponentProps": {},
1097
+ "propToVariantKeys": {},
1098
+ "runtimeConfigDefaultProps": {},
1099
+ "runtimeConfigGetStyles": {},
1100
+ "runtimeConfigInternalComponentProps": {},
1101
+ "motionVarPrefixes": []
1102
+ };
1103
+ var BottomSheetTrigger = {
1104
+ "name": "BottomSheetTrigger",
1105
+ "defaultProps": {},
1106
+ "getStylesLiterals": {},
1107
+ "cxLiterals": [],
1108
+ "internalComponents": ["AriakitDialogDisclosure"],
1109
+ "internalComponentProps": {},
1110
+ "propToVariantKeys": {},
1111
+ "runtimeConfigDefaultProps": {},
1112
+ "runtimeConfigGetStyles": {},
1113
+ "runtimeConfigInternalComponentProps": {},
1114
+ "motionVarPrefixes": []
1115
+ };
1116
+ var UDSBottomSheetConfigProvider = {
1117
+ "name": "UDSBottomSheetConfigProvider",
1118
+ "defaultProps": {},
1119
+ "getStylesLiterals": {},
1120
+ "cxLiterals": [],
1121
+ "internalComponents": ["BottomSheetContext.Provider"],
1122
+ "internalComponentProps": {},
1123
+ "propToVariantKeys": {},
1124
+ "runtimeConfigDefaultProps": {},
1125
+ "runtimeConfigGetStyles": {},
1126
+ "runtimeConfigInternalComponentProps": {},
1127
+ "motionVarPrefixes": []
1128
+ };
1129
+ var Menu_Content = {
1130
+ "name": "Menu.Content",
1131
+ "defaultProps": {
1132
+ "size": "default",
1133
+ "variant": "default",
1134
+ "gutter": "1"
1135
+ },
1136
+ "getStylesLiterals": {},
1137
+ "cxLiterals": [
1138
+ "uds-menu-content",
1139
+ "transition-shadow",
1140
+ "duration-200",
1141
+ "ease-in-out",
1142
+ "min-w-60",
1143
+ "max-w-lg",
1144
+ "max-h-96",
1145
+ "overflow-auto",
1146
+ "uds-ring",
1147
+ "z-10",
1148
+ "group"
1149
+ ],
1150
+ "internalComponents": [
1151
+ "AriakitMenu",
1152
+ "AnimatePresence",
1153
+ "MotionVStack"
1154
+ ],
1155
+ "internalComponentProps": {},
1156
+ "propToVariantKeys": {
1157
+ "size": ["menucontentSizeRoot"],
1158
+ "variant": ["menucontentVariantRoot"]
1159
+ },
1160
+ "runtimeConfigDefaultProps": {},
1161
+ "runtimeConfigGetStyles": {},
1162
+ "runtimeConfigInternalComponentProps": {},
1163
+ "motionVarPrefixes": []
1164
+ };
1165
+ var Menu_Divider = {
1166
+ "name": "Menu.Divider",
1167
+ "defaultProps": {
1168
+ "role": "separator",
1169
+ "contentPosition": "start",
1170
+ "gap": "4"
1171
+ },
1172
+ "getStylesLiterals": {
1173
+ "menuitemDividerVariantRoot": "default",
1174
+ "menuitemDividerVariantText": "default",
1175
+ "menuitemDividerVariantLine": "default"
1176
+ },
1177
+ "cxLiterals": [],
1178
+ "internalComponents": ["DividerInternal"],
1179
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1180
+ "propToVariantKeys": {},
1181
+ "runtimeConfigDefaultProps": {},
1182
+ "runtimeConfigGetStyles": {},
1183
+ "runtimeConfigInternalComponentProps": {},
1184
+ "motionVarPrefixes": []
1185
+ };
1186
+ var Menu_Item = {
1187
+ "name": "Menu.Item",
1188
+ "defaultProps": {},
1189
+ "getStylesLiterals": {
1190
+ "menuitemItemVariantRoot": "default",
1191
+ "menuitemItemVariantActiveRoot": "on",
1192
+ "menuitemItemVariantActiveRoot:1": "off",
1193
+ "menuitemItemVariantText": "default",
1194
+ "menuitemItemVariantActiveText": "on",
1195
+ "menuitemItemVariantActiveText:1": "off",
1196
+ "menuitemItemVariantIcon": "default",
1197
+ "menuitemItemVariantActiveIcon": "on",
1198
+ "menuitemItemVariantActiveIcon:1": "off"
1199
+ },
1200
+ "cxLiterals": [],
1201
+ "internalComponents": ["MenuItemBase"],
1202
+ "internalComponentProps": {},
1203
+ "propToVariantKeys": {},
1204
+ "runtimeConfigDefaultProps": {},
1205
+ "runtimeConfigGetStyles": {},
1206
+ "runtimeConfigInternalComponentProps": {},
1207
+ "motionVarPrefixes": []
1208
+ };
1209
+ var Menu_ItemBase = {
1210
+ "name": "Menu.ItemBase",
1211
+ "defaultProps": {
1212
+ "spacing": "0",
1213
+ "spacingHorizontal": "4",
1214
+ "spacingVertical": "3.5",
1215
+ "columnGap": "2",
1216
+ "alignItems": "center",
1217
+ "justifyContent": "space-between"
1218
+ },
1219
+ "getStylesLiterals": {
1220
+ "textAlign": "start",
1221
+ "menuitemSizeRoot": "default",
1222
+ "flexDirection": "row",
1223
+ "menuitemSizeStartIcon": "default",
1224
+ "menuitemSizeEndIcon": "default"
1283
1225
  },
1284
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1285
- "runtimeConfigDefaultProps": {},
1286
- "runtimeConfigGetStyles": {},
1287
- "runtimeConfigInternalComponentProps": {},
1288
- "motionVarPrefixes": []
1289
- };
1290
- var BottomSheetHeader = {
1291
- "name": "BottomSheetHeader",
1292
- "defaultProps": { "variant": "default" },
1293
- "getStylesLiterals": {},
1294
1226
  "cxLiterals": [
1295
- "grid-cols-[40px_1fr_40px]",
1296
- "items-center",
1297
- "w-full",
1298
- "min-h-10",
1299
- "mt-2"
1227
+ "flex",
1228
+ "focus-visible:text-brand",
1229
+ "focus-visible:bg-brand-secondary",
1230
+ "focus-visible:z-10",
1231
+ "uds-ring",
1232
+ "!-outline-offset-2",
1233
+ "[&:not([aria-checked])]:cursor-default",
1234
+ "opacity-25",
1235
+ "cursor-not-allowed",
1236
+ "duration-20",
1237
+ "transition-[font-variation-settings]",
1238
+ "ease-in-out",
1239
+ "z-0",
1240
+ "uds-start-icon",
1241
+ "uds-end-icon"
1300
1242
  ],
1301
1243
  "internalComponents": [
1302
- "Box",
1303
- "Text",
1304
- "DialogHeading"
1244
+ "Pressable",
1245
+ "IconSlot",
1246
+ "RootComponent",
1247
+ "HStack",
1248
+ "AnimatePresence"
1305
1249
  ],
1306
1250
  "internalComponentProps": {
1307
- "Box": {
1308
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1309
- "display": ["grid", "flex"],
1310
- "justifyContent": ["flex-start", "flex-end"]
1311
- },
1312
- "Text": {
1313
- "as": ["p"],
1314
- "variant": ["inherit"],
1315
- "color": ["inherit"],
1316
- "textAlign": ["center"],
1317
- "className": ["m-0 w-full"]
1251
+ "HStack": {
1252
+ "alignItems": ["center"],
1253
+ "width": ["full"]
1318
1254
  },
1319
- "DialogHeading": { "role": ["heading"] }
1255
+ "AnimatePresence": { "mode": ["popLayout"] }
1256
+ },
1257
+ "propToVariantKeys": {
1258
+ "startIconClassName": ["className"],
1259
+ "endIconClassName": ["className"],
1260
+ "startIcon": ["icon"],
1261
+ "endIcon": ["icon"],
1262
+ "columnGap": ["gap"]
1320
1263
  },
1321
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1322
1264
  "runtimeConfigDefaultProps": {},
1323
1265
  "runtimeConfigGetStyles": {},
1324
1266
  "runtimeConfigInternalComponentProps": {},
1325
1267
  "motionVarPrefixes": []
1326
1268
  };
1327
- var BottomSheetTrigger = {
1328
- "name": "BottomSheetTrigger",
1269
+ var Menu_ItemCheckbox = {
1270
+ "name": "Menu.ItemCheckbox",
1329
1271
  "defaultProps": {},
1330
- "getStylesLiterals": {},
1331
- "cxLiterals": [],
1332
- "internalComponents": ["AriakitDialogDisclosure"],
1272
+ "getStylesLiterals": {
1273
+ "menuitemItemCheckboxVariantRoot": "default",
1274
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1275
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1276
+ "menuitemItemCheckboxVariantText": "default",
1277
+ "menuitemItemCheckboxVariantActiveText": "on",
1278
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1279
+ "menuitemItemCheckboxVariantStartIcon": "default",
1280
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1281
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1282
+ "menuitemItemCheckboxVariantEndIcon": "default",
1283
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1284
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1285
+ },
1286
+ "cxLiterals": ["uds-menu-item-checkbox"],
1287
+ "internalComponents": ["MenuItemBase"],
1333
1288
  "internalComponentProps": {},
1334
1289
  "propToVariantKeys": {},
1335
1290
  "runtimeConfigDefaultProps": {},
@@ -1337,38 +1292,38 @@ var BottomSheetTrigger = {
1337
1292
  "runtimeConfigInternalComponentProps": {},
1338
1293
  "motionVarPrefixes": []
1339
1294
  };
1340
- var UDSBottomSheetConfigProvider = {
1341
- "name": "UDSBottomSheetConfigProvider",
1295
+ var Menu_Provider = {
1296
+ "name": "Menu.Provider",
1342
1297
  "defaultProps": {},
1343
1298
  "getStylesLiterals": {},
1344
1299
  "cxLiterals": [],
1345
- "internalComponents": ["BottomSheetContext.Provider"],
1300
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1346
1301
  "internalComponentProps": {},
1347
1302
  "propToVariantKeys": {},
1348
1303
  "runtimeConfigDefaultProps": {},
1349
1304
  "runtimeConfigGetStyles": {},
1350
1305
  "runtimeConfigInternalComponentProps": {},
1351
- "motionVarPrefixes": []
1306
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1352
1307
  };
1353
- var BottomSheetDismiss = {
1354
- "name": "BottomSheetDismiss",
1308
+ var Menu_Trigger = {
1309
+ "name": "Menu.Trigger",
1355
1310
  "defaultProps": {},
1356
1311
  "getStylesLiterals": {},
1357
- "cxLiterals": [],
1358
- "internalComponents": ["AriakitDialogDismiss"],
1359
- "internalComponentProps": {},
1312
+ "cxLiterals": ["uds-menu-trigger"],
1313
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1314
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1360
1315
  "propToVariantKeys": {},
1361
1316
  "runtimeConfigDefaultProps": {},
1362
1317
  "runtimeConfigGetStyles": {},
1363
1318
  "runtimeConfigInternalComponentProps": {},
1364
1319
  "motionVarPrefixes": []
1365
1320
  };
1366
- var BottomSheetProvider = {
1367
- "name": "BottomSheetProvider",
1321
+ var Menu_index = {
1322
+ "name": "Menu.index",
1368
1323
  "defaultProps": {},
1369
1324
  "getStylesLiterals": {},
1370
1325
  "cxLiterals": [],
1371
- "internalComponents": ["AriakitDialogProvider"],
1326
+ "internalComponents": [],
1372
1327
  "internalComponentProps": {},
1373
1328
  "propToVariantKeys": {},
1374
1329
  "runtimeConfigDefaultProps": {},
@@ -1376,58 +1331,32 @@ var BottomSheetProvider = {
1376
1331
  "runtimeConfigInternalComponentProps": {},
1377
1332
  "motionVarPrefixes": []
1378
1333
  };
1379
- var ChipLink = {
1380
- "name": "ChipLink",
1381
- "defaultProps": { "variant": "primary" },
1334
+ var Menu = {
1335
+ "name": "Menu",
1336
+ "defaultProps": {},
1382
1337
  "getStylesLiterals": {},
1383
- "cxLiterals": ["uds-ring"],
1384
- "internalComponents": ["ChipBase"],
1385
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1386
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1338
+ "cxLiterals": [],
1339
+ "internalComponents": [],
1340
+ "internalComponentProps": {},
1341
+ "propToVariantKeys": {},
1387
1342
  "runtimeConfigDefaultProps": {},
1388
1343
  "runtimeConfigGetStyles": {},
1389
1344
  "runtimeConfigInternalComponentProps": {},
1390
1345
  "motionVarPrefixes": []
1391
1346
  };
1392
- var ChipDismissible = {
1393
- "name": "ChipDismissible",
1394
- "defaultProps": { "variant": "primary" },
1347
+ var Chip = {
1348
+ "name": "Chip",
1349
+ "defaultProps": {},
1395
1350
  "getStylesLiterals": {},
1396
- "cxLiterals": [
1397
- "uds-chip-dismissible-button",
1398
- "uds-hit-target",
1399
- "uds-ring",
1400
- "rounded-full"
1401
- ],
1351
+ "cxLiterals": [],
1402
1352
  "internalComponents": [
1403
- "ChipBase",
1404
- "IconSlot",
1405
- "Pressable"
1353
+ "ChipDismissible",
1354
+ "ChipToggle",
1355
+ "ChipLink",
1356
+ "ChipButton"
1406
1357
  ],
1407
1358
  "internalComponentProps": {},
1408
- "propToVariantKeys": {
1409
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1410
- "dismissButtonAriaLabel": ["aria-label"]
1411
- },
1412
- "runtimeConfigDefaultProps": {},
1413
- "runtimeConfigGetStyles": {},
1414
- "runtimeConfigInternalComponentProps": {},
1415
- "motionVarPrefixes": []
1416
- };
1417
- var ChipToggle = {
1418
- "name": "ChipToggle",
1419
- "defaultProps": {
1420
- "variant": "primary",
1421
- "role": "checkbox"
1422
- },
1423
- "getStylesLiterals": {
1424
- "chipToggleVariantActiveRoot": "on",
1425
- "chipToggleVariantActiveRoot:1": "off"
1426
- },
1427
- "cxLiterals": ["uds-ring"],
1428
- "internalComponents": ["ChipBase"],
1429
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1430
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1359
+ "propToVariantKeys": {},
1431
1360
  "runtimeConfigDefaultProps": {},
1432
1361
  "runtimeConfigGetStyles": {},
1433
1362
  "runtimeConfigInternalComponentProps": {},
@@ -1473,24 +1402,6 @@ var ChipBase = {
1473
1402
  "runtimeConfigInternalComponentProps": {},
1474
1403
  "motionVarPrefixes": []
1475
1404
  };
1476
- var Chip = {
1477
- "name": "Chip",
1478
- "defaultProps": {},
1479
- "getStylesLiterals": {},
1480
- "cxLiterals": [],
1481
- "internalComponents": [
1482
- "ChipDismissible",
1483
- "ChipToggle",
1484
- "ChipLink",
1485
- "ChipButton"
1486
- ],
1487
- "internalComponentProps": {},
1488
- "propToVariantKeys": {},
1489
- "runtimeConfigDefaultProps": {},
1490
- "runtimeConfigGetStyles": {},
1491
- "runtimeConfigInternalComponentProps": {},
1492
- "motionVarPrefixes": []
1493
- };
1494
1405
  var ChipButton = {
1495
1406
  "name": "ChipButton",
1496
1407
  "defaultProps": { "variant": "primary" },
@@ -1498,248 +1409,212 @@ var ChipButton = {
1498
1409
  "cxLiterals": ["uds-ring"],
1499
1410
  "internalComponents": ["ChipBase"],
1500
1411
  "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1501
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1502
- "runtimeConfigDefaultProps": {},
1503
- "runtimeConfigGetStyles": {},
1504
- "runtimeConfigInternalComponentProps": {},
1505
- "motionVarPrefixes": []
1506
- };
1507
- var AvatarText = {
1508
- "name": "AvatarText",
1509
- "defaultProps": {
1510
- "size": "md",
1511
- "variant": "primary"
1512
- },
1513
- "getStylesLiterals": {},
1514
- "cxLiterals": [
1515
- "overflow-hidden",
1516
- "truncate",
1517
- "w-full",
1518
- "h-full",
1519
- "shrink-0",
1520
- "text-center",
1521
- "inline-flex",
1522
- "justify-center",
1523
- "items-center"
1524
- ],
1525
- "internalComponents": ["Box", "Text"],
1526
- "internalComponentProps": { "Text": {
1527
- "color": ["inherit"],
1528
- "variant": ["inherit"]
1529
- } },
1530
- "propToVariantKeys": {},
1531
- "runtimeConfigDefaultProps": {},
1532
- "runtimeConfigGetStyles": {},
1533
- "runtimeConfigInternalComponentProps": {},
1534
- "motionVarPrefixes": []
1535
- };
1536
- var AvatarIcon = {
1537
- "name": "AvatarIcon",
1538
- "defaultProps": {
1539
- "size": "md",
1540
- "variant": "primary"
1541
- },
1542
- "getStylesLiterals": {},
1543
- "cxLiterals": [
1544
- "overflow-hidden",
1545
- "w-full",
1546
- "h-full",
1547
- "shrink-0",
1548
- "text-center",
1549
- "inline-flex",
1550
- "justify-center",
1551
- "items-center"
1552
- ],
1553
- "internalComponents": ["IconSlot", "Box"],
1554
- "internalComponentProps": {},
1555
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1556
- "runtimeConfigDefaultProps": {},
1557
- "runtimeConfigGetStyles": {},
1558
- "runtimeConfigInternalComponentProps": {},
1559
- "motionVarPrefixes": []
1560
- };
1561
- var Avatar = {
1562
- "name": "Avatar",
1563
- "defaultProps": {},
1564
- "getStylesLiterals": {},
1565
- "cxLiterals": [],
1566
- "internalComponents": ["AvatarImage"],
1567
- "internalComponentProps": {},
1568
- "propToVariantKeys": {},
1412
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1569
1413
  "runtimeConfigDefaultProps": {},
1570
1414
  "runtimeConfigGetStyles": {},
1571
1415
  "runtimeConfigInternalComponentProps": {},
1572
1416
  "motionVarPrefixes": []
1573
1417
  };
1574
- var AvatarImage = {
1575
- "name": "AvatarImage",
1576
- "defaultProps": {
1577
- "size": "md",
1578
- "variant": "primary"
1579
- },
1418
+ var ChipDismissible = {
1419
+ "name": "ChipDismissible",
1420
+ "defaultProps": { "variant": "primary" },
1580
1421
  "getStylesLiterals": {},
1581
1422
  "cxLiterals": [
1582
- "overflow-hidden",
1583
- "w-full",
1584
- "h-full",
1585
- "shrink-0",
1586
- "text-center",
1587
- "inline-flex",
1588
- "justify-center",
1589
- "items-center",
1590
- "object-cover"
1423
+ "uds-chip-dismissible-button",
1424
+ "uds-hit-target",
1425
+ "uds-ring",
1426
+ "rounded-full"
1591
1427
  ],
1592
1428
  "internalComponents": [
1593
- "UDSImage",
1594
- "AvatarText",
1595
- "AvatarIcon",
1596
- "Box"
1429
+ "ChipBase",
1430
+ "IconSlot",
1431
+ "Pressable"
1597
1432
  ],
1598
1433
  "internalComponentProps": {},
1599
1434
  "propToVariantKeys": {
1600
- "alt": ["name"],
1601
- "fallback": ["initials"]
1435
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1436
+ "dismissButtonAriaLabel": ["aria-label"]
1602
1437
  },
1603
1438
  "runtimeConfigDefaultProps": {},
1604
1439
  "runtimeConfigGetStyles": {},
1605
1440
  "runtimeConfigInternalComponentProps": {},
1606
1441
  "motionVarPrefixes": []
1607
1442
  };
1608
- var TabPanel = {
1609
- "name": "TabPanel",
1610
- "defaultProps": {},
1611
- "getStylesLiterals": {},
1612
- "cxLiterals": [],
1613
- "internalComponents": ["AriakitTabPanel"],
1614
- "internalComponentProps": {},
1615
- "propToVariantKeys": {},
1616
- "runtimeConfigDefaultProps": {},
1617
- "runtimeConfigGetStyles": {},
1618
- "runtimeConfigInternalComponentProps": {},
1619
- "motionVarPrefixes": []
1620
- };
1621
- var Tabs = {
1622
- "name": "Tabs",
1443
+ var ChipLink = {
1444
+ "name": "ChipLink",
1623
1445
  "defaultProps": { "variant": "primary" },
1624
1446
  "getStylesLiterals": {},
1625
- "cxLiterals": [],
1626
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
1627
- "internalComponentProps": {},
1628
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
1447
+ "cxLiterals": ["uds-ring"],
1448
+ "internalComponents": ["ChipBase"],
1449
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1450
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1629
1451
  "runtimeConfigDefaultProps": {},
1630
1452
  "runtimeConfigGetStyles": {},
1631
1453
  "runtimeConfigInternalComponentProps": {},
1632
1454
  "motionVarPrefixes": []
1633
1455
  };
1634
- var TabList = {
1635
- "name": "TabList",
1636
- "defaultProps": { "variant": "primary" },
1456
+ var ChipToggle = {
1457
+ "name": "ChipToggle",
1458
+ "defaultProps": {
1459
+ "variant": "primary",
1460
+ "role": "checkbox"
1461
+ },
1637
1462
  "getStylesLiterals": {
1638
- "tabSizeRoot": "default",
1639
- "tabVariantActiveRoot": "on"
1463
+ "chipToggleVariantActiveRoot": "on",
1464
+ "chipToggleVariantActiveRoot:1": "off"
1640
1465
  },
1641
- "cxLiterals": [
1642
- "pointer-events-none",
1643
- "absolute",
1644
- "bottom-0",
1645
- "left-0",
1646
- "right-0",
1647
- "h-[var(--uds-tab-underline-width,0px)]",
1648
- "bg-[var(--uds-tab-underline-color,transparent)]",
1649
- "transition-[height,background-color]",
1650
- "duration-[240ms]",
1651
- "ease-[cubic-bezier(0.2,0,0,1)]",
1652
- "!m-0",
1653
- "!p-0",
1654
- "!gap-0",
1655
- "box-border",
1656
- "z-0",
1657
- "min-w-0",
1658
- "min-h-0",
1659
- "flex",
1660
- "flex-row",
1661
- "items-center",
1662
- "overflow-x-auto",
1663
- "overflow-y-clip",
1664
- "scrollbar-none",
1665
- "[overflow-clip-margin:6px]",
1666
- "overflow-clip",
1667
- "[overflow-clip-margin:8px]",
1668
- "relative"
1669
- ],
1670
- "internalComponents": ["AriakitTabList"],
1671
- "internalComponentProps": {},
1672
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
1466
+ "cxLiterals": ["uds-ring"],
1467
+ "internalComponents": ["ChipBase"],
1468
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1469
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1673
1470
  "runtimeConfigDefaultProps": {},
1674
1471
  "runtimeConfigGetStyles": {},
1675
1472
  "runtimeConfigInternalComponentProps": {},
1676
1473
  "motionVarPrefixes": []
1677
1474
  };
1678
- var Tab = {
1679
- "name": "Tab",
1680
- "defaultProps": { "variant": "primary" },
1475
+ var Modal = {
1476
+ "name": "Modal",
1477
+ "defaultProps": {
1478
+ "closeAriaLabel": "Close",
1479
+ "maxWidth": "auto",
1480
+ "maxHeight": "auto",
1481
+ "scrollBehavior": "outside"
1482
+ },
1681
1483
  "getStylesLiterals": {
1682
- "tabSizeRoot": "default",
1683
- "tabVariantActiveRoot": "off",
1684
- "tabVariantActiveRoot:1": "on",
1685
- "tabSizeIcon": "default"
1484
+ "flexDirection": "row-reverse",
1485
+ "justifyContent": "space-between",
1486
+ "alignItems": "flex-end",
1487
+ "alignItems:1": "flex-start",
1488
+ "borderRadius": "full"
1686
1489
  },
1687
1490
  "cxLiterals": [
1491
+ "fixed",
1492
+ "inset-0",
1493
+ "z-40",
1494
+ "overflow-y-auto",
1495
+ "overflow-hidden",
1496
+ "transition-[opacity,visibility]",
1497
+ "visible",
1498
+ "opacity-100",
1499
+ "invisible",
1500
+ "opacity-0",
1688
1501
  "pointer-events-none",
1689
- "absolute",
1690
- "bottom-0",
1691
- "left-0",
1692
- "right-0",
1693
- "h-[var(--uds-tab-underline-width,0px)]",
1694
- "bg-[var(--uds-tab-underline-color,transparent)]",
1695
- "transition-[height,background-color]",
1696
- "duration-[240ms]",
1697
- "ease-[cubic-bezier(0.2,0,0,1)]",
1698
- "!bg-transparent",
1699
- "!shadow-none",
1700
- "inline-flex",
1701
- "items-center",
1702
- "shrink-0",
1703
- "box-border",
1704
- "relative",
1705
- "z-[1]",
1706
- "cursor-pointer",
1707
- "select-none",
1708
- "whitespace-nowrap",
1502
+ "uds-bgBlurFallback",
1503
+ "w-full",
1504
+ "w-fit",
1505
+ "h-full",
1506
+ "h-fit",
1507
+ "m-auto",
1508
+ "pointer-events-auto",
1509
+ "inside",
1510
+ "max-h-full",
1511
+ "transition-transform",
1512
+ "duration-0",
1513
+ "duration-120",
1514
+ "transition-[background-color]",
1515
+ "bg-carbon-15/0",
1516
+ "hover:bg-carbon-15/10",
1517
+ "active:bg-carbon-15/15",
1709
1518
  "uds-ring",
1710
- "opacity-50",
1711
- "cursor-default",
1712
- "border-solid",
1713
- "border-b-solid",
1714
- "transition-colors"
1519
+ "[translate:50%_-50%]"
1715
1520
  ],
1716
1521
  "internalComponents": [
1522
+ "Scrim",
1523
+ "VStack",
1524
+ "Pressable",
1717
1525
  "IconSlot",
1718
- "AriakitTab",
1719
- "Text"
1526
+ "Box",
1527
+ "Dialog",
1528
+ "ModalContext.Provider",
1529
+ "HStack",
1530
+ "DialogDismiss",
1531
+ "ModalTitle",
1532
+ "ModalDescription",
1533
+ "ModalContent",
1534
+ "ModalActions"
1720
1535
  ],
1721
- "internalComponentProps": { "Text": {
1722
- "variant": ["inherit"],
1723
- "as": ["span"],
1724
- "color": ["current"]
1725
- } },
1536
+ "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1726
1537
  "propToVariantKeys": {
1727
- "variant": ["tabVariantRoot", "tabVariantIcon"],
1728
- "activeState": ["tabVariantActiveIcon"],
1729
- "startIcon": ["icon"],
1730
- "endIcon": ["icon"]
1538
+ "gutter": ["spacing"],
1539
+ "size": [
1540
+ "modalSizeRoot",
1541
+ "modalSizeSpacingHorizontal",
1542
+ "modalSizeHeader",
1543
+ "modalSizeTitleDescriptionWrapper",
1544
+ "modalSizeCloseIconContainer",
1545
+ "modalSizeCloseIcon"
1546
+ ],
1547
+ "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1548
+ "closeAriaLabel": ["aria-label"],
1549
+ "closeIcon": ["icon"]
1550
+ },
1551
+ "runtimeConfigDefaultProps": {
1552
+ "size": "modal.defaultSize",
1553
+ "variant": "modal.defaultVariant"
1554
+ },
1555
+ "runtimeConfigGetStyles": {
1556
+ "spacing": ["modal.gutter.${size}"],
1557
+ "modalSizeRoot": ["modal.defaultSize"],
1558
+ "modalVariantRoot": ["modal.defaultVariant"],
1559
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1560
+ "modalSizeHeader": ["modal.defaultSize"],
1561
+ "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1562
+ "modalSizeCloseIconContainer": ["modal.defaultSize"],
1563
+ "modalSizeCloseIcon": ["modal.defaultSize"],
1564
+ "modalVariantCloseIcon": ["modal.defaultVariant"]
1565
+ },
1566
+ "runtimeConfigInternalComponentProps": {},
1567
+ "motionVarPrefixes": []
1568
+ };
1569
+ var ModalActions = {
1570
+ "name": "ModalActions",
1571
+ "defaultProps": {},
1572
+ "getStylesLiterals": {
1573
+ "flexDirection": "row-reverse",
1574
+ "justifyContent": "space-between",
1575
+ "alignItems": "center"
1576
+ },
1577
+ "cxLiterals": ["gap-[inherit]"],
1578
+ "internalComponents": ["HStack"],
1579
+ "internalComponentProps": {},
1580
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1581
+ "runtimeConfigDefaultProps": {
1582
+ "size": "modal.defaultSize",
1583
+ "variant": "modal.defaultVariant"
1584
+ },
1585
+ "runtimeConfigGetStyles": {
1586
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1587
+ "modalSizeActions": ["modal.defaultSize"]
1588
+ },
1589
+ "runtimeConfigInternalComponentProps": {},
1590
+ "motionVarPrefixes": []
1591
+ };
1592
+ var ModalContent = {
1593
+ "name": "ModalContent",
1594
+ "defaultProps": {},
1595
+ "getStylesLiterals": {
1596
+ "overflowY": "auto",
1597
+ "display": "block",
1598
+ "flexGrow": "1"
1731
1599
  },
1732
- "runtimeConfigDefaultProps": {},
1733
- "runtimeConfigGetStyles": {},
1600
+ "cxLiterals": [],
1601
+ "internalComponents": ["Box"],
1602
+ "internalComponentProps": {},
1603
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1604
+ "runtimeConfigDefaultProps": {
1605
+ "size": "modal.defaultSize",
1606
+ "variant": "modal.defaultVariant"
1607
+ },
1608
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1734
1609
  "runtimeConfigInternalComponentProps": {},
1735
1610
  "motionVarPrefixes": []
1736
1611
  };
1737
- var UDSPopoverConfigProvider = {
1738
- "name": "UDSPopoverConfigProvider",
1612
+ var ModalContext = {
1613
+ "name": "ModalContext",
1739
1614
  "defaultProps": {},
1740
1615
  "getStylesLiterals": {},
1741
1616
  "cxLiterals": [],
1742
- "internalComponents": ["PopoverContext.Provider"],
1617
+ "internalComponents": [],
1743
1618
  "internalComponentProps": {},
1744
1619
  "propToVariantKeys": {},
1745
1620
  "runtimeConfigDefaultProps": {},
@@ -1747,41 +1622,56 @@ var UDSPopoverConfigProvider = {
1747
1622
  "runtimeConfigInternalComponentProps": {},
1748
1623
  "motionVarPrefixes": []
1749
1624
  };
1750
- var Popover = {
1751
- "name": "Popover",
1625
+ var ModalDescription = {
1626
+ "name": "ModalDescription",
1752
1627
  "defaultProps": {},
1753
1628
  "getStylesLiterals": {},
1754
1629
  "cxLiterals": [],
1755
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1756
- "internalComponentProps": {},
1757
- "propToVariantKeys": {},
1630
+ "internalComponents": ["Text", "DialogDescription"],
1631
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1632
+ "propToVariantKeys": {
1633
+ "size": ["modalSizeDescription"],
1634
+ "variant": ["modalVariantDescription"]
1635
+ },
1758
1636
  "runtimeConfigDefaultProps": {
1759
- "size": "popover.defaultSize",
1760
- "variant": "popover.defaultVariant"
1637
+ "size": "modal.defaultSize",
1638
+ "variant": "modal.defaultVariant"
1639
+ },
1640
+ "runtimeConfigGetStyles": {
1641
+ "modalSizeDescription": ["modal.defaultSize"],
1642
+ "modalVariantDescription": ["modal.defaultVariant"]
1761
1643
  },
1762
- "runtimeConfigGetStyles": {},
1763
1644
  "runtimeConfigInternalComponentProps": {},
1764
1645
  "motionVarPrefixes": []
1765
1646
  };
1766
- var PopoverTrigger = {
1767
- "name": "PopoverTrigger",
1647
+ var ModalTitle = {
1648
+ "name": "ModalTitle",
1768
1649
  "defaultProps": {},
1769
1650
  "getStylesLiterals": {},
1770
1651
  "cxLiterals": [],
1771
- "internalComponents": ["PopoverDisclosure"],
1772
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1773
- "propToVariantKeys": { "children": ["render"] },
1774
- "runtimeConfigDefaultProps": {},
1775
- "runtimeConfigGetStyles": {},
1652
+ "internalComponents": ["Text", "DialogHeading"],
1653
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1654
+ "propToVariantKeys": {
1655
+ "size": ["modalSizeTitle"],
1656
+ "variant": ["modalVariantTitle"]
1657
+ },
1658
+ "runtimeConfigDefaultProps": {
1659
+ "size": "modal.defaultSize",
1660
+ "variant": "modal.defaultVariant"
1661
+ },
1662
+ "runtimeConfigGetStyles": {
1663
+ "modalSizeTitle": ["modal.defaultSize"],
1664
+ "modalVariantTitle": ["modal.defaultVariant"]
1665
+ },
1776
1666
  "runtimeConfigInternalComponentProps": {},
1777
1667
  "motionVarPrefixes": []
1778
1668
  };
1779
- var PopoverContext = {
1780
- "name": "PopoverContext",
1669
+ var UDSModalConfigProvider = {
1670
+ "name": "UDSModalConfigProvider",
1781
1671
  "defaultProps": {},
1782
1672
  "getStylesLiterals": {},
1783
1673
  "cxLiterals": [],
1784
- "internalComponents": [],
1674
+ "internalComponents": ["ModalContext.Provider"],
1785
1675
  "internalComponentProps": {},
1786
1676
  "propToVariantKeys": {},
1787
1677
  "runtimeConfigDefaultProps": {},
@@ -1789,77 +1679,6 @@ var PopoverContext = {
1789
1679
  "runtimeConfigInternalComponentProps": {},
1790
1680
  "motionVarPrefixes": []
1791
1681
  };
1792
- var PopoverContent = {
1793
- "name": "PopoverContent",
1794
- "defaultProps": {},
1795
- "getStylesLiterals": {
1796
- "popoverSizeRoot": "default",
1797
- "popoverVariantRoot": "default",
1798
- "display": "flex",
1799
- "position": "relative",
1800
- "display:1": "block",
1801
- "spacingTop": "0",
1802
- "spacingStart": "0",
1803
- "spacingBottom": "0",
1804
- "spacingEnd": "0",
1805
- "popoverSizeSvgBase": "default",
1806
- "popoverVariantSvgBase": "default",
1807
- "popoverSizeSvgBorder": "default",
1808
- "popoverVariantSvgBorder": "default",
1809
- "popoverVariantBlur": "default",
1810
- "position:1": "absolute",
1811
- "width": "full",
1812
- "height": "full",
1813
- "flexShrink": "0",
1814
- "borderRadius": "full",
1815
- "alignItems": "center",
1816
- "justifyContent": "center",
1817
- "popoverVariantCloseIcon": "default",
1818
- "popoverSizeCloseIcon": "default"
1819
- },
1820
- "cxLiterals": [
1821
- "z-[9999]",
1822
- "outline-none",
1823
- "focus-visible:outline-none",
1824
- "uds-bgBlurFillFallback",
1825
- "uds-bgBlurFallback",
1826
- "top-0",
1827
- "left-0",
1828
- "z-[1]",
1829
- "duration-0",
1830
- "duration-120",
1831
- "transition-[background-color]",
1832
- "bg-carbon-15/0",
1833
- "hover:bg-carbon-15/10",
1834
- "active:bg-carbon-15/15",
1835
- "uds-ring",
1836
- "absolute",
1837
- "z-[4]"
1838
- ],
1839
- "internalComponents": [
1840
- "PopoverDismiss",
1841
- "IconSlot",
1842
- "PopoverArrow",
1843
- "Popover",
1844
- "SvgFloatingOverlay",
1845
- "Box",
1846
- "Pressable"
1847
- ],
1848
- "internalComponentProps": {},
1849
- "propToVariantKeys": { "closeIcon": ["icon"] },
1850
- "runtimeConfigDefaultProps": {
1851
- "size": "popover.defaultSize",
1852
- "variant": "popover.defaultVariant"
1853
- },
1854
- "runtimeConfigGetStyles": {
1855
- "spacingTop": ["popover.spacingVertical.${size}"],
1856
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1857
- "spacingBottom": ["popover.spacingVertical.${size}"],
1858
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1859
- },
1860
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1861
- "motionVarPrefixes": []
1862
- };
1863
1682
  var Input = {
1864
1683
  "name": "Input",
1865
1684
  "defaultProps": {
@@ -1990,55 +1809,99 @@ var InputHelpTextInternal = {
1990
1809
  "runtimeConfigInternalComponentProps": {},
1991
1810
  "motionVarPrefixes": []
1992
1811
  };
1993
- var UDSBreakpointsConfigProvider = {
1994
- "name": "UDSBreakpointsConfigProvider",
1812
+ var Popover = {
1813
+ "name": "Popover",
1995
1814
  "defaultProps": {},
1996
1815
  "getStylesLiterals": {},
1997
1816
  "cxLiterals": [],
1998
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1817
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1999
1818
  "internalComponentProps": {},
2000
1819
  "propToVariantKeys": {},
2001
- "runtimeConfigDefaultProps": {},
1820
+ "runtimeConfigDefaultProps": {
1821
+ "size": "popover.defaultSize",
1822
+ "variant": "popover.defaultVariant"
1823
+ },
2002
1824
  "runtimeConfigGetStyles": {},
2003
1825
  "runtimeConfigInternalComponentProps": {},
2004
1826
  "motionVarPrefixes": []
2005
1827
  };
2006
- var UDSConfigProvider = {
2007
- "name": "UDSConfigProvider",
1828
+ var PopoverContent = {
1829
+ "name": "PopoverContent",
2008
1830
  "defaultProps": {},
2009
- "getStylesLiterals": {},
2010
- "cxLiterals": [],
1831
+ "getStylesLiterals": {
1832
+ "popoverSizeRoot": "default",
1833
+ "popoverVariantRoot": "default",
1834
+ "display": "flex",
1835
+ "position": "relative",
1836
+ "display:1": "block",
1837
+ "spacingTop": "0",
1838
+ "spacingStart": "0",
1839
+ "spacingBottom": "0",
1840
+ "spacingEnd": "0",
1841
+ "popoverSizeSvgBase": "default",
1842
+ "popoverVariantSvgBase": "default",
1843
+ "popoverSizeSvgBorder": "default",
1844
+ "popoverVariantSvgBorder": "default",
1845
+ "popoverVariantBlur": "default",
1846
+ "position:1": "absolute",
1847
+ "width": "full",
1848
+ "height": "full",
1849
+ "flexShrink": "0",
1850
+ "borderRadius": "full",
1851
+ "alignItems": "center",
1852
+ "justifyContent": "center",
1853
+ "popoverVariantCloseIcon": "default",
1854
+ "popoverSizeCloseIcon": "default"
1855
+ },
1856
+ "cxLiterals": [
1857
+ "z-[9999]",
1858
+ "outline-none",
1859
+ "focus-visible:outline-none",
1860
+ "uds-bgBlurFillFallback",
1861
+ "uds-bgBlurFallback",
1862
+ "top-0",
1863
+ "left-0",
1864
+ "z-[1]",
1865
+ "duration-0",
1866
+ "duration-120",
1867
+ "transition-[background-color]",
1868
+ "bg-carbon-15/0",
1869
+ "hover:bg-carbon-15/10",
1870
+ "active:bg-carbon-15/15",
1871
+ "uds-ring",
1872
+ "absolute",
1873
+ "z-[4]"
1874
+ ],
2011
1875
  "internalComponents": [
2012
- "UDSBreakpointsConfigProvider",
2013
- "UDSBottomSheetConfigProvider",
2014
- "UDSToastConfigProvider",
2015
- "UDSTooltipConfigProvider",
2016
- "UDSPopoverConfigProvider",
2017
- "UDSModalConfigProvider"
1876
+ "PopoverDismiss",
1877
+ "IconSlot",
1878
+ "PopoverArrow",
1879
+ "Popover",
1880
+ "SvgFloatingOverlay",
1881
+ "Box",
1882
+ "Pressable"
2018
1883
  ],
2019
1884
  "internalComponentProps": {},
2020
- "propToVariantKeys": {},
2021
- "runtimeConfigDefaultProps": {},
2022
- "runtimeConfigGetStyles": {},
2023
- "runtimeConfigInternalComponentProps": {},
1885
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1886
+ "runtimeConfigDefaultProps": {
1887
+ "size": "popover.defaultSize",
1888
+ "variant": "popover.defaultVariant"
1889
+ },
1890
+ "runtimeConfigGetStyles": {
1891
+ "spacingTop": ["popover.spacingVertical.${size}"],
1892
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1893
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1894
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1895
+ },
1896
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
2024
1897
  "motionVarPrefixes": []
2025
1898
  };
2026
- var Menu_Item = {
2027
- "name": "Menu.Item",
1899
+ var PopoverContext = {
1900
+ "name": "PopoverContext",
2028
1901
  "defaultProps": {},
2029
- "getStylesLiterals": {
2030
- "menuitemItemVariantRoot": "default",
2031
- "menuitemItemVariantActiveRoot": "on",
2032
- "menuitemItemVariantActiveRoot:1": "off",
2033
- "menuitemItemVariantText": "default",
2034
- "menuitemItemVariantActiveText": "on",
2035
- "menuitemItemVariantActiveText:1": "off",
2036
- "menuitemItemVariantIcon": "default",
2037
- "menuitemItemVariantActiveIcon": "on",
2038
- "menuitemItemVariantActiveIcon:1": "off"
2039
- },
1902
+ "getStylesLiterals": {},
2040
1903
  "cxLiterals": [],
2041
- "internalComponents": ["MenuItemBase"],
1904
+ "internalComponents": [],
2042
1905
  "internalComponentProps": {},
2043
1906
  "propToVariantKeys": {},
2044
1907
  "runtimeConfigDefaultProps": {},
@@ -2046,25 +1909,25 @@ var Menu_Item = {
2046
1909
  "runtimeConfigInternalComponentProps": {},
2047
1910
  "motionVarPrefixes": []
2048
1911
  };
2049
- var Menu_index = {
2050
- "name": "Menu.index",
1912
+ var PopoverTrigger = {
1913
+ "name": "PopoverTrigger",
2051
1914
  "defaultProps": {},
2052
1915
  "getStylesLiterals": {},
2053
1916
  "cxLiterals": [],
2054
- "internalComponents": [],
2055
- "internalComponentProps": {},
2056
- "propToVariantKeys": {},
1917
+ "internalComponents": ["PopoverDisclosure"],
1918
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1919
+ "propToVariantKeys": { "children": ["render"] },
2057
1920
  "runtimeConfigDefaultProps": {},
2058
1921
  "runtimeConfigGetStyles": {},
2059
1922
  "runtimeConfigInternalComponentProps": {},
2060
1923
  "motionVarPrefixes": []
2061
1924
  };
2062
- var Menu = {
2063
- "name": "Menu",
1925
+ var UDSPopoverConfigProvider = {
1926
+ "name": "UDSPopoverConfigProvider",
2064
1927
  "defaultProps": {},
2065
1928
  "getStylesLiterals": {},
2066
1929
  "cxLiterals": [],
2067
- "internalComponents": [],
1930
+ "internalComponents": ["PopoverContext.Provider"],
2068
1931
  "internalComponentProps": {},
2069
1932
  "propToVariantKeys": {},
2070
1933
  "runtimeConfigDefaultProps": {},
@@ -2072,108 +1935,241 @@ var Menu = {
2072
1935
  "runtimeConfigInternalComponentProps": {},
2073
1936
  "motionVarPrefixes": []
2074
1937
  };
2075
- var Menu_Content = {
2076
- "name": "Menu.Content",
2077
- "defaultProps": {
2078
- "size": "default",
2079
- "variant": "default",
2080
- "gutter": "1"
1938
+ var Tab = {
1939
+ "name": "Tab",
1940
+ "defaultProps": { "variant": "primary" },
1941
+ "getStylesLiterals": {
1942
+ "tabSizeRoot": "default",
1943
+ "tabVariantActiveRoot": "off",
1944
+ "tabVariantActiveRoot:1": "on",
1945
+ "tabSizeIcon": "default"
2081
1946
  },
2082
- "getStylesLiterals": {},
2083
1947
  "cxLiterals": [
2084
- "uds-menu-content",
2085
- "transition-shadow",
2086
- "duration-200",
2087
- "ease-in-out",
2088
- "min-w-60",
2089
- "max-w-lg",
2090
- "max-h-96",
2091
- "overflow-auto",
1948
+ "pointer-events-none",
1949
+ "absolute",
1950
+ "bottom-0",
1951
+ "left-0",
1952
+ "right-0",
1953
+ "h-[var(--uds-tab-underline-width,0px)]",
1954
+ "bg-[var(--uds-tab-underline-color,transparent)]",
1955
+ "transition-[height,background-color]",
1956
+ "duration-[240ms]",
1957
+ "ease-[cubic-bezier(0.2,0,0,1)]",
1958
+ "!bg-transparent",
1959
+ "!shadow-none",
1960
+ "inline-flex",
1961
+ "items-center",
1962
+ "shrink-0",
1963
+ "box-border",
1964
+ "relative",
1965
+ "z-[1]",
1966
+ "cursor-pointer",
1967
+ "select-none",
1968
+ "whitespace-nowrap",
2092
1969
  "uds-ring",
2093
- "z-10",
2094
- "group"
1970
+ "opacity-50",
1971
+ "cursor-default",
1972
+ "border-solid",
1973
+ "border-b-solid",
1974
+ "transition-colors"
2095
1975
  ],
2096
1976
  "internalComponents": [
2097
- "AriakitMenu",
2098
- "AnimatePresence",
2099
- "MotionVStack"
1977
+ "IconSlot",
1978
+ "AriakitTab",
1979
+ "Text"
2100
1980
  ],
2101
- "internalComponentProps": {},
1981
+ "internalComponentProps": { "Text": {
1982
+ "variant": ["inherit"],
1983
+ "as": ["span"],
1984
+ "color": ["current"]
1985
+ } },
2102
1986
  "propToVariantKeys": {
2103
- "size": ["menucontentSizeRoot"],
2104
- "variant": ["menucontentVariantRoot"]
1987
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
1988
+ "activeState": ["tabVariantActiveIcon"],
1989
+ "startIcon": ["icon"],
1990
+ "endIcon": ["icon"]
2105
1991
  },
2106
1992
  "runtimeConfigDefaultProps": {},
2107
1993
  "runtimeConfigGetStyles": {},
2108
1994
  "runtimeConfigInternalComponentProps": {},
2109
1995
  "motionVarPrefixes": []
2110
1996
  };
2111
- var Menu_Trigger = {
2112
- "name": "Menu.Trigger",
1997
+ var TabList = {
1998
+ "name": "TabList",
1999
+ "defaultProps": { "variant": "primary" },
2000
+ "getStylesLiterals": {
2001
+ "tabSizeRoot": "default",
2002
+ "tabVariantActiveRoot": "on"
2003
+ },
2004
+ "cxLiterals": [
2005
+ "pointer-events-none",
2006
+ "absolute",
2007
+ "bottom-0",
2008
+ "left-0",
2009
+ "right-0",
2010
+ "h-[var(--uds-tab-underline-width,0px)]",
2011
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2012
+ "transition-[height,background-color]",
2013
+ "duration-[240ms]",
2014
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2015
+ "!m-0",
2016
+ "!p-0",
2017
+ "!gap-0",
2018
+ "box-border",
2019
+ "z-0",
2020
+ "min-w-0",
2021
+ "min-h-0",
2022
+ "flex",
2023
+ "flex-row",
2024
+ "items-center",
2025
+ "overflow-x-auto",
2026
+ "overflow-y-clip",
2027
+ "scrollbar-none",
2028
+ "[overflow-clip-margin:6px]",
2029
+ "overflow-clip",
2030
+ "[overflow-clip-margin:8px]",
2031
+ "relative"
2032
+ ],
2033
+ "internalComponents": ["AriakitTabList"],
2034
+ "internalComponentProps": {},
2035
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2036
+ "runtimeConfigDefaultProps": {},
2037
+ "runtimeConfigGetStyles": {},
2038
+ "runtimeConfigInternalComponentProps": {},
2039
+ "motionVarPrefixes": []
2040
+ };
2041
+ var TabPanel = {
2042
+ "name": "TabPanel",
2113
2043
  "defaultProps": {},
2114
2044
  "getStylesLiterals": {},
2115
- "cxLiterals": ["uds-menu-trigger"],
2116
- "internalComponents": ["AriakitMenuTrigger", "Box"],
2117
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2045
+ "cxLiterals": [],
2046
+ "internalComponents": ["AriakitTabPanel"],
2047
+ "internalComponentProps": {},
2118
2048
  "propToVariantKeys": {},
2119
2049
  "runtimeConfigDefaultProps": {},
2120
2050
  "runtimeConfigGetStyles": {},
2121
2051
  "runtimeConfigInternalComponentProps": {},
2122
2052
  "motionVarPrefixes": []
2123
2053
  };
2124
- var Menu_Divider = {
2125
- "name": "Menu.Divider",
2054
+ var Tabs = {
2055
+ "name": "Tabs",
2056
+ "defaultProps": { "variant": "primary" },
2057
+ "getStylesLiterals": {},
2058
+ "cxLiterals": [],
2059
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2060
+ "internalComponentProps": {},
2061
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2062
+ "runtimeConfigDefaultProps": {},
2063
+ "runtimeConfigGetStyles": {},
2064
+ "runtimeConfigInternalComponentProps": {},
2065
+ "motionVarPrefixes": []
2066
+ };
2067
+ var Radio = {
2068
+ "name": "Radio",
2126
2069
  "defaultProps": {
2127
- "role": "separator",
2128
- "contentPosition": "start",
2129
- "gap": "4"
2070
+ "labelPosition": "start",
2071
+ "variant": "primary",
2072
+ "size": "md",
2073
+ "value": ""
2130
2074
  },
2131
2075
  "getStylesLiterals": {
2132
- "menuitemDividerVariantRoot": "default",
2133
- "menuitemDividerVariantText": "default",
2134
- "menuitemDividerVariantLine": "default"
2076
+ "radioVariantValueRoot": "checked",
2077
+ "radioVariantValueRoot:1": "unchecked",
2078
+ "display": "flex",
2079
+ "flexDirection": "row",
2080
+ "flexDirection:1": "row-reverse",
2081
+ "alignItems": "center",
2082
+ "radioVariantValueRadio": "checked",
2083
+ "radioVariantValueRadio:1": "unchecked",
2084
+ "radioVariantValueRadioCircle": "checked",
2085
+ "radioVariantValueRadioCircle:1": "unchecked"
2086
+ },
2087
+ "cxLiterals": [
2088
+ "cursor-pointer",
2089
+ "cursor-default",
2090
+ "opacity-50",
2091
+ "border",
2092
+ "uds-ring",
2093
+ "uds-ring-within",
2094
+ "transition-[background-color,border-color]",
2095
+ "transition-shadow",
2096
+ "pointer-events-none",
2097
+ "w-[8px]",
2098
+ "h-[8px]",
2099
+ "transition-opacity",
2100
+ "cursor-[inherit]",
2101
+ "absolute",
2102
+ "opacity-0",
2103
+ "top-1/2",
2104
+ "left-1/2",
2105
+ "w-[calc(100%+2px)]",
2106
+ "h-[calc(100%+2px)]",
2107
+ "transform",
2108
+ "translate-x-[-50%]",
2109
+ "translate-y-[-50%]",
2110
+ "text-start",
2111
+ "text-end"
2112
+ ],
2113
+ "internalComponents": [
2114
+ "Box",
2115
+ "FormLabel",
2116
+ "SpringMotionConfig",
2117
+ "RootElement",
2118
+ "MotionBox"
2119
+ ],
2120
+ "internalComponentProps": {
2121
+ "Box": { "borderRadius": ["full"] },
2122
+ "FormLabel": {
2123
+ "as": ["div"],
2124
+ "variant": ["inherit"],
2125
+ "color": ["inherit"]
2126
+ },
2127
+ "RootElement": { "data-testid": ["container"] },
2128
+ "MotionBox": {
2129
+ "position": ["relative"],
2130
+ "borderRadius": ["full"],
2131
+ "alignItems": ["center"],
2132
+ "justifyContent": ["center"],
2133
+ "flex": ["none"]
2134
+ }
2135
+ },
2136
+ "propToVariantKeys": {
2137
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2138
+ "variant": [
2139
+ "radioVariantRoot",
2140
+ "radioVariantRadio",
2141
+ "radioVariantRadioCircle"
2142
+ ],
2143
+ "reduceMotion": ["reducedMotion"]
2135
2144
  },
2136
- "cxLiterals": [],
2137
- "internalComponents": ["DividerInternal"],
2138
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
2139
- "propToVariantKeys": {},
2140
2145
  "runtimeConfigDefaultProps": {},
2141
2146
  "runtimeConfigGetStyles": {},
2142
2147
  "runtimeConfigInternalComponentProps": {},
2143
- "motionVarPrefixes": []
2148
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2144
2149
  };
2145
- var Menu_Provider = {
2146
- "name": "Menu.Provider",
2150
+ var RadioGroupProvider = {
2151
+ "name": "RadioGroupProvider",
2147
2152
  "defaultProps": {},
2148
2153
  "getStylesLiterals": {},
2149
2154
  "cxLiterals": [],
2150
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
2151
- "internalComponentProps": {},
2155
+ "internalComponents": [
2156
+ "DivProps",
2157
+ "Comp",
2158
+ "RadioGroupContext.Provider"
2159
+ ],
2160
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2152
2161
  "propToVariantKeys": {},
2153
2162
  "runtimeConfigDefaultProps": {},
2154
2163
  "runtimeConfigGetStyles": {},
2155
2164
  "runtimeConfigInternalComponentProps": {},
2156
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2165
+ "motionVarPrefixes": []
2157
2166
  };
2158
- var Menu_ItemCheckbox = {
2159
- "name": "Menu.ItemCheckbox",
2167
+ var RadioGroupStore = {
2168
+ "name": "RadioGroupStore",
2160
2169
  "defaultProps": {},
2161
- "getStylesLiterals": {
2162
- "menuitemItemCheckboxVariantRoot": "default",
2163
- "menuitemItemCheckboxVariantActiveRoot": "on",
2164
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2165
- "menuitemItemCheckboxVariantText": "default",
2166
- "menuitemItemCheckboxVariantActiveText": "on",
2167
- "menuitemItemCheckboxVariantActiveText:1": "off",
2168
- "menuitemItemCheckboxVariantStartIcon": "default",
2169
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2170
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2171
- "menuitemItemCheckboxVariantEndIcon": "default",
2172
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2173
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2174
- },
2175
- "cxLiterals": ["uds-menu-item-checkbox"],
2176
- "internalComponents": ["MenuItemBase"],
2170
+ "getStylesLiterals": {},
2171
+ "cxLiterals": [],
2172
+ "internalComponents": [],
2177
2173
  "internalComponentProps": {},
2178
2174
  "propToVariantKeys": {},
2179
2175
  "runtimeConfigDefaultProps": {},
@@ -2181,61 +2177,132 @@ var Menu_ItemCheckbox = {
2181
2177
  "runtimeConfigInternalComponentProps": {},
2182
2178
  "motionVarPrefixes": []
2183
2179
  };
2184
- var Menu_ItemBase = {
2185
- "name": "Menu.ItemBase",
2186
- "defaultProps": {
2187
- "spacing": "0",
2188
- "spacingHorizontal": "4",
2189
- "spacingVertical": "3.5",
2190
- "columnGap": "2",
2191
- "alignItems": "center",
2192
- "justifyContent": "space-between"
2193
- },
2180
+ var Toast = {
2181
+ "name": "Toast",
2182
+ "defaultProps": {},
2194
2183
  "getStylesLiterals": {
2195
- "textAlign": "start",
2196
- "menuitemSizeRoot": "default",
2197
- "flexDirection": "row",
2198
- "menuitemSizeStartIcon": "default",
2199
- "menuitemSizeEndIcon": "default"
2184
+ "className": "animate-spin",
2185
+ "className:1": "flex-none",
2186
+ "spacing": "2",
2187
+ "borderRadius": "full"
2200
2188
  },
2201
2189
  "cxLiterals": [
2202
- "flex",
2203
- "focus-visible:text-brand",
2204
- "focus-visible:bg-brand-secondary",
2205
- "focus-visible:z-10",
2206
- "uds-ring",
2207
- "!-outline-offset-2",
2208
- "[&:not([aria-checked])]:cursor-default",
2209
- "opacity-25",
2210
- "cursor-not-allowed",
2211
- "duration-20",
2212
- "transition-[font-variation-settings]",
2213
- "ease-in-out",
2214
- "z-0",
2215
- "uds-start-icon",
2216
- "uds-end-icon"
2190
+ "duration-0",
2191
+ "duration-120",
2192
+ "transition-[background-color]",
2193
+ "bg-carbon-15/0",
2194
+ "hover:bg-carbon-15/10",
2195
+ "active:bg-carbon-15/15",
2196
+ "uds-ring"
2217
2197
  ],
2218
2198
  "internalComponents": [
2219
- "Pressable",
2220
2199
  "IconSlot",
2221
- "RootComponent",
2222
- "HStack",
2223
- "AnimatePresence"
2200
+ "ToastContainer",
2201
+ "Text",
2202
+ "Button",
2203
+ "Pressable"
2224
2204
  ],
2225
- "internalComponentProps": {
2226
- "HStack": {
2227
- "alignItems": ["center"],
2228
- "width": ["full"]
2205
+ "internalComponentProps": {},
2206
+ "propToVariantKeys": {
2207
+ "size": [
2208
+ "toastSizeLabel",
2209
+ "toastSizeIcon",
2210
+ "toastSizeActionButton",
2211
+ "toastSizeCloseIcon"
2212
+ ],
2213
+ "variant": [
2214
+ "toastVariantIcon",
2215
+ "toastVariantActionButton",
2216
+ "toastVariantCloseIcon"
2217
+ ],
2218
+ "closeIcon": ["icon"],
2219
+ "onClickActionButton": ["onClick"]
2220
+ },
2221
+ "runtimeConfigDefaultProps": {
2222
+ "size": "toast.defaultSize",
2223
+ "variant": "toast.defaultVariant"
2224
+ },
2225
+ "runtimeConfigGetStyles": {
2226
+ "toastSizeLabel": ["toast.defaultSize"],
2227
+ "toastVariantIcon": ["toast.defaultVariant"],
2228
+ "toastSizeIcon": ["toast.defaultSize"],
2229
+ "toastSizeActionButton": ["toast.defaultSize"],
2230
+ "toastVariantActionButton": ["toast.defaultVariant"],
2231
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2232
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2233
+ },
2234
+ "runtimeConfigInternalComponentProps": {
2235
+ "ToastContainer": {
2236
+ "size": ["toast.defaultSize"],
2237
+ "variant": ["toast.defaultVariant"]
2229
2238
  },
2230
- "AnimatePresence": { "mode": ["popLayout"] }
2239
+ "Text": {
2240
+ "variant": ["toast.textVariant.${size}"],
2241
+ "color": ["toast.textColor.${variant}"]
2242
+ },
2243
+ "Button": {
2244
+ "size": ["toast.buttonSize.${size}"],
2245
+ "variant": ["toast.buttonVariant.${variant}"]
2246
+ }
2247
+ },
2248
+ "motionVarPrefixes": []
2249
+ };
2250
+ var ToastContainer = {
2251
+ "name": "ToastContainer",
2252
+ "defaultProps": {},
2253
+ "getStylesLiterals": {
2254
+ "position": "relative",
2255
+ "alignItems": "center",
2256
+ "display": "flex",
2257
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2231
2258
  },
2259
+ "cxLiterals": ["w-full"],
2260
+ "internalComponents": ["HStack"],
2261
+ "internalComponentProps": { "HStack": {
2262
+ "alignItems": ["center"],
2263
+ "justifyContent": ["space-between"],
2264
+ "overflow": ["hidden"],
2265
+ "position": ["relative"]
2266
+ } },
2232
2267
  "propToVariantKeys": {
2233
- "startIconClassName": ["className"],
2234
- "endIconClassName": ["className"],
2235
- "startIcon": ["icon"],
2236
- "endIcon": ["icon"],
2237
- "columnGap": ["gap"]
2268
+ "variant": ["toastVariantRoot"],
2269
+ "size": ["toastSizeRoot"]
2270
+ },
2271
+ "runtimeConfigDefaultProps": {
2272
+ "size": "toast.defaultSize",
2273
+ "variant": "toast.defaultVariant"
2274
+ },
2275
+ "runtimeConfigGetStyles": {
2276
+ "toastVariantRoot": ["toast.defaultVariant"],
2277
+ "toastSizeRoot": ["toast.defaultSize"]
2278
+ },
2279
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2280
+ "motionVarPrefixes": []
2281
+ };
2282
+ var ToastPortal = {
2283
+ "name": "ToastPortal",
2284
+ "defaultProps": {},
2285
+ "getStylesLiterals": {},
2286
+ "cxLiterals": [],
2287
+ "internalComponents": ["ReactToastifyToastContainer"],
2288
+ "internalComponentProps": {},
2289
+ "propToVariantKeys": {},
2290
+ "runtimeConfigDefaultProps": {
2291
+ "size": "toast.defaultSize",
2292
+ "variant": "toast.defaultVariant"
2238
2293
  },
2294
+ "runtimeConfigGetStyles": {},
2295
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2296
+ "motionVarPrefixes": []
2297
+ };
2298
+ var UDSToastConfigProvider = {
2299
+ "name": "UDSToastConfigProvider",
2300
+ "defaultProps": {},
2301
+ "getStylesLiterals": {},
2302
+ "cxLiterals": [],
2303
+ "internalComponents": ["ToastContext.Provider"],
2304
+ "internalComponentProps": {},
2305
+ "propToVariantKeys": {},
2239
2306
  "runtimeConfigDefaultProps": {},
2240
2307
  "runtimeConfigGetStyles": {},
2241
2308
  "runtimeConfigInternalComponentProps": {},
@@ -2306,6 +2373,19 @@ var TooltipContent = {
2306
2373
  "runtimeConfigInternalComponentProps": {},
2307
2374
  "motionVarPrefixes": []
2308
2375
  };
2376
+ var TooltipTrigger = {
2377
+ "name": "TooltipTrigger",
2378
+ "defaultProps": {},
2379
+ "getStylesLiterals": {},
2380
+ "cxLiterals": [],
2381
+ "internalComponents": ["TooltipAnchor"],
2382
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2383
+ "propToVariantKeys": { "children": ["render"] },
2384
+ "runtimeConfigDefaultProps": {},
2385
+ "runtimeConfigGetStyles": {},
2386
+ "runtimeConfigInternalComponentProps": {},
2387
+ "motionVarPrefixes": []
2388
+ };
2309
2389
  var UDSTooltipConfigProvider = {
2310
2390
  "name": "UDSTooltipConfigProvider",
2311
2391
  "defaultProps": {},
@@ -2319,38 +2399,92 @@ var UDSTooltipConfigProvider = {
2319
2399
  "runtimeConfigInternalComponentProps": {},
2320
2400
  "motionVarPrefixes": []
2321
2401
  };
2322
- var TooltipTrigger = {
2323
- "name": "TooltipTrigger",
2402
+ var UDSBreakpointsConfigProvider = {
2403
+ "name": "UDSBreakpointsConfigProvider",
2324
2404
  "defaultProps": {},
2325
2405
  "getStylesLiterals": {},
2326
2406
  "cxLiterals": [],
2327
- "internalComponents": ["TooltipAnchor"],
2328
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2329
- "propToVariantKeys": { "children": ["render"] },
2407
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2408
+ "internalComponentProps": {},
2409
+ "propToVariantKeys": {},
2330
2410
  "runtimeConfigDefaultProps": {},
2331
2411
  "runtimeConfigGetStyles": {},
2332
2412
  "runtimeConfigInternalComponentProps": {},
2333
2413
  "motionVarPrefixes": []
2334
2414
  };
2335
- var RadioGroupProvider = {
2336
- "name": "RadioGroupProvider",
2415
+ var UDSConfigProvider = {
2416
+ "name": "UDSConfigProvider",
2337
2417
  "defaultProps": {},
2338
2418
  "getStylesLiterals": {},
2339
2419
  "cxLiterals": [],
2340
2420
  "internalComponents": [
2341
- "DivProps",
2342
- "Comp",
2343
- "RadioGroupContext.Provider"
2421
+ "UDSBreakpointsConfigProvider",
2422
+ "UDSBottomSheetConfigProvider",
2423
+ "UDSToastConfigProvider",
2424
+ "UDSTooltipConfigProvider",
2425
+ "UDSPopoverConfigProvider",
2426
+ "UDSModalConfigProvider"
2344
2427
  ],
2345
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2428
+ "internalComponentProps": {},
2429
+ "propToVariantKeys": {},
2430
+ "runtimeConfigDefaultProps": {},
2431
+ "runtimeConfigGetStyles": {},
2432
+ "runtimeConfigInternalComponentProps": {},
2433
+ "motionVarPrefixes": []
2434
+ };
2435
+ var Accordion = {
2436
+ "name": "Accordion",
2437
+ "defaultProps": {
2438
+ "spacingHorizontal": "4",
2439
+ "spacingVertical": "4"
2440
+ },
2441
+ "getStylesLiterals": {},
2442
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2443
+ "internalComponents": [
2444
+ "Icon",
2445
+ "SpringMotionConfig",
2446
+ "Pressable",
2447
+ "Text",
2448
+ "HStack",
2449
+ "AnimatePresence",
2450
+ "VStack"
2451
+ ],
2452
+ "internalComponentProps": {
2453
+ "Icon": {
2454
+ "variant": ["fill"],
2455
+ "size": ["sm"],
2456
+ "color": ["primary"]
2457
+ },
2458
+ "SpringMotionConfig": {
2459
+ "layoutVariant": ["smooth"],
2460
+ "layoutSpeed": ["3"]
2461
+ },
2462
+ "Pressable": {
2463
+ "display": ["flex"],
2464
+ "flexDirection": ["row"],
2465
+ "alignItems": ["center"],
2466
+ "justifyContent": ["space-between"],
2467
+ "borderRadius": ["md"]
2468
+ },
2469
+ "Text": {
2470
+ "variant": ["title4"],
2471
+ "color": ["primary"]
2472
+ },
2473
+ "HStack": {
2474
+ "display": ["flex"],
2475
+ "alignItems": ["center"],
2476
+ "justifyContent": ["space-between"],
2477
+ "columnGap": ["2.5"]
2478
+ }
2479
+ },
2346
2480
  "propToVariantKeys": {},
2347
2481
  "runtimeConfigDefaultProps": {},
2348
2482
  "runtimeConfigGetStyles": {},
2349
2483
  "runtimeConfigInternalComponentProps": {},
2350
- "motionVarPrefixes": []
2484
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2351
2485
  };
2352
- var RadioGroupStore = {
2353
- "name": "RadioGroupStore",
2486
+ var AvoidMotionLibraryProvider = {
2487
+ "name": "AvoidMotionLibraryProvider",
2354
2488
  "defaultProps": {},
2355
2489
  "getStylesLiterals": {},
2356
2490
  "cxLiterals": [],
@@ -2362,390 +2496,257 @@ var RadioGroupStore = {
2362
2496
  "runtimeConfigInternalComponentProps": {},
2363
2497
  "motionVarPrefixes": []
2364
2498
  };
2365
- var Radio = {
2366
- "name": "Radio",
2367
- "defaultProps": {
2368
- "labelPosition": "start",
2369
- "variant": "primary",
2370
- "size": "md",
2371
- "value": ""
2372
- },
2499
+ var SegmentedControl = {
2500
+ "name": "SegmentedControl",
2501
+ "defaultProps": { "textVariant": "label2" },
2373
2502
  "getStylesLiterals": {
2374
- "radioVariantValueRoot": "checked",
2375
- "radioVariantValueRoot:1": "unchecked",
2376
2503
  "display": "flex",
2377
- "flexDirection": "row",
2378
- "flexDirection:1": "row-reverse",
2379
2504
  "alignItems": "center",
2380
- "radioVariantValueRadio": "checked",
2381
- "radioVariantValueRadio:1": "unchecked",
2382
- "radioVariantValueRadioCircle": "checked",
2383
- "radioVariantValueRadioCircle:1": "unchecked"
2505
+ "backgroundColor": "primary",
2506
+ "spacingVertical": "1",
2507
+ "spacingHorizontal": "3",
2508
+ "columnGap": "1.5",
2509
+ "borderWidth": "thin",
2510
+ "borderRadius": "full",
2511
+ "borderColor": "muted",
2512
+ "borderColor:1": "transparent",
2513
+ "color": "primary",
2514
+ "color:1": "tertiary",
2515
+ "color:2": "muted"
2384
2516
  },
2385
2517
  "cxLiterals": [
2386
- "cursor-pointer",
2387
- "cursor-default",
2388
- "opacity-50",
2389
- "border",
2390
2518
  "uds-ring",
2391
- "uds-ring-within",
2392
- "transition-[background-color,border-color]",
2393
- "transition-shadow",
2519
+ "cursor-not-allowed",
2520
+ "opacity-50",
2394
2521
  "pointer-events-none",
2395
- "w-[8px]",
2396
- "h-[8px]",
2397
- "transition-opacity",
2398
- "cursor-[inherit]",
2399
- "absolute",
2400
- "opacity-0",
2401
- "top-1/2",
2402
- "left-1/2",
2403
- "w-[calc(100%+2px)]",
2404
- "h-[calc(100%+2px)]",
2405
- "transform",
2406
- "translate-x-[-50%]",
2407
- "translate-y-[-50%]",
2408
- "text-start",
2409
- "text-end"
2522
+ "hover:bg-primary"
2410
2523
  ],
2411
2524
  "internalComponents": [
2412
- "Box",
2413
- "FormLabel",
2414
- "SpringMotionConfig",
2415
- "RootElement",
2416
- "MotionBox"
2525
+ "TextVariant",
2526
+ "Radio",
2527
+ "Icon",
2528
+ "RadioProvider",
2529
+ "HStack",
2530
+ "RadioGroup",
2531
+ "Pressable",
2532
+ "Text"
2417
2533
  ],
2418
2534
  "internalComponentProps": {
2419
- "Box": { "borderRadius": ["full"] },
2420
- "FormLabel": {
2421
- "as": ["div"],
2422
- "variant": ["inherit"],
2423
- "color": ["inherit"]
2535
+ "Icon": {
2536
+ "size": ["sm"],
2537
+ "color": ["current"],
2538
+ "aria-hidden": ["true"]
2424
2539
  },
2425
- "RootElement": { "data-testid": ["container"] },
2426
- "MotionBox": {
2427
- "position": ["relative"],
2540
+ "HStack": {
2541
+ "spacing": ["1"],
2542
+ "gap": ["1"],
2543
+ "backgroundColor": ["secondary"],
2428
2544
  "borderRadius": ["full"],
2429
- "alignItems": ["center"],
2430
- "justifyContent": ["center"],
2431
- "flex": ["none"]
2432
- }
2545
+ "display": ["inline-flex"]
2546
+ },
2547
+ "Text": { "color": ["current"] }
2433
2548
  },
2434
2549
  "propToVariantKeys": {
2435
- "size": ["radioSizeRoot", "radioSizeRadio"],
2436
- "variant": [
2437
- "radioVariantRoot",
2438
- "radioVariantRadio",
2439
- "radioVariantRadioCircle"
2440
- ],
2441
- "reduceMotion": ["reducedMotion"]
2550
+ "value": ["key"],
2551
+ "label": ["aria-label"],
2552
+ "textVariant": ["variant"]
2442
2553
  },
2443
2554
  "runtimeConfigDefaultProps": {},
2444
2555
  "runtimeConfigGetStyles": {},
2445
2556
  "runtimeConfigInternalComponentProps": {},
2446
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2447
- };
2448
- var ModalContext = {
2449
- "name": "ModalContext",
2450
- "defaultProps": {},
2451
- "getStylesLiterals": {},
2452
- "cxLiterals": [],
2453
- "internalComponents": [],
2454
- "internalComponentProps": {},
2455
- "propToVariantKeys": {},
2456
- "runtimeConfigDefaultProps": {},
2457
- "runtimeConfigGetStyles": {},
2458
- "runtimeConfigInternalComponentProps": {},
2459
- "motionVarPrefixes": []
2460
- };
2461
- var ModalTitle = {
2462
- "name": "ModalTitle",
2463
- "defaultProps": {},
2464
- "getStylesLiterals": {},
2465
- "cxLiterals": [],
2466
- "internalComponents": ["Text", "DialogHeading"],
2467
- "internalComponentProps": { "Text": { "as": ["span"] } },
2468
- "propToVariantKeys": {
2469
- "size": ["modalSizeTitle"],
2470
- "variant": ["modalVariantTitle"]
2471
- },
2472
- "runtimeConfigDefaultProps": {
2473
- "size": "modal.defaultSize",
2474
- "variant": "modal.defaultVariant"
2475
- },
2476
- "runtimeConfigGetStyles": {
2477
- "modalSizeTitle": ["modal.defaultSize"],
2478
- "modalVariantTitle": ["modal.defaultVariant"]
2479
- },
2480
- "runtimeConfigInternalComponentProps": {},
2481
- "motionVarPrefixes": []
2482
- };
2483
- var ModalActions = {
2484
- "name": "ModalActions",
2485
- "defaultProps": {},
2486
- "getStylesLiterals": {
2487
- "flexDirection": "row-reverse",
2488
- "justifyContent": "space-between",
2489
- "alignItems": "center"
2490
- },
2491
- "cxLiterals": ["gap-[inherit]"],
2492
- "internalComponents": ["HStack"],
2493
- "internalComponentProps": {},
2494
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
2495
- "runtimeConfigDefaultProps": {
2496
- "size": "modal.defaultSize",
2497
- "variant": "modal.defaultVariant"
2498
- },
2499
- "runtimeConfigGetStyles": {
2500
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
2501
- "modalSizeActions": ["modal.defaultSize"]
2502
- },
2503
- "runtimeConfigInternalComponentProps": {},
2504
2557
  "motionVarPrefixes": []
2505
2558
  };
2506
- var Modal = {
2507
- "name": "Modal",
2559
+ var SwitchV2 = {
2560
+ "name": "SwitchV2",
2508
2561
  "defaultProps": {
2509
- "closeAriaLabel": "Close",
2510
- "maxWidth": "auto",
2511
- "maxHeight": "auto",
2512
- "scrollBehavior": "outside"
2562
+ "labelPosition": "start",
2563
+ "size": "md"
2513
2564
  },
2514
2565
  "getStylesLiterals": {
2515
- "flexDirection": "row-reverse",
2516
- "justifyContent": "space-between",
2517
- "alignItems": "flex-end",
2518
- "alignItems:1": "flex-start",
2519
- "borderRadius": "full"
2566
+ "switchVariantRoot": "default",
2567
+ "switchVariantActiveRoot": "on",
2568
+ "switchVariantActiveRoot:1": "off",
2569
+ "switchVariantSwitch": "default",
2570
+ "switchVariantActiveSwitch": "on",
2571
+ "switchVariantActiveSwitch:1": "off",
2572
+ "switchVariantActiveHandle": "on",
2573
+ "switchVariantActiveHandle:1": "off",
2574
+ "switchVariantHandle": "default",
2575
+ "switchVariantHandleIcon": "default",
2576
+ "switchVariantActiveHandleIcon": "on",
2577
+ "switchVariantActiveHandleIcon:1": "off"
2520
2578
  },
2521
2579
  "cxLiterals": [
2522
- "fixed",
2523
- "inset-0",
2524
- "z-40",
2525
- "overflow-y-auto",
2526
- "overflow-hidden",
2527
- "transition-[opacity,visibility]",
2528
- "visible",
2529
- "opacity-100",
2530
- "invisible",
2531
- "opacity-0",
2580
+ "group",
2581
+ "flex",
2582
+ "items-center",
2583
+ "flex-row",
2584
+ "flex-row-reverse",
2585
+ "uds-ring",
2586
+ "uds-ring-within",
2587
+ "relative",
2588
+ "uds-border-radius-full",
2589
+ "transition-[background-color,box-shadow]",
2532
2590
  "pointer-events-none",
2533
- "uds-bgBlurFallback",
2534
2591
  "w-full",
2535
- "w-fit",
2536
2592
  "h-full",
2537
- "h-fit",
2538
- "m-auto",
2539
- "pointer-events-auto",
2540
- "inside",
2541
- "max-h-full",
2542
- "transition-transform",
2543
- "duration-0",
2544
- "duration-120",
2545
- "transition-[background-color]",
2546
- "bg-carbon-15/0",
2547
- "hover:bg-carbon-15/10",
2548
- "active:bg-carbon-15/15",
2549
- "uds-ring",
2550
- "[translate:50%_-50%]"
2593
+ "absolute",
2594
+ "top-0",
2595
+ "bottom-0",
2596
+ "right-0",
2597
+ "left-0",
2598
+ "overflow-hidden",
2599
+ "group-hover:scale-105",
2600
+ "opacity-95",
2601
+ "group-hover:opacity-100",
2602
+ "transition-[transform,opacity]",
2603
+ "opacity-0",
2604
+ "top-1/2",
2605
+ "left-1/2",
2606
+ "transform",
2607
+ "translate-x-[-50%]",
2608
+ "translate-y-[-50%]",
2609
+ "transition-opacity",
2610
+ "cursor-[inherit]",
2611
+ "w-[calc(100%+2px)]",
2612
+ "h-[calc(100%+2px)]",
2613
+ "text-start",
2614
+ "text-end",
2615
+ "opacity-100"
2551
2616
  ],
2552
2617
  "internalComponents": [
2553
- "Scrim",
2554
- "VStack",
2555
- "Pressable",
2556
2618
  "IconSlot",
2557
2619
  "Box",
2558
- "Dialog",
2559
- "ModalContext.Provider",
2560
- "HStack",
2561
- "DialogDismiss",
2562
- "ModalTitle",
2563
- "ModalDescription",
2564
- "ModalContent",
2565
- "ModalActions"
2620
+ "FormLabel",
2621
+ "SpringMotionConfig",
2622
+ "RootElement",
2623
+ "MotionBox"
2566
2624
  ],
2567
- "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
2625
+ "internalComponentProps": {
2626
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2627
+ "FormLabel": {
2628
+ "as": ["div"],
2629
+ "variant": ["inherit"],
2630
+ "color": ["inherit"]
2631
+ },
2632
+ "SpringMotionConfig": {
2633
+ "layoutVariant": ["bouncy"],
2634
+ "layoutSpeed": ["4"]
2635
+ },
2636
+ "RootElement": { "data-testid": ["switch-root"] },
2637
+ "MotionBox": { "layout": ["position"] }
2638
+ },
2568
2639
  "propToVariantKeys": {
2569
- "gutter": ["spacing"],
2570
2640
  "size": [
2571
- "modalSizeRoot",
2572
- "modalSizeSpacingHorizontal",
2573
- "modalSizeHeader",
2574
- "modalSizeTitleDescriptionWrapper",
2575
- "modalSizeCloseIconContainer",
2576
- "modalSizeCloseIcon"
2641
+ "switchSizeRoot",
2642
+ "switchSizeSwitch",
2643
+ "switchSizeHandle",
2644
+ "switchSizeHandleIcon"
2577
2645
  ],
2578
- "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
2579
- "closeAriaLabel": ["aria-label"],
2580
- "closeIcon": ["icon"]
2581
- },
2582
- "runtimeConfigDefaultProps": {
2583
- "size": "modal.defaultSize",
2584
- "variant": "modal.defaultVariant"
2585
- },
2586
- "runtimeConfigGetStyles": {
2587
- "spacing": ["modal.gutter.${size}"],
2588
- "modalSizeRoot": ["modal.defaultSize"],
2589
- "modalVariantRoot": ["modal.defaultVariant"],
2590
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
2591
- "modalSizeHeader": ["modal.defaultSize"],
2592
- "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
2593
- "modalSizeCloseIconContainer": ["modal.defaultSize"],
2594
- "modalSizeCloseIcon": ["modal.defaultSize"],
2595
- "modalVariantCloseIcon": ["modal.defaultVariant"]
2646
+ "onIcon": ["icon"],
2647
+ "offIcon": ["icon"],
2648
+ "reduceMotion": ["reducedMotion"],
2649
+ "isOn": ["layoutDependency"]
2596
2650
  },
2597
- "runtimeConfigInternalComponentProps": {},
2598
- "motionVarPrefixes": []
2599
- };
2600
- var UDSModalConfigProvider = {
2601
- "name": "UDSModalConfigProvider",
2602
- "defaultProps": {},
2603
- "getStylesLiterals": {},
2604
- "cxLiterals": [],
2605
- "internalComponents": ["ModalContext.Provider"],
2606
- "internalComponentProps": {},
2607
- "propToVariantKeys": {},
2608
2651
  "runtimeConfigDefaultProps": {},
2609
2652
  "runtimeConfigGetStyles": {},
2610
2653
  "runtimeConfigInternalComponentProps": {},
2611
- "motionVarPrefixes": []
2612
- };
2613
- var ModalDescription = {
2614
- "name": "ModalDescription",
2615
- "defaultProps": {},
2616
- "getStylesLiterals": {},
2617
- "cxLiterals": [],
2618
- "internalComponents": ["Text", "DialogDescription"],
2619
- "internalComponentProps": { "Text": { "as": ["span"] } },
2620
- "propToVariantKeys": {
2621
- "size": ["modalSizeDescription"],
2622
- "variant": ["modalVariantDescription"]
2623
- },
2624
- "runtimeConfigDefaultProps": {
2625
- "size": "modal.defaultSize",
2626
- "variant": "modal.defaultVariant"
2627
- },
2628
- "runtimeConfigGetStyles": {
2629
- "modalSizeDescription": ["modal.defaultSize"],
2630
- "modalVariantDescription": ["modal.defaultVariant"]
2631
- },
2632
- "runtimeConfigInternalComponentProps": {},
2633
- "motionVarPrefixes": []
2634
- };
2635
- var ModalContent = {
2636
- "name": "ModalContent",
2637
- "defaultProps": {},
2638
- "getStylesLiterals": {
2639
- "overflowY": "auto",
2640
- "display": "block",
2641
- "flexGrow": "1"
2642
- },
2643
- "cxLiterals": [],
2644
- "internalComponents": ["Box"],
2645
- "internalComponentProps": {},
2646
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
2647
- "runtimeConfigDefaultProps": {
2648
- "size": "modal.defaultSize",
2649
- "variant": "modal.defaultVariant"
2650
- },
2651
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
2652
- "runtimeConfigInternalComponentProps": {},
2653
- "motionVarPrefixes": []
2654
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2654
2655
  };
2655
2656
  var componentData_default = {
2657
+ Box,
2658
+ FormLabel,
2659
+ HStack,
2656
2660
  Icon,
2657
- Text,
2661
+ IconSlot,
2658
2662
  Image,
2663
+ Link,
2659
2664
  Scrim,
2660
- FormLabel,
2661
- VStack,
2662
- IconSlot,
2663
- Box,
2664
2665
  SvgFloatingOverlay,
2665
- HStack,
2666
- Link,
2667
- BannerDescription,
2666
+ Text,
2667
+ VStack,
2668
2668
  Banner,
2669
2669
  BannerContent,
2670
+ BannerDescription,
2670
2671
  BannerTitle,
2671
2672
  Divider,
2672
2673
  DividerCore,
2673
2674
  DividerInternal,
2674
- "Table.mocks": Table_mocks,
2675
- Spinner,
2676
- Table,
2677
- Pressable,
2678
- SpringMotionConfig,
2679
2675
  AnimateHeightChange,
2680
- Switch,
2681
- IconButton,
2682
2676
  Badge,
2683
- Checkbox,
2684
2677
  Button,
2685
- Accordion,
2686
- AvoidMotionLibraryProvider,
2687
- SegmentedControl,
2688
- SwitchV2,
2689
- UDSToastConfigProvider,
2690
- ToastPortal,
2691
- Toast,
2692
- ToastContainer,
2693
- BottomSheetInternalContext,
2678
+ Checkbox,
2679
+ IconButton,
2680
+ Pressable,
2681
+ SpringMotionConfig,
2682
+ Switch,
2683
+ Spinner,
2684
+ "Table.mocks": Table_mocks,
2685
+ Table,
2686
+ Avatar,
2687
+ AvatarIcon,
2688
+ AvatarImage,
2689
+ AvatarText,
2690
+ BottomSheet,
2694
2691
  BottomSheetContent,
2692
+ BottomSheetDismiss,
2695
2693
  BottomSheetHandle,
2696
- BottomSheet,
2697
2694
  BottomSheetHeader,
2695
+ BottomSheetInternalContext,
2696
+ BottomSheetProvider,
2698
2697
  BottomSheetTrigger,
2699
2698
  UDSBottomSheetConfigProvider,
2700
- BottomSheetDismiss,
2701
- BottomSheetProvider,
2702
- ChipLink,
2703
- ChipDismissible,
2704
- ChipToggle,
2705
- ChipBase,
2699
+ "Menu.Content": Menu_Content,
2700
+ "Menu.Divider": Menu_Divider,
2701
+ "Menu.Item": Menu_Item,
2702
+ "Menu.ItemBase": Menu_ItemBase,
2703
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2704
+ "Menu.Provider": Menu_Provider,
2705
+ "Menu.Trigger": Menu_Trigger,
2706
+ "Menu.index": Menu_index,
2707
+ Menu,
2706
2708
  Chip,
2709
+ ChipBase,
2707
2710
  ChipButton,
2708
- AvatarText,
2709
- AvatarIcon,
2710
- Avatar,
2711
- AvatarImage,
2712
- TabPanel,
2713
- Tabs,
2714
- TabList,
2715
- Tab,
2716
- UDSPopoverConfigProvider,
2717
- Popover,
2718
- PopoverTrigger,
2719
- PopoverContext,
2720
- PopoverContent,
2711
+ ChipDismissible,
2712
+ ChipLink,
2713
+ ChipToggle,
2714
+ Modal,
2715
+ ModalActions,
2716
+ ModalContent,
2717
+ ModalContext,
2718
+ ModalDescription,
2719
+ ModalTitle,
2720
+ UDSModalConfigProvider,
2721
2721
  Input,
2722
2722
  InputHelpText,
2723
2723
  InputHelpTextInternal,
2724
- UDSBreakpointsConfigProvider,
2725
- UDSConfigProvider,
2726
- "Menu.Item": Menu_Item,
2727
- "Menu.index": Menu_index,
2728
- Menu,
2729
- "Menu.Content": Menu_Content,
2730
- "Menu.Trigger": Menu_Trigger,
2731
- "Menu.Divider": Menu_Divider,
2732
- "Menu.Provider": Menu_Provider,
2733
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2734
- "Menu.ItemBase": Menu_ItemBase,
2724
+ Popover,
2725
+ PopoverContent,
2726
+ PopoverContext,
2727
+ PopoverTrigger,
2728
+ UDSPopoverConfigProvider,
2729
+ Tab,
2730
+ TabList,
2731
+ TabPanel,
2732
+ Tabs,
2733
+ Radio,
2734
+ RadioGroupProvider,
2735
+ RadioGroupStore,
2736
+ Toast,
2737
+ ToastContainer,
2738
+ ToastPortal,
2739
+ UDSToastConfigProvider,
2735
2740
  Tooltip,
2736
2741
  TooltipContent,
2737
- UDSTooltipConfigProvider,
2738
2742
  TooltipTrigger,
2739
- RadioGroupProvider,
2740
- RadioGroupStore,
2741
- Radio,
2742
- ModalContext,
2743
- ModalTitle,
2744
- ModalActions,
2745
- Modal,
2746
- UDSModalConfigProvider,
2747
- ModalDescription,
2748
- ModalContent
2743
+ UDSTooltipConfigProvider,
2744
+ UDSBreakpointsConfigProvider,
2745
+ UDSConfigProvider,
2746
+ Accordion,
2747
+ AvoidMotionLibraryProvider,
2748
+ SegmentedControl,
2749
+ SwitchV2
2749
2750
  };
2750
2751
  //#endregion
2751
2752
  Object.defineProperty(exports, "Accordion", {