@yahoo/uds 3.121.0 → 3.122.1

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 (59) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/components/SvgFloatingOverlay.cjs +2 -2
  4. package/dist/components/SvgFloatingOverlay.d.cts +2 -0
  5. package/dist/components/SvgFloatingOverlay.d.ts +2 -0
  6. package/dist/components/SvgFloatingOverlay.js +2 -2
  7. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  8. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  9. package/dist/components/client/Popover/PopoverContent.cjs +2 -0
  10. package/dist/components/client/Popover/PopoverContent.js +2 -0
  11. package/dist/components/client/Tooltip/TooltipContent.cjs +3 -0
  12. package/dist/components/client/Tooltip/TooltipContent.js +3 -0
  13. package/dist/components/experimental/client/index.cjs +1 -14
  14. package/dist/components/experimental/client/index.d.cts +1 -2
  15. package/dist/components/experimental/client/index.d.ts +1 -2
  16. package/dist/components/experimental/client/index.js +1 -2
  17. package/dist/components/experimental/index.cjs +2 -24
  18. package/dist/components/experimental/index.d.cts +1 -2
  19. package/dist/components/experimental/index.d.ts +1 -2
  20. package/dist/components/experimental/index.js +2 -13
  21. package/dist/fixtures/dist/index.cjs +1 -2
  22. package/dist/fixtures/dist/index.js +1 -2
  23. package/dist/styles/styler.d.cts +50 -50
  24. package/dist/styles/styler.d.ts +50 -50
  25. package/dist/tailwind/dist/css/generate.cjs +6 -1
  26. package/dist/tailwind/dist/css/generate.d.cts.map +1 -1
  27. package/dist/tailwind/dist/css/generate.d.ts.map +1 -1
  28. package/dist/tailwind/dist/css/generate.helpers.cjs +22 -3
  29. package/dist/tailwind/dist/css/generate.helpers.js +20 -2
  30. package/dist/tailwind/dist/css/generate.helpers.js.map +1 -1
  31. package/dist/tailwind/dist/css/generate.js +8 -3
  32. package/dist/tailwind/dist/css/generate.js.map +1 -1
  33. package/dist/tailwind/dist/css/runner.cjs +5 -1
  34. package/dist/tailwind/dist/css/runner.js +6 -2
  35. package/dist/tailwind/dist/css/runner.js.map +1 -1
  36. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
  37. package/dist/tailwind/dist/purger/optimized/purge.cjs +1 -0
  38. package/dist/tailwind/dist/purger/optimized/purge.js +2 -1
  39. package/dist/tailwind/dist/purger/optimized/purge.js.map +1 -1
  40. package/dist/tailwind/dist/purger/optimized/utils/safelist.cjs +7 -0
  41. package/dist/tailwind/dist/purger/optimized/utils/safelist.js +7 -1
  42. package/dist/tailwind/dist/purger/optimized/utils/safelist.js.map +1 -1
  43. package/dist/uds/generated/componentData.cjs +1232 -1255
  44. package/dist/uds/generated/componentData.js +1198 -1215
  45. package/dist/uds/generated/tailwindPurge.cjs +6 -140
  46. package/dist/uds/generated/tailwindPurge.js +6 -140
  47. package/dist/uds/package.cjs +3 -3
  48. package/dist/uds/package.js +3 -3
  49. package/dist/utils/getUnscaledAnchorRect.cjs +34 -0
  50. package/dist/utils/getUnscaledAnchorRect.d.cts +17 -0
  51. package/dist/utils/getUnscaledAnchorRect.d.ts +17 -0
  52. package/dist/utils/getUnscaledAnchorRect.js +32 -0
  53. package/generated/componentData.json +1602 -1619
  54. package/generated/tailwindPurge.ts +3 -3
  55. package/package.json +4 -4
  56. package/dist/components/experimental/client/ExperimentalPopover.cjs +0 -54
  57. package/dist/components/experimental/client/ExperimentalPopover.d.cts +0 -40
  58. package/dist/components/experimental/client/ExperimentalPopover.d.ts +0 -40
  59. package/dist/components/experimental/client/ExperimentalPopover.js +0 -42
@@ -1,103 +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
- "runtimeConfigDefaultProps": {},
20
- "runtimeConfigGetStyles": {},
21
- "runtimeConfigInternalComponentProps": {},
22
- "motionVarPrefixes": []
23
- };
24
- var FormLabel = {
25
- "name": "FormLabel",
26
- "defaultProps": {
27
- "color": "muted",
28
- "variant": "label3",
29
- "as": "label"
30
- },
31
- "getStylesLiterals": {},
32
- "cxLiterals": ["cursor-[inherit]"],
33
- "internalComponents": ["Text"],
34
- "internalComponentProps": { "Text": {
35
- "as": ["sup"],
36
- "variant": ["inherit"],
37
- "spacingStart": ["0.5"]
38
- } },
39
- "propToVariantKeys": {},
40
- "runtimeConfigDefaultProps": {},
41
- "runtimeConfigGetStyles": {},
42
- "runtimeConfigInternalComponentProps": {},
43
- "motionVarPrefixes": []
44
- };
45
- var HStack = {
46
- "name": "HStack",
47
- "defaultProps": {},
48
- "getStylesLiterals": {},
49
- "cxLiterals": [],
50
- "internalComponents": ["Box"],
51
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
52
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
53
- "runtimeConfigDefaultProps": {},
54
- "runtimeConfigGetStyles": {},
55
- "runtimeConfigInternalComponentProps": {},
56
- "motionVarPrefixes": []
57
- };
58
- var Icon = {
59
- "name": "Icon",
60
- "defaultProps": {
61
- "size": "md",
62
- "variant": "outline",
63
- "color": "primary"
64
- },
65
- "getStylesLiterals": { "flex": "none" },
66
- "cxLiterals": ["[&_path]:fill-current"],
67
- "internalComponents": ["SVGIcon"],
68
- "internalComponentProps": {},
69
- "propToVariantKeys": {},
70
- "runtimeConfigDefaultProps": {},
71
- "runtimeConfigGetStyles": {},
72
- "runtimeConfigInternalComponentProps": {},
73
- "motionVarPrefixes": []
74
- };
75
- var IconSlot = {
76
- "name": "IconSlot",
77
- "defaultProps": {},
78
- "getStylesLiterals": {},
79
- "cxLiterals": [],
80
- "internalComponents": ["Icon"],
81
- "internalComponentProps": {},
82
- "propToVariantKeys": {},
83
- "runtimeConfigDefaultProps": {},
84
- "runtimeConfigGetStyles": {},
85
- "runtimeConfigInternalComponentProps": {},
86
- "motionVarPrefixes": []
87
- };
88
- var Image = {
89
- "name": "Image",
90
- "defaultProps": {},
91
- "getStylesLiterals": {},
92
- "cxLiterals": [],
93
- "internalComponents": [],
94
- "internalComponentProps": {},
95
- "propToVariantKeys": {},
96
- "runtimeConfigDefaultProps": {},
97
- "runtimeConfigGetStyles": {},
98
- "runtimeConfigInternalComponentProps": {},
99
- "motionVarPrefixes": []
100
- };
101
3
  var Link = {
102
4
  "name": "Link",
103
5
  "defaultProps": { "variant": "primary" },
@@ -136,6 +38,40 @@ var Link = {
136
38
  "runtimeConfigInternalComponentProps": {},
137
39
  "motionVarPrefixes": []
138
40
  };
41
+ var VStack = {
42
+ "name": "VStack",
43
+ "defaultProps": {},
44
+ "getStylesLiterals": {},
45
+ "cxLiterals": [],
46
+ "internalComponents": ["Box"],
47
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
48
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
49
+ "runtimeConfigDefaultProps": {},
50
+ "runtimeConfigGetStyles": {},
51
+ "runtimeConfigInternalComponentProps": {},
52
+ "motionVarPrefixes": []
53
+ };
54
+ var Box = {
55
+ "name": "Box",
56
+ "defaultProps": {
57
+ "as": "div",
58
+ "display": "flex"
59
+ },
60
+ "getStylesLiterals": {},
61
+ "cxLiterals": [],
62
+ "internalComponents": ["Comp"],
63
+ "internalComponentProps": {},
64
+ "propToVariantKeys": { "elevationAlias": [
65
+ "backgroundColor",
66
+ "borderColor",
67
+ "borderWidth",
68
+ "dropShadow"
69
+ ] },
70
+ "runtimeConfigDefaultProps": {},
71
+ "runtimeConfigGetStyles": {},
72
+ "runtimeConfigInternalComponentProps": {},
73
+ "motionVarPrefixes": []
74
+ };
139
75
  var Scrim = {
140
76
  "name": "Scrim",
141
77
  "defaultProps": {
@@ -163,9 +99,26 @@ var Scrim = {
163
99
  "runtimeConfigInternalComponentProps": {},
164
100
  "motionVarPrefixes": []
165
101
  };
102
+ var Icon = {
103
+ "name": "Icon",
104
+ "defaultProps": {
105
+ "size": "md",
106
+ "variant": "outline",
107
+ "color": "primary"
108
+ },
109
+ "getStylesLiterals": { "flex": "none" },
110
+ "cxLiterals": ["[&_path]:fill-current"],
111
+ "internalComponents": ["SVGIcon"],
112
+ "internalComponentProps": {},
113
+ "propToVariantKeys": {},
114
+ "runtimeConfigDefaultProps": {},
115
+ "runtimeConfigGetStyles": {},
116
+ "runtimeConfigInternalComponentProps": {},
117
+ "motionVarPrefixes": []
118
+ };
166
119
  var SvgFloatingOverlay = {
167
120
  "name": "SvgFloatingOverlay",
168
- "defaultProps": {},
121
+ "defaultProps": { "contentOverflow": "auto" },
169
122
  "getStylesLiterals": {},
170
123
  "cxLiterals": [
171
124
  "absolute",
@@ -184,11 +137,35 @@ var SvgFloatingOverlay = {
184
137
  "internalComponentProps": { "Box": {
185
138
  "position": ["relative"],
186
139
  "flexGrow": ["1"],
187
- "overflow": ["hidden", "auto"],
140
+ "overflow": ["hidden"],
188
141
  "display": ["block"],
189
142
  "className": ["max-h-full gap-[inherit]"]
190
143
  } },
191
- "propToVariantKeys": { "blurClassName": ["className"] },
144
+ "propToVariantKeys": {
145
+ "blurClassName": ["className"],
146
+ "contentOverflow": ["overflow"]
147
+ },
148
+ "runtimeConfigDefaultProps": {},
149
+ "runtimeConfigGetStyles": {},
150
+ "runtimeConfigInternalComponentProps": {},
151
+ "motionVarPrefixes": []
152
+ };
153
+ var FormLabel = {
154
+ "name": "FormLabel",
155
+ "defaultProps": {
156
+ "color": "muted",
157
+ "variant": "label3",
158
+ "as": "label"
159
+ },
160
+ "getStylesLiterals": {},
161
+ "cxLiterals": ["cursor-[inherit]"],
162
+ "internalComponents": ["Text"],
163
+ "internalComponentProps": { "Text": {
164
+ "as": ["sup"],
165
+ "variant": ["inherit"],
166
+ "spacingStart": ["0.5"]
167
+ } },
168
+ "propToVariantKeys": {},
192
169
  "runtimeConfigDefaultProps": {},
193
170
  "runtimeConfigGetStyles": {},
194
171
  "runtimeConfigInternalComponentProps": {},
@@ -217,122 +194,170 @@ var Text = {
217
194
  "runtimeConfigInternalComponentProps": {},
218
195
  "motionVarPrefixes": []
219
196
  };
220
- var VStack = {
221
- "name": "VStack",
197
+ var IconSlot = {
198
+ "name": "IconSlot",
222
199
  "defaultProps": {},
223
200
  "getStylesLiterals": {},
224
201
  "cxLiterals": [],
225
- "internalComponents": ["Box"],
226
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
227
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
202
+ "internalComponents": ["Icon"],
203
+ "internalComponentProps": {},
204
+ "propToVariantKeys": {},
228
205
  "runtimeConfigDefaultProps": {},
229
206
  "runtimeConfigGetStyles": {},
230
207
  "runtimeConfigInternalComponentProps": {},
231
208
  "motionVarPrefixes": []
232
209
  };
233
- var Divider = {
234
- "name": "Divider",
210
+ var HStack = {
211
+ "name": "HStack",
235
212
  "defaultProps": {},
236
213
  "getStylesLiterals": {},
237
214
  "cxLiterals": [],
238
- "internalComponents": ["DividerInternal"],
239
- "internalComponentProps": {},
240
- "propToVariantKeys": {},
215
+ "internalComponents": ["Box"],
216
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
217
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
241
218
  "runtimeConfigDefaultProps": {},
242
219
  "runtimeConfigGetStyles": {},
243
220
  "runtimeConfigInternalComponentProps": {},
244
221
  "motionVarPrefixes": []
245
222
  };
246
- var DividerCore = {
247
- "name": "DividerCore",
248
- "defaultProps": { "contentPosition": "center" },
223
+ var Image = {
224
+ "name": "Image",
225
+ "defaultProps": {},
249
226
  "getStylesLiterals": {},
250
227
  "cxLiterals": [],
251
- "internalComponents": [
252
- "Box",
253
- "Line",
254
- "InternalComponent",
255
- "Text"
256
- ],
257
- "internalComponentProps": {
258
- "Box": {
259
- "flex": ["1", "none"],
260
- "display": ["flex"]
261
- },
262
- "InternalComponent": {
263
- "flex": ["1"],
264
- "alignItems": ["center"]
265
- },
266
- "Text": {
267
- "as": ["span"],
268
- "color": ["inherit"],
269
- "variant": ["inherit"]
270
- }
271
- },
228
+ "internalComponents": [],
229
+ "internalComponentProps": {},
272
230
  "propToVariantKeys": {},
273
231
  "runtimeConfigDefaultProps": {},
274
232
  "runtimeConfigGetStyles": {},
275
233
  "runtimeConfigInternalComponentProps": {},
276
234
  "motionVarPrefixes": []
277
235
  };
278
- var DividerInternal = {
279
- "name": "DividerInternal",
280
- "defaultProps": { "variant": "primary" },
236
+ var Table_mocks = {
237
+ "name": "Table.mocks",
238
+ "defaultProps": {},
281
239
  "getStylesLiterals": {},
282
- "cxLiterals": ["inherit"],
283
- "internalComponents": ["DividerCore"],
240
+ "cxLiterals": [],
241
+ "internalComponents": [],
284
242
  "internalComponentProps": {},
285
- "propToVariantKeys": { "variant": [
286
- "dividerVariantRoot",
287
- "dividerVariantLabel",
288
- "dividerVariantLine"
289
- ] },
243
+ "propToVariantKeys": {},
290
244
  "runtimeConfigDefaultProps": {},
291
245
  "runtimeConfigGetStyles": {},
292
246
  "runtimeConfigInternalComponentProps": {},
293
247
  "motionVarPrefixes": []
294
248
  };
295
- var AnimateHeightChange = {
296
- "name": "AnimateHeightChange",
297
- "defaultProps": {},
298
- "getStylesLiterals": {},
299
- "cxLiterals": ["overflow-hidden"],
300
- "internalComponents": ["SpringMotionConfig"],
301
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
302
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
303
- "runtimeConfigDefaultProps": {},
304
- "runtimeConfigGetStyles": {},
305
- "runtimeConfigInternalComponentProps": {},
306
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
307
- };
308
- var Badge = {
309
- "name": "Badge",
249
+ var Table = {
250
+ "name": "Table",
310
251
  "defaultProps": {
311
- "variant": "primary",
312
- "size": "md"
252
+ "display": "table-cell",
253
+ "overflow": "hidden",
254
+ "borderColor": "muted",
255
+ "borderRadius": "md",
256
+ "spacing": "3",
257
+ "borderBottomColor": "muted",
258
+ "borderBottomWidth": "thin",
259
+ "color": "primary"
260
+ },
261
+ "getStylesLiterals": { "textAlign": "start" },
262
+ "cxLiterals": [],
263
+ "internalComponents": [
264
+ "CellComponent",
265
+ "Box",
266
+ "Text",
267
+ "Table.Root",
268
+ "Table.Header",
269
+ "Table.Row",
270
+ "Table.Cell",
271
+ "Table.Body"
272
+ ],
273
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
274
+ "propToVariantKeys": {},
275
+ "runtimeConfigDefaultProps": {},
276
+ "runtimeConfigGetStyles": {},
277
+ "runtimeConfigInternalComponentProps": {},
278
+ "motionVarPrefixes": []
279
+ };
280
+ var Spinner = {
281
+ "name": "Spinner",
282
+ "defaultProps": {
283
+ "color": "primary",
284
+ "size": "lg"
313
285
  },
314
286
  "getStylesLiterals": {},
315
287
  "cxLiterals": [
316
- "flex-1",
317
- "truncate",
318
- "whitespace-nowrap",
319
- "text-center"
288
+ "self-center",
289
+ "relative",
290
+ "sr-only"
291
+ ],
292
+ "internalComponents": ["Icon"],
293
+ "internalComponentProps": { "Icon": {
294
+ "role": ["img"],
295
+ "className": ["animate-spin"],
296
+ "aria-hidden": ["true"]
297
+ } },
298
+ "propToVariantKeys": {},
299
+ "runtimeConfigDefaultProps": {},
300
+ "runtimeConfigGetStyles": {},
301
+ "runtimeConfigInternalComponentProps": {},
302
+ "motionVarPrefixes": []
303
+ };
304
+ var DividerCore = {
305
+ "name": "DividerCore",
306
+ "defaultProps": { "contentPosition": "center" },
307
+ "getStylesLiterals": {},
308
+ "cxLiterals": [],
309
+ "internalComponents": [
310
+ "Box",
311
+ "Line",
312
+ "InternalComponent",
313
+ "Text"
320
314
  ],
321
- "internalComponents": ["IconSlot", "HStack"],
322
315
  "internalComponentProps": {
323
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
324
- "HStack": {
325
- "gap": ["2"],
326
- "display": ["inline-flex"],
316
+ "Box": {
317
+ "flex": ["1", "none"],
318
+ "display": ["flex"]
319
+ },
320
+ "InternalComponent": {
321
+ "flex": ["1"],
327
322
  "alignItems": ["center"]
323
+ },
324
+ "Text": {
325
+ "as": ["span"],
326
+ "color": ["inherit"],
327
+ "variant": ["inherit"]
328
328
  }
329
329
  },
330
- "propToVariantKeys": {
331
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
332
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
333
- "startIcon": ["icon"],
334
- "endIcon": ["icon"]
335
- },
330
+ "propToVariantKeys": {},
331
+ "runtimeConfigDefaultProps": {},
332
+ "runtimeConfigGetStyles": {},
333
+ "runtimeConfigInternalComponentProps": {},
334
+ "motionVarPrefixes": []
335
+ };
336
+ var DividerInternal = {
337
+ "name": "DividerInternal",
338
+ "defaultProps": { "variant": "primary" },
339
+ "getStylesLiterals": {},
340
+ "cxLiterals": ["inherit"],
341
+ "internalComponents": ["DividerCore"],
342
+ "internalComponentProps": {},
343
+ "propToVariantKeys": { "variant": [
344
+ "dividerVariantRoot",
345
+ "dividerVariantLabel",
346
+ "dividerVariantLine"
347
+ ] },
348
+ "runtimeConfigDefaultProps": {},
349
+ "runtimeConfigGetStyles": {},
350
+ "runtimeConfigInternalComponentProps": {},
351
+ "motionVarPrefixes": []
352
+ };
353
+ var Divider = {
354
+ "name": "Divider",
355
+ "defaultProps": {},
356
+ "getStylesLiterals": {},
357
+ "cxLiterals": [],
358
+ "internalComponents": ["DividerInternal"],
359
+ "internalComponentProps": {},
360
+ "propToVariantKeys": {},
336
361
  "runtimeConfigDefaultProps": {},
337
362
  "runtimeConfigGetStyles": {},
338
363
  "runtimeConfigInternalComponentProps": {},
@@ -468,6 +493,19 @@ var Checkbox = {
468
493
  "runtimeConfigInternalComponentProps": {},
469
494
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
470
495
  };
496
+ var SpringMotionConfig = {
497
+ "name": "SpringMotionConfig",
498
+ "defaultProps": { "reducedMotion": "user" },
499
+ "getStylesLiterals": {},
500
+ "cxLiterals": [],
501
+ "internalComponents": ["LazyMotion", "MotionConfig"],
502
+ "internalComponentProps": {},
503
+ "propToVariantKeys": { "loadFeatures": ["features"] },
504
+ "runtimeConfigDefaultProps": {},
505
+ "runtimeConfigGetStyles": {},
506
+ "runtimeConfigInternalComponentProps": {},
507
+ "motionVarPrefixes": []
508
+ };
471
509
  var IconButton = {
472
510
  "name": "IconButton",
473
511
  "defaultProps": { "type": "button" },
@@ -510,32 +548,6 @@ var IconButton = {
510
548
  "runtimeConfigInternalComponentProps": {},
511
549
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
512
550
  };
513
- var Pressable = {
514
- "name": "Pressable",
515
- "defaultProps": {},
516
- "getStylesLiterals": {},
517
- "cxLiterals": [],
518
- "internalComponents": ["Comp"],
519
- "internalComponentProps": {},
520
- "propToVariantKeys": {},
521
- "runtimeConfigDefaultProps": {},
522
- "runtimeConfigGetStyles": {},
523
- "runtimeConfigInternalComponentProps": {},
524
- "motionVarPrefixes": []
525
- };
526
- var SpringMotionConfig = {
527
- "name": "SpringMotionConfig",
528
- "defaultProps": { "reducedMotion": "user" },
529
- "getStylesLiterals": {},
530
- "cxLiterals": [],
531
- "internalComponents": ["LazyMotion", "MotionConfig"],
532
- "internalComponentProps": {},
533
- "propToVariantKeys": { "loadFeatures": ["features"] },
534
- "runtimeConfigDefaultProps": {},
535
- "runtimeConfigGetStyles": {},
536
- "runtimeConfigInternalComponentProps": {},
537
- "motionVarPrefixes": []
538
- };
539
551
  var Switch = {
540
552
  "name": "Switch",
541
553
  "defaultProps": {
@@ -629,80 +641,71 @@ var Switch = {
629
641
  "runtimeConfigInternalComponentProps": {},
630
642
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
631
643
  };
632
- var Spinner = {
633
- "name": "Spinner",
644
+ var Badge = {
645
+ "name": "Badge",
634
646
  "defaultProps": {
635
- "color": "primary",
636
- "size": "lg"
647
+ "variant": "primary",
648
+ "size": "md"
637
649
  },
638
650
  "getStylesLiterals": {},
639
651
  "cxLiterals": [
640
- "self-center",
641
- "relative",
642
- "sr-only"
652
+ "flex-1",
653
+ "truncate",
654
+ "whitespace-nowrap",
655
+ "text-center"
643
656
  ],
644
- "internalComponents": ["Icon"],
645
- "internalComponentProps": { "Icon": {
646
- "role": ["img"],
647
- "className": ["animate-spin"],
648
- "aria-hidden": ["true"]
649
- } },
650
- "propToVariantKeys": {},
657
+ "internalComponents": ["IconSlot", "HStack"],
658
+ "internalComponentProps": {
659
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
660
+ "HStack": {
661
+ "gap": ["2"],
662
+ "display": ["inline-flex"],
663
+ "alignItems": ["center"]
664
+ }
665
+ },
666
+ "propToVariantKeys": {
667
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
668
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
669
+ "startIcon": ["icon"],
670
+ "endIcon": ["icon"]
671
+ },
651
672
  "runtimeConfigDefaultProps": {},
652
673
  "runtimeConfigGetStyles": {},
653
674
  "runtimeConfigInternalComponentProps": {},
654
675
  "motionVarPrefixes": []
655
676
  };
656
- var Table_mocks = {
657
- "name": "Table.mocks",
677
+ var AnimateHeightChange = {
678
+ "name": "AnimateHeightChange",
658
679
  "defaultProps": {},
659
680
  "getStylesLiterals": {},
660
- "cxLiterals": [],
661
- "internalComponents": [],
662
- "internalComponentProps": {},
663
- "propToVariantKeys": {},
681
+ "cxLiterals": ["overflow-hidden"],
682
+ "internalComponents": ["SpringMotionConfig"],
683
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
684
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
664
685
  "runtimeConfigDefaultProps": {},
665
686
  "runtimeConfigGetStyles": {},
666
687
  "runtimeConfigInternalComponentProps": {},
667
- "motionVarPrefixes": []
688
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
668
689
  };
669
- var Table = {
670
- "name": "Table",
671
- "defaultProps": {
672
- "display": "table-cell",
673
- "overflow": "hidden",
674
- "borderColor": "muted",
675
- "borderRadius": "md",
676
- "spacing": "3",
677
- "borderBottomColor": "muted",
678
- "borderBottomWidth": "thin",
679
- "color": "primary"
680
- },
681
- "getStylesLiterals": { "textAlign": "start" },
690
+ var Pressable = {
691
+ "name": "Pressable",
692
+ "defaultProps": {},
693
+ "getStylesLiterals": {},
682
694
  "cxLiterals": [],
683
- "internalComponents": [
684
- "CellComponent",
685
- "Box",
686
- "Text",
687
- "Table.Root",
688
- "Table.Header",
689
- "Table.Row",
690
- "Table.Cell",
691
- "Table.Body"
692
- ],
693
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
695
+ "internalComponents": ["Comp"],
696
+ "internalComponentProps": {},
694
697
  "propToVariantKeys": {},
695
698
  "runtimeConfigDefaultProps": {},
696
699
  "runtimeConfigGetStyles": {},
697
700
  "runtimeConfigInternalComponentProps": {},
698
701
  "motionVarPrefixes": []
699
702
  };
700
- var Avatar = {
701
- "name": "Avatar",
703
+ var AvoidMotionLibraryProvider = {
704
+ "name": "AvoidMotionLibraryProvider",
702
705
  "defaultProps": {},
703
706
  "getStylesLiterals": {},
704
707
  "cxLiterals": [],
705
- "internalComponents": ["AvatarImage"],
708
+ "internalComponents": [],
706
709
  "internalComponentProps": {},
707
710
  "propToVariantKeys": {},
708
711
  "runtimeConfigDefaultProps": {},
@@ -710,239 +713,388 @@ var Avatar = {
710
713
  "runtimeConfigInternalComponentProps": {},
711
714
  "motionVarPrefixes": []
712
715
  };
713
- var AvatarIcon = {
714
- "name": "AvatarIcon",
715
- "defaultProps": {
716
- "size": "md",
717
- "variant": "primary"
718
- },
719
- "getStylesLiterals": {},
720
- "cxLiterals": [
721
- "overflow-hidden",
722
- "w-full",
723
- "h-full",
724
- "shrink-0",
725
- "text-center",
726
- "inline-flex",
727
- "justify-center",
728
- "items-center"
729
- ],
730
- "internalComponents": ["IconSlot", "Box"],
731
- "internalComponentProps": {},
732
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
733
- "runtimeConfigDefaultProps": {},
734
- "runtimeConfigGetStyles": {},
735
- "runtimeConfigInternalComponentProps": {},
736
- "motionVarPrefixes": []
737
- };
738
- var AvatarImage = {
739
- "name": "AvatarImage",
740
- "defaultProps": {
741
- "size": "md",
742
- "variant": "primary"
716
+ var SegmentedControl = {
717
+ "name": "SegmentedControl",
718
+ "defaultProps": { "textVariant": "label2" },
719
+ "getStylesLiterals": {
720
+ "display": "flex",
721
+ "alignItems": "center",
722
+ "backgroundColor": "primary",
723
+ "spacingVertical": "1",
724
+ "spacingHorizontal": "3",
725
+ "columnGap": "1.5",
726
+ "borderWidth": "thin",
727
+ "borderRadius": "full",
728
+ "borderColor": "muted",
729
+ "borderColor:1": "transparent",
730
+ "color": "primary",
731
+ "color:1": "tertiary",
732
+ "color:2": "muted"
743
733
  },
744
- "getStylesLiterals": {},
745
734
  "cxLiterals": [
746
- "overflow-hidden",
747
- "w-full",
748
- "h-full",
749
- "shrink-0",
750
- "text-center",
751
- "inline-flex",
752
- "justify-center",
753
- "items-center",
754
- "object-cover"
735
+ "uds-ring",
736
+ "cursor-not-allowed",
737
+ "opacity-50",
738
+ "pointer-events-none",
739
+ "hover:bg-primary"
755
740
  ],
756
741
  "internalComponents": [
757
- "UDSImage",
758
- "AvatarText",
759
- "AvatarIcon",
760
- "Box"
742
+ "TextVariant",
743
+ "Radio",
744
+ "Icon",
745
+ "RadioProvider",
746
+ "HStack",
747
+ "RadioGroup",
748
+ "Pressable",
749
+ "Text"
761
750
  ],
762
- "internalComponentProps": {},
751
+ "internalComponentProps": {
752
+ "Icon": {
753
+ "size": ["sm"],
754
+ "color": ["current"],
755
+ "aria-hidden": ["true"]
756
+ },
757
+ "HStack": {
758
+ "spacing": ["1"],
759
+ "gap": ["1"],
760
+ "backgroundColor": ["secondary"],
761
+ "borderRadius": ["full"],
762
+ "display": ["inline-flex"]
763
+ },
764
+ "Text": { "color": ["current"] }
765
+ },
763
766
  "propToVariantKeys": {
764
- "alt": ["name"],
765
- "fallback": ["initials"]
767
+ "value": ["key"],
768
+ "label": ["aria-label"],
769
+ "textVariant": ["variant"]
766
770
  },
767
771
  "runtimeConfigDefaultProps": {},
768
772
  "runtimeConfigGetStyles": {},
769
773
  "runtimeConfigInternalComponentProps": {},
770
774
  "motionVarPrefixes": []
771
775
  };
772
- var AvatarText = {
773
- "name": "AvatarText",
776
+ var SwitchV2 = {
777
+ "name": "SwitchV2",
774
778
  "defaultProps": {
775
- "size": "md",
776
- "variant": "primary"
779
+ "labelPosition": "start",
780
+ "size": "md"
781
+ },
782
+ "getStylesLiterals": {
783
+ "switchVariantRoot": "default",
784
+ "switchVariantActiveRoot": "on",
785
+ "switchVariantActiveRoot:1": "off",
786
+ "switchVariantSwitch": "default",
787
+ "switchVariantActiveSwitch": "on",
788
+ "switchVariantActiveSwitch:1": "off",
789
+ "switchVariantActiveHandle": "on",
790
+ "switchVariantActiveHandle:1": "off",
791
+ "switchVariantHandle": "default",
792
+ "switchVariantHandleIcon": "default",
793
+ "switchVariantActiveHandleIcon": "on",
794
+ "switchVariantActiveHandleIcon:1": "off"
777
795
  },
778
- "getStylesLiterals": {},
779
796
  "cxLiterals": [
780
- "overflow-hidden",
781
- "truncate",
797
+ "group",
798
+ "flex",
799
+ "items-center",
800
+ "flex-row",
801
+ "flex-row-reverse",
802
+ "uds-ring",
803
+ "uds-ring-within",
804
+ "relative",
805
+ "uds-border-radius-full",
806
+ "transition-[background-color,box-shadow]",
807
+ "pointer-events-none",
782
808
  "w-full",
783
809
  "h-full",
784
- "shrink-0",
785
- "text-center",
786
- "inline-flex",
787
- "justify-center",
788
- "items-center"
810
+ "absolute",
811
+ "top-0",
812
+ "bottom-0",
813
+ "right-0",
814
+ "left-0",
815
+ "overflow-hidden",
816
+ "group-hover:scale-105",
817
+ "opacity-95",
818
+ "group-hover:opacity-100",
819
+ "transition-[transform,opacity]",
820
+ "opacity-0",
821
+ "top-1/2",
822
+ "left-1/2",
823
+ "transform",
824
+ "translate-x-[-50%]",
825
+ "translate-y-[-50%]",
826
+ "transition-opacity",
827
+ "cursor-[inherit]",
828
+ "w-[calc(100%+2px)]",
829
+ "h-[calc(100%+2px)]",
830
+ "text-start",
831
+ "text-end",
832
+ "opacity-100"
789
833
  ],
790
- "internalComponents": ["Box", "Text"],
791
- "internalComponentProps": { "Text": {
792
- "color": ["inherit"],
793
- "variant": ["inherit"]
794
- } },
795
- "propToVariantKeys": {},
834
+ "internalComponents": [
835
+ "IconSlot",
836
+ "Box",
837
+ "FormLabel",
838
+ "SpringMotionConfig",
839
+ "RootElement",
840
+ "MotionBox"
841
+ ],
842
+ "internalComponentProps": {
843
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
844
+ "FormLabel": {
845
+ "as": ["div"],
846
+ "variant": ["inherit"],
847
+ "color": ["inherit"]
848
+ },
849
+ "SpringMotionConfig": {
850
+ "layoutVariant": ["bouncy"],
851
+ "layoutSpeed": ["4"]
852
+ },
853
+ "RootElement": { "data-testid": ["switch-root"] },
854
+ "MotionBox": { "layout": ["position"] }
855
+ },
856
+ "propToVariantKeys": {
857
+ "size": [
858
+ "switchSizeRoot",
859
+ "switchSizeSwitch",
860
+ "switchSizeHandle",
861
+ "switchSizeHandleIcon"
862
+ ],
863
+ "onIcon": ["icon"],
864
+ "offIcon": ["icon"],
865
+ "reduceMotion": ["reducedMotion"],
866
+ "isOn": ["layoutDependency"]
867
+ },
796
868
  "runtimeConfigDefaultProps": {},
797
869
  "runtimeConfigGetStyles": {},
798
870
  "runtimeConfigInternalComponentProps": {},
799
- "motionVarPrefixes": []
871
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
800
872
  };
801
- var BottomSheet = {
802
- "name": "BottomSheet",
803
- "defaultProps": { "variant": "default" },
804
- "getStylesLiterals": {},
873
+ var Tabs = {
874
+ "name": "Tabs",
875
+ "defaultProps": {},
876
+ "getStylesLiterals": {
877
+ "display": "flex",
878
+ "flexDirection": "row",
879
+ "columnGap": "6"
880
+ },
805
881
  "cxLiterals": [
806
- "fixed",
807
- "overflow-hidden",
808
- "inset-x-0",
809
- "bottom-0",
810
- "z-50",
811
- "[will-change:transform]",
812
- "touch-none",
813
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
814
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
815
- "transition-transform",
816
- "duration-500",
817
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
818
- "motion-reduce:transition-none",
819
- "top-[-4px]",
820
- "z-[1]",
821
- "touch-pan-y"
882
+ "text-tertiary",
883
+ "border-b-transparent",
884
+ "aria-selected:border-b-brand",
885
+ "aria-selected:text-secondary"
822
886
  ],
823
887
  "internalComponents": [
824
- "Scrim",
825
- "BottomSheetHandle",
826
- "Dialog",
827
- "Box",
828
- "BottomSheetInternalContext.Provider"
888
+ "TabProvider",
889
+ "OriginalTabList",
890
+ "OriginalTab",
891
+ "Icon",
892
+ "OriginalTabPanel",
893
+ "Pressable",
894
+ "Comp",
895
+ "Text"
829
896
  ],
830
897
  "internalComponentProps": {
831
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
832
- "Dialog": { "data-testid": ["bottom-sheet"] },
833
- "Box": {
834
- "display": ["block", "flex"],
835
- "position": ["absolute"],
836
- "flexDirection": ["column"],
837
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
898
+ "Icon": {
899
+ "className": ["text-current"],
900
+ "size": ["md"]
901
+ },
902
+ "Pressable": {
903
+ "borderBottomWidth": ["medium"],
904
+ "spacingBottom": ["1"],
905
+ "spacingTop": ["4"]
906
+ },
907
+ "Text": {
908
+ "className": ["text-current"],
909
+ "variant": ["headline1"],
910
+ "as": ["span"]
838
911
  }
839
912
  },
840
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
913
+ "propToVariantKeys": {},
841
914
  "runtimeConfigDefaultProps": {},
842
915
  "runtimeConfigGetStyles": {},
843
916
  "runtimeConfigInternalComponentProps": {},
844
917
  "motionVarPrefixes": []
845
918
  };
846
- var BottomSheetContent = {
847
- "name": "BottomSheetContent",
919
+ var Modal = {
920
+ "name": "Modal",
848
921
  "defaultProps": {},
849
922
  "getStylesLiterals": {},
850
- "cxLiterals": ["min-h-0", "touch-pan-y"],
851
- "internalComponents": ["Box", "VStack"],
923
+ "cxLiterals": [
924
+ "inset-8",
925
+ "top-[250px]",
926
+ "z-50",
927
+ "mx-auto",
928
+ "h-fit",
929
+ "w-[600px]",
930
+ "origin-center",
931
+ "scale-95",
932
+ "opacity-0",
933
+ "transition",
934
+ "duration-150",
935
+ "data-[enter]:scale-100",
936
+ "data-[enter]:opacity-100",
937
+ "data-[enter]:bg-primary",
938
+ "backdrop-blur-0",
939
+ "data-[enter]:opacity-60",
940
+ "data-[enter]:backdrop-blur-sm"
941
+ ],
942
+ "internalComponents": [
943
+ "IconButton",
944
+ "Dialog",
945
+ "HStack",
946
+ "Text",
947
+ "VStack"
948
+ ],
852
949
  "internalComponentProps": {
853
- "Box": {
854
- "display": ["block"],
855
- "flex": ["1"]
950
+ "IconButton": {
951
+ "aria-label": ["Close"],
952
+ "size": ["sm"],
953
+ "variant": ["tertiary"]
856
954
  },
857
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
955
+ "HStack": {
956
+ "alignItems": ["center"],
957
+ "justifyContent": ["space-between"]
958
+ },
959
+ "Text": {
960
+ "variant": ["headline1"],
961
+ "color": ["primary"]
962
+ },
963
+ "VStack": {
964
+ "borderRadius": ["md"],
965
+ "position": ["fixed"],
966
+ "backgroundColor": ["primary"],
967
+ "dropShadow": ["md"],
968
+ "spacing": ["8"],
969
+ "overflow": ["hidden"]
970
+ }
858
971
  },
859
- "propToVariantKeys": {},
972
+ "propToVariantKeys": { "handleClose": ["onClick"] },
860
973
  "runtimeConfigDefaultProps": {},
861
974
  "runtimeConfigGetStyles": {},
862
975
  "runtimeConfigInternalComponentProps": {},
863
976
  "motionVarPrefixes": []
864
977
  };
865
- var BottomSheetDismiss = {
866
- "name": "BottomSheetDismiss",
867
- "defaultProps": {},
978
+ var Accordion = {
979
+ "name": "Accordion",
980
+ "defaultProps": {
981
+ "spacingHorizontal": "4",
982
+ "spacingVertical": "4"
983
+ },
868
984
  "getStylesLiterals": {},
869
- "cxLiterals": [],
870
- "internalComponents": ["AriakitDialogDismiss"],
871
- "internalComponentProps": {},
985
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
986
+ "internalComponents": [
987
+ "Icon",
988
+ "SpringMotionConfig",
989
+ "Pressable",
990
+ "Text",
991
+ "HStack",
992
+ "AnimatePresence",
993
+ "VStack"
994
+ ],
995
+ "internalComponentProps": {
996
+ "Icon": {
997
+ "variant": ["fill"],
998
+ "size": ["sm"],
999
+ "color": ["primary"]
1000
+ },
1001
+ "SpringMotionConfig": {
1002
+ "layoutVariant": ["smooth"],
1003
+ "layoutSpeed": ["3"]
1004
+ },
1005
+ "Pressable": {
1006
+ "display": ["flex"],
1007
+ "flexDirection": ["row"],
1008
+ "alignItems": ["center"],
1009
+ "justifyContent": ["space-between"],
1010
+ "borderRadius": ["md"]
1011
+ },
1012
+ "Text": {
1013
+ "variant": ["title4"],
1014
+ "color": ["primary"]
1015
+ },
1016
+ "HStack": {
1017
+ "display": ["flex"],
1018
+ "alignItems": ["center"],
1019
+ "justifyContent": ["space-between"],
1020
+ "columnGap": ["2.5"]
1021
+ }
1022
+ },
872
1023
  "propToVariantKeys": {},
873
1024
  "runtimeConfigDefaultProps": {},
874
1025
  "runtimeConfigGetStyles": {},
875
1026
  "runtimeConfigInternalComponentProps": {},
876
- "motionVarPrefixes": []
1027
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
877
1028
  };
878
- var BottomSheetHandle = {
879
- "name": "BottomSheetHandle",
880
- "defaultProps": { "variant": "default" },
1029
+ var AvatarImage = {
1030
+ "name": "AvatarImage",
1031
+ "defaultProps": {
1032
+ "size": "md",
1033
+ "variant": "primary"
1034
+ },
881
1035
  "getStylesLiterals": {},
882
1036
  "cxLiterals": [
883
- "relative",
884
- "h-5",
885
- "w-16",
886
- "outline-none",
887
- "focus-visible:outline-none",
888
- "[touch-action:pan-y]",
889
- "absolute",
890
- "left-1/2",
891
- "top-1/2",
892
- "-translate-x-1/2",
893
- "-translate-y-1/2",
894
- "h-1",
895
- "w-8",
896
- "rounded-full"
1037
+ "overflow-hidden",
1038
+ "w-full",
1039
+ "h-full",
1040
+ "shrink-0",
1041
+ "text-center",
1042
+ "inline-flex",
1043
+ "justify-center",
1044
+ "items-center",
1045
+ "object-cover"
897
1046
  ],
898
- "internalComponents": ["Box"],
899
- "internalComponentProps": { "Box": {
900
- "display": ["block", "flex"],
901
- "justifyContent": ["center"]
902
- } },
903
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1047
+ "internalComponents": [
1048
+ "UDSImage",
1049
+ "AvatarText",
1050
+ "AvatarIcon",
1051
+ "Box"
1052
+ ],
1053
+ "internalComponentProps": {},
1054
+ "propToVariantKeys": {
1055
+ "alt": ["name"],
1056
+ "fallback": ["initials"]
1057
+ },
904
1058
  "runtimeConfigDefaultProps": {},
905
1059
  "runtimeConfigGetStyles": {},
906
1060
  "runtimeConfigInternalComponentProps": {},
907
1061
  "motionVarPrefixes": []
908
1062
  };
909
- var BottomSheetHeader = {
910
- "name": "BottomSheetHeader",
911
- "defaultProps": { "variant": "default" },
1063
+ var AvatarText = {
1064
+ "name": "AvatarText",
1065
+ "defaultProps": {
1066
+ "size": "md",
1067
+ "variant": "primary"
1068
+ },
912
1069
  "getStylesLiterals": {},
913
1070
  "cxLiterals": [
914
- "grid-cols-[40px_1fr_40px]",
915
- "items-center",
1071
+ "overflow-hidden",
1072
+ "truncate",
916
1073
  "w-full",
917
- "min-h-10",
918
- "mt-2"
1074
+ "h-full",
1075
+ "shrink-0",
1076
+ "text-center",
1077
+ "inline-flex",
1078
+ "justify-center",
1079
+ "items-center"
919
1080
  ],
920
1081
  "internalComponents": ["Box", "Text"],
921
- "internalComponentProps": {
922
- "Box": {
923
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
924
- "display": ["grid", "flex"],
925
- "justifyContent": ["flex-start", "flex-end"]
926
- },
927
- "Text": {
928
- "variant": ["inherit"],
929
- "color": ["inherit"],
930
- "textAlign": ["center"],
931
- "className": ["w-full"]
932
- }
933
- },
934
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1082
+ "internalComponentProps": { "Text": {
1083
+ "color": ["inherit"],
1084
+ "variant": ["inherit"]
1085
+ } },
1086
+ "propToVariantKeys": {},
935
1087
  "runtimeConfigDefaultProps": {},
936
1088
  "runtimeConfigGetStyles": {},
937
1089
  "runtimeConfigInternalComponentProps": {},
938
1090
  "motionVarPrefixes": []
939
1091
  };
940
- var BottomSheetInternalContext = {
941
- "name": "BottomSheetInternalContext",
1092
+ var Avatar = {
1093
+ "name": "Avatar",
942
1094
  "defaultProps": {},
943
1095
  "getStylesLiterals": {},
944
1096
  "cxLiterals": [],
945
- "internalComponents": [],
1097
+ "internalComponents": ["AvatarImage"],
946
1098
  "internalComponentProps": {},
947
1099
  "propToVariantKeys": {},
948
1100
  "runtimeConfigDefaultProps": {},
@@ -950,25 +1102,37 @@ var BottomSheetInternalContext = {
950
1102
  "runtimeConfigInternalComponentProps": {},
951
1103
  "motionVarPrefixes": []
952
1104
  };
953
- var BottomSheetProvider = {
954
- "name": "BottomSheetProvider",
955
- "defaultProps": {},
1105
+ var AvatarIcon = {
1106
+ "name": "AvatarIcon",
1107
+ "defaultProps": {
1108
+ "size": "md",
1109
+ "variant": "primary"
1110
+ },
956
1111
  "getStylesLiterals": {},
957
- "cxLiterals": [],
958
- "internalComponents": ["AriakitDialogProvider"],
1112
+ "cxLiterals": [
1113
+ "overflow-hidden",
1114
+ "w-full",
1115
+ "h-full",
1116
+ "shrink-0",
1117
+ "text-center",
1118
+ "inline-flex",
1119
+ "justify-center",
1120
+ "items-center"
1121
+ ],
1122
+ "internalComponents": ["IconSlot", "Box"],
959
1123
  "internalComponentProps": {},
960
- "propToVariantKeys": {},
1124
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
961
1125
  "runtimeConfigDefaultProps": {},
962
1126
  "runtimeConfigGetStyles": {},
963
1127
  "runtimeConfigInternalComponentProps": {},
964
1128
  "motionVarPrefixes": []
965
1129
  };
966
- var BottomSheetTrigger = {
967
- "name": "BottomSheetTrigger",
1130
+ var UDSPopoverConfigProvider = {
1131
+ "name": "UDSPopoverConfigProvider",
968
1132
  "defaultProps": {},
969
1133
  "getStylesLiterals": {},
970
1134
  "cxLiterals": [],
971
- "internalComponents": ["AriakitDialogDisclosure"],
1135
+ "internalComponents": ["PopoverContext.Provider"],
972
1136
  "internalComponentProps": {},
973
1137
  "propToVariantKeys": {},
974
1138
  "runtimeConfigDefaultProps": {},
@@ -976,30 +1140,28 @@ var BottomSheetTrigger = {
976
1140
  "runtimeConfigInternalComponentProps": {},
977
1141
  "motionVarPrefixes": []
978
1142
  };
979
- var UDSBottomSheetConfigProvider = {
980
- "name": "UDSBottomSheetConfigProvider",
1143
+ var Popover = {
1144
+ "name": "Popover",
981
1145
  "defaultProps": {},
982
1146
  "getStylesLiterals": {},
983
1147
  "cxLiterals": [],
984
- "internalComponents": ["BottomSheetContext.Provider"],
1148
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
985
1149
  "internalComponentProps": {},
986
1150
  "propToVariantKeys": {},
987
- "runtimeConfigDefaultProps": {},
1151
+ "runtimeConfigDefaultProps": {
1152
+ "size": "popover.defaultSize",
1153
+ "variant": "popover.defaultVariant"
1154
+ },
988
1155
  "runtimeConfigGetStyles": {},
989
1156
  "runtimeConfigInternalComponentProps": {},
990
1157
  "motionVarPrefixes": []
991
1158
  };
992
- var Chip = {
993
- "name": "Chip",
1159
+ var PopoverContext = {
1160
+ "name": "PopoverContext",
994
1161
  "defaultProps": {},
995
1162
  "getStylesLiterals": {},
996
1163
  "cxLiterals": [],
997
- "internalComponents": [
998
- "ChipDismissible",
999
- "ChipToggle",
1000
- "ChipLink",
1001
- "ChipButton"
1002
- ],
1164
+ "internalComponents": [],
1003
1165
  "internalComponentProps": {},
1004
1166
  "propToVariantKeys": {},
1005
1167
  "runtimeConfigDefaultProps": {},
@@ -1007,257 +1169,15 @@ var Chip = {
1007
1169
  "runtimeConfigInternalComponentProps": {},
1008
1170
  "motionVarPrefixes": []
1009
1171
  };
1010
- var ChipBase = {
1011
- "name": "ChipBase",
1012
- "defaultProps": {
1013
- "size": "md",
1014
- "as": "div"
1015
- },
1016
- "getStylesLiterals": {},
1017
- "cxLiterals": [
1018
- "pointer-events-none",
1019
- "cursor-default",
1020
- "opacity-50",
1021
- "inline-flex",
1022
- "items-center",
1023
- "transition-[background-color,outline-color,box-shadow]",
1024
- "truncate",
1025
- "whitespace-nowrap",
1026
- "text-center",
1027
- "flex-1"
1028
- ],
1029
- "internalComponents": [
1030
- "IconSlot",
1031
- "HStack",
1032
- "As",
1033
- "Text"
1034
- ],
1035
- "internalComponentProps": { "Text": {
1036
- "as": ["span"],
1037
- "color": ["current"],
1038
- "variant": ["inherit"]
1039
- } },
1040
- "propToVariantKeys": {
1041
- "size": ["chipSizeRoot", "chipSizeIcon"],
1042
- "startIcon": ["icon"],
1043
- "endIcon": ["icon"]
1044
- },
1045
- "runtimeConfigDefaultProps": {},
1046
- "runtimeConfigGetStyles": {},
1047
- "runtimeConfigInternalComponentProps": {},
1048
- "motionVarPrefixes": []
1049
- };
1050
- var ChipButton = {
1051
- "name": "ChipButton",
1052
- "defaultProps": { "variant": "primary" },
1053
- "getStylesLiterals": {},
1054
- "cxLiterals": ["uds-ring"],
1055
- "internalComponents": ["ChipBase"],
1056
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1057
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1058
- "runtimeConfigDefaultProps": {},
1059
- "runtimeConfigGetStyles": {},
1060
- "runtimeConfigInternalComponentProps": {},
1061
- "motionVarPrefixes": []
1062
- };
1063
- var ChipDismissible = {
1064
- "name": "ChipDismissible",
1065
- "defaultProps": { "variant": "primary" },
1066
- "getStylesLiterals": {},
1067
- "cxLiterals": [
1068
- "uds-chip-dismissible-button",
1069
- "uds-hit-target",
1070
- "uds-ring",
1071
- "rounded-full"
1072
- ],
1073
- "internalComponents": [
1074
- "ChipBase",
1075
- "IconSlot",
1076
- "Pressable"
1077
- ],
1078
- "internalComponentProps": {},
1079
- "propToVariantKeys": {
1080
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1081
- "dismissButtonAriaLabel": ["aria-label"]
1082
- },
1083
- "runtimeConfigDefaultProps": {},
1084
- "runtimeConfigGetStyles": {},
1085
- "runtimeConfigInternalComponentProps": {},
1086
- "motionVarPrefixes": []
1087
- };
1088
- var ChipLink = {
1089
- "name": "ChipLink",
1090
- "defaultProps": { "variant": "primary" },
1091
- "getStylesLiterals": {},
1092
- "cxLiterals": ["uds-ring"],
1093
- "internalComponents": ["ChipBase"],
1094
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1095
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1096
- "runtimeConfigDefaultProps": {},
1097
- "runtimeConfigGetStyles": {},
1098
- "runtimeConfigInternalComponentProps": {},
1099
- "motionVarPrefixes": []
1100
- };
1101
- var ChipToggle = {
1102
- "name": "ChipToggle",
1103
- "defaultProps": {
1104
- "variant": "primary",
1105
- "role": "checkbox"
1106
- },
1107
- "getStylesLiterals": {
1108
- "chipToggleVariantActiveRoot": "on",
1109
- "chipToggleVariantActiveRoot:1": "off"
1110
- },
1111
- "cxLiterals": ["uds-ring"],
1112
- "internalComponents": ["ChipBase"],
1113
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1114
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1115
- "runtimeConfigDefaultProps": {},
1116
- "runtimeConfigGetStyles": {},
1117
- "runtimeConfigInternalComponentProps": {},
1118
- "motionVarPrefixes": []
1119
- };
1120
- var Input = {
1121
- "name": "Input",
1122
- "defaultProps": {
1123
- "type": "text",
1124
- "size": "md",
1125
- "width": "full"
1126
- },
1127
- "getStylesLiterals": {
1128
- "inputVariantRoot": "default",
1129
- "inputVariantValueRoot": "empty",
1130
- "inputVariantValueRoot:1": "filled",
1131
- "inputVariantInputWrapper": "default",
1132
- "inputVariantValueInputWrapper": "empty",
1133
- "inputVariantValueInputWrapper:1": "filled",
1134
- "inputVariantInput": "default",
1135
- "inputVariantValueInput": "empty",
1136
- "inputVariantValueInput:1": "filled",
1137
- "inputVariantInputPlaceholder": "default",
1138
- "inputVariantValueInputPlaceholder": "empty",
1139
- "inputVariantValueInputPlaceholder:1": "filled",
1140
- "inputVariantLabel": "default",
1141
- "inputVariantValueLabel": "empty",
1142
- "inputVariantValueLabel:1": "filled",
1143
- "inputVariantLabelRequired": "default",
1144
- "inputVariantValueLabelRequired": "empty",
1145
- "inputVariantValueLabelRequired:1": "filled",
1146
- "inputVariantStartIcon": "default",
1147
- "inputVariantValueStartIcon": "empty",
1148
- "inputVariantValueStartIcon:1": "filled",
1149
- "inputVariantEndIcon": "default",
1150
- "inputVariantValueEndIcon": "empty",
1151
- "inputVariantValueEndIcon:1": "filled"
1152
- },
1153
- "cxLiterals": [
1154
- "opacity-50",
1155
- "min-w-[200px]",
1156
- "grow",
1157
- "uds-hit-target",
1158
- "bg-clip-text",
1159
- "focus:outline-none",
1160
- "cursor-text",
1161
- "cursor-not-allowed"
1162
- ],
1163
- "internalComponents": [
1164
- "IconSlot",
1165
- "StartIcon",
1166
- "EndIcon",
1167
- "HelpTextContent",
1168
- "Box",
1169
- "InputHelpTextInternal",
1170
- "VStack",
1171
- "HStack",
1172
- "AnimateHeightChange"
1173
- ],
1174
- "internalComponentProps": {
1175
- "HelpTextContent": { "spacingTop": ["2"] },
1176
- "Box": {
1177
- "spacingBottom": ["2"],
1178
- "columnGap": ["0.5"],
1179
- "alignItems": ["flex-end", "center"],
1180
- "position": ["relative"]
1181
- },
1182
- "HStack": {
1183
- "alignItems": ["center"],
1184
- "gap": ["1"]
1185
- }
1186
- },
1187
- "propToVariantKeys": {
1188
- "size": [
1189
- "inputSizeRoot",
1190
- "inputSizeInputWrapper",
1191
- "inputSizeInput",
1192
- "inputSizeLabel",
1193
- "inputSizeStartIcon",
1194
- "inputSizeEndIcon"
1195
- ],
1196
- "startIcon": ["icon"],
1197
- "endIcon": ["icon"],
1198
- "helperTextIcon": ["startIcon"]
1199
- },
1200
- "runtimeConfigDefaultProps": {},
1201
- "runtimeConfigGetStyles": {},
1202
- "runtimeConfigInternalComponentProps": {},
1203
- "motionVarPrefixes": []
1204
- };
1205
- var InputHelpText = {
1206
- "name": "InputHelpText",
1207
- "defaultProps": { "size": "md" },
1208
- "getStylesLiterals": {
1209
- "inputVariantRoot": "default",
1210
- "inputVariantValueRoot": "empty",
1211
- "inputVariantValueRoot:1": "filled"
1212
- },
1213
- "cxLiterals": [],
1214
- "internalComponents": ["InputHelpTextInternal", "Box"],
1215
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1216
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1217
- "runtimeConfigDefaultProps": {},
1218
- "runtimeConfigGetStyles": {},
1219
- "runtimeConfigInternalComponentProps": {},
1220
- "motionVarPrefixes": []
1221
- };
1222
- var InputHelpTextInternal = {
1223
- "name": "InputHelpTextInternal",
1224
- "defaultProps": {},
1225
- "getStylesLiterals": {
1226
- "inputVariantHelperText": "default",
1227
- "inputVariantValueHelperText": "empty",
1228
- "inputVariantValueHelperText:1": "filled",
1229
- "inputVariantHelperIcon": "default",
1230
- "inputVariantValueHelperIcon": "empty",
1231
- "inputVariantValueHelperIcon:1": "filled"
1232
- },
1233
- "cxLiterals": [],
1234
- "internalComponents": ["IconSlot", "HStack"],
1235
- "internalComponentProps": { "HStack": {
1236
- "gap": ["1"],
1237
- "alignItems": ["center"]
1238
- } },
1239
- "propToVariantKeys": {
1240
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1241
- "startIcon": ["icon"],
1242
- "endIcon": ["icon"]
1243
- },
1244
- "runtimeConfigDefaultProps": {},
1245
- "runtimeConfigGetStyles": {},
1246
- "runtimeConfigInternalComponentProps": {},
1247
- "motionVarPrefixes": []
1248
- };
1249
- var Popover = {
1250
- "name": "Popover",
1172
+ var PopoverTrigger = {
1173
+ "name": "PopoverTrigger",
1251
1174
  "defaultProps": {},
1252
1175
  "getStylesLiterals": {},
1253
1176
  "cxLiterals": [],
1254
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1255
- "internalComponentProps": {},
1256
- "propToVariantKeys": {},
1257
- "runtimeConfigDefaultProps": {
1258
- "size": "popover.defaultSize",
1259
- "variant": "popover.defaultVariant"
1260
- },
1177
+ "internalComponents": ["PopoverDisclosure"],
1178
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1179
+ "propToVariantKeys": { "children": ["render"] },
1180
+ "runtimeConfigDefaultProps": {},
1261
1181
  "runtimeConfigGetStyles": {},
1262
1182
  "runtimeConfigInternalComponentProps": {},
1263
1183
  "motionVarPrefixes": []
@@ -1331,38 +1251,31 @@ var PopoverContent = {
1331
1251
  "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1332
1252
  "motionVarPrefixes": []
1333
1253
  };
1334
- var PopoverContext = {
1335
- "name": "PopoverContext",
1254
+ var BottomSheetContent = {
1255
+ "name": "BottomSheetContent",
1336
1256
  "defaultProps": {},
1337
1257
  "getStylesLiterals": {},
1338
- "cxLiterals": [],
1339
- "internalComponents": [],
1340
- "internalComponentProps": {},
1258
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1259
+ "internalComponents": ["Box", "VStack"],
1260
+ "internalComponentProps": {
1261
+ "Box": {
1262
+ "display": ["block"],
1263
+ "flex": ["1"]
1264
+ },
1265
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1266
+ },
1341
1267
  "propToVariantKeys": {},
1342
1268
  "runtimeConfigDefaultProps": {},
1343
1269
  "runtimeConfigGetStyles": {},
1344
1270
  "runtimeConfigInternalComponentProps": {},
1345
1271
  "motionVarPrefixes": []
1346
1272
  };
1347
- var PopoverTrigger = {
1348
- "name": "PopoverTrigger",
1349
- "defaultProps": {},
1350
- "getStylesLiterals": {},
1351
- "cxLiterals": [],
1352
- "internalComponents": ["PopoverDisclosure"],
1353
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1354
- "propToVariantKeys": { "children": ["render"] },
1355
- "runtimeConfigDefaultProps": {},
1356
- "runtimeConfigGetStyles": {},
1357
- "runtimeConfigInternalComponentProps": {},
1358
- "motionVarPrefixes": []
1359
- };
1360
- var UDSPopoverConfigProvider = {
1361
- "name": "UDSPopoverConfigProvider",
1273
+ var BottomSheetDismiss = {
1274
+ "name": "BottomSheetDismiss",
1362
1275
  "defaultProps": {},
1363
1276
  "getStylesLiterals": {},
1364
1277
  "cxLiterals": [],
1365
- "internalComponents": ["PopoverContext.Provider"],
1278
+ "internalComponents": ["AriakitDialogDismiss"],
1366
1279
  "internalComponentProps": {},
1367
1280
  "propToVariantKeys": {},
1368
1281
  "runtimeConfigDefaultProps": {},
@@ -1370,79 +1283,88 @@ var UDSPopoverConfigProvider = {
1370
1283
  "runtimeConfigInternalComponentProps": {},
1371
1284
  "motionVarPrefixes": []
1372
1285
  };
1373
- var Menu_Content = {
1374
- "name": "Menu.Content",
1375
- "defaultProps": {
1376
- "size": "default",
1377
- "variant": "default",
1378
- "gutter": "1"
1379
- },
1286
+ var BottomSheet = {
1287
+ "name": "BottomSheet",
1288
+ "defaultProps": { "variant": "default" },
1380
1289
  "getStylesLiterals": {},
1381
1290
  "cxLiterals": [
1382
- "uds-menu-content",
1383
- "transition-shadow",
1384
- "duration-200",
1385
- "ease-in-out",
1386
- "min-w-60",
1387
- "max-w-lg",
1388
- "max-h-96",
1389
- "overflow-auto",
1390
- "uds-ring",
1391
- "z-10",
1392
- "group"
1291
+ "fixed",
1292
+ "overflow-hidden",
1293
+ "inset-x-0",
1294
+ "bottom-0",
1295
+ "z-50",
1296
+ "[will-change:transform]",
1297
+ "touch-none",
1298
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1299
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1300
+ "transition-transform",
1301
+ "duration-500",
1302
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1303
+ "motion-reduce:transition-none",
1304
+ "top-[-4px]",
1305
+ "z-[1]",
1306
+ "touch-pan-y"
1393
1307
  ],
1394
1308
  "internalComponents": [
1395
- "AriakitMenu",
1396
- "AnimatePresence",
1397
- "MotionVStack"
1309
+ "Scrim",
1310
+ "BottomSheetHandle",
1311
+ "Dialog",
1312
+ "Box",
1313
+ "BottomSheetInternalContext.Provider"
1398
1314
  ],
1399
- "internalComponentProps": {},
1400
- "propToVariantKeys": {
1401
- "size": ["menucontentSizeRoot"],
1402
- "variant": ["menucontentVariantRoot"]
1315
+ "internalComponentProps": {
1316
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1317
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1318
+ "Box": {
1319
+ "display": ["block", "flex"],
1320
+ "position": ["absolute"],
1321
+ "flexDirection": ["column"],
1322
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1323
+ }
1403
1324
  },
1325
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1404
1326
  "runtimeConfigDefaultProps": {},
1405
1327
  "runtimeConfigGetStyles": {},
1406
1328
  "runtimeConfigInternalComponentProps": {},
1407
1329
  "motionVarPrefixes": []
1408
1330
  };
1409
- var Menu_Divider = {
1410
- "name": "Menu.Divider",
1411
- "defaultProps": {
1412
- "role": "separator",
1413
- "contentPosition": "start",
1414
- "gap": "4"
1415
- },
1416
- "getStylesLiterals": {
1417
- "menuitemDividerVariantRoot": "default",
1418
- "menuitemDividerVariantText": "default",
1419
- "menuitemDividerVariantLine": "default"
1420
- },
1421
- "cxLiterals": [],
1422
- "internalComponents": ["DividerInternal"],
1423
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1424
- "propToVariantKeys": {},
1331
+ var BottomSheetHandle = {
1332
+ "name": "BottomSheetHandle",
1333
+ "defaultProps": { "variant": "default" },
1334
+ "getStylesLiterals": {},
1335
+ "cxLiterals": [
1336
+ "relative",
1337
+ "h-5",
1338
+ "w-16",
1339
+ "outline-none",
1340
+ "focus-visible:outline-none",
1341
+ "[touch-action:pan-y]",
1342
+ "absolute",
1343
+ "left-1/2",
1344
+ "top-1/2",
1345
+ "-translate-x-1/2",
1346
+ "-translate-y-1/2",
1347
+ "h-1",
1348
+ "w-8",
1349
+ "rounded-full"
1350
+ ],
1351
+ "internalComponents": ["Box"],
1352
+ "internalComponentProps": { "Box": {
1353
+ "display": ["block", "flex"],
1354
+ "justifyContent": ["center"]
1355
+ } },
1356
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1425
1357
  "runtimeConfigDefaultProps": {},
1426
1358
  "runtimeConfigGetStyles": {},
1427
1359
  "runtimeConfigInternalComponentProps": {},
1428
1360
  "motionVarPrefixes": []
1429
1361
  };
1430
- var Menu_Item = {
1431
- "name": "Menu.Item",
1362
+ var BottomSheetInternalContext = {
1363
+ "name": "BottomSheetInternalContext",
1432
1364
  "defaultProps": {},
1433
- "getStylesLiterals": {
1434
- "menuitemItemVariantRoot": "default",
1435
- "menuitemItemVariantActiveRoot": "on",
1436
- "menuitemItemVariantActiveRoot:1": "off",
1437
- "menuitemItemVariantText": "default",
1438
- "menuitemItemVariantActiveText": "on",
1439
- "menuitemItemVariantActiveText:1": "off",
1440
- "menuitemItemVariantIcon": "default",
1441
- "menuitemItemVariantActiveIcon": "on",
1442
- "menuitemItemVariantActiveIcon:1": "off"
1443
- },
1365
+ "getStylesLiterals": {},
1444
1366
  "cxLiterals": [],
1445
- "internalComponents": ["MenuItemBase"],
1367
+ "internalComponents": [],
1446
1368
  "internalComponentProps": {},
1447
1369
  "propToVariantKeys": {},
1448
1370
  "runtimeConfigDefaultProps": {},
@@ -1450,83 +1372,43 @@ var Menu_Item = {
1450
1372
  "runtimeConfigInternalComponentProps": {},
1451
1373
  "motionVarPrefixes": []
1452
1374
  };
1453
- var Menu_ItemBase = {
1454
- "name": "Menu.ItemBase",
1455
- "defaultProps": {
1456
- "spacing": "0",
1457
- "spacingHorizontal": "4",
1458
- "spacingVertical": "3.5",
1459
- "columnGap": "2",
1460
- "alignItems": "center",
1461
- "justifyContent": "space-between"
1462
- },
1463
- "getStylesLiterals": {
1464
- "textAlign": "start",
1465
- "menuitemSizeRoot": "default",
1466
- "flexDirection": "row",
1467
- "menuitemSizeStartIcon": "default",
1468
- "menuitemSizeEndIcon": "default"
1469
- },
1375
+ var BottomSheetHeader = {
1376
+ "name": "BottomSheetHeader",
1377
+ "defaultProps": { "variant": "default" },
1378
+ "getStylesLiterals": {},
1470
1379
  "cxLiterals": [
1471
- "flex",
1472
- "focus-visible:text-brand",
1473
- "focus-visible:bg-brand-secondary",
1474
- "focus-visible:z-10",
1475
- "uds-ring",
1476
- "!-outline-offset-2",
1477
- "[&:not([aria-checked])]:cursor-default",
1478
- "opacity-25",
1479
- "cursor-not-allowed",
1480
- "duration-20",
1481
- "transition-[font-variation-settings]",
1482
- "ease-in-out",
1483
- "z-0",
1484
- "uds-start-icon",
1485
- "uds-end-icon"
1486
- ],
1487
- "internalComponents": [
1488
- "Pressable",
1489
- "IconSlot",
1490
- "RootComponent",
1491
- "HStack",
1492
- "AnimatePresence"
1380
+ "grid-cols-[40px_1fr_40px]",
1381
+ "items-center",
1382
+ "w-full",
1383
+ "min-h-10",
1384
+ "mt-2"
1493
1385
  ],
1386
+ "internalComponents": ["Box", "Text"],
1494
1387
  "internalComponentProps": {
1495
- "HStack": {
1496
- "alignItems": ["center"],
1497
- "width": ["full"]
1388
+ "Box": {
1389
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1390
+ "display": ["grid", "flex"],
1391
+ "justifyContent": ["flex-start", "flex-end"]
1498
1392
  },
1499
- "AnimatePresence": { "mode": ["popLayout"] }
1500
- },
1501
- "propToVariantKeys": {
1502
- "startIcon": ["icon"],
1503
- "endIcon": ["icon"],
1504
- "columnGap": ["gap"]
1393
+ "Text": {
1394
+ "variant": ["inherit"],
1395
+ "color": ["inherit"],
1396
+ "textAlign": ["center"],
1397
+ "className": ["w-full"]
1398
+ }
1505
1399
  },
1400
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1506
1401
  "runtimeConfigDefaultProps": {},
1507
1402
  "runtimeConfigGetStyles": {},
1508
1403
  "runtimeConfigInternalComponentProps": {},
1509
1404
  "motionVarPrefixes": []
1510
1405
  };
1511
- var Menu_ItemCheckbox = {
1512
- "name": "Menu.ItemCheckbox",
1406
+ var BottomSheetTrigger = {
1407
+ "name": "BottomSheetTrigger",
1513
1408
  "defaultProps": {},
1514
- "getStylesLiterals": {
1515
- "menuitemItemCheckboxVariantRoot": "default",
1516
- "menuitemItemCheckboxVariantActiveRoot": "on",
1517
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1518
- "menuitemItemCheckboxVariantText": "default",
1519
- "menuitemItemCheckboxVariantActiveText": "on",
1520
- "menuitemItemCheckboxVariantActiveText:1": "off",
1521
- "menuitemItemCheckboxVariantStartIcon": "default",
1522
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1523
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1524
- "menuitemItemCheckboxVariantEndIcon": "default",
1525
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1526
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1527
- },
1528
- "cxLiterals": ["uds-menu-item-checkbox"],
1529
- "internalComponents": ["MenuItemBase"],
1409
+ "getStylesLiterals": {},
1410
+ "cxLiterals": [],
1411
+ "internalComponents": ["AriakitDialogDisclosure"],
1530
1412
  "internalComponentProps": {},
1531
1413
  "propToVariantKeys": {},
1532
1414
  "runtimeConfigDefaultProps": {},
@@ -1534,34 +1416,34 @@ var Menu_ItemCheckbox = {
1534
1416
  "runtimeConfigInternalComponentProps": {},
1535
1417
  "motionVarPrefixes": []
1536
1418
  };
1537
- var Menu_Provider = {
1538
- "name": "Menu.Provider",
1419
+ var BottomSheetProvider = {
1420
+ "name": "BottomSheetProvider",
1539
1421
  "defaultProps": {},
1540
1422
  "getStylesLiterals": {},
1541
1423
  "cxLiterals": [],
1542
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1424
+ "internalComponents": ["AriakitDialogProvider"],
1543
1425
  "internalComponentProps": {},
1544
1426
  "propToVariantKeys": {},
1545
1427
  "runtimeConfigDefaultProps": {},
1546
1428
  "runtimeConfigGetStyles": {},
1547
1429
  "runtimeConfigInternalComponentProps": {},
1548
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1430
+ "motionVarPrefixes": []
1549
1431
  };
1550
- var Menu_Trigger = {
1551
- "name": "Menu.Trigger",
1552
- "defaultProps": {},
1432
+ var UDSBottomSheetConfigProvider = {
1433
+ "name": "UDSBottomSheetConfigProvider",
1434
+ "defaultProps": {},
1553
1435
  "getStylesLiterals": {},
1554
- "cxLiterals": ["uds-menu-trigger"],
1555
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1556
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1436
+ "cxLiterals": [],
1437
+ "internalComponents": ["BottomSheetContext.Provider"],
1438
+ "internalComponentProps": {},
1557
1439
  "propToVariantKeys": {},
1558
1440
  "runtimeConfigDefaultProps": {},
1559
1441
  "runtimeConfigGetStyles": {},
1560
1442
  "runtimeConfigInternalComponentProps": {},
1561
1443
  "motionVarPrefixes": []
1562
1444
  };
1563
- var Menu_index = {
1564
- "name": "Menu.index",
1445
+ var RadioGroupStore = {
1446
+ "name": "RadioGroupStore",
1565
1447
  "defaultProps": {},
1566
1448
  "getStylesLiterals": {},
1567
1449
  "cxLiterals": [],
@@ -1573,13 +1455,17 @@ var Menu_index = {
1573
1455
  "runtimeConfigInternalComponentProps": {},
1574
1456
  "motionVarPrefixes": []
1575
1457
  };
1576
- var Menu = {
1577
- "name": "Menu",
1458
+ var RadioGroupProvider = {
1459
+ "name": "RadioGroupProvider",
1578
1460
  "defaultProps": {},
1579
1461
  "getStylesLiterals": {},
1580
1462
  "cxLiterals": [],
1581
- "internalComponents": [],
1582
- "internalComponentProps": {},
1463
+ "internalComponents": [
1464
+ "DivProps",
1465
+ "Comp",
1466
+ "RadioGroupContext.Provider"
1467
+ ],
1468
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1583
1469
  "propToVariantKeys": {},
1584
1470
  "runtimeConfigDefaultProps": {},
1585
1471
  "runtimeConfigGetStyles": {},
@@ -1669,29 +1555,12 @@ var Radio = {
1669
1555
  "runtimeConfigInternalComponentProps": {},
1670
1556
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1671
1557
  };
1672
- var RadioGroupProvider = {
1673
- "name": "RadioGroupProvider",
1674
- "defaultProps": {},
1675
- "getStylesLiterals": {},
1676
- "cxLiterals": [],
1677
- "internalComponents": [
1678
- "DivProps",
1679
- "Comp",
1680
- "RadioGroupContext.Provider"
1681
- ],
1682
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1683
- "propToVariantKeys": {},
1684
- "runtimeConfigDefaultProps": {},
1685
- "runtimeConfigGetStyles": {},
1686
- "runtimeConfigInternalComponentProps": {},
1687
- "motionVarPrefixes": []
1688
- };
1689
- var RadioGroupStore = {
1690
- "name": "RadioGroupStore",
1558
+ var UDSToastConfigProvider = {
1559
+ "name": "UDSToastConfigProvider",
1691
1560
  "defaultProps": {},
1692
1561
  "getStylesLiterals": {},
1693
1562
  "cxLiterals": [],
1694
- "internalComponents": [],
1563
+ "internalComponents": ["ToastContext.Provider"],
1695
1564
  "internalComponentProps": {},
1696
1565
  "propToVariantKeys": {},
1697
1566
  "runtimeConfigDefaultProps": {},
@@ -1816,12 +1685,12 @@ var ToastPortal = {
1816
1685
  "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1817
1686
  "motionVarPrefixes": []
1818
1687
  };
1819
- var UDSToastConfigProvider = {
1820
- "name": "UDSToastConfigProvider",
1688
+ var UDSTooltipConfigProvider = {
1689
+ "name": "UDSTooltipConfigProvider",
1821
1690
  "defaultProps": {},
1822
1691
  "getStylesLiterals": {},
1823
1692
  "cxLiterals": [],
1824
- "internalComponents": ["ToastContext.Provider"],
1693
+ "internalComponents": ["TooltipContext.Provider"],
1825
1694
  "internalComponentProps": {},
1826
1695
  "propToVariantKeys": {},
1827
1696
  "runtimeConfigDefaultProps": {},
@@ -1829,17 +1698,17 @@ var UDSToastConfigProvider = {
1829
1698
  "runtimeConfigInternalComponentProps": {},
1830
1699
  "motionVarPrefixes": []
1831
1700
  };
1832
- var Tooltip = {
1833
- "name": "Tooltip",
1701
+ var TooltipTrigger = {
1702
+ "name": "TooltipTrigger",
1834
1703
  "defaultProps": {},
1835
1704
  "getStylesLiterals": {},
1836
1705
  "cxLiterals": [],
1837
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1838
- "internalComponentProps": {},
1839
- "propToVariantKeys": {},
1706
+ "internalComponents": ["TooltipAnchor"],
1707
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1708
+ "propToVariantKeys": { "children": ["render"] },
1840
1709
  "runtimeConfigDefaultProps": {},
1841
1710
  "runtimeConfigGetStyles": {},
1842
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
1711
+ "runtimeConfigInternalComponentProps": {},
1843
1712
  "motionVarPrefixes": []
1844
1713
  };
1845
1714
  var TooltipContent = {
@@ -1880,6 +1749,7 @@ var TooltipContent = {
1880
1749
  "Text"
1881
1750
  ],
1882
1751
  "internalComponentProps": {
1752
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
1883
1753
  "VStack": { "className": ["gap-[inherit]"] },
1884
1754
  "Box": {
1885
1755
  "alignItems": ["center"],
@@ -1893,40 +1763,143 @@ var TooltipContent = {
1893
1763
  "runtimeConfigInternalComponentProps": {},
1894
1764
  "motionVarPrefixes": []
1895
1765
  };
1896
- var TooltipTrigger = {
1897
- "name": "TooltipTrigger",
1766
+ var Tooltip = {
1767
+ "name": "Tooltip",
1898
1768
  "defaultProps": {},
1899
1769
  "getStylesLiterals": {},
1900
1770
  "cxLiterals": [],
1901
- "internalComponents": ["TooltipAnchor"],
1902
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1903
- "propToVariantKeys": { "children": ["render"] },
1771
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1772
+ "internalComponentProps": {},
1773
+ "propToVariantKeys": {},
1774
+ "runtimeConfigDefaultProps": {},
1775
+ "runtimeConfigGetStyles": {},
1776
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
1777
+ "motionVarPrefixes": []
1778
+ };
1779
+ var Input = {
1780
+ "name": "Input",
1781
+ "defaultProps": {
1782
+ "type": "text",
1783
+ "size": "md",
1784
+ "width": "full"
1785
+ },
1786
+ "getStylesLiterals": {
1787
+ "inputVariantRoot": "default",
1788
+ "inputVariantValueRoot": "empty",
1789
+ "inputVariantValueRoot:1": "filled",
1790
+ "inputVariantInputWrapper": "default",
1791
+ "inputVariantValueInputWrapper": "empty",
1792
+ "inputVariantValueInputWrapper:1": "filled",
1793
+ "inputVariantInput": "default",
1794
+ "inputVariantValueInput": "empty",
1795
+ "inputVariantValueInput:1": "filled",
1796
+ "inputVariantInputPlaceholder": "default",
1797
+ "inputVariantValueInputPlaceholder": "empty",
1798
+ "inputVariantValueInputPlaceholder:1": "filled",
1799
+ "inputVariantLabel": "default",
1800
+ "inputVariantValueLabel": "empty",
1801
+ "inputVariantValueLabel:1": "filled",
1802
+ "inputVariantLabelRequired": "default",
1803
+ "inputVariantValueLabelRequired": "empty",
1804
+ "inputVariantValueLabelRequired:1": "filled",
1805
+ "inputVariantStartIcon": "default",
1806
+ "inputVariantValueStartIcon": "empty",
1807
+ "inputVariantValueStartIcon:1": "filled",
1808
+ "inputVariantEndIcon": "default",
1809
+ "inputVariantValueEndIcon": "empty",
1810
+ "inputVariantValueEndIcon:1": "filled"
1811
+ },
1812
+ "cxLiterals": [
1813
+ "opacity-50",
1814
+ "min-w-[200px]",
1815
+ "grow",
1816
+ "uds-hit-target",
1817
+ "bg-clip-text",
1818
+ "focus:outline-none",
1819
+ "cursor-text",
1820
+ "cursor-not-allowed"
1821
+ ],
1822
+ "internalComponents": [
1823
+ "IconSlot",
1824
+ "StartIcon",
1825
+ "EndIcon",
1826
+ "HelpTextContent",
1827
+ "Box",
1828
+ "InputHelpTextInternal",
1829
+ "VStack",
1830
+ "HStack",
1831
+ "AnimateHeightChange"
1832
+ ],
1833
+ "internalComponentProps": {
1834
+ "HelpTextContent": { "spacingTop": ["2"] },
1835
+ "Box": {
1836
+ "spacingBottom": ["2"],
1837
+ "columnGap": ["0.5"],
1838
+ "alignItems": ["flex-end", "center"],
1839
+ "position": ["relative"]
1840
+ },
1841
+ "HStack": {
1842
+ "alignItems": ["center"],
1843
+ "gap": ["1"]
1844
+ }
1845
+ },
1846
+ "propToVariantKeys": {
1847
+ "size": [
1848
+ "inputSizeRoot",
1849
+ "inputSizeInputWrapper",
1850
+ "inputSizeInput",
1851
+ "inputSizeLabel",
1852
+ "inputSizeStartIcon",
1853
+ "inputSizeEndIcon"
1854
+ ],
1855
+ "startIcon": ["icon"],
1856
+ "endIcon": ["icon"],
1857
+ "helperTextIcon": ["startIcon"]
1858
+ },
1904
1859
  "runtimeConfigDefaultProps": {},
1905
1860
  "runtimeConfigGetStyles": {},
1906
1861
  "runtimeConfigInternalComponentProps": {},
1907
1862
  "motionVarPrefixes": []
1908
1863
  };
1909
- var UDSTooltipConfigProvider = {
1910
- "name": "UDSTooltipConfigProvider",
1911
- "defaultProps": {},
1912
- "getStylesLiterals": {},
1864
+ var InputHelpText = {
1865
+ "name": "InputHelpText",
1866
+ "defaultProps": { "size": "md" },
1867
+ "getStylesLiterals": {
1868
+ "inputVariantRoot": "default",
1869
+ "inputVariantValueRoot": "empty",
1870
+ "inputVariantValueRoot:1": "filled"
1871
+ },
1913
1872
  "cxLiterals": [],
1914
- "internalComponents": ["TooltipContext.Provider"],
1915
- "internalComponentProps": {},
1916
- "propToVariantKeys": {},
1873
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1874
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1875
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1917
1876
  "runtimeConfigDefaultProps": {},
1918
1877
  "runtimeConfigGetStyles": {},
1919
1878
  "runtimeConfigInternalComponentProps": {},
1920
1879
  "motionVarPrefixes": []
1921
1880
  };
1922
- var UDSBreakpointsConfigProvider = {
1923
- "name": "UDSBreakpointsConfigProvider",
1881
+ var InputHelpTextInternal = {
1882
+ "name": "InputHelpTextInternal",
1924
1883
  "defaultProps": {},
1925
- "getStylesLiterals": {},
1884
+ "getStylesLiterals": {
1885
+ "inputVariantHelperText": "default",
1886
+ "inputVariantValueHelperText": "empty",
1887
+ "inputVariantValueHelperText:1": "filled",
1888
+ "inputVariantHelperIcon": "default",
1889
+ "inputVariantValueHelperIcon": "empty",
1890
+ "inputVariantValueHelperIcon:1": "filled"
1891
+ },
1926
1892
  "cxLiterals": [],
1927
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1928
- "internalComponentProps": {},
1929
- "propToVariantKeys": {},
1893
+ "internalComponents": ["IconSlot", "HStack"],
1894
+ "internalComponentProps": { "HStack": {
1895
+ "gap": ["1"],
1896
+ "alignItems": ["center"]
1897
+ } },
1898
+ "propToVariantKeys": {
1899
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1900
+ "startIcon": ["icon"],
1901
+ "endIcon": ["icon"]
1902
+ },
1930
1903
  "runtimeConfigDefaultProps": {},
1931
1904
  "runtimeConfigGetStyles": {},
1932
1905
  "runtimeConfigInternalComponentProps": {},
@@ -1951,346 +1924,357 @@ var UDSConfigProvider = {
1951
1924
  "runtimeConfigInternalComponentProps": {},
1952
1925
  "motionVarPrefixes": []
1953
1926
  };
1954
- var Accordion = {
1955
- "name": "Accordion",
1956
- "defaultProps": {
1957
- "spacingHorizontal": "4",
1958
- "spacingVertical": "4"
1959
- },
1927
+ var UDSBreakpointsConfigProvider = {
1928
+ "name": "UDSBreakpointsConfigProvider",
1929
+ "defaultProps": {},
1960
1930
  "getStylesLiterals": {},
1961
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1962
- "internalComponents": [
1963
- "Icon",
1964
- "SpringMotionConfig",
1965
- "Pressable",
1966
- "Text",
1967
- "HStack",
1968
- "AnimatePresence",
1969
- "VStack"
1970
- ],
1971
- "internalComponentProps": {
1972
- "Icon": {
1973
- "variant": ["fill"],
1974
- "size": ["sm"],
1975
- "color": ["primary"]
1976
- },
1977
- "SpringMotionConfig": {
1978
- "layoutVariant": ["smooth"],
1979
- "layoutSpeed": ["3"]
1980
- },
1981
- "Pressable": {
1982
- "display": ["flex"],
1983
- "flexDirection": ["row"],
1984
- "alignItems": ["center"],
1985
- "justifyContent": ["space-between"],
1986
- "borderRadius": ["md"]
1987
- },
1988
- "Text": {
1989
- "variant": ["title4"],
1990
- "color": ["primary"]
1991
- },
1992
- "HStack": {
1993
- "display": ["flex"],
1994
- "alignItems": ["center"],
1995
- "justifyContent": ["space-between"],
1996
- "columnGap": ["2.5"]
1997
- }
1998
- },
1931
+ "cxLiterals": [],
1932
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1933
+ "internalComponentProps": {},
1999
1934
  "propToVariantKeys": {},
2000
1935
  "runtimeConfigDefaultProps": {},
2001
1936
  "runtimeConfigGetStyles": {},
2002
1937
  "runtimeConfigInternalComponentProps": {},
2003
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1938
+ "motionVarPrefixes": []
2004
1939
  };
2005
- var AvoidMotionLibraryProvider = {
2006
- "name": "AvoidMotionLibraryProvider",
2007
- "defaultProps": {},
1940
+ var ChipLink = {
1941
+ "name": "ChipLink",
1942
+ "defaultProps": { "variant": "primary" },
2008
1943
  "getStylesLiterals": {},
2009
- "cxLiterals": [],
2010
- "internalComponents": [],
2011
- "internalComponentProps": {},
2012
- "propToVariantKeys": {},
1944
+ "cxLiterals": ["uds-ring"],
1945
+ "internalComponents": ["ChipBase"],
1946
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1947
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2013
1948
  "runtimeConfigDefaultProps": {},
2014
1949
  "runtimeConfigGetStyles": {},
2015
1950
  "runtimeConfigInternalComponentProps": {},
2016
1951
  "motionVarPrefixes": []
2017
1952
  };
2018
- var ExperimentalPopover = {
2019
- "name": "ExperimentalPopover",
2020
- "defaultProps": {},
1953
+ var ChipDismissible = {
1954
+ "name": "ChipDismissible",
1955
+ "defaultProps": { "variant": "primary" },
2021
1956
  "getStylesLiterals": {},
2022
- "cxLiterals": [],
1957
+ "cxLiterals": [
1958
+ "uds-chip-dismissible-button",
1959
+ "uds-hit-target",
1960
+ "uds-ring",
1961
+ "rounded-full"
1962
+ ],
2023
1963
  "internalComponents": [
2024
- "HStack",
2025
- "Text",
2026
- "ExperimentalPopoverHeadingBase"
1964
+ "ChipBase",
1965
+ "IconSlot",
1966
+ "Pressable"
2027
1967
  ],
2028
- "internalComponentProps": { "Text": {
2029
- "variant": ["headline1"],
2030
- "color": ["primary"]
2031
- } },
2032
- "propToVariantKeys": {},
1968
+ "internalComponentProps": {},
1969
+ "propToVariantKeys": {
1970
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1971
+ "dismissButtonAriaLabel": ["aria-label"]
1972
+ },
2033
1973
  "runtimeConfigDefaultProps": {},
2034
1974
  "runtimeConfigGetStyles": {},
2035
1975
  "runtimeConfigInternalComponentProps": {},
2036
1976
  "motionVarPrefixes": []
2037
1977
  };
2038
- var Modal = {
2039
- "name": "Modal",
1978
+ var ChipToggle = {
1979
+ "name": "ChipToggle",
1980
+ "defaultProps": {
1981
+ "variant": "primary",
1982
+ "role": "checkbox"
1983
+ },
1984
+ "getStylesLiterals": {
1985
+ "chipToggleVariantActiveRoot": "on",
1986
+ "chipToggleVariantActiveRoot:1": "off"
1987
+ },
1988
+ "cxLiterals": ["uds-ring"],
1989
+ "internalComponents": ["ChipBase"],
1990
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1991
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1992
+ "runtimeConfigDefaultProps": {},
1993
+ "runtimeConfigGetStyles": {},
1994
+ "runtimeConfigInternalComponentProps": {},
1995
+ "motionVarPrefixes": []
1996
+ };
1997
+ var Chip = {
1998
+ "name": "Chip",
2040
1999
  "defaultProps": {},
2041
2000
  "getStylesLiterals": {},
2042
- "cxLiterals": [
2043
- "inset-8",
2044
- "top-[250px]",
2045
- "z-50",
2046
- "mx-auto",
2047
- "h-fit",
2048
- "w-[600px]",
2049
- "origin-center",
2050
- "scale-95",
2051
- "opacity-0",
2052
- "transition",
2053
- "duration-150",
2054
- "data-[enter]:scale-100",
2055
- "data-[enter]:opacity-100",
2056
- "data-[enter]:bg-primary",
2057
- "backdrop-blur-0",
2058
- "data-[enter]:opacity-60",
2059
- "data-[enter]:backdrop-blur-sm"
2060
- ],
2001
+ "cxLiterals": [],
2061
2002
  "internalComponents": [
2062
- "IconButton",
2063
- "Dialog",
2064
- "HStack",
2065
- "Text",
2066
- "VStack"
2003
+ "ChipDismissible",
2004
+ "ChipToggle",
2005
+ "ChipLink",
2006
+ "ChipButton"
2067
2007
  ],
2068
- "internalComponentProps": {
2069
- "IconButton": {
2070
- "aria-label": ["Close"],
2071
- "size": ["sm"],
2072
- "variant": ["tertiary"]
2073
- },
2074
- "HStack": {
2075
- "alignItems": ["center"],
2076
- "justifyContent": ["space-between"]
2077
- },
2078
- "Text": {
2079
- "variant": ["headline1"],
2080
- "color": ["primary"]
2081
- },
2082
- "VStack": {
2083
- "borderRadius": ["md"],
2084
- "position": ["fixed"],
2085
- "backgroundColor": ["primary"],
2086
- "dropShadow": ["md"],
2087
- "spacing": ["8"],
2088
- "overflow": ["hidden"]
2089
- }
2090
- },
2091
- "propToVariantKeys": { "handleClose": ["onClick"] },
2008
+ "internalComponentProps": {},
2009
+ "propToVariantKeys": {},
2092
2010
  "runtimeConfigDefaultProps": {},
2093
2011
  "runtimeConfigGetStyles": {},
2094
2012
  "runtimeConfigInternalComponentProps": {},
2095
2013
  "motionVarPrefixes": []
2096
2014
  };
2097
- var SegmentedControl = {
2098
- "name": "SegmentedControl",
2099
- "defaultProps": { "textVariant": "label2" },
2100
- "getStylesLiterals": {
2101
- "display": "flex",
2102
- "alignItems": "center",
2103
- "backgroundColor": "primary",
2104
- "spacingVertical": "1",
2105
- "spacingHorizontal": "3",
2106
- "columnGap": "1.5",
2107
- "borderWidth": "thin",
2108
- "borderRadius": "full",
2109
- "borderColor": "muted",
2110
- "borderColor:1": "transparent",
2111
- "color": "primary",
2112
- "color:1": "tertiary",
2113
- "color:2": "muted"
2015
+ var ChipBase = {
2016
+ "name": "ChipBase",
2017
+ "defaultProps": {
2018
+ "size": "md",
2019
+ "as": "div"
2114
2020
  },
2021
+ "getStylesLiterals": {},
2115
2022
  "cxLiterals": [
2116
- "uds-ring",
2117
- "cursor-not-allowed",
2118
- "opacity-50",
2119
2023
  "pointer-events-none",
2120
- "hover:bg-primary"
2024
+ "cursor-default",
2025
+ "opacity-50",
2026
+ "inline-flex",
2027
+ "items-center",
2028
+ "transition-[background-color,outline-color,box-shadow]",
2029
+ "truncate",
2030
+ "whitespace-nowrap",
2031
+ "text-center",
2032
+ "flex-1"
2121
2033
  ],
2122
2034
  "internalComponents": [
2123
- "TextVariant",
2124
- "Radio",
2125
- "Icon",
2126
- "RadioProvider",
2035
+ "IconSlot",
2127
2036
  "HStack",
2128
- "RadioGroup",
2129
- "Pressable",
2037
+ "As",
2130
2038
  "Text"
2131
2039
  ],
2132
- "internalComponentProps": {
2133
- "Icon": {
2134
- "size": ["sm"],
2135
- "color": ["current"],
2136
- "aria-hidden": ["true"]
2137
- },
2138
- "HStack": {
2139
- "spacing": ["1"],
2140
- "gap": ["1"],
2141
- "backgroundColor": ["secondary"],
2142
- "borderRadius": ["full"],
2143
- "display": ["inline-flex"]
2144
- },
2145
- "Text": { "color": ["current"] }
2146
- },
2040
+ "internalComponentProps": { "Text": {
2041
+ "as": ["span"],
2042
+ "color": ["current"],
2043
+ "variant": ["inherit"]
2044
+ } },
2147
2045
  "propToVariantKeys": {
2148
- "value": ["key"],
2149
- "label": ["aria-label"],
2150
- "textVariant": ["variant"]
2046
+ "size": ["chipSizeRoot", "chipSizeIcon"],
2047
+ "startIcon": ["icon"],
2048
+ "endIcon": ["icon"]
2151
2049
  },
2152
2050
  "runtimeConfigDefaultProps": {},
2153
2051
  "runtimeConfigGetStyles": {},
2154
2052
  "runtimeConfigInternalComponentProps": {},
2155
2053
  "motionVarPrefixes": []
2156
2054
  };
2157
- var SwitchV2 = {
2158
- "name": "SwitchV2",
2055
+ var ChipButton = {
2056
+ "name": "ChipButton",
2057
+ "defaultProps": { "variant": "primary" },
2058
+ "getStylesLiterals": {},
2059
+ "cxLiterals": ["uds-ring"],
2060
+ "internalComponents": ["ChipBase"],
2061
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2062
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2063
+ "runtimeConfigDefaultProps": {},
2064
+ "runtimeConfigGetStyles": {},
2065
+ "runtimeConfigInternalComponentProps": {},
2066
+ "motionVarPrefixes": []
2067
+ };
2068
+ var Menu_Item = {
2069
+ "name": "Menu.Item",
2070
+ "defaultProps": {},
2071
+ "getStylesLiterals": {
2072
+ "menuitemItemVariantRoot": "default",
2073
+ "menuitemItemVariantActiveRoot": "on",
2074
+ "menuitemItemVariantActiveRoot:1": "off",
2075
+ "menuitemItemVariantText": "default",
2076
+ "menuitemItemVariantActiveText": "on",
2077
+ "menuitemItemVariantActiveText:1": "off",
2078
+ "menuitemItemVariantIcon": "default",
2079
+ "menuitemItemVariantActiveIcon": "on",
2080
+ "menuitemItemVariantActiveIcon:1": "off"
2081
+ },
2082
+ "cxLiterals": [],
2083
+ "internalComponents": ["MenuItemBase"],
2084
+ "internalComponentProps": {},
2085
+ "propToVariantKeys": {},
2086
+ "runtimeConfigDefaultProps": {},
2087
+ "runtimeConfigGetStyles": {},
2088
+ "runtimeConfigInternalComponentProps": {},
2089
+ "motionVarPrefixes": []
2090
+ };
2091
+ var Menu_Provider = {
2092
+ "name": "Menu.Provider",
2093
+ "defaultProps": {},
2094
+ "getStylesLiterals": {},
2095
+ "cxLiterals": [],
2096
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
2097
+ "internalComponentProps": {},
2098
+ "propToVariantKeys": {},
2099
+ "runtimeConfigDefaultProps": {},
2100
+ "runtimeConfigGetStyles": {},
2101
+ "runtimeConfigInternalComponentProps": {},
2102
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2103
+ };
2104
+ var Menu_ItemBase = {
2105
+ "name": "Menu.ItemBase",
2159
2106
  "defaultProps": {
2160
- "labelPosition": "start",
2161
- "size": "md"
2107
+ "spacing": "0",
2108
+ "spacingHorizontal": "4",
2109
+ "spacingVertical": "3.5",
2110
+ "columnGap": "2",
2111
+ "alignItems": "center",
2112
+ "justifyContent": "space-between"
2162
2113
  },
2163
2114
  "getStylesLiterals": {
2164
- "switchVariantRoot": "default",
2165
- "switchVariantActiveRoot": "on",
2166
- "switchVariantActiveRoot:1": "off",
2167
- "switchVariantSwitch": "default",
2168
- "switchVariantActiveSwitch": "on",
2169
- "switchVariantActiveSwitch:1": "off",
2170
- "switchVariantActiveHandle": "on",
2171
- "switchVariantActiveHandle:1": "off",
2172
- "switchVariantHandle": "default",
2173
- "switchVariantHandleIcon": "default",
2174
- "switchVariantActiveHandleIcon": "on",
2175
- "switchVariantActiveHandleIcon:1": "off"
2115
+ "textAlign": "start",
2116
+ "menuitemSizeRoot": "default",
2117
+ "flexDirection": "row",
2118
+ "menuitemSizeStartIcon": "default",
2119
+ "menuitemSizeEndIcon": "default"
2176
2120
  },
2177
2121
  "cxLiterals": [
2178
- "group",
2179
2122
  "flex",
2180
- "items-center",
2181
- "flex-row",
2182
- "flex-row-reverse",
2123
+ "focus-visible:text-brand",
2124
+ "focus-visible:bg-brand-secondary",
2125
+ "focus-visible:z-10",
2183
2126
  "uds-ring",
2184
- "uds-ring-within",
2185
- "relative",
2186
- "uds-border-radius-full",
2187
- "transition-[background-color,box-shadow]",
2188
- "pointer-events-none",
2189
- "w-full",
2190
- "h-full",
2191
- "absolute",
2192
- "top-0",
2193
- "bottom-0",
2194
- "right-0",
2195
- "left-0",
2196
- "overflow-hidden",
2197
- "group-hover:scale-105",
2198
- "opacity-95",
2199
- "group-hover:opacity-100",
2200
- "transition-[transform,opacity]",
2201
- "opacity-0",
2202
- "top-1/2",
2203
- "left-1/2",
2204
- "transform",
2205
- "translate-x-[-50%]",
2206
- "translate-y-[-50%]",
2207
- "transition-opacity",
2208
- "cursor-[inherit]",
2209
- "w-[calc(100%+2px)]",
2210
- "h-[calc(100%+2px)]",
2211
- "text-start",
2212
- "text-end",
2213
- "opacity-100"
2127
+ "!-outline-offset-2",
2128
+ "[&:not([aria-checked])]:cursor-default",
2129
+ "opacity-25",
2130
+ "cursor-not-allowed",
2131
+ "duration-20",
2132
+ "transition-[font-variation-settings]",
2133
+ "ease-in-out",
2134
+ "z-0",
2135
+ "uds-start-icon",
2136
+ "uds-end-icon"
2214
2137
  ],
2215
2138
  "internalComponents": [
2139
+ "Pressable",
2216
2140
  "IconSlot",
2217
- "Box",
2218
- "FormLabel",
2219
- "SpringMotionConfig",
2220
- "RootElement",
2221
- "MotionBox"
2141
+ "RootComponent",
2142
+ "HStack",
2143
+ "AnimatePresence"
2222
2144
  ],
2223
2145
  "internalComponentProps": {
2224
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2225
- "FormLabel": {
2226
- "as": ["div"],
2227
- "variant": ["inherit"],
2228
- "color": ["inherit"]
2229
- },
2230
- "SpringMotionConfig": {
2231
- "layoutVariant": ["bouncy"],
2232
- "layoutSpeed": ["4"]
2233
- },
2234
- "RootElement": { "data-testid": ["switch-root"] },
2235
- "MotionBox": { "layout": ["position"] }
2236
- },
2237
- "propToVariantKeys": {
2238
- "size": [
2239
- "switchSizeRoot",
2240
- "switchSizeSwitch",
2241
- "switchSizeHandle",
2242
- "switchSizeHandleIcon"
2243
- ],
2244
- "onIcon": ["icon"],
2245
- "offIcon": ["icon"],
2246
- "reduceMotion": ["reducedMotion"],
2247
- "isOn": ["layoutDependency"]
2146
+ "HStack": {
2147
+ "alignItems": ["center"],
2148
+ "width": ["full"]
2149
+ },
2150
+ "AnimatePresence": { "mode": ["popLayout"] }
2151
+ },
2152
+ "propToVariantKeys": {
2153
+ "startIcon": ["icon"],
2154
+ "endIcon": ["icon"],
2155
+ "columnGap": ["gap"]
2248
2156
  },
2249
2157
  "runtimeConfigDefaultProps": {},
2250
2158
  "runtimeConfigGetStyles": {},
2251
2159
  "runtimeConfigInternalComponentProps": {},
2252
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2160
+ "motionVarPrefixes": []
2253
2161
  };
2254
- var Tabs = {
2255
- "name": "Tabs",
2162
+ var Menu_Trigger = {
2163
+ "name": "Menu.Trigger",
2256
2164
  "defaultProps": {},
2257
- "getStylesLiterals": {
2258
- "display": "flex",
2259
- "flexDirection": "row",
2260
- "columnGap": "6"
2165
+ "getStylesLiterals": {},
2166
+ "cxLiterals": ["uds-menu-trigger"],
2167
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
2168
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2169
+ "propToVariantKeys": {},
2170
+ "runtimeConfigDefaultProps": {},
2171
+ "runtimeConfigGetStyles": {},
2172
+ "runtimeConfigInternalComponentProps": {},
2173
+ "motionVarPrefixes": []
2174
+ };
2175
+ var Menu_index = {
2176
+ "name": "Menu.index",
2177
+ "defaultProps": {},
2178
+ "getStylesLiterals": {},
2179
+ "cxLiterals": [],
2180
+ "internalComponents": [],
2181
+ "internalComponentProps": {},
2182
+ "propToVariantKeys": {},
2183
+ "runtimeConfigDefaultProps": {},
2184
+ "runtimeConfigGetStyles": {},
2185
+ "runtimeConfigInternalComponentProps": {},
2186
+ "motionVarPrefixes": []
2187
+ };
2188
+ var Menu_Content = {
2189
+ "name": "Menu.Content",
2190
+ "defaultProps": {
2191
+ "size": "default",
2192
+ "variant": "default",
2193
+ "gutter": "1"
2261
2194
  },
2195
+ "getStylesLiterals": {},
2262
2196
  "cxLiterals": [
2263
- "text-tertiary",
2264
- "border-b-transparent",
2265
- "aria-selected:border-b-brand",
2266
- "aria-selected:text-secondary"
2197
+ "uds-menu-content",
2198
+ "transition-shadow",
2199
+ "duration-200",
2200
+ "ease-in-out",
2201
+ "min-w-60",
2202
+ "max-w-lg",
2203
+ "max-h-96",
2204
+ "overflow-auto",
2205
+ "uds-ring",
2206
+ "z-10",
2207
+ "group"
2267
2208
  ],
2268
2209
  "internalComponents": [
2269
- "TabProvider",
2270
- "OriginalTabList",
2271
- "OriginalTab",
2272
- "Icon",
2273
- "OriginalTabPanel",
2274
- "Pressable",
2275
- "Comp",
2276
- "Text"
2210
+ "AriakitMenu",
2211
+ "AnimatePresence",
2212
+ "MotionVStack"
2277
2213
  ],
2278
- "internalComponentProps": {
2279
- "Icon": {
2280
- "className": ["text-current"],
2281
- "size": ["md"]
2282
- },
2283
- "Pressable": {
2284
- "borderBottomWidth": ["medium"],
2285
- "spacingBottom": ["1"],
2286
- "spacingTop": ["4"]
2287
- },
2288
- "Text": {
2289
- "className": ["text-current"],
2290
- "variant": ["headline1"],
2291
- "as": ["span"]
2292
- }
2214
+ "internalComponentProps": {},
2215
+ "propToVariantKeys": {
2216
+ "size": ["menucontentSizeRoot"],
2217
+ "variant": ["menucontentVariantRoot"]
2218
+ },
2219
+ "runtimeConfigDefaultProps": {},
2220
+ "runtimeConfigGetStyles": {},
2221
+ "runtimeConfigInternalComponentProps": {},
2222
+ "motionVarPrefixes": []
2223
+ };
2224
+ var Menu_Divider = {
2225
+ "name": "Menu.Divider",
2226
+ "defaultProps": {
2227
+ "role": "separator",
2228
+ "contentPosition": "start",
2229
+ "gap": "4"
2230
+ },
2231
+ "getStylesLiterals": {
2232
+ "menuitemDividerVariantRoot": "default",
2233
+ "menuitemDividerVariantText": "default",
2234
+ "menuitemDividerVariantLine": "default"
2235
+ },
2236
+ "cxLiterals": [],
2237
+ "internalComponents": ["DividerInternal"],
2238
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
2239
+ "propToVariantKeys": {},
2240
+ "runtimeConfigDefaultProps": {},
2241
+ "runtimeConfigGetStyles": {},
2242
+ "runtimeConfigInternalComponentProps": {},
2243
+ "motionVarPrefixes": []
2244
+ };
2245
+ var Menu = {
2246
+ "name": "Menu",
2247
+ "defaultProps": {},
2248
+ "getStylesLiterals": {},
2249
+ "cxLiterals": [],
2250
+ "internalComponents": [],
2251
+ "internalComponentProps": {},
2252
+ "propToVariantKeys": {},
2253
+ "runtimeConfigDefaultProps": {},
2254
+ "runtimeConfigGetStyles": {},
2255
+ "runtimeConfigInternalComponentProps": {},
2256
+ "motionVarPrefixes": []
2257
+ };
2258
+ var Menu_ItemCheckbox = {
2259
+ "name": "Menu.ItemCheckbox",
2260
+ "defaultProps": {},
2261
+ "getStylesLiterals": {
2262
+ "menuitemItemCheckboxVariantRoot": "default",
2263
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2264
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2265
+ "menuitemItemCheckboxVariantText": "default",
2266
+ "menuitemItemCheckboxVariantActiveText": "on",
2267
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2268
+ "menuitemItemCheckboxVariantStartIcon": "default",
2269
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2270
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2271
+ "menuitemItemCheckboxVariantEndIcon": "default",
2272
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2273
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2293
2274
  },
2275
+ "cxLiterals": ["uds-menu-item-checkbox"],
2276
+ "internalComponents": ["MenuItemBase"],
2277
+ "internalComponentProps": {},
2294
2278
  "propToVariantKeys": {},
2295
2279
  "runtimeConfigDefaultProps": {},
2296
2280
  "runtimeConfigGetStyles": {},
@@ -2298,88 +2282,87 @@ var Tabs = {
2298
2282
  "motionVarPrefixes": []
2299
2283
  };
2300
2284
  var componentData_default = {
2301
- Box,
2302
- FormLabel,
2303
- HStack,
2304
- Icon,
2305
- IconSlot,
2306
- Image,
2307
2285
  Link,
2286
+ VStack,
2287
+ Box,
2308
2288
  Scrim,
2289
+ Icon,
2309
2290
  SvgFloatingOverlay,
2291
+ FormLabel,
2310
2292
  Text,
2311
- VStack,
2312
- Divider,
2293
+ IconSlot,
2294
+ HStack,
2295
+ Image,
2296
+ "Table.mocks": Table_mocks,
2297
+ Table,
2298
+ Spinner,
2313
2299
  DividerCore,
2314
2300
  DividerInternal,
2315
- AnimateHeightChange,
2316
- Badge,
2301
+ Divider,
2317
2302
  Button,
2318
2303
  Checkbox,
2319
- IconButton,
2320
- Pressable,
2321
2304
  SpringMotionConfig,
2305
+ IconButton,
2322
2306
  Switch,
2323
- Spinner,
2324
- "Table.mocks": Table_mocks,
2325
- Table,
2326
- Avatar,
2327
- AvatarIcon,
2307
+ Badge,
2308
+ AnimateHeightChange,
2309
+ Pressable,
2310
+ AvoidMotionLibraryProvider,
2311
+ SegmentedControl,
2312
+ SwitchV2,
2313
+ Tabs,
2314
+ Modal,
2315
+ Accordion,
2328
2316
  AvatarImage,
2329
2317
  AvatarText,
2330
- BottomSheet,
2318
+ Avatar,
2319
+ AvatarIcon,
2320
+ UDSPopoverConfigProvider,
2321
+ Popover,
2322
+ PopoverContext,
2323
+ PopoverTrigger,
2324
+ PopoverContent,
2331
2325
  BottomSheetContent,
2332
2326
  BottomSheetDismiss,
2327
+ BottomSheet,
2333
2328
  BottomSheetHandle,
2334
- BottomSheetHeader,
2335
2329
  BottomSheetInternalContext,
2336
- BottomSheetProvider,
2330
+ BottomSheetHeader,
2337
2331
  BottomSheetTrigger,
2332
+ BottomSheetProvider,
2338
2333
  UDSBottomSheetConfigProvider,
2339
- Chip,
2340
- ChipBase,
2341
- ChipButton,
2342
- ChipDismissible,
2343
- ChipLink,
2344
- ChipToggle,
2334
+ RadioGroupStore,
2335
+ RadioGroupProvider,
2336
+ Radio,
2337
+ UDSToastConfigProvider,
2338
+ Toast,
2339
+ ToastContainer,
2340
+ ToastPortal,
2341
+ UDSTooltipConfigProvider,
2342
+ TooltipTrigger,
2343
+ TooltipContent,
2344
+ Tooltip,
2345
2345
  Input,
2346
2346
  InputHelpText,
2347
2347
  InputHelpTextInternal,
2348
- Popover,
2349
- PopoverContent,
2350
- PopoverContext,
2351
- PopoverTrigger,
2352
- UDSPopoverConfigProvider,
2353
- "Menu.Content": Menu_Content,
2354
- "Menu.Divider": Menu_Divider,
2348
+ UDSConfigProvider,
2349
+ UDSBreakpointsConfigProvider,
2350
+ ChipLink,
2351
+ ChipDismissible,
2352
+ ChipToggle,
2353
+ Chip,
2354
+ ChipBase,
2355
+ ChipButton,
2355
2356
  "Menu.Item": Menu_Item,
2356
- "Menu.ItemBase": Menu_ItemBase,
2357
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2358
2357
  "Menu.Provider": Menu_Provider,
2358
+ "Menu.ItemBase": Menu_ItemBase,
2359
2359
  "Menu.Trigger": Menu_Trigger,
2360
2360
  "Menu.index": Menu_index,
2361
+ "Menu.Content": Menu_Content,
2362
+ "Menu.Divider": Menu_Divider,
2361
2363
  Menu,
2362
- Radio,
2363
- RadioGroupProvider,
2364
- RadioGroupStore,
2365
- Toast,
2366
- ToastContainer,
2367
- ToastPortal,
2368
- UDSToastConfigProvider,
2369
- Tooltip,
2370
- TooltipContent,
2371
- TooltipTrigger,
2372
- UDSTooltipConfigProvider,
2373
- UDSBreakpointsConfigProvider,
2374
- UDSConfigProvider,
2375
- Accordion,
2376
- AvoidMotionLibraryProvider,
2377
- ExperimentalPopover,
2378
- Modal,
2379
- SegmentedControl,
2380
- SwitchV2,
2381
- Tabs
2364
+ "Menu.ItemCheckbox": Menu_ItemCheckbox
2382
2365
  };
2383
2366
 
2384
2367
  //#endregion
2385
- export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetInternalContext, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, ExperimentalPopover, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Menu_index as "Menu.index", Modal, Popover, PopoverContent, PopoverContext, PopoverTrigger, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, SvgFloatingOverlay, Switch, SwitchV2, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };
2368
+ export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetInternalContext, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Menu_index as "Menu.index", Modal, Popover, PopoverContent, PopoverContext, PopoverTrigger, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, SvgFloatingOverlay, Switch, SwitchV2, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };