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