@yahoo/uds 3.129.0-beta.4 → 3.129.0

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