@yahoo/uds 3.151.0 → 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 (12) 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/styles/styler.d.cts +3 -3
  6. package/dist/styles/styler.d.ts +3 -3
  7. package/dist/types/dist/index.d.cts +2 -0
  8. package/dist/types/dist/index.d.ts +2 -0
  9. package/dist/uds/generated/componentData.cjs +1436 -1430
  10. package/dist/uds/generated/componentData.js +1436 -1430
  11. package/generated/componentData.json +1926 -1914
  12. package/package.json +1 -1
package/dist/uds/generated/componentData.js 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,164 +600,259 @@ 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",
714
+ DividerLine: {
715
+ "name": "DividerLine",
716
+ "defaultProps": { "variant": "primary" },
717
+ "getStylesLiterals": {},
718
+ "cxLiterals": ["inherit"],
719
+ "internalComponents": ["Box"],
720
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
721
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
722
+ "runtimeConfigDefaultProps": {},
723
+ "runtimeConfigGetStyles": {},
724
+ "runtimeConfigInternalComponentProps": {},
725
+ "motionVarPrefixes": []
726
+ },
727
+ DividerLabel: {
728
+ "name": "DividerLabel",
914
729
  "defaultProps": {
915
- "size": "md",
916
- "variant": "primary"
730
+ "variant": "primary",
731
+ "textVariant": "inherit",
732
+ "color": "inherit",
733
+ "as": "span"
917
734
  },
918
735
  "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": {},
736
+ "cxLiterals": ["inherit"],
737
+ "internalComponents": ["Text"],
738
+ "internalComponentProps": {},
739
+ "propToVariantKeys": {
740
+ "variant": ["dividerVariantLabel"],
741
+ "textVariant": ["variant"]
742
+ },
936
743
  "runtimeConfigDefaultProps": {},
937
744
  "runtimeConfigGetStyles": {},
938
745
  "runtimeConfigInternalComponentProps": {},
939
746
  "motionVarPrefixes": []
940
747
  },
941
- BottomSheet: {
942
- "name": "BottomSheet",
943
- "defaultProps": { "variant": "default" },
748
+ Divider: {
749
+ "name": "Divider",
750
+ "defaultProps": {
751
+ "variant": "primary",
752
+ "contentPosition": "center"
753
+ },
944
754
  "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
- ],
755
+ "cxLiterals": ["inherit"],
963
756
  "internalComponents": [
964
- "Scrim",
965
- "BottomSheetHandle",
966
- "Dialog",
967
- "Box",
968
- "BottomSheetInternalContext.Provider"
757
+ "DividerLine",
758
+ "DividerLabel",
759
+ "InternalComponent",
760
+ "Box"
969
761
  ],
970
762
  "internalComponentProps": {
971
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
972
- "Dialog": { "data-testid": ["bottom-sheet"] },
763
+ "InternalComponent": {
764
+ "alignItems": ["center"],
765
+ "flex": ["1"]
766
+ },
973
767
  "Box": {
974
- "display": ["block", "flex"],
975
- "position": ["absolute"],
976
- "flexDirection": ["column"],
977
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
768
+ "display": ["flex"],
769
+ "flex": ["none"]
978
770
  }
979
771
  },
980
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
772
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
981
773
  "runtimeConfigDefaultProps": {},
982
774
  "runtimeConfigGetStyles": {},
983
775
  "runtimeConfigInternalComponentProps": {},
984
776
  "motionVarPrefixes": []
985
777
  },
986
- BottomSheetContent: {
987
- "name": "BottomSheetContent",
988
- "defaultProps": {},
989
- "getStylesLiterals": {},
990
- "cxLiterals": ["min-h-0", "touch-pan-y"],
991
- "internalComponents": ["Box", "VStack"],
992
- "internalComponentProps": {
993
- "Box": {
994
- "display": ["block"],
995
- "flex": ["1"]
996
- },
997
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
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"
998
789
  },
790
+ "getStylesLiterals": { "textAlign": "start" },
791
+ "cxLiterals": [],
792
+ "internalComponents": [
793
+ "CellComponent",
794
+ "Box",
795
+ "Text",
796
+ "Table.Root",
797
+ "Table.Header",
798
+ "Table.Row",
799
+ "Table.Cell",
800
+ "Table.Body"
801
+ ],
802
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
999
803
  "propToVariantKeys": {},
1000
804
  "runtimeConfigDefaultProps": {},
1001
805
  "runtimeConfigGetStyles": {},
1002
806
  "runtimeConfigInternalComponentProps": {},
1003
807
  "motionVarPrefixes": []
1004
808
  },
1005
- BottomSheetDismiss: {
1006
- "name": "BottomSheetDismiss",
809
+ Spinner: {
810
+ "name": "Spinner",
811
+ "defaultProps": {
812
+ "color": "primary",
813
+ "size": "lg"
814
+ },
815
+ "getStylesLiterals": {},
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
+ } },
827
+ "propToVariantKeys": {},
828
+ "runtimeConfigDefaultProps": {},
829
+ "runtimeConfigGetStyles": {},
830
+ "runtimeConfigInternalComponentProps": {},
831
+ "motionVarPrefixes": []
832
+ },
833
+ "Table.mocks": {
834
+ "name": "Table.mocks",
1007
835
  "defaultProps": {},
1008
836
  "getStylesLiterals": {},
1009
837
  "cxLiterals": [],
1010
- "internalComponents": ["AriakitDialogDismiss"],
838
+ "internalComponents": [],
839
+ "internalComponentProps": {},
840
+ "propToVariantKeys": {},
841
+ "runtimeConfigDefaultProps": {},
842
+ "runtimeConfigGetStyles": {},
843
+ "runtimeConfigInternalComponentProps": {},
844
+ "motionVarPrefixes": []
845
+ },
846
+ PaddleNavContent: {
847
+ "name": "PaddleNavContent",
848
+ "defaultProps": {},
849
+ "getStylesLiterals": {},
850
+ "cxLiterals": [
851
+ "min-w-0",
852
+ "min-h-0",
853
+ "relative"
854
+ ],
855
+ "internalComponents": [],
1011
856
  "internalComponentProps": {},
1012
857
  "propToVariantKeys": {},
1013
858
  "runtimeConfigDefaultProps": {},
@@ -1015,275 +860,273 @@ var componentData_default = {
1015
860
  "runtimeConfigInternalComponentProps": {},
1016
861
  "motionVarPrefixes": []
1017
862
  },
1018
- BottomSheetHandle: {
1019
- "name": "BottomSheetHandle",
1020
- "defaultProps": { "variant": "default" },
863
+ PaddleButton: {
864
+ "name": "PaddleButton",
865
+ "defaultProps": {},
1021
866
  "getStylesLiterals": {},
1022
867
  "cxLiterals": [
1023
868
  "relative",
1024
- "h-5",
1025
- "w-16",
1026
- "outline-none",
1027
- "focus-visible:outline-none",
1028
- "[touch-action:pan-y]",
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",
1029
886
  "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"
887
+ "inset-0",
888
+ "-z-10",
889
+ "rounded-[var(--uds-nested-radius)]",
890
+ "transition-[background-color,opacity]"
1037
891
  ],
1038
- "internalComponents": ["Box"],
1039
- "internalComponentProps": { "Box": {
1040
- "display": ["block", "flex"],
1041
- "justifyContent": ["center"]
892
+ "internalComponents": ["Icon"],
893
+ "internalComponentProps": { "Icon": {
894
+ "size": ["md"],
895
+ "color": ["current"]
1042
896
  } },
1043
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
897
+ "propToVariantKeys": {
898
+ "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
899
+ "variant": [
900
+ "paddlenavVariantRoot",
901
+ "paddlenavVariantBackground",
902
+ "paddlenavVariantIcon"
903
+ ]
904
+ },
1044
905
  "runtimeConfigDefaultProps": {},
1045
906
  "runtimeConfigGetStyles": {},
1046
907
  "runtimeConfigInternalComponentProps": {},
1047
908
  "motionVarPrefixes": []
1048
909
  },
1049
- BottomSheetHeader: {
1050
- "name": "BottomSheetHeader",
1051
- "defaultProps": { "variant": "default" },
910
+ PaddleNav: {
911
+ "name": "PaddleNav",
912
+ "defaultProps": {
913
+ "orientation": "horizontal",
914
+ "variant": "primary",
915
+ "size": "md"
916
+ },
1052
917
  "getStylesLiterals": {},
1053
918
  "cxLiterals": [
1054
- "grid-cols-[40px_1fr_40px]",
919
+ "pointer-events-none",
920
+ "inline-flex",
921
+ "flex-row",
922
+ "gap-2",
1055
923
  "items-center",
1056
- "w-full",
1057
- "min-h-10",
1058
- "mt-2"
1059
- ],
1060
- "internalComponents": [
1061
- "Box",
1062
- "Text",
1063
- "DialogHeading"
924
+ "pointer-events-auto",
925
+ "flex-col",
926
+ "relative",
927
+ "min-w-0",
928
+ "min-h-0",
929
+ "flex-1",
930
+ "inline-block",
931
+ "absolute",
932
+ "z-10",
933
+ "top-2",
934
+ "left-1/2",
935
+ "-translate-x-1/2",
936
+ "left-2",
937
+ "top-1/2",
938
+ "-translate-y-1/2",
939
+ "bottom-2",
940
+ "right-2",
941
+ "-top-12",
942
+ "left-0",
943
+ "right-0",
944
+ "-bottom-12"
1064
945
  ],
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"] },
946
+ "internalComponents": ["PaddleNavContext.Provider", "Box"],
947
+ "internalComponentProps": { "Box": {
948
+ "display": ["inline-flex"],
949
+ "alignItems": ["center"],
950
+ "justifyContent": ["center"],
951
+ "data-paddle-nav-outside": ["true"]
952
+ } },
953
+ "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
1081
954
  "runtimeConfigDefaultProps": {},
1082
955
  "runtimeConfigGetStyles": {},
1083
956
  "runtimeConfigInternalComponentProps": {},
1084
957
  "motionVarPrefixes": []
1085
958
  },
1086
- BottomSheetInternalContext: {
1087
- "name": "BottomSheetInternalContext",
959
+ PaddleButtonPrevious: {
960
+ "name": "PaddleButtonPrevious",
1088
961
  "defaultProps": {},
1089
962
  "getStylesLiterals": {},
1090
963
  "cxLiterals": [],
1091
- "internalComponents": [],
1092
- "internalComponentProps": {},
964
+ "internalComponents": ["PaddleButton"],
965
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
1093
966
  "propToVariantKeys": {},
1094
967
  "runtimeConfigDefaultProps": {},
1095
968
  "runtimeConfigGetStyles": {},
1096
969
  "runtimeConfigInternalComponentProps": {},
1097
970
  "motionVarPrefixes": []
1098
971
  },
1099
- BottomSheetProvider: {
1100
- "name": "BottomSheetProvider",
972
+ PaddleButtonNext: {
973
+ "name": "PaddleButtonNext",
1101
974
  "defaultProps": {},
1102
975
  "getStylesLiterals": {},
1103
976
  "cxLiterals": [],
1104
- "internalComponents": ["AriakitDialogProvider"],
1105
- "internalComponentProps": {},
977
+ "internalComponents": ["PaddleButton"],
978
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
1106
979
  "propToVariantKeys": {},
1107
980
  "runtimeConfigDefaultProps": {},
1108
981
  "runtimeConfigGetStyles": {},
1109
982
  "runtimeConfigInternalComponentProps": {},
1110
983
  "motionVarPrefixes": []
1111
984
  },
1112
- BottomSheetTrigger: {
1113
- "name": "BottomSheetTrigger",
985
+ ManagedModal: {
986
+ "name": "ManagedModal",
1114
987
  "defaultProps": {},
1115
988
  "getStylesLiterals": {},
1116
989
  "cxLiterals": [],
1117
- "internalComponents": ["AriakitDialogDisclosure"],
990
+ "internalComponents": [
991
+ "Modal",
992
+ "ModalTitle",
993
+ "ModalDescription",
994
+ "ModalContent",
995
+ "ModalActions"
996
+ ],
1118
997
  "internalComponentProps": {},
1119
998
  "propToVariantKeys": {},
1120
- "runtimeConfigDefaultProps": {},
999
+ "runtimeConfigDefaultProps": {
1000
+ "size": "modal.defaultSize",
1001
+ "variant": "modal.defaultVariant"
1002
+ },
1121
1003
  "runtimeConfigGetStyles": {},
1122
1004
  "runtimeConfigInternalComponentProps": {},
1123
1005
  "motionVarPrefixes": []
1124
1006
  },
1125
- UDSBottomSheetConfigProvider: {
1126
- "name": "UDSBottomSheetConfigProvider",
1007
+ ModalDescription: {
1008
+ "name": "ModalDescription",
1127
1009
  "defaultProps": {},
1128
1010
  "getStylesLiterals": {},
1129
1011
  "cxLiterals": [],
1130
- "internalComponents": ["BottomSheetContext.Provider"],
1131
- "internalComponentProps": {},
1132
- "propToVariantKeys": {},
1133
- "runtimeConfigDefaultProps": {},
1134
- "runtimeConfigGetStyles": {},
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
+ },
1135
1026
  "runtimeConfigInternalComponentProps": {},
1136
1027
  "motionVarPrefixes": []
1137
1028
  },
1138
- Chip: {
1139
- "name": "Chip",
1029
+ ModalTitle: {
1030
+ "name": "ModalTitle",
1140
1031
  "defaultProps": {},
1141
1032
  "getStylesLiterals": {},
1142
1033
  "cxLiterals": [],
1143
- "internalComponents": [
1144
- "ChipDismissible",
1145
- "ChipToggle",
1146
- "ChipLink",
1147
- "ChipButton"
1148
- ],
1149
- "internalComponentProps": {},
1150
- "propToVariantKeys": {},
1151
- "runtimeConfigDefaultProps": {},
1152
- "runtimeConfigGetStyles": {},
1034
+ "internalComponents": ["Text", "DialogHeading"],
1035
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1036
+ "propToVariantKeys": {
1037
+ "size": ["modalSizeTitle"],
1038
+ "variant": ["modalVariantTitle"]
1039
+ },
1040
+ "runtimeConfigDefaultProps": {
1041
+ "size": "modal.defaultSize",
1042
+ "variant": "modal.defaultVariant"
1043
+ },
1044
+ "runtimeConfigGetStyles": {
1045
+ "modalSizeTitle": ["modal.defaultSize"],
1046
+ "modalVariantTitle": ["modal.defaultVariant"]
1047
+ },
1153
1048
  "runtimeConfigInternalComponentProps": {},
1154
1049
  "motionVarPrefixes": []
1155
1050
  },
1156
- ChipBase: {
1157
- "name": "ChipBase",
1158
- "defaultProps": {
1159
- "size": "md",
1160
- "as": "div"
1161
- },
1162
- "getStylesLiterals": {},
1163
- "cxLiterals": [
1164
- "pointer-events-none",
1165
- "cursor-default",
1166
- "opacity-50",
1167
- "inline-flex",
1168
- "items-center",
1169
- "transition-[background-color,outline-color,box-shadow]",
1170
- "truncate",
1171
- "whitespace-nowrap",
1172
- "text-center",
1173
- "flex-1",
1174
- "md",
1175
- "primary"
1176
- ],
1177
- "internalComponents": [
1178
- "IconSlot",
1179
- "HStack",
1180
- "As",
1181
- "Text"
1182
- ],
1183
- "internalComponentProps": { "Text": {
1184
- "as": ["span"],
1185
- "color": ["current"],
1186
- "variant": ["inherit"]
1187
- } },
1188
- "propToVariantKeys": {
1189
- "size": ["chipSizeRoot", "chipSizeIcon"],
1190
- "startIcon": ["icon"],
1191
- "endIcon": ["icon"]
1051
+ ModalContent: {
1052
+ "name": "ModalContent",
1053
+ "defaultProps": {},
1054
+ "getStylesLiterals": {
1055
+ "overflowY": "auto",
1056
+ "display": "block",
1057
+ "flexGrow": "1"
1192
1058
  },
1193
- "runtimeConfigDefaultProps": {},
1194
- "runtimeConfigGetStyles": {},
1059
+ "cxLiterals": [],
1060
+ "internalComponents": ["Box"],
1061
+ "internalComponentProps": {},
1062
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1063
+ "runtimeConfigDefaultProps": {
1064
+ "size": "modal.defaultSize",
1065
+ "variant": "modal.defaultVariant"
1066
+ },
1067
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1195
1068
  "runtimeConfigInternalComponentProps": {},
1196
1069
  "motionVarPrefixes": []
1197
1070
  },
1198
- ChipButton: {
1199
- "name": "ChipButton",
1200
- "defaultProps": { "variant": "primary" },
1071
+ ModalPortal: {
1072
+ "name": "ModalPortal",
1073
+ "defaultProps": {},
1201
1074
  "getStylesLiterals": {},
1202
- "cxLiterals": ["uds-ring"],
1203
- "internalComponents": ["ChipBase"],
1204
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1205
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1075
+ "cxLiterals": [],
1076
+ "internalComponents": ["ManagedModal"],
1077
+ "internalComponentProps": {},
1078
+ "propToVariantKeys": {},
1206
1079
  "runtimeConfigDefaultProps": {},
1207
1080
  "runtimeConfigGetStyles": {},
1208
1081
  "runtimeConfigInternalComponentProps": {},
1209
1082
  "motionVarPrefixes": []
1210
1083
  },
1211
- ChipDismissible: {
1212
- "name": "ChipDismissible",
1213
- "defaultProps": { "variant": "primary" },
1084
+ UDSModalConfigProvider: {
1085
+ "name": "UDSModalConfigProvider",
1086
+ "defaultProps": {},
1214
1087
  "getStylesLiterals": {},
1215
- "cxLiterals": [
1216
- "uds-chip-dismissible-button",
1217
- "uds-hit-target",
1218
- "uds-ring",
1219
- "rounded-full"
1220
- ],
1221
- "internalComponents": [
1222
- "ChipBase",
1223
- "IconSlot",
1224
- "Pressable"
1225
- ],
1088
+ "cxLiterals": [],
1089
+ "internalComponents": ["ModalContext.Provider"],
1226
1090
  "internalComponentProps": {},
1227
- "propToVariantKeys": {
1228
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1229
- "dismissButtonAriaLabel": ["aria-label"]
1230
- },
1091
+ "propToVariantKeys": {},
1231
1092
  "runtimeConfigDefaultProps": {},
1232
1093
  "runtimeConfigGetStyles": {},
1233
1094
  "runtimeConfigInternalComponentProps": {},
1234
1095
  "motionVarPrefixes": []
1235
1096
  },
1236
- ChipLink: {
1237
- "name": "ChipLink",
1238
- "defaultProps": { "variant": "primary" },
1097
+ ModalContext: {
1098
+ "name": "ModalContext",
1099
+ "defaultProps": {},
1239
1100
  "getStylesLiterals": {},
1240
- "cxLiterals": ["uds-ring"],
1241
- "internalComponents": ["ChipBase"],
1242
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1243
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1101
+ "cxLiterals": [],
1102
+ "internalComponents": [],
1103
+ "internalComponentProps": {},
1104
+ "propToVariantKeys": {},
1244
1105
  "runtimeConfigDefaultProps": {},
1245
1106
  "runtimeConfigGetStyles": {},
1246
1107
  "runtimeConfigInternalComponentProps": {},
1247
1108
  "motionVarPrefixes": []
1248
1109
  },
1249
- ChipToggle: {
1250
- "name": "ChipToggle",
1251
- "defaultProps": {
1252
- "variant": "primary",
1253
- "role": "checkbox"
1254
- },
1110
+ ModalActions: {
1111
+ "name": "ModalActions",
1112
+ "defaultProps": {},
1255
1113
  "getStylesLiterals": {
1256
- "chipToggleVariantActiveRoot": "on",
1257
- "chipToggleVariantActiveRoot:1": "off"
1114
+ "flexDirection": "row-reverse",
1115
+ "justifyContent": "space-between",
1116
+ "alignItems": "center"
1258
1117
  },
1259
- "cxLiterals": ["uds-ring"],
1260
- "internalComponents": ["ChipBase"],
1261
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1262
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1263
- "runtimeConfigDefaultProps": {},
1264
- "runtimeConfigGetStyles": {},
1265
- "runtimeConfigInternalComponentProps": {},
1266
- "motionVarPrefixes": []
1267
- },
1268
- ManagedModal: {
1269
- "name": "ManagedModal",
1270
- "defaultProps": {},
1271
- "getStylesLiterals": {},
1272
- "cxLiterals": [],
1273
- "internalComponents": [
1274
- "Modal",
1275
- "ModalTitle",
1276
- "ModalDescription",
1277
- "ModalContent",
1278
- "ModalActions"
1279
- ],
1118
+ "cxLiterals": ["gap-[inherit]"],
1119
+ "internalComponents": ["HStack"],
1280
1120
  "internalComponentProps": {},
1281
- "propToVariantKeys": {},
1121
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1282
1122
  "runtimeConfigDefaultProps": {
1283
1123
  "size": "modal.defaultSize",
1284
1124
  "variant": "modal.defaultVariant"
1285
1125
  },
1286
- "runtimeConfigGetStyles": {},
1126
+ "runtimeConfigGetStyles": {
1127
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1128
+ "modalSizeActions": ["modal.defaultSize"]
1129
+ },
1287
1130
  "runtimeConfigInternalComponentProps": {},
1288
1131
  "motionVarPrefixes": []
1289
1132
  },
@@ -1381,51 +1224,222 @@ var componentData_default = {
1381
1224
  "runtimeConfigInternalComponentProps": {},
1382
1225
  "motionVarPrefixes": []
1383
1226
  },
1384
- ModalActions: {
1385
- "name": "ModalActions",
1227
+ RadioGroupStore: {
1228
+ "name": "RadioGroupStore",
1229
+ "defaultProps": {},
1230
+ "getStylesLiterals": {},
1231
+ "cxLiterals": [],
1232
+ "internalComponents": [],
1233
+ "internalComponentProps": {},
1234
+ "propToVariantKeys": {},
1235
+ "runtimeConfigDefaultProps": {},
1236
+ "runtimeConfigGetStyles": {},
1237
+ "runtimeConfigInternalComponentProps": {},
1238
+ "motionVarPrefixes": []
1239
+ },
1240
+ RadioGroupProvider: {
1241
+ "name": "RadioGroupProvider",
1242
+ "defaultProps": {},
1243
+ "getStylesLiterals": {},
1244
+ "cxLiterals": [],
1245
+ "internalComponents": [
1246
+ "DivProps",
1247
+ "Comp",
1248
+ "RadioGroupContext.Provider"
1249
+ ],
1250
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1251
+ "propToVariantKeys": {},
1252
+ "runtimeConfigDefaultProps": {},
1253
+ "runtimeConfigGetStyles": {},
1254
+ "runtimeConfigInternalComponentProps": {},
1255
+ "motionVarPrefixes": []
1256
+ },
1257
+ Radio: {
1258
+ "name": "Radio",
1259
+ "defaultProps": {
1260
+ "labelPosition": "start",
1261
+ "variant": "primary",
1262
+ "size": "md",
1263
+ "value": ""
1264
+ },
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"
1276
+ },
1277
+ "cxLiterals": [
1278
+ "cursor-pointer",
1279
+ "cursor-default",
1280
+ "opacity-50",
1281
+ "border",
1282
+ "uds-ring",
1283
+ "uds-ring-within",
1284
+ "transition-[background-color,border-color]",
1285
+ "transition-shadow",
1286
+ "pointer-events-none",
1287
+ "w-[8px]",
1288
+ "h-[8px]",
1289
+ "transition-opacity",
1290
+ "cursor-[inherit]",
1291
+ "absolute",
1292
+ "opacity-0",
1293
+ "top-1/2",
1294
+ "left-1/2",
1295
+ "w-[calc(100%+2px)]",
1296
+ "h-[calc(100%+2px)]",
1297
+ "transform",
1298
+ "translate-x-[-50%]",
1299
+ "translate-y-[-50%]",
1300
+ "text-start",
1301
+ "text-end"
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
+ }
1325
+ },
1326
+ "propToVariantKeys": {
1327
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1328
+ "variant": [
1329
+ "radioVariantRoot",
1330
+ "radioVariantRadio",
1331
+ "radioVariantRadioCircle"
1332
+ ],
1333
+ "reduceMotion": ["reducedMotion"]
1334
+ },
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"
1345
+ },
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"
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": {},
1391
+ "runtimeConfigInternalComponentProps": {},
1392
+ "motionVarPrefixes": []
1393
+ },
1394
+ Avatar: {
1395
+ "name": "Avatar",
1386
1396
  "defaultProps": {},
1387
- "getStylesLiterals": {
1388
- "flexDirection": "row-reverse",
1389
- "justifyContent": "space-between",
1390
- "alignItems": "center"
1391
- },
1392
- "cxLiterals": ["gap-[inherit]"],
1393
- "internalComponents": ["HStack"],
1397
+ "getStylesLiterals": {},
1398
+ "cxLiterals": [],
1399
+ "internalComponents": ["AvatarImage"],
1394
1400
  "internalComponentProps": {},
1395
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1396
- "runtimeConfigDefaultProps": {
1397
- "size": "modal.defaultSize",
1398
- "variant": "modal.defaultVariant"
1399
- },
1400
- "runtimeConfigGetStyles": {
1401
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1402
- "modalSizeActions": ["modal.defaultSize"]
1403
- },
1401
+ "propToVariantKeys": {},
1402
+ "runtimeConfigDefaultProps": {},
1403
+ "runtimeConfigGetStyles": {},
1404
1404
  "runtimeConfigInternalComponentProps": {},
1405
1405
  "motionVarPrefixes": []
1406
1406
  },
1407
- ModalContent: {
1408
- "name": "ModalContent",
1409
- "defaultProps": {},
1410
- "getStylesLiterals": {
1411
- "overflowY": "auto",
1412
- "display": "block",
1413
- "flexGrow": "1"
1407
+ AvatarImage: {
1408
+ "name": "AvatarImage",
1409
+ "defaultProps": {
1410
+ "size": "md",
1411
+ "variant": "primary"
1414
1412
  },
1415
- "cxLiterals": [],
1416
- "internalComponents": ["Box"],
1413
+ "getStylesLiterals": {},
1414
+ "cxLiterals": [
1415
+ "overflow-hidden",
1416
+ "w-full",
1417
+ "h-full",
1418
+ "shrink-0",
1419
+ "text-center",
1420
+ "inline-flex",
1421
+ "justify-center",
1422
+ "items-center",
1423
+ "object-cover"
1424
+ ],
1425
+ "internalComponents": [
1426
+ "UDSImage",
1427
+ "AvatarText",
1428
+ "AvatarIcon",
1429
+ "Box"
1430
+ ],
1417
1431
  "internalComponentProps": {},
1418
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1419
- "runtimeConfigDefaultProps": {
1420
- "size": "modal.defaultSize",
1421
- "variant": "modal.defaultVariant"
1432
+ "propToVariantKeys": {
1433
+ "alt": ["name"],
1434
+ "fallback": ["initials"]
1422
1435
  },
1423
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1436
+ "runtimeConfigDefaultProps": {},
1437
+ "runtimeConfigGetStyles": {},
1424
1438
  "runtimeConfigInternalComponentProps": {},
1425
1439
  "motionVarPrefixes": []
1426
1440
  },
1427
- ModalContext: {
1428
- "name": "ModalContext",
1441
+ "Menu.index": {
1442
+ "name": "Menu.index",
1429
1443
  "defaultProps": {},
1430
1444
  "getStylesLiterals": {},
1431
1445
  "cxLiterals": [],
@@ -1437,75 +1451,78 @@ var componentData_default = {
1437
1451
  "runtimeConfigInternalComponentProps": {},
1438
1452
  "motionVarPrefixes": []
1439
1453
  },
1440
- ModalDescription: {
1441
- "name": "ModalDescription",
1454
+ Menu: {
1455
+ "name": "Menu",
1442
1456
  "defaultProps": {},
1443
1457
  "getStylesLiterals": {},
1444
1458
  "cxLiterals": [],
1445
- "internalComponents": ["Text", "DialogDescription"],
1446
- "internalComponentProps": { "Text": { "as": ["span"] } },
1447
- "propToVariantKeys": {
1448
- "size": ["modalSizeDescription"],
1449
- "variant": ["modalVariantDescription"]
1450
- },
1451
- "runtimeConfigDefaultProps": {
1452
- "size": "modal.defaultSize",
1453
- "variant": "modal.defaultVariant"
1454
- },
1455
- "runtimeConfigGetStyles": {
1456
- "modalSizeDescription": ["modal.defaultSize"],
1457
- "modalVariantDescription": ["modal.defaultVariant"]
1458
- },
1459
+ "internalComponents": [],
1460
+ "internalComponentProps": {},
1461
+ "propToVariantKeys": {},
1462
+ "runtimeConfigDefaultProps": {},
1463
+ "runtimeConfigGetStyles": {},
1459
1464
  "runtimeConfigInternalComponentProps": {},
1460
1465
  "motionVarPrefixes": []
1461
1466
  },
1462
- ModalPortal: {
1463
- "name": "ModalPortal",
1464
- "defaultProps": {},
1465
- "getStylesLiterals": {},
1467
+ "Menu.Divider": {
1468
+ "name": "Menu.Divider",
1469
+ "defaultProps": {
1470
+ "role": "separator",
1471
+ "contentPosition": "start",
1472
+ "gap": "4"
1473
+ },
1474
+ "getStylesLiterals": {
1475
+ "menuitemDividerVariantRoot": "default",
1476
+ "menuitemDividerVariantText": "default",
1477
+ "menuitemDividerVariantLine": "default"
1478
+ },
1466
1479
  "cxLiterals": [],
1467
- "internalComponents": ["ManagedModal"],
1468
- "internalComponentProps": {},
1480
+ "internalComponents": ["Divider"],
1481
+ "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1469
1482
  "propToVariantKeys": {},
1470
1483
  "runtimeConfigDefaultProps": {},
1471
1484
  "runtimeConfigGetStyles": {},
1472
1485
  "runtimeConfigInternalComponentProps": {},
1473
1486
  "motionVarPrefixes": []
1474
1487
  },
1475
- ModalTitle: {
1476
- "name": "ModalTitle",
1488
+ "Menu.ItemCheckbox": {
1489
+ "name": "Menu.ItemCheckbox",
1477
1490
  "defaultProps": {},
1478
- "getStylesLiterals": {},
1479
- "cxLiterals": [],
1480
- "internalComponents": ["Text", "DialogHeading"],
1481
- "internalComponentProps": { "Text": { "as": ["span"] } },
1482
- "propToVariantKeys": {
1483
- "size": ["modalSizeTitle"],
1484
- "variant": ["modalVariantTitle"]
1485
- },
1486
- "runtimeConfigDefaultProps": {
1487
- "size": "modal.defaultSize",
1488
- "variant": "modal.defaultVariant"
1489
- },
1490
- "runtimeConfigGetStyles": {
1491
- "modalSizeTitle": ["modal.defaultSize"],
1492
- "modalVariantTitle": ["modal.defaultVariant"]
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"
1493
1504
  },
1505
+ "cxLiterals": ["uds-menu-item-checkbox"],
1506
+ "internalComponents": ["MenuItemBase"],
1507
+ "internalComponentProps": {},
1508
+ "propToVariantKeys": {},
1509
+ "runtimeConfigDefaultProps": {},
1510
+ "runtimeConfigGetStyles": {},
1494
1511
  "runtimeConfigInternalComponentProps": {},
1495
1512
  "motionVarPrefixes": []
1496
1513
  },
1497
- UDSModalConfigProvider: {
1498
- "name": "UDSModalConfigProvider",
1514
+ "Menu.Provider": {
1515
+ "name": "Menu.Provider",
1499
1516
  "defaultProps": {},
1500
1517
  "getStylesLiterals": {},
1501
1518
  "cxLiterals": [],
1502
- "internalComponents": ["ModalContext.Provider"],
1519
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1503
1520
  "internalComponentProps": {},
1504
1521
  "propToVariantKeys": {},
1505
1522
  "runtimeConfigDefaultProps": {},
1506
1523
  "runtimeConfigGetStyles": {},
1507
1524
  "runtimeConfigInternalComponentProps": {},
1508
- "motionVarPrefixes": []
1525
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1509
1526
  },
1510
1527
  "Menu.Content": {
1511
1528
  "name": "Menu.Content",
@@ -1543,27 +1560,6 @@ var componentData_default = {
1543
1560
  "runtimeConfigInternalComponentProps": {},
1544
1561
  "motionVarPrefixes": []
1545
1562
  },
1546
- "Menu.Divider": {
1547
- "name": "Menu.Divider",
1548
- "defaultProps": {
1549
- "role": "separator",
1550
- "contentPosition": "start",
1551
- "gap": "4"
1552
- },
1553
- "getStylesLiterals": {
1554
- "menuitemDividerVariantRoot": "default",
1555
- "menuitemDividerVariantText": "default",
1556
- "menuitemDividerVariantLine": "default"
1557
- },
1558
- "cxLiterals": [],
1559
- "internalComponents": ["Divider"],
1560
- "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1561
- "propToVariantKeys": {},
1562
- "runtimeConfigDefaultProps": {},
1563
- "runtimeConfigGetStyles": {},
1564
- "runtimeConfigInternalComponentProps": {},
1565
- "motionVarPrefixes": []
1566
- },
1567
1563
  "Menu.Item": {
1568
1564
  "name": "Menu.Item",
1569
1565
  "defaultProps": {},
@@ -1649,79 +1645,41 @@ var componentData_default = {
1649
1645
  "runtimeConfigInternalComponentProps": {},
1650
1646
  "motionVarPrefixes": []
1651
1647
  },
1652
- "Menu.ItemCheckbox": {
1653
- "name": "Menu.ItemCheckbox",
1654
- "defaultProps": {},
1655
- "getStylesLiterals": {
1656
- "menuitemItemCheckboxVariantRoot": "default",
1657
- "menuitemItemCheckboxVariantActiveRoot": "on",
1658
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1659
- "menuitemItemCheckboxVariantText": "default",
1660
- "menuitemItemCheckboxVariantActiveText": "on",
1661
- "menuitemItemCheckboxVariantActiveText:1": "off",
1662
- "menuitemItemCheckboxVariantStartIcon": "default",
1663
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1664
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1665
- "menuitemItemCheckboxVariantEndIcon": "default",
1666
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1667
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1668
- },
1669
- "cxLiterals": ["uds-menu-item-checkbox"],
1670
- "internalComponents": ["MenuItemBase"],
1671
- "internalComponentProps": {},
1672
- "propToVariantKeys": {},
1673
- "runtimeConfigDefaultProps": {},
1674
- "runtimeConfigGetStyles": {},
1675
- "runtimeConfigInternalComponentProps": {},
1676
- "motionVarPrefixes": []
1677
- },
1678
- "Menu.Provider": {
1679
- "name": "Menu.Provider",
1680
- "defaultProps": {},
1681
- "getStylesLiterals": {},
1682
- "cxLiterals": [],
1683
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1684
- "internalComponentProps": {},
1685
- "propToVariantKeys": {},
1686
- "runtimeConfigDefaultProps": {},
1687
- "runtimeConfigGetStyles": {},
1688
- "runtimeConfigInternalComponentProps": {},
1689
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1690
- },
1691
- "Menu.Trigger": {
1692
- "name": "Menu.Trigger",
1693
- "defaultProps": {},
1694
- "getStylesLiterals": {},
1695
- "cxLiterals": ["uds-menu-trigger"],
1696
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1697
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1698
- "propToVariantKeys": {},
1699
- "runtimeConfigDefaultProps": {},
1700
- "runtimeConfigGetStyles": {},
1701
- "runtimeConfigInternalComponentProps": {},
1702
- "motionVarPrefixes": []
1703
- },
1704
- "Menu.index": {
1705
- "name": "Menu.index",
1648
+ "Menu.Trigger": {
1649
+ "name": "Menu.Trigger",
1706
1650
  "defaultProps": {},
1707
1651
  "getStylesLiterals": {},
1708
- "cxLiterals": [],
1709
- "internalComponents": [],
1710
- "internalComponentProps": {},
1652
+ "cxLiterals": ["uds-menu-trigger"],
1653
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1654
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1711
1655
  "propToVariantKeys": {},
1712
1656
  "runtimeConfigDefaultProps": {},
1713
1657
  "runtimeConfigGetStyles": {},
1714
1658
  "runtimeConfigInternalComponentProps": {},
1715
1659
  "motionVarPrefixes": []
1716
1660
  },
1717
- Menu: {
1718
- "name": "Menu",
1661
+ InputHelpTextInternal: {
1662
+ "name": "InputHelpTextInternal",
1719
1663
  "defaultProps": {},
1720
- "getStylesLiterals": {},
1664
+ "getStylesLiterals": {
1665
+ "inputVariantHelperText": "default",
1666
+ "inputVariantValueHelperText": "empty",
1667
+ "inputVariantValueHelperText:1": "filled",
1668
+ "inputVariantHelperIcon": "default",
1669
+ "inputVariantValueHelperIcon": "empty",
1670
+ "inputVariantValueHelperIcon:1": "filled"
1671
+ },
1721
1672
  "cxLiterals": [],
1722
- "internalComponents": [],
1723
- "internalComponentProps": {},
1724
- "propToVariantKeys": {},
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
+ },
1725
1683
  "runtimeConfigDefaultProps": {},
1726
1684
  "runtimeConfigGetStyles": {},
1727
1685
  "runtimeConfigInternalComponentProps": {},
@@ -1830,165 +1788,163 @@ var componentData_default = {
1830
1788
  "runtimeConfigInternalComponentProps": {},
1831
1789
  "motionVarPrefixes": []
1832
1790
  },
1833
- InputHelpTextInternal: {
1834
- "name": "InputHelpTextInternal",
1835
- "defaultProps": {},
1836
- "getStylesLiterals": {
1837
- "inputVariantHelperText": "default",
1838
- "inputVariantValueHelperText": "empty",
1839
- "inputVariantValueHelperText:1": "filled",
1840
- "inputVariantHelperIcon": "default",
1841
- "inputVariantValueHelperIcon": "empty",
1842
- "inputVariantValueHelperIcon:1": "filled"
1843
- },
1844
- "cxLiterals": [],
1845
- "internalComponents": ["IconSlot", "HStack"],
1846
- "internalComponentProps": { "HStack": {
1847
- "gap": ["1"],
1848
- "alignItems": ["center"]
1849
- } },
1850
- "propToVariantKeys": {
1851
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1852
- "startIcon": ["icon"],
1853
- "endIcon": ["icon"]
1854
- },
1855
- "runtimeConfigDefaultProps": {},
1856
- "runtimeConfigGetStyles": {},
1857
- "runtimeConfigInternalComponentProps": {},
1858
- "motionVarPrefixes": []
1859
- },
1860
- PaddleButton: {
1861
- "name": "PaddleButton",
1791
+ ToastPortal: {
1792
+ "name": "ToastPortal",
1862
1793
  "defaultProps": {},
1863
1794
  "getStylesLiterals": {},
1864
- "cxLiterals": [
1865
- "relative",
1866
- "inline-flex",
1867
- "items-center",
1868
- "justify-center",
1869
- "box-border",
1870
- "overflow-hidden",
1871
- "border-solid",
1872
- "select-none",
1873
- "uds-nested-radius",
1874
- "transition-[color,border-color,box-shadow]",
1875
- "duration-[180ms]",
1876
- "ease-[cubic-bezier(0,0,0.2,1)]",
1877
- "uds-ring",
1878
- "cursor-pointer",
1879
- "cursor-not-allowed",
1880
- "opacity-50",
1881
- "pointer-events-none",
1882
- "hidden",
1883
- "absolute",
1884
- "inset-0",
1885
- "-z-10",
1886
- "rounded-[var(--uds-nested-radius)]",
1887
- "transition-[background-color,opacity]"
1888
- ],
1889
- "internalComponents": ["Icon"],
1890
- "internalComponentProps": { "Icon": {
1891
- "size": ["md"],
1892
- "color": ["current"]
1893
- } },
1894
- "propToVariantKeys": {
1895
- "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
1896
- "variant": [
1897
- "paddlenavVariantRoot",
1898
- "paddlenavVariantBackground",
1899
- "paddlenavVariantIcon"
1900
- ]
1795
+ "cxLiterals": [],
1796
+ "internalComponents": ["ReactToastifyToastContainer"],
1797
+ "internalComponentProps": {},
1798
+ "propToVariantKeys": {},
1799
+ "runtimeConfigDefaultProps": {
1800
+ "size": "toast.defaultSize",
1801
+ "variant": "toast.defaultVariant"
1901
1802
  },
1902
- "runtimeConfigDefaultProps": {},
1903
1803
  "runtimeConfigGetStyles": {},
1904
- "runtimeConfigInternalComponentProps": {},
1804
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1905
1805
  "motionVarPrefixes": []
1906
1806
  },
1907
- PaddleButtonNext: {
1908
- "name": "PaddleButtonNext",
1807
+ UDSToastConfigProvider: {
1808
+ "name": "UDSToastConfigProvider",
1909
1809
  "defaultProps": {},
1910
1810
  "getStylesLiterals": {},
1911
1811
  "cxLiterals": [],
1912
- "internalComponents": ["PaddleButton"],
1913
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
1812
+ "internalComponents": ["ToastContext.Provider"],
1813
+ "internalComponentProps": {},
1914
1814
  "propToVariantKeys": {},
1915
1815
  "runtimeConfigDefaultProps": {},
1916
1816
  "runtimeConfigGetStyles": {},
1917
1817
  "runtimeConfigInternalComponentProps": {},
1918
1818
  "motionVarPrefixes": []
1919
1819
  },
1920
- PaddleButtonPrevious: {
1921
- "name": "PaddleButtonPrevious",
1820
+ Toast: {
1821
+ "name": "Toast",
1922
1822
  "defaultProps": {},
1923
- "getStylesLiterals": {},
1924
- "cxLiterals": [],
1925
- "internalComponents": ["PaddleButton"],
1926
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
1927
- "propToVariantKeys": {},
1928
- "runtimeConfigDefaultProps": {},
1929
- "runtimeConfigGetStyles": {},
1930
- "runtimeConfigInternalComponentProps": {},
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
+ },
1931
1888
  "motionVarPrefixes": []
1932
1889
  },
1933
- PaddleNav: {
1934
- "name": "PaddleNav",
1935
- "defaultProps": {
1936
- "orientation": "horizontal",
1937
- "variant": "primary",
1938
- "size": "md"
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"
1939
1898
  },
1940
- "getStylesLiterals": {},
1941
- "cxLiterals": [
1942
- "pointer-events-none",
1943
- "inline-flex",
1944
- "flex-row",
1945
- "gap-2",
1946
- "items-center",
1947
- "pointer-events-auto",
1948
- "flex-col",
1949
- "relative",
1950
- "min-w-0",
1951
- "min-h-0",
1952
- "flex-1",
1953
- "inline-block",
1954
- "absolute",
1955
- "z-10",
1956
- "top-2",
1957
- "left-1/2",
1958
- "-translate-x-1/2",
1959
- "left-2",
1960
- "top-1/2",
1961
- "-translate-y-1/2",
1962
- "bottom-2",
1963
- "right-2",
1964
- "-top-12",
1965
- "left-0",
1966
- "right-0",
1967
- "-bottom-12"
1899
+ "cxLiterals": ["w-full"],
1900
+ "internalComponents": ["HStack"],
1901
+ "internalComponentProps": { "HStack": {
1902
+ "alignItems": ["center"],
1903
+ "justifyContent": ["space-between"],
1904
+ "overflow": ["hidden"],
1905
+ "position": ["relative"]
1906
+ } },
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"
1968
1934
  ],
1969
- "internalComponents": ["PaddleNavContext.Provider", "Box"],
1970
- "internalComponentProps": { "Box": {
1971
- "display": ["inline-flex"],
1972
- "alignItems": ["center"],
1973
- "justifyContent": ["center"],
1974
- "data-paddle-nav-outside": ["true"]
1975
- } },
1976
- "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
1935
+ "internalComponentProps": {},
1936
+ "propToVariantKeys": {},
1977
1937
  "runtimeConfigDefaultProps": {},
1978
1938
  "runtimeConfigGetStyles": {},
1979
1939
  "runtimeConfigInternalComponentProps": {},
1980
1940
  "motionVarPrefixes": []
1981
1941
  },
1982
- PaddleNavContent: {
1983
- "name": "PaddleNavContent",
1942
+ UDSBreakpointsConfigProvider: {
1943
+ "name": "UDSBreakpointsConfigProvider",
1984
1944
  "defaultProps": {},
1985
1945
  "getStylesLiterals": {},
1986
- "cxLiterals": [
1987
- "min-w-0",
1988
- "min-h-0",
1989
- "relative"
1990
- ],
1991
- "internalComponents": [],
1946
+ "cxLiterals": [],
1947
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1992
1948
  "internalComponentProps": {},
1993
1949
  "propToVariantKeys": {},
1994
1950
  "runtimeConfigDefaultProps": {},
@@ -1996,18 +1952,15 @@ var componentData_default = {
1996
1952
  "runtimeConfigInternalComponentProps": {},
1997
1953
  "motionVarPrefixes": []
1998
1954
  },
1999
- Popover: {
2000
- "name": "Popover",
1955
+ UDSPopoverConfigProvider: {
1956
+ "name": "UDSPopoverConfigProvider",
2001
1957
  "defaultProps": {},
2002
1958
  "getStylesLiterals": {},
2003
- "cxLiterals": ["uds:popover-open"],
2004
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1959
+ "cxLiterals": [],
1960
+ "internalComponents": ["PopoverContext.Provider"],
2005
1961
  "internalComponentProps": {},
2006
1962
  "propToVariantKeys": {},
2007
- "runtimeConfigDefaultProps": {
2008
- "size": "popover.defaultSize",
2009
- "variant": "popover.defaultVariant"
2010
- },
1963
+ "runtimeConfigDefaultProps": {},
2011
1964
  "runtimeConfigGetStyles": {},
2012
1965
  "runtimeConfigInternalComponentProps": {},
2013
1966
  "motionVarPrefixes": []
@@ -2109,12 +2062,28 @@ var componentData_default = {
2109
2062
  "runtimeConfigInternalComponentProps": {},
2110
2063
  "motionVarPrefixes": []
2111
2064
  },
2112
- UDSPopoverConfigProvider: {
2113
- "name": "UDSPopoverConfigProvider",
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",
2114
2083
  "defaultProps": {},
2115
2084
  "getStylesLiterals": {},
2116
2085
  "cxLiterals": [],
2117
- "internalComponents": ["PopoverContext.Provider"],
2086
+ "internalComponents": ["AriakitDialogDisclosure"],
2118
2087
  "internalComponentProps": {},
2119
2088
  "propToVariantKeys": {},
2120
2089
  "runtimeConfigDefaultProps": {},
@@ -2122,112 +2091,183 @@ var componentData_default = {
2122
2091
  "runtimeConfigInternalComponentProps": {},
2123
2092
  "motionVarPrefixes": []
2124
2093
  },
2125
- Radio: {
2126
- "name": "Radio",
2127
- "defaultProps": {
2128
- "labelPosition": "start",
2129
- "variant": "primary",
2130
- "size": "md",
2131
- "value": ""
2132
- },
2133
- "getStylesLiterals": {
2134
- "radioVariantValueRoot": "checked",
2135
- "radioVariantValueRoot:1": "unchecked",
2136
- "display": "flex",
2137
- "flexDirection": "row",
2138
- "flexDirection:1": "row-reverse",
2139
- "alignItems": "center",
2140
- "radioVariantValueRadio": "checked",
2141
- "radioVariantValueRadio:1": "unchecked",
2142
- "radioVariantValueRadioCircle": "checked",
2143
- "radioVariantValueRadioCircle:1": "unchecked"
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))]"] }
2144
2119
  },
2120
+ "propToVariantKeys": {},
2121
+ "runtimeConfigDefaultProps": {},
2122
+ "runtimeConfigGetStyles": {},
2123
+ "runtimeConfigInternalComponentProps": {},
2124
+ "motionVarPrefixes": []
2125
+ },
2126
+ BottomSheet: {
2127
+ "name": "BottomSheet",
2128
+ "defaultProps": { "variant": "default" },
2129
+ "getStylesLiterals": {},
2145
2130
  "cxLiterals": [
2146
- "cursor-pointer",
2147
- "cursor-default",
2148
- "opacity-50",
2149
- "border",
2150
- "uds-ring",
2151
- "uds-ring-within",
2152
- "transition-[background-color,border-color]",
2153
- "transition-shadow",
2154
- "pointer-events-none",
2155
- "w-[8px]",
2156
- "h-[8px]",
2157
- "transition-opacity",
2158
- "cursor-[inherit]",
2159
- "absolute",
2160
- "opacity-0",
2161
- "top-1/2",
2162
- "left-1/2",
2163
- "w-[calc(100%+2px)]",
2164
- "h-[calc(100%+2px)]",
2165
- "transform",
2166
- "translate-x-[-50%]",
2167
- "translate-y-[-50%]",
2168
- "text-start",
2169
- "text-end"
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"
2170
2147
  ],
2171
2148
  "internalComponents": [
2149
+ "Scrim",
2150
+ "BottomSheetHandle",
2151
+ "Dialog",
2172
2152
  "Box",
2173
- "FormLabel",
2174
- "SpringMotionConfig",
2175
- "RootElement",
2176
- "MotionBox"
2153
+ "BottomSheetInternalContext.Provider"
2177
2154
  ],
2178
2155
  "internalComponentProps": {
2179
- "Box": { "borderRadius": ["full"] },
2180
- "FormLabel": {
2181
- "as": ["div"],
2182
- "variant": ["inherit"],
2183
- "color": ["inherit"]
2184
- },
2185
- "RootElement": { "data-testid": ["container"] },
2186
- "MotionBox": {
2187
- "position": ["relative"],
2188
- "borderRadius": ["full"],
2189
- "alignItems": ["center"],
2190
- "justifyContent": ["center"],
2191
- "flex": ["none"]
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]"]
2192
2163
  }
2193
2164
  },
2194
- "propToVariantKeys": {
2195
- "size": ["radioSizeRoot", "radioSizeRadio"],
2196
- "variant": [
2197
- "radioVariantRoot",
2198
- "radioVariantRadio",
2199
- "radioVariantRadioCircle"
2200
- ],
2201
- "reduceMotion": ["reducedMotion"]
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"] }
2202
2227
  },
2228
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
2203
2229
  "runtimeConfigDefaultProps": {},
2204
2230
  "runtimeConfigGetStyles": {},
2205
2231
  "runtimeConfigInternalComponentProps": {},
2206
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2232
+ "motionVarPrefixes": []
2207
2233
  },
2208
- RadioGroupProvider: {
2209
- "name": "RadioGroupProvider",
2210
- "defaultProps": {},
2234
+ BottomSheetHandle: {
2235
+ "name": "BottomSheetHandle",
2236
+ "defaultProps": { "variant": "default" },
2211
2237
  "getStylesLiterals": {},
2212
- "cxLiterals": [],
2213
- "internalComponents": [
2214
- "DivProps",
2215
- "Comp",
2216
- "RadioGroupContext.Provider"
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"
2217
2253
  ],
2218
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2219
- "propToVariantKeys": {},
2254
+ "internalComponents": ["Box"],
2255
+ "internalComponentProps": { "Box": {
2256
+ "display": ["block", "flex"],
2257
+ "justifyContent": ["center"]
2258
+ } },
2259
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
2220
2260
  "runtimeConfigDefaultProps": {},
2221
2261
  "runtimeConfigGetStyles": {},
2222
2262
  "runtimeConfigInternalComponentProps": {},
2223
2263
  "motionVarPrefixes": []
2224
2264
  },
2225
- RadioGroupStore: {
2226
- "name": "RadioGroupStore",
2265
+ BottomSheetProvider: {
2266
+ "name": "BottomSheetProvider",
2227
2267
  "defaultProps": {},
2228
2268
  "getStylesLiterals": {},
2229
2269
  "cxLiterals": [],
2230
- "internalComponents": [],
2270
+ "internalComponents": ["AriakitDialogProvider"],
2231
2271
  "internalComponentProps": {},
2232
2272
  "propToVariantKeys": {},
2233
2273
  "runtimeConfigDefaultProps": {},
@@ -2235,65 +2275,6 @@ var componentData_default = {
2235
2275
  "runtimeConfigInternalComponentProps": {},
2236
2276
  "motionVarPrefixes": []
2237
2277
  },
2238
- Tab: {
2239
- "name": "Tab",
2240
- "defaultProps": { "variant": "primary" },
2241
- "getStylesLiterals": {
2242
- "tabSizeRoot": "default",
2243
- "tabVariantActiveRoot": "off",
2244
- "tabVariantActiveRoot:1": "on",
2245
- "tabSizeIcon": "default"
2246
- },
2247
- "cxLiterals": [
2248
- "pointer-events-none",
2249
- "absolute",
2250
- "bottom-0",
2251
- "left-0",
2252
- "right-0",
2253
- "h-[var(--uds-tab-underline-width,0px)]",
2254
- "bg-[var(--uds-tab-underline-color,transparent)]",
2255
- "transition-[height,background-color]",
2256
- "duration-[240ms]",
2257
- "ease-[cubic-bezier(0.2,0,0,1)]",
2258
- "!bg-transparent",
2259
- "!shadow-none",
2260
- "inline-flex",
2261
- "items-center",
2262
- "shrink-0",
2263
- "box-border",
2264
- "relative",
2265
- "z-[1]",
2266
- "cursor-pointer",
2267
- "select-none",
2268
- "whitespace-nowrap",
2269
- "uds-ring",
2270
- "opacity-50",
2271
- "cursor-default",
2272
- "border-solid",
2273
- "border-b-solid",
2274
- "transition-colors"
2275
- ],
2276
- "internalComponents": [
2277
- "IconSlot",
2278
- "AriakitTab",
2279
- "Text"
2280
- ],
2281
- "internalComponentProps": { "Text": {
2282
- "variant": ["inherit"],
2283
- "as": ["span"],
2284
- "color": ["current"]
2285
- } },
2286
- "propToVariantKeys": {
2287
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2288
- "activeState": ["tabVariantActiveIcon"],
2289
- "startIcon": ["icon"],
2290
- "endIcon": ["icon"]
2291
- },
2292
- "runtimeConfigDefaultProps": {},
2293
- "runtimeConfigGetStyles": {},
2294
- "runtimeConfigInternalComponentProps": {},
2295
- "motionVarPrefixes": []
2296
- },
2297
2278
  TabList: {
2298
2279
  "name": "TabList",
2299
2280
  "defaultProps": { "variant": "primary" },
@@ -2349,19 +2330,6 @@ var componentData_default = {
2349
2330
  "runtimeConfigInternalComponentProps": {},
2350
2331
  "motionVarPrefixes": []
2351
2332
  },
2352
- TabPanel: {
2353
- "name": "TabPanel",
2354
- "defaultProps": {},
2355
- "getStylesLiterals": {},
2356
- "cxLiterals": [],
2357
- "internalComponents": ["AriakitTabPanel"],
2358
- "internalComponentProps": {},
2359
- "propToVariantKeys": {},
2360
- "runtimeConfigDefaultProps": {},
2361
- "runtimeConfigGetStyles": {},
2362
- "runtimeConfigInternalComponentProps": {},
2363
- "motionVarPrefixes": []
2364
- },
2365
2333
  Tabs: {
2366
2334
  "name": "Tabs",
2367
2335
  "defaultProps": { "variant": "primary" },
@@ -2375,130 +2343,84 @@ var componentData_default = {
2375
2343
  "runtimeConfigInternalComponentProps": {},
2376
2344
  "motionVarPrefixes": []
2377
2345
  },
2378
- Toast: {
2379
- "name": "Toast",
2380
- "defaultProps": {},
2346
+ Tab: {
2347
+ "name": "Tab",
2348
+ "defaultProps": { "variant": "primary" },
2381
2349
  "getStylesLiterals": {
2382
- "className": "animate-spin",
2383
- "className:1": "flex-none",
2384
- "spacing": "2",
2385
- "borderRadius": "full"
2350
+ "tabSizeRoot": "default",
2351
+ "tabVariantActiveRoot": "off",
2352
+ "tabVariantActiveRoot:1": "on",
2353
+ "tabSizeIcon": "default"
2386
2354
  },
2387
2355
  "cxLiterals": [
2388
- "duration-0",
2389
- "duration-120",
2390
- "transition-[background-color]",
2391
- "bg-carbon-15/0",
2392
- "hover:bg-carbon-15/10",
2393
- "active:bg-carbon-15/15",
2394
- "uds-ring"
2356
+ "pointer-events-none",
2357
+ "absolute",
2358
+ "bottom-0",
2359
+ "left-0",
2360
+ "right-0",
2361
+ "h-[var(--uds-tab-underline-width,0px)]",
2362
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2363
+ "transition-[height,background-color]",
2364
+ "duration-[240ms]",
2365
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2366
+ "!bg-transparent",
2367
+ "!shadow-none",
2368
+ "inline-flex",
2369
+ "items-center",
2370
+ "shrink-0",
2371
+ "box-border",
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"
2395
2383
  ],
2396
2384
  "internalComponents": [
2397
2385
  "IconSlot",
2398
- "ToastContainer",
2399
- "Text",
2400
- "Button",
2401
- "Pressable"
2386
+ "AriakitTab",
2387
+ "Text"
2402
2388
  ],
2403
- "internalComponentProps": {},
2404
- "propToVariantKeys": {
2405
- "size": [
2406
- "toastSizeLabel",
2407
- "toastSizeIcon",
2408
- "toastSizeActionButton",
2409
- "toastSizeCloseIcon"
2410
- ],
2411
- "variant": [
2412
- "toastVariantIcon",
2413
- "toastVariantActionButton",
2414
- "toastVariantCloseIcon"
2415
- ],
2416
- "closeIcon": ["icon"],
2417
- "onClickActionButton": ["onClick"]
2418
- },
2419
- "runtimeConfigDefaultProps": {
2420
- "size": "toast.defaultSize",
2421
- "variant": "toast.defaultVariant"
2422
- },
2423
- "runtimeConfigGetStyles": {
2424
- "toastSizeLabel": ["toast.defaultSize"],
2425
- "toastVariantIcon": ["toast.defaultVariant"],
2426
- "toastSizeIcon": ["toast.defaultSize"],
2427
- "toastSizeActionButton": ["toast.defaultSize"],
2428
- "toastVariantActionButton": ["toast.defaultVariant"],
2429
- "toastVariantCloseIcon": ["toast.defaultVariant"],
2430
- "toastSizeCloseIcon": ["toast.defaultSize"]
2431
- },
2432
- "runtimeConfigInternalComponentProps": {
2433
- "ToastContainer": {
2434
- "size": ["toast.defaultSize"],
2435
- "variant": ["toast.defaultVariant"]
2436
- },
2437
- "Text": {
2438
- "variant": ["toast.textVariant.${size}"],
2439
- "color": ["toast.textColor.${variant}"]
2440
- },
2441
- "Button": {
2442
- "size": ["toast.buttonSize.${size}"],
2443
- "variant": ["toast.buttonVariant.${variant}"]
2444
- }
2445
- },
2446
- "motionVarPrefixes": []
2447
- },
2448
- ToastContainer: {
2449
- "name": "ToastContainer",
2450
- "defaultProps": {},
2451
- "getStylesLiterals": {
2452
- "position": "relative",
2453
- "alignItems": "center",
2454
- "display": "flex",
2455
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2456
- },
2457
- "cxLiterals": ["w-full"],
2458
- "internalComponents": ["HStack"],
2459
- "internalComponentProps": { "HStack": {
2460
- "alignItems": ["center"],
2461
- "justifyContent": ["space-between"],
2462
- "overflow": ["hidden"],
2463
- "position": ["relative"]
2389
+ "internalComponentProps": { "Text": {
2390
+ "variant": ["inherit"],
2391
+ "as": ["span"],
2392
+ "color": ["current"]
2464
2393
  } },
2465
- "propToVariantKeys": {
2466
- "variant": ["toastVariantRoot"],
2467
- "size": ["toastSizeRoot"]
2468
- },
2469
- "runtimeConfigDefaultProps": {
2470
- "size": "toast.defaultSize",
2471
- "variant": "toast.defaultVariant"
2472
- },
2473
- "runtimeConfigGetStyles": {
2474
- "toastVariantRoot": ["toast.defaultVariant"],
2475
- "toastSizeRoot": ["toast.defaultSize"]
2394
+ "propToVariantKeys": {
2395
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2396
+ "activeState": ["tabVariantActiveIcon"],
2397
+ "startIcon": ["icon"],
2398
+ "endIcon": ["icon"]
2476
2399
  },
2477
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2400
+ "runtimeConfigDefaultProps": {},
2401
+ "runtimeConfigGetStyles": {},
2402
+ "runtimeConfigInternalComponentProps": {},
2478
2403
  "motionVarPrefixes": []
2479
2404
  },
2480
- ToastPortal: {
2481
- "name": "ToastPortal",
2405
+ TabPanel: {
2406
+ "name": "TabPanel",
2482
2407
  "defaultProps": {},
2483
2408
  "getStylesLiterals": {},
2484
2409
  "cxLiterals": [],
2485
- "internalComponents": ["ReactToastifyToastContainer"],
2410
+ "internalComponents": ["AriakitTabPanel"],
2486
2411
  "internalComponentProps": {},
2487
2412
  "propToVariantKeys": {},
2488
- "runtimeConfigDefaultProps": {
2489
- "size": "toast.defaultSize",
2490
- "variant": "toast.defaultVariant"
2491
- },
2413
+ "runtimeConfigDefaultProps": {},
2492
2414
  "runtimeConfigGetStyles": {},
2493
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2415
+ "runtimeConfigInternalComponentProps": {},
2494
2416
  "motionVarPrefixes": []
2495
2417
  },
2496
- UDSToastConfigProvider: {
2497
- "name": "UDSToastConfigProvider",
2418
+ UDSTooltipConfigProvider: {
2419
+ "name": "UDSTooltipConfigProvider",
2498
2420
  "defaultProps": {},
2499
2421
  "getStylesLiterals": {},
2500
2422
  "cxLiterals": [],
2501
- "internalComponents": ["ToastContext.Provider"],
2423
+ "internalComponents": ["TooltipContext.Provider"],
2502
2424
  "internalComponentProps": {},
2503
2425
  "propToVariantKeys": {},
2504
2426
  "runtimeConfigDefaultProps": {},
@@ -2506,6 +2428,19 @@ var componentData_default = {
2506
2428
  "runtimeConfigInternalComponentProps": {},
2507
2429
  "motionVarPrefixes": []
2508
2430
  },
2431
+ TooltipTrigger: {
2432
+ "name": "TooltipTrigger",
2433
+ "defaultProps": {},
2434
+ "getStylesLiterals": {},
2435
+ "cxLiterals": [],
2436
+ "internalComponents": ["TooltipAnchor"],
2437
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2438
+ "propToVariantKeys": { "children": ["render"] },
2439
+ "runtimeConfigDefaultProps": {},
2440
+ "runtimeConfigGetStyles": {},
2441
+ "runtimeConfigInternalComponentProps": {},
2442
+ "motionVarPrefixes": []
2443
+ },
2509
2444
  Tooltip: {
2510
2445
  "name": "Tooltip",
2511
2446
  "defaultProps": {},
@@ -2571,65 +2506,6 @@ var componentData_default = {
2571
2506
  "runtimeConfigInternalComponentProps": {},
2572
2507
  "motionVarPrefixes": []
2573
2508
  },
2574
- TooltipTrigger: {
2575
- "name": "TooltipTrigger",
2576
- "defaultProps": {},
2577
- "getStylesLiterals": {},
2578
- "cxLiterals": [],
2579
- "internalComponents": ["TooltipAnchor"],
2580
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2581
- "propToVariantKeys": { "children": ["render"] },
2582
- "runtimeConfigDefaultProps": {},
2583
- "runtimeConfigGetStyles": {},
2584
- "runtimeConfigInternalComponentProps": {},
2585
- "motionVarPrefixes": []
2586
- },
2587
- UDSTooltipConfigProvider: {
2588
- "name": "UDSTooltipConfigProvider",
2589
- "defaultProps": {},
2590
- "getStylesLiterals": {},
2591
- "cxLiterals": [],
2592
- "internalComponents": ["TooltipContext.Provider"],
2593
- "internalComponentProps": {},
2594
- "propToVariantKeys": {},
2595
- "runtimeConfigDefaultProps": {},
2596
- "runtimeConfigGetStyles": {},
2597
- "runtimeConfigInternalComponentProps": {},
2598
- "motionVarPrefixes": []
2599
- },
2600
- UDSBreakpointsConfigProvider: {
2601
- "name": "UDSBreakpointsConfigProvider",
2602
- "defaultProps": {},
2603
- "getStylesLiterals": {},
2604
- "cxLiterals": [],
2605
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2606
- "internalComponentProps": {},
2607
- "propToVariantKeys": {},
2608
- "runtimeConfigDefaultProps": {},
2609
- "runtimeConfigGetStyles": {},
2610
- "runtimeConfigInternalComponentProps": {},
2611
- "motionVarPrefixes": []
2612
- },
2613
- UDSConfigProvider: {
2614
- "name": "UDSConfigProvider",
2615
- "defaultProps": {},
2616
- "getStylesLiterals": {},
2617
- "cxLiterals": [],
2618
- "internalComponents": [
2619
- "UDSBreakpointsConfigProvider",
2620
- "UDSBottomSheetConfigProvider",
2621
- "UDSToastConfigProvider",
2622
- "UDSTooltipConfigProvider",
2623
- "UDSPopoverConfigProvider",
2624
- "UDSModalConfigProvider"
2625
- ],
2626
- "internalComponentProps": {},
2627
- "propToVariantKeys": {},
2628
- "runtimeConfigDefaultProps": {},
2629
- "runtimeConfigGetStyles": {},
2630
- "runtimeConfigInternalComponentProps": {},
2631
- "motionVarPrefixes": []
2632
- },
2633
2509
  Accordion: {
2634
2510
  "name": "Accordion",
2635
2511
  "defaultProps": {
@@ -2681,19 +2557,6 @@ var componentData_default = {
2681
2557
  "runtimeConfigInternalComponentProps": {},
2682
2558
  "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2683
2559
  },
2684
- AvoidMotionLibraryProvider: {
2685
- "name": "AvoidMotionLibraryProvider",
2686
- "defaultProps": {},
2687
- "getStylesLiterals": {},
2688
- "cxLiterals": [],
2689
- "internalComponents": [],
2690
- "internalComponentProps": {},
2691
- "propToVariantKeys": {},
2692
- "runtimeConfigDefaultProps": {},
2693
- "runtimeConfigGetStyles": {},
2694
- "runtimeConfigInternalComponentProps": {},
2695
- "motionVarPrefixes": []
2696
- },
2697
2560
  SegmentedControl: {
2698
2561
  "name": "SegmentedControl",
2699
2562
  "defaultProps": { "textVariant": "label2" },
@@ -2849,6 +2712,149 @@ var componentData_default = {
2849
2712
  "runtimeConfigGetStyles": {},
2850
2713
  "runtimeConfigInternalComponentProps": {},
2851
2714
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2715
+ },
2716
+ AvoidMotionLibraryProvider: {
2717
+ "name": "AvoidMotionLibraryProvider",
2718
+ "defaultProps": {},
2719
+ "getStylesLiterals": {},
2720
+ "cxLiterals": [],
2721
+ "internalComponents": [],
2722
+ "internalComponentProps": {},
2723
+ "propToVariantKeys": {},
2724
+ "runtimeConfigDefaultProps": {},
2725
+ "runtimeConfigGetStyles": {},
2726
+ "runtimeConfigInternalComponentProps": {},
2727
+ "motionVarPrefixes": []
2728
+ },
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",
2744
+ "defaultProps": {},
2745
+ "getStylesLiterals": {},
2746
+ "cxLiterals": [],
2747
+ "internalComponents": [
2748
+ "ChipDismissible",
2749
+ "ChipToggle",
2750
+ "ChipLink",
2751
+ "ChipButton"
2752
+ ],
2753
+ "internalComponentProps": {},
2754
+ "propToVariantKeys": {},
2755
+ "runtimeConfigDefaultProps": {},
2756
+ "runtimeConfigGetStyles": {},
2757
+ "runtimeConfigInternalComponentProps": {},
2758
+ "motionVarPrefixes": []
2759
+ },
2760
+ ChipToggle: {
2761
+ "name": "ChipToggle",
2762
+ "defaultProps": {
2763
+ "variant": "primary",
2764
+ "role": "checkbox"
2765
+ },
2766
+ "getStylesLiterals": {
2767
+ "chipToggleVariantActiveRoot": "on",
2768
+ "chipToggleVariantActiveRoot:1": "off"
2769
+ },
2770
+ "cxLiterals": ["uds-ring"],
2771
+ "internalComponents": ["ChipBase"],
2772
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2773
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
2774
+ "runtimeConfigDefaultProps": {},
2775
+ "runtimeConfigGetStyles": {},
2776
+ "runtimeConfigInternalComponentProps": {},
2777
+ "motionVarPrefixes": []
2778
+ },
2779
+ ChipDismissible: {
2780
+ "name": "ChipDismissible",
2781
+ "defaultProps": { "variant": "primary" },
2782
+ "getStylesLiterals": {},
2783
+ "cxLiterals": [
2784
+ "uds-chip-dismissible-button",
2785
+ "uds-hit-target",
2786
+ "uds-ring",
2787
+ "rounded-full"
2788
+ ],
2789
+ "internalComponents": [
2790
+ "ChipBase",
2791
+ "IconSlot",
2792
+ "Pressable"
2793
+ ],
2794
+ "internalComponentProps": {},
2795
+ "propToVariantKeys": {
2796
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2797
+ "dismissButtonAriaLabel": ["aria-label"]
2798
+ },
2799
+ "runtimeConfigDefaultProps": {},
2800
+ "runtimeConfigGetStyles": {},
2801
+ "runtimeConfigInternalComponentProps": {},
2802
+ "motionVarPrefixes": []
2803
+ },
2804
+ ChipButton: {
2805
+ "name": "ChipButton",
2806
+ "defaultProps": { "variant": "primary" },
2807
+ "getStylesLiterals": {},
2808
+ "cxLiterals": ["uds-ring"],
2809
+ "internalComponents": ["ChipBase"],
2810
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2811
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2812
+ "runtimeConfigDefaultProps": {},
2813
+ "runtimeConfigGetStyles": {},
2814
+ "runtimeConfigInternalComponentProps": {},
2815
+ "motionVarPrefixes": []
2816
+ },
2817
+ ChipBase: {
2818
+ "name": "ChipBase",
2819
+ "defaultProps": {
2820
+ "size": "md",
2821
+ "as": "div"
2822
+ },
2823
+ "getStylesLiterals": {},
2824
+ "cxLiterals": [
2825
+ "pointer-events-none",
2826
+ "cursor-default",
2827
+ "opacity-50",
2828
+ "inline-flex",
2829
+ "items-center",
2830
+ "transition-[background-color,outline-color,box-shadow]",
2831
+ "truncate",
2832
+ "whitespace-nowrap",
2833
+ "text-center",
2834
+ "flex-1",
2835
+ "md",
2836
+ "primary"
2837
+ ],
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
+ },
2854
+ "runtimeConfigDefaultProps": {},
2855
+ "runtimeConfigGetStyles": {},
2856
+ "runtimeConfigInternalComponentProps": {},
2857
+ "motionVarPrefixes": []
2852
2858
  }
2853
2859
  };
2854
2860
  //#endregion