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