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