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