@yahoo/uds 3.144.0 → 3.144.2

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