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