@yahoo/uds 3.154.1 → 3.156.0

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