@yahoo/uds 3.114.0 → 3.115.0-beta.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 (102) hide show
  1. package/dist/automated-config/dist/mapTextVariantFixtureToValue.cjs +12 -1
  2. package/dist/automated-config/dist/mapTextVariantFixtureToValue.js +12 -1
  3. package/dist/automated-config/dist/properties.cjs +1 -1
  4. package/dist/automated-config/dist/properties.js +1 -1
  5. package/dist/cli/commands/sync.cjs +1 -3
  6. package/dist/cli/commands/sync.d.cts +1 -1
  7. package/dist/cli/commands/sync.d.ts +1 -1
  8. package/dist/cli/commands/sync.js +1 -3
  9. package/dist/cli/commands/version.cjs +0 -2
  10. package/dist/cli/commands/version.d.cts +1 -1
  11. package/dist/cli/commands/version.d.ts +1 -1
  12. package/dist/cli/commands/version.js +0 -2
  13. package/dist/cli/dist/commands/editor-rules.cjs +1 -1
  14. package/dist/cli/dist/commands/editor-rules.js +1 -1
  15. package/dist/cli/dist/lib/logger.cjs +66 -0
  16. package/dist/cli/dist/lib/logger.js +66 -0
  17. package/dist/cli/runner.cjs +9 -0
  18. package/dist/cli/runner.js +9 -0
  19. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  20. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  21. package/dist/index.cjs +2 -0
  22. package/dist/index.d.cts +3 -1
  23. package/dist/index.d.ts +3 -1
  24. package/dist/index.js +2 -1
  25. package/dist/styles/styler.d.cts +29 -29
  26. package/dist/styles/styler.d.ts +29 -29
  27. package/dist/styles/variants.cjs +278 -278
  28. package/dist/styles/variants.js +278 -278
  29. package/dist/tailwind/dist/commands/css.cjs +79 -0
  30. package/dist/tailwind/dist/commands/css.helpers.cjs +32 -0
  31. package/dist/tailwind/dist/commands/css.helpers.js +28 -0
  32. package/dist/tailwind/dist/commands/css.js +79 -0
  33. package/dist/tailwind/dist/commands/generateComponentData.cjs +33 -31
  34. package/dist/tailwind/dist/commands/generateComponentData.d.ts +1 -1
  35. package/dist/tailwind/dist/commands/generateComponentData.js +33 -31
  36. package/dist/tailwind/dist/commands/purge.cjs +3 -4
  37. package/dist/tailwind/dist/commands/purge.js +3 -4
  38. package/dist/tailwind/dist/css/generate.cjs +121 -0
  39. package/dist/tailwind/dist/css/generate.d.cts +30 -0
  40. package/dist/tailwind/dist/css/generate.d.ts +31 -0
  41. package/dist/tailwind/dist/css/generate.helpers.cjs +112 -0
  42. package/dist/tailwind/dist/css/generate.helpers.js +100 -0
  43. package/dist/tailwind/dist/css/generate.js +116 -0
  44. package/dist/tailwind/dist/css/nodeUtils.cjs +156 -0
  45. package/dist/tailwind/dist/css/nodeUtils.js +149 -0
  46. package/dist/tailwind/dist/css/postcss.cjs +35 -0
  47. package/dist/tailwind/dist/css/postcss.helpers.cjs +27 -0
  48. package/dist/tailwind/dist/css/postcss.helpers.js +26 -0
  49. package/dist/tailwind/dist/css/postcss.js +35 -0
  50. package/dist/tailwind/dist/css/runner.cjs +279 -0
  51. package/dist/tailwind/dist/css/runner.helpers.cjs +26 -0
  52. package/dist/tailwind/dist/css/runner.helpers.js +23 -0
  53. package/dist/tailwind/dist/css/runner.js +276 -0
  54. package/dist/tailwind/dist/css/theme.cjs +12 -0
  55. package/dist/tailwind/dist/css/theme.d.cts +66 -0
  56. package/dist/tailwind/dist/css/theme.d.ts +66 -0
  57. package/dist/tailwind/dist/css/theme.js +11 -0
  58. package/dist/tailwind/dist/css/utils.cjs +72 -0
  59. package/dist/tailwind/dist/css/utils.js +69 -0
  60. package/dist/tailwind/dist/index.d.cts +1 -0
  61. package/dist/tailwind/dist/index.d.ts +2 -4
  62. package/dist/tailwind/dist/purger/legacy/purgeCSS.cjs +2 -1
  63. package/dist/tailwind/dist/purger/legacy/purgeCSS.js +2 -1
  64. package/dist/tailwind/dist/purger/optimized/ast/expressions.cjs +122 -125
  65. package/dist/tailwind/dist/purger/optimized/ast/expressions.js +122 -125
  66. package/dist/tailwind/dist/purger/optimized/ast/jsx.cjs +1 -8
  67. package/dist/tailwind/dist/purger/optimized/ast/jsx.js +1 -8
  68. package/dist/tailwind/dist/purger/optimized/purge.cjs +9 -8
  69. package/dist/tailwind/dist/purger/optimized/purge.js +9 -8
  70. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +238 -127
  71. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +238 -127
  72. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +352 -260
  73. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +351 -260
  74. package/dist/tailwind/dist/purger/optimized/utils/files.cjs +4 -3
  75. package/dist/tailwind/dist/purger/optimized/utils/files.js +4 -3
  76. package/dist/tailwind/dist/purger/optimized/utils/safelist.cjs +12 -20
  77. package/dist/tailwind/dist/purger/optimized/utils/safelist.js +12 -20
  78. package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.cjs +1 -1
  79. package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.js +1 -1
  80. package/dist/tailwind/dist/tailwind/plugins/breakpoints.cjs +1 -1
  81. package/dist/tailwind/dist/tailwind/plugins/breakpoints.js +1 -1
  82. package/dist/tailwind/dist/tailwind/plugins/typography.cjs +41 -13
  83. package/dist/tailwind/dist/tailwind/plugins/typography.js +41 -13
  84. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.cjs +4 -2
  85. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.cts +10 -1
  86. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.ts +10 -1
  87. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.js +4 -2
  88. package/dist/tailwind/dist/utils/optimizeCSS.cjs +405 -0
  89. package/dist/tailwind/dist/utils/optimizeCSS.js +403 -0
  90. package/dist/tailwind/dist/utils/postcssPreserveVars.cjs +67 -0
  91. package/dist/tailwind/dist/utils/postcssPreserveVars.js +65 -0
  92. package/dist/tailwind/dist/utils/tsMorph.cjs +1 -1
  93. package/dist/uds/generated/componentData.cjs +1218 -1182
  94. package/dist/uds/generated/componentData.js +1218 -1182
  95. package/dist/uds/package.cjs +10 -4
  96. package/dist/uds/package.js +10 -4
  97. package/generated/componentData.json +2683 -0
  98. package/generated/tailwindPurge.ts +4591 -0
  99. package/package.json +7 -4
  100. package/dist/tailwind/dist/commands/generatePurgeCSSData.d.ts +0 -3
  101. package/dist/tailwind/dist/commands/purge.d.ts +0 -4
  102. package/dist/tailwind/dist/purger/legacy/purgeCSS.d.ts +0 -2
@@ -1,85 +1,5 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
- var Box = {
4
- "name": "Box",
5
- "defaultProps": {
6
- "as": "div",
7
- "display": "flex"
8
- },
9
- "getStylesLiterals": {},
10
- "cxLiterals": [],
11
- "internalComponents": ["Comp"],
12
- "internalComponentProps": {},
13
- "propToVariantKeys": { "elevationAlias": [
14
- "backgroundColor",
15
- "borderColor",
16
- "borderWidth",
17
- "dropShadow"
18
- ] },
19
- "motionVarPrefixes": []
20
- };
21
- var FormLabel = {
22
- "name": "FormLabel",
23
- "defaultProps": {
24
- "color": "muted",
25
- "variant": "label3",
26
- "as": "label"
27
- },
28
- "getStylesLiterals": {},
29
- "cxLiterals": ["cursor-[inherit]"],
30
- "internalComponents": ["Text"],
31
- "internalComponentProps": { "Text": {
32
- "as": ["sup"],
33
- "variant": ["inherit"],
34
- "spacingStart": ["0.5"]
35
- } },
36
- "propToVariantKeys": {},
37
- "motionVarPrefixes": []
38
- };
39
- var HStack = {
40
- "name": "HStack",
41
- "defaultProps": {},
42
- "getStylesLiterals": {},
43
- "cxLiterals": [],
44
- "internalComponents": ["Box"],
45
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
46
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
47
- "motionVarPrefixes": []
48
- };
49
- var Icon = {
50
- "name": "Icon",
51
- "defaultProps": {
52
- "size": "md",
53
- "variant": "outline",
54
- "color": "primary"
55
- },
56
- "getStylesLiterals": { "flex": "none" },
57
- "cxLiterals": ["[&_path]:fill-current"],
58
- "internalComponents": ["SVGIcon"],
59
- "internalComponentProps": {},
60
- "propToVariantKeys": {},
61
- "motionVarPrefixes": []
62
- };
63
- var IconSlot = {
64
- "name": "IconSlot",
65
- "defaultProps": {},
66
- "getStylesLiterals": {},
67
- "cxLiterals": [],
68
- "internalComponents": ["Icon"],
69
- "internalComponentProps": {},
70
- "propToVariantKeys": {},
71
- "motionVarPrefixes": []
72
- };
73
- var Image = {
74
- "name": "Image",
75
- "defaultProps": {},
76
- "getStylesLiterals": {},
77
- "cxLiterals": [],
78
- "internalComponents": [],
79
- "internalComponentProps": {},
80
- "propToVariantKeys": {},
81
- "motionVarPrefixes": []
82
- };
83
3
  var Link = {
84
4
  "name": "Link",
85
5
  "defaultProps": { "variant": "primary" },
@@ -115,6 +35,34 @@ var Link = {
115
35
  },
116
36
  "motionVarPrefixes": []
117
37
  };
38
+ var VStack = {
39
+ "name": "VStack",
40
+ "defaultProps": {},
41
+ "getStylesLiterals": {},
42
+ "cxLiterals": [],
43
+ "internalComponents": ["Box"],
44
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
45
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
46
+ "motionVarPrefixes": []
47
+ };
48
+ var Box = {
49
+ "name": "Box",
50
+ "defaultProps": {
51
+ "as": "div",
52
+ "display": "flex"
53
+ },
54
+ "getStylesLiterals": {},
55
+ "cxLiterals": [],
56
+ "internalComponents": ["Comp"],
57
+ "internalComponentProps": {},
58
+ "propToVariantKeys": { "elevationAlias": [
59
+ "backgroundColor",
60
+ "borderColor",
61
+ "borderWidth",
62
+ "dropShadow"
63
+ ] },
64
+ "motionVarPrefixes": []
65
+ };
118
66
  var Scrim = {
119
67
  "name": "Scrim",
120
68
  "defaultProps": {
@@ -139,6 +87,38 @@ var Scrim = {
139
87
  "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
140
88
  "motionVarPrefixes": []
141
89
  };
90
+ var Icon = {
91
+ "name": "Icon",
92
+ "defaultProps": {
93
+ "size": "md",
94
+ "variant": "outline",
95
+ "color": "primary"
96
+ },
97
+ "getStylesLiterals": { "flex": "none" },
98
+ "cxLiterals": ["[&_path]:fill-current"],
99
+ "internalComponents": ["SVGIcon"],
100
+ "internalComponentProps": {},
101
+ "propToVariantKeys": {},
102
+ "motionVarPrefixes": []
103
+ };
104
+ var FormLabel = {
105
+ "name": "FormLabel",
106
+ "defaultProps": {
107
+ "color": "muted",
108
+ "variant": "label3",
109
+ "as": "label"
110
+ },
111
+ "getStylesLiterals": {},
112
+ "cxLiterals": ["cursor-[inherit]"],
113
+ "internalComponents": ["Text"],
114
+ "internalComponentProps": { "Text": {
115
+ "as": ["sup"],
116
+ "variant": ["inherit"],
117
+ "spacingStart": ["0.5"]
118
+ } },
119
+ "propToVariantKeys": {},
120
+ "motionVarPrefixes": []
121
+ };
142
122
  var Text = {
143
123
  "name": "Text",
144
124
  "defaultProps": {
@@ -159,30 +139,33 @@ var Text = {
159
139
  ] },
160
140
  "motionVarPrefixes": []
161
141
  };
162
- var VStack = {
163
- "name": "VStack",
142
+ var IconSlot = {
143
+ "name": "IconSlot",
144
+ "defaultProps": {},
145
+ "getStylesLiterals": {},
146
+ "cxLiterals": [],
147
+ "internalComponents": ["Icon"],
148
+ "internalComponentProps": {},
149
+ "propToVariantKeys": {},
150
+ "motionVarPrefixes": []
151
+ };
152
+ var HStack = {
153
+ "name": "HStack",
164
154
  "defaultProps": {},
165
155
  "getStylesLiterals": {},
166
156
  "cxLiterals": [],
167
157
  "internalComponents": ["Box"],
168
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
169
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
158
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
159
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
170
160
  "motionVarPrefixes": []
171
161
  };
172
- var Spinner = {
173
- "name": "Spinner",
174
- "defaultProps": {
175
- "color": "primary",
176
- "size": "lg"
177
- },
162
+ var Image = {
163
+ "name": "Image",
164
+ "defaultProps": {},
178
165
  "getStylesLiterals": {},
179
- "cxLiterals": ["self-center", "relative"],
180
- "internalComponents": ["Icon"],
181
- "internalComponentProps": { "Icon": {
182
- "role": ["img"],
183
- "className": ["animate-spin"],
184
- "aria-hidden": ["true"]
185
- } },
166
+ "cxLiterals": [],
167
+ "internalComponents": [],
168
+ "internalComponentProps": {},
186
169
  "propToVariantKeys": {},
187
170
  "motionVarPrefixes": []
188
171
  };
@@ -224,487 +207,214 @@ var Table = {
224
207
  "propToVariantKeys": {},
225
208
  "motionVarPrefixes": []
226
209
  };
227
- var Accordion = {
228
- "name": "Accordion",
210
+ var Spinner = {
211
+ "name": "Spinner",
229
212
  "defaultProps": {
230
- "spacingHorizontal": "4",
231
- "spacingVertical": "4"
213
+ "color": "primary",
214
+ "size": "lg"
232
215
  },
233
216
  "getStylesLiterals": {},
234
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
217
+ "cxLiterals": [
218
+ "self-center",
219
+ "relative",
220
+ "sr-only"
221
+ ],
222
+ "internalComponents": ["Icon"],
223
+ "internalComponentProps": { "Icon": {
224
+ "role": ["img"],
225
+ "className": ["animate-spin"],
226
+ "aria-hidden": ["true"]
227
+ } },
228
+ "propToVariantKeys": {},
229
+ "motionVarPrefixes": []
230
+ };
231
+ var DividerCore = {
232
+ "name": "DividerCore",
233
+ "defaultProps": { "contentPosition": "center" },
234
+ "getStylesLiterals": {},
235
+ "cxLiterals": [],
235
236
  "internalComponents": [
236
- "Icon",
237
- "SpringMotionConfig",
238
- "Pressable",
239
- "Text",
240
- "HStack",
241
- "AnimatePresence",
242
- "VStack"
237
+ "Box",
238
+ "Line",
239
+ "InternalComponent",
240
+ "Text"
243
241
  ],
244
242
  "internalComponentProps": {
245
- "Icon": {
246
- "variant": ["fill"],
247
- "size": ["sm"],
248
- "color": ["primary"]
249
- },
250
- "SpringMotionConfig": {
251
- "layoutVariant": ["smooth"],
252
- "layoutSpeed": ["3"]
243
+ "Box": {
244
+ "flex": ["1", "none"],
245
+ "display": ["flex"]
253
246
  },
254
- "Pressable": {
255
- "display": ["flex"],
256
- "flexDirection": ["row"],
257
- "alignItems": ["center"],
258
- "justifyContent": ["space-between"],
259
- "borderRadius": ["md"]
247
+ "InternalComponent": {
248
+ "flex": ["1"],
249
+ "alignItems": ["center"]
260
250
  },
261
251
  "Text": {
262
- "variant": ["title4"],
263
- "color": ["primary"]
264
- },
265
- "HStack": {
266
- "display": ["flex"],
267
- "alignItems": ["center"],
268
- "justifyContent": ["space-between"],
269
- "columnGap": ["2.5"]
252
+ "as": ["span"],
253
+ "color": ["inherit"],
254
+ "variant": ["inherit"]
270
255
  }
271
256
  },
272
257
  "propToVariantKeys": {},
273
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
258
+ "motionVarPrefixes": []
274
259
  };
275
- var AvoidMotionLibraryProvider = {
276
- "name": "AvoidMotionLibraryProvider",
277
- "defaultProps": {},
260
+ var DividerInternal = {
261
+ "name": "DividerInternal",
262
+ "defaultProps": { "variant": "primary" },
278
263
  "getStylesLiterals": {},
279
- "cxLiterals": [],
280
- "internalComponents": [],
264
+ "cxLiterals": ["inherit"],
265
+ "internalComponents": ["DividerCore"],
281
266
  "internalComponentProps": {},
282
- "propToVariantKeys": {},
283
- "motionVarPrefixes": []
284
- };
285
- var Modal = {
286
- "name": "Modal",
287
- "defaultProps": {},
288
- "getStylesLiterals": {},
289
- "cxLiterals": [
290
- "inset-8",
291
- "top-[250px]",
292
- "z-50",
293
- "mx-auto",
294
- "h-fit",
295
- "w-[600px]",
296
- "origin-center",
297
- "scale-95",
298
- "opacity-0",
299
- "transition",
300
- "duration-150",
301
- "data-[enter]:scale-100",
302
- "data-[enter]:opacity-100"
303
- ],
304
- "internalComponents": [
305
- "IconButton",
306
- "Dialog",
307
- "HStack",
308
- "Text",
309
- "VStack"
310
- ],
311
- "internalComponentProps": {
312
- "IconButton": {
313
- "aria-label": ["Close"],
314
- "size": ["sm"],
315
- "variant": ["tertiary"]
316
- },
317
- "HStack": {
318
- "alignItems": ["center"],
319
- "justifyContent": ["space-between"]
320
- },
321
- "Text": {
322
- "variant": ["headline1"],
323
- "color": ["primary"]
324
- },
325
- "VStack": {
326
- "borderRadius": ["md"],
327
- "position": ["fixed"],
328
- "backgroundColor": ["primary"],
329
- "dropShadow": ["md"],
330
- "spacing": ["8"],
331
- "overflow": ["hidden"]
332
- }
333
- },
334
- "propToVariantKeys": { "handleClose": ["onClick"] },
267
+ "propToVariantKeys": { "variant": [
268
+ "dividerVariantRoot",
269
+ "dividerVariantLabel",
270
+ "dividerVariantLine"
271
+ ] },
335
272
  "motionVarPrefixes": []
336
273
  };
337
- var Popover = {
338
- "name": "Popover",
274
+ var Divider = {
275
+ "name": "Divider",
339
276
  "defaultProps": {},
340
277
  "getStylesLiterals": {},
341
278
  "cxLiterals": [],
342
- "internalComponents": [
343
- "HStack",
344
- "Text",
345
- "OriginalPopoverHeading"
346
- ],
347
- "internalComponentProps": { "Text": {
348
- "variant": ["headline1"],
349
- "color": ["primary"]
350
- } },
279
+ "internalComponents": ["DividerInternal"],
280
+ "internalComponentProps": {},
351
281
  "propToVariantKeys": {},
352
282
  "motionVarPrefixes": []
353
283
  };
354
- var SegmentedControl = {
355
- "name": "SegmentedControl",
356
- "defaultProps": {},
357
- "getStylesLiterals": {
358
- "display": "flex",
359
- "alignItems": "center",
360
- "backgroundColor": "primary",
361
- "spacingVertical": "1",
362
- "spacingHorizontal": "3",
363
- "columnGap": "1.5",
364
- "borderWidth": "thin",
365
- "borderRadius": "full",
366
- "borderColor": "muted",
367
- "borderColor:1": "transparent",
368
- "color": "primary",
369
- "color:1": "tertiary",
370
- "color:2": "muted"
371
- },
284
+ var Button = {
285
+ "name": "Button",
286
+ "defaultProps": { "type": "button" },
287
+ "getStylesLiterals": {},
372
288
  "cxLiterals": [
373
289
  "uds-ring",
290
+ "uds-hit-target",
291
+ "inline-flex",
292
+ "overflow-hidden",
293
+ "justify-center",
294
+ "items-center",
295
+ "whitespace-nowrap",
296
+ "select-none",
297
+ "[transform-origin:center]",
298
+ "[backface-visibility:hidden]",
299
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
300
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
301
+ "[transition-duration:220ms]",
374
302
  "cursor-not-allowed",
375
- "opacity-50",
376
- "pointer-events-none",
377
- "hover:bg-primary"
303
+ "uds-button-loading",
304
+ "uds-button-without-effects",
305
+ "withIcon",
306
+ "uds-button-with-gap",
307
+ "animate-spin",
308
+ "truncate"
378
309
  ],
379
310
  "internalComponents": [
380
- "Radio",
381
311
  "Icon",
382
- "RadioProvider",
383
- "HStack",
384
- "RadioGroup",
385
- "Pressable",
386
- "Text"
312
+ "IconSlot",
313
+ "AnimatePresence",
314
+ "SpringMotionConfig",
315
+ "MotionSlot"
387
316
  ],
388
317
  "internalComponentProps": {
389
- "Icon": {
390
- "size": ["sm"],
391
- "color": ["current"],
392
- "aria-hidden": ["true"]
393
- },
394
- "HStack": {
395
- "spacing": ["1"],
396
- "gap": ["1"],
397
- "backgroundColor": ["secondary"],
398
- "borderRadius": ["full"],
399
- "display": ["inline-flex"]
400
- },
401
- "Text": {
402
- "variant": ["label2"],
403
- "color": ["current"]
318
+ "Icon": { "color": ["current"] },
319
+ "AnimatePresence": { "mode": ["popLayout"] },
320
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
321
+ "MotionSlot": {
322
+ "whileHover": ["hover"],
323
+ "whileTap": ["pressed"]
404
324
  }
405
325
  },
406
326
  "propToVariantKeys": {
407
- "value": ["key"],
408
- "label": ["aria-label"]
327
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
328
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
329
+ "iconVariant": ["variant"],
330
+ "startIcon": ["icon"],
331
+ "endIcon": ["icon"]
409
332
  },
410
- "motionVarPrefixes": []
333
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
411
334
  };
412
- var SwitchV2 = {
413
- "name": "SwitchV2",
335
+ var Checkbox = {
336
+ "name": "Checkbox",
414
337
  "defaultProps": {
415
338
  "labelPosition": "start",
339
+ "variant": "primary",
416
340
  "size": "md"
417
341
  },
418
342
  "getStylesLiterals": {
419
- "switchVariantRoot": "default",
420
- "switchVariantActiveRoot": "on",
421
- "switchVariantActiveRoot:1": "off",
422
- "switchVariantSwitch": "default",
423
- "switchVariantActiveSwitch": "on",
424
- "switchVariantActiveSwitch:1": "off",
425
- "switchVariantActiveHandle": "on",
426
- "switchVariantActiveHandle:1": "off",
427
- "switchVariantHandle": "default",
428
- "switchVariantHandleIcon": "default",
429
- "switchVariantActiveHandleIcon": "on",
430
- "switchVariantActiveHandleIcon:1": "off"
343
+ "display": "flex",
344
+ "flexDirection": "row",
345
+ "flexDirection:1": "row-reverse",
346
+ "alignItems": "center"
431
347
  },
432
348
  "cxLiterals": [
433
- "group",
434
- "flex",
435
- "items-center",
436
- "flex-row",
437
- "flex-row-reverse",
349
+ "cursor-pointer",
350
+ "cursor-default",
351
+ "opacity-50",
438
352
  "uds-ring",
439
353
  "uds-ring-within",
440
- "relative",
441
- "uds-border-radius-full",
442
- "transition-[background-color,box-shadow]",
354
+ "transition-[background-color,border-color,box-shadow]",
443
355
  "pointer-events-none",
444
- "w-full",
445
- "h-full",
356
+ "transition-opacity",
357
+ "cursor-[inherit]",
446
358
  "absolute",
447
- "top-0",
448
- "bottom-0",
449
- "right-0",
450
- "left-0",
451
- "overflow-hidden",
452
- "group-hover:scale-105",
453
- "opacity-95",
454
- "group-hover:opacity-100",
455
- "transition-[transform,opacity]",
456
359
  "opacity-0",
457
360
  "top-1/2",
458
361
  "left-1/2",
362
+ "w-[calc(100%+2px)]",
363
+ "h-[calc(100%+2px)]",
459
364
  "transform",
460
365
  "translate-x-[-50%]",
461
366
  "translate-y-[-50%]",
462
- "transition-opacity",
463
- "cursor-[inherit]",
464
- "w-[calc(100%+2px)]",
465
- "h-[calc(100%+2px)]",
466
367
  "text-start",
467
- "text-end",
468
- "opacity-100"
368
+ "text-end"
469
369
  ],
470
370
  "internalComponents": [
471
- "IconSlot",
472
- "Box",
371
+ "Icon",
473
372
  "FormLabel",
474
373
  "SpringMotionConfig",
475
374
  "RootElement",
476
375
  "MotionBox"
477
376
  ],
478
377
  "internalComponentProps": {
479
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
378
+ "Icon": { "size": ["sm"] },
480
379
  "FormLabel": {
481
380
  "as": ["div"],
482
381
  "variant": ["inherit"],
483
382
  "color": ["inherit"]
484
383
  },
485
- "SpringMotionConfig": {
486
- "layoutVariant": ["bouncy"],
487
- "layoutSpeed": ["4"]
488
- },
489
- "RootElement": { "data-testid": ["switch-root"] },
490
- "MotionBox": { "layout": ["position"] }
384
+ "RootElement": { "data-testid": ["container"] },
385
+ "MotionBox": {
386
+ "position": ["relative"],
387
+ "alignItems": ["center"],
388
+ "justifyContent": ["center"],
389
+ "flex": ["none"]
390
+ }
491
391
  },
492
392
  "propToVariantKeys": {
493
- "size": [
494
- "switchSizeRoot",
495
- "switchSizeSwitch",
496
- "switchSizeHandle",
497
- "switchSizeHandleIcon"
393
+ "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
394
+ "variant": [
395
+ "checkboxVariantRoot",
396
+ "checkboxVariantCheckbox",
397
+ "checkboxVariantCheckboxIcon"
498
398
  ],
499
- "onIcon": ["icon"],
500
- "offIcon": ["icon"],
501
- "reduceMotion": ["reducedMotion"],
502
- "isOn": ["layoutDependency"]
399
+ "valueState": [
400
+ "checkboxVariantValueRoot",
401
+ "checkboxVariantValueCheckbox",
402
+ "checkboxVariantValueCheckboxIcon"
403
+ ],
404
+ "reduceMotion": ["reducedMotion"]
503
405
  },
504
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
406
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
505
407
  };
506
- var Tabs = {
507
- "name": "Tabs",
508
- "defaultProps": {},
509
- "getStylesLiterals": {
510
- "display": "flex",
511
- "flexDirection": "row",
512
- "columnGap": "6"
513
- },
514
- "cxLiterals": [
515
- "text-tertiary",
516
- "border-b-transparent",
517
- "aria-selected:border-b-brand",
518
- "aria-selected:text-secondary"
519
- ],
520
- "internalComponents": [
521
- "TabProvider",
522
- "OriginalTabList",
523
- "OriginalTab",
524
- "Icon",
525
- "OriginalTabPanel",
526
- "Pressable",
527
- "Comp",
528
- "Text"
529
- ],
530
- "internalComponentProps": {
531
- "Icon": {
532
- "className": ["text-current"],
533
- "size": ["md"]
534
- },
535
- "Pressable": {
536
- "borderBottomWidth": ["medium"],
537
- "spacingBottom": ["1"],
538
- "spacingTop": ["4"]
539
- },
540
- "Text": {
541
- "className": ["text-current"],
542
- "variant": ["headline1"],
543
- "as": ["span"]
544
- }
545
- },
546
- "propToVariantKeys": {},
547
- "motionVarPrefixes": []
548
- };
549
- var AnimateHeightChange = {
550
- "name": "AnimateHeightChange",
551
- "defaultProps": {},
552
- "getStylesLiterals": {},
553
- "cxLiterals": [],
554
- "internalComponents": ["SpringMotionConfig"],
555
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
556
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
557
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
558
- };
559
- var Badge = {
560
- "name": "Badge",
561
- "defaultProps": {
562
- "variant": "primary",
563
- "size": "md"
564
- },
408
+ var SpringMotionConfig = {
409
+ "name": "SpringMotionConfig",
410
+ "defaultProps": { "reducedMotion": "user" },
565
411
  "getStylesLiterals": {},
566
412
  "cxLiterals": [],
567
- "internalComponents": ["IconSlot", "HStack"],
568
- "internalComponentProps": {
569
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
570
- "HStack": {
571
- "gap": ["2"],
572
- "display": ["inline-flex"],
573
- "alignItems": ["center"]
574
- }
575
- },
576
- "propToVariantKeys": {
577
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
578
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
579
- "startIcon": ["icon"],
580
- "endIcon": ["icon"]
581
- },
413
+ "internalComponents": ["LazyMotion", "MotionConfig"],
414
+ "internalComponentProps": {},
415
+ "propToVariantKeys": { "loadFeatures": ["features"] },
582
416
  "motionVarPrefixes": []
583
417
  };
584
- var Button = {
585
- "name": "Button",
586
- "defaultProps": { "type": "button" },
587
- "getStylesLiterals": {},
588
- "cxLiterals": [
589
- "uds-ring",
590
- "uds-hit-target",
591
- "inline-flex",
592
- "overflow-hidden",
593
- "justify-center",
594
- "items-center",
595
- "whitespace-nowrap",
596
- "select-none",
597
- "[transform-origin:center]",
598
- "[backface-visibility:hidden]",
599
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
600
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
601
- "[transition-duration:220ms]",
602
- "cursor-not-allowed",
603
- "uds-button-loading",
604
- "uds-button-without-effects",
605
- "withIcon",
606
- "uds-button-with-gap",
607
- "animate-spin",
608
- "truncate"
609
- ],
610
- "internalComponents": [
611
- "Icon",
612
- "IconSlot",
613
- "AnimatePresence",
614
- "SpringMotionConfig",
615
- "MotionSlot"
616
- ],
617
- "internalComponentProps": {
618
- "Icon": { "color": ["current"] },
619
- "AnimatePresence": { "mode": ["popLayout"] },
620
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
621
- "MotionSlot": {
622
- "whileHover": ["hover"],
623
- "whileTap": ["pressed"]
624
- }
625
- },
626
- "propToVariantKeys": {
627
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
628
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
629
- "iconVariant": ["variant"],
630
- "startIcon": ["icon"],
631
- "endIcon": ["icon"]
632
- },
633
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
634
- };
635
- var Checkbox = {
636
- "name": "Checkbox",
637
- "defaultProps": {
638
- "labelPosition": "start",
639
- "variant": "primary",
640
- "size": "md"
641
- },
642
- "getStylesLiterals": {
643
- "display": "flex",
644
- "flexDirection": "row",
645
- "flexDirection:1": "row-reverse",
646
- "alignItems": "center"
647
- },
648
- "cxLiterals": [
649
- "cursor-pointer",
650
- "cursor-default",
651
- "opacity-50",
652
- "uds-ring",
653
- "uds-ring-within",
654
- "transition-[background-color,border-color,box-shadow]",
655
- "pointer-events-none",
656
- "transition-opacity",
657
- "cursor-[inherit]",
658
- "absolute",
659
- "opacity-0",
660
- "top-1/2",
661
- "left-1/2",
662
- "w-[calc(100%+2px)]",
663
- "h-[calc(100%+2px)]",
664
- "transform",
665
- "translate-x-[-50%]",
666
- "translate-y-[-50%]",
667
- "text-start",
668
- "text-end"
669
- ],
670
- "internalComponents": [
671
- "Icon",
672
- "FormLabel",
673
- "SpringMotionConfig",
674
- "RootElement",
675
- "MotionBox"
676
- ],
677
- "internalComponentProps": {
678
- "Icon": { "size": ["sm"] },
679
- "FormLabel": {
680
- "as": ["div"],
681
- "variant": ["inherit"],
682
- "color": ["inherit"]
683
- },
684
- "RootElement": { "data-testid": ["container"] },
685
- "MotionBox": {
686
- "position": ["relative"],
687
- "alignItems": ["center"],
688
- "justifyContent": ["center"],
689
- "flex": ["none"]
690
- }
691
- },
692
- "propToVariantKeys": {
693
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
694
- "variant": [
695
- "checkboxVariantRoot",
696
- "checkboxVariantCheckbox",
697
- "checkboxVariantCheckboxIcon"
698
- ],
699
- "valueState": [
700
- "checkboxVariantValueRoot",
701
- "checkboxVariantValueCheckbox",
702
- "checkboxVariantValueCheckboxIcon"
703
- ],
704
- "reduceMotion": ["reducedMotion"]
705
- },
706
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
707
- };
708
418
  var IconButton = {
709
419
  "name": "IconButton",
710
420
  "defaultProps": { "type": "button" },
@@ -744,26 +454,6 @@ var IconButton = {
744
454
  },
745
455
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
746
456
  };
747
- var Pressable = {
748
- "name": "Pressable",
749
- "defaultProps": {},
750
- "getStylesLiterals": {},
751
- "cxLiterals": [],
752
- "internalComponents": ["Comp"],
753
- "internalComponentProps": {},
754
- "propToVariantKeys": {},
755
- "motionVarPrefixes": []
756
- };
757
- var SpringMotionConfig = {
758
- "name": "SpringMotionConfig",
759
- "defaultProps": { "reducedMotion": "user" },
760
- "getStylesLiterals": {},
761
- "cxLiterals": [],
762
- "internalComponents": ["LazyMotion", "MotionConfig"],
763
- "internalComponentProps": {},
764
- "propToVariantKeys": { "loadFeatures": ["features"] },
765
- "motionVarPrefixes": []
766
- };
767
457
  var Switch = {
768
458
  "name": "Switch",
769
459
  "defaultProps": {
@@ -854,472 +544,790 @@ var Switch = {
854
544
  },
855
545
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
856
546
  };
857
- var UDSBreakpointsConfigProvider = {
858
- "name": "UDSBreakpointsConfigProvider",
859
- "defaultProps": {},
547
+ var Badge = {
548
+ "name": "Badge",
549
+ "defaultProps": {
550
+ "variant": "primary",
551
+ "size": "md"
552
+ },
860
553
  "getStylesLiterals": {},
861
- "cxLiterals": [],
862
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
863
- "internalComponentProps": {},
864
- "propToVariantKeys": {},
554
+ "cxLiterals": [
555
+ "flex-1",
556
+ "truncate",
557
+ "whitespace-nowrap",
558
+ "text-center"
559
+ ],
560
+ "internalComponents": ["IconSlot", "HStack"],
561
+ "internalComponentProps": {
562
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
563
+ "HStack": {
564
+ "gap": ["2"],
565
+ "display": ["inline-flex"],
566
+ "alignItems": ["center"]
567
+ }
568
+ },
569
+ "propToVariantKeys": {
570
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
571
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
572
+ "startIcon": ["icon"],
573
+ "endIcon": ["icon"]
574
+ },
865
575
  "motionVarPrefixes": []
866
576
  };
867
- var UDSConfigProvider = {
868
- "name": "UDSConfigProvider",
577
+ var AnimateHeightChange = {
578
+ "name": "AnimateHeightChange",
869
579
  "defaultProps": {},
870
580
  "getStylesLiterals": {},
871
- "cxLiterals": [],
872
- "internalComponents": [
873
- "UDSBreakpointsConfigProvider",
874
- "UDSBottomSheetConfigProvider",
875
- "UDSToastConfigProvider",
876
- "UDSTooltipConfigProvider"
877
- ],
581
+ "cxLiterals": ["overflow-hidden"],
582
+ "internalComponents": ["SpringMotionConfig"],
583
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
584
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
585
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
586
+ };
587
+ var Pressable = {
588
+ "name": "Pressable",
589
+ "defaultProps": {},
590
+ "getStylesLiterals": {},
591
+ "cxLiterals": [],
592
+ "internalComponents": ["Comp"],
878
593
  "internalComponentProps": {},
879
594
  "propToVariantKeys": {},
880
595
  "motionVarPrefixes": []
881
596
  };
882
- var Tooltip = {
883
- "name": "Tooltip",
597
+ var AvoidMotionLibraryProvider = {
598
+ "name": "AvoidMotionLibraryProvider",
884
599
  "defaultProps": {},
885
600
  "getStylesLiterals": {},
886
601
  "cxLiterals": [],
887
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
602
+ "internalComponents": [],
888
603
  "internalComponentProps": {},
889
604
  "propToVariantKeys": {},
890
605
  "motionVarPrefixes": []
891
606
  };
892
- var TooltipContent = {
893
- "name": "TooltipContent",
607
+ var SegmentedControl = {
608
+ "name": "SegmentedControl",
894
609
  "defaultProps": {},
895
610
  "getStylesLiterals": {
896
- "tooltipSizeRoot": "default",
897
- "tooltipVariantRoot": "default",
898
- "tooltipSizeSvg": "default",
899
- "tooltipVariantSvg": "default",
900
- "tooltipVariantBlur": "default",
901
- "position": "absolute",
902
- "width": "full",
903
- "height": "full",
904
- "tooltipSizeTitle": "default",
905
- "tooltipSizeBody": "default",
906
- "tooltipSizeEndContent": "default",
907
- "tooltipSizeIcon": "default",
908
- "tooltipVariantIcon": "default"
611
+ "display": "flex",
612
+ "alignItems": "center",
613
+ "backgroundColor": "primary",
614
+ "spacingVertical": "1",
615
+ "spacingHorizontal": "3",
616
+ "columnGap": "1.5",
617
+ "borderWidth": "thin",
618
+ "borderRadius": "full",
619
+ "borderColor": "muted",
620
+ "borderColor:1": "transparent",
621
+ "color": "primary",
622
+ "color:1": "tertiary",
623
+ "color:2": "muted"
909
624
  },
910
625
  "cxLiterals": [
911
- "flex",
912
- "z-[9999]",
913
- "stroke-1",
914
- "uds-bgBlurFillFallback",
915
- "uds-bgBlurFallback",
916
- "top-0",
917
- "left-0",
918
- "z-[1]",
919
- "transition-opacity",
920
- "ease-in-out"
626
+ "uds-ring",
627
+ "cursor-not-allowed",
628
+ "opacity-50",
629
+ "pointer-events-none",
630
+ "hover:bg-primary"
921
631
  ],
922
632
  "internalComponents": [
923
- "Box",
924
- "IconSlot",
925
- "TooltipArrow",
926
- "Tooltip",
927
- "Fragment",
633
+ "Radio",
634
+ "Icon",
635
+ "RadioProvider",
636
+ "HStack",
637
+ "RadioGroup",
638
+ "Pressable",
928
639
  "Text"
929
640
  ],
930
641
  "internalComponentProps": {
931
- "Box": {
932
- "position": ["relative"],
933
- "flexDirection": ["column"],
934
- "className": ["z-[3] gap-[inherit]"],
935
- "alignItems": ["center"],
936
- "columnGap": ["1", "1.5"]
642
+ "Icon": {
643
+ "size": ["sm"],
644
+ "color": ["current"],
645
+ "aria-hidden": ["true"]
937
646
  },
938
- "Text": { "color": ["inherit"] }
647
+ "HStack": {
648
+ "spacing": ["1"],
649
+ "gap": ["1"],
650
+ "backgroundColor": ["secondary"],
651
+ "borderRadius": ["full"],
652
+ "display": ["inline-flex"]
653
+ },
654
+ "Text": {
655
+ "variant": ["label2"],
656
+ "color": ["current"]
657
+ }
658
+ },
659
+ "propToVariantKeys": {
660
+ "value": ["key"],
661
+ "label": ["aria-label"]
939
662
  },
940
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
941
- "motionVarPrefixes": []
942
- };
943
- var TooltipTrigger = {
944
- "name": "TooltipTrigger",
945
- "defaultProps": {},
946
- "getStylesLiterals": {},
947
- "cxLiterals": [],
948
- "internalComponents": ["TooltipAnchor"],
949
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
950
- "propToVariantKeys": { "children": ["render"] },
951
663
  "motionVarPrefixes": []
952
664
  };
953
- var UDSTooltipConfigProvider = {
954
- "name": "UDSTooltipConfigProvider",
665
+ var Popover = {
666
+ "name": "Popover",
955
667
  "defaultProps": {},
956
668
  "getStylesLiterals": {},
957
669
  "cxLiterals": [],
958
- "internalComponents": ["TooltipContext.Provider"],
959
- "internalComponentProps": {},
670
+ "internalComponents": [
671
+ "HStack",
672
+ "Text",
673
+ "OriginalPopoverHeading"
674
+ ],
675
+ "internalComponentProps": { "Text": {
676
+ "variant": ["headline1"],
677
+ "color": ["primary"]
678
+ } },
960
679
  "propToVariantKeys": {},
961
680
  "motionVarPrefixes": []
962
681
  };
963
- var Toast = {
964
- "name": "Toast",
965
- "defaultProps": {},
682
+ var SwitchV2 = {
683
+ "name": "SwitchV2",
684
+ "defaultProps": {
685
+ "labelPosition": "start",
686
+ "size": "md"
687
+ },
966
688
  "getStylesLiterals": {
967
- "className": "flex-none",
968
- "spacing": "2",
969
- "borderRadius": "full"
689
+ "switchVariantRoot": "default",
690
+ "switchVariantActiveRoot": "on",
691
+ "switchVariantActiveRoot:1": "off",
692
+ "switchVariantSwitch": "default",
693
+ "switchVariantActiveSwitch": "on",
694
+ "switchVariantActiveSwitch:1": "off",
695
+ "switchVariantActiveHandle": "on",
696
+ "switchVariantActiveHandle:1": "off",
697
+ "switchVariantHandle": "default",
698
+ "switchVariantHandleIcon": "default",
699
+ "switchVariantActiveHandleIcon": "on",
700
+ "switchVariantActiveHandleIcon:1": "off"
970
701
  },
971
702
  "cxLiterals": [
972
- "transition-[background-color]",
973
- "bg-carbon-15/0",
974
- "hover:bg-carbon-15/10",
975
- "active:bg-carbon-15/15",
976
- "uds-ring"
703
+ "group",
704
+ "flex",
705
+ "items-center",
706
+ "flex-row",
707
+ "flex-row-reverse",
708
+ "uds-ring",
709
+ "uds-ring-within",
710
+ "relative",
711
+ "uds-border-radius-full",
712
+ "transition-[background-color,box-shadow]",
713
+ "pointer-events-none",
714
+ "w-full",
715
+ "h-full",
716
+ "absolute",
717
+ "top-0",
718
+ "bottom-0",
719
+ "right-0",
720
+ "left-0",
721
+ "overflow-hidden",
722
+ "group-hover:scale-105",
723
+ "opacity-95",
724
+ "group-hover:opacity-100",
725
+ "transition-[transform,opacity]",
726
+ "opacity-0",
727
+ "top-1/2",
728
+ "left-1/2",
729
+ "transform",
730
+ "translate-x-[-50%]",
731
+ "translate-y-[-50%]",
732
+ "transition-opacity",
733
+ "cursor-[inherit]",
734
+ "w-[calc(100%+2px)]",
735
+ "h-[calc(100%+2px)]",
736
+ "text-start",
737
+ "text-end",
738
+ "opacity-100"
977
739
  ],
978
740
  "internalComponents": [
979
741
  "IconSlot",
980
- "ToastContainer",
981
- "Text",
982
- "Button",
983
- "Pressable"
742
+ "Box",
743
+ "FormLabel",
744
+ "SpringMotionConfig",
745
+ "RootElement",
746
+ "MotionBox"
984
747
  ],
985
- "internalComponentProps": {},
748
+ "internalComponentProps": {
749
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
750
+ "FormLabel": {
751
+ "as": ["div"],
752
+ "variant": ["inherit"],
753
+ "color": ["inherit"]
754
+ },
755
+ "SpringMotionConfig": {
756
+ "layoutVariant": ["bouncy"],
757
+ "layoutSpeed": ["4"]
758
+ },
759
+ "RootElement": { "data-testid": ["switch-root"] },
760
+ "MotionBox": { "layout": ["position"] }
761
+ },
986
762
  "propToVariantKeys": {
987
763
  "size": [
988
- "toastSizeLabel",
989
- "toastSizeIcon",
990
- "toastSizeActionButton",
991
- "toastSizeCloseIcon"
992
- ],
993
- "variant": [
994
- "toastVariantIcon",
995
- "toastVariantActionButton",
996
- "toastVariantCloseIcon"
764
+ "switchSizeRoot",
765
+ "switchSizeSwitch",
766
+ "switchSizeHandle",
767
+ "switchSizeHandleIcon"
997
768
  ],
998
- "closeIcon": ["icon"],
999
- "onClickActionButton": ["onClick"]
769
+ "onIcon": ["icon"],
770
+ "offIcon": ["icon"],
771
+ "reduceMotion": ["reducedMotion"],
772
+ "isOn": ["layoutDependency"]
1000
773
  },
1001
- "motionVarPrefixes": []
774
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1002
775
  };
1003
- var ToastContainer = {
1004
- "name": "ToastContainer",
776
+ var Tabs = {
777
+ "name": "Tabs",
1005
778
  "defaultProps": {},
1006
779
  "getStylesLiterals": {
1007
- "position": "relative",
1008
- "alignItems": "center",
1009
780
  "display": "flex",
1010
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
781
+ "flexDirection": "row",
782
+ "columnGap": "6"
1011
783
  },
1012
- "cxLiterals": ["w-full"],
1013
- "internalComponents": ["HStack"],
1014
- "internalComponentProps": { "HStack": {
1015
- "alignItems": ["center"],
1016
- "justifyContent": ["space-between"],
1017
- "overflow": ["hidden"],
1018
- "position": ["relative"]
1019
- } },
1020
- "propToVariantKeys": {
1021
- "variant": ["toastVariantRoot"],
1022
- "size": ["toastSizeRoot"]
784
+ "cxLiterals": [
785
+ "text-tertiary",
786
+ "border-b-transparent",
787
+ "aria-selected:border-b-brand",
788
+ "aria-selected:text-secondary"
789
+ ],
790
+ "internalComponents": [
791
+ "TabProvider",
792
+ "OriginalTabList",
793
+ "OriginalTab",
794
+ "Icon",
795
+ "OriginalTabPanel",
796
+ "Pressable",
797
+ "Comp",
798
+ "Text"
799
+ ],
800
+ "internalComponentProps": {
801
+ "Icon": {
802
+ "className": ["text-current"],
803
+ "size": ["md"]
804
+ },
805
+ "Pressable": {
806
+ "borderBottomWidth": ["medium"],
807
+ "spacingBottom": ["1"],
808
+ "spacingTop": ["4"]
809
+ },
810
+ "Text": {
811
+ "className": ["text-current"],
812
+ "variant": ["headline1"],
813
+ "as": ["span"]
814
+ }
1023
815
  },
816
+ "propToVariantKeys": {},
1024
817
  "motionVarPrefixes": []
1025
818
  };
1026
- var ToastPortal = {
1027
- "name": "ToastPortal",
819
+ var Modal = {
820
+ "name": "Modal",
1028
821
  "defaultProps": {},
1029
822
  "getStylesLiterals": {},
1030
- "cxLiterals": [],
1031
- "internalComponents": ["ReactToastifyToastContainer"],
823
+ "cxLiterals": [
824
+ "inset-8",
825
+ "top-[250px]",
826
+ "z-50",
827
+ "mx-auto",
828
+ "h-fit",
829
+ "w-[600px]",
830
+ "origin-center",
831
+ "scale-95",
832
+ "opacity-0",
833
+ "transition",
834
+ "duration-150",
835
+ "data-[enter]:scale-100",
836
+ "data-[enter]:opacity-100",
837
+ "data-[enter]:bg-primary",
838
+ "backdrop-blur-0",
839
+ "data-[enter]:opacity-60",
840
+ "data-[enter]:backdrop-blur-sm"
841
+ ],
842
+ "internalComponents": [
843
+ "IconButton",
844
+ "Dialog",
845
+ "HStack",
846
+ "Text",
847
+ "VStack"
848
+ ],
849
+ "internalComponentProps": {
850
+ "IconButton": {
851
+ "aria-label": ["Close"],
852
+ "size": ["sm"],
853
+ "variant": ["tertiary"]
854
+ },
855
+ "HStack": {
856
+ "alignItems": ["center"],
857
+ "justifyContent": ["space-between"]
858
+ },
859
+ "Text": {
860
+ "variant": ["headline1"],
861
+ "color": ["primary"]
862
+ },
863
+ "VStack": {
864
+ "borderRadius": ["md"],
865
+ "position": ["fixed"],
866
+ "backgroundColor": ["primary"],
867
+ "dropShadow": ["md"],
868
+ "spacing": ["8"],
869
+ "overflow": ["hidden"]
870
+ }
871
+ },
872
+ "propToVariantKeys": { "handleClose": ["onClick"] },
873
+ "motionVarPrefixes": []
874
+ };
875
+ var Accordion = {
876
+ "name": "Accordion",
877
+ "defaultProps": {
878
+ "spacingHorizontal": "4",
879
+ "spacingVertical": "4"
880
+ },
881
+ "getStylesLiterals": {},
882
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
883
+ "internalComponents": [
884
+ "Icon",
885
+ "SpringMotionConfig",
886
+ "Pressable",
887
+ "Text",
888
+ "HStack",
889
+ "AnimatePresence",
890
+ "VStack"
891
+ ],
892
+ "internalComponentProps": {
893
+ "Icon": {
894
+ "variant": ["fill"],
895
+ "size": ["sm"],
896
+ "color": ["primary"]
897
+ },
898
+ "SpringMotionConfig": {
899
+ "layoutVariant": ["smooth"],
900
+ "layoutSpeed": ["3"]
901
+ },
902
+ "Pressable": {
903
+ "display": ["flex"],
904
+ "flexDirection": ["row"],
905
+ "alignItems": ["center"],
906
+ "justifyContent": ["space-between"],
907
+ "borderRadius": ["md"]
908
+ },
909
+ "Text": {
910
+ "variant": ["title4"],
911
+ "color": ["primary"]
912
+ },
913
+ "HStack": {
914
+ "display": ["flex"],
915
+ "alignItems": ["center"],
916
+ "justifyContent": ["space-between"],
917
+ "columnGap": ["2.5"]
918
+ }
919
+ },
920
+ "propToVariantKeys": {},
921
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
922
+ };
923
+ var AvatarImage = {
924
+ "name": "AvatarImage",
925
+ "defaultProps": {
926
+ "size": "md",
927
+ "variant": "primary"
928
+ },
929
+ "getStylesLiterals": {},
930
+ "cxLiterals": [
931
+ "overflow-hidden",
932
+ "w-full",
933
+ "h-full",
934
+ "shrink-0",
935
+ "text-center",
936
+ "inline-flex",
937
+ "justify-center",
938
+ "items-center",
939
+ "object-cover"
940
+ ],
941
+ "internalComponents": [
942
+ "UDSImage",
943
+ "AvatarText",
944
+ "AvatarIcon",
945
+ "Box"
946
+ ],
1032
947
  "internalComponentProps": {},
948
+ "propToVariantKeys": {
949
+ "alt": ["name"],
950
+ "fallback": ["initials"]
951
+ },
952
+ "motionVarPrefixes": []
953
+ };
954
+ var AvatarText = {
955
+ "name": "AvatarText",
956
+ "defaultProps": {
957
+ "size": "md",
958
+ "variant": "primary"
959
+ },
960
+ "getStylesLiterals": {},
961
+ "cxLiterals": [
962
+ "overflow-hidden",
963
+ "truncate",
964
+ "w-full",
965
+ "h-full",
966
+ "shrink-0",
967
+ "text-center",
968
+ "inline-flex",
969
+ "justify-center",
970
+ "items-center"
971
+ ],
972
+ "internalComponents": ["Box", "Text"],
973
+ "internalComponentProps": { "Text": {
974
+ "color": ["inherit"],
975
+ "variant": ["inherit"]
976
+ } },
1033
977
  "propToVariantKeys": {},
1034
978
  "motionVarPrefixes": []
1035
979
  };
1036
- var UDSToastConfigProvider = {
1037
- "name": "UDSToastConfigProvider",
980
+ var Avatar = {
981
+ "name": "Avatar",
1038
982
  "defaultProps": {},
1039
983
  "getStylesLiterals": {},
1040
984
  "cxLiterals": [],
1041
- "internalComponents": ["ToastContext.Provider"],
985
+ "internalComponents": ["AvatarImage"],
1042
986
  "internalComponentProps": {},
1043
987
  "propToVariantKeys": {},
1044
988
  "motionVarPrefixes": []
1045
989
  };
1046
- var Radio = {
1047
- "name": "Radio",
990
+ var AvatarIcon = {
991
+ "name": "AvatarIcon",
1048
992
  "defaultProps": {
1049
- "labelPosition": "start",
1050
- "variant": "primary",
1051
993
  "size": "md",
1052
- "value": ""
994
+ "variant": "primary"
1053
995
  },
1054
- "getStylesLiterals": {
1055
- "radioVariantValueRoot": "checked",
1056
- "radioVariantValueRoot:1": "unchecked",
1057
- "display": "flex",
1058
- "flexDirection": "row",
1059
- "flexDirection:1": "row-reverse",
1060
- "alignItems": "center",
1061
- "radioVariantValueRadio": "checked",
1062
- "radioVariantValueRadio:1": "unchecked",
1063
- "radioVariantValueRadioCircle": "checked",
1064
- "radioVariantValueRadioCircle:1": "unchecked"
996
+ "getStylesLiterals": {},
997
+ "cxLiterals": [
998
+ "overflow-hidden",
999
+ "w-full",
1000
+ "h-full",
1001
+ "shrink-0",
1002
+ "text-center",
1003
+ "inline-flex",
1004
+ "justify-center",
1005
+ "items-center"
1006
+ ],
1007
+ "internalComponents": ["IconSlot", "Box"],
1008
+ "internalComponentProps": {},
1009
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1010
+ "motionVarPrefixes": []
1011
+ };
1012
+ var BottomSheetContent = {
1013
+ "name": "BottomSheetContent",
1014
+ "defaultProps": {},
1015
+ "getStylesLiterals": {},
1016
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1017
+ "internalComponents": ["Box", "VStack"],
1018
+ "internalComponentProps": {
1019
+ "Box": {
1020
+ "display": ["block"],
1021
+ "overflowY": ["auto"],
1022
+ "flex": ["1"]
1023
+ },
1024
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1065
1025
  },
1026
+ "propToVariantKeys": {},
1027
+ "motionVarPrefixes": []
1028
+ };
1029
+ var BottomSheetDismiss = {
1030
+ "name": "BottomSheetDismiss",
1031
+ "defaultProps": {},
1032
+ "getStylesLiterals": {},
1033
+ "cxLiterals": [],
1034
+ "internalComponents": ["AriakitDialogDismiss"],
1035
+ "internalComponentProps": {},
1036
+ "propToVariantKeys": {},
1037
+ "motionVarPrefixes": []
1038
+ };
1039
+ var BottomSheet = {
1040
+ "name": "BottomSheet",
1041
+ "defaultProps": { "variant": "default" },
1042
+ "getStylesLiterals": {},
1066
1043
  "cxLiterals": [
1067
- "cursor-pointer",
1068
- "cursor-default",
1069
- "opacity-50",
1070
- "border",
1071
- "uds-ring",
1072
- "uds-ring-within",
1073
- "transition-[background-color,border-color]",
1074
- "transition-shadow",
1075
- "pointer-events-none",
1076
- "w-[8px]",
1077
- "h-[8px]",
1078
- "transition-opacity",
1079
- "cursor-[inherit]",
1080
- "absolute",
1081
- "opacity-0",
1082
- "top-1/2",
1083
- "left-1/2",
1084
- "w-[calc(100%+2px)]",
1085
- "h-[calc(100%+2px)]",
1086
- "transform",
1087
- "translate-x-[-50%]",
1088
- "translate-y-[-50%]",
1089
- "text-start",
1090
- "text-end"
1044
+ "fixed",
1045
+ "overflow-hidden",
1046
+ "inset-x-0",
1047
+ "bottom-0",
1048
+ "z-50",
1049
+ "[will-change:transform]",
1050
+ "touch-none",
1051
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1052
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1053
+ "transition-transform",
1054
+ "duration-500",
1055
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1056
+ "motion-reduce:transition-none",
1057
+ "top-[-4px]",
1058
+ "z-[1]",
1059
+ "touch-pan-y"
1060
+ ],
1061
+ "internalComponents": [
1062
+ "Scrim",
1063
+ "BottomSheetHandle",
1064
+ "Dialog",
1065
+ "Box"
1066
+ ],
1067
+ "internalComponentProps": {
1068
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1069
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1070
+ "Box": {
1071
+ "display": ["block"],
1072
+ "position": ["absolute"]
1073
+ }
1074
+ },
1075
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1076
+ "motionVarPrefixes": []
1077
+ };
1078
+ var BottomSheetHandle = {
1079
+ "name": "BottomSheetHandle",
1080
+ "defaultProps": {},
1081
+ "getStylesLiterals": {},
1082
+ "cxLiterals": [
1083
+ "relative",
1084
+ "h-5",
1085
+ "w-16",
1086
+ "outline-none",
1087
+ "focus-visible:outline-none",
1088
+ "[touch-action:pan-y]",
1089
+ "absolute",
1090
+ "left-1/2",
1091
+ "top-1/2",
1092
+ "-translate-x-1/2",
1093
+ "-translate-y-1/2",
1094
+ "h-1",
1095
+ "w-8",
1096
+ "rounded-full",
1097
+ "bg-accent"
1091
1098
  ],
1092
- "internalComponents": [
1093
- "Box",
1094
- "FormLabel",
1095
- "SpringMotionConfig",
1096
- "RootElement",
1097
- "MotionBox"
1099
+ "internalComponents": ["Box"],
1100
+ "internalComponentProps": { "Box": {
1101
+ "display": ["block", "flex"],
1102
+ "justifyContent": ["center"]
1103
+ } },
1104
+ "propToVariantKeys": {},
1105
+ "motionVarPrefixes": []
1106
+ };
1107
+ var BottomSheetHeader = {
1108
+ "name": "BottomSheetHeader",
1109
+ "defaultProps": { "variant": "default" },
1110
+ "getStylesLiterals": {},
1111
+ "cxLiterals": [
1112
+ "grid-cols-[40px_1fr_40px]",
1113
+ "items-center",
1114
+ "w-full",
1115
+ "min-h-10",
1116
+ "mt-2"
1098
1117
  ],
1118
+ "internalComponents": ["Box", "Text"],
1099
1119
  "internalComponentProps": {
1100
- "Box": { "borderRadius": ["full"] },
1101
- "FormLabel": {
1102
- "as": ["div"],
1103
- "variant": ["inherit"],
1104
- "color": ["inherit"]
1120
+ "Box": {
1121
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1122
+ "display": ["grid", "flex"],
1123
+ "justifyContent": ["flex-start", "flex-end"]
1105
1124
  },
1106
- "RootElement": { "data-testid": ["container"] },
1107
- "MotionBox": {
1108
- "position": ["relative"],
1109
- "borderRadius": ["full"],
1110
- "alignItems": ["center"],
1111
- "justifyContent": ["center"],
1112
- "flex": ["none"]
1125
+ "Text": {
1126
+ "variant": ["inherit"],
1127
+ "color": ["inherit"],
1128
+ "textAlign": ["center"],
1129
+ "className": ["w-full"]
1113
1130
  }
1114
1131
  },
1115
- "propToVariantKeys": {
1116
- "size": ["radioSizeRoot", "radioSizeRadio"],
1117
- "variant": [
1118
- "radioVariantRoot",
1119
- "radioVariantRadio",
1120
- "radioVariantRadioCircle"
1121
- ],
1122
- "reduceMotion": ["reducedMotion"]
1123
- },
1124
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1132
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1133
+ "motionVarPrefixes": []
1125
1134
  };
1126
- var RadioGroupProvider = {
1127
- "name": "RadioGroupProvider",
1135
+ var BottomSheetTrigger = {
1136
+ "name": "BottomSheetTrigger",
1128
1137
  "defaultProps": {},
1129
1138
  "getStylesLiterals": {},
1130
1139
  "cxLiterals": [],
1131
- "internalComponents": [
1132
- "DivProps",
1133
- "Comp",
1134
- "RadioGroupContext.Provider"
1135
- ],
1136
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1140
+ "internalComponents": ["AriakitDialogDisclosure"],
1141
+ "internalComponentProps": {},
1137
1142
  "propToVariantKeys": {},
1138
1143
  "motionVarPrefixes": []
1139
1144
  };
1140
- var RadioGroupStore = {
1141
- "name": "RadioGroupStore",
1145
+ var BottomSheetProvider = {
1146
+ "name": "BottomSheetProvider",
1142
1147
  "defaultProps": {},
1143
1148
  "getStylesLiterals": {},
1144
1149
  "cxLiterals": [],
1145
- "internalComponents": [],
1150
+ "internalComponents": ["AriakitDialogProvider"],
1146
1151
  "internalComponentProps": {},
1147
1152
  "propToVariantKeys": {},
1148
1153
  "motionVarPrefixes": []
1149
1154
  };
1150
- var Menu_Content = {
1151
- "name": "Menu.Content",
1152
- "defaultProps": {
1153
- "size": "default",
1154
- "variant": "default",
1155
- "gutter": "1"
1156
- },
1155
+ var UDSBottomSheetConfigProvider = {
1156
+ "name": "UDSBottomSheetConfigProvider",
1157
+ "defaultProps": {},
1157
1158
  "getStylesLiterals": {},
1158
- "cxLiterals": [
1159
- "uds-menu-content",
1160
- "transition-shadow",
1161
- "duration-200",
1162
- "ease-in-out",
1163
- "min-w-60",
1164
- "max-w-lg",
1165
- "max-h-96",
1166
- "overflow-auto",
1167
- "uds-ring",
1168
- "z-10",
1169
- "group"
1170
- ],
1171
- "internalComponents": [
1172
- "AriakitMenu",
1173
- "AnimatePresence",
1174
- "MotionVStack"
1175
- ],
1176
- "internalComponentProps": {},
1177
- "propToVariantKeys": {
1178
- "size": ["menucontentSizeRoot"],
1179
- "variant": ["menucontentVariantRoot"]
1180
- },
1181
- "motionVarPrefixes": []
1182
- };
1183
- var Menu_Divider = {
1184
- "name": "Menu.Divider",
1185
- "defaultProps": {
1186
- "role": "separator",
1187
- "contentPosition": "start",
1188
- "gap": "4"
1189
- },
1190
- "getStylesLiterals": {
1191
- "menuitemDividerVariantRoot": "default",
1192
- "menuitemDividerVariantText": "default",
1193
- "menuitemDividerVariantLine": "default"
1194
- },
1195
1159
  "cxLiterals": [],
1196
- "internalComponents": ["DividerInternal"],
1197
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1160
+ "internalComponents": ["BottomSheetContext.Provider"],
1161
+ "internalComponentProps": {},
1198
1162
  "propToVariantKeys": {},
1199
1163
  "motionVarPrefixes": []
1200
1164
  };
1201
- var Menu_Item = {
1202
- "name": "Menu.Item",
1165
+ var UDSToastConfigProvider = {
1166
+ "name": "UDSToastConfigProvider",
1203
1167
  "defaultProps": {},
1204
- "getStylesLiterals": {
1205
- "menuitemItemVariantRoot": "default",
1206
- "menuitemItemVariantActiveRoot": "on",
1207
- "menuitemItemVariantActiveRoot:1": "off",
1208
- "menuitemItemVariantText": "default",
1209
- "menuitemItemVariantActiveText": "on",
1210
- "menuitemItemVariantActiveText:1": "off",
1211
- "menuitemItemVariantIcon": "default",
1212
- "menuitemItemVariantActiveIcon": "on",
1213
- "menuitemItemVariantActiveIcon:1": "off"
1214
- },
1168
+ "getStylesLiterals": {},
1215
1169
  "cxLiterals": [],
1216
- "internalComponents": ["MenuItemBase"],
1170
+ "internalComponents": ["ToastContext.Provider"],
1217
1171
  "internalComponentProps": {},
1218
1172
  "propToVariantKeys": {},
1219
1173
  "motionVarPrefixes": []
1220
1174
  };
1221
- var Menu_ItemBase = {
1222
- "name": "Menu.ItemBase",
1223
- "defaultProps": {
1224
- "spacing": "0",
1225
- "spacingHorizontal": "4",
1226
- "spacingVertical": "3.5",
1227
- "columnGap": "2",
1228
- "alignItems": "center",
1229
- "justifyContent": "space-between"
1230
- },
1175
+ var Toast = {
1176
+ "name": "Toast",
1177
+ "defaultProps": {},
1231
1178
  "getStylesLiterals": {
1232
- "textAlign": "start",
1233
- "menuitemSizeRoot": "default",
1234
- "flexDirection": "row",
1235
- "menuitemSizeStartIcon": "default",
1236
- "menuitemSizeEndIcon": "default"
1179
+ "className": "flex-none",
1180
+ "spacing": "2",
1181
+ "borderRadius": "full"
1237
1182
  },
1238
1183
  "cxLiterals": [
1239
- "flex",
1240
- "focus-visible:text-brand",
1241
- "focus-visible:bg-brand-secondary",
1242
- "focus-visible:z-10",
1243
- "uds-ring",
1244
- "!-outline-offset-2",
1245
- "[&:not([aria-checked])]:cursor-default",
1246
- "opacity-25",
1247
- "cursor-not-allowed",
1248
- "duration-20",
1249
- "transition-[font-variation-settings]",
1250
- "ease-in-out",
1251
- "z-0"
1184
+ "transition-[background-color]",
1185
+ "bg-carbon-15/0",
1186
+ "hover:bg-carbon-15/10",
1187
+ "active:bg-carbon-15/15",
1188
+ "uds-ring"
1252
1189
  ],
1253
1190
  "internalComponents": [
1254
- "Pressable",
1255
1191
  "IconSlot",
1256
- "RootComponent",
1257
- "HStack",
1258
- "AnimatePresence"
1192
+ "ToastContainer",
1193
+ "Text",
1194
+ "Button",
1195
+ "Pressable"
1259
1196
  ],
1260
- "internalComponentProps": {
1261
- "HStack": {
1262
- "alignItems": ["center"],
1263
- "width": ["full"]
1264
- },
1265
- "AnimatePresence": { "mode": ["popLayout"] }
1266
- },
1197
+ "internalComponentProps": {},
1267
1198
  "propToVariantKeys": {
1268
- "startIcon": ["icon"],
1269
- "endIcon": ["icon"],
1270
- "columnGap": ["gap"]
1199
+ "size": [
1200
+ "toastSizeLabel",
1201
+ "toastSizeIcon",
1202
+ "toastSizeActionButton",
1203
+ "toastSizeCloseIcon"
1204
+ ],
1205
+ "variant": [
1206
+ "toastVariantIcon",
1207
+ "toastVariantActionButton",
1208
+ "toastVariantCloseIcon"
1209
+ ],
1210
+ "closeIcon": ["icon"],
1211
+ "onClickActionButton": ["onClick"]
1271
1212
  },
1272
1213
  "motionVarPrefixes": []
1273
1214
  };
1274
- var Menu_ItemCheckbox = {
1275
- "name": "Menu.ItemCheckbox",
1215
+ var ToastContainer = {
1216
+ "name": "ToastContainer",
1276
1217
  "defaultProps": {},
1277
1218
  "getStylesLiterals": {
1278
- "menuitemItemCheckboxVariantRoot": "default",
1279
- "menuitemItemCheckboxVariantActiveRoot": "on",
1280
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1281
- "menuitemItemCheckboxVariantText": "default",
1282
- "menuitemItemCheckboxVariantActiveText": "on",
1283
- "menuitemItemCheckboxVariantActiveText:1": "off",
1284
- "menuitemItemCheckboxVariantStartIcon": "default",
1285
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1286
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1287
- "menuitemItemCheckboxVariantEndIcon": "default",
1288
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1289
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1219
+ "position": "relative",
1220
+ "alignItems": "center",
1221
+ "display": "flex",
1222
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1223
+ },
1224
+ "cxLiterals": ["w-full"],
1225
+ "internalComponents": ["HStack"],
1226
+ "internalComponentProps": { "HStack": {
1227
+ "alignItems": ["center"],
1228
+ "justifyContent": ["space-between"],
1229
+ "overflow": ["hidden"],
1230
+ "position": ["relative"]
1231
+ } },
1232
+ "propToVariantKeys": {
1233
+ "variant": ["toastVariantRoot"],
1234
+ "size": ["toastSizeRoot"]
1290
1235
  },
1291
- "cxLiterals": ["uds-menu-item-checkbox"],
1292
- "internalComponents": ["MenuItemBase"],
1236
+ "motionVarPrefixes": []
1237
+ };
1238
+ var ToastPortal = {
1239
+ "name": "ToastPortal",
1240
+ "defaultProps": {},
1241
+ "getStylesLiterals": {},
1242
+ "cxLiterals": [],
1243
+ "internalComponents": ["ReactToastifyToastContainer"],
1293
1244
  "internalComponentProps": {},
1294
1245
  "propToVariantKeys": {},
1295
1246
  "motionVarPrefixes": []
1296
1247
  };
1297
- var Menu_Provider = {
1298
- "name": "Menu.Provider",
1248
+ var UDSTooltipConfigProvider = {
1249
+ "name": "UDSTooltipConfigProvider",
1299
1250
  "defaultProps": {},
1300
1251
  "getStylesLiterals": {},
1301
1252
  "cxLiterals": [],
1302
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1253
+ "internalComponents": ["TooltipContext.Provider"],
1303
1254
  "internalComponentProps": {},
1304
1255
  "propToVariantKeys": {},
1305
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1256
+ "motionVarPrefixes": []
1306
1257
  };
1307
- var Menu_Trigger = {
1308
- "name": "Menu.Trigger",
1258
+ var TooltipTrigger = {
1259
+ "name": "TooltipTrigger",
1309
1260
  "defaultProps": {},
1310
1261
  "getStylesLiterals": {},
1311
- "cxLiterals": ["uds-menu-trigger"],
1312
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1313
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1314
- "propToVariantKeys": {},
1262
+ "cxLiterals": [],
1263
+ "internalComponents": ["TooltipAnchor"],
1264
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1265
+ "propToVariantKeys": { "children": ["render"] },
1315
1266
  "motionVarPrefixes": []
1316
1267
  };
1317
- var Menu = {
1318
- "name": "Menu",
1268
+ var TooltipContent = {
1269
+ "name": "TooltipContent",
1270
+ "defaultProps": {},
1271
+ "getStylesLiterals": {
1272
+ "tooltipSizeRoot": "default",
1273
+ "tooltipVariantRoot": "default",
1274
+ "tooltipSizeSvg": "default",
1275
+ "tooltipVariantSvg": "default",
1276
+ "tooltipVariantBlur": "default",
1277
+ "position": "absolute",
1278
+ "width": "full",
1279
+ "height": "full",
1280
+ "tooltipSizeTitle": "default",
1281
+ "tooltipSizeBody": "default",
1282
+ "tooltipSizeEndContent": "default",
1283
+ "tooltipSizeIcon": "default",
1284
+ "tooltipVariantIcon": "default"
1285
+ },
1286
+ "cxLiterals": [
1287
+ "flex",
1288
+ "z-[9999]",
1289
+ "stroke-1",
1290
+ "uds-bgBlurFillFallback",
1291
+ "uds-bgBlurFallback",
1292
+ "top-0",
1293
+ "left-0",
1294
+ "z-[1]",
1295
+ "transition-opacity",
1296
+ "ease-in-out",
1297
+ "absolute",
1298
+ "w-full",
1299
+ "h-full",
1300
+ "overflow-visible",
1301
+ "pointer-events-none",
1302
+ "z-[2]"
1303
+ ],
1304
+ "internalComponents": [
1305
+ "Box",
1306
+ "IconSlot",
1307
+ "TooltipArrow",
1308
+ "Tooltip",
1309
+ "Fragment",
1310
+ "Text"
1311
+ ],
1312
+ "internalComponentProps": {
1313
+ "Box": {
1314
+ "position": ["relative"],
1315
+ "flexDirection": ["column"],
1316
+ "className": ["z-[3] gap-[inherit]"],
1317
+ "alignItems": ["center"],
1318
+ "columnGap": ["1", "1.5"]
1319
+ },
1320
+ "Text": { "color": ["inherit"] }
1321
+ },
1322
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1323
+ "motionVarPrefixes": []
1324
+ };
1325
+ var Tooltip = {
1326
+ "name": "Tooltip",
1319
1327
  "defaultProps": {},
1320
1328
  "getStylesLiterals": {},
1321
1329
  "cxLiterals": [],
1322
- "internalComponents": [],
1330
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1323
1331
  "internalComponentProps": {},
1324
1332
  "propToVariantKeys": {},
1325
1333
  "motionVarPrefixes": []
@@ -1444,68 +1452,148 @@ var InputHelpTextInternal = {
1444
1452
  },
1445
1453
  "motionVarPrefixes": []
1446
1454
  };
1447
- var Chip = {
1448
- "name": "Chip",
1455
+ var UDSConfigProvider = {
1456
+ "name": "UDSConfigProvider",
1449
1457
  "defaultProps": {},
1450
1458
  "getStylesLiterals": {},
1451
1459
  "cxLiterals": [],
1452
1460
  "internalComponents": [
1453
- "ChipDismissible",
1454
- "ChipToggle",
1455
- "ChipLink",
1456
- "ChipButton"
1461
+ "UDSBreakpointsConfigProvider",
1462
+ "UDSBottomSheetConfigProvider",
1463
+ "UDSToastConfigProvider",
1464
+ "UDSTooltipConfigProvider"
1457
1465
  ],
1458
1466
  "internalComponentProps": {},
1459
1467
  "propToVariantKeys": {},
1460
1468
  "motionVarPrefixes": []
1461
1469
  };
1462
- var ChipBase = {
1463
- "name": "ChipBase",
1464
- "defaultProps": { "as": "div" },
1470
+ var UDSBreakpointsConfigProvider = {
1471
+ "name": "UDSBreakpointsConfigProvider",
1472
+ "defaultProps": {},
1473
+ "getStylesLiterals": {},
1474
+ "cxLiterals": [],
1475
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1476
+ "internalComponentProps": {},
1477
+ "propToVariantKeys": {},
1478
+ "motionVarPrefixes": []
1479
+ };
1480
+ var RadioGroupStore = {
1481
+ "name": "RadioGroupStore",
1482
+ "defaultProps": {},
1483
+ "getStylesLiterals": {},
1484
+ "cxLiterals": [],
1485
+ "internalComponents": [],
1486
+ "internalComponentProps": {},
1487
+ "propToVariantKeys": {},
1488
+ "motionVarPrefixes": []
1489
+ };
1490
+ var RadioGroupProvider = {
1491
+ "name": "RadioGroupProvider",
1492
+ "defaultProps": {},
1465
1493
  "getStylesLiterals": {},
1494
+ "cxLiterals": [],
1495
+ "internalComponents": [
1496
+ "DivProps",
1497
+ "Comp",
1498
+ "RadioGroupContext.Provider"
1499
+ ],
1500
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1501
+ "propToVariantKeys": {},
1502
+ "motionVarPrefixes": []
1503
+ };
1504
+ var Radio = {
1505
+ "name": "Radio",
1506
+ "defaultProps": {
1507
+ "labelPosition": "start",
1508
+ "variant": "primary",
1509
+ "size": "md",
1510
+ "value": ""
1511
+ },
1512
+ "getStylesLiterals": {
1513
+ "radioVariantValueRoot": "checked",
1514
+ "radioVariantValueRoot:1": "unchecked",
1515
+ "display": "flex",
1516
+ "flexDirection": "row",
1517
+ "flexDirection:1": "row-reverse",
1518
+ "alignItems": "center",
1519
+ "radioVariantValueRadio": "checked",
1520
+ "radioVariantValueRadio:1": "unchecked",
1521
+ "radioVariantValueRadioCircle": "checked",
1522
+ "radioVariantValueRadioCircle:1": "unchecked"
1523
+ },
1466
1524
  "cxLiterals": [
1467
- "pointer-events-none",
1525
+ "cursor-pointer",
1468
1526
  "cursor-default",
1469
1527
  "opacity-50",
1470
- "inline-flex",
1471
- "items-center",
1472
- "transition-[background-color,outline-color,box-shadow]",
1473
- "truncate",
1474
- "whitespace-nowrap",
1475
- "text-center",
1476
- "flex-1"
1528
+ "border",
1529
+ "uds-ring",
1530
+ "uds-ring-within",
1531
+ "transition-[background-color,border-color]",
1532
+ "transition-shadow",
1533
+ "pointer-events-none",
1534
+ "w-[8px]",
1535
+ "h-[8px]",
1536
+ "transition-opacity",
1537
+ "cursor-[inherit]",
1538
+ "absolute",
1539
+ "opacity-0",
1540
+ "top-1/2",
1541
+ "left-1/2",
1542
+ "w-[calc(100%+2px)]",
1543
+ "h-[calc(100%+2px)]",
1544
+ "transform",
1545
+ "translate-x-[-50%]",
1546
+ "translate-y-[-50%]",
1547
+ "text-start",
1548
+ "text-end"
1477
1549
  ],
1478
1550
  "internalComponents": [
1479
- "IconSlot",
1480
- "HStack",
1481
- "As",
1482
- "Text"
1551
+ "Box",
1552
+ "FormLabel",
1553
+ "SpringMotionConfig",
1554
+ "RootElement",
1555
+ "MotionBox"
1483
1556
  ],
1484
- "internalComponentProps": { "Text": {
1485
- "as": ["span"],
1486
- "color": ["current"],
1487
- "variant": ["inherit"]
1488
- } },
1557
+ "internalComponentProps": {
1558
+ "Box": { "borderRadius": ["full"] },
1559
+ "FormLabel": {
1560
+ "as": ["div"],
1561
+ "variant": ["inherit"],
1562
+ "color": ["inherit"]
1563
+ },
1564
+ "RootElement": { "data-testid": ["container"] },
1565
+ "MotionBox": {
1566
+ "position": ["relative"],
1567
+ "borderRadius": ["full"],
1568
+ "alignItems": ["center"],
1569
+ "justifyContent": ["center"],
1570
+ "flex": ["none"]
1571
+ }
1572
+ },
1489
1573
  "propToVariantKeys": {
1490
- "size": ["chipSizeRoot", "chipSizeIcon"],
1491
- "startIcon": ["icon"],
1492
- "endIcon": ["icon"]
1574
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1575
+ "variant": [
1576
+ "radioVariantRoot",
1577
+ "radioVariantRadio",
1578
+ "radioVariantRadioCircle"
1579
+ ],
1580
+ "reduceMotion": ["reducedMotion"]
1493
1581
  },
1494
- "motionVarPrefixes": []
1582
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1495
1583
  };
1496
- var ChipButton = {
1497
- "name": "ChipButton",
1498
- "defaultProps": {},
1584
+ var ChipLink = {
1585
+ "name": "ChipLink",
1586
+ "defaultProps": { "variant": "primary" },
1499
1587
  "getStylesLiterals": {},
1500
1588
  "cxLiterals": ["uds-ring"],
1501
1589
  "internalComponents": ["ChipBase"],
1502
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1590
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1503
1591
  "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1504
1592
  "motionVarPrefixes": []
1505
1593
  };
1506
1594
  var ChipDismissible = {
1507
1595
  "name": "ChipDismissible",
1508
- "defaultProps": {},
1596
+ "defaultProps": { "variant": "primary" },
1509
1597
  "getStylesLiterals": {},
1510
1598
  "cxLiterals": [
1511
1599
  "uds-chip-dismissible-button",
@@ -1525,19 +1613,12 @@ var ChipDismissible = {
1525
1613
  },
1526
1614
  "motionVarPrefixes": []
1527
1615
  };
1528
- var ChipLink = {
1529
- "name": "ChipLink",
1530
- "defaultProps": {},
1531
- "getStylesLiterals": {},
1532
- "cxLiterals": ["uds-ring"],
1533
- "internalComponents": ["ChipBase"],
1534
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1535
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1536
- "motionVarPrefixes": []
1537
- };
1538
1616
  var ChipToggle = {
1539
1617
  "name": "ChipToggle",
1540
- "defaultProps": { "role": "checkbox" },
1618
+ "defaultProps": {
1619
+ "variant": "primary",
1620
+ "role": "checkbox"
1621
+ },
1541
1622
  "getStylesLiterals": {
1542
1623
  "chipToggleVariantActiveRoot": "on",
1543
1624
  "chipToggleVariantActiveRoot:1": "off"
@@ -1548,366 +1629,321 @@ var ChipToggle = {
1548
1629
  "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1549
1630
  "motionVarPrefixes": []
1550
1631
  };
1551
- var BottomSheet = {
1552
- "name": "BottomSheet",
1553
- "defaultProps": { "variant": "default" },
1554
- "getStylesLiterals": {},
1555
- "cxLiterals": [
1556
- "fixed",
1557
- "overflow-hidden",
1558
- "inset-x-0",
1559
- "bottom-0",
1560
- "z-50",
1561
- "[will-change:transform]",
1562
- "touch-none",
1563
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1564
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1565
- "transition-transform",
1566
- "duration-500",
1567
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1568
- "motion-reduce:transition-none",
1569
- "top-[-4px]",
1570
- "z-[1]",
1571
- "touch-pan-y"
1572
- ],
1573
- "internalComponents": [
1574
- "Scrim",
1575
- "BottomSheetHandle",
1576
- "Dialog",
1577
- "Box"
1578
- ],
1579
- "internalComponentProps": {
1580
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1581
- "Dialog": { "data-testid": ["bottom-sheet"] },
1582
- "Box": {
1583
- "display": ["block"],
1584
- "position": ["absolute"]
1585
- }
1586
- },
1587
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1588
- "motionVarPrefixes": []
1589
- };
1590
- var BottomSheetContent = {
1591
- "name": "BottomSheetContent",
1592
- "defaultProps": {},
1593
- "getStylesLiterals": {},
1594
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1595
- "internalComponents": ["Box", "VStack"],
1596
- "internalComponentProps": {
1597
- "Box": {
1598
- "display": ["block"],
1599
- "overflowY": ["auto"],
1600
- "flex": ["1"]
1601
- },
1602
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1603
- },
1604
- "propToVariantKeys": {},
1605
- "motionVarPrefixes": []
1606
- };
1607
- var BottomSheetDismiss = {
1608
- "name": "BottomSheetDismiss",
1632
+ var Chip = {
1633
+ "name": "Chip",
1609
1634
  "defaultProps": {},
1610
1635
  "getStylesLiterals": {},
1611
1636
  "cxLiterals": [],
1612
- "internalComponents": ["AriakitDialogDismiss"],
1613
- "internalComponentProps": {},
1614
- "propToVariantKeys": {},
1615
- "motionVarPrefixes": []
1616
- };
1617
- var BottomSheetHandle = {
1618
- "name": "BottomSheetHandle",
1619
- "defaultProps": {},
1620
- "getStylesLiterals": {},
1621
- "cxLiterals": [
1622
- "relative",
1623
- "h-5",
1624
- "w-16",
1625
- "outline-none",
1626
- "focus-visible:outline-none",
1627
- "[touch-action:pan-y]",
1628
- "absolute",
1629
- "left-1/2",
1630
- "top-1/2",
1631
- "-translate-x-1/2",
1632
- "-translate-y-1/2",
1633
- "h-1",
1634
- "w-8",
1635
- "rounded-full",
1636
- "bg-accent"
1637
+ "internalComponents": [
1638
+ "ChipDismissible",
1639
+ "ChipToggle",
1640
+ "ChipLink",
1641
+ "ChipButton"
1637
1642
  ],
1638
- "internalComponents": ["Box"],
1639
- "internalComponentProps": { "Box": {
1640
- "display": ["block", "flex"],
1641
- "justifyContent": ["center"]
1642
- } },
1643
+ "internalComponentProps": {},
1643
1644
  "propToVariantKeys": {},
1644
1645
  "motionVarPrefixes": []
1645
1646
  };
1646
- var BottomSheetHeader = {
1647
- "name": "BottomSheetHeader",
1648
- "defaultProps": { "variant": "default" },
1647
+ var ChipBase = {
1648
+ "name": "ChipBase",
1649
+ "defaultProps": {
1650
+ "size": "md",
1651
+ "as": "div"
1652
+ },
1649
1653
  "getStylesLiterals": {},
1650
1654
  "cxLiterals": [
1651
- "grid-cols-[40px_1fr_40px]",
1655
+ "pointer-events-none",
1656
+ "cursor-default",
1657
+ "opacity-50",
1658
+ "inline-flex",
1652
1659
  "items-center",
1653
- "w-full",
1654
- "min-h-10",
1655
- "mt-2"
1660
+ "transition-[background-color,outline-color,box-shadow]",
1661
+ "truncate",
1662
+ "whitespace-nowrap",
1663
+ "text-center",
1664
+ "flex-1"
1656
1665
  ],
1657
- "internalComponents": ["Box", "Text"],
1658
- "internalComponentProps": {
1659
- "Box": {
1660
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1661
- "display": ["grid", "flex"],
1662
- "justifyContent": ["flex-start", "flex-end"]
1663
- },
1664
- "Text": {
1665
- "variant": ["inherit"],
1666
- "color": ["inherit"],
1667
- "textAlign": ["center"],
1668
- "className": ["w-full"]
1669
- }
1666
+ "internalComponents": [
1667
+ "IconSlot",
1668
+ "HStack",
1669
+ "As",
1670
+ "Text"
1671
+ ],
1672
+ "internalComponentProps": { "Text": {
1673
+ "as": ["span"],
1674
+ "color": ["current"],
1675
+ "variant": ["inherit"]
1676
+ } },
1677
+ "propToVariantKeys": {
1678
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1679
+ "startIcon": ["icon"],
1680
+ "endIcon": ["icon"]
1670
1681
  },
1671
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1672
- "motionVarPrefixes": []
1673
- };
1674
- var BottomSheetProvider = {
1675
- "name": "BottomSheetProvider",
1676
- "defaultProps": {},
1677
- "getStylesLiterals": {},
1678
- "cxLiterals": [],
1679
- "internalComponents": ["AriakitDialogProvider"],
1680
- "internalComponentProps": {},
1681
- "propToVariantKeys": {},
1682
1682
  "motionVarPrefixes": []
1683
1683
  };
1684
- var BottomSheetTrigger = {
1685
- "name": "BottomSheetTrigger",
1686
- "defaultProps": {},
1684
+ var ChipButton = {
1685
+ "name": "ChipButton",
1686
+ "defaultProps": { "variant": "primary" },
1687
1687
  "getStylesLiterals": {},
1688
- "cxLiterals": [],
1689
- "internalComponents": ["AriakitDialogDisclosure"],
1690
- "internalComponentProps": {},
1691
- "propToVariantKeys": {},
1688
+ "cxLiterals": ["uds-ring"],
1689
+ "internalComponents": ["ChipBase"],
1690
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1691
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1692
1692
  "motionVarPrefixes": []
1693
1693
  };
1694
- var UDSBottomSheetConfigProvider = {
1695
- "name": "UDSBottomSheetConfigProvider",
1694
+ var Menu_Item = {
1695
+ "name": "Menu.Item",
1696
1696
  "defaultProps": {},
1697
- "getStylesLiterals": {},
1697
+ "getStylesLiterals": {
1698
+ "menuitemItemVariantRoot": "default",
1699
+ "menuitemItemVariantActiveRoot": "on",
1700
+ "menuitemItemVariantActiveRoot:1": "off",
1701
+ "menuitemItemVariantText": "default",
1702
+ "menuitemItemVariantActiveText": "on",
1703
+ "menuitemItemVariantActiveText:1": "off",
1704
+ "menuitemItemVariantIcon": "default",
1705
+ "menuitemItemVariantActiveIcon": "on",
1706
+ "menuitemItemVariantActiveIcon:1": "off"
1707
+ },
1698
1708
  "cxLiterals": [],
1699
- "internalComponents": ["BottomSheetContext.Provider"],
1709
+ "internalComponents": ["MenuItemBase"],
1700
1710
  "internalComponentProps": {},
1701
1711
  "propToVariantKeys": {},
1702
1712
  "motionVarPrefixes": []
1703
1713
  };
1704
- var Avatar = {
1705
- "name": "Avatar",
1714
+ var Menu_Provider = {
1715
+ "name": "Menu.Provider",
1706
1716
  "defaultProps": {},
1707
1717
  "getStylesLiterals": {},
1708
1718
  "cxLiterals": [],
1709
- "internalComponents": ["AvatarImage"],
1719
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1710
1720
  "internalComponentProps": {},
1711
1721
  "propToVariantKeys": {},
1712
- "motionVarPrefixes": []
1722
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1713
1723
  };
1714
- var AvatarIcon = {
1715
- "name": "AvatarIcon",
1716
- "defaultProps": {},
1717
- "getStylesLiterals": {},
1724
+ var Menu_ItemBase = {
1725
+ "name": "Menu.ItemBase",
1726
+ "defaultProps": {
1727
+ "spacing": "0",
1728
+ "spacingHorizontal": "4",
1729
+ "spacingVertical": "3.5",
1730
+ "columnGap": "2",
1731
+ "alignItems": "center",
1732
+ "justifyContent": "space-between"
1733
+ },
1734
+ "getStylesLiterals": {
1735
+ "textAlign": "start",
1736
+ "menuitemSizeRoot": "default",
1737
+ "flexDirection": "row",
1738
+ "menuitemSizeStartIcon": "default",
1739
+ "menuitemSizeEndIcon": "default"
1740
+ },
1718
1741
  "cxLiterals": [
1719
- "overflow-hidden",
1720
- "w-full",
1721
- "h-full",
1722
- "shrink-0",
1723
- "text-center",
1724
- "inline-flex",
1725
- "justify-center",
1726
- "items-center"
1742
+ "flex",
1743
+ "focus-visible:text-brand",
1744
+ "focus-visible:bg-brand-secondary",
1745
+ "focus-visible:z-10",
1746
+ "uds-ring",
1747
+ "!-outline-offset-2",
1748
+ "[&:not([aria-checked])]:cursor-default",
1749
+ "opacity-25",
1750
+ "cursor-not-allowed",
1751
+ "duration-20",
1752
+ "transition-[font-variation-settings]",
1753
+ "ease-in-out",
1754
+ "z-0",
1755
+ "uds-start-icon",
1756
+ "uds-end-icon"
1727
1757
  ],
1728
- "internalComponents": ["IconSlot", "Box"],
1729
- "internalComponentProps": {},
1730
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1758
+ "internalComponents": [
1759
+ "Pressable",
1760
+ "IconSlot",
1761
+ "RootComponent",
1762
+ "HStack",
1763
+ "AnimatePresence"
1764
+ ],
1765
+ "internalComponentProps": {
1766
+ "HStack": {
1767
+ "alignItems": ["center"],
1768
+ "width": ["full"]
1769
+ },
1770
+ "AnimatePresence": { "mode": ["popLayout"] }
1771
+ },
1772
+ "propToVariantKeys": {
1773
+ "startIcon": ["icon"],
1774
+ "endIcon": ["icon"],
1775
+ "columnGap": ["gap"]
1776
+ },
1731
1777
  "motionVarPrefixes": []
1732
1778
  };
1733
- var AvatarImage = {
1734
- "name": "AvatarImage",
1779
+ var Menu_Trigger = {
1780
+ "name": "Menu.Trigger",
1735
1781
  "defaultProps": {},
1736
1782
  "getStylesLiterals": {},
1783
+ "cxLiterals": ["uds-menu-trigger"],
1784
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1785
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1786
+ "propToVariantKeys": {},
1787
+ "motionVarPrefixes": []
1788
+ };
1789
+ var Menu_Content = {
1790
+ "name": "Menu.Content",
1791
+ "defaultProps": {
1792
+ "size": "default",
1793
+ "variant": "default",
1794
+ "gutter": "1"
1795
+ },
1796
+ "getStylesLiterals": {},
1737
1797
  "cxLiterals": [
1738
- "overflow-hidden",
1739
- "w-full",
1740
- "h-full",
1741
- "shrink-0",
1742
- "text-center",
1743
- "inline-flex",
1744
- "justify-center",
1745
- "items-center",
1746
- "object-cover"
1798
+ "uds-menu-content",
1799
+ "transition-shadow",
1800
+ "duration-200",
1801
+ "ease-in-out",
1802
+ "min-w-60",
1803
+ "max-w-lg",
1804
+ "max-h-96",
1805
+ "overflow-auto",
1806
+ "uds-ring",
1807
+ "z-10",
1808
+ "group"
1747
1809
  ],
1748
1810
  "internalComponents": [
1749
- "UDSImage",
1750
- "AvatarText",
1751
- "AvatarIcon",
1752
- "Box"
1811
+ "AriakitMenu",
1812
+ "AnimatePresence",
1813
+ "MotionVStack"
1753
1814
  ],
1754
1815
  "internalComponentProps": {},
1755
1816
  "propToVariantKeys": {
1756
- "alt": ["name"],
1757
- "fallback": ["initials"]
1817
+ "size": ["menucontentSizeRoot"],
1818
+ "variant": ["menucontentVariantRoot"]
1758
1819
  },
1759
1820
  "motionVarPrefixes": []
1760
1821
  };
1761
- var AvatarText = {
1762
- "name": "AvatarText",
1763
- "defaultProps": {},
1764
- "getStylesLiterals": {},
1765
- "cxLiterals": [
1766
- "overflow-hidden",
1767
- "truncate",
1768
- "w-full",
1769
- "h-full",
1770
- "shrink-0",
1771
- "text-center",
1772
- "inline-flex",
1773
- "justify-center",
1774
- "items-center"
1775
- ],
1776
- "internalComponents": ["Box", "Text"],
1777
- "internalComponentProps": { "Text": {
1778
- "color": ["inherit"],
1779
- "variant": ["inherit"]
1780
- } },
1822
+ var Menu_Divider = {
1823
+ "name": "Menu.Divider",
1824
+ "defaultProps": {
1825
+ "role": "separator",
1826
+ "contentPosition": "start",
1827
+ "gap": "4"
1828
+ },
1829
+ "getStylesLiterals": {
1830
+ "menuitemDividerVariantRoot": "default",
1831
+ "menuitemDividerVariantText": "default",
1832
+ "menuitemDividerVariantLine": "default"
1833
+ },
1834
+ "cxLiterals": [],
1835
+ "internalComponents": ["DividerInternal"],
1836
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1781
1837
  "propToVariantKeys": {},
1782
1838
  "motionVarPrefixes": []
1783
1839
  };
1784
- var Divider = {
1785
- "name": "Divider",
1840
+ var Menu = {
1841
+ "name": "Menu",
1786
1842
  "defaultProps": {},
1787
1843
  "getStylesLiterals": {},
1788
1844
  "cxLiterals": [],
1789
- "internalComponents": ["DividerInternal"],
1845
+ "internalComponents": [],
1790
1846
  "internalComponentProps": {},
1791
1847
  "propToVariantKeys": {},
1792
1848
  "motionVarPrefixes": []
1793
1849
  };
1794
- var DividerCore = {
1795
- "name": "DividerCore",
1796
- "defaultProps": { "contentPosition": "center" },
1797
- "getStylesLiterals": {},
1798
- "cxLiterals": [],
1799
- "internalComponents": [
1800
- "Box",
1801
- "Line",
1802
- "InternalComponent",
1803
- "Text"
1804
- ],
1805
- "internalComponentProps": {
1806
- "Box": {
1807
- "flex": ["1", "none"],
1808
- "display": ["flex"]
1809
- },
1810
- "InternalComponent": {
1811
- "flex": ["1"],
1812
- "alignItems": ["center"]
1813
- },
1814
- "Text": {
1815
- "as": ["span"],
1816
- "color": ["inherit"],
1817
- "variant": ["inherit"]
1818
- }
1850
+ var Menu_ItemCheckbox = {
1851
+ "name": "Menu.ItemCheckbox",
1852
+ "defaultProps": {},
1853
+ "getStylesLiterals": {
1854
+ "menuitemItemCheckboxVariantRoot": "default",
1855
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1856
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1857
+ "menuitemItemCheckboxVariantText": "default",
1858
+ "menuitemItemCheckboxVariantActiveText": "on",
1859
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1860
+ "menuitemItemCheckboxVariantStartIcon": "default",
1861
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1862
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1863
+ "menuitemItemCheckboxVariantEndIcon": "default",
1864
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1865
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1819
1866
  },
1820
- "propToVariantKeys": {},
1821
- "motionVarPrefixes": []
1822
- };
1823
- var DividerInternal = {
1824
- "name": "DividerInternal",
1825
- "defaultProps": { "variant": "primary" },
1826
- "getStylesLiterals": {},
1827
- "cxLiterals": ["inherit"],
1828
- "internalComponents": ["DividerCore"],
1867
+ "cxLiterals": ["uds-menu-item-checkbox"],
1868
+ "internalComponents": ["MenuItemBase"],
1829
1869
  "internalComponentProps": {},
1830
- "propToVariantKeys": { "variant": [
1831
- "dividerVariantRoot",
1832
- "dividerVariantLabel",
1833
- "dividerVariantLine"
1834
- ] },
1870
+ "propToVariantKeys": {},
1835
1871
  "motionVarPrefixes": []
1836
1872
  };
1837
1873
  var componentData_default = {
1874
+ Link,
1875
+ VStack,
1838
1876
  Box,
1839
- FormLabel,
1840
- HStack,
1877
+ Scrim,
1841
1878
  Icon,
1879
+ FormLabel,
1880
+ Text,
1842
1881
  IconSlot,
1882
+ HStack,
1843
1883
  Image,
1844
- Link,
1845
- Scrim,
1846
- Text,
1847
- VStack,
1848
- Spinner,
1849
1884
  "Table.mocks": Table_mocks,
1850
1885
  Table,
1851
- Accordion,
1852
- AvoidMotionLibraryProvider,
1853
- Modal,
1854
- Popover,
1855
- SegmentedControl,
1856
- SwitchV2,
1857
- Tabs,
1858
- AnimateHeightChange,
1859
- Badge,
1886
+ Spinner,
1887
+ DividerCore,
1888
+ DividerInternal,
1889
+ Divider,
1860
1890
  Button,
1861
1891
  Checkbox,
1862
- IconButton,
1863
- Pressable,
1864
1892
  SpringMotionConfig,
1893
+ IconButton,
1865
1894
  Switch,
1866
- UDSBreakpointsConfigProvider,
1867
- UDSConfigProvider,
1868
- Tooltip,
1869
- TooltipContent,
1870
- TooltipTrigger,
1871
- UDSTooltipConfigProvider,
1895
+ Badge,
1896
+ AnimateHeightChange,
1897
+ Pressable,
1898
+ AvoidMotionLibraryProvider,
1899
+ SegmentedControl,
1900
+ Popover,
1901
+ SwitchV2,
1902
+ Tabs,
1903
+ Modal,
1904
+ Accordion,
1905
+ AvatarImage,
1906
+ AvatarText,
1907
+ Avatar,
1908
+ AvatarIcon,
1909
+ BottomSheetContent,
1910
+ BottomSheetDismiss,
1911
+ BottomSheet,
1912
+ BottomSheetHandle,
1913
+ BottomSheetHeader,
1914
+ BottomSheetTrigger,
1915
+ BottomSheetProvider,
1916
+ UDSBottomSheetConfigProvider,
1917
+ UDSToastConfigProvider,
1872
1918
  Toast,
1873
1919
  ToastContainer,
1874
1920
  ToastPortal,
1875
- UDSToastConfigProvider,
1876
- Radio,
1877
- RadioGroupProvider,
1878
- RadioGroupStore,
1879
- "Menu.Content": Menu_Content,
1880
- "Menu.Divider": Menu_Divider,
1881
- "Menu.Item": Menu_Item,
1882
- "Menu.ItemBase": Menu_ItemBase,
1883
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
1884
- "Menu.Provider": Menu_Provider,
1885
- "Menu.Trigger": Menu_Trigger,
1886
- Menu,
1921
+ UDSTooltipConfigProvider,
1922
+ TooltipTrigger,
1923
+ TooltipContent,
1924
+ Tooltip,
1887
1925
  Input,
1888
1926
  InputHelpText,
1889
1927
  InputHelpTextInternal,
1928
+ UDSConfigProvider,
1929
+ UDSBreakpointsConfigProvider,
1930
+ RadioGroupStore,
1931
+ RadioGroupProvider,
1932
+ Radio,
1933
+ ChipLink,
1934
+ ChipDismissible,
1935
+ ChipToggle,
1890
1936
  Chip,
1891
1937
  ChipBase,
1892
1938
  ChipButton,
1893
- ChipDismissible,
1894
- ChipLink,
1895
- ChipToggle,
1896
- BottomSheet,
1897
- BottomSheetContent,
1898
- BottomSheetDismiss,
1899
- BottomSheetHandle,
1900
- BottomSheetHeader,
1901
- BottomSheetProvider,
1902
- BottomSheetTrigger,
1903
- UDSBottomSheetConfigProvider,
1904
- Avatar,
1905
- AvatarIcon,
1906
- AvatarImage,
1907
- AvatarText,
1908
- Divider,
1909
- DividerCore,
1910
- DividerInternal
1939
+ "Menu.Item": Menu_Item,
1940
+ "Menu.Provider": Menu_Provider,
1941
+ "Menu.ItemBase": Menu_ItemBase,
1942
+ "Menu.Trigger": Menu_Trigger,
1943
+ "Menu.Content": Menu_Content,
1944
+ "Menu.Divider": Menu_Divider,
1945
+ Menu,
1946
+ "Menu.ItemCheckbox": Menu_ItemCheckbox
1911
1947
  };
1912
1948
 
1913
1949
  //#endregion