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