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