@yahoo/uds 3.156.0 → 3.156.1

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