@yahoo/uds 3.127.1 → 3.128.1

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