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