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