@yahoo/uds 3.104.0 → 3.105.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +57 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +57 -57
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +57 -57
  4. package/dist/automated-config/dist/generated/autoVariants.js +57 -0
  5. package/dist/automated-config/dist/utils/generateDefaultClassName.cjs +18 -0
  6. package/dist/automated-config/dist/utils/generateDefaultClassName.d.cts +14 -0
  7. package/dist/automated-config/dist/utils/generateDefaultClassName.d.ts +14 -0
  8. package/dist/automated-config/dist/utils/generateDefaultClassName.js +17 -0
  9. package/dist/automated-config/dist/utils/index.cjs +3 -6
  10. package/dist/automated-config/dist/utils/index.d.cts +2 -2
  11. package/dist/automated-config/dist/utils/index.d.ts +2 -2
  12. package/dist/automated-config/dist/utils/index.js +3 -5
  13. package/dist/cli/runner.cjs +21 -5
  14. package/dist/cli/runner.js +21 -5
  15. package/dist/components/client/Button.cjs +9 -9
  16. package/dist/components/client/Button.js +2 -2
  17. package/dist/components/client/IconButton.cjs +8 -8
  18. package/dist/components/client/IconButton.js +2 -2
  19. package/dist/components/client/SpringMotionConfig.cjs +4 -4
  20. package/dist/components/client/SpringMotionConfig.js +5 -5
  21. package/dist/components/client/buttonConstants.cjs +10 -0
  22. package/dist/components/client/buttonConstants.d.cts +9 -0
  23. package/dist/components/client/buttonConstants.d.ts +9 -0
  24. package/dist/components/client/buttonConstants.js +8 -0
  25. package/dist/index.cjs +2 -1
  26. package/dist/index.d.cts +2 -1
  27. package/dist/index.d.ts +2 -1
  28. package/dist/index.js +2 -1
  29. package/dist/motion-tokens/dist/index.cjs +11 -0
  30. package/dist/motion-tokens/dist/index.d.cts +5 -1
  31. package/dist/motion-tokens/dist/index.d.ts +5 -1
  32. package/dist/motion-tokens/dist/index.js +11 -1
  33. package/dist/styles/styler.d.cts +67 -67
  34. package/dist/styles/styler.d.ts +67 -67
  35. package/dist/styles/variants.d.cts +57 -0
  36. package/dist/styles/variants.d.ts +57 -0
  37. package/dist/tailwind/dist/commands/generateComponentData.cjs +65 -0
  38. package/dist/tailwind/dist/commands/generateComponentData.d.ts +3 -0
  39. package/dist/tailwind/dist/commands/generateComponentData.js +64 -0
  40. package/dist/tailwind/dist/commands/generatePurgeCSSData.cjs +1 -1
  41. package/dist/tailwind/dist/commands/generatePurgeCSSData.js +1 -1
  42. package/dist/tailwind/dist/commands/purge.cjs +41 -11
  43. package/dist/tailwind/dist/commands/purge.d.ts +2 -1
  44. package/dist/tailwind/dist/commands/purge.js +41 -11
  45. package/dist/tailwind/dist/index.d.ts +1 -0
  46. package/dist/tailwind/dist/{utils → purger/legacy}/purgeCSS.cjs +7 -7
  47. package/dist/tailwind/dist/{utils → purger/legacy}/purgeCSS.js +6 -6
  48. package/dist/tailwind/dist/purger/optimized/ast/expressions.cjs +193 -0
  49. package/dist/tailwind/dist/purger/optimized/ast/expressions.js +192 -0
  50. package/dist/tailwind/dist/purger/optimized/ast/jsx.cjs +20 -0
  51. package/dist/tailwind/dist/purger/optimized/ast/jsx.js +19 -0
  52. package/dist/tailwind/dist/purger/optimized/purge.cjs +69 -0
  53. package/dist/tailwind/dist/purger/optimized/purge.js +66 -0
  54. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +273 -0
  55. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +272 -0
  56. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +408 -0
  57. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +405 -0
  58. package/dist/tailwind/dist/purger/optimized/utils/files.cjs +27 -0
  59. package/dist/tailwind/dist/purger/optimized/utils/files.js +24 -0
  60. package/dist/tailwind/dist/purger/optimized/utils/safelist.cjs +64 -0
  61. package/dist/tailwind/dist/purger/optimized/utils/safelist.js +60 -0
  62. package/dist/tailwind/dist/tailwind/utils/getColorModeStyles.cjs +1 -0
  63. package/dist/tailwind/dist/tailwind/utils/getColorModeStyles.js +1 -0
  64. package/dist/tailwind/dist/utils/tsMorph.cjs +1 -1
  65. package/dist/tokens/automation/index.cjs +2 -1
  66. package/dist/tokens/automation/index.d.cts +2 -1
  67. package/dist/tokens/automation/index.d.ts +2 -1
  68. package/dist/tokens/automation/index.js +2 -1
  69. package/dist/tokens/index.cjs +2 -1
  70. package/dist/tokens/index.d.cts +2 -1
  71. package/dist/tokens/index.d.ts +2 -1
  72. package/dist/tokens/index.js +2 -1
  73. package/dist/uds/generated/componentData.cjs +2110 -0
  74. package/dist/uds/generated/componentData.js +1720 -0
  75. package/dist/uds/generated/tailwindPurge.cjs +24 -24
  76. package/dist/uds/generated/tailwindPurge.js +24 -24
  77. package/package.json +1 -1
  78. /package/dist/tailwind/dist/{utils → purger/legacy}/purgeCSS.d.ts +0 -0
@@ -0,0 +1,1720 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ //#region generated/componentData.json
3
+ var Box = {
4
+ "name": "Box",
5
+ "defaultProps": {
6
+ "as": "div",
7
+ "display": "flex"
8
+ },
9
+ "getStylesLiterals": {},
10
+ "cxLiterals": [],
11
+ "internalComponents": ["Comp"],
12
+ "internalComponentProps": {},
13
+ "propToVariantKeys": {},
14
+ "motionVarPrefixes": []
15
+ };
16
+ var FormLabel = {
17
+ "name": "FormLabel",
18
+ "defaultProps": {
19
+ "color": "muted",
20
+ "variant": "label3",
21
+ "as": "label"
22
+ },
23
+ "getStylesLiterals": {},
24
+ "cxLiterals": ["cursor-[inherit]"],
25
+ "internalComponents": ["Text"],
26
+ "internalComponentProps": { "Text": {
27
+ "as": ["sup"],
28
+ "variant": ["inherit"],
29
+ "spacingStart": ["0.5"]
30
+ } },
31
+ "propToVariantKeys": {},
32
+ "motionVarPrefixes": []
33
+ };
34
+ var HStack = {
35
+ "name": "HStack",
36
+ "defaultProps": {},
37
+ "getStylesLiterals": {},
38
+ "cxLiterals": [],
39
+ "internalComponents": ["Box"],
40
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
41
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
42
+ "motionVarPrefixes": []
43
+ };
44
+ var Icon = {
45
+ "name": "Icon",
46
+ "defaultProps": {
47
+ "size": "md",
48
+ "variant": "outline",
49
+ "color": "primary"
50
+ },
51
+ "getStylesLiterals": { "flex": "none" },
52
+ "cxLiterals": ["[&_path]:fill-current"],
53
+ "internalComponents": ["SVGIcon"],
54
+ "internalComponentProps": {},
55
+ "propToVariantKeys": {},
56
+ "motionVarPrefixes": []
57
+ };
58
+ var IconSlot = {
59
+ "name": "IconSlot",
60
+ "defaultProps": {},
61
+ "getStylesLiterals": {},
62
+ "cxLiterals": [],
63
+ "internalComponents": ["Icon"],
64
+ "internalComponentProps": {},
65
+ "propToVariantKeys": {},
66
+ "motionVarPrefixes": []
67
+ };
68
+ var Image = {
69
+ "name": "Image",
70
+ "defaultProps": {},
71
+ "getStylesLiterals": {},
72
+ "cxLiterals": [],
73
+ "internalComponents": [],
74
+ "internalComponentProps": {},
75
+ "propToVariantKeys": {},
76
+ "motionVarPrefixes": []
77
+ };
78
+ var Link = {
79
+ "name": "Link",
80
+ "defaultProps": { "variant": "primary" },
81
+ "getStylesLiterals": {
82
+ "display": "inline-flex",
83
+ "alignItems": "center"
84
+ },
85
+ "cxLiterals": [
86
+ "uds-ring",
87
+ "underline",
88
+ "w-[0.7em]",
89
+ "h-[0.7em]"
90
+ ],
91
+ "internalComponents": ["IconSlot"],
92
+ "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
93
+ "propToVariantKeys": {
94
+ "textVariant": [
95
+ "linkTextStyleRoot",
96
+ "fontSize",
97
+ "fontFamily",
98
+ "fontWeight",
99
+ "lineHeight",
100
+ "textTransform",
101
+ "linkTextStyleIcon"
102
+ ],
103
+ "variant": [
104
+ "linkVariantRoot",
105
+ "linkVariantIconStart",
106
+ "linkVariantIconEnd"
107
+ ],
108
+ "startIcon": ["icon"],
109
+ "endIcon": ["icon"]
110
+ },
111
+ "motionVarPrefixes": []
112
+ };
113
+ var Text = {
114
+ "name": "Text",
115
+ "defaultProps": {
116
+ "color": "primary",
117
+ "variant": "body1"
118
+ },
119
+ "getStylesLiterals": {},
120
+ "cxLiterals": [],
121
+ "internalComponents": ["Comp"],
122
+ "internalComponentProps": {},
123
+ "propToVariantKeys": { "variant": [
124
+ "fontFamily",
125
+ "fontSize",
126
+ "fontWeight",
127
+ "lineHeight",
128
+ "textTransform",
129
+ "letterSpacing"
130
+ ] },
131
+ "motionVarPrefixes": []
132
+ };
133
+ var VStack = {
134
+ "name": "VStack",
135
+ "defaultProps": {},
136
+ "getStylesLiterals": {},
137
+ "cxLiterals": [],
138
+ "internalComponents": ["Box"],
139
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
140
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
141
+ "motionVarPrefixes": []
142
+ };
143
+ var Spinner = {
144
+ "name": "Spinner",
145
+ "defaultProps": {
146
+ "color": "primary",
147
+ "size": "lg"
148
+ },
149
+ "getStylesLiterals": {},
150
+ "cxLiterals": ["self-center", "relative"],
151
+ "internalComponents": ["Icon"],
152
+ "internalComponentProps": { "Icon": {
153
+ "role": ["img"],
154
+ "className": ["animate-spin"],
155
+ "aria-hidden": ["true"]
156
+ } },
157
+ "propToVariantKeys": {},
158
+ "motionVarPrefixes": []
159
+ };
160
+ var Table_mocks = {
161
+ "name": "Table.mocks",
162
+ "defaultProps": {},
163
+ "getStylesLiterals": {},
164
+ "cxLiterals": [],
165
+ "internalComponents": [],
166
+ "internalComponentProps": {},
167
+ "propToVariantKeys": {},
168
+ "motionVarPrefixes": []
169
+ };
170
+ var Table = {
171
+ "name": "Table",
172
+ "defaultProps": {
173
+ "display": "table-cell",
174
+ "overflow": "hidden",
175
+ "borderColor": "muted",
176
+ "borderRadius": "md",
177
+ "spacing": "3",
178
+ "borderBottomColor": "muted",
179
+ "color": "primary"
180
+ },
181
+ "getStylesLiterals": { "textAlign": "start" },
182
+ "cxLiterals": [],
183
+ "internalComponents": [
184
+ "CellComponent",
185
+ "Box",
186
+ "Text",
187
+ "Table.Root",
188
+ "Table.Header",
189
+ "Table.Row",
190
+ "Table.Cell",
191
+ "Table.Body"
192
+ ],
193
+ "internalComponentProps": {
194
+ "Text": { "borderBottomWidth": ["thin"] },
195
+ "Table.Cell": { "asHeaderCell": ["column"] }
196
+ },
197
+ "propToVariantKeys": {},
198
+ "motionVarPrefixes": []
199
+ };
200
+ var Accordion = {
201
+ "name": "Accordion",
202
+ "defaultProps": {
203
+ "spacingHorizontal": "4",
204
+ "spacingVertical": "4"
205
+ },
206
+ "getStylesLiterals": {},
207
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
208
+ "internalComponents": [
209
+ "Icon",
210
+ "SpringMotionConfig",
211
+ "Pressable",
212
+ "Text",
213
+ "HStack",
214
+ "AnimatePresence",
215
+ "VStack"
216
+ ],
217
+ "internalComponentProps": {
218
+ "Icon": {
219
+ "variant": ["fill"],
220
+ "size": ["sm"],
221
+ "color": ["primary"]
222
+ },
223
+ "SpringMotionConfig": {
224
+ "layoutVariant": ["smooth"],
225
+ "layoutSpeed": ["3"]
226
+ },
227
+ "Pressable": {
228
+ "display": ["flex"],
229
+ "flexDirection": ["row"],
230
+ "alignItems": ["center"],
231
+ "justifyContent": ["space-between"],
232
+ "borderRadius": ["md"]
233
+ },
234
+ "Text": {
235
+ "variant": ["title4"],
236
+ "color": ["primary"]
237
+ },
238
+ "HStack": {
239
+ "display": ["flex"],
240
+ "alignItems": ["center"],
241
+ "justifyContent": ["space-between"],
242
+ "columnGap": ["2.5"]
243
+ }
244
+ },
245
+ "propToVariantKeys": {},
246
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
247
+ };
248
+ var AvoidMotionLibraryProvider = {
249
+ "name": "AvoidMotionLibraryProvider",
250
+ "defaultProps": {},
251
+ "getStylesLiterals": {},
252
+ "cxLiterals": [],
253
+ "internalComponents": [],
254
+ "internalComponentProps": {},
255
+ "propToVariantKeys": {},
256
+ "motionVarPrefixes": []
257
+ };
258
+ var Modal = {
259
+ "name": "Modal",
260
+ "defaultProps": {},
261
+ "getStylesLiterals": {},
262
+ "cxLiterals": [
263
+ "inset-8",
264
+ "top-[250px]",
265
+ "z-50",
266
+ "mx-auto",
267
+ "h-fit",
268
+ "w-[600px]",
269
+ "origin-center",
270
+ "scale-95",
271
+ "opacity-0",
272
+ "transition",
273
+ "duration-150",
274
+ "data-[enter]:scale-100",
275
+ "data-[enter]:opacity-100"
276
+ ],
277
+ "internalComponents": [
278
+ "IconButton",
279
+ "Dialog",
280
+ "HStack",
281
+ "Text",
282
+ "VStack"
283
+ ],
284
+ "internalComponentProps": {
285
+ "IconButton": {
286
+ "aria-label": ["Close"],
287
+ "size": ["sm"],
288
+ "variant": ["tertiary"]
289
+ },
290
+ "HStack": {
291
+ "alignItems": ["center"],
292
+ "justifyContent": ["space-between"]
293
+ },
294
+ "Text": {
295
+ "variant": ["headline1"],
296
+ "color": ["primary"]
297
+ },
298
+ "VStack": {
299
+ "borderRadius": ["md"],
300
+ "position": ["fixed"],
301
+ "backgroundColor": ["primary"],
302
+ "dropShadow": ["md"],
303
+ "spacing": ["8"],
304
+ "overflow": ["hidden"]
305
+ }
306
+ },
307
+ "propToVariantKeys": { "handleClose": ["onClick"] },
308
+ "motionVarPrefixes": []
309
+ };
310
+ var Popover = {
311
+ "name": "Popover",
312
+ "defaultProps": {},
313
+ "getStylesLiterals": {},
314
+ "cxLiterals": [],
315
+ "internalComponents": [
316
+ "HStack",
317
+ "Text",
318
+ "OriginalPopoverHeading"
319
+ ],
320
+ "internalComponentProps": { "Text": {
321
+ "variant": ["headline1"],
322
+ "color": ["primary"]
323
+ } },
324
+ "propToVariantKeys": {},
325
+ "motionVarPrefixes": []
326
+ };
327
+ var SegmentedControl = {
328
+ "name": "SegmentedControl",
329
+ "defaultProps": {},
330
+ "getStylesLiterals": {
331
+ "display": "flex",
332
+ "alignItems": "center",
333
+ "backgroundColor": "primary",
334
+ "spacingVertical": "1",
335
+ "spacingHorizontal": "3",
336
+ "columnGap": "1.5",
337
+ "borderWidth": "thin",
338
+ "borderRadius": "full",
339
+ "borderColor": "muted",
340
+ "borderColor:1": "transparent",
341
+ "color": "primary",
342
+ "color:1": "tertiary",
343
+ "color:2": "muted"
344
+ },
345
+ "cxLiterals": [
346
+ "uds-ring",
347
+ "cursor-not-allowed",
348
+ "opacity-50",
349
+ "pointer-events-none",
350
+ "hover:bg-primary"
351
+ ],
352
+ "internalComponents": [
353
+ "Radio",
354
+ "Icon",
355
+ "RadioProvider",
356
+ "HStack",
357
+ "RadioGroup",
358
+ "Pressable",
359
+ "Text"
360
+ ],
361
+ "internalComponentProps": {
362
+ "Icon": {
363
+ "size": ["sm"],
364
+ "color": ["current"],
365
+ "aria-hidden": ["true"]
366
+ },
367
+ "HStack": {
368
+ "spacing": ["1"],
369
+ "gap": ["1"],
370
+ "backgroundColor": ["secondary"],
371
+ "borderRadius": ["full"],
372
+ "display": ["inline-flex"]
373
+ },
374
+ "Text": {
375
+ "variant": ["label2"],
376
+ "color": ["current"]
377
+ }
378
+ },
379
+ "propToVariantKeys": {
380
+ "value": ["key"],
381
+ "label": ["aria-label"]
382
+ },
383
+ "motionVarPrefixes": []
384
+ };
385
+ var SwitchV2 = {
386
+ "name": "SwitchV2",
387
+ "defaultProps": {
388
+ "labelPosition": "start",
389
+ "size": "md"
390
+ },
391
+ "getStylesLiterals": {
392
+ "switchVariantRoot": "default",
393
+ "switchVariantActiveRoot": "on",
394
+ "switchVariantActiveRoot:1": "off",
395
+ "switchVariantSwitch": "default",
396
+ "switchVariantActiveSwitch": "on",
397
+ "switchVariantActiveSwitch:1": "off",
398
+ "switchVariantActiveHandle": "on",
399
+ "switchVariantActiveHandle:1": "off",
400
+ "switchVariantHandle": "default",
401
+ "switchVariantHandleIcon": "default",
402
+ "switchVariantActiveHandleIcon": "on",
403
+ "switchVariantActiveHandleIcon:1": "off"
404
+ },
405
+ "cxLiterals": [
406
+ "group",
407
+ "flex",
408
+ "items-center",
409
+ "flex-row",
410
+ "flex-row-reverse",
411
+ "uds-ring",
412
+ "uds-ring-within",
413
+ "relative",
414
+ "uds-border-radius-full",
415
+ "transition-[background-color,box-shadow]",
416
+ "pointer-events-none",
417
+ "w-full",
418
+ "h-full",
419
+ "absolute",
420
+ "top-0",
421
+ "bottom-0",
422
+ "right-0",
423
+ "left-0",
424
+ "overflow-hidden",
425
+ "group-hover:scale-105",
426
+ "opacity-95",
427
+ "group-hover:opacity-100",
428
+ "transition-[transform,opacity]",
429
+ "opacity-0",
430
+ "top-1/2",
431
+ "left-1/2",
432
+ "transform",
433
+ "translate-x-[-50%]",
434
+ "translate-y-[-50%]",
435
+ "transition-opacity",
436
+ "cursor-[inherit]",
437
+ "w-[calc(100%+2px)]",
438
+ "h-[calc(100%+2px)]",
439
+ "text-start",
440
+ "text-end",
441
+ "opacity-100"
442
+ ],
443
+ "internalComponents": [
444
+ "IconSlot",
445
+ "Box",
446
+ "FormLabel",
447
+ "SpringMotionConfig",
448
+ "RootElement",
449
+ "MotionBox"
450
+ ],
451
+ "internalComponentProps": {
452
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
453
+ "FormLabel": {
454
+ "as": ["div"],
455
+ "variant": ["inherit"],
456
+ "color": ["inherit"]
457
+ },
458
+ "SpringMotionConfig": {
459
+ "layoutVariant": ["bouncy"],
460
+ "layoutSpeed": ["4"]
461
+ },
462
+ "RootElement": { "data-testid": ["switch-root"] },
463
+ "MotionBox": { "layout": ["position"] }
464
+ },
465
+ "propToVariantKeys": {
466
+ "size": [
467
+ "switchSizeRoot",
468
+ "switchSizeSwitch",
469
+ "switchSizeHandle",
470
+ "switchSizeHandleIcon"
471
+ ],
472
+ "onIcon": ["icon"],
473
+ "offIcon": ["icon"],
474
+ "reduceMotion": ["reducedMotion"],
475
+ "isOn": ["layoutDependency"]
476
+ },
477
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
478
+ };
479
+ var Tabs = {
480
+ "name": "Tabs",
481
+ "defaultProps": {},
482
+ "getStylesLiterals": {
483
+ "display": "flex",
484
+ "flexDirection": "row",
485
+ "columnGap": "6"
486
+ },
487
+ "cxLiterals": [
488
+ "text-tertiary",
489
+ "border-b-transparent",
490
+ "aria-selected:border-b-brand",
491
+ "aria-selected:text-secondary"
492
+ ],
493
+ "internalComponents": [
494
+ "TabProvider",
495
+ "OriginalTabList",
496
+ "OriginalTab",
497
+ "Icon",
498
+ "OriginalTabPanel",
499
+ "Pressable",
500
+ "Comp",
501
+ "Text"
502
+ ],
503
+ "internalComponentProps": {
504
+ "Icon": {
505
+ "className": ["text-current"],
506
+ "size": ["md"]
507
+ },
508
+ "Pressable": {
509
+ "borderBottomWidth": ["medium"],
510
+ "spacingBottom": ["1"],
511
+ "spacingTop": ["4"]
512
+ },
513
+ "Text": {
514
+ "className": ["text-current"],
515
+ "variant": ["headline1"],
516
+ "as": ["span"]
517
+ }
518
+ },
519
+ "propToVariantKeys": {},
520
+ "motionVarPrefixes": []
521
+ };
522
+ var AnimateHeightChange = {
523
+ "name": "AnimateHeightChange",
524
+ "defaultProps": {},
525
+ "getStylesLiterals": {},
526
+ "cxLiterals": [],
527
+ "internalComponents": ["SpringMotionConfig"],
528
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
529
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
530
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
531
+ };
532
+ var Badge = {
533
+ "name": "Badge",
534
+ "defaultProps": {
535
+ "variant": "primary",
536
+ "size": "md"
537
+ },
538
+ "getStylesLiterals": {},
539
+ "cxLiterals": [],
540
+ "internalComponents": ["IconSlot", "HStack"],
541
+ "internalComponentProps": {
542
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
543
+ "HStack": {
544
+ "gap": ["2"],
545
+ "display": ["inline-flex"],
546
+ "alignItems": ["center"]
547
+ }
548
+ },
549
+ "propToVariantKeys": {
550
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
551
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
552
+ "startIcon": ["icon"],
553
+ "endIcon": ["icon"]
554
+ },
555
+ "motionVarPrefixes": []
556
+ };
557
+ var Button = {
558
+ "name": "Button",
559
+ "defaultProps": { "type": "button" },
560
+ "getStylesLiterals": {},
561
+ "cxLiterals": [
562
+ "uds-ring",
563
+ "uds-hit-target",
564
+ "inline-flex",
565
+ "overflow-hidden",
566
+ "justify-center",
567
+ "items-center",
568
+ "whitespace-nowrap",
569
+ "select-none",
570
+ "[transform-origin:center]",
571
+ "[backface-visibility:hidden]",
572
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
573
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
574
+ "[transition-duration:220ms]",
575
+ "cursor-not-allowed",
576
+ "uds-button-loading",
577
+ "uds-button-without-effects",
578
+ "withIcon",
579
+ "uds-button-with-gap",
580
+ "animate-spin",
581
+ "truncate"
582
+ ],
583
+ "internalComponents": [
584
+ "Icon",
585
+ "IconSlot",
586
+ "AnimatePresence",
587
+ "SpringMotionConfig",
588
+ "MotionSlot"
589
+ ],
590
+ "internalComponentProps": {
591
+ "Icon": { "color": ["current"] },
592
+ "AnimatePresence": { "mode": ["popLayout"] },
593
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
594
+ "MotionSlot": {
595
+ "whileHover": ["hover"],
596
+ "whileTap": ["pressed"]
597
+ }
598
+ },
599
+ "propToVariantKeys": {
600
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
601
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
602
+ "iconVariant": ["variant"],
603
+ "startIcon": ["icon"],
604
+ "endIcon": ["icon"]
605
+ },
606
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
607
+ };
608
+ var Checkbox = {
609
+ "name": "Checkbox",
610
+ "defaultProps": {
611
+ "labelPosition": "start",
612
+ "variant": "primary",
613
+ "size": "md"
614
+ },
615
+ "getStylesLiterals": {
616
+ "display": "flex",
617
+ "flexDirection": "row",
618
+ "flexDirection:1": "row-reverse",
619
+ "alignItems": "center"
620
+ },
621
+ "cxLiterals": [
622
+ "cursor-pointer",
623
+ "cursor-default",
624
+ "opacity-50",
625
+ "uds-ring",
626
+ "uds-ring-within",
627
+ "transition-[background-color,border-color,box-shadow]",
628
+ "pointer-events-none",
629
+ "transition-opacity",
630
+ "cursor-[inherit]",
631
+ "absolute",
632
+ "opacity-0",
633
+ "top-1/2",
634
+ "left-1/2",
635
+ "w-[calc(100%+2px)]",
636
+ "h-[calc(100%+2px)]",
637
+ "transform",
638
+ "translate-x-[-50%]",
639
+ "translate-y-[-50%]",
640
+ "text-start",
641
+ "text-end"
642
+ ],
643
+ "internalComponents": [
644
+ "Icon",
645
+ "FormLabel",
646
+ "SpringMotionConfig",
647
+ "RootElement",
648
+ "MotionBox"
649
+ ],
650
+ "internalComponentProps": {
651
+ "Icon": { "size": ["sm"] },
652
+ "FormLabel": {
653
+ "as": ["div"],
654
+ "variant": ["inherit"],
655
+ "color": ["inherit"]
656
+ },
657
+ "RootElement": { "data-testid": ["container"] },
658
+ "MotionBox": {
659
+ "position": ["relative"],
660
+ "alignItems": ["center"],
661
+ "justifyContent": ["center"],
662
+ "flex": ["none"]
663
+ }
664
+ },
665
+ "propToVariantKeys": {
666
+ "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
667
+ "variant": [
668
+ "checkboxVariantRoot",
669
+ "checkboxVariantCheckbox",
670
+ "checkboxVariantCheckboxIcon"
671
+ ],
672
+ "valueState": [
673
+ "checkboxVariantValueRoot",
674
+ "checkboxVariantValueCheckbox",
675
+ "checkboxVariantValueCheckboxIcon"
676
+ ],
677
+ "reduceMotion": ["reducedMotion"]
678
+ },
679
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
680
+ };
681
+ var IconButton = {
682
+ "name": "IconButton",
683
+ "defaultProps": { "type": "button" },
684
+ "getStylesLiterals": {},
685
+ "cxLiterals": [
686
+ "uds-ring",
687
+ "uds-hit-target",
688
+ "inline-flex",
689
+ "overflow-hidden",
690
+ "justify-center",
691
+ "items-center",
692
+ "[transform-origin:center]",
693
+ "[backface-visibility:hidden]",
694
+ "[transition-property:color,background-color,border-color,",
695
+ "box-shadow,text-decoration-color,fill,stroke]",
696
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
697
+ "[transition-duration:220ms]",
698
+ "cursor-not-allowed",
699
+ "uds-button-loading",
700
+ "uds-button-without-effects",
701
+ "animate-spin"
702
+ ],
703
+ "internalComponents": [
704
+ "Icon",
705
+ "SpringMotionConfig",
706
+ "AnimatePresence"
707
+ ],
708
+ "internalComponentProps": {
709
+ "Icon": { "color": ["current"] },
710
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
711
+ "AnimatePresence": { "mode": ["popLayout"] }
712
+ },
713
+ "propToVariantKeys": {
714
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
715
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
716
+ "iconVariant": ["variant"]
717
+ },
718
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
719
+ };
720
+ var Pressable = {
721
+ "name": "Pressable",
722
+ "defaultProps": {},
723
+ "getStylesLiterals": {},
724
+ "cxLiterals": [],
725
+ "internalComponents": ["Comp"],
726
+ "internalComponentProps": {},
727
+ "propToVariantKeys": {},
728
+ "motionVarPrefixes": []
729
+ };
730
+ var SpringMotionConfig = {
731
+ "name": "SpringMotionConfig",
732
+ "defaultProps": { "reducedMotion": "user" },
733
+ "getStylesLiterals": {},
734
+ "cxLiterals": [],
735
+ "internalComponents": ["LazyMotion", "MotionConfig"],
736
+ "internalComponentProps": {},
737
+ "propToVariantKeys": { "loadFeatures": ["features"] },
738
+ "motionVarPrefixes": []
739
+ };
740
+ var Switch = {
741
+ "name": "Switch",
742
+ "defaultProps": {
743
+ "labelPosition": "start",
744
+ "size": "md"
745
+ },
746
+ "getStylesLiterals": {
747
+ "switchVariantRoot": "default",
748
+ "switchVariantActiveRoot": "on",
749
+ "switchVariantActiveRoot:1": "off",
750
+ "display": "flex",
751
+ "flexDirection": "row",
752
+ "flexDirection:1": "row-reverse",
753
+ "alignItems": "center",
754
+ "switchVariantSwitch": "default",
755
+ "switchVariantActiveSwitch": "on",
756
+ "switchVariantActiveSwitch:1": "off",
757
+ "borderRadius": "full",
758
+ "position": "relative",
759
+ "switchVariantActiveHandle": "on",
760
+ "switchVariantActiveHandle:1": "off",
761
+ "switchVariantHandle": "default",
762
+ "switchVariantHandleIcon": "default",
763
+ "switchVariantActiveHandleIcon": "on",
764
+ "switchVariantActiveHandleIcon:1": "off"
765
+ },
766
+ "cxLiterals": [
767
+ "group",
768
+ "cursor-pointer",
769
+ "cursor-default",
770
+ "opacity-50",
771
+ "uds-ring",
772
+ "uds-ring-within",
773
+ "transition-[background-color,box-shadow]",
774
+ "relative",
775
+ "pointer-events-none",
776
+ "uds-border-radius-full",
777
+ "overflow-hidden",
778
+ "absolute",
779
+ "top-0",
780
+ "left-0",
781
+ "right-0",
782
+ "bottom-0",
783
+ "opacity-95",
784
+ "group-hover:opacity-100",
785
+ "transition-[background-color,box-shadow,opacity]",
786
+ "opacity-0",
787
+ "top-1/2",
788
+ "left-1/2",
789
+ "transform",
790
+ "translate-x-[-50%]",
791
+ "translate-y-[-50%]",
792
+ "transition-opacity",
793
+ "cursor-[inherit]",
794
+ "w-[calc(100%+2px)]",
795
+ "h-[calc(100%+2px)]",
796
+ "text-start",
797
+ "text-end",
798
+ "opacity-100"
799
+ ],
800
+ "internalComponents": [
801
+ "IconSlot",
802
+ "Box",
803
+ "FormLabel",
804
+ "SpringMotionConfig",
805
+ "RootElement",
806
+ "MotionBox"
807
+ ],
808
+ "internalComponentProps": {
809
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
810
+ "FormLabel": {
811
+ "as": ["div"],
812
+ "variant": ["inherit"],
813
+ "color": ["inherit"]
814
+ },
815
+ "RootElement": { "data-testid": ["container"] }
816
+ },
817
+ "propToVariantKeys": {
818
+ "size": [
819
+ "switchSizeRoot",
820
+ "switchSizeSwitch",
821
+ "switchSizeHandle",
822
+ "switchSizeHandleIcon"
823
+ ],
824
+ "onIcon": ["icon"],
825
+ "offIcon": ["icon"],
826
+ "reduceMotion": ["reducedMotion"]
827
+ },
828
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
829
+ };
830
+ var UDSBreakpointsConfigProvider = {
831
+ "name": "UDSBreakpointsConfigProvider",
832
+ "defaultProps": {},
833
+ "getStylesLiterals": {},
834
+ "cxLiterals": [],
835
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
836
+ "internalComponentProps": {},
837
+ "propToVariantKeys": {},
838
+ "motionVarPrefixes": []
839
+ };
840
+ var UDSConfigProvider = {
841
+ "name": "UDSConfigProvider",
842
+ "defaultProps": {},
843
+ "getStylesLiterals": {},
844
+ "cxLiterals": [],
845
+ "internalComponents": [
846
+ "UDSBreakpointsConfigProvider",
847
+ "UDSToastConfigProvider",
848
+ "UDSTooltipConfigProvider"
849
+ ],
850
+ "internalComponentProps": {},
851
+ "propToVariantKeys": {},
852
+ "motionVarPrefixes": []
853
+ };
854
+ var Tooltip = {
855
+ "name": "Tooltip",
856
+ "defaultProps": {},
857
+ "getStylesLiterals": {},
858
+ "cxLiterals": [],
859
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
860
+ "internalComponentProps": {},
861
+ "propToVariantKeys": {},
862
+ "motionVarPrefixes": []
863
+ };
864
+ var TooltipContent = {
865
+ "name": "TooltipContent",
866
+ "defaultProps": {},
867
+ "getStylesLiterals": {
868
+ "tooltipSizeRoot": "default",
869
+ "tooltipVariantRoot": "default",
870
+ "tooltipSizeSvg": "default",
871
+ "tooltipVariantSvg": "default",
872
+ "tooltipVariantBlur": "default",
873
+ "position": "absolute",
874
+ "width": "full",
875
+ "height": "full",
876
+ "tooltipSizeTitle": "default",
877
+ "tooltipSizeBody": "default",
878
+ "tooltipSizeEndContent": "default",
879
+ "tooltipSizeIcon": "default",
880
+ "tooltipVariantIcon": "default"
881
+ },
882
+ "cxLiterals": [
883
+ "flex",
884
+ "z-[9999]",
885
+ "stroke-1",
886
+ "uds-bgBlurFillFallback",
887
+ "uds-bgBlurFallback",
888
+ "top-0",
889
+ "left-0",
890
+ "z-[1]",
891
+ "transition-opacity",
892
+ "ease-in-out"
893
+ ],
894
+ "internalComponents": [
895
+ "Box",
896
+ "IconSlot",
897
+ "TooltipArrow",
898
+ "Tooltip",
899
+ "Fragment",
900
+ "Text"
901
+ ],
902
+ "internalComponentProps": {
903
+ "Box": {
904
+ "position": ["relative"],
905
+ "flexDirection": ["column"],
906
+ "className": ["z-[3] gap-[inherit]"],
907
+ "alignItems": ["center"],
908
+ "columnGap": ["1", "1.5"]
909
+ },
910
+ "Text": { "color": ["inherit"] }
911
+ },
912
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
913
+ "motionVarPrefixes": []
914
+ };
915
+ var TooltipTrigger = {
916
+ "name": "TooltipTrigger",
917
+ "defaultProps": {},
918
+ "getStylesLiterals": {},
919
+ "cxLiterals": [],
920
+ "internalComponents": ["TooltipAnchor"],
921
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
922
+ "propToVariantKeys": { "children": ["render"] },
923
+ "motionVarPrefixes": []
924
+ };
925
+ var UDSTooltipConfigProvider = {
926
+ "name": "UDSTooltipConfigProvider",
927
+ "defaultProps": {},
928
+ "getStylesLiterals": {},
929
+ "cxLiterals": [],
930
+ "internalComponents": ["TooltipContext.Provider"],
931
+ "internalComponentProps": {},
932
+ "propToVariantKeys": {},
933
+ "motionVarPrefixes": []
934
+ };
935
+ var Toast = {
936
+ "name": "Toast",
937
+ "defaultProps": {},
938
+ "getStylesLiterals": {
939
+ "className": "flex-none",
940
+ "spacing": "2",
941
+ "borderRadius": "full"
942
+ },
943
+ "cxLiterals": [
944
+ "transition-[background-color]",
945
+ "bg-carbon-15/0",
946
+ "hover:bg-carbon-15/10",
947
+ "active:bg-carbon-15/15"
948
+ ],
949
+ "internalComponents": [
950
+ "IconSlot",
951
+ "ToastContainer",
952
+ "Text",
953
+ "Button",
954
+ "Pressable"
955
+ ],
956
+ "internalComponentProps": {},
957
+ "propToVariantKeys": {
958
+ "size": [
959
+ "toastSizeLabel",
960
+ "toastSizeIcon",
961
+ "toastSizeActionButton",
962
+ "toastSizeCloseIcon"
963
+ ],
964
+ "variant": [
965
+ "toastVariantIcon",
966
+ "toastVariantActionButton",
967
+ "toastVariantCloseIcon"
968
+ ],
969
+ "closeIcon": ["icon"],
970
+ "onClickActionButton": ["onClick"]
971
+ },
972
+ "motionVarPrefixes": []
973
+ };
974
+ var ToastContainer = {
975
+ "name": "ToastContainer",
976
+ "defaultProps": {},
977
+ "getStylesLiterals": {
978
+ "position": "relative",
979
+ "alignItems": "center",
980
+ "display": "flex",
981
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
982
+ },
983
+ "cxLiterals": ["w-full"],
984
+ "internalComponents": ["HStack"],
985
+ "internalComponentProps": { "HStack": {
986
+ "alignItems": ["center"],
987
+ "justifyContent": ["space-between"],
988
+ "overflow": ["hidden"],
989
+ "position": ["relative"]
990
+ } },
991
+ "propToVariantKeys": {
992
+ "variant": ["toastVariantRoot"],
993
+ "size": ["toastSizeRoot"]
994
+ },
995
+ "motionVarPrefixes": []
996
+ };
997
+ var ToastPortal = {
998
+ "name": "ToastPortal",
999
+ "defaultProps": {},
1000
+ "getStylesLiterals": {},
1001
+ "cxLiterals": [],
1002
+ "internalComponents": ["ReactToastifyToastContainer"],
1003
+ "internalComponentProps": {},
1004
+ "propToVariantKeys": {},
1005
+ "motionVarPrefixes": []
1006
+ };
1007
+ var UDSToastConfigProvider = {
1008
+ "name": "UDSToastConfigProvider",
1009
+ "defaultProps": {},
1010
+ "getStylesLiterals": {},
1011
+ "cxLiterals": [],
1012
+ "internalComponents": ["ToastContext.Provider"],
1013
+ "internalComponentProps": {},
1014
+ "propToVariantKeys": {},
1015
+ "motionVarPrefixes": []
1016
+ };
1017
+ var Radio = {
1018
+ "name": "Radio",
1019
+ "defaultProps": {
1020
+ "labelPosition": "start",
1021
+ "variant": "primary",
1022
+ "size": "md",
1023
+ "value": ""
1024
+ },
1025
+ "getStylesLiterals": {
1026
+ "radioVariantValueRoot": "checked",
1027
+ "radioVariantValueRoot:1": "unchecked",
1028
+ "display": "flex",
1029
+ "flexDirection": "row",
1030
+ "flexDirection:1": "row-reverse",
1031
+ "alignItems": "center",
1032
+ "radioVariantValueRadio": "checked",
1033
+ "radioVariantValueRadio:1": "unchecked",
1034
+ "radioVariantValueRadioCircle": "checked",
1035
+ "radioVariantValueRadioCircle:1": "unchecked"
1036
+ },
1037
+ "cxLiterals": [
1038
+ "cursor-pointer",
1039
+ "cursor-default",
1040
+ "opacity-50",
1041
+ "border",
1042
+ "uds-ring",
1043
+ "uds-ring-within",
1044
+ "transition-[background-color,border-color]",
1045
+ "transition-shadow",
1046
+ "pointer-events-none",
1047
+ "w-[8px]",
1048
+ "h-[8px]",
1049
+ "transition-opacity",
1050
+ "cursor-[inherit]",
1051
+ "absolute",
1052
+ "opacity-0",
1053
+ "top-1/2",
1054
+ "left-1/2",
1055
+ "w-[calc(100%+2px)]",
1056
+ "h-[calc(100%+2px)]",
1057
+ "transform",
1058
+ "translate-x-[-50%]",
1059
+ "translate-y-[-50%]",
1060
+ "text-start",
1061
+ "text-end"
1062
+ ],
1063
+ "internalComponents": [
1064
+ "Box",
1065
+ "FormLabel",
1066
+ "SpringMotionConfig",
1067
+ "RootElement",
1068
+ "MotionBox"
1069
+ ],
1070
+ "internalComponentProps": {
1071
+ "Box": { "borderRadius": ["full"] },
1072
+ "FormLabel": {
1073
+ "as": ["div"],
1074
+ "variant": ["inherit"],
1075
+ "color": ["inherit"]
1076
+ },
1077
+ "RootElement": { "data-testid": ["container"] },
1078
+ "MotionBox": {
1079
+ "position": ["relative"],
1080
+ "borderRadius": ["full"],
1081
+ "alignItems": ["center"],
1082
+ "justifyContent": ["center"],
1083
+ "flex": ["none"]
1084
+ }
1085
+ },
1086
+ "propToVariantKeys": {
1087
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1088
+ "variant": [
1089
+ "radioVariantRoot",
1090
+ "radioVariantRadio",
1091
+ "radioVariantRadioCircle"
1092
+ ],
1093
+ "reduceMotion": ["reducedMotion"]
1094
+ },
1095
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1096
+ };
1097
+ var RadioGroupProvider = {
1098
+ "name": "RadioGroupProvider",
1099
+ "defaultProps": {},
1100
+ "getStylesLiterals": {},
1101
+ "cxLiterals": [],
1102
+ "internalComponents": [
1103
+ "DivProps",
1104
+ "Comp",
1105
+ "RadioGroupContext.Provider"
1106
+ ],
1107
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1108
+ "propToVariantKeys": {},
1109
+ "motionVarPrefixes": []
1110
+ };
1111
+ var RadioGroupStore = {
1112
+ "name": "RadioGroupStore",
1113
+ "defaultProps": {},
1114
+ "getStylesLiterals": {},
1115
+ "cxLiterals": [],
1116
+ "internalComponents": [],
1117
+ "internalComponentProps": {},
1118
+ "propToVariantKeys": {},
1119
+ "motionVarPrefixes": []
1120
+ };
1121
+ var Menu_Content = {
1122
+ "name": "Menu.Content",
1123
+ "defaultProps": {
1124
+ "size": "default",
1125
+ "variant": "default",
1126
+ "gutter": "1"
1127
+ },
1128
+ "getStylesLiterals": {},
1129
+ "cxLiterals": [
1130
+ "uds-menu-content",
1131
+ "transition-shadow",
1132
+ "duration-200",
1133
+ "ease-in-out",
1134
+ "min-w-60",
1135
+ "max-w-lg",
1136
+ "max-h-96",
1137
+ "overflow-auto",
1138
+ "uds-ring",
1139
+ "z-10",
1140
+ "group"
1141
+ ],
1142
+ "internalComponents": [
1143
+ "AriakitMenu",
1144
+ "AnimatePresence",
1145
+ "MotionVStack"
1146
+ ],
1147
+ "internalComponentProps": {},
1148
+ "propToVariantKeys": {
1149
+ "size": ["menucontentSizeRoot"],
1150
+ "variant": ["menucontentVariantRoot"]
1151
+ },
1152
+ "motionVarPrefixes": []
1153
+ };
1154
+ var Menu_Divider = {
1155
+ "name": "Menu.Divider",
1156
+ "defaultProps": {
1157
+ "role": "separator",
1158
+ "contentPosition": "start",
1159
+ "gap": "4"
1160
+ },
1161
+ "getStylesLiterals": {
1162
+ "menuitemDividerVariantRoot": "default",
1163
+ "menuitemDividerVariantText": "default",
1164
+ "menuitemDividerVariantLine": "default"
1165
+ },
1166
+ "cxLiterals": [],
1167
+ "internalComponents": ["DividerInternal"],
1168
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1169
+ "propToVariantKeys": {},
1170
+ "motionVarPrefixes": []
1171
+ };
1172
+ var Menu_Item = {
1173
+ "name": "Menu.Item",
1174
+ "defaultProps": {},
1175
+ "getStylesLiterals": {
1176
+ "menuitemItemVariantRoot": "default",
1177
+ "menuitemItemVariantActiveRoot": "on",
1178
+ "menuitemItemVariantActiveRoot:1": "off",
1179
+ "menuitemItemVariantText": "default",
1180
+ "menuitemItemVariantActiveText": "on",
1181
+ "menuitemItemVariantActiveText:1": "off",
1182
+ "menuitemItemVariantIcon": "default",
1183
+ "menuitemItemVariantActiveIcon": "on",
1184
+ "menuitemItemVariantActiveIcon:1": "off"
1185
+ },
1186
+ "cxLiterals": [],
1187
+ "internalComponents": ["MenuItemBase"],
1188
+ "internalComponentProps": {},
1189
+ "propToVariantKeys": {},
1190
+ "motionVarPrefixes": []
1191
+ };
1192
+ var Menu_ItemBase = {
1193
+ "name": "Menu.ItemBase",
1194
+ "defaultProps": {
1195
+ "spacing": "0",
1196
+ "spacingHorizontal": "4",
1197
+ "spacingVertical": "3.5",
1198
+ "columnGap": "2",
1199
+ "alignItems": "center",
1200
+ "justifyContent": "space-between"
1201
+ },
1202
+ "getStylesLiterals": {
1203
+ "textAlign": "start",
1204
+ "menuitemSizeRoot": "default",
1205
+ "flexDirection": "row",
1206
+ "menuitemSizeStartIcon": "default",
1207
+ "menuitemSizeEndIcon": "default"
1208
+ },
1209
+ "cxLiterals": [
1210
+ "flex",
1211
+ "focus-visible:text-brand",
1212
+ "focus-visible:bg-brand-secondary",
1213
+ "focus-visible:z-10",
1214
+ "uds-ring",
1215
+ "!-outline-offset-2",
1216
+ "[&:not([aria-checked])]:cursor-default",
1217
+ "opacity-25",
1218
+ "cursor-not-allowed",
1219
+ "duration-20",
1220
+ "transition-[font-variation-settings]",
1221
+ "ease-in-out",
1222
+ "z-0"
1223
+ ],
1224
+ "internalComponents": [
1225
+ "Pressable",
1226
+ "IconSlot",
1227
+ "RootComponent",
1228
+ "HStack",
1229
+ "AnimatePresence"
1230
+ ],
1231
+ "internalComponentProps": {
1232
+ "HStack": {
1233
+ "alignItems": ["center"],
1234
+ "width": ["full"]
1235
+ },
1236
+ "AnimatePresence": { "mode": ["popLayout"] }
1237
+ },
1238
+ "propToVariantKeys": {
1239
+ "startIcon": ["icon"],
1240
+ "endIcon": ["icon"],
1241
+ "columnGap": ["gap"]
1242
+ },
1243
+ "motionVarPrefixes": []
1244
+ };
1245
+ var Menu_ItemCheckbox = {
1246
+ "name": "Menu.ItemCheckbox",
1247
+ "defaultProps": {},
1248
+ "getStylesLiterals": {
1249
+ "menuitemItemCheckboxVariantRoot": "default",
1250
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1251
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1252
+ "menuitemItemCheckboxVariantText": "default",
1253
+ "menuitemItemCheckboxVariantActiveText": "on",
1254
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1255
+ "menuitemItemCheckboxVariantStartIcon": "default",
1256
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1257
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1258
+ "menuitemItemCheckboxVariantEndIcon": "default",
1259
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1260
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1261
+ },
1262
+ "cxLiterals": ["uds-menu-item-checkbox"],
1263
+ "internalComponents": ["MenuItemBase"],
1264
+ "internalComponentProps": {},
1265
+ "propToVariantKeys": {},
1266
+ "motionVarPrefixes": []
1267
+ };
1268
+ var Menu_Provider = {
1269
+ "name": "Menu.Provider",
1270
+ "defaultProps": {},
1271
+ "getStylesLiterals": {},
1272
+ "cxLiterals": [],
1273
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1274
+ "internalComponentProps": {},
1275
+ "propToVariantKeys": {},
1276
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1277
+ };
1278
+ var Menu_Trigger = {
1279
+ "name": "Menu.Trigger",
1280
+ "defaultProps": {},
1281
+ "getStylesLiterals": {},
1282
+ "cxLiterals": ["uds-menu-trigger"],
1283
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1284
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1285
+ "propToVariantKeys": {},
1286
+ "motionVarPrefixes": []
1287
+ };
1288
+ var Menu = {
1289
+ "name": "Menu",
1290
+ "defaultProps": {},
1291
+ "getStylesLiterals": {},
1292
+ "cxLiterals": [],
1293
+ "internalComponents": [],
1294
+ "internalComponentProps": {},
1295
+ "propToVariantKeys": {},
1296
+ "motionVarPrefixes": []
1297
+ };
1298
+ var Input = {
1299
+ "name": "Input",
1300
+ "defaultProps": {
1301
+ "type": "text",
1302
+ "size": "md",
1303
+ "width": "full"
1304
+ },
1305
+ "getStylesLiterals": {
1306
+ "inputVariantRoot": "default",
1307
+ "inputVariantValueRoot": "empty",
1308
+ "inputVariantValueRoot:1": "filled",
1309
+ "inputVariantInputWrapper": "default",
1310
+ "inputVariantValueInputWrapper": "empty",
1311
+ "inputVariantValueInputWrapper:1": "filled",
1312
+ "inputVariantInput": "default",
1313
+ "inputVariantValueInput": "empty",
1314
+ "inputVariantValueInput:1": "filled",
1315
+ "inputVariantInputPlaceholder": "default",
1316
+ "inputVariantValueInputPlaceholder": "empty",
1317
+ "inputVariantValueInputPlaceholder:1": "filled",
1318
+ "inputVariantLabel": "default",
1319
+ "inputVariantValueLabel": "empty",
1320
+ "inputVariantValueLabel:1": "filled",
1321
+ "inputVariantLabelRequired": "default",
1322
+ "inputVariantValueLabelRequired": "empty",
1323
+ "inputVariantValueLabelRequired:1": "filled",
1324
+ "inputVariantStartIcon": "default",
1325
+ "inputVariantValueStartIcon": "empty",
1326
+ "inputVariantValueStartIcon:1": "filled",
1327
+ "inputVariantEndIcon": "default",
1328
+ "inputVariantValueEndIcon": "empty",
1329
+ "inputVariantValueEndIcon:1": "filled"
1330
+ },
1331
+ "cxLiterals": [
1332
+ "opacity-50",
1333
+ "min-w-[200px]",
1334
+ "grow",
1335
+ "uds-hit-target",
1336
+ "bg-clip-text",
1337
+ "focus:outline-none",
1338
+ "cursor-text",
1339
+ "cursor-not-allowed"
1340
+ ],
1341
+ "internalComponents": [
1342
+ "IconSlot",
1343
+ "StartIcon",
1344
+ "EndIcon",
1345
+ "HelpTextContent",
1346
+ "Box",
1347
+ "InputHelpTextInternal",
1348
+ "VStack",
1349
+ "HStack",
1350
+ "AnimateHeightChange"
1351
+ ],
1352
+ "internalComponentProps": {
1353
+ "HelpTextContent": { "spacingTop": ["2"] },
1354
+ "Box": {
1355
+ "spacingBottom": ["2"],
1356
+ "columnGap": ["0.5"],
1357
+ "alignItems": ["flex-end", "center"],
1358
+ "position": ["relative"]
1359
+ },
1360
+ "HStack": {
1361
+ "alignItems": ["center"],
1362
+ "gap": ["1"]
1363
+ }
1364
+ },
1365
+ "propToVariantKeys": {
1366
+ "size": [
1367
+ "inputSizeRoot",
1368
+ "inputSizeInputWrapper",
1369
+ "inputSizeInput",
1370
+ "inputSizeLabel",
1371
+ "inputSizeStartIcon",
1372
+ "inputSizeEndIcon"
1373
+ ],
1374
+ "startIcon": ["icon"],
1375
+ "endIcon": ["icon"],
1376
+ "helperTextIcon": ["startIcon"]
1377
+ },
1378
+ "motionVarPrefixes": []
1379
+ };
1380
+ var InputHelpText = {
1381
+ "name": "InputHelpText",
1382
+ "defaultProps": { "size": "md" },
1383
+ "getStylesLiterals": {
1384
+ "inputVariantRoot": "default",
1385
+ "inputVariantValueRoot": "empty",
1386
+ "inputVariantValueRoot:1": "filled"
1387
+ },
1388
+ "cxLiterals": [],
1389
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1390
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1391
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1392
+ "motionVarPrefixes": []
1393
+ };
1394
+ var InputHelpTextInternal = {
1395
+ "name": "InputHelpTextInternal",
1396
+ "defaultProps": {},
1397
+ "getStylesLiterals": {
1398
+ "inputVariantHelperText": "default",
1399
+ "inputVariantValueHelperText": "empty",
1400
+ "inputVariantValueHelperText:1": "filled",
1401
+ "inputVariantHelperIcon": "default",
1402
+ "inputVariantValueHelperIcon": "empty",
1403
+ "inputVariantValueHelperIcon:1": "filled"
1404
+ },
1405
+ "cxLiterals": [],
1406
+ "internalComponents": ["IconSlot", "HStack"],
1407
+ "internalComponentProps": { "HStack": {
1408
+ "gap": ["1"],
1409
+ "alignItems": ["center"]
1410
+ } },
1411
+ "propToVariantKeys": {
1412
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1413
+ "startIcon": ["icon"],
1414
+ "endIcon": ["icon"]
1415
+ },
1416
+ "motionVarPrefixes": []
1417
+ };
1418
+ var Chip = {
1419
+ "name": "Chip",
1420
+ "defaultProps": {},
1421
+ "getStylesLiterals": {},
1422
+ "cxLiterals": [],
1423
+ "internalComponents": [
1424
+ "ChipDismissible",
1425
+ "ChipToggle",
1426
+ "ChipLink",
1427
+ "ChipButton"
1428
+ ],
1429
+ "internalComponentProps": {},
1430
+ "propToVariantKeys": {},
1431
+ "motionVarPrefixes": []
1432
+ };
1433
+ var ChipBase = {
1434
+ "name": "ChipBase",
1435
+ "defaultProps": { "as": "div" },
1436
+ "getStylesLiterals": {},
1437
+ "cxLiterals": [
1438
+ "pointer-events-none",
1439
+ "cursor-default",
1440
+ "opacity-50",
1441
+ "inline-flex",
1442
+ "items-center",
1443
+ "focus-visible:-outline-offset-2",
1444
+ "uds-ring",
1445
+ "transition-[background-color,outline-color,box-shadow]",
1446
+ "truncate",
1447
+ "whitespace-nowrap",
1448
+ "text-center",
1449
+ "flex-1"
1450
+ ],
1451
+ "internalComponents": [
1452
+ "IconSlot",
1453
+ "HStack",
1454
+ "As",
1455
+ "Text"
1456
+ ],
1457
+ "internalComponentProps": { "Text": {
1458
+ "as": ["span"],
1459
+ "color": ["current"],
1460
+ "variant": ["inherit"]
1461
+ } },
1462
+ "propToVariantKeys": {
1463
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1464
+ "startIcon": ["icon"],
1465
+ "endIcon": ["icon"]
1466
+ },
1467
+ "motionVarPrefixes": []
1468
+ };
1469
+ var ChipButton = {
1470
+ "name": "ChipButton",
1471
+ "defaultProps": {},
1472
+ "getStylesLiterals": {},
1473
+ "cxLiterals": [],
1474
+ "internalComponents": ["ChipBase"],
1475
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1476
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1477
+ "motionVarPrefixes": []
1478
+ };
1479
+ var ChipDismissible = {
1480
+ "name": "ChipDismissible",
1481
+ "defaultProps": {},
1482
+ "getStylesLiterals": {},
1483
+ "cxLiterals": ["uds-chip-dismissible-button", "uds-hit-target"],
1484
+ "internalComponents": [
1485
+ "ChipBase",
1486
+ "IconSlot",
1487
+ "Pressable"
1488
+ ],
1489
+ "internalComponentProps": {},
1490
+ "propToVariantKeys": {
1491
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1492
+ "dismissButtonAriaLabel": ["aria-label"]
1493
+ },
1494
+ "motionVarPrefixes": []
1495
+ };
1496
+ var ChipLink = {
1497
+ "name": "ChipLink",
1498
+ "defaultProps": {},
1499
+ "getStylesLiterals": {},
1500
+ "cxLiterals": [],
1501
+ "internalComponents": ["ChipBase"],
1502
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1503
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1504
+ "motionVarPrefixes": []
1505
+ };
1506
+ var ChipToggle = {
1507
+ "name": "ChipToggle",
1508
+ "defaultProps": { "role": "checkbox" },
1509
+ "getStylesLiterals": {
1510
+ "chipToggleVariantActiveRoot": "on",
1511
+ "chipToggleVariantActiveRoot:1": "off"
1512
+ },
1513
+ "cxLiterals": [],
1514
+ "internalComponents": ["ChipBase"],
1515
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1516
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1517
+ "motionVarPrefixes": []
1518
+ };
1519
+ var Avatar = {
1520
+ "name": "Avatar",
1521
+ "defaultProps": {},
1522
+ "getStylesLiterals": {},
1523
+ "cxLiterals": [],
1524
+ "internalComponents": ["AvatarImage"],
1525
+ "internalComponentProps": {},
1526
+ "propToVariantKeys": {},
1527
+ "motionVarPrefixes": []
1528
+ };
1529
+ var AvatarIcon = {
1530
+ "name": "AvatarIcon",
1531
+ "defaultProps": {},
1532
+ "getStylesLiterals": {},
1533
+ "cxLiterals": [
1534
+ "overflow-hidden",
1535
+ "w-full",
1536
+ "h-full",
1537
+ "shrink-0",
1538
+ "text-center",
1539
+ "inline-flex",
1540
+ "justify-center",
1541
+ "items-center"
1542
+ ],
1543
+ "internalComponents": ["IconSlot", "Box"],
1544
+ "internalComponentProps": {},
1545
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1546
+ "motionVarPrefixes": []
1547
+ };
1548
+ var AvatarImage = {
1549
+ "name": "AvatarImage",
1550
+ "defaultProps": {},
1551
+ "getStylesLiterals": {},
1552
+ "cxLiterals": [
1553
+ "overflow-hidden",
1554
+ "w-full",
1555
+ "h-full",
1556
+ "shrink-0",
1557
+ "text-center",
1558
+ "inline-flex",
1559
+ "justify-center",
1560
+ "items-center",
1561
+ "object-cover"
1562
+ ],
1563
+ "internalComponents": [
1564
+ "UDSImage",
1565
+ "AvatarText",
1566
+ "AvatarIcon",
1567
+ "Box"
1568
+ ],
1569
+ "internalComponentProps": {},
1570
+ "propToVariantKeys": {
1571
+ "alt": ["name"],
1572
+ "fallback": ["initials"]
1573
+ },
1574
+ "motionVarPrefixes": []
1575
+ };
1576
+ var AvatarText = {
1577
+ "name": "AvatarText",
1578
+ "defaultProps": {},
1579
+ "getStylesLiterals": {},
1580
+ "cxLiterals": [
1581
+ "overflow-hidden",
1582
+ "truncate",
1583
+ "w-full",
1584
+ "h-full",
1585
+ "shrink-0",
1586
+ "text-center",
1587
+ "inline-flex",
1588
+ "justify-center",
1589
+ "items-center"
1590
+ ],
1591
+ "internalComponents": ["Box", "Text"],
1592
+ "internalComponentProps": { "Text": {
1593
+ "color": ["inherit"],
1594
+ "variant": ["inherit"]
1595
+ } },
1596
+ "propToVariantKeys": {},
1597
+ "motionVarPrefixes": []
1598
+ };
1599
+ var Divider = {
1600
+ "name": "Divider",
1601
+ "defaultProps": {},
1602
+ "getStylesLiterals": {},
1603
+ "cxLiterals": [],
1604
+ "internalComponents": ["DividerInternal"],
1605
+ "internalComponentProps": {},
1606
+ "propToVariantKeys": {},
1607
+ "motionVarPrefixes": []
1608
+ };
1609
+ var DividerCore = {
1610
+ "name": "DividerCore",
1611
+ "defaultProps": { "contentPosition": "center" },
1612
+ "getStylesLiterals": {},
1613
+ "cxLiterals": [],
1614
+ "internalComponents": [
1615
+ "Box",
1616
+ "Line",
1617
+ "InternalComponent",
1618
+ "Text"
1619
+ ],
1620
+ "internalComponentProps": {
1621
+ "Box": {
1622
+ "flex": ["1", "none"],
1623
+ "display": ["flex"]
1624
+ },
1625
+ "InternalComponent": {
1626
+ "flex": ["1"],
1627
+ "alignItems": ["center"]
1628
+ },
1629
+ "Text": {
1630
+ "as": ["span"],
1631
+ "color": ["inherit"],
1632
+ "variant": ["inherit"]
1633
+ }
1634
+ },
1635
+ "propToVariantKeys": {},
1636
+ "motionVarPrefixes": []
1637
+ };
1638
+ var DividerInternal = {
1639
+ "name": "DividerInternal",
1640
+ "defaultProps": { "variant": "primary" },
1641
+ "getStylesLiterals": {},
1642
+ "cxLiterals": ["inherit"],
1643
+ "internalComponents": ["DividerCore"],
1644
+ "internalComponentProps": {},
1645
+ "propToVariantKeys": { "variant": [
1646
+ "dividerVariantRoot",
1647
+ "dividerVariantLabel",
1648
+ "dividerVariantLine"
1649
+ ] },
1650
+ "motionVarPrefixes": []
1651
+ };
1652
+ var componentData_default = {
1653
+ Box,
1654
+ FormLabel,
1655
+ HStack,
1656
+ Icon,
1657
+ IconSlot,
1658
+ Image,
1659
+ Link,
1660
+ Text,
1661
+ VStack,
1662
+ Spinner,
1663
+ "Table.mocks": Table_mocks,
1664
+ Table,
1665
+ Accordion,
1666
+ AvoidMotionLibraryProvider,
1667
+ Modal,
1668
+ Popover,
1669
+ SegmentedControl,
1670
+ SwitchV2,
1671
+ Tabs,
1672
+ AnimateHeightChange,
1673
+ Badge,
1674
+ Button,
1675
+ Checkbox,
1676
+ IconButton,
1677
+ Pressable,
1678
+ SpringMotionConfig,
1679
+ Switch,
1680
+ UDSBreakpointsConfigProvider,
1681
+ UDSConfigProvider,
1682
+ Tooltip,
1683
+ TooltipContent,
1684
+ TooltipTrigger,
1685
+ UDSTooltipConfigProvider,
1686
+ Toast,
1687
+ ToastContainer,
1688
+ ToastPortal,
1689
+ UDSToastConfigProvider,
1690
+ Radio,
1691
+ RadioGroupProvider,
1692
+ RadioGroupStore,
1693
+ "Menu.Content": Menu_Content,
1694
+ "Menu.Divider": Menu_Divider,
1695
+ "Menu.Item": Menu_Item,
1696
+ "Menu.ItemBase": Menu_ItemBase,
1697
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
1698
+ "Menu.Provider": Menu_Provider,
1699
+ "Menu.Trigger": Menu_Trigger,
1700
+ Menu,
1701
+ Input,
1702
+ InputHelpText,
1703
+ InputHelpTextInternal,
1704
+ Chip,
1705
+ ChipBase,
1706
+ ChipButton,
1707
+ ChipDismissible,
1708
+ ChipLink,
1709
+ ChipToggle,
1710
+ Avatar,
1711
+ AvatarIcon,
1712
+ AvatarImage,
1713
+ AvatarText,
1714
+ Divider,
1715
+ DividerCore,
1716
+ DividerInternal
1717
+ };
1718
+
1719
+ //#endregion
1720
+ export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, 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", Modal, Popover, Pressable, Radio, RadioGroupProvider, RadioGroupStore, SegmentedControl, Spinner, SpringMotionConfig, Switch, SwitchV2, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };