@yahoo/uds 3.156.1 → 3.157.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 (144) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +9 -4
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +2 -1
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +2 -1
  4. package/dist/automated-config/dist/generated/autoVariants.js +9 -4
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +3011 -3038
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +143 -140
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +143 -140
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +3011 -3038
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +1227 -501
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +1227 -501
  11. package/dist/automated-config/dist/properties.cjs +1 -1
  12. package/dist/automated-config/dist/properties.d.cts +15 -0
  13. package/dist/automated-config/dist/properties.d.ts +15 -0
  14. package/dist/automated-config/dist/properties.js +1 -1
  15. package/dist/automated-config/dist/types/ComponentConfig.d.cts +77 -4
  16. package/dist/automated-config/dist/types/ComponentConfig.d.ts +77 -4
  17. package/dist/automated-config/dist/types/ConfigSchema.d.cts +14 -2
  18. package/dist/automated-config/dist/types/ConfigSchema.d.ts +14 -2
  19. package/dist/automated-config/dist/types/StateAxis.cjs +90 -0
  20. package/dist/automated-config/dist/types/StateAxis.d.cts +70 -0
  21. package/dist/automated-config/dist/types/StateAxis.d.ts +70 -0
  22. package/dist/automated-config/dist/types/StateAxis.js +84 -0
  23. package/dist/automated-config/dist/utils/buildConfigSchema.cjs +98 -82
  24. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +32 -10
  25. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +32 -10
  26. package/dist/automated-config/dist/utils/buildConfigSchema.js +99 -83
  27. package/dist/automated-config/dist/utils/canonicalizeStateKey.cjs +32 -0
  28. package/dist/automated-config/dist/utils/canonicalizeStateKey.d.cts +48 -0
  29. package/dist/automated-config/dist/utils/canonicalizeStateKey.d.ts +48 -0
  30. package/dist/automated-config/dist/utils/canonicalizeStateKey.js +31 -0
  31. package/dist/automated-config/dist/utils/getConfigComponentVariant.d.cts +8 -0
  32. package/dist/automated-config/dist/utils/getConfigComponentVariant.d.ts +8 -0
  33. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +3 -3
  34. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +3 -3
  35. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.cjs +12 -5
  36. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.d.cts +8 -1
  37. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.d.ts +8 -1
  38. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.js +12 -5
  39. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.cjs +1 -1
  40. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.js +1 -1
  41. package/dist/automated-config/dist/utils/index.cjs +407 -97
  42. package/dist/automated-config/dist/utils/index.d.cts +66 -16
  43. package/dist/automated-config/dist/utils/index.d.ts +66 -16
  44. package/dist/automated-config/dist/utils/index.js +408 -99
  45. package/dist/automated-config/dist/utils/pseudoStateSelectors.cjs +122 -0
  46. package/dist/automated-config/dist/utils/pseudoStateSelectors.d.cts +80 -0
  47. package/dist/automated-config/dist/utils/pseudoStateSelectors.d.ts +80 -0
  48. package/dist/automated-config/dist/utils/pseudoStateSelectors.js +120 -0
  49. package/dist/automated-config/dist/utils/resolvePropertyStates.cjs +131 -0
  50. package/dist/automated-config/dist/utils/resolvePropertyStates.d.cts +49 -0
  51. package/dist/automated-config/dist/utils/resolvePropertyStates.d.ts +49 -0
  52. package/dist/automated-config/dist/utils/resolvePropertyStates.js +130 -0
  53. package/dist/automated-config/dist/utils/resolveSlotByCascade.cjs +118 -0
  54. package/dist/automated-config/dist/utils/resolveSlotByCascade.d.cts +68 -0
  55. package/dist/automated-config/dist/utils/resolveSlotByCascade.d.ts +68 -0
  56. package/dist/automated-config/dist/utils/resolveSlotByCascade.js +117 -0
  57. package/dist/automated-config/dist/utils/variantConfigGuards.d.cts +13 -0
  58. package/dist/automated-config/dist/utils/variantConfigGuards.d.ts +13 -0
  59. package/dist/components/client/Input/Input.cjs +42 -6
  60. package/dist/components/client/Input/Input.d.cts +13 -0
  61. package/dist/components/client/Input/Input.d.ts +13 -0
  62. package/dist/components/client/Input/Input.js +42 -6
  63. package/dist/config/dist/index.cjs +221 -550
  64. package/dist/config/dist/index.js +221 -550
  65. package/dist/css/dist/commands/css.cjs +1 -0
  66. package/dist/css/dist/commands/css.helpers.cjs +6 -0
  67. package/dist/css/dist/commands/css.helpers.js +6 -0
  68. package/dist/css/dist/commands/css.js +1 -0
  69. package/dist/css/dist/css/generate.cjs +4 -2
  70. package/dist/css/dist/css/generate.d.cts +28 -0
  71. package/dist/css/dist/css/generate.d.ts +28 -0
  72. package/dist/css/dist/css/generate.helpers.cjs +5 -1
  73. package/dist/css/dist/css/generate.helpers.js +6 -2
  74. package/dist/css/dist/css/generate.js +4 -2
  75. package/dist/css/dist/css/postcss.cjs +81 -0
  76. package/dist/css/dist/css/postcss.helpers.cjs +60 -0
  77. package/dist/css/dist/css/postcss.helpers.js +59 -1
  78. package/dist/css/dist/css/postcss.js +82 -2
  79. package/dist/css/dist/css/runner.cjs +12 -2
  80. package/dist/css/dist/css/runner.js +12 -2
  81. package/dist/css/dist/css/theme.d.cts +6 -0
  82. package/dist/css/dist/css/theme.d.ts +6 -0
  83. package/dist/css/dist/packages/automated-config/dist/properties.cjs +1 -1
  84. package/dist/css/dist/packages/automated-config/dist/properties.js +1 -1
  85. package/dist/css/dist/packages/automated-config/dist/utils/index.d.cts +6 -0
  86. package/dist/css/dist/packages/automated-config/dist/utils/index.d.ts +6 -0
  87. package/dist/css/dist/packages/config/dist/index.cjs +221 -550
  88. package/dist/css/dist/packages/config/dist/index.js +221 -550
  89. package/dist/css/dist/utils/optimizeCSS.cjs +59 -0
  90. package/dist/css/dist/utils/optimizeCSS.js +59 -0
  91. package/dist/index.cjs +25 -0
  92. package/dist/index.d.cts +10 -3
  93. package/dist/index.d.ts +10 -3
  94. package/dist/index.js +9 -2
  95. package/dist/styles/styler.d.cts +14 -13
  96. package/dist/styles/styler.d.ts +14 -13
  97. package/dist/styles/variants.d.cts +9 -4
  98. package/dist/styles/variants.d.ts +9 -4
  99. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.cjs +3011 -3038
  100. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.js +3011 -3038
  101. package/dist/tailwind-internal/dist/packages/automated-config/dist/properties.cjs +1 -1
  102. package/dist/tailwind-internal/dist/packages/automated-config/dist/properties.js +1 -1
  103. package/dist/tailwind-internal/dist/packages/automated-config/dist/types/StateAxis.cjs +81 -0
  104. package/dist/tailwind-internal/dist/packages/automated-config/dist/types/StateAxis.js +76 -0
  105. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/canonicalizeStateKey.cjs +33 -0
  106. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/canonicalizeStateKey.js +32 -0
  107. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/componentStatePseudoStates.cjs +0 -7
  108. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/componentStatePseudoStates.js +1 -7
  109. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.cjs +354 -97
  110. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.d.cts +6 -0
  111. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.d.ts +6 -0
  112. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.js +355 -98
  113. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/pseudoStateSelectors.cjs +122 -0
  114. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/pseudoStateSelectors.js +121 -0
  115. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/resolvePropertyStates.cjs +132 -0
  116. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/resolvePropertyStates.js +131 -0
  117. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/resolveSlotByCascade.cjs +95 -0
  118. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/resolveSlotByCascade.js +95 -0
  119. package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +221 -550
  120. package/dist/tailwind-internal/dist/packages/config/dist/index.js +221 -550
  121. package/dist/tailwind-internal/dist/plugins/components.cjs +28 -24
  122. package/dist/tailwind-internal/dist/plugins/components.js +28 -24
  123. package/dist/tailwind-internal/dist/utils/composeTailwindPlugins.d.cts +3 -0
  124. package/dist/tailwind-internal/dist/utils/composeTailwindPlugins.d.ts +3 -0
  125. package/dist/tokens/automation/index.cjs +25 -0
  126. package/dist/tokens/automation/index.d.cts +9 -2
  127. package/dist/tokens/automation/index.d.ts +9 -2
  128. package/dist/tokens/automation/index.js +9 -2
  129. package/dist/tokens/index.cjs +25 -0
  130. package/dist/tokens/index.d.cts +10 -3
  131. package/dist/tokens/index.d.ts +10 -3
  132. package/dist/tokens/index.js +9 -2
  133. package/dist/tokens/types.d.cts +1 -1
  134. package/dist/tokens/types.d.ts +1 -1
  135. package/dist/uds/generated/componentData.cjs +2010 -2008
  136. package/dist/uds/generated/componentData.js +2010 -2008
  137. package/dist/uds/generated/migrationSchemaVersion.cjs +1 -1
  138. package/dist/uds/generated/migrationSchemaVersion.js +1 -1
  139. package/dist/uds/generated/tailwindPurge.cjs +79 -78
  140. package/dist/uds/generated/tailwindPurge.js +79 -78
  141. package/generated/componentData.json +2553 -2551
  142. package/generated/migrationSchemaVersion.ts +1 -1
  143. package/generated/tailwindPurge.ts +2 -2
  144. package/package.json +1 -1
package/dist/uds/generated/componentData.cjs CHANGED
@@ -1,27 +1,62 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
3
  var componentData_default = {
4
- FormLabel: {
5
- "name": "FormLabel",
4
+ Image: {
5
+ "name": "Image",
6
+ "defaultProps": {},
7
+ "getStylesLiterals": {},
8
+ "cxLiterals": [],
9
+ "internalComponents": [],
10
+ "internalComponentProps": {},
11
+ "propToVariantKeys": {},
12
+ "runtimeConfigDefaultProps": {},
13
+ "runtimeConfigGetStyles": {},
14
+ "runtimeConfigInternalComponentProps": {},
15
+ "motionVarPrefixes": []
16
+ },
17
+ Icon: {
18
+ "name": "Icon",
6
19
  "defaultProps": {
7
- "color": "muted",
8
- "variant": "label3",
9
- "as": "label"
20
+ "size": "md",
21
+ "variant": "outline",
22
+ "color": "primary"
10
23
  },
11
- "getStylesLiterals": {},
12
- "cxLiterals": ["cursor-[inherit]"],
13
- "internalComponents": ["Text"],
14
- "internalComponentProps": { "Text": {
15
- "as": ["sup"],
16
- "variant": ["inherit"],
17
- "spacingStart": ["0.5"]
18
- } },
24
+ "getStylesLiterals": { "flex": "none" },
25
+ "cxLiterals": ["[&_path]:fill-current"],
26
+ "internalComponents": ["SVGIcon"],
27
+ "internalComponentProps": {},
19
28
  "propToVariantKeys": {},
20
29
  "runtimeConfigDefaultProps": {},
21
30
  "runtimeConfigGetStyles": {},
22
31
  "runtimeConfigInternalComponentProps": {},
23
32
  "motionVarPrefixes": []
24
33
  },
34
+ VStack: {
35
+ "name": "VStack",
36
+ "defaultProps": {},
37
+ "getStylesLiterals": {},
38
+ "cxLiterals": [],
39
+ "internalComponents": ["Box"],
40
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
41
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
42
+ "runtimeConfigDefaultProps": {},
43
+ "runtimeConfigGetStyles": {},
44
+ "runtimeConfigInternalComponentProps": {},
45
+ "motionVarPrefixes": []
46
+ },
47
+ HStack: {
48
+ "name": "HStack",
49
+ "defaultProps": {},
50
+ "getStylesLiterals": {},
51
+ "cxLiterals": [],
52
+ "internalComponents": ["Box"],
53
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
54
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
55
+ "runtimeConfigDefaultProps": {},
56
+ "runtimeConfigGetStyles": {},
57
+ "runtimeConfigInternalComponentProps": {},
58
+ "motionVarPrefixes": []
59
+ },
25
60
  Scrim: {
26
61
  "name": "Scrim",
27
62
  "defaultProps": {
@@ -63,6 +98,27 @@ var componentData_default = {
63
98
  "runtimeConfigInternalComponentProps": {},
64
99
  "motionVarPrefixes": []
65
100
  },
101
+ FormLabel: {
102
+ "name": "FormLabel",
103
+ "defaultProps": {
104
+ "color": "muted",
105
+ "variant": "label3",
106
+ "as": "label"
107
+ },
108
+ "getStylesLiterals": {},
109
+ "cxLiterals": ["cursor-[inherit]"],
110
+ "internalComponents": ["Text"],
111
+ "internalComponentProps": { "Text": {
112
+ "as": ["sup"],
113
+ "variant": ["inherit"],
114
+ "spacingStart": ["0.5"]
115
+ } },
116
+ "propToVariantKeys": {},
117
+ "runtimeConfigDefaultProps": {},
118
+ "runtimeConfigGetStyles": {},
119
+ "runtimeConfigInternalComponentProps": {},
120
+ "motionVarPrefixes": []
121
+ },
66
122
  SvgFloatingOverlay: {
67
123
  "name": "SvgFloatingOverlay",
68
124
  "defaultProps": { "contentOverflow": "auto" },
@@ -97,40 +153,39 @@ var componentData_default = {
97
153
  "runtimeConfigInternalComponentProps": {},
98
154
  "motionVarPrefixes": []
99
155
  },
100
- Icon: {
101
- "name": "Icon",
102
- "defaultProps": {
103
- "size": "md",
104
- "variant": "outline",
105
- "color": "primary"
156
+ Link: {
157
+ "name": "Link",
158
+ "defaultProps": { "variant": "primary" },
159
+ "getStylesLiterals": {
160
+ "display": "inline-flex",
161
+ "alignItems": "center"
106
162
  },
107
- "getStylesLiterals": { "flex": "none" },
108
- "cxLiterals": ["[&_path]:fill-current"],
109
- "internalComponents": ["SVGIcon"],
110
- "internalComponentProps": {},
111
- "propToVariantKeys": {},
112
- "runtimeConfigDefaultProps": {},
113
- "runtimeConfigGetStyles": {},
114
- "runtimeConfigInternalComponentProps": {},
115
- "motionVarPrefixes": []
116
- },
117
- Box: {
118
- "name": "Box",
119
- "defaultProps": {
120
- "as": "div",
121
- "display": "flex"
163
+ "cxLiterals": [
164
+ "uds-ring",
165
+ "underline",
166
+ "w-[0.7em]",
167
+ "h-[0.7em]"
168
+ ],
169
+ "internalComponents": ["IconSlot"],
170
+ "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
171
+ "propToVariantKeys": {
172
+ "textVariant": [
173
+ "linkTextStyleRoot",
174
+ "fontSize",
175
+ "fontFamily",
176
+ "fontWeight",
177
+ "lineHeight",
178
+ "textTransform",
179
+ "linkTextStyleIcon"
180
+ ],
181
+ "variant": [
182
+ "linkVariantRoot",
183
+ "linkVariantIconStart",
184
+ "linkVariantIconEnd"
185
+ ],
186
+ "startIcon": ["icon"],
187
+ "endIcon": ["icon"]
122
188
  },
123
- "getStylesLiterals": {},
124
- "cxLiterals": [],
125
- "internalComponents": ["Comp"],
126
- "internalComponentProps": {},
127
- "propToVariantKeys": { "elevationAlias": [
128
- "backgroundColor",
129
- "borderColor",
130
- "borderWidth",
131
- "dropShadow",
132
- "insetShadow"
133
- ] },
134
189
  "runtimeConfigDefaultProps": {},
135
190
  "runtimeConfigGetStyles": {},
136
191
  "runtimeConfigInternalComponentProps": {},
@@ -159,21 +214,30 @@ var componentData_default = {
159
214
  "runtimeConfigInternalComponentProps": {},
160
215
  "motionVarPrefixes": []
161
216
  },
162
- VStack: {
163
- "name": "VStack",
164
- "defaultProps": {},
217
+ Box: {
218
+ "name": "Box",
219
+ "defaultProps": {
220
+ "as": "div",
221
+ "display": "flex"
222
+ },
165
223
  "getStylesLiterals": {},
166
224
  "cxLiterals": [],
167
- "internalComponents": ["Box"],
168
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
169
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
225
+ "internalComponents": ["Comp"],
226
+ "internalComponentProps": {},
227
+ "propToVariantKeys": { "elevationAlias": [
228
+ "backgroundColor",
229
+ "borderColor",
230
+ "borderWidth",
231
+ "dropShadow",
232
+ "insetShadow"
233
+ ] },
170
234
  "runtimeConfigDefaultProps": {},
171
235
  "runtimeConfigGetStyles": {},
172
236
  "runtimeConfigInternalComponentProps": {},
173
237
  "motionVarPrefixes": []
174
238
  },
175
- Image: {
176
- "name": "Image",
239
+ "Table.mocks": {
240
+ "name": "Table.mocks",
177
241
  "defaultProps": {},
178
242
  "getStylesLiterals": {},
179
243
  "cxLiterals": [],
@@ -185,140 +249,439 @@ var componentData_default = {
185
249
  "runtimeConfigInternalComponentProps": {},
186
250
  "motionVarPrefixes": []
187
251
  },
188
- HStack: {
189
- "name": "HStack",
190
- "defaultProps": {},
252
+ Spinner: {
253
+ "name": "Spinner",
254
+ "defaultProps": {
255
+ "color": "primary",
256
+ "size": "lg"
257
+ },
191
258
  "getStylesLiterals": {},
192
- "cxLiterals": [],
193
- "internalComponents": ["Box"],
194
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
195
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
259
+ "cxLiterals": [
260
+ "self-center",
261
+ "relative",
262
+ "sr-only"
263
+ ],
264
+ "internalComponents": ["Icon"],
265
+ "internalComponentProps": { "Icon": {
266
+ "role": ["img"],
267
+ "className": ["animate-spin"],
268
+ "aria-hidden": ["true"]
269
+ } },
270
+ "propToVariantKeys": {},
196
271
  "runtimeConfigDefaultProps": {},
197
272
  "runtimeConfigGetStyles": {},
198
273
  "runtimeConfigInternalComponentProps": {},
199
274
  "motionVarPrefixes": []
200
275
  },
201
- Link: {
202
- "name": "Link",
203
- "defaultProps": { "variant": "primary" },
204
- "getStylesLiterals": {
205
- "display": "inline-flex",
206
- "alignItems": "center"
276
+ Table: {
277
+ "name": "Table",
278
+ "defaultProps": {
279
+ "display": "table-cell",
280
+ "overflow": "hidden",
281
+ "borderColor": "muted",
282
+ "borderRadius": "md",
283
+ "spacing": "3",
284
+ "borderBottomColor": "muted",
285
+ "borderBottomWidth": "thin",
286
+ "color": "primary"
207
287
  },
208
- "cxLiterals": [
209
- "uds-ring",
210
- "underline",
211
- "w-[0.7em]",
212
- "h-[0.7em]"
288
+ "getStylesLiterals": { "textAlign": "start" },
289
+ "cxLiterals": [],
290
+ "internalComponents": [
291
+ "CellComponent",
292
+ "Box",
293
+ "Text",
294
+ "Table.Root",
295
+ "Table.Header",
296
+ "Table.Row",
297
+ "Table.Cell",
298
+ "Table.Body"
213
299
  ],
214
- "internalComponents": ["IconSlot"],
215
- "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
216
- "propToVariantKeys": {
217
- "textVariant": [
218
- "linkTextStyleRoot",
219
- "fontSize",
220
- "fontFamily",
221
- "fontWeight",
222
- "lineHeight",
223
- "textTransform",
224
- "linkTextStyleIcon"
225
- ],
226
- "variant": [
227
- "linkVariantRoot",
228
- "linkVariantIconStart",
229
- "linkVariantIconEnd"
230
- ],
231
- "startIcon": ["icon"],
232
- "endIcon": ["icon"]
233
- },
300
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
301
+ "propToVariantKeys": {},
234
302
  "runtimeConfigDefaultProps": {},
235
303
  "runtimeConfigGetStyles": {},
236
304
  "runtimeConfigInternalComponentProps": {},
237
305
  "motionVarPrefixes": []
238
306
  },
239
- Switch: {
240
- "name": "Switch",
307
+ Divider: {
308
+ "name": "Divider",
241
309
  "defaultProps": {
242
- "labelPosition": "start",
243
- "size": "md"
310
+ "variant": "primary",
311
+ "contentPosition": "center"
312
+ },
313
+ "getStylesLiterals": {},
314
+ "cxLiterals": ["inherit"],
315
+ "internalComponents": [
316
+ "DividerLine",
317
+ "DividerLabel",
318
+ "InternalComponent",
319
+ "Box"
320
+ ],
321
+ "internalComponentProps": {
322
+ "InternalComponent": {
323
+ "alignItems": ["center"],
324
+ "flex": ["1"]
325
+ },
326
+ "Box": {
327
+ "display": ["flex"],
328
+ "flex": ["none"]
329
+ }
330
+ },
331
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
332
+ "runtimeConfigDefaultProps": {},
333
+ "runtimeConfigGetStyles": {},
334
+ "runtimeConfigInternalComponentProps": {},
335
+ "motionVarPrefixes": []
336
+ },
337
+ DividerLabel: {
338
+ "name": "DividerLabel",
339
+ "defaultProps": {
340
+ "variant": "primary",
341
+ "textVariant": "inherit",
342
+ "color": "inherit",
343
+ "as": "span"
344
+ },
345
+ "getStylesLiterals": {},
346
+ "cxLiterals": ["inherit"],
347
+ "internalComponents": ["Text"],
348
+ "internalComponentProps": {},
349
+ "propToVariantKeys": {
350
+ "variant": ["dividerVariantLabel"],
351
+ "textVariant": ["variant"]
352
+ },
353
+ "runtimeConfigDefaultProps": {},
354
+ "runtimeConfigGetStyles": {},
355
+ "runtimeConfigInternalComponentProps": {},
356
+ "motionVarPrefixes": []
357
+ },
358
+ DividerLine: {
359
+ "name": "DividerLine",
360
+ "defaultProps": { "variant": "primary" },
361
+ "getStylesLiterals": {},
362
+ "cxLiterals": ["inherit"],
363
+ "internalComponents": ["Box"],
364
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
365
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
366
+ "runtimeConfigDefaultProps": {},
367
+ "runtimeConfigGetStyles": {},
368
+ "runtimeConfigInternalComponentProps": {},
369
+ "motionVarPrefixes": []
370
+ },
371
+ BannerContent: {
372
+ "name": "BannerContent",
373
+ "defaultProps": {},
374
+ "getStylesLiterals": {},
375
+ "cxLiterals": [
376
+ "flex",
377
+ "flex-col",
378
+ "items-start",
379
+ "self-stretch",
380
+ "flex-1",
381
+ "min-w-0"
382
+ ],
383
+ "internalComponents": [],
384
+ "internalComponentProps": {},
385
+ "propToVariantKeys": {},
386
+ "runtimeConfigDefaultProps": {},
387
+ "runtimeConfigGetStyles": {},
388
+ "runtimeConfigInternalComponentProps": {},
389
+ "motionVarPrefixes": []
390
+ },
391
+ BannerDescription: {
392
+ "name": "BannerDescription",
393
+ "defaultProps": {},
394
+ "getStylesLiterals": {
395
+ "bannerSizeDescription": "default",
396
+ "className": "w-full line-clamp-3"
397
+ },
398
+ "cxLiterals": [],
399
+ "internalComponents": ["Text"],
400
+ "internalComponentProps": {},
401
+ "propToVariantKeys": {},
402
+ "runtimeConfigDefaultProps": {},
403
+ "runtimeConfigGetStyles": {},
404
+ "runtimeConfigInternalComponentProps": {},
405
+ "motionVarPrefixes": []
406
+ },
407
+ BannerTitle: {
408
+ "name": "BannerTitle",
409
+ "defaultProps": {},
410
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
411
+ "cxLiterals": ["w-full", "truncate"],
412
+ "internalComponents": ["Text"],
413
+ "internalComponentProps": {},
414
+ "propToVariantKeys": {},
415
+ "runtimeConfigDefaultProps": {},
416
+ "runtimeConfigGetStyles": {},
417
+ "runtimeConfigInternalComponentProps": {},
418
+ "motionVarPrefixes": []
419
+ },
420
+ Banner: {
421
+ "name": "Banner",
422
+ "defaultProps": {
423
+ "variant": "primary",
424
+ "size": "default",
425
+ "dismissAriaLabel": "Dismiss"
426
+ },
427
+ "getStylesLiterals": {
428
+ "className": "truncate",
429
+ "className:1": "line-clamp-3",
430
+ "spacing": "2",
431
+ "borderRadius": "full",
432
+ "color": "primary"
433
+ },
434
+ "cxLiterals": [
435
+ "uds-banner",
436
+ "flex",
437
+ "flex-row",
438
+ "items-center",
439
+ "items-start",
440
+ "min-w-[300px]",
441
+ "transition-[background-color]",
442
+ "motion-safe:duration-120",
443
+ "bg-carbon-15/0",
444
+ "hover:bg-carbon-15/10",
445
+ "active:bg-carbon-15/15",
446
+ "uds-ring",
447
+ "shrink-0",
448
+ "self-start",
449
+ "flex-1",
450
+ "min-w-0",
451
+ "flex-col",
452
+ "gap-[inherit]",
453
+ "uds-sm:flex-row",
454
+ "uds-sm:items-center",
455
+ "self-stretch",
456
+ "gap-0.5",
457
+ "w-full",
458
+ "truncate",
459
+ "leading-none",
460
+ "line-clamp-3",
461
+ "gap-1.5",
462
+ "uds-sm:self-center",
463
+ "uds-sm:shrink-0"
464
+ ],
465
+ "internalComponents": [
466
+ "IconSlot",
467
+ "Text",
468
+ "Pressable"
469
+ ],
470
+ "internalComponentProps": {
471
+ "IconSlot": { "data-testid": ["banner-start-icon"] },
472
+ "Text": { "data-testid": ["banner-title", "banner-description"] },
473
+ "Pressable": { "data-testid": ["banner-dismiss"] }
474
+ },
475
+ "propToVariantKeys": {
476
+ "variant": [
477
+ "bannerVariantRoot",
478
+ "bannerVariantIcon",
479
+ "bannerVariantTitle",
480
+ "bannerVariantDescription"
481
+ ],
482
+ "size": [
483
+ "bannerSizeRoot",
484
+ "bannerSizeIcon",
485
+ "bannerSizeTitle",
486
+ "bannerSizeDescription",
487
+ "bannerSizeClose"
488
+ ],
489
+ "startIcon": ["icon"],
490
+ "dismissAriaLabel": ["aria-label"],
491
+ "onDismiss": ["onClick"]
492
+ },
493
+ "runtimeConfigDefaultProps": {},
494
+ "runtimeConfigGetStyles": {},
495
+ "runtimeConfigInternalComponentProps": {},
496
+ "motionVarPrefixes": []
497
+ },
498
+ Checkbox: {
499
+ "name": "Checkbox",
500
+ "defaultProps": {
501
+ "labelPosition": "start",
502
+ "variant": "primary",
503
+ "size": "md"
244
504
  },
245
505
  "getStylesLiterals": {
246
- "switchVariantRoot": "default",
247
- "switchVariantActiveRoot": "on",
248
- "switchVariantActiveRoot:1": "off",
249
506
  "display": "flex",
250
507
  "flexDirection": "row",
251
508
  "flexDirection:1": "row-reverse",
252
- "alignItems": "center",
253
- "switchVariantSwitch": "default",
254
- "switchVariantActiveSwitch": "on",
255
- "switchVariantActiveSwitch:1": "off",
256
- "borderRadius": "full",
257
- "position": "relative",
258
- "switchVariantActiveHandle": "on",
259
- "switchVariantActiveHandle:1": "off",
260
- "switchVariantHandle": "default",
261
- "switchVariantHandleIcon": "default",
262
- "switchVariantActiveHandleIcon": "on",
263
- "switchVariantActiveHandleIcon:1": "off"
509
+ "alignItems": "center"
264
510
  },
265
511
  "cxLiterals": [
266
- "group",
267
512
  "cursor-pointer",
268
513
  "cursor-default",
269
514
  "opacity-50",
270
515
  "uds-ring",
271
516
  "uds-ring-within",
272
- "transition-[background-color,box-shadow]",
273
- "relative",
517
+ "transition-[background-color,border-color,box-shadow]",
274
518
  "pointer-events-none",
275
- "uds-border-radius-full",
276
- "overflow-hidden",
277
- "absolute",
278
- "top-0",
279
- "left-0",
280
- "right-0",
281
- "bottom-0",
282
- "opacity-95",
283
- "group-hover:opacity-100",
284
- "transition-[background-color,box-shadow,opacity]",
285
519
  "opacity-0",
520
+ "opacity-55",
521
+ "opacity-100",
522
+ "transition-opacity",
523
+ "cursor-[inherit]",
524
+ "absolute",
286
525
  "top-1/2",
287
526
  "left-1/2",
527
+ "w-[calc(100%+2px)]",
528
+ "h-[calc(100%+2px)]",
288
529
  "transform",
289
530
  "translate-x-[-50%]",
290
531
  "translate-y-[-50%]",
291
- "transition-opacity",
292
- "cursor-[inherit]",
293
- "w-[calc(100%+2px)]",
294
- "h-[calc(100%+2px)]",
295
532
  "text-start",
296
- "text-end",
297
- "opacity-100"
533
+ "text-end"
298
534
  ],
299
535
  "internalComponents": [
300
- "IconSlot",
301
- "Box",
536
+ "Icon",
302
537
  "FormLabel",
303
538
  "SpringMotionConfig",
304
539
  "RootElement",
305
540
  "MotionBox"
306
541
  ],
307
542
  "internalComponentProps": {
308
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
543
+ "Icon": { "size": ["sm"] },
309
544
  "FormLabel": {
310
545
  "as": ["div"],
311
546
  "variant": ["inherit"],
312
547
  "color": ["inherit"]
313
548
  },
314
- "RootElement": { "data-testid": ["container"] }
549
+ "RootElement": { "data-testid": ["container"] },
550
+ "MotionBox": {
551
+ "position": ["relative"],
552
+ "alignItems": ["center"],
553
+ "justifyContent": ["center"],
554
+ "flex": ["none"]
555
+ }
315
556
  },
316
557
  "propToVariantKeys": {
317
- "size": [
318
- "switchSizeRoot",
319
- "switchSizeSwitch",
320
- "switchSizeHandle",
321
- "switchSizeHandleIcon"
558
+ "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
559
+ "variant": [
560
+ "checkboxVariantRoot",
561
+ "checkboxVariantCheckbox",
562
+ "checkboxVariantCheckboxIcon"
563
+ ],
564
+ "valueState": [
565
+ "checkboxVariantValueRoot",
566
+ "checkboxVariantValueCheckbox",
567
+ "checkboxVariantValueCheckboxIcon"
568
+ ],
569
+ "reduceMotion": ["reducedMotion"]
570
+ },
571
+ "runtimeConfigDefaultProps": {},
572
+ "runtimeConfigGetStyles": {},
573
+ "runtimeConfigInternalComponentProps": {},
574
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
575
+ },
576
+ SpringMotionConfig: {
577
+ "name": "SpringMotionConfig",
578
+ "defaultProps": { "reducedMotion": "user" },
579
+ "getStylesLiterals": {},
580
+ "cxLiterals": [],
581
+ "internalComponents": ["LazyMotion", "MotionConfig"],
582
+ "internalComponentProps": {},
583
+ "propToVariantKeys": { "loadFeatures": ["features"] },
584
+ "runtimeConfigDefaultProps": {},
585
+ "runtimeConfigGetStyles": {},
586
+ "runtimeConfigInternalComponentProps": {},
587
+ "motionVarPrefixes": []
588
+ },
589
+ AnimateHeightChange: {
590
+ "name": "AnimateHeightChange",
591
+ "defaultProps": {},
592
+ "getStylesLiterals": {},
593
+ "cxLiterals": ["overflow-hidden"],
594
+ "internalComponents": ["SpringMotionConfig"],
595
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
596
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
597
+ "runtimeConfigDefaultProps": {},
598
+ "runtimeConfigGetStyles": {},
599
+ "runtimeConfigInternalComponentProps": {},
600
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
601
+ },
602
+ Switch: {
603
+ "name": "Switch",
604
+ "defaultProps": {
605
+ "labelPosition": "start",
606
+ "size": "md"
607
+ },
608
+ "getStylesLiterals": {
609
+ "switchVariantRoot": "default",
610
+ "switchVariantActiveRoot": "on",
611
+ "switchVariantActiveRoot:1": "off",
612
+ "display": "flex",
613
+ "flexDirection": "row",
614
+ "flexDirection:1": "row-reverse",
615
+ "alignItems": "center",
616
+ "switchVariantSwitch": "default",
617
+ "switchVariantActiveSwitch": "on",
618
+ "switchVariantActiveSwitch:1": "off",
619
+ "borderRadius": "full",
620
+ "position": "relative",
621
+ "switchVariantActiveHandle": "on",
622
+ "switchVariantActiveHandle:1": "off",
623
+ "switchVariantHandle": "default",
624
+ "switchVariantHandleIcon": "default",
625
+ "switchVariantActiveHandleIcon": "on",
626
+ "switchVariantActiveHandleIcon:1": "off"
627
+ },
628
+ "cxLiterals": [
629
+ "group",
630
+ "cursor-pointer",
631
+ "cursor-default",
632
+ "opacity-50",
633
+ "uds-ring",
634
+ "uds-ring-within",
635
+ "transition-[background-color,box-shadow]",
636
+ "relative",
637
+ "pointer-events-none",
638
+ "uds-border-radius-full",
639
+ "overflow-hidden",
640
+ "absolute",
641
+ "top-0",
642
+ "left-0",
643
+ "right-0",
644
+ "bottom-0",
645
+ "opacity-95",
646
+ "group-hover:opacity-100",
647
+ "transition-[background-color,box-shadow,opacity]",
648
+ "opacity-0",
649
+ "top-1/2",
650
+ "left-1/2",
651
+ "transform",
652
+ "translate-x-[-50%]",
653
+ "translate-y-[-50%]",
654
+ "transition-opacity",
655
+ "cursor-[inherit]",
656
+ "w-[calc(100%+2px)]",
657
+ "h-[calc(100%+2px)]",
658
+ "text-start",
659
+ "text-end",
660
+ "opacity-100"
661
+ ],
662
+ "internalComponents": [
663
+ "IconSlot",
664
+ "Box",
665
+ "FormLabel",
666
+ "SpringMotionConfig",
667
+ "RootElement",
668
+ "MotionBox"
669
+ ],
670
+ "internalComponentProps": {
671
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
672
+ "FormLabel": {
673
+ "as": ["div"],
674
+ "variant": ["inherit"],
675
+ "color": ["inherit"]
676
+ },
677
+ "RootElement": { "data-testid": ["container"] }
678
+ },
679
+ "propToVariantKeys": {
680
+ "size": [
681
+ "switchSizeRoot",
682
+ "switchSizeSwitch",
683
+ "switchSizeHandle",
684
+ "switchSizeHandleIcon"
322
685
  ],
323
686
  "onIcon": ["icon"],
324
687
  "offIcon": ["icon"],
@@ -329,8 +692,8 @@ var componentData_default = {
329
692
  "runtimeConfigInternalComponentProps": {},
330
693
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
331
694
  },
332
- Button: {
333
- "name": "Button",
695
+ IconButton: {
696
+ "name": "IconButton",
334
697
  "defaultProps": { "type": "button" },
335
698
  "getStylesLiterals": {},
336
699
  "cxLiterals": [
@@ -340,8 +703,6 @@ var componentData_default = {
340
703
  "overflow-hidden",
341
704
  "justify-center",
342
705
  "items-center",
343
- "whitespace-nowrap",
344
- "select-none",
345
706
  "[transform-origin:center]",
346
707
  "[backface-visibility:hidden]",
347
708
  "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
@@ -350,17 +711,10 @@ var componentData_default = {
350
711
  "cursor-not-allowed",
351
712
  "uds-button-loading",
352
713
  "uds-button-without-effects",
353
- "withIcon",
354
- "uds-button-with-gap",
355
- "animate-spin",
356
- "truncate",
357
- "flex",
358
- "overflow-clip",
359
- "uds-button-icon-container"
714
+ "animate-spin"
360
715
  ],
361
716
  "internalComponents": [
362
717
  "Icon",
363
- "IconSlot",
364
718
  "AnimatePresence",
365
719
  "SpringMotionConfig",
366
720
  "MotionSlot"
@@ -370,24 +724,74 @@ var componentData_default = {
370
724
  "AnimatePresence": { "mode": ["popLayout"] },
371
725
  "SpringMotionConfig": { "layoutSpeed": ["3"] },
372
726
  "MotionSlot": {
727
+ "initial": ["icon"],
373
728
  "whileHover": ["hover"],
374
729
  "whileTap": ["pressed"]
375
730
  }
376
731
  },
377
732
  "propToVariantKeys": {
378
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
733
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
379
734
  "variant": ["buttonVariantRoot", "buttonVariantIcon"],
380
- "iconVariant": ["variant"],
735
+ "iconVariant": ["variant"]
736
+ },
737
+ "runtimeConfigDefaultProps": {},
738
+ "runtimeConfigGetStyles": {},
739
+ "runtimeConfigInternalComponentProps": {},
740
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
741
+ },
742
+ Pressable: {
743
+ "name": "Pressable",
744
+ "defaultProps": {},
745
+ "getStylesLiterals": {},
746
+ "cxLiterals": [],
747
+ "internalComponents": ["Comp"],
748
+ "internalComponentProps": {},
749
+ "propToVariantKeys": {},
750
+ "runtimeConfigDefaultProps": {},
751
+ "runtimeConfigGetStyles": {},
752
+ "runtimeConfigInternalComponentProps": {},
753
+ "motionVarPrefixes": []
754
+ },
755
+ Badge: {
756
+ "name": "Badge",
757
+ "defaultProps": {
758
+ "variant": "primary",
759
+ "size": "md"
760
+ },
761
+ "getStylesLiterals": {},
762
+ "cxLiterals": [
763
+ "uds-badge",
764
+ "uds-badge-variant",
765
+ "uds-badge-size",
766
+ "uds-badge-iconSize",
767
+ "uds-badge-iconColor",
768
+ "flex-1",
769
+ "truncate",
770
+ "whitespace-nowrap",
771
+ "text-center"
772
+ ],
773
+ "internalComponents": ["IconSlot", "HStack"],
774
+ "internalComponentProps": {
775
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
776
+ "HStack": {
777
+ "gap": ["2"],
778
+ "display": ["inline-flex"],
779
+ "alignItems": ["center"]
780
+ }
781
+ },
782
+ "propToVariantKeys": {
783
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
784
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
381
785
  "startIcon": ["icon"],
382
786
  "endIcon": ["icon"]
383
787
  },
384
788
  "runtimeConfigDefaultProps": {},
385
789
  "runtimeConfigGetStyles": {},
386
790
  "runtimeConfigInternalComponentProps": {},
387
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
791
+ "motionVarPrefixes": []
388
792
  },
389
- IconButton: {
390
- "name": "IconButton",
793
+ Button: {
794
+ "name": "Button",
391
795
  "defaultProps": { "type": "button" },
392
796
  "getStylesLiterals": {},
393
797
  "cxLiterals": [
@@ -397,6 +801,8 @@ var componentData_default = {
397
801
  "overflow-hidden",
398
802
  "justify-center",
399
803
  "items-center",
804
+ "whitespace-nowrap",
805
+ "select-none",
400
806
  "[transform-origin:center]",
401
807
  "[backface-visibility:hidden]",
402
808
  "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
@@ -405,10 +811,17 @@ var componentData_default = {
405
811
  "cursor-not-allowed",
406
812
  "uds-button-loading",
407
813
  "uds-button-without-effects",
408
- "animate-spin"
814
+ "withIcon",
815
+ "uds-button-with-gap",
816
+ "animate-spin",
817
+ "truncate",
818
+ "flex",
819
+ "overflow-clip",
820
+ "uds-button-icon-container"
409
821
  ],
410
822
  "internalComponents": [
411
823
  "Icon",
824
+ "IconSlot",
412
825
  "AnimatePresence",
413
826
  "SpringMotionConfig",
414
827
  "MotionSlot"
@@ -418,185 +831,258 @@ var componentData_default = {
418
831
  "AnimatePresence": { "mode": ["popLayout"] },
419
832
  "SpringMotionConfig": { "layoutSpeed": ["3"] },
420
833
  "MotionSlot": {
421
- "initial": ["icon"],
422
834
  "whileHover": ["hover"],
423
835
  "whileTap": ["pressed"]
424
836
  }
425
837
  },
426
838
  "propToVariantKeys": {
427
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
839
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
428
840
  "variant": ["buttonVariantRoot", "buttonVariantIcon"],
429
- "iconVariant": ["variant"]
841
+ "iconVariant": ["variant"],
842
+ "startIcon": ["icon"],
843
+ "endIcon": ["icon"]
430
844
  },
431
845
  "runtimeConfigDefaultProps": {},
432
846
  "runtimeConfigGetStyles": {},
433
847
  "runtimeConfigInternalComponentProps": {},
434
848
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
435
849
  },
436
- SpringMotionConfig: {
437
- "name": "SpringMotionConfig",
438
- "defaultProps": { "reducedMotion": "user" },
439
- "getStylesLiterals": {},
440
- "cxLiterals": [],
441
- "internalComponents": ["LazyMotion", "MotionConfig"],
442
- "internalComponentProps": {},
443
- "propToVariantKeys": { "loadFeatures": ["features"] },
444
- "runtimeConfigDefaultProps": {},
445
- "runtimeConfigGetStyles": {},
446
- "runtimeConfigInternalComponentProps": {},
447
- "motionVarPrefixes": []
448
- },
449
- Checkbox: {
450
- "name": "Checkbox",
850
+ Accordion: {
851
+ "name": "Accordion",
451
852
  "defaultProps": {
452
- "labelPosition": "start",
453
- "variant": "primary",
454
- "size": "md"
455
- },
456
- "getStylesLiterals": {
457
- "display": "flex",
458
- "flexDirection": "row",
459
- "flexDirection:1": "row-reverse",
460
- "alignItems": "center"
853
+ "spacingHorizontal": "4",
854
+ "spacingVertical": "4"
461
855
  },
462
- "cxLiterals": [
463
- "cursor-pointer",
464
- "cursor-default",
465
- "opacity-50",
466
- "uds-ring",
467
- "uds-ring-within",
468
- "transition-[background-color,border-color,box-shadow]",
469
- "pointer-events-none",
470
- "opacity-0",
471
- "opacity-55",
472
- "opacity-100",
473
- "transition-opacity",
474
- "cursor-[inherit]",
856
+ "getStylesLiterals": {},
857
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
858
+ "internalComponents": [
859
+ "Icon",
860
+ "SpringMotionConfig",
861
+ "Pressable",
862
+ "Text",
863
+ "HStack",
864
+ "AnimatePresence",
865
+ "VStack"
866
+ ],
867
+ "internalComponentProps": {
868
+ "Icon": {
869
+ "variant": ["fill"],
870
+ "size": ["sm"],
871
+ "color": ["primary"]
872
+ },
873
+ "SpringMotionConfig": {
874
+ "layoutVariant": ["smooth"],
875
+ "layoutSpeed": ["3"]
876
+ },
877
+ "Pressable": {
878
+ "display": ["flex"],
879
+ "flexDirection": ["row"],
880
+ "alignItems": ["center"],
881
+ "justifyContent": ["space-between"],
882
+ "borderRadius": ["md"]
883
+ },
884
+ "Text": {
885
+ "variant": ["title4"],
886
+ "color": ["primary"]
887
+ },
888
+ "HStack": {
889
+ "display": ["flex"],
890
+ "alignItems": ["center"],
891
+ "justifyContent": ["space-between"],
892
+ "columnGap": ["2.5"]
893
+ }
894
+ },
895
+ "propToVariantKeys": {},
896
+ "runtimeConfigDefaultProps": {},
897
+ "runtimeConfigGetStyles": {},
898
+ "runtimeConfigInternalComponentProps": {},
899
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
900
+ },
901
+ AvoidMotionLibraryProvider: {
902
+ "name": "AvoidMotionLibraryProvider",
903
+ "defaultProps": {},
904
+ "getStylesLiterals": {},
905
+ "cxLiterals": [],
906
+ "internalComponents": [],
907
+ "internalComponentProps": {},
908
+ "propToVariantKeys": {},
909
+ "runtimeConfigDefaultProps": {},
910
+ "runtimeConfigGetStyles": {},
911
+ "runtimeConfigInternalComponentProps": {},
912
+ "motionVarPrefixes": []
913
+ },
914
+ SwitchV2: {
915
+ "name": "SwitchV2",
916
+ "defaultProps": {
917
+ "labelPosition": "start",
918
+ "size": "md"
919
+ },
920
+ "getStylesLiterals": {
921
+ "switchVariantRoot": "default",
922
+ "switchVariantActiveRoot": "on",
923
+ "switchVariantActiveRoot:1": "off",
924
+ "switchVariantSwitch": "default",
925
+ "switchVariantActiveSwitch": "on",
926
+ "switchVariantActiveSwitch:1": "off",
927
+ "switchVariantActiveHandle": "on",
928
+ "switchVariantActiveHandle:1": "off",
929
+ "switchVariantHandle": "default",
930
+ "switchVariantHandleIcon": "default",
931
+ "switchVariantActiveHandleIcon": "on",
932
+ "switchVariantActiveHandleIcon:1": "off"
933
+ },
934
+ "cxLiterals": [
935
+ "group",
936
+ "flex",
937
+ "items-center",
938
+ "flex-row",
939
+ "flex-row-reverse",
940
+ "uds-ring",
941
+ "uds-ring-within",
942
+ "relative",
943
+ "uds-border-radius-full",
944
+ "transition-[background-color,box-shadow]",
945
+ "pointer-events-none",
946
+ "w-full",
947
+ "h-full",
475
948
  "absolute",
949
+ "top-0",
950
+ "bottom-0",
951
+ "right-0",
952
+ "left-0",
953
+ "overflow-hidden",
954
+ "group-hover:scale-105",
955
+ "opacity-95",
956
+ "group-hover:opacity-100",
957
+ "transition-[transform,opacity]",
958
+ "opacity-0",
476
959
  "top-1/2",
477
960
  "left-1/2",
478
- "w-[calc(100%+2px)]",
479
- "h-[calc(100%+2px)]",
480
961
  "transform",
481
962
  "translate-x-[-50%]",
482
963
  "translate-y-[-50%]",
964
+ "transition-opacity",
965
+ "cursor-[inherit]",
966
+ "w-[calc(100%+2px)]",
967
+ "h-[calc(100%+2px)]",
483
968
  "text-start",
484
- "text-end"
969
+ "text-end",
970
+ "opacity-100"
485
971
  ],
486
972
  "internalComponents": [
487
- "Icon",
973
+ "IconSlot",
974
+ "Box",
488
975
  "FormLabel",
489
976
  "SpringMotionConfig",
490
977
  "RootElement",
491
978
  "MotionBox"
492
979
  ],
493
980
  "internalComponentProps": {
494
- "Icon": { "size": ["sm"] },
981
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
495
982
  "FormLabel": {
496
983
  "as": ["div"],
497
984
  "variant": ["inherit"],
498
985
  "color": ["inherit"]
499
986
  },
500
- "RootElement": { "data-testid": ["container"] },
501
- "MotionBox": {
502
- "position": ["relative"],
503
- "alignItems": ["center"],
504
- "justifyContent": ["center"],
505
- "flex": ["none"]
506
- }
987
+ "SpringMotionConfig": {
988
+ "layoutVariant": ["bouncy"],
989
+ "layoutSpeed": ["4"]
990
+ },
991
+ "RootElement": { "data-testid": ["switch-root"] },
992
+ "MotionBox": { "layout": ["position"] }
507
993
  },
508
994
  "propToVariantKeys": {
509
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
510
- "variant": [
511
- "checkboxVariantRoot",
512
- "checkboxVariantCheckbox",
513
- "checkboxVariantCheckboxIcon"
514
- ],
515
- "valueState": [
516
- "checkboxVariantValueRoot",
517
- "checkboxVariantValueCheckbox",
518
- "checkboxVariantValueCheckboxIcon"
995
+ "size": [
996
+ "switchSizeRoot",
997
+ "switchSizeSwitch",
998
+ "switchSizeHandle",
999
+ "switchSizeHandleIcon"
519
1000
  ],
520
- "reduceMotion": ["reducedMotion"]
1001
+ "onIcon": ["icon"],
1002
+ "offIcon": ["icon"],
1003
+ "reduceMotion": ["reducedMotion"],
1004
+ "isOn": ["layoutDependency"]
521
1005
  },
522
1006
  "runtimeConfigDefaultProps": {},
523
1007
  "runtimeConfigGetStyles": {},
524
1008
  "runtimeConfigInternalComponentProps": {},
525
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
526
- },
527
- Pressable: {
528
- "name": "Pressable",
529
- "defaultProps": {},
530
- "getStylesLiterals": {},
531
- "cxLiterals": [],
532
- "internalComponents": ["Comp"],
533
- "internalComponentProps": {},
534
- "propToVariantKeys": {},
535
- "runtimeConfigDefaultProps": {},
536
- "runtimeConfigGetStyles": {},
537
- "runtimeConfigInternalComponentProps": {},
538
- "motionVarPrefixes": []
539
- },
540
- AnimateHeightChange: {
541
- "name": "AnimateHeightChange",
542
- "defaultProps": {},
543
- "getStylesLiterals": {},
544
- "cxLiterals": ["overflow-hidden"],
545
- "internalComponents": ["SpringMotionConfig"],
546
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
547
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
548
- "runtimeConfigDefaultProps": {},
549
- "runtimeConfigGetStyles": {},
550
- "runtimeConfigInternalComponentProps": {},
551
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
1009
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
552
1010
  },
553
- Badge: {
554
- "name": "Badge",
555
- "defaultProps": {
556
- "variant": "primary",
557
- "size": "md"
1011
+ SegmentedControl: {
1012
+ "name": "SegmentedControl",
1013
+ "defaultProps": { "textVariant": "label2" },
1014
+ "getStylesLiterals": {
1015
+ "display": "flex",
1016
+ "alignItems": "center",
1017
+ "backgroundColor": "primary",
1018
+ "spacingVertical": "1",
1019
+ "spacingHorizontal": "3",
1020
+ "columnGap": "1.5",
1021
+ "borderWidth": "thin",
1022
+ "borderRadius": "full",
1023
+ "borderColor": "muted",
1024
+ "borderColor:1": "transparent",
1025
+ "color": "primary",
1026
+ "color:1": "tertiary",
1027
+ "color:2": "muted"
558
1028
  },
559
- "getStylesLiterals": {},
560
1029
  "cxLiterals": [
561
- "uds-badge",
562
- "uds-badge-variant",
563
- "uds-badge-size",
564
- "uds-badge-iconSize",
565
- "uds-badge-iconColor",
566
- "flex-1",
567
- "truncate",
568
- "whitespace-nowrap",
569
- "text-center"
1030
+ "uds-ring",
1031
+ "cursor-not-allowed",
1032
+ "opacity-50",
1033
+ "pointer-events-none",
1034
+ "hover:bg-primary"
1035
+ ],
1036
+ "internalComponents": [
1037
+ "Radio",
1038
+ "Icon",
1039
+ "RadioProvider",
1040
+ "HStack",
1041
+ "RadioGroup",
1042
+ "Pressable",
1043
+ "Text"
570
1044
  ],
571
- "internalComponents": ["IconSlot", "HStack"],
572
1045
  "internalComponentProps": {
573
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
1046
+ "Icon": {
1047
+ "size": ["sm"],
1048
+ "color": ["current"],
1049
+ "aria-hidden": ["true"]
1050
+ },
574
1051
  "HStack": {
575
- "gap": ["2"],
576
- "display": ["inline-flex"],
577
- "alignItems": ["center"]
578
- }
1052
+ "spacing": ["1"],
1053
+ "gap": ["1"],
1054
+ "backgroundColor": ["secondary"],
1055
+ "borderRadius": ["full"],
1056
+ "display": ["inline-flex"]
1057
+ },
1058
+ "Text": { "color": ["current"] }
579
1059
  },
580
1060
  "propToVariantKeys": {
581
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
582
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
583
- "startIcon": ["icon"],
584
- "endIcon": ["icon"]
1061
+ "value": ["key"],
1062
+ "label": ["aria-label"],
1063
+ "textVariant": ["variant"]
585
1064
  },
586
1065
  "runtimeConfigDefaultProps": {},
587
1066
  "runtimeConfigGetStyles": {},
588
1067
  "runtimeConfigInternalComponentProps": {},
589
1068
  "motionVarPrefixes": []
590
1069
  },
591
- BannerDescription: {
592
- "name": "BannerDescription",
593
- "defaultProps": {},
1070
+ "Menu.Item": {
1071
+ "name": "Menu.Item",
1072
+ "defaultProps": {},
594
1073
  "getStylesLiterals": {
595
- "bannerSizeDescription": "default",
596
- "className": "w-full line-clamp-3"
1074
+ "menuitemItemVariantRoot": "default",
1075
+ "menuitemItemVariantActiveRoot": "on",
1076
+ "menuitemItemVariantActiveRoot:1": "off",
1077
+ "menuitemItemVariantText": "default",
1078
+ "menuitemItemVariantActiveText": "on",
1079
+ "menuitemItemVariantActiveText:1": "off",
1080
+ "menuitemItemVariantIcon": "default",
1081
+ "menuitemItemVariantActiveIcon": "on",
1082
+ "menuitemItemVariantActiveIcon:1": "off"
597
1083
  },
598
1084
  "cxLiterals": [],
599
- "internalComponents": ["Text"],
1085
+ "internalComponents": ["MenuItemBase"],
600
1086
  "internalComponentProps": {},
601
1087
  "propToVariantKeys": {},
602
1088
  "runtimeConfigDefaultProps": {},
@@ -604,19 +1090,25 @@ var componentData_default = {
604
1090
  "runtimeConfigInternalComponentProps": {},
605
1091
  "motionVarPrefixes": []
606
1092
  },
607
- BannerContent: {
608
- "name": "BannerContent",
1093
+ "Menu.ItemCheckbox": {
1094
+ "name": "Menu.ItemCheckbox",
609
1095
  "defaultProps": {},
610
- "getStylesLiterals": {},
611
- "cxLiterals": [
612
- "flex",
613
- "flex-col",
614
- "items-start",
615
- "self-stretch",
616
- "flex-1",
617
- "min-w-0"
618
- ],
619
- "internalComponents": [],
1096
+ "getStylesLiterals": {
1097
+ "menuitemItemCheckboxVariantRoot": "default",
1098
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1099
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1100
+ "menuitemItemCheckboxVariantText": "default",
1101
+ "menuitemItemCheckboxVariantActiveText": "on",
1102
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1103
+ "menuitemItemCheckboxVariantStartIcon": "default",
1104
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1105
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1106
+ "menuitemItemCheckboxVariantEndIcon": "default",
1107
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1108
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1109
+ },
1110
+ "cxLiterals": ["uds-menu-item-checkbox"],
1111
+ "internalComponents": ["MenuItemBase"],
620
1112
  "internalComponentProps": {},
621
1113
  "propToVariantKeys": {},
622
1114
  "runtimeConfigDefaultProps": {},
@@ -624,12 +1116,12 @@ var componentData_default = {
624
1116
  "runtimeConfigInternalComponentProps": {},
625
1117
  "motionVarPrefixes": []
626
1118
  },
627
- BannerTitle: {
628
- "name": "BannerTitle",
1119
+ "Menu.index": {
1120
+ "name": "Menu.index",
629
1121
  "defaultProps": {},
630
- "getStylesLiterals": { "bannerSizeTitle": "default" },
631
- "cxLiterals": ["w-full", "truncate"],
632
- "internalComponents": ["Text"],
1122
+ "getStylesLiterals": {},
1123
+ "cxLiterals": [],
1124
+ "internalComponents": [],
633
1125
  "internalComponentProps": {},
634
1126
  "propToVariantKeys": {},
635
1127
  "runtimeConfigDefaultProps": {},
@@ -637,205 +1129,117 @@ var componentData_default = {
637
1129
  "runtimeConfigInternalComponentProps": {},
638
1130
  "motionVarPrefixes": []
639
1131
  },
640
- Banner: {
641
- "name": "Banner",
1132
+ "Menu.ItemBase": {
1133
+ "name": "Menu.ItemBase",
642
1134
  "defaultProps": {
643
- "variant": "primary",
644
- "size": "default",
645
- "dismissAriaLabel": "Dismiss"
1135
+ "spacing": "0",
1136
+ "spacingHorizontal": "4",
1137
+ "spacingVertical": "3.5",
1138
+ "columnGap": "2",
1139
+ "alignItems": "center",
1140
+ "justifyContent": "space-between"
646
1141
  },
647
1142
  "getStylesLiterals": {
648
- "className": "truncate",
649
- "className:1": "line-clamp-3",
650
- "spacing": "2",
651
- "borderRadius": "full",
652
- "color": "primary"
1143
+ "textAlign": "start",
1144
+ "menuitemSizeRoot": "default",
1145
+ "flexDirection": "row",
1146
+ "menuitemSizeStartIcon": "default",
1147
+ "menuitemSizeEndIcon": "default"
653
1148
  },
654
1149
  "cxLiterals": [
655
- "uds-banner",
1150
+ "uds-menu-item",
656
1151
  "flex",
657
- "flex-row",
658
- "items-center",
659
- "items-start",
660
- "min-w-[300px]",
661
- "transition-[background-color]",
662
- "motion-safe:duration-120",
663
- "bg-carbon-15/0",
664
- "hover:bg-carbon-15/10",
665
- "active:bg-carbon-15/15",
1152
+ "focus-visible:text-brand",
1153
+ "focus-visible:bg-brand-secondary",
1154
+ "focus-visible:z-10",
666
1155
  "uds-ring",
667
- "shrink-0",
668
- "self-start",
669
- "flex-1",
670
- "min-w-0",
671
- "flex-col",
672
- "gap-[inherit]",
673
- "uds-sm:flex-row",
674
- "uds-sm:items-center",
675
- "self-stretch",
676
- "gap-0.5",
677
- "w-full",
1156
+ "!-outline-offset-2",
1157
+ "[&:not([aria-checked])]:cursor-default",
1158
+ "opacity-25",
1159
+ "cursor-not-allowed",
1160
+ "duration-20",
1161
+ "transition-[font-variation-settings]",
1162
+ "ease-in-out",
1163
+ "z-0",
678
1164
  "truncate",
679
- "leading-none",
680
- "line-clamp-3",
681
- "gap-1.5",
682
- "uds-sm:self-center",
683
- "uds-sm:shrink-0"
1165
+ "uds-start-icon",
1166
+ "uds-end-icon"
684
1167
  ],
685
1168
  "internalComponents": [
1169
+ "Pressable",
686
1170
  "IconSlot",
687
- "Text",
688
- "Pressable"
1171
+ "RootComponent",
1172
+ "HStack",
1173
+ "AnimatePresence"
689
1174
  ],
690
1175
  "internalComponentProps": {
691
- "IconSlot": { "data-testid": ["banner-start-icon"] },
692
- "Text": { "data-testid": ["banner-title", "banner-description"] },
693
- "Pressable": { "data-testid": ["banner-dismiss"] }
1176
+ "HStack": {
1177
+ "alignItems": ["center"],
1178
+ "width": ["full"]
1179
+ },
1180
+ "AnimatePresence": { "mode": ["popLayout"] }
694
1181
  },
695
1182
  "propToVariantKeys": {
696
- "variant": [
697
- "bannerVariantRoot",
698
- "bannerVariantIcon",
699
- "bannerVariantTitle",
700
- "bannerVariantDescription"
701
- ],
702
- "size": [
703
- "bannerSizeRoot",
704
- "bannerSizeIcon",
705
- "bannerSizeTitle",
706
- "bannerSizeDescription",
707
- "bannerSizeClose"
708
- ],
1183
+ "startIconClassName": ["className"],
1184
+ "endIconClassName": ["className"],
709
1185
  "startIcon": ["icon"],
710
- "dismissAriaLabel": ["aria-label"],
711
- "onDismiss": ["onClick"]
1186
+ "endIcon": ["icon"],
1187
+ "columnGap": ["gap"]
712
1188
  },
713
1189
  "runtimeConfigDefaultProps": {},
714
1190
  "runtimeConfigGetStyles": {},
715
1191
  "runtimeConfigInternalComponentProps": {},
716
1192
  "motionVarPrefixes": []
717
1193
  },
718
- DividerLine: {
719
- "name": "DividerLine",
720
- "defaultProps": { "variant": "primary" },
721
- "getStylesLiterals": {},
722
- "cxLiterals": ["inherit"],
723
- "internalComponents": ["Box"],
724
- "internalComponentProps": { "Box": { "flex": ["1"] } },
725
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
726
- "runtimeConfigDefaultProps": {},
727
- "runtimeConfigGetStyles": {},
728
- "runtimeConfigInternalComponentProps": {},
729
- "motionVarPrefixes": []
730
- },
731
- DividerLabel: {
732
- "name": "DividerLabel",
1194
+ "Menu.Divider": {
1195
+ "name": "Menu.Divider",
733
1196
  "defaultProps": {
734
- "variant": "primary",
735
- "textVariant": "inherit",
736
- "color": "inherit",
737
- "as": "span"
1197
+ "role": "separator",
1198
+ "contentPosition": "start",
1199
+ "gap": "4"
738
1200
  },
739
- "getStylesLiterals": {},
740
- "cxLiterals": ["inherit"],
741
- "internalComponents": ["Text"],
742
- "internalComponentProps": {},
743
- "propToVariantKeys": {
744
- "variant": ["dividerVariantLabel"],
745
- "textVariant": ["variant"]
1201
+ "getStylesLiterals": {
1202
+ "menuitemDividerVariantRoot": "default",
1203
+ "menuitemDividerVariantText": "default",
1204
+ "menuitemDividerVariantLine": "default"
746
1205
  },
1206
+ "cxLiterals": [],
1207
+ "internalComponents": ["Divider"],
1208
+ "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1209
+ "propToVariantKeys": {},
747
1210
  "runtimeConfigDefaultProps": {},
748
1211
  "runtimeConfigGetStyles": {},
749
1212
  "runtimeConfigInternalComponentProps": {},
750
1213
  "motionVarPrefixes": []
751
1214
  },
752
- Divider: {
753
- "name": "Divider",
754
- "defaultProps": {
755
- "variant": "primary",
756
- "contentPosition": "center"
757
- },
1215
+ "Menu.Trigger": {
1216
+ "name": "Menu.Trigger",
1217
+ "defaultProps": {},
758
1218
  "getStylesLiterals": {},
759
- "cxLiterals": ["inherit"],
760
- "internalComponents": [
761
- "DividerLine",
762
- "DividerLabel",
763
- "InternalComponent",
764
- "Box"
765
- ],
766
- "internalComponentProps": {
767
- "InternalComponent": {
768
- "alignItems": ["center"],
769
- "flex": ["1"]
770
- },
771
- "Box": {
772
- "display": ["flex"],
773
- "flex": ["none"]
774
- }
775
- },
776
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
1219
+ "cxLiterals": ["uds-menu-trigger"],
1220
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1221
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1222
+ "propToVariantKeys": {},
777
1223
  "runtimeConfigDefaultProps": {},
778
1224
  "runtimeConfigGetStyles": {},
779
1225
  "runtimeConfigInternalComponentProps": {},
780
1226
  "motionVarPrefixes": []
781
1227
  },
782
- Table: {
783
- "name": "Table",
784
- "defaultProps": {
785
- "display": "table-cell",
786
- "overflow": "hidden",
787
- "borderColor": "muted",
788
- "borderRadius": "md",
789
- "spacing": "3",
790
- "borderBottomColor": "muted",
791
- "borderBottomWidth": "thin",
792
- "color": "primary"
793
- },
794
- "getStylesLiterals": { "textAlign": "start" },
1228
+ "Menu.Provider": {
1229
+ "name": "Menu.Provider",
1230
+ "defaultProps": {},
1231
+ "getStylesLiterals": {},
795
1232
  "cxLiterals": [],
796
- "internalComponents": [
797
- "CellComponent",
798
- "Box",
799
- "Text",
800
- "Table.Root",
801
- "Table.Header",
802
- "Table.Row",
803
- "Table.Cell",
804
- "Table.Body"
805
- ],
806
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
1233
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1234
+ "internalComponentProps": {},
807
1235
  "propToVariantKeys": {},
808
1236
  "runtimeConfigDefaultProps": {},
809
1237
  "runtimeConfigGetStyles": {},
810
1238
  "runtimeConfigInternalComponentProps": {},
811
- "motionVarPrefixes": []
1239
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
812
1240
  },
813
- Spinner: {
814
- "name": "Spinner",
815
- "defaultProps": {
816
- "color": "primary",
817
- "size": "lg"
818
- },
819
- "getStylesLiterals": {},
820
- "cxLiterals": [
821
- "self-center",
822
- "relative",
823
- "sr-only"
824
- ],
825
- "internalComponents": ["Icon"],
826
- "internalComponentProps": { "Icon": {
827
- "role": ["img"],
828
- "className": ["animate-spin"],
829
- "aria-hidden": ["true"]
830
- } },
831
- "propToVariantKeys": {},
832
- "runtimeConfigDefaultProps": {},
833
- "runtimeConfigGetStyles": {},
834
- "runtimeConfigInternalComponentProps": {},
835
- "motionVarPrefixes": []
836
- },
837
- "Table.mocks": {
838
- "name": "Table.mocks",
1241
+ Menu: {
1242
+ "name": "Menu",
839
1243
  "defaultProps": {},
840
1244
  "getStylesLiterals": {},
841
1245
  "cxLiterals": [],
@@ -847,605 +1251,159 @@ var componentData_default = {
847
1251
  "runtimeConfigInternalComponentProps": {},
848
1252
  "motionVarPrefixes": []
849
1253
  },
850
- PaddleNavContent: {
851
- "name": "PaddleNavContent",
852
- "defaultProps": {},
1254
+ "Menu.Content": {
1255
+ "name": "Menu.Content",
1256
+ "defaultProps": {
1257
+ "size": "default",
1258
+ "variant": "default",
1259
+ "gutter": "1"
1260
+ },
853
1261
  "getStylesLiterals": {},
854
1262
  "cxLiterals": [
855
- "min-w-0",
856
- "min-h-0",
857
- "relative"
1263
+ "uds-menu-content",
1264
+ "transition-shadow",
1265
+ "duration-200",
1266
+ "ease-in-out",
1267
+ "min-w-60",
1268
+ "max-w-lg",
1269
+ "max-h-96",
1270
+ "overflow-auto",
1271
+ "uds-ring",
1272
+ "z-10",
1273
+ "group"
1274
+ ],
1275
+ "internalComponents": [
1276
+ "AriakitMenu",
1277
+ "AnimatePresence",
1278
+ "MotionVStack"
858
1279
  ],
859
- "internalComponents": [],
860
1280
  "internalComponentProps": {},
861
- "propToVariantKeys": {},
1281
+ "propToVariantKeys": {
1282
+ "size": ["menucontentSizeRoot"],
1283
+ "variant": ["menucontentVariantRoot"]
1284
+ },
862
1285
  "runtimeConfigDefaultProps": {},
863
1286
  "runtimeConfigGetStyles": {},
864
1287
  "runtimeConfigInternalComponentProps": {},
865
1288
  "motionVarPrefixes": []
866
1289
  },
867
- PaddleButton: {
868
- "name": "PaddleButton",
869
- "defaultProps": {},
870
- "getStylesLiterals": {},
1290
+ Pagination: {
1291
+ "name": "Pagination",
1292
+ "defaultProps": {
1293
+ "ellipsisPlacement": "default",
1294
+ "size": "md",
1295
+ "variant": "default",
1296
+ "'aria-label'": "Pagination"
1297
+ },
1298
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
871
1299
  "cxLiterals": [
872
- "relative",
873
1300
  "inline-flex",
874
1301
  "items-center",
875
1302
  "justify-center",
876
- "box-border",
877
- "overflow-hidden",
1303
+ "relative",
1304
+ "m-0",
878
1305
  "border-solid",
879
- "select-none",
880
- "uds-nested-radius",
881
- "transition-[color,border-color,box-shadow]",
882
- "duration-[180ms]",
883
- "ease-[cubic-bezier(0,0,0.2,1)]",
1306
+ "inline-grid",
1307
+ "shrink-0",
1308
+ "place-items-center",
1309
+ "place-content-center",
1310
+ "rounded-full",
1311
+ "box-border",
1312
+ "w-[var(--uds-pagination-control-size)]",
1313
+ "appearance-none",
884
1314
  "uds-ring",
885
1315
  "cursor-pointer",
886
- "cursor-not-allowed",
887
- "opacity-50",
1316
+ "select-none",
888
1317
  "pointer-events-none",
889
- "hidden",
890
- "absolute",
891
- "inset-0",
892
- "-z-10",
893
- "rounded-[var(--uds-nested-radius)]",
894
- "transition-[background-color,opacity]"
1318
+ "auto-cols-max",
1319
+ "grid-flow-col",
1320
+ "gap-1",
1321
+ "block",
1322
+ "tabular-nums",
1323
+ "!leading-none",
1324
+ "[text-box-trim:trim-both]",
1325
+ "[text-box-edge:cap_alphabetic]",
1326
+ "h-[var(--uds-pagination-control-size)]"
895
1327
  ],
896
- "internalComponents": ["Icon"],
897
- "internalComponentProps": { "Icon": {
898
- "size": ["md"],
899
- "color": ["current"]
900
- } },
1328
+ "internalComponents": ["PaginationProvider"],
1329
+ "internalComponentProps": {},
901
1330
  "propToVariantKeys": {
902
- "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
903
- "variant": [
904
- "paddlenavVariantRoot",
905
- "paddlenavVariantBackground",
906
- "paddlenavVariantIcon"
907
- ]
1331
+ "size": [
1332
+ "paginationSizeRoot",
1333
+ "paginationSizeItem",
1334
+ "paginationSizeIcon",
1335
+ "paginationSizeText"
1336
+ ],
1337
+ "variant": ["paginationVariantRoot"],
1338
+ "activeState": ["paginationVariantActiveRoot"]
908
1339
  },
909
1340
  "runtimeConfigDefaultProps": {},
910
1341
  "runtimeConfigGetStyles": {},
911
1342
  "runtimeConfigInternalComponentProps": {},
912
1343
  "motionVarPrefixes": []
913
1344
  },
914
- PaddleNav: {
915
- "name": "PaddleNav",
916
- "defaultProps": {
917
- "orientation": "horizontal",
918
- "variant": "primary",
919
- "size": "md"
920
- },
921
- "getStylesLiterals": {},
1345
+ PaginationPrev: {
1346
+ "name": "PaginationPrev",
1347
+ "defaultProps": { "label": "Previous" },
1348
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
922
1349
  "cxLiterals": [
923
- "pointer-events-none",
924
1350
  "inline-flex",
925
- "flex-row",
926
- "gap-2",
927
1351
  "items-center",
928
- "pointer-events-auto",
929
- "flex-col",
1352
+ "justify-center",
930
1353
  "relative",
931
- "min-w-0",
932
- "min-h-0",
933
- "flex-1",
934
- "inline-block",
935
- "absolute",
936
- "z-10",
937
- "top-2",
938
- "left-1/2",
939
- "-translate-x-1/2",
940
- "left-2",
941
- "top-1/2",
942
- "-translate-y-1/2",
943
- "bottom-2",
944
- "right-2",
945
- "-top-12",
946
- "left-0",
947
- "right-0",
948
- "-bottom-12"
1354
+ "m-0",
1355
+ "border-solid",
1356
+ "inline-grid",
1357
+ "shrink-0",
1358
+ "place-items-center",
1359
+ "place-content-center",
1360
+ "rounded-full",
1361
+ "box-border",
1362
+ "w-[var(--uds-pagination-control-size)]",
1363
+ "appearance-none",
1364
+ "uds-ring",
1365
+ "cursor-pointer",
1366
+ "select-none",
1367
+ "pointer-events-none",
1368
+ "auto-cols-max",
1369
+ "grid-flow-col",
1370
+ "gap-1",
1371
+ "block",
1372
+ "tabular-nums",
1373
+ "!leading-none",
1374
+ "[text-box-trim:trim-both]",
1375
+ "[text-box-edge:cap_alphabetic]",
1376
+ "h-[var(--uds-pagination-control-size)]"
949
1377
  ],
950
- "internalComponents": ["PaddleNavContext.Provider", "Box"],
951
- "internalComponentProps": { "Box": {
952
- "display": ["inline-flex"],
953
- "alignItems": ["center"],
954
- "justifyContent": ["center"],
955
- "data-paddle-nav-outside": ["true"]
956
- } },
957
- "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
958
- "runtimeConfigDefaultProps": {},
959
- "runtimeConfigGetStyles": {},
960
- "runtimeConfigInternalComponentProps": {},
961
- "motionVarPrefixes": []
962
- },
963
- PaddleButtonPrevious: {
964
- "name": "PaddleButtonPrevious",
965
- "defaultProps": {},
966
- "getStylesLiterals": {},
967
- "cxLiterals": [],
968
- "internalComponents": ["PaddleButton"],
969
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
970
- "propToVariantKeys": {},
971
- "runtimeConfigDefaultProps": {},
972
- "runtimeConfigGetStyles": {},
973
- "runtimeConfigInternalComponentProps": {},
974
- "motionVarPrefixes": []
975
- },
976
- PaddleButtonNext: {
977
- "name": "PaddleButtonNext",
978
- "defaultProps": {},
979
- "getStylesLiterals": {},
980
- "cxLiterals": [],
981
- "internalComponents": ["PaddleButton"],
982
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
983
- "propToVariantKeys": {},
1378
+ "internalComponents": ["Icon", "Comp"],
1379
+ "internalComponentProps": {
1380
+ "Icon": {
1381
+ "size": ["sm"],
1382
+ "color": ["current"]
1383
+ },
1384
+ "Comp": {
1385
+ "type": ["button"],
1386
+ "aria-label": ["Go to previous page"]
1387
+ }
1388
+ },
1389
+ "propToVariantKeys": {
1390
+ "size": [
1391
+ "paginationSizeRoot",
1392
+ "paginationSizeItem",
1393
+ "paginationSizeIcon",
1394
+ "paginationSizeText"
1395
+ ],
1396
+ "variant": ["paginationVariantRoot"],
1397
+ "activeState": ["paginationVariantActiveRoot"]
1398
+ },
984
1399
  "runtimeConfigDefaultProps": {},
985
1400
  "runtimeConfigGetStyles": {},
986
1401
  "runtimeConfigInternalComponentProps": {},
987
1402
  "motionVarPrefixes": []
988
1403
  },
989
- RadioGroupStore: {
990
- "name": "RadioGroupStore",
1404
+ PaginationEllipsis: {
1405
+ "name": "PaginationEllipsis",
991
1406
  "defaultProps": {},
992
- "getStylesLiterals": {},
993
- "cxLiterals": [],
994
- "internalComponents": [],
995
- "internalComponentProps": {},
996
- "propToVariantKeys": {},
997
- "runtimeConfigDefaultProps": {},
998
- "runtimeConfigGetStyles": {},
999
- "runtimeConfigInternalComponentProps": {},
1000
- "motionVarPrefixes": []
1001
- },
1002
- RadioGroupProvider: {
1003
- "name": "RadioGroupProvider",
1004
- "defaultProps": {},
1005
- "getStylesLiterals": {},
1006
- "cxLiterals": [],
1007
- "internalComponents": [
1008
- "DivProps",
1009
- "Comp",
1010
- "RadioGroupContext.Provider"
1011
- ],
1012
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1013
- "propToVariantKeys": {},
1014
- "runtimeConfigDefaultProps": {},
1015
- "runtimeConfigGetStyles": {},
1016
- "runtimeConfigInternalComponentProps": {},
1017
- "motionVarPrefixes": []
1018
- },
1019
- Radio: {
1020
- "name": "Radio",
1021
- "defaultProps": {
1022
- "labelPosition": "start",
1023
- "variant": "primary",
1024
- "size": "md",
1025
- "value": ""
1026
- },
1027
- "getStylesLiterals": {
1028
- "radioVariantValueRoot": "checked",
1029
- "radioVariantValueRoot:1": "unchecked",
1030
- "display": "flex",
1031
- "flexDirection": "row",
1032
- "flexDirection:1": "row-reverse",
1033
- "alignItems": "center",
1034
- "radioVariantValueRadio": "checked",
1035
- "radioVariantValueRadio:1": "unchecked",
1036
- "radioVariantValueRadioCircle": "checked",
1037
- "radioVariantValueRadioCircle:1": "unchecked"
1038
- },
1039
- "cxLiterals": [
1040
- "cursor-pointer",
1041
- "cursor-default",
1042
- "opacity-50",
1043
- "border",
1044
- "uds-ring",
1045
- "uds-ring-within",
1046
- "transition-[background-color,border-color]",
1047
- "transition-shadow",
1048
- "pointer-events-none",
1049
- "w-[8px]",
1050
- "h-[8px]",
1051
- "opacity-55",
1052
- "opacity-100",
1053
- "opacity-0",
1054
- "transition-opacity",
1055
- "cursor-[inherit]",
1056
- "absolute",
1057
- "top-1/2",
1058
- "left-1/2",
1059
- "w-[calc(100%+2px)]",
1060
- "h-[calc(100%+2px)]",
1061
- "transform",
1062
- "translate-x-[-50%]",
1063
- "translate-y-[-50%]",
1064
- "text-start",
1065
- "text-end"
1066
- ],
1067
- "internalComponents": [
1068
- "Box",
1069
- "FormLabel",
1070
- "SpringMotionConfig",
1071
- "RootElement",
1072
- "MotionBox"
1073
- ],
1074
- "internalComponentProps": {
1075
- "Box": { "borderRadius": ["full"] },
1076
- "FormLabel": {
1077
- "as": ["div"],
1078
- "variant": ["inherit"],
1079
- "color": ["inherit"]
1080
- },
1081
- "RootElement": { "data-testid": ["container"] },
1082
- "MotionBox": {
1083
- "position": ["relative"],
1084
- "borderRadius": ["full"],
1085
- "alignItems": ["center"],
1086
- "justifyContent": ["center"],
1087
- "flex": ["none"]
1088
- }
1089
- },
1090
- "propToVariantKeys": {
1091
- "size": ["radioSizeRoot", "radioSizeRadio"],
1092
- "variant": [
1093
- "radioVariantRoot",
1094
- "radioVariantRadio",
1095
- "radioVariantRadioCircle"
1096
- ],
1097
- "reduceMotion": ["reducedMotion"]
1098
- },
1099
- "runtimeConfigDefaultProps": {},
1100
- "runtimeConfigGetStyles": {},
1101
- "runtimeConfigInternalComponentProps": {},
1102
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1103
- },
1104
- ManagedModal: {
1105
- "name": "ManagedModal",
1106
- "defaultProps": {},
1107
- "getStylesLiterals": {},
1108
- "cxLiterals": [],
1109
- "internalComponents": [
1110
- "Modal",
1111
- "ModalTitle",
1112
- "ModalDescription",
1113
- "ModalContent",
1114
- "ModalActions"
1115
- ],
1116
- "internalComponentProps": {},
1117
- "propToVariantKeys": {},
1118
- "runtimeConfigDefaultProps": {
1119
- "size": "modal.defaultSize",
1120
- "variant": "modal.defaultVariant"
1121
- },
1122
- "runtimeConfigGetStyles": {},
1123
- "runtimeConfigInternalComponentProps": {},
1124
- "motionVarPrefixes": []
1125
- },
1126
- ModalDescription: {
1127
- "name": "ModalDescription",
1128
- "defaultProps": {},
1129
- "getStylesLiterals": {},
1130
- "cxLiterals": [],
1131
- "internalComponents": ["Text", "DialogDescription"],
1132
- "internalComponentProps": { "Text": { "as": ["span"] } },
1133
- "propToVariantKeys": {
1134
- "size": ["modalSizeDescription"],
1135
- "variant": ["modalVariantDescription"]
1136
- },
1137
- "runtimeConfigDefaultProps": {
1138
- "size": "modal.defaultSize",
1139
- "variant": "modal.defaultVariant"
1140
- },
1141
- "runtimeConfigGetStyles": {
1142
- "modalSizeDescription": ["modal.defaultSize"],
1143
- "modalVariantDescription": ["modal.defaultVariant"]
1144
- },
1145
- "runtimeConfigInternalComponentProps": {},
1146
- "motionVarPrefixes": []
1147
- },
1148
- ModalTitle: {
1149
- "name": "ModalTitle",
1150
- "defaultProps": {},
1151
- "getStylesLiterals": {},
1152
- "cxLiterals": [],
1153
- "internalComponents": ["Text", "DialogHeading"],
1154
- "internalComponentProps": { "Text": { "as": ["span"] } },
1155
- "propToVariantKeys": {
1156
- "size": ["modalSizeTitle"],
1157
- "variant": ["modalVariantTitle"]
1158
- },
1159
- "runtimeConfigDefaultProps": {
1160
- "size": "modal.defaultSize",
1161
- "variant": "modal.defaultVariant"
1162
- },
1163
- "runtimeConfigGetStyles": {
1164
- "modalSizeTitle": ["modal.defaultSize"],
1165
- "modalVariantTitle": ["modal.defaultVariant"]
1166
- },
1167
- "runtimeConfigInternalComponentProps": {},
1168
- "motionVarPrefixes": []
1169
- },
1170
- ModalContent: {
1171
- "name": "ModalContent",
1172
- "defaultProps": {},
1173
- "getStylesLiterals": {
1174
- "overflowY": "auto",
1175
- "display": "block",
1176
- "flexGrow": "1"
1177
- },
1178
- "cxLiterals": [],
1179
- "internalComponents": ["Box"],
1180
- "internalComponentProps": {},
1181
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1182
- "runtimeConfigDefaultProps": {
1183
- "size": "modal.defaultSize",
1184
- "variant": "modal.defaultVariant"
1185
- },
1186
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1187
- "runtimeConfigInternalComponentProps": {},
1188
- "motionVarPrefixes": []
1189
- },
1190
- ModalPortal: {
1191
- "name": "ModalPortal",
1192
- "defaultProps": {},
1193
- "getStylesLiterals": {},
1194
- "cxLiterals": [],
1195
- "internalComponents": ["ManagedModal"],
1196
- "internalComponentProps": {},
1197
- "propToVariantKeys": {},
1198
- "runtimeConfigDefaultProps": {},
1199
- "runtimeConfigGetStyles": {},
1200
- "runtimeConfigInternalComponentProps": {},
1201
- "motionVarPrefixes": []
1202
- },
1203
- UDSModalConfigProvider: {
1204
- "name": "UDSModalConfigProvider",
1205
- "defaultProps": {},
1206
- "getStylesLiterals": {},
1207
- "cxLiterals": [],
1208
- "internalComponents": ["ModalContext.Provider"],
1209
- "internalComponentProps": {},
1210
- "propToVariantKeys": {},
1211
- "runtimeConfigDefaultProps": {},
1212
- "runtimeConfigGetStyles": {},
1213
- "runtimeConfigInternalComponentProps": {},
1214
- "motionVarPrefixes": []
1215
- },
1216
- ModalContext: {
1217
- "name": "ModalContext",
1218
- "defaultProps": {},
1219
- "getStylesLiterals": {},
1220
- "cxLiterals": [],
1221
- "internalComponents": [],
1222
- "internalComponentProps": {},
1223
- "propToVariantKeys": {},
1224
- "runtimeConfigDefaultProps": {},
1225
- "runtimeConfigGetStyles": {},
1226
- "runtimeConfigInternalComponentProps": {},
1227
- "motionVarPrefixes": []
1228
- },
1229
- ModalActions: {
1230
- "name": "ModalActions",
1231
- "defaultProps": {},
1232
- "getStylesLiterals": {
1233
- "flexDirection": "row-reverse",
1234
- "justifyContent": "space-between",
1235
- "alignItems": "center"
1236
- },
1237
- "cxLiterals": ["gap-[inherit]"],
1238
- "internalComponents": ["HStack"],
1239
- "internalComponentProps": {},
1240
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1241
- "runtimeConfigDefaultProps": {
1242
- "size": "modal.defaultSize",
1243
- "variant": "modal.defaultVariant"
1244
- },
1245
- "runtimeConfigGetStyles": {
1246
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1247
- "modalSizeActions": ["modal.defaultSize"]
1248
- },
1249
- "runtimeConfigInternalComponentProps": {},
1250
- "motionVarPrefixes": []
1251
- },
1252
- Modal: {
1253
- "name": "Modal",
1254
- "defaultProps": {
1255
- "closeAriaLabel": "Close",
1256
- "maxWidth": "auto",
1257
- "maxHeight": "auto",
1258
- "scrollBehavior": "outside"
1259
- },
1260
- "getStylesLiterals": {
1261
- "flexDirection": "row-reverse",
1262
- "justifyContent": "space-between",
1263
- "alignItems": "flex-end",
1264
- "alignItems:1": "flex-start",
1265
- "borderRadius": "full"
1266
- },
1267
- "cxLiterals": [
1268
- "fixed",
1269
- "inset-0",
1270
- "z-40",
1271
- "overflow-y-auto",
1272
- "overflow-hidden",
1273
- "transition-[opacity,visibility]",
1274
- "visible",
1275
- "opacity-100",
1276
- "invisible",
1277
- "opacity-0",
1278
- "pointer-events-none",
1279
- "uds-bgBlurFallback",
1280
- "w-full",
1281
- "w-fit",
1282
- "h-full",
1283
- "h-fit",
1284
- "m-auto",
1285
- "pointer-events-auto",
1286
- "inside",
1287
- "max-h-full",
1288
- "transition-transform",
1289
- "duration-0",
1290
- "duration-120",
1291
- "transition-[background-color]",
1292
- "bg-carbon-15/0",
1293
- "hover:bg-carbon-15/10",
1294
- "active:bg-carbon-15/15",
1295
- "uds-ring",
1296
- "[translate:50%_-50%]"
1297
- ],
1298
- "internalComponents": [
1299
- "Scrim",
1300
- "VStack",
1301
- "Pressable",
1302
- "IconSlot",
1303
- "Box",
1304
- "Dialog",
1305
- "ModalContext.Provider",
1306
- "HStack",
1307
- "DialogDismiss",
1308
- "ModalTitle",
1309
- "ModalDescription",
1310
- "ModalContent",
1311
- "ModalActions"
1312
- ],
1313
- "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1314
- "propToVariantKeys": {
1315
- "gutter": ["spacing"],
1316
- "size": [
1317
- "modalSizeRoot",
1318
- "modalSizeSpacingHorizontal",
1319
- "modalSizeHeader",
1320
- "modalSizeTitleDescriptionWrapper",
1321
- "modalSizeCloseIconContainer",
1322
- "modalSizeCloseIcon"
1323
- ],
1324
- "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1325
- "closeAriaLabel": ["aria-label"],
1326
- "closeIcon": ["icon"]
1327
- },
1328
- "runtimeConfigDefaultProps": {
1329
- "size": "modal.defaultSize",
1330
- "variant": "modal.defaultVariant"
1331
- },
1332
- "runtimeConfigGetStyles": {
1333
- "spacing": ["modal.gutter.${size}"],
1334
- "modalSizeRoot": ["modal.defaultSize"],
1335
- "modalVariantRoot": ["modal.defaultVariant"],
1336
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1337
- "modalSizeHeader": ["modal.defaultSize"],
1338
- "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1339
- "modalSizeCloseIconContainer": ["modal.defaultSize"],
1340
- "modalSizeCloseIcon": ["modal.defaultSize"],
1341
- "modalVariantCloseIcon": ["modal.defaultVariant"]
1342
- },
1343
- "runtimeConfigInternalComponentProps": {},
1344
- "motionVarPrefixes": []
1345
- },
1346
- PaginationEllipsis: {
1347
- "name": "PaginationEllipsis",
1348
- "defaultProps": {},
1349
- "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1350
- "cxLiterals": [
1351
- "inline-flex",
1352
- "items-center",
1353
- "justify-center",
1354
- "relative",
1355
- "m-0",
1356
- "border-solid",
1357
- "inline-grid",
1358
- "shrink-0",
1359
- "place-items-center",
1360
- "place-content-center",
1361
- "rounded-full",
1362
- "box-border",
1363
- "w-[var(--uds-pagination-control-size)]",
1364
- "appearance-none",
1365
- "uds-ring",
1366
- "cursor-pointer",
1367
- "select-none",
1368
- "pointer-events-none",
1369
- "auto-cols-max",
1370
- "grid-flow-col",
1371
- "gap-1",
1372
- "block",
1373
- "tabular-nums",
1374
- "!leading-none",
1375
- "[text-box-trim:trim-both]",
1376
- "[text-box-edge:cap_alphabetic]",
1377
- "h-[var(--uds-pagination-control-size)]"
1378
- ],
1379
- "internalComponents": [],
1380
- "internalComponentProps": {},
1381
- "propToVariantKeys": {
1382
- "size": [
1383
- "paginationSizeRoot",
1384
- "paginationSizeItem",
1385
- "paginationSizeIcon",
1386
- "paginationSizeText"
1387
- ],
1388
- "variant": ["paginationVariantRoot"],
1389
- "activeState": ["paginationVariantActiveRoot"]
1390
- },
1391
- "runtimeConfigDefaultProps": {},
1392
- "runtimeConfigGetStyles": {},
1393
- "runtimeConfigInternalComponentProps": {},
1394
- "motionVarPrefixes": []
1395
- },
1396
- PaginationLink: {
1397
- "name": "PaginationLink",
1398
- "defaultProps": {},
1399
- "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1400
- "cxLiterals": [
1401
- "inline-flex",
1402
- "items-center",
1403
- "justify-center",
1404
- "relative",
1405
- "m-0",
1406
- "border-solid",
1407
- "inline-grid",
1408
- "shrink-0",
1409
- "place-items-center",
1410
- "place-content-center",
1411
- "rounded-full",
1412
- "box-border",
1413
- "w-[var(--uds-pagination-control-size)]",
1414
- "appearance-none",
1415
- "uds-ring",
1416
- "cursor-pointer",
1417
- "select-none",
1418
- "pointer-events-none",
1419
- "auto-cols-max",
1420
- "grid-flow-col",
1421
- "gap-1",
1422
- "block",
1423
- "tabular-nums",
1424
- "!leading-none",
1425
- "[text-box-trim:trim-both]",
1426
- "[text-box-edge:cap_alphabetic]",
1427
- "h-[var(--uds-pagination-control-size)]"
1428
- ],
1429
- "internalComponents": ["Comp"],
1430
- "internalComponentProps": {},
1431
- "propToVariantKeys": {
1432
- "size": [
1433
- "paginationSizeRoot",
1434
- "paginationSizeItem",
1435
- "paginationSizeIcon",
1436
- "paginationSizeText"
1437
- ],
1438
- "variant": ["paginationVariantRoot"],
1439
- "activeState": ["paginationVariantActiveRoot"]
1440
- },
1441
- "runtimeConfigDefaultProps": {},
1442
- "runtimeConfigGetStyles": {},
1443
- "runtimeConfigInternalComponentProps": {},
1444
- "motionVarPrefixes": []
1445
- },
1446
- PaginationPrev: {
1447
- "name": "PaginationPrev",
1448
- "defaultProps": { "label": "Previous" },
1449
1407
  "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1450
1408
  "cxLiterals": [
1451
1409
  "inline-flex",
@@ -1476,17 +1434,8 @@ var componentData_default = {
1476
1434
  "[text-box-edge:cap_alphabetic]",
1477
1435
  "h-[var(--uds-pagination-control-size)]"
1478
1436
  ],
1479
- "internalComponents": ["Icon", "Comp"],
1480
- "internalComponentProps": {
1481
- "Icon": {
1482
- "size": ["sm"],
1483
- "color": ["current"]
1484
- },
1485
- "Comp": {
1486
- "type": ["button"],
1487
- "aria-label": ["Go to previous page"]
1488
- }
1489
- },
1437
+ "internalComponents": [],
1438
+ "internalComponentProps": {},
1490
1439
  "propToVariantKeys": {
1491
1440
  "size": [
1492
1441
  "paginationSizeRoot",
@@ -1502,9 +1451,9 @@ var componentData_default = {
1502
1451
  "runtimeConfigInternalComponentProps": {},
1503
1452
  "motionVarPrefixes": []
1504
1453
  },
1505
- PaginationNext: {
1506
- "name": "PaginationNext",
1507
- "defaultProps": { "label": "Next" },
1454
+ PaginationLink: {
1455
+ "name": "PaginationLink",
1456
+ "defaultProps": {},
1508
1457
  "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1509
1458
  "cxLiterals": [
1510
1459
  "inline-flex",
@@ -1535,17 +1484,8 @@ var componentData_default = {
1535
1484
  "[text-box-edge:cap_alphabetic]",
1536
1485
  "h-[var(--uds-pagination-control-size)]"
1537
1486
  ],
1538
- "internalComponents": ["Icon", "Comp"],
1539
- "internalComponentProps": {
1540
- "Icon": {
1541
- "size": ["sm"],
1542
- "color": ["current"]
1543
- },
1544
- "Comp": {
1545
- "type": ["button"],
1546
- "aria-label": ["Go to next page"]
1547
- }
1548
- },
1487
+ "internalComponents": ["Comp"],
1488
+ "internalComponentProps": {},
1549
1489
  "propToVariantKeys": {
1550
1490
  "size": [
1551
1491
  "paginationSizeRoot",
@@ -1618,14 +1558,9 @@ var componentData_default = {
1618
1558
  "runtimeConfigInternalComponentProps": {},
1619
1559
  "motionVarPrefixes": []
1620
1560
  },
1621
- Pagination: {
1622
- "name": "Pagination",
1623
- "defaultProps": {
1624
- "ellipsisPlacement": "default",
1625
- "size": "md",
1626
- "variant": "default",
1627
- "'aria-label'": "Pagination"
1628
- },
1561
+ PaginationItem: {
1562
+ "name": "PaginationItem",
1563
+ "defaultProps": {},
1629
1564
  "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1630
1565
  "cxLiterals": [
1631
1566
  "inline-flex",
@@ -1656,8 +1591,8 @@ var componentData_default = {
1656
1591
  "[text-box-edge:cap_alphabetic]",
1657
1592
  "h-[var(--uds-pagination-control-size)]"
1658
1593
  ],
1659
- "internalComponents": ["PaginationProvider"],
1660
- "internalComponentProps": {},
1594
+ "internalComponents": ["Comp"],
1595
+ "internalComponentProps": { "Comp": { "type": ["button"] } },
1661
1596
  "propToVariantKeys": {
1662
1597
  "size": [
1663
1598
  "paginationSizeRoot",
@@ -1673,9 +1608,9 @@ var componentData_default = {
1673
1608
  "runtimeConfigInternalComponentProps": {},
1674
1609
  "motionVarPrefixes": []
1675
1610
  },
1676
- PaginationItem: {
1677
- "name": "PaginationItem",
1678
- "defaultProps": {},
1611
+ PaginationNext: {
1612
+ "name": "PaginationNext",
1613
+ "defaultProps": { "label": "Next" },
1679
1614
  "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1680
1615
  "cxLiterals": [
1681
1616
  "inline-flex",
@@ -1706,8 +1641,17 @@ var componentData_default = {
1706
1641
  "[text-box-edge:cap_alphabetic]",
1707
1642
  "h-[var(--uds-pagination-control-size)]"
1708
1643
  ],
1709
- "internalComponents": ["Comp"],
1710
- "internalComponentProps": { "Comp": { "type": ["button"] } },
1644
+ "internalComponents": ["Icon", "Comp"],
1645
+ "internalComponentProps": {
1646
+ "Icon": {
1647
+ "size": ["sm"],
1648
+ "color": ["current"]
1649
+ },
1650
+ "Comp": {
1651
+ "type": ["button"],
1652
+ "aria-label": ["Go to next page"]
1653
+ }
1654
+ },
1711
1655
  "propToVariantKeys": {
1712
1656
  "size": [
1713
1657
  "paginationSizeRoot",
@@ -1723,113 +1667,172 @@ var componentData_default = {
1723
1667
  "runtimeConfigInternalComponentProps": {},
1724
1668
  "motionVarPrefixes": []
1725
1669
  },
1726
- AvatarText: {
1727
- "name": "AvatarText",
1728
- "defaultProps": {
1729
- "size": "md",
1730
- "variant": "primary"
1731
- },
1670
+ UDSConfigProvider: {
1671
+ "name": "UDSConfigProvider",
1672
+ "defaultProps": {},
1732
1673
  "getStylesLiterals": {},
1733
- "cxLiterals": [
1734
- "overflow-hidden",
1735
- "truncate",
1736
- "w-full",
1737
- "h-full",
1738
- "shrink-0",
1739
- "text-center",
1740
- "inline-flex",
1741
- "justify-center",
1742
- "items-center"
1674
+ "cxLiterals": [],
1675
+ "internalComponents": [
1676
+ "UDSBreakpointsConfigProvider",
1677
+ "UDSBottomSheetConfigProvider",
1678
+ "UDSToastConfigProvider",
1679
+ "UDSTooltipConfigProvider",
1680
+ "UDSPopoverConfigProvider",
1681
+ "UDSModalConfigProvider"
1743
1682
  ],
1744
- "internalComponents": ["Box", "Text"],
1745
- "internalComponentProps": { "Text": {
1746
- "color": ["inherit"],
1747
- "variant": ["inherit"]
1748
- } },
1683
+ "internalComponentProps": {},
1749
1684
  "propToVariantKeys": {},
1750
1685
  "runtimeConfigDefaultProps": {},
1751
1686
  "runtimeConfigGetStyles": {},
1752
1687
  "runtimeConfigInternalComponentProps": {},
1753
1688
  "motionVarPrefixes": []
1754
1689
  },
1755
- AvatarIcon: {
1756
- "name": "AvatarIcon",
1757
- "defaultProps": {
1758
- "size": "md",
1759
- "variant": "primary"
1760
- },
1690
+ UDSBreakpointsConfigProvider: {
1691
+ "name": "UDSBreakpointsConfigProvider",
1692
+ "defaultProps": {},
1761
1693
  "getStylesLiterals": {},
1694
+ "cxLiterals": [],
1695
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1696
+ "internalComponentProps": {},
1697
+ "propToVariantKeys": {},
1698
+ "runtimeConfigDefaultProps": {},
1699
+ "runtimeConfigGetStyles": {},
1700
+ "runtimeConfigInternalComponentProps": {},
1701
+ "motionVarPrefixes": []
1702
+ },
1703
+ TabList: {
1704
+ "name": "TabList",
1705
+ "defaultProps": { "variant": "primary" },
1706
+ "getStylesLiterals": {
1707
+ "tabSizeRoot": "default",
1708
+ "tabVariantActiveRoot": "on"
1709
+ },
1762
1710
  "cxLiterals": [
1763
- "overflow-hidden",
1764
- "w-full",
1765
- "h-full",
1766
- "shrink-0",
1767
- "text-center",
1768
- "inline-flex",
1769
- "justify-center",
1770
- "items-center"
1711
+ "pointer-events-none",
1712
+ "absolute",
1713
+ "bottom-0",
1714
+ "left-0",
1715
+ "right-0",
1716
+ "h-[var(--uds-tab-underline-width,0px)]",
1717
+ "bg-[var(--uds-tab-underline-color,transparent)]",
1718
+ "transition-[height,background-color]",
1719
+ "duration-[240ms]",
1720
+ "ease-[cubic-bezier(0.2,0,0,1)]",
1721
+ "!m-0",
1722
+ "!p-0",
1723
+ "!gap-0",
1724
+ "box-border",
1725
+ "z-0",
1726
+ "min-w-0",
1727
+ "min-h-0",
1728
+ "flex",
1729
+ "flex-row",
1730
+ "items-center",
1731
+ "overflow-x-auto",
1732
+ "overflow-y-clip",
1733
+ "scrollbar-none",
1734
+ "[overflow-clip-margin:6px]",
1735
+ "overflow-clip",
1736
+ "[overflow-clip-margin:8px]",
1737
+ "relative",
1738
+ "left",
1739
+ "240ms",
1740
+ "cubic-bezier(0.2,",
1741
+ "0,",
1742
+ "1),",
1743
+ "top",
1744
+ "width",
1745
+ "height",
1746
+ "1)",
1747
+ "--uds-tab-underline-color",
1748
+ "--uds-tab-underline-width"
1771
1749
  ],
1772
- "internalComponents": ["IconSlot", "Box"],
1750
+ "internalComponents": ["AriakitTabList"],
1773
1751
  "internalComponentProps": {},
1774
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1752
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
1775
1753
  "runtimeConfigDefaultProps": {},
1776
1754
  "runtimeConfigGetStyles": {},
1777
1755
  "runtimeConfigInternalComponentProps": {},
1778
1756
  "motionVarPrefixes": []
1779
1757
  },
1780
- Avatar: {
1781
- "name": "Avatar",
1782
- "defaultProps": {},
1758
+ Tabs: {
1759
+ "name": "Tabs",
1760
+ "defaultProps": { "variant": "primary" },
1783
1761
  "getStylesLiterals": {},
1784
1762
  "cxLiterals": [],
1785
- "internalComponents": ["AvatarImage"],
1763
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
1786
1764
  "internalComponentProps": {},
1787
- "propToVariantKeys": {},
1765
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
1788
1766
  "runtimeConfigDefaultProps": {},
1789
1767
  "runtimeConfigGetStyles": {},
1790
1768
  "runtimeConfigInternalComponentProps": {},
1791
1769
  "motionVarPrefixes": []
1792
1770
  },
1793
- AvatarImage: {
1794
- "name": "AvatarImage",
1795
- "defaultProps": {
1796
- "size": "md",
1797
- "variant": "primary"
1771
+ Tab: {
1772
+ "name": "Tab",
1773
+ "defaultProps": { "variant": "primary" },
1774
+ "getStylesLiterals": {
1775
+ "tabSizeRoot": "default",
1776
+ "tabVariantActiveRoot": "off",
1777
+ "tabVariantActiveRoot:1": "on",
1778
+ "tabSizeIcon": "default"
1798
1779
  },
1799
- "getStylesLiterals": {},
1800
1780
  "cxLiterals": [
1801
- "overflow-hidden",
1802
- "w-full",
1803
- "h-full",
1804
- "shrink-0",
1805
- "text-center",
1781
+ "pointer-events-none",
1782
+ "absolute",
1783
+ "bottom-0",
1784
+ "left-0",
1785
+ "right-0",
1786
+ "h-[var(--uds-tab-underline-width,0px)]",
1787
+ "bg-[var(--uds-tab-underline-color,transparent)]",
1788
+ "transition-[height,background-color]",
1789
+ "duration-[240ms]",
1790
+ "ease-[cubic-bezier(0.2,0,0,1)]",
1791
+ "!bg-transparent",
1792
+ "!shadow-none",
1806
1793
  "inline-flex",
1807
- "justify-center",
1808
1794
  "items-center",
1809
- "object-cover"
1795
+ "shrink-0",
1796
+ "box-border",
1797
+ "relative",
1798
+ "z-[1]",
1799
+ "cursor-pointer",
1800
+ "select-none",
1801
+ "whitespace-nowrap",
1802
+ "uds-ring",
1803
+ "opacity-50",
1804
+ "cursor-default",
1805
+ "border-solid",
1806
+ "border-b-solid",
1807
+ "transition-colors"
1810
1808
  ],
1811
- "internalComponents": [
1812
- "UDSImage",
1813
- "AvatarText",
1814
- "AvatarIcon",
1815
- "Box"
1809
+ "internalComponents": [
1810
+ "IconSlot",
1811
+ "AriakitTab",
1812
+ "Text"
1816
1813
  ],
1817
- "internalComponentProps": {},
1814
+ "internalComponentProps": { "Text": {
1815
+ "variant": ["inherit"],
1816
+ "as": ["span"],
1817
+ "color": ["current"]
1818
+ } },
1818
1819
  "propToVariantKeys": {
1819
- "alt": ["name"],
1820
- "fallback": ["initials"]
1820
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
1821
+ "activeState": ["tabVariantActiveIcon"],
1822
+ "startIcon": ["icon"],
1823
+ "endIcon": ["icon"]
1821
1824
  },
1822
1825
  "runtimeConfigDefaultProps": {},
1823
1826
  "runtimeConfigGetStyles": {},
1824
1827
  "runtimeConfigInternalComponentProps": {},
1825
1828
  "motionVarPrefixes": []
1826
1829
  },
1827
- "Menu.index": {
1828
- "name": "Menu.index",
1830
+ TabPanel: {
1831
+ "name": "TabPanel",
1829
1832
  "defaultProps": {},
1830
1833
  "getStylesLiterals": {},
1831
1834
  "cxLiterals": [],
1832
- "internalComponents": [],
1835
+ "internalComponents": ["AriakitTabPanel"],
1833
1836
  "internalComponentProps": {},
1834
1837
  "propToVariantKeys": {},
1835
1838
  "runtimeConfigDefaultProps": {},
@@ -1837,12 +1840,12 @@ var componentData_default = {
1837
1840
  "runtimeConfigInternalComponentProps": {},
1838
1841
  "motionVarPrefixes": []
1839
1842
  },
1840
- Menu: {
1841
- "name": "Menu",
1843
+ UDSToastConfigProvider: {
1844
+ "name": "UDSToastConfigProvider",
1842
1845
  "defaultProps": {},
1843
1846
  "getStylesLiterals": {},
1844
1847
  "cxLiterals": [],
1845
- "internalComponents": [],
1848
+ "internalComponents": ["ToastContext.Provider"],
1846
1849
  "internalComponentProps": {},
1847
1850
  "propToVariantKeys": {},
1848
1851
  "runtimeConfigDefaultProps": {},
@@ -1850,118 +1853,221 @@ var componentData_default = {
1850
1853
  "runtimeConfigInternalComponentProps": {},
1851
1854
  "motionVarPrefixes": []
1852
1855
  },
1853
- "Menu.Divider": {
1854
- "name": "Menu.Divider",
1855
- "defaultProps": {
1856
- "role": "separator",
1857
- "contentPosition": "start",
1858
- "gap": "4"
1856
+ ToastPortal: {
1857
+ "name": "ToastPortal",
1858
+ "defaultProps": {},
1859
+ "getStylesLiterals": {},
1860
+ "cxLiterals": [],
1861
+ "internalComponents": ["ReactToastifyToastContainer"],
1862
+ "internalComponentProps": {},
1863
+ "propToVariantKeys": {},
1864
+ "runtimeConfigDefaultProps": {
1865
+ "size": "toast.defaultSize",
1866
+ "variant": "toast.defaultVariant"
1859
1867
  },
1868
+ "runtimeConfigGetStyles": {},
1869
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1870
+ "motionVarPrefixes": []
1871
+ },
1872
+ ToastContainer: {
1873
+ "name": "ToastContainer",
1874
+ "defaultProps": {},
1860
1875
  "getStylesLiterals": {
1861
- "menuitemDividerVariantRoot": "default",
1862
- "menuitemDividerVariantText": "default",
1863
- "menuitemDividerVariantLine": "default"
1876
+ "position": "relative",
1877
+ "alignItems": "center",
1878
+ "display": "flex",
1879
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1880
+ },
1881
+ "cxLiterals": ["w-full"],
1882
+ "internalComponents": ["HStack"],
1883
+ "internalComponentProps": { "HStack": {
1884
+ "alignItems": ["center"],
1885
+ "justifyContent": ["space-between"],
1886
+ "overflow": ["hidden"],
1887
+ "position": ["relative"]
1888
+ } },
1889
+ "propToVariantKeys": {
1890
+ "variant": ["toastVariantRoot"],
1891
+ "size": ["toastSizeRoot"]
1892
+ },
1893
+ "runtimeConfigDefaultProps": {
1894
+ "size": "toast.defaultSize",
1895
+ "variant": "toast.defaultVariant"
1896
+ },
1897
+ "runtimeConfigGetStyles": {
1898
+ "toastVariantRoot": ["toast.defaultVariant"],
1899
+ "toastSizeRoot": ["toast.defaultSize"]
1900
+ },
1901
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1902
+ "motionVarPrefixes": []
1903
+ },
1904
+ Toast: {
1905
+ "name": "Toast",
1906
+ "defaultProps": {},
1907
+ "getStylesLiterals": {
1908
+ "className": "animate-spin",
1909
+ "className:1": "flex-none",
1910
+ "spacing": "2",
1911
+ "borderRadius": "full"
1912
+ },
1913
+ "cxLiterals": [
1914
+ "duration-0",
1915
+ "duration-120",
1916
+ "transition-[background-color]",
1917
+ "bg-carbon-15/0",
1918
+ "hover:bg-carbon-15/10",
1919
+ "active:bg-carbon-15/15",
1920
+ "uds-ring"
1921
+ ],
1922
+ "internalComponents": [
1923
+ "IconSlot",
1924
+ "ToastContainer",
1925
+ "Text",
1926
+ "Button",
1927
+ "Pressable"
1928
+ ],
1929
+ "internalComponentProps": {},
1930
+ "propToVariantKeys": {
1931
+ "size": [
1932
+ "toastSizeLabel",
1933
+ "toastSizeIcon",
1934
+ "toastSizeActionButton",
1935
+ "toastSizeCloseIcon"
1936
+ ],
1937
+ "variant": [
1938
+ "toastVariantIcon",
1939
+ "toastVariantActionButton",
1940
+ "toastVariantCloseIcon"
1941
+ ],
1942
+ "closeIcon": ["icon"],
1943
+ "onClickActionButton": ["onClick"]
1944
+ },
1945
+ "runtimeConfigDefaultProps": {
1946
+ "size": "toast.defaultSize",
1947
+ "variant": "toast.defaultVariant"
1948
+ },
1949
+ "runtimeConfigGetStyles": {
1950
+ "toastSizeLabel": ["toast.defaultSize"],
1951
+ "toastVariantIcon": ["toast.defaultVariant"],
1952
+ "toastSizeIcon": ["toast.defaultSize"],
1953
+ "toastSizeActionButton": ["toast.defaultSize"],
1954
+ "toastVariantActionButton": ["toast.defaultVariant"],
1955
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
1956
+ "toastSizeCloseIcon": ["toast.defaultSize"]
1957
+ },
1958
+ "runtimeConfigInternalComponentProps": {
1959
+ "ToastContainer": {
1960
+ "size": ["toast.defaultSize"],
1961
+ "variant": ["toast.defaultVariant"]
1962
+ },
1963
+ "Text": {
1964
+ "variant": ["toast.textVariant.${size}"],
1965
+ "color": ["toast.textColor.${variant}"]
1966
+ },
1967
+ "Button": {
1968
+ "size": ["toast.buttonSize.${size}"],
1969
+ "variant": ["toast.buttonVariant.${variant}"]
1970
+ }
1864
1971
  },
1972
+ "motionVarPrefixes": []
1973
+ },
1974
+ UDSTooltipConfigProvider: {
1975
+ "name": "UDSTooltipConfigProvider",
1976
+ "defaultProps": {},
1977
+ "getStylesLiterals": {},
1865
1978
  "cxLiterals": [],
1866
- "internalComponents": ["Divider"],
1867
- "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1979
+ "internalComponents": ["TooltipContext.Provider"],
1980
+ "internalComponentProps": {},
1868
1981
  "propToVariantKeys": {},
1869
1982
  "runtimeConfigDefaultProps": {},
1870
1983
  "runtimeConfigGetStyles": {},
1871
1984
  "runtimeConfigInternalComponentProps": {},
1872
1985
  "motionVarPrefixes": []
1873
1986
  },
1874
- "Menu.ItemCheckbox": {
1875
- "name": "Menu.ItemCheckbox",
1987
+ TooltipTrigger: {
1988
+ "name": "TooltipTrigger",
1876
1989
  "defaultProps": {},
1877
- "getStylesLiterals": {
1878
- "menuitemItemCheckboxVariantRoot": "default",
1879
- "menuitemItemCheckboxVariantActiveRoot": "on",
1880
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1881
- "menuitemItemCheckboxVariantText": "default",
1882
- "menuitemItemCheckboxVariantActiveText": "on",
1883
- "menuitemItemCheckboxVariantActiveText:1": "off",
1884
- "menuitemItemCheckboxVariantStartIcon": "default",
1885
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1886
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1887
- "menuitemItemCheckboxVariantEndIcon": "default",
1888
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1889
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1890
- },
1891
- "cxLiterals": ["uds-menu-item-checkbox"],
1892
- "internalComponents": ["MenuItemBase"],
1893
- "internalComponentProps": {},
1894
- "propToVariantKeys": {},
1990
+ "getStylesLiterals": {},
1991
+ "cxLiterals": [],
1992
+ "internalComponents": ["TooltipAnchor"],
1993
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1994
+ "propToVariantKeys": { "children": ["render"] },
1895
1995
  "runtimeConfigDefaultProps": {},
1896
1996
  "runtimeConfigGetStyles": {},
1897
1997
  "runtimeConfigInternalComponentProps": {},
1898
1998
  "motionVarPrefixes": []
1899
1999
  },
1900
- "Menu.Provider": {
1901
- "name": "Menu.Provider",
2000
+ Tooltip: {
2001
+ "name": "Tooltip",
1902
2002
  "defaultProps": {},
1903
2003
  "getStylesLiterals": {},
1904
2004
  "cxLiterals": [],
1905
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
2005
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1906
2006
  "internalComponentProps": {},
1907
2007
  "propToVariantKeys": {},
1908
2008
  "runtimeConfigDefaultProps": {},
1909
2009
  "runtimeConfigGetStyles": {},
1910
- "runtimeConfigInternalComponentProps": {},
1911
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2010
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2011
+ "motionVarPrefixes": []
1912
2012
  },
1913
- "Menu.Content": {
1914
- "name": "Menu.Content",
1915
- "defaultProps": {
1916
- "size": "default",
1917
- "variant": "default",
1918
- "gutter": "1"
2013
+ TooltipContent: {
2014
+ "name": "TooltipContent",
2015
+ "defaultProps": {},
2016
+ "getStylesLiterals": {
2017
+ "tooltipSizeRoot": "default",
2018
+ "tooltipVariantRoot": "default",
2019
+ "tooltipSizeSvg": "default",
2020
+ "tooltipVariantSvg": "default",
2021
+ "tooltipVariantBlur": "default",
2022
+ "position": "absolute",
2023
+ "width": "full",
2024
+ "height": "full",
2025
+ "tooltipSizeTitle": "default",
2026
+ "tooltipSizeBody": "default",
2027
+ "tooltipSizeEndContent": "default",
2028
+ "tooltipSizeIcon": "default",
2029
+ "tooltipVariantIcon": "default"
1919
2030
  },
1920
- "getStylesLiterals": {},
1921
2031
  "cxLiterals": [
1922
- "uds-menu-content",
1923
- "transition-shadow",
1924
- "duration-200",
1925
- "ease-in-out",
1926
- "min-w-60",
1927
2032
  "max-w-lg",
1928
- "max-h-96",
1929
- "overflow-auto",
1930
- "uds-ring",
1931
- "z-10",
1932
- "group"
2033
+ "flex",
2034
+ "z-[9999]",
2035
+ "uds-bgBlurFillFallback",
2036
+ "uds-bgBlurFallback",
2037
+ "top-0",
2038
+ "left-0",
2039
+ "z-[1]"
1933
2040
  ],
1934
2041
  "internalComponents": [
1935
- "AriakitMenu",
1936
- "AnimatePresence",
1937
- "MotionVStack"
2042
+ "IconSlot",
2043
+ "TooltipArrow",
2044
+ "Tooltip",
2045
+ "SvgFloatingOverlay",
2046
+ "VStack",
2047
+ "Box",
2048
+ "Text"
1938
2049
  ],
1939
- "internalComponentProps": {},
1940
- "propToVariantKeys": {
1941
- "size": ["menucontentSizeRoot"],
1942
- "variant": ["menucontentVariantRoot"]
2050
+ "internalComponentProps": {
2051
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2052
+ "VStack": { "className": ["gap-[inherit]"] },
2053
+ "Box": {
2054
+ "alignItems": ["center"],
2055
+ "columnGap": ["1", "1.5"]
2056
+ },
2057
+ "Text": { "color": ["inherit"] }
1943
2058
  },
2059
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1944
2060
  "runtimeConfigDefaultProps": {},
1945
2061
  "runtimeConfigGetStyles": {},
1946
2062
  "runtimeConfigInternalComponentProps": {},
1947
2063
  "motionVarPrefixes": []
1948
2064
  },
1949
- "Menu.Item": {
1950
- "name": "Menu.Item",
2065
+ UDSPopoverConfigProvider: {
2066
+ "name": "UDSPopoverConfigProvider",
1951
2067
  "defaultProps": {},
1952
- "getStylesLiterals": {
1953
- "menuitemItemVariantRoot": "default",
1954
- "menuitemItemVariantActiveRoot": "on",
1955
- "menuitemItemVariantActiveRoot:1": "off",
1956
- "menuitemItemVariantText": "default",
1957
- "menuitemItemVariantActiveText": "on",
1958
- "menuitemItemVariantActiveText:1": "off",
1959
- "menuitemItemVariantIcon": "default",
1960
- "menuitemItemVariantActiveIcon": "on",
1961
- "menuitemItemVariantActiveIcon:1": "off"
1962
- },
2068
+ "getStylesLiterals": {},
1963
2069
  "cxLiterals": [],
1964
- "internalComponents": ["MenuItemBase"],
2070
+ "internalComponents": ["PopoverContext.Provider"],
1965
2071
  "internalComponentProps": {},
1966
2072
  "propToVariantKeys": {},
1967
2073
  "runtimeConfigDefaultProps": {},
@@ -1969,103 +2075,131 @@ var componentData_default = {
1969
2075
  "runtimeConfigInternalComponentProps": {},
1970
2076
  "motionVarPrefixes": []
1971
2077
  },
1972
- "Menu.ItemBase": {
1973
- "name": "Menu.ItemBase",
1974
- "defaultProps": {
1975
- "spacing": "0",
1976
- "spacingHorizontal": "4",
1977
- "spacingVertical": "3.5",
1978
- "columnGap": "2",
1979
- "alignItems": "center",
1980
- "justifyContent": "space-between"
1981
- },
2078
+ PopoverContent: {
2079
+ "name": "PopoverContent",
2080
+ "defaultProps": {},
1982
2081
  "getStylesLiterals": {
1983
- "textAlign": "start",
1984
- "menuitemSizeRoot": "default",
1985
- "flexDirection": "row",
1986
- "menuitemSizeStartIcon": "default",
1987
- "menuitemSizeEndIcon": "default"
2082
+ "popoverSizeRoot": "default",
2083
+ "popoverVariantRoot": "default",
2084
+ "display": "flex",
2085
+ "position": "relative",
2086
+ "display:1": "block",
2087
+ "spacingTop": "0",
2088
+ "spacingStart": "0",
2089
+ "spacingBottom": "0",
2090
+ "spacingEnd": "0",
2091
+ "popoverSizeSvgBase": "default",
2092
+ "popoverVariantSvgBase": "default",
2093
+ "popoverSizeSvgBorder": "default",
2094
+ "popoverVariantSvgBorder": "default",
2095
+ "popoverVariantBlur": "default",
2096
+ "position:1": "absolute",
2097
+ "width": "full",
2098
+ "height": "full",
2099
+ "flexShrink": "0",
2100
+ "borderRadius": "full",
2101
+ "alignItems": "center",
2102
+ "justifyContent": "center",
2103
+ "popoverVariantCloseIcon": "default",
2104
+ "popoverSizeCloseIcon": "default"
1988
2105
  },
1989
2106
  "cxLiterals": [
1990
- "uds-menu-item",
1991
- "flex",
1992
- "focus-visible:text-brand",
1993
- "focus-visible:bg-brand-secondary",
1994
- "focus-visible:z-10",
2107
+ "z-[9999]",
2108
+ "outline-none",
2109
+ "focus-visible:outline-none",
2110
+ "uds-bgBlurFillFallback",
2111
+ "uds-bgBlurFallback",
2112
+ "top-0",
2113
+ "left-0",
2114
+ "z-[1]",
2115
+ "duration-0",
2116
+ "duration-120",
2117
+ "transition-[background-color]",
2118
+ "bg-carbon-15/0",
2119
+ "hover:bg-carbon-15/10",
2120
+ "active:bg-carbon-15/15",
1995
2121
  "uds-ring",
1996
- "!-outline-offset-2",
1997
- "[&:not([aria-checked])]:cursor-default",
1998
- "opacity-25",
1999
- "cursor-not-allowed",
2000
- "duration-20",
2001
- "transition-[font-variation-settings]",
2002
- "ease-in-out",
2003
- "z-0",
2004
- "truncate",
2005
- "uds-start-icon",
2006
- "uds-end-icon"
2122
+ "absolute",
2123
+ "z-[4]"
2007
2124
  ],
2008
2125
  "internalComponents": [
2009
- "Pressable",
2126
+ "PopoverDismiss",
2010
2127
  "IconSlot",
2011
- "RootComponent",
2012
- "HStack",
2013
- "AnimatePresence"
2128
+ "PopoverArrow",
2129
+ "Popover",
2130
+ "SvgFloatingOverlay",
2131
+ "Box",
2132
+ "Pressable"
2014
2133
  ],
2015
- "internalComponentProps": {
2016
- "HStack": {
2017
- "alignItems": ["center"],
2018
- "width": ["full"]
2019
- },
2020
- "AnimatePresence": { "mode": ["popLayout"] }
2134
+ "internalComponentProps": {},
2135
+ "propToVariantKeys": { "closeIcon": ["icon"] },
2136
+ "runtimeConfigDefaultProps": {
2137
+ "size": "popover.defaultSize",
2138
+ "variant": "popover.defaultVariant"
2021
2139
  },
2022
- "propToVariantKeys": {
2023
- "startIconClassName": ["className"],
2024
- "endIconClassName": ["className"],
2025
- "startIcon": ["icon"],
2026
- "endIcon": ["icon"],
2027
- "columnGap": ["gap"]
2140
+ "runtimeConfigGetStyles": {
2141
+ "spacingTop": ["popover.spacingVertical.${size}"],
2142
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
2143
+ "spacingBottom": ["popover.spacingVertical.${size}"],
2144
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
2028
2145
  },
2146
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
2147
+ "motionVarPrefixes": []
2148
+ },
2149
+ PopoverContext: {
2150
+ "name": "PopoverContext",
2151
+ "defaultProps": {},
2152
+ "getStylesLiterals": {},
2153
+ "cxLiterals": [],
2154
+ "internalComponents": [],
2155
+ "internalComponentProps": {},
2156
+ "propToVariantKeys": {},
2029
2157
  "runtimeConfigDefaultProps": {},
2030
2158
  "runtimeConfigGetStyles": {},
2031
2159
  "runtimeConfigInternalComponentProps": {},
2032
2160
  "motionVarPrefixes": []
2033
2161
  },
2034
- "Menu.Trigger": {
2035
- "name": "Menu.Trigger",
2162
+ PopoverTrigger: {
2163
+ "name": "PopoverTrigger",
2036
2164
  "defaultProps": {},
2037
2165
  "getStylesLiterals": {},
2038
- "cxLiterals": ["uds-menu-trigger"],
2039
- "internalComponents": ["AriakitMenuTrigger", "Box"],
2040
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2041
- "propToVariantKeys": {},
2166
+ "cxLiterals": [],
2167
+ "internalComponents": ["PopoverDisclosure"],
2168
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
2169
+ "propToVariantKeys": { "children": ["render"] },
2042
2170
  "runtimeConfigDefaultProps": {},
2043
2171
  "runtimeConfigGetStyles": {},
2044
2172
  "runtimeConfigInternalComponentProps": {},
2045
2173
  "motionVarPrefixes": []
2046
2174
  },
2047
- InputHelpTextInternal: {
2048
- "name": "InputHelpTextInternal",
2175
+ Popover: {
2176
+ "name": "Popover",
2049
2177
  "defaultProps": {},
2178
+ "getStylesLiterals": {},
2179
+ "cxLiterals": ["uds:popover-open"],
2180
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
2181
+ "internalComponentProps": {},
2182
+ "propToVariantKeys": {},
2183
+ "runtimeConfigDefaultProps": {
2184
+ "size": "popover.defaultSize",
2185
+ "variant": "popover.defaultVariant"
2186
+ },
2187
+ "runtimeConfigGetStyles": {},
2188
+ "runtimeConfigInternalComponentProps": {},
2189
+ "motionVarPrefixes": []
2190
+ },
2191
+ InputHelpText: {
2192
+ "name": "InputHelpText",
2193
+ "defaultProps": { "size": "md" },
2050
2194
  "getStylesLiterals": {
2051
- "inputVariantHelperText": "default",
2052
- "inputVariantValueHelperText": "empty",
2053
- "inputVariantValueHelperText:1": "filled",
2054
- "inputVariantHelperIcon": "default",
2055
- "inputVariantValueHelperIcon": "empty",
2056
- "inputVariantValueHelperIcon:1": "filled"
2195
+ "inputVariantRoot": "default",
2196
+ "inputVariantValueRoot": "empty",
2197
+ "inputVariantValueRoot:1": "filled"
2057
2198
  },
2058
2199
  "cxLiterals": [],
2059
- "internalComponents": ["IconSlot", "HStack"],
2060
- "internalComponentProps": { "HStack": {
2061
- "gap": ["1"],
2062
- "alignItems": ["center"]
2063
- } },
2064
- "propToVariantKeys": {
2065
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2066
- "startIcon": ["icon"],
2067
- "endIcon": ["icon"]
2068
- },
2200
+ "internalComponents": ["InputHelpTextInternal", "Box"],
2201
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2202
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
2069
2203
  "runtimeConfigDefaultProps": {},
2070
2204
  "runtimeConfigGetStyles": {},
2071
2205
  "runtimeConfigInternalComponentProps": {},
@@ -2109,8 +2243,9 @@ var componentData_default = {
2109
2243
  "min-w-[200px]",
2110
2244
  "grow",
2111
2245
  "uds-hit-target",
2246
+ "bg-transparent",
2112
2247
  "bg-clip-text",
2113
- "focus:outline-none",
2248
+ "focus-visible:outline-none",
2114
2249
  "cursor-text",
2115
2250
  "cursor-not-allowed"
2116
2251
  ],
@@ -2141,7 +2276,8 @@ var componentData_default = {
2141
2276
  "propToVariantKeys": {
2142
2277
  "size": [
2143
2278
  "inputSizeRoot",
2144
- "inputSizeInputWrapper",
2279
+ "inputSizeInputWrapperStatic",
2280
+ "inputSizeInputWrapperDynamic",
2145
2281
  "inputSizeInput",
2146
2282
  "inputSizeLabel",
2147
2283
  "inputSizeStartIcon",
@@ -2157,206 +2293,203 @@ var componentData_default = {
2157
2293
  "runtimeConfigInternalComponentProps": {},
2158
2294
  "motionVarPrefixes": []
2159
2295
  },
2160
- InputHelpText: {
2161
- "name": "InputHelpText",
2162
- "defaultProps": { "size": "md" },
2296
+ InputHelpTextInternal: {
2297
+ "name": "InputHelpTextInternal",
2298
+ "defaultProps": {},
2163
2299
  "getStylesLiterals": {
2164
- "inputVariantRoot": "default",
2165
- "inputVariantValueRoot": "empty",
2166
- "inputVariantValueRoot:1": "filled"
2300
+ "inputVariantHelperText": "default",
2301
+ "inputVariantValueHelperText": "empty",
2302
+ "inputVariantValueHelperText:1": "filled",
2303
+ "inputVariantHelperIcon": "default",
2304
+ "inputVariantValueHelperIcon": "empty",
2305
+ "inputVariantValueHelperIcon:1": "filled"
2306
+ },
2307
+ "cxLiterals": [],
2308
+ "internalComponents": ["IconSlot", "HStack"],
2309
+ "internalComponentProps": { "HStack": {
2310
+ "gap": ["1"],
2311
+ "alignItems": ["center"]
2312
+ } },
2313
+ "propToVariantKeys": {
2314
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2315
+ "startIcon": ["icon"],
2316
+ "endIcon": ["icon"]
2317
+ },
2318
+ "runtimeConfigDefaultProps": {},
2319
+ "runtimeConfigGetStyles": {},
2320
+ "runtimeConfigInternalComponentProps": {},
2321
+ "motionVarPrefixes": []
2322
+ },
2323
+ ChipButton: {
2324
+ "name": "ChipButton",
2325
+ "defaultProps": { "variant": "primary" },
2326
+ "getStylesLiterals": {},
2327
+ "cxLiterals": ["uds-ring"],
2328
+ "internalComponents": ["ChipBase"],
2329
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2330
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2331
+ "runtimeConfigDefaultProps": {},
2332
+ "runtimeConfigGetStyles": {},
2333
+ "runtimeConfigInternalComponentProps": {},
2334
+ "motionVarPrefixes": []
2335
+ },
2336
+ ChipDismissible: {
2337
+ "name": "ChipDismissible",
2338
+ "defaultProps": { "variant": "primary" },
2339
+ "getStylesLiterals": {},
2340
+ "cxLiterals": [
2341
+ "uds-chip-dismissible-button",
2342
+ "uds-hit-target",
2343
+ "uds-ring",
2344
+ "rounded-full"
2345
+ ],
2346
+ "internalComponents": [
2347
+ "ChipBase",
2348
+ "IconSlot",
2349
+ "Pressable"
2350
+ ],
2351
+ "internalComponentProps": {},
2352
+ "propToVariantKeys": {
2353
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2354
+ "dismissButtonAriaLabel": ["aria-label"]
2167
2355
  },
2168
- "cxLiterals": [],
2169
- "internalComponents": ["InputHelpTextInternal", "Box"],
2170
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2171
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
2172
2356
  "runtimeConfigDefaultProps": {},
2173
2357
  "runtimeConfigGetStyles": {},
2174
2358
  "runtimeConfigInternalComponentProps": {},
2175
2359
  "motionVarPrefixes": []
2176
2360
  },
2177
- ToastPortal: {
2178
- "name": "ToastPortal",
2361
+ Chip: {
2362
+ "name": "Chip",
2179
2363
  "defaultProps": {},
2180
2364
  "getStylesLiterals": {},
2181
2365
  "cxLiterals": [],
2182
- "internalComponents": ["ReactToastifyToastContainer"],
2366
+ "internalComponents": [
2367
+ "ChipDismissible",
2368
+ "ChipToggle",
2369
+ "ChipLink",
2370
+ "ChipButton"
2371
+ ],
2183
2372
  "internalComponentProps": {},
2184
2373
  "propToVariantKeys": {},
2185
- "runtimeConfigDefaultProps": {
2186
- "size": "toast.defaultSize",
2187
- "variant": "toast.defaultVariant"
2188
- },
2374
+ "runtimeConfigDefaultProps": {},
2189
2375
  "runtimeConfigGetStyles": {},
2190
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2376
+ "runtimeConfigInternalComponentProps": {},
2191
2377
  "motionVarPrefixes": []
2192
2378
  },
2193
- UDSToastConfigProvider: {
2194
- "name": "UDSToastConfigProvider",
2195
- "defaultProps": {},
2196
- "getStylesLiterals": {},
2197
- "cxLiterals": [],
2198
- "internalComponents": ["ToastContext.Provider"],
2199
- "internalComponentProps": {},
2200
- "propToVariantKeys": {},
2379
+ ChipToggle: {
2380
+ "name": "ChipToggle",
2381
+ "defaultProps": {
2382
+ "variant": "primary",
2383
+ "role": "checkbox"
2384
+ },
2385
+ "getStylesLiterals": {
2386
+ "chipToggleVariantActiveRoot": "on",
2387
+ "chipToggleVariantActiveRoot:1": "off"
2388
+ },
2389
+ "cxLiterals": ["uds-ring"],
2390
+ "internalComponents": ["ChipBase"],
2391
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2392
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
2201
2393
  "runtimeConfigDefaultProps": {},
2202
2394
  "runtimeConfigGetStyles": {},
2203
2395
  "runtimeConfigInternalComponentProps": {},
2204
2396
  "motionVarPrefixes": []
2205
2397
  },
2206
- Toast: {
2207
- "name": "Toast",
2208
- "defaultProps": {},
2209
- "getStylesLiterals": {
2210
- "className": "animate-spin",
2211
- "className:1": "flex-none",
2212
- "spacing": "2",
2213
- "borderRadius": "full"
2398
+ ChipBase: {
2399
+ "name": "ChipBase",
2400
+ "defaultProps": {
2401
+ "size": "md",
2402
+ "as": "div"
2214
2403
  },
2404
+ "getStylesLiterals": {},
2215
2405
  "cxLiterals": [
2216
- "duration-0",
2217
- "duration-120",
2218
- "transition-[background-color]",
2219
- "bg-carbon-15/0",
2220
- "hover:bg-carbon-15/10",
2221
- "active:bg-carbon-15/15",
2222
- "uds-ring"
2406
+ "pointer-events-none",
2407
+ "cursor-default",
2408
+ "opacity-50",
2409
+ "inline-flex",
2410
+ "items-center",
2411
+ "transition-[background-color,outline-color,box-shadow]",
2412
+ "truncate",
2413
+ "whitespace-nowrap",
2414
+ "text-center",
2415
+ "flex-1",
2416
+ "md",
2417
+ "primary"
2223
2418
  ],
2224
2419
  "internalComponents": [
2225
2420
  "IconSlot",
2226
- "ToastContainer",
2227
- "Text",
2228
- "Button",
2229
- "Pressable"
2421
+ "HStack",
2422
+ "As",
2423
+ "Text"
2230
2424
  ],
2231
- "internalComponentProps": {},
2232
- "propToVariantKeys": {
2233
- "size": [
2234
- "toastSizeLabel",
2235
- "toastSizeIcon",
2236
- "toastSizeActionButton",
2237
- "toastSizeCloseIcon"
2238
- ],
2239
- "variant": [
2240
- "toastVariantIcon",
2241
- "toastVariantActionButton",
2242
- "toastVariantCloseIcon"
2243
- ],
2244
- "closeIcon": ["icon"],
2245
- "onClickActionButton": ["onClick"]
2246
- },
2247
- "runtimeConfigDefaultProps": {
2248
- "size": "toast.defaultSize",
2249
- "variant": "toast.defaultVariant"
2250
- },
2251
- "runtimeConfigGetStyles": {
2252
- "toastSizeLabel": ["toast.defaultSize"],
2253
- "toastVariantIcon": ["toast.defaultVariant"],
2254
- "toastSizeIcon": ["toast.defaultSize"],
2255
- "toastSizeActionButton": ["toast.defaultSize"],
2256
- "toastVariantActionButton": ["toast.defaultVariant"],
2257
- "toastVariantCloseIcon": ["toast.defaultVariant"],
2258
- "toastSizeCloseIcon": ["toast.defaultSize"]
2259
- },
2260
- "runtimeConfigInternalComponentProps": {
2261
- "ToastContainer": {
2262
- "size": ["toast.defaultSize"],
2263
- "variant": ["toast.defaultVariant"]
2264
- },
2265
- "Text": {
2266
- "variant": ["toast.textVariant.${size}"],
2267
- "color": ["toast.textColor.${variant}"]
2268
- },
2269
- "Button": {
2270
- "size": ["toast.buttonSize.${size}"],
2271
- "variant": ["toast.buttonVariant.${variant}"]
2272
- }
2273
- },
2274
- "motionVarPrefixes": []
2275
- },
2276
- ToastContainer: {
2277
- "name": "ToastContainer",
2278
- "defaultProps": {},
2279
- "getStylesLiterals": {
2280
- "position": "relative",
2281
- "alignItems": "center",
2282
- "display": "flex",
2283
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2284
- },
2285
- "cxLiterals": ["w-full"],
2286
- "internalComponents": ["HStack"],
2287
- "internalComponentProps": { "HStack": {
2288
- "alignItems": ["center"],
2289
- "justifyContent": ["space-between"],
2290
- "overflow": ["hidden"],
2291
- "position": ["relative"]
2425
+ "internalComponentProps": { "Text": {
2426
+ "as": ["span"],
2427
+ "color": ["current"],
2428
+ "variant": ["inherit"]
2292
2429
  } },
2293
2430
  "propToVariantKeys": {
2294
- "variant": ["toastVariantRoot"],
2295
- "size": ["toastSizeRoot"]
2296
- },
2297
- "runtimeConfigDefaultProps": {
2298
- "size": "toast.defaultSize",
2299
- "variant": "toast.defaultVariant"
2300
- },
2301
- "runtimeConfigGetStyles": {
2302
- "toastVariantRoot": ["toast.defaultVariant"],
2303
- "toastSizeRoot": ["toast.defaultSize"]
2431
+ "size": ["chipSizeRoot", "chipSizeIcon"],
2432
+ "startIcon": ["icon"],
2433
+ "endIcon": ["icon"]
2304
2434
  },
2305
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2306
- "motionVarPrefixes": []
2307
- },
2308
- UDSConfigProvider: {
2309
- "name": "UDSConfigProvider",
2310
- "defaultProps": {},
2311
- "getStylesLiterals": {},
2312
- "cxLiterals": [],
2313
- "internalComponents": [
2314
- "UDSBreakpointsConfigProvider",
2315
- "UDSBottomSheetConfigProvider",
2316
- "UDSToastConfigProvider",
2317
- "UDSTooltipConfigProvider",
2318
- "UDSPopoverConfigProvider",
2319
- "UDSModalConfigProvider"
2320
- ],
2321
- "internalComponentProps": {},
2322
- "propToVariantKeys": {},
2323
2435
  "runtimeConfigDefaultProps": {},
2324
2436
  "runtimeConfigGetStyles": {},
2325
2437
  "runtimeConfigInternalComponentProps": {},
2326
2438
  "motionVarPrefixes": []
2327
2439
  },
2328
- UDSBreakpointsConfigProvider: {
2329
- "name": "UDSBreakpointsConfigProvider",
2330
- "defaultProps": {},
2440
+ ChipLink: {
2441
+ "name": "ChipLink",
2442
+ "defaultProps": { "variant": "primary" },
2331
2443
  "getStylesLiterals": {},
2332
- "cxLiterals": [],
2333
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2334
- "internalComponentProps": {},
2335
- "propToVariantKeys": {},
2444
+ "cxLiterals": ["uds-ring"],
2445
+ "internalComponents": ["ChipBase"],
2446
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2447
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2336
2448
  "runtimeConfigDefaultProps": {},
2337
2449
  "runtimeConfigGetStyles": {},
2338
2450
  "runtimeConfigInternalComponentProps": {},
2339
2451
  "motionVarPrefixes": []
2340
2452
  },
2341
- BottomSheetTrigger: {
2342
- "name": "BottomSheetTrigger",
2343
- "defaultProps": {},
2453
+ AvatarImage: {
2454
+ "name": "AvatarImage",
2455
+ "defaultProps": {
2456
+ "size": "md",
2457
+ "variant": "primary"
2458
+ },
2344
2459
  "getStylesLiterals": {},
2345
- "cxLiterals": [],
2346
- "internalComponents": ["AriakitDialogDisclosure"],
2460
+ "cxLiterals": [
2461
+ "overflow-hidden",
2462
+ "w-full",
2463
+ "h-full",
2464
+ "shrink-0",
2465
+ "text-center",
2466
+ "inline-flex",
2467
+ "justify-center",
2468
+ "items-center",
2469
+ "object-cover"
2470
+ ],
2471
+ "internalComponents": [
2472
+ "UDSImage",
2473
+ "AvatarText",
2474
+ "AvatarIcon",
2475
+ "Box"
2476
+ ],
2347
2477
  "internalComponentProps": {},
2348
- "propToVariantKeys": {},
2478
+ "propToVariantKeys": {
2479
+ "alt": ["name"],
2480
+ "fallback": ["initials"]
2481
+ },
2349
2482
  "runtimeConfigDefaultProps": {},
2350
2483
  "runtimeConfigGetStyles": {},
2351
2484
  "runtimeConfigInternalComponentProps": {},
2352
2485
  "motionVarPrefixes": []
2353
2486
  },
2354
- UDSBottomSheetConfigProvider: {
2355
- "name": "UDSBottomSheetConfigProvider",
2487
+ Avatar: {
2488
+ "name": "Avatar",
2356
2489
  "defaultProps": {},
2357
2490
  "getStylesLiterals": {},
2358
2491
  "cxLiterals": [],
2359
- "internalComponents": ["BottomSheetContext.Provider"],
2492
+ "internalComponents": ["AvatarImage"],
2360
2493
  "internalComponentProps": {},
2361
2494
  "propToVariantKeys": {},
2362
2495
  "runtimeConfigDefaultProps": {},
@@ -2364,76 +2497,66 @@ var componentData_default = {
2364
2497
  "runtimeConfigInternalComponentProps": {},
2365
2498
  "motionVarPrefixes": []
2366
2499
  },
2367
- BottomSheetContent: {
2368
- "name": "BottomSheetContent",
2369
- "defaultProps": {},
2370
- "getStylesLiterals": {},
2371
- "cxLiterals": ["min-h-0", "touch-pan-y"],
2372
- "internalComponents": ["Box", "VStack"],
2373
- "internalComponentProps": {
2374
- "Box": {
2375
- "display": ["block"],
2376
- "flex": ["1"]
2377
- },
2378
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
2500
+ AvatarText: {
2501
+ "name": "AvatarText",
2502
+ "defaultProps": {
2503
+ "size": "md",
2504
+ "variant": "primary"
2379
2505
  },
2506
+ "getStylesLiterals": {},
2507
+ "cxLiterals": [
2508
+ "overflow-hidden",
2509
+ "truncate",
2510
+ "w-full",
2511
+ "h-full",
2512
+ "shrink-0",
2513
+ "text-center",
2514
+ "inline-flex",
2515
+ "justify-center",
2516
+ "items-center"
2517
+ ],
2518
+ "internalComponents": ["Box", "Text"],
2519
+ "internalComponentProps": { "Text": {
2520
+ "color": ["inherit"],
2521
+ "variant": ["inherit"]
2522
+ } },
2380
2523
  "propToVariantKeys": {},
2381
2524
  "runtimeConfigDefaultProps": {},
2382
2525
  "runtimeConfigGetStyles": {},
2383
2526
  "runtimeConfigInternalComponentProps": {},
2384
2527
  "motionVarPrefixes": []
2385
2528
  },
2386
- BottomSheet: {
2387
- "name": "BottomSheet",
2388
- "defaultProps": { "variant": "default" },
2529
+ AvatarIcon: {
2530
+ "name": "AvatarIcon",
2531
+ "defaultProps": {
2532
+ "size": "md",
2533
+ "variant": "primary"
2534
+ },
2389
2535
  "getStylesLiterals": {},
2390
2536
  "cxLiterals": [
2391
- "fixed",
2392
2537
  "overflow-hidden",
2393
- "inset-x-0",
2394
- "bottom-0",
2395
- "z-50",
2396
- "[will-change:transform]",
2397
- "touch-none",
2398
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2399
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2400
- "transition-transform",
2401
- "duration-500",
2402
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
2403
- "motion-reduce:transition-none",
2404
- "top-[-4px]",
2405
- "z-[1]",
2406
- "touch-pan-y"
2407
- ],
2408
- "internalComponents": [
2409
- "Scrim",
2410
- "BottomSheetHandle",
2411
- "Dialog",
2412
- "Box",
2413
- "BottomSheetInternalContext.Provider"
2538
+ "w-full",
2539
+ "h-full",
2540
+ "shrink-0",
2541
+ "text-center",
2542
+ "inline-flex",
2543
+ "justify-center",
2544
+ "items-center"
2414
2545
  ],
2415
- "internalComponentProps": {
2416
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
2417
- "Dialog": { "data-testid": ["bottom-sheet"] },
2418
- "Box": {
2419
- "display": ["block", "flex"],
2420
- "position": ["absolute"],
2421
- "flexDirection": ["column"],
2422
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
2423
- }
2424
- },
2425
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
2546
+ "internalComponents": ["IconSlot", "Box"],
2547
+ "internalComponentProps": {},
2548
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
2426
2549
  "runtimeConfigDefaultProps": {},
2427
2550
  "runtimeConfigGetStyles": {},
2428
2551
  "runtimeConfigInternalComponentProps": {},
2429
2552
  "motionVarPrefixes": []
2430
2553
  },
2431
- BottomSheetInternalContext: {
2432
- "name": "BottomSheetInternalContext",
2554
+ BottomSheetDismiss: {
2555
+ "name": "BottomSheetDismiss",
2433
2556
  "defaultProps": {},
2434
2557
  "getStylesLiterals": {},
2435
2558
  "cxLiterals": [],
2436
- "internalComponents": [],
2559
+ "internalComponents": ["AriakitDialogDismiss"],
2437
2560
  "internalComponentProps": {},
2438
2561
  "propToVariantKeys": {},
2439
2562
  "runtimeConfigDefaultProps": {},
@@ -2441,12 +2564,12 @@ var componentData_default = {
2441
2564
  "runtimeConfigInternalComponentProps": {},
2442
2565
  "motionVarPrefixes": []
2443
2566
  },
2444
- BottomSheetDismiss: {
2445
- "name": "BottomSheetDismiss",
2567
+ UDSBottomSheetConfigProvider: {
2568
+ "name": "UDSBottomSheetConfigProvider",
2446
2569
  "defaultProps": {},
2447
2570
  "getStylesLiterals": {},
2448
2571
  "cxLiterals": [],
2449
- "internalComponents": ["AriakitDialogDismiss"],
2572
+ "internalComponents": ["BottomSheetContext.Provider"],
2450
2573
  "internalComponentProps": {},
2451
2574
  "propToVariantKeys": {},
2452
2575
  "runtimeConfigDefaultProps": {},
@@ -2491,6 +2614,32 @@ var componentData_default = {
2491
2614
  "runtimeConfigInternalComponentProps": {},
2492
2615
  "motionVarPrefixes": []
2493
2616
  },
2617
+ BottomSheetTrigger: {
2618
+ "name": "BottomSheetTrigger",
2619
+ "defaultProps": {},
2620
+ "getStylesLiterals": {},
2621
+ "cxLiterals": [],
2622
+ "internalComponents": ["AriakitDialogDisclosure"],
2623
+ "internalComponentProps": {},
2624
+ "propToVariantKeys": {},
2625
+ "runtimeConfigDefaultProps": {},
2626
+ "runtimeConfigGetStyles": {},
2627
+ "runtimeConfigInternalComponentProps": {},
2628
+ "motionVarPrefixes": []
2629
+ },
2630
+ BottomSheetProvider: {
2631
+ "name": "BottomSheetProvider",
2632
+ "defaultProps": {},
2633
+ "getStylesLiterals": {},
2634
+ "cxLiterals": [],
2635
+ "internalComponents": ["AriakitDialogProvider"],
2636
+ "internalComponentProps": {},
2637
+ "propToVariantKeys": {},
2638
+ "runtimeConfigDefaultProps": {},
2639
+ "runtimeConfigGetStyles": {},
2640
+ "runtimeConfigInternalComponentProps": {},
2641
+ "motionVarPrefixes": []
2642
+ },
2494
2643
  BottomSheetHandle: {
2495
2644
  "name": "BottomSheetHandle",
2496
2645
  "defaultProps": { "variant": "default" },
@@ -2522,12 +2671,12 @@ var componentData_default = {
2522
2671
  "runtimeConfigInternalComponentProps": {},
2523
2672
  "motionVarPrefixes": []
2524
2673
  },
2525
- BottomSheetProvider: {
2526
- "name": "BottomSheetProvider",
2674
+ BottomSheetInternalContext: {
2675
+ "name": "BottomSheetInternalContext",
2527
2676
  "defaultProps": {},
2528
2677
  "getStylesLiterals": {},
2529
2678
  "cxLiterals": [],
2530
- "internalComponents": ["AriakitDialogProvider"],
2679
+ "internalComponents": [],
2531
2680
  "internalComponentProps": {},
2532
2681
  "propToVariantKeys": {},
2533
2682
  "runtimeConfigDefaultProps": {},
@@ -2535,269 +2684,292 @@ var componentData_default = {
2535
2684
  "runtimeConfigInternalComponentProps": {},
2536
2685
  "motionVarPrefixes": []
2537
2686
  },
2538
- ChipLink: {
2539
- "name": "ChipLink",
2540
- "defaultProps": { "variant": "primary" },
2687
+ BottomSheet: {
2688
+ "name": "BottomSheet",
2689
+ "defaultProps": { "variant": "default" },
2541
2690
  "getStylesLiterals": {},
2542
- "cxLiterals": ["uds-ring"],
2543
- "internalComponents": ["ChipBase"],
2544
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2545
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2691
+ "cxLiterals": [
2692
+ "fixed",
2693
+ "overflow-hidden",
2694
+ "inset-x-0",
2695
+ "bottom-0",
2696
+ "z-50",
2697
+ "[will-change:transform]",
2698
+ "touch-none",
2699
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2700
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2701
+ "transition-transform",
2702
+ "duration-500",
2703
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
2704
+ "motion-reduce:transition-none",
2705
+ "top-[-4px]",
2706
+ "z-[1]",
2707
+ "touch-pan-y"
2708
+ ],
2709
+ "internalComponents": [
2710
+ "Scrim",
2711
+ "BottomSheetHandle",
2712
+ "Dialog",
2713
+ "Box",
2714
+ "BottomSheetInternalContext.Provider"
2715
+ ],
2716
+ "internalComponentProps": {
2717
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
2718
+ "Dialog": { "data-testid": ["bottom-sheet"] },
2719
+ "Box": {
2720
+ "display": ["block", "flex"],
2721
+ "position": ["absolute"],
2722
+ "flexDirection": ["column"],
2723
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
2724
+ }
2725
+ },
2726
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
2546
2727
  "runtimeConfigDefaultProps": {},
2547
2728
  "runtimeConfigGetStyles": {},
2548
2729
  "runtimeConfigInternalComponentProps": {},
2549
2730
  "motionVarPrefixes": []
2550
2731
  },
2551
- Chip: {
2552
- "name": "Chip",
2732
+ BottomSheetContent: {
2733
+ "name": "BottomSheetContent",
2553
2734
  "defaultProps": {},
2554
2735
  "getStylesLiterals": {},
2555
- "cxLiterals": [],
2556
- "internalComponents": [
2557
- "ChipDismissible",
2558
- "ChipToggle",
2559
- "ChipLink",
2560
- "ChipButton"
2561
- ],
2562
- "internalComponentProps": {},
2736
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
2737
+ "internalComponents": ["Box", "VStack"],
2738
+ "internalComponentProps": {
2739
+ "Box": {
2740
+ "display": ["block"],
2741
+ "flex": ["1"]
2742
+ },
2743
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
2744
+ },
2563
2745
  "propToVariantKeys": {},
2564
2746
  "runtimeConfigDefaultProps": {},
2565
2747
  "runtimeConfigGetStyles": {},
2566
2748
  "runtimeConfigInternalComponentProps": {},
2567
2749
  "motionVarPrefixes": []
2568
2750
  },
2569
- ChipToggle: {
2570
- "name": "ChipToggle",
2571
- "defaultProps": {
2572
- "variant": "primary",
2573
- "role": "checkbox"
2574
- },
2751
+ ModalActions: {
2752
+ "name": "ModalActions",
2753
+ "defaultProps": {},
2575
2754
  "getStylesLiterals": {
2576
- "chipToggleVariantActiveRoot": "on",
2577
- "chipToggleVariantActiveRoot:1": "off"
2755
+ "flexDirection": "row-reverse",
2756
+ "justifyContent": "space-between",
2757
+ "alignItems": "center"
2758
+ },
2759
+ "cxLiterals": ["gap-[inherit]"],
2760
+ "internalComponents": ["HStack"],
2761
+ "internalComponentProps": {},
2762
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
2763
+ "runtimeConfigDefaultProps": {
2764
+ "size": "modal.defaultSize",
2765
+ "variant": "modal.defaultVariant"
2766
+ },
2767
+ "runtimeConfigGetStyles": {
2768
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
2769
+ "modalSizeActions": ["modal.defaultSize"]
2578
2770
  },
2579
- "cxLiterals": ["uds-ring"],
2580
- "internalComponents": ["ChipBase"],
2581
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2582
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
2583
- "runtimeConfigDefaultProps": {},
2584
- "runtimeConfigGetStyles": {},
2585
2771
  "runtimeConfigInternalComponentProps": {},
2586
2772
  "motionVarPrefixes": []
2587
2773
  },
2588
- ChipDismissible: {
2589
- "name": "ChipDismissible",
2590
- "defaultProps": { "variant": "primary" },
2774
+ ModalTitle: {
2775
+ "name": "ModalTitle",
2776
+ "defaultProps": {},
2591
2777
  "getStylesLiterals": {},
2592
- "cxLiterals": [
2593
- "uds-chip-dismissible-button",
2594
- "uds-hit-target",
2595
- "uds-ring",
2596
- "rounded-full"
2597
- ],
2778
+ "cxLiterals": [],
2779
+ "internalComponents": ["Text", "DialogHeading"],
2780
+ "internalComponentProps": { "Text": { "as": ["span"] } },
2781
+ "propToVariantKeys": {
2782
+ "size": ["modalSizeTitle"],
2783
+ "variant": ["modalVariantTitle"]
2784
+ },
2785
+ "runtimeConfigDefaultProps": {
2786
+ "size": "modal.defaultSize",
2787
+ "variant": "modal.defaultVariant"
2788
+ },
2789
+ "runtimeConfigGetStyles": {
2790
+ "modalSizeTitle": ["modal.defaultSize"],
2791
+ "modalVariantTitle": ["modal.defaultVariant"]
2792
+ },
2793
+ "runtimeConfigInternalComponentProps": {},
2794
+ "motionVarPrefixes": []
2795
+ },
2796
+ ManagedModal: {
2797
+ "name": "ManagedModal",
2798
+ "defaultProps": {},
2799
+ "getStylesLiterals": {},
2800
+ "cxLiterals": [],
2598
2801
  "internalComponents": [
2599
- "ChipBase",
2600
- "IconSlot",
2601
- "Pressable"
2802
+ "Modal",
2803
+ "ModalTitle",
2804
+ "ModalDescription",
2805
+ "ModalContent",
2806
+ "ModalActions"
2602
2807
  ],
2603
2808
  "internalComponentProps": {},
2604
- "propToVariantKeys": {
2605
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2606
- "dismissButtonAriaLabel": ["aria-label"]
2809
+ "propToVariantKeys": {},
2810
+ "runtimeConfigDefaultProps": {
2811
+ "size": "modal.defaultSize",
2812
+ "variant": "modal.defaultVariant"
2607
2813
  },
2608
- "runtimeConfigDefaultProps": {},
2609
2814
  "runtimeConfigGetStyles": {},
2610
2815
  "runtimeConfigInternalComponentProps": {},
2611
2816
  "motionVarPrefixes": []
2612
2817
  },
2613
- ChipButton: {
2614
- "name": "ChipButton",
2615
- "defaultProps": { "variant": "primary" },
2818
+ UDSModalConfigProvider: {
2819
+ "name": "UDSModalConfigProvider",
2820
+ "defaultProps": {},
2616
2821
  "getStylesLiterals": {},
2617
- "cxLiterals": ["uds-ring"],
2618
- "internalComponents": ["ChipBase"],
2619
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2620
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2822
+ "cxLiterals": [],
2823
+ "internalComponents": ["ModalContext.Provider"],
2824
+ "internalComponentProps": {},
2825
+ "propToVariantKeys": {},
2621
2826
  "runtimeConfigDefaultProps": {},
2622
2827
  "runtimeConfigGetStyles": {},
2623
2828
  "runtimeConfigInternalComponentProps": {},
2624
2829
  "motionVarPrefixes": []
2625
2830
  },
2626
- ChipBase: {
2627
- "name": "ChipBase",
2628
- "defaultProps": {
2629
- "size": "md",
2630
- "as": "div"
2631
- },
2831
+ ModalDescription: {
2832
+ "name": "ModalDescription",
2833
+ "defaultProps": {},
2632
2834
  "getStylesLiterals": {},
2633
- "cxLiterals": [
2634
- "pointer-events-none",
2635
- "cursor-default",
2636
- "opacity-50",
2637
- "inline-flex",
2638
- "items-center",
2639
- "transition-[background-color,outline-color,box-shadow]",
2640
- "truncate",
2641
- "whitespace-nowrap",
2642
- "text-center",
2643
- "flex-1",
2644
- "md",
2645
- "primary"
2646
- ],
2647
- "internalComponents": [
2648
- "IconSlot",
2649
- "HStack",
2650
- "As",
2651
- "Text"
2652
- ],
2653
- "internalComponentProps": { "Text": {
2654
- "as": ["span"],
2655
- "color": ["current"],
2656
- "variant": ["inherit"]
2657
- } },
2835
+ "cxLiterals": [],
2836
+ "internalComponents": ["Text", "DialogDescription"],
2837
+ "internalComponentProps": { "Text": { "as": ["span"] } },
2658
2838
  "propToVariantKeys": {
2659
- "size": ["chipSizeRoot", "chipSizeIcon"],
2660
- "startIcon": ["icon"],
2661
- "endIcon": ["icon"]
2839
+ "size": ["modalSizeDescription"],
2840
+ "variant": ["modalVariantDescription"]
2841
+ },
2842
+ "runtimeConfigDefaultProps": {
2843
+ "size": "modal.defaultSize",
2844
+ "variant": "modal.defaultVariant"
2845
+ },
2846
+ "runtimeConfigGetStyles": {
2847
+ "modalSizeDescription": ["modal.defaultSize"],
2848
+ "modalVariantDescription": ["modal.defaultVariant"]
2662
2849
  },
2663
- "runtimeConfigDefaultProps": {},
2664
- "runtimeConfigGetStyles": {},
2665
2850
  "runtimeConfigInternalComponentProps": {},
2666
2851
  "motionVarPrefixes": []
2667
2852
  },
2668
- TabList: {
2669
- "name": "TabList",
2670
- "defaultProps": { "variant": "primary" },
2853
+ ModalContent: {
2854
+ "name": "ModalContent",
2855
+ "defaultProps": {},
2671
2856
  "getStylesLiterals": {
2672
- "tabSizeRoot": "default",
2673
- "tabVariantActiveRoot": "on"
2857
+ "overflowY": "auto",
2858
+ "display": "block",
2859
+ "flexGrow": "1"
2674
2860
  },
2675
- "cxLiterals": [
2676
- "pointer-events-none",
2677
- "absolute",
2678
- "bottom-0",
2679
- "left-0",
2680
- "right-0",
2681
- "h-[var(--uds-tab-underline-width,0px)]",
2682
- "bg-[var(--uds-tab-underline-color,transparent)]",
2683
- "transition-[height,background-color]",
2684
- "duration-[240ms]",
2685
- "ease-[cubic-bezier(0.2,0,0,1)]",
2686
- "!m-0",
2687
- "!p-0",
2688
- "!gap-0",
2689
- "box-border",
2690
- "z-0",
2691
- "min-w-0",
2692
- "min-h-0",
2693
- "flex",
2694
- "flex-row",
2695
- "items-center",
2696
- "overflow-x-auto",
2697
- "overflow-y-clip",
2698
- "scrollbar-none",
2699
- "[overflow-clip-margin:6px]",
2700
- "overflow-clip",
2701
- "[overflow-clip-margin:8px]",
2702
- "relative",
2703
- "left",
2704
- "240ms",
2705
- "cubic-bezier(0.2,",
2706
- "0,",
2707
- "1),",
2708
- "top",
2709
- "width",
2710
- "height",
2711
- "1)",
2712
- "--uds-tab-underline-color",
2713
- "--uds-tab-underline-width"
2714
- ],
2715
- "internalComponents": ["AriakitTabList"],
2716
- "internalComponentProps": {},
2717
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2718
- "runtimeConfigDefaultProps": {},
2719
- "runtimeConfigGetStyles": {},
2720
- "runtimeConfigInternalComponentProps": {},
2721
- "motionVarPrefixes": []
2722
- },
2723
- Tabs: {
2724
- "name": "Tabs",
2725
- "defaultProps": { "variant": "primary" },
2726
- "getStylesLiterals": {},
2727
2861
  "cxLiterals": [],
2728
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2862
+ "internalComponents": ["Box"],
2729
2863
  "internalComponentProps": {},
2730
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2731
- "runtimeConfigDefaultProps": {},
2732
- "runtimeConfigGetStyles": {},
2864
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
2865
+ "runtimeConfigDefaultProps": {
2866
+ "size": "modal.defaultSize",
2867
+ "variant": "modal.defaultVariant"
2868
+ },
2869
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
2733
2870
  "runtimeConfigInternalComponentProps": {},
2734
2871
  "motionVarPrefixes": []
2735
2872
  },
2736
- Tab: {
2737
- "name": "Tab",
2738
- "defaultProps": { "variant": "primary" },
2873
+ Modal: {
2874
+ "name": "Modal",
2875
+ "defaultProps": {
2876
+ "closeAriaLabel": "Close",
2877
+ "maxWidth": "auto",
2878
+ "maxHeight": "auto",
2879
+ "scrollBehavior": "outside"
2880
+ },
2739
2881
  "getStylesLiterals": {
2740
- "tabSizeRoot": "default",
2741
- "tabVariantActiveRoot": "off",
2742
- "tabVariantActiveRoot:1": "on",
2743
- "tabSizeIcon": "default"
2882
+ "flexDirection": "row-reverse",
2883
+ "justifyContent": "space-between",
2884
+ "alignItems": "flex-end",
2885
+ "alignItems:1": "flex-start",
2886
+ "borderRadius": "full"
2744
2887
  },
2745
2888
  "cxLiterals": [
2889
+ "fixed",
2890
+ "inset-0",
2891
+ "z-40",
2892
+ "overflow-y-auto",
2893
+ "overflow-hidden",
2894
+ "transition-[opacity,visibility]",
2895
+ "visible",
2896
+ "opacity-100",
2897
+ "invisible",
2898
+ "opacity-0",
2746
2899
  "pointer-events-none",
2747
- "absolute",
2748
- "bottom-0",
2749
- "left-0",
2750
- "right-0",
2751
- "h-[var(--uds-tab-underline-width,0px)]",
2752
- "bg-[var(--uds-tab-underline-color,transparent)]",
2753
- "transition-[height,background-color]",
2754
- "duration-[240ms]",
2755
- "ease-[cubic-bezier(0.2,0,0,1)]",
2756
- "!bg-transparent",
2757
- "!shadow-none",
2758
- "inline-flex",
2759
- "items-center",
2760
- "shrink-0",
2761
- "box-border",
2762
- "relative",
2763
- "z-[1]",
2764
- "cursor-pointer",
2765
- "select-none",
2766
- "whitespace-nowrap",
2900
+ "uds-bgBlurFallback",
2901
+ "w-full",
2902
+ "w-fit",
2903
+ "h-full",
2904
+ "h-fit",
2905
+ "m-auto",
2906
+ "pointer-events-auto",
2907
+ "inside",
2908
+ "max-h-full",
2909
+ "transition-transform",
2910
+ "duration-0",
2911
+ "duration-120",
2912
+ "transition-[background-color]",
2913
+ "bg-carbon-15/0",
2914
+ "hover:bg-carbon-15/10",
2915
+ "active:bg-carbon-15/15",
2767
2916
  "uds-ring",
2768
- "opacity-50",
2769
- "cursor-default",
2770
- "border-solid",
2771
- "border-b-solid",
2772
- "transition-colors"
2917
+ "[translate:50%_-50%]"
2773
2918
  ],
2774
2919
  "internalComponents": [
2920
+ "Scrim",
2921
+ "VStack",
2922
+ "Pressable",
2775
2923
  "IconSlot",
2776
- "AriakitTab",
2777
- "Text"
2924
+ "Box",
2925
+ "Dialog",
2926
+ "ModalContext.Provider",
2927
+ "HStack",
2928
+ "DialogDismiss",
2929
+ "ModalTitle",
2930
+ "ModalDescription",
2931
+ "ModalContent",
2932
+ "ModalActions"
2778
2933
  ],
2779
- "internalComponentProps": { "Text": {
2780
- "variant": ["inherit"],
2781
- "as": ["span"],
2782
- "color": ["current"]
2783
- } },
2934
+ "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
2784
2935
  "propToVariantKeys": {
2785
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2786
- "activeState": ["tabVariantActiveIcon"],
2787
- "startIcon": ["icon"],
2788
- "endIcon": ["icon"]
2936
+ "gutter": ["spacing"],
2937
+ "size": [
2938
+ "modalSizeRoot",
2939
+ "modalSizeSpacingHorizontal",
2940
+ "modalSizeHeader",
2941
+ "modalSizeTitleDescriptionWrapper",
2942
+ "modalSizeCloseIconContainer",
2943
+ "modalSizeCloseIcon"
2944
+ ],
2945
+ "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
2946
+ "closeAriaLabel": ["aria-label"],
2947
+ "closeIcon": ["icon"]
2948
+ },
2949
+ "runtimeConfigDefaultProps": {
2950
+ "size": "modal.defaultSize",
2951
+ "variant": "modal.defaultVariant"
2952
+ },
2953
+ "runtimeConfigGetStyles": {
2954
+ "spacing": ["modal.gutter.${size}"],
2955
+ "modalSizeRoot": ["modal.defaultSize"],
2956
+ "modalVariantRoot": ["modal.defaultVariant"],
2957
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
2958
+ "modalSizeHeader": ["modal.defaultSize"],
2959
+ "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
2960
+ "modalSizeCloseIconContainer": ["modal.defaultSize"],
2961
+ "modalSizeCloseIcon": ["modal.defaultSize"],
2962
+ "modalVariantCloseIcon": ["modal.defaultVariant"]
2789
2963
  },
2790
- "runtimeConfigDefaultProps": {},
2791
- "runtimeConfigGetStyles": {},
2792
2964
  "runtimeConfigInternalComponentProps": {},
2793
2965
  "motionVarPrefixes": []
2794
2966
  },
2795
- TabPanel: {
2796
- "name": "TabPanel",
2967
+ ModalPortal: {
2968
+ "name": "ModalPortal",
2797
2969
  "defaultProps": {},
2798
2970
  "getStylesLiterals": {},
2799
2971
  "cxLiterals": [],
2800
- "internalComponents": ["AriakitTabPanel"],
2972
+ "internalComponents": ["ManagedModal"],
2801
2973
  "internalComponentProps": {},
2802
2974
  "propToVariantKeys": {},
2803
2975
  "runtimeConfigDefaultProps": {},
@@ -2805,12 +2977,12 @@ var componentData_default = {
2805
2977
  "runtimeConfigInternalComponentProps": {},
2806
2978
  "motionVarPrefixes": []
2807
2979
  },
2808
- UDSTooltipConfigProvider: {
2809
- "name": "UDSTooltipConfigProvider",
2980
+ ModalContext: {
2981
+ "name": "ModalContext",
2810
2982
  "defaultProps": {},
2811
2983
  "getStylesLiterals": {},
2812
2984
  "cxLiterals": [],
2813
- "internalComponents": ["TooltipContext.Provider"],
2985
+ "internalComponents": [],
2814
2986
  "internalComponentProps": {},
2815
2987
  "propToVariantKeys": {},
2816
2988
  "runtimeConfigDefaultProps": {},
@@ -2818,254 +2990,194 @@ var componentData_default = {
2818
2990
  "runtimeConfigInternalComponentProps": {},
2819
2991
  "motionVarPrefixes": []
2820
2992
  },
2821
- TooltipTrigger: {
2822
- "name": "TooltipTrigger",
2993
+ PaddleButtonPrevious: {
2994
+ "name": "PaddleButtonPrevious",
2823
2995
  "defaultProps": {},
2824
2996
  "getStylesLiterals": {},
2825
2997
  "cxLiterals": [],
2826
- "internalComponents": ["TooltipAnchor"],
2827
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2828
- "propToVariantKeys": { "children": ["render"] },
2998
+ "internalComponents": ["PaddleButton"],
2999
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
3000
+ "propToVariantKeys": {},
2829
3001
  "runtimeConfigDefaultProps": {},
2830
3002
  "runtimeConfigGetStyles": {},
2831
3003
  "runtimeConfigInternalComponentProps": {},
2832
3004
  "motionVarPrefixes": []
2833
3005
  },
2834
- Tooltip: {
2835
- "name": "Tooltip",
3006
+ PaddleNavContent: {
3007
+ "name": "PaddleNavContent",
2836
3008
  "defaultProps": {},
2837
3009
  "getStylesLiterals": {},
2838
- "cxLiterals": [],
2839
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
3010
+ "cxLiterals": [
3011
+ "min-w-0",
3012
+ "min-h-0",
3013
+ "relative"
3014
+ ],
3015
+ "internalComponents": [],
2840
3016
  "internalComponentProps": {},
2841
3017
  "propToVariantKeys": {},
2842
3018
  "runtimeConfigDefaultProps": {},
2843
3019
  "runtimeConfigGetStyles": {},
2844
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
3020
+ "runtimeConfigInternalComponentProps": {},
2845
3021
  "motionVarPrefixes": []
2846
3022
  },
2847
- TooltipContent: {
2848
- "name": "TooltipContent",
3023
+ PaddleButton: {
3024
+ "name": "PaddleButton",
2849
3025
  "defaultProps": {},
2850
- "getStylesLiterals": {
2851
- "tooltipSizeRoot": "default",
2852
- "tooltipVariantRoot": "default",
2853
- "tooltipSizeSvg": "default",
2854
- "tooltipVariantSvg": "default",
2855
- "tooltipVariantBlur": "default",
2856
- "position": "absolute",
2857
- "width": "full",
2858
- "height": "full",
2859
- "tooltipSizeTitle": "default",
2860
- "tooltipSizeBody": "default",
2861
- "tooltipSizeEndContent": "default",
2862
- "tooltipSizeIcon": "default",
2863
- "tooltipVariantIcon": "default"
2864
- },
3026
+ "getStylesLiterals": {},
2865
3027
  "cxLiterals": [
2866
- "max-w-lg",
2867
- "flex",
2868
- "z-[9999]",
2869
- "uds-bgBlurFillFallback",
2870
- "uds-bgBlurFallback",
2871
- "top-0",
2872
- "left-0",
2873
- "z-[1]"
2874
- ],
2875
- "internalComponents": [
2876
- "IconSlot",
2877
- "TooltipArrow",
2878
- "Tooltip",
2879
- "SvgFloatingOverlay",
2880
- "VStack",
2881
- "Box",
2882
- "Text"
3028
+ "relative",
3029
+ "inline-flex",
3030
+ "items-center",
3031
+ "justify-center",
3032
+ "box-border",
3033
+ "overflow-hidden",
3034
+ "border-solid",
3035
+ "select-none",
3036
+ "uds-nested-radius",
3037
+ "transition-[color,border-color,box-shadow]",
3038
+ "duration-[180ms]",
3039
+ "ease-[cubic-bezier(0,0,0.2,1)]",
3040
+ "uds-ring",
3041
+ "cursor-pointer",
3042
+ "cursor-not-allowed",
3043
+ "opacity-50",
3044
+ "pointer-events-none",
3045
+ "hidden",
3046
+ "absolute",
3047
+ "inset-0",
3048
+ "-z-10",
3049
+ "rounded-[var(--uds-nested-radius)]",
3050
+ "transition-[background-color,opacity]"
2883
3051
  ],
2884
- "internalComponentProps": {
2885
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2886
- "VStack": { "className": ["gap-[inherit]"] },
2887
- "Box": {
2888
- "alignItems": ["center"],
2889
- "columnGap": ["1", "1.5"]
2890
- },
2891
- "Text": { "color": ["inherit"] }
3052
+ "internalComponents": ["Icon"],
3053
+ "internalComponentProps": { "Icon": {
3054
+ "size": ["md"],
3055
+ "color": ["current"]
3056
+ } },
3057
+ "propToVariantKeys": {
3058
+ "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
3059
+ "variant": [
3060
+ "paddlenavVariantRoot",
3061
+ "paddlenavVariantBackground",
3062
+ "paddlenavVariantIcon"
3063
+ ]
2892
3064
  },
2893
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
2894
3065
  "runtimeConfigDefaultProps": {},
2895
3066
  "runtimeConfigGetStyles": {},
2896
3067
  "runtimeConfigInternalComponentProps": {},
2897
3068
  "motionVarPrefixes": []
2898
3069
  },
2899
- Accordion: {
2900
- "name": "Accordion",
3070
+ PaddleNav: {
3071
+ "name": "PaddleNav",
2901
3072
  "defaultProps": {
2902
- "spacingHorizontal": "4",
2903
- "spacingVertical": "4"
3073
+ "orientation": "horizontal",
3074
+ "variant": "primary",
3075
+ "size": "md"
2904
3076
  },
2905
3077
  "getStylesLiterals": {},
2906
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2907
- "internalComponents": [
2908
- "Icon",
2909
- "SpringMotionConfig",
2910
- "Pressable",
2911
- "Text",
2912
- "HStack",
2913
- "AnimatePresence",
2914
- "VStack"
2915
- ],
2916
- "internalComponentProps": {
2917
- "Icon": {
2918
- "variant": ["fill"],
2919
- "size": ["sm"],
2920
- "color": ["primary"]
2921
- },
2922
- "SpringMotionConfig": {
2923
- "layoutVariant": ["smooth"],
2924
- "layoutSpeed": ["3"]
2925
- },
2926
- "Pressable": {
2927
- "display": ["flex"],
2928
- "flexDirection": ["row"],
2929
- "alignItems": ["center"],
2930
- "justifyContent": ["space-between"],
2931
- "borderRadius": ["md"]
2932
- },
2933
- "Text": {
2934
- "variant": ["title4"],
2935
- "color": ["primary"]
2936
- },
2937
- "HStack": {
2938
- "display": ["flex"],
2939
- "alignItems": ["center"],
2940
- "justifyContent": ["space-between"],
2941
- "columnGap": ["2.5"]
2942
- }
2943
- },
2944
- "propToVariantKeys": {},
2945
- "runtimeConfigDefaultProps": {},
2946
- "runtimeConfigGetStyles": {},
2947
- "runtimeConfigInternalComponentProps": {},
2948
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2949
- },
2950
- SegmentedControl: {
2951
- "name": "SegmentedControl",
2952
- "defaultProps": { "textVariant": "label2" },
2953
- "getStylesLiterals": {
2954
- "display": "flex",
2955
- "alignItems": "center",
2956
- "backgroundColor": "primary",
2957
- "spacingVertical": "1",
2958
- "spacingHorizontal": "3",
2959
- "columnGap": "1.5",
2960
- "borderWidth": "thin",
2961
- "borderRadius": "full",
2962
- "borderColor": "muted",
2963
- "borderColor:1": "transparent",
2964
- "color": "primary",
2965
- "color:1": "tertiary",
2966
- "color:2": "muted"
2967
- },
2968
3078
  "cxLiterals": [
2969
- "uds-ring",
2970
- "cursor-not-allowed",
2971
- "opacity-50",
2972
3079
  "pointer-events-none",
2973
- "hover:bg-primary"
2974
- ],
2975
- "internalComponents": [
2976
- "Radio",
2977
- "Icon",
2978
- "RadioProvider",
2979
- "HStack",
2980
- "RadioGroup",
2981
- "Pressable",
2982
- "Text"
2983
- ],
2984
- "internalComponentProps": {
2985
- "Icon": {
2986
- "size": ["sm"],
2987
- "color": ["current"],
2988
- "aria-hidden": ["true"]
2989
- },
2990
- "HStack": {
2991
- "spacing": ["1"],
2992
- "gap": ["1"],
2993
- "backgroundColor": ["secondary"],
2994
- "borderRadius": ["full"],
2995
- "display": ["inline-flex"]
2996
- },
2997
- "Text": { "color": ["current"] }
2998
- },
2999
- "propToVariantKeys": {
3000
- "value": ["key"],
3001
- "label": ["aria-label"],
3002
- "textVariant": ["variant"]
3003
- },
3080
+ "inline-flex",
3081
+ "flex-row",
3082
+ "gap-2",
3083
+ "items-center",
3084
+ "pointer-events-auto",
3085
+ "flex-col",
3086
+ "relative",
3087
+ "min-w-0",
3088
+ "min-h-0",
3089
+ "flex-1",
3090
+ "inline-block",
3091
+ "absolute",
3092
+ "z-10",
3093
+ "top-2",
3094
+ "left-1/2",
3095
+ "-translate-x-1/2",
3096
+ "left-2",
3097
+ "top-1/2",
3098
+ "-translate-y-1/2",
3099
+ "bottom-2",
3100
+ "right-2",
3101
+ "-top-12",
3102
+ "left-0",
3103
+ "right-0",
3104
+ "-bottom-12"
3105
+ ],
3106
+ "internalComponents": ["PaddleNavContext.Provider", "Box"],
3107
+ "internalComponentProps": { "Box": {
3108
+ "display": ["inline-flex"],
3109
+ "alignItems": ["center"],
3110
+ "justifyContent": ["center"],
3111
+ "data-paddle-nav-outside": ["true"]
3112
+ } },
3113
+ "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
3004
3114
  "runtimeConfigDefaultProps": {},
3005
3115
  "runtimeConfigGetStyles": {},
3006
3116
  "runtimeConfigInternalComponentProps": {},
3007
3117
  "motionVarPrefixes": []
3008
3118
  },
3009
- SwitchV2: {
3010
- "name": "SwitchV2",
3119
+ PaddleButtonNext: {
3120
+ "name": "PaddleButtonNext",
3121
+ "defaultProps": {},
3122
+ "getStylesLiterals": {},
3123
+ "cxLiterals": [],
3124
+ "internalComponents": ["PaddleButton"],
3125
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
3126
+ "propToVariantKeys": {},
3127
+ "runtimeConfigDefaultProps": {},
3128
+ "runtimeConfigGetStyles": {},
3129
+ "runtimeConfigInternalComponentProps": {},
3130
+ "motionVarPrefixes": []
3131
+ },
3132
+ Radio: {
3133
+ "name": "Radio",
3011
3134
  "defaultProps": {
3012
3135
  "labelPosition": "start",
3013
- "size": "md"
3136
+ "variant": "primary",
3137
+ "size": "md",
3138
+ "value": ""
3014
3139
  },
3015
3140
  "getStylesLiterals": {
3016
- "switchVariantRoot": "default",
3017
- "switchVariantActiveRoot": "on",
3018
- "switchVariantActiveRoot:1": "off",
3019
- "switchVariantSwitch": "default",
3020
- "switchVariantActiveSwitch": "on",
3021
- "switchVariantActiveSwitch:1": "off",
3022
- "switchVariantActiveHandle": "on",
3023
- "switchVariantActiveHandle:1": "off",
3024
- "switchVariantHandle": "default",
3025
- "switchVariantHandleIcon": "default",
3026
- "switchVariantActiveHandleIcon": "on",
3027
- "switchVariantActiveHandleIcon:1": "off"
3141
+ "radioVariantValueRoot": "checked",
3142
+ "radioVariantValueRoot:1": "unchecked",
3143
+ "display": "flex",
3144
+ "flexDirection": "row",
3145
+ "flexDirection:1": "row-reverse",
3146
+ "alignItems": "center",
3147
+ "radioVariantValueRadio": "checked",
3148
+ "radioVariantValueRadio:1": "unchecked",
3149
+ "radioVariantValueRadioCircle": "checked",
3150
+ "radioVariantValueRadioCircle:1": "unchecked"
3028
3151
  },
3029
3152
  "cxLiterals": [
3030
- "group",
3031
- "flex",
3032
- "items-center",
3033
- "flex-row",
3034
- "flex-row-reverse",
3153
+ "cursor-pointer",
3154
+ "cursor-default",
3155
+ "opacity-50",
3156
+ "border",
3035
3157
  "uds-ring",
3036
3158
  "uds-ring-within",
3037
- "relative",
3038
- "uds-border-radius-full",
3039
- "transition-[background-color,box-shadow]",
3159
+ "transition-[background-color,border-color]",
3160
+ "transition-shadow",
3040
3161
  "pointer-events-none",
3041
- "w-full",
3042
- "h-full",
3043
- "absolute",
3044
- "top-0",
3045
- "bottom-0",
3046
- "right-0",
3047
- "left-0",
3048
- "overflow-hidden",
3049
- "group-hover:scale-105",
3050
- "opacity-95",
3051
- "group-hover:opacity-100",
3052
- "transition-[transform,opacity]",
3162
+ "w-[8px]",
3163
+ "h-[8px]",
3164
+ "opacity-55",
3165
+ "opacity-100",
3053
3166
  "opacity-0",
3167
+ "transition-opacity",
3168
+ "cursor-[inherit]",
3169
+ "absolute",
3054
3170
  "top-1/2",
3055
3171
  "left-1/2",
3172
+ "w-[calc(100%+2px)]",
3173
+ "h-[calc(100%+2px)]",
3056
3174
  "transform",
3057
3175
  "translate-x-[-50%]",
3058
3176
  "translate-y-[-50%]",
3059
- "transition-opacity",
3060
- "cursor-[inherit]",
3061
- "w-[calc(100%+2px)]",
3062
- "h-[calc(100%+2px)]",
3063
3177
  "text-start",
3064
- "text-end",
3065
- "opacity-100"
3178
+ "text-end"
3066
3179
  ],
3067
3180
  "internalComponents": [
3068
- "IconSlot",
3069
3181
  "Box",
3070
3182
  "FormLabel",
3071
3183
  "SpringMotionConfig",
@@ -3073,38 +3185,37 @@ var componentData_default = {
3073
3185
  "MotionBox"
3074
3186
  ],
3075
3187
  "internalComponentProps": {
3076
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
3188
+ "Box": { "borderRadius": ["full"] },
3077
3189
  "FormLabel": {
3078
3190
  "as": ["div"],
3079
3191
  "variant": ["inherit"],
3080
3192
  "color": ["inherit"]
3081
3193
  },
3082
- "SpringMotionConfig": {
3083
- "layoutVariant": ["bouncy"],
3084
- "layoutSpeed": ["4"]
3085
- },
3086
- "RootElement": { "data-testid": ["switch-root"] },
3087
- "MotionBox": { "layout": ["position"] }
3194
+ "RootElement": { "data-testid": ["container"] },
3195
+ "MotionBox": {
3196
+ "position": ["relative"],
3197
+ "borderRadius": ["full"],
3198
+ "alignItems": ["center"],
3199
+ "justifyContent": ["center"],
3200
+ "flex": ["none"]
3201
+ }
3088
3202
  },
3089
3203
  "propToVariantKeys": {
3090
- "size": [
3091
- "switchSizeRoot",
3092
- "switchSizeSwitch",
3093
- "switchSizeHandle",
3094
- "switchSizeHandleIcon"
3204
+ "size": ["radioSizeRoot", "radioSizeRadio"],
3205
+ "variant": [
3206
+ "radioVariantRoot",
3207
+ "radioVariantRadio",
3208
+ "radioVariantRadioCircle"
3095
3209
  ],
3096
- "onIcon": ["icon"],
3097
- "offIcon": ["icon"],
3098
- "reduceMotion": ["reducedMotion"],
3099
- "isOn": ["layoutDependency"]
3210
+ "reduceMotion": ["reducedMotion"]
3100
3211
  },
3101
3212
  "runtimeConfigDefaultProps": {},
3102
3213
  "runtimeConfigGetStyles": {},
3103
3214
  "runtimeConfigInternalComponentProps": {},
3104
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
3215
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
3105
3216
  },
3106
- AvoidMotionLibraryProvider: {
3107
- "name": "AvoidMotionLibraryProvider",
3217
+ RadioGroupStore: {
3218
+ "name": "RadioGroupStore",
3108
3219
  "defaultProps": {},
3109
3220
  "getStylesLiterals": {},
3110
3221
  "cxLiterals": [],
@@ -3116,131 +3227,22 @@ var componentData_default = {
3116
3227
  "runtimeConfigInternalComponentProps": {},
3117
3228
  "motionVarPrefixes": []
3118
3229
  },
3119
- UDSPopoverConfigProvider: {
3120
- "name": "UDSPopoverConfigProvider",
3230
+ RadioGroupProvider: {
3231
+ "name": "RadioGroupProvider",
3121
3232
  "defaultProps": {},
3122
3233
  "getStylesLiterals": {},
3123
3234
  "cxLiterals": [],
3124
- "internalComponents": ["PopoverContext.Provider"],
3125
- "internalComponentProps": {},
3126
- "propToVariantKeys": {},
3127
- "runtimeConfigDefaultProps": {},
3128
- "runtimeConfigGetStyles": {},
3129
- "runtimeConfigInternalComponentProps": {},
3130
- "motionVarPrefixes": []
3131
- },
3132
- PopoverContent: {
3133
- "name": "PopoverContent",
3134
- "defaultProps": {},
3135
- "getStylesLiterals": {
3136
- "popoverSizeRoot": "default",
3137
- "popoverVariantRoot": "default",
3138
- "display": "flex",
3139
- "position": "relative",
3140
- "display:1": "block",
3141
- "spacingTop": "0",
3142
- "spacingStart": "0",
3143
- "spacingBottom": "0",
3144
- "spacingEnd": "0",
3145
- "popoverSizeSvgBase": "default",
3146
- "popoverVariantSvgBase": "default",
3147
- "popoverSizeSvgBorder": "default",
3148
- "popoverVariantSvgBorder": "default",
3149
- "popoverVariantBlur": "default",
3150
- "position:1": "absolute",
3151
- "width": "full",
3152
- "height": "full",
3153
- "flexShrink": "0",
3154
- "borderRadius": "full",
3155
- "alignItems": "center",
3156
- "justifyContent": "center",
3157
- "popoverVariantCloseIcon": "default",
3158
- "popoverSizeCloseIcon": "default"
3159
- },
3160
- "cxLiterals": [
3161
- "z-[9999]",
3162
- "outline-none",
3163
- "focus-visible:outline-none",
3164
- "uds-bgBlurFillFallback",
3165
- "uds-bgBlurFallback",
3166
- "top-0",
3167
- "left-0",
3168
- "z-[1]",
3169
- "duration-0",
3170
- "duration-120",
3171
- "transition-[background-color]",
3172
- "bg-carbon-15/0",
3173
- "hover:bg-carbon-15/10",
3174
- "active:bg-carbon-15/15",
3175
- "uds-ring",
3176
- "absolute",
3177
- "z-[4]"
3178
- ],
3179
3235
  "internalComponents": [
3180
- "PopoverDismiss",
3181
- "IconSlot",
3182
- "PopoverArrow",
3183
- "Popover",
3184
- "SvgFloatingOverlay",
3185
- "Box",
3186
- "Pressable"
3236
+ "DivProps",
3237
+ "Comp",
3238
+ "RadioGroupContext.Provider"
3187
3239
  ],
3188
- "internalComponentProps": {},
3189
- "propToVariantKeys": { "closeIcon": ["icon"] },
3190
- "runtimeConfigDefaultProps": {
3191
- "size": "popover.defaultSize",
3192
- "variant": "popover.defaultVariant"
3193
- },
3194
- "runtimeConfigGetStyles": {
3195
- "spacingTop": ["popover.spacingVertical.${size}"],
3196
- "spacingStart": ["popover.spacingHorizontal.${size}"],
3197
- "spacingBottom": ["popover.spacingVertical.${size}"],
3198
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
3199
- },
3200
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
3201
- "motionVarPrefixes": []
3202
- },
3203
- PopoverContext: {
3204
- "name": "PopoverContext",
3205
- "defaultProps": {},
3206
- "getStylesLiterals": {},
3207
- "cxLiterals": [],
3208
- "internalComponents": [],
3209
- "internalComponentProps": {},
3240
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
3210
3241
  "propToVariantKeys": {},
3211
3242
  "runtimeConfigDefaultProps": {},
3212
3243
  "runtimeConfigGetStyles": {},
3213
3244
  "runtimeConfigInternalComponentProps": {},
3214
3245
  "motionVarPrefixes": []
3215
- },
3216
- PopoverTrigger: {
3217
- "name": "PopoverTrigger",
3218
- "defaultProps": {},
3219
- "getStylesLiterals": {},
3220
- "cxLiterals": [],
3221
- "internalComponents": ["PopoverDisclosure"],
3222
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
3223
- "propToVariantKeys": { "children": ["render"] },
3224
- "runtimeConfigDefaultProps": {},
3225
- "runtimeConfigGetStyles": {},
3226
- "runtimeConfigInternalComponentProps": {},
3227
- "motionVarPrefixes": []
3228
- },
3229
- Popover: {
3230
- "name": "Popover",
3231
- "defaultProps": {},
3232
- "getStylesLiterals": {},
3233
- "cxLiterals": ["uds:popover-open"],
3234
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
3235
- "internalComponentProps": {},
3236
- "propToVariantKeys": {},
3237
- "runtimeConfigDefaultProps": {
3238
- "size": "popover.defaultSize",
3239
- "variant": "popover.defaultVariant"
3240
- },
3241
- "runtimeConfigGetStyles": {},
3242
- "runtimeConfigInternalComponentProps": {},
3243
- "motionVarPrefixes": []
3244
3246
  }
3245
3247
  };
3246
3248
  //#endregion