@yahoo/uds 3.116.3 → 3.117.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (150) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +11 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +11 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +11 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +11 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1890 -0
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +208 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +208 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1890 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +83 -0
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +2 -1
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +2 -1
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +83 -0
  13. package/dist/cli/commands/sync.cjs +6 -0
  14. package/dist/cli/commands/sync.js +6 -0
  15. package/dist/components/SvgFloatingOverlay.cjs +122 -0
  16. package/dist/components/SvgFloatingOverlay.d.cts +42 -0
  17. package/dist/components/SvgFloatingOverlay.d.ts +42 -0
  18. package/dist/components/SvgFloatingOverlay.js +120 -0
  19. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  20. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  21. package/dist/components/client/Popover/Popover.cjs +96 -0
  22. package/dist/components/client/Popover/Popover.d.cts +55 -0
  23. package/dist/components/client/Popover/Popover.d.ts +55 -0
  24. package/dist/components/client/Popover/Popover.js +94 -0
  25. package/dist/components/client/Popover/PopoverContent.cjs +175 -0
  26. package/dist/components/client/Popover/PopoverContent.d.cts +26 -0
  27. package/dist/components/client/Popover/PopoverContent.d.ts +26 -0
  28. package/dist/components/client/Popover/PopoverContent.js +173 -0
  29. package/dist/components/client/Popover/PopoverContext.cjs +11 -0
  30. package/dist/components/client/Popover/PopoverContext.d.cts +21 -0
  31. package/dist/components/client/Popover/PopoverContext.d.ts +21 -0
  32. package/dist/components/client/Popover/PopoverContext.js +9 -0
  33. package/dist/components/client/Popover/PopoverTrigger.cjs +26 -0
  34. package/dist/components/client/Popover/PopoverTrigger.d.cts +14 -0
  35. package/dist/components/client/Popover/PopoverTrigger.d.ts +14 -0
  36. package/dist/components/client/Popover/PopoverTrigger.js +24 -0
  37. package/dist/components/client/Popover/UDSPopoverConfigProvider.cjs +40 -0
  38. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +28 -0
  39. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +28 -0
  40. package/dist/components/client/Popover/UDSPopoverConfigProvider.js +37 -0
  41. package/dist/components/client/Popover/index.cjs +12 -0
  42. package/dist/components/client/Popover/index.d.cts +7 -0
  43. package/dist/components/client/Popover/index.d.ts +7 -0
  44. package/dist/components/client/Popover/index.js +8 -0
  45. package/dist/components/client/Toast/Toast.cjs +3 -3
  46. package/dist/components/client/Toast/Toast.d.cts +1 -1
  47. package/dist/components/client/Toast/Toast.d.ts +1 -1
  48. package/dist/components/client/Toast/Toast.js +3 -3
  49. package/dist/components/client/Toast/index.d.cts +1 -1
  50. package/dist/components/client/Toast/index.d.ts +1 -1
  51. package/dist/components/client/Tooltip/Tooltip.cjs +6 -6
  52. package/dist/components/client/Tooltip/Tooltip.d.cts +1 -1
  53. package/dist/components/client/Tooltip/Tooltip.d.ts +1 -1
  54. package/dist/components/client/Tooltip/Tooltip.js +6 -6
  55. package/dist/components/client/Tooltip/TooltipContent.cjs +33 -96
  56. package/dist/components/client/Tooltip/TooltipContent.js +34 -97
  57. package/dist/components/client/Tooltip/tooltipContext.cjs +0 -1
  58. package/dist/components/client/Tooltip/tooltipContext.d.cts +1 -2
  59. package/dist/components/client/Tooltip/tooltipContext.d.ts +1 -2
  60. package/dist/components/client/Tooltip/tooltipContext.js +0 -1
  61. package/dist/components/client/index.cjs +8 -0
  62. package/dist/components/client/index.d.cts +10 -5
  63. package/dist/components/client/index.d.ts +10 -5
  64. package/dist/components/client/index.js +5 -1
  65. package/dist/components/client/providers/UDSConfigProvider.cjs +6 -2
  66. package/dist/components/client/providers/UDSConfigProvider.d.cts +2 -1
  67. package/dist/components/client/providers/UDSConfigProvider.d.ts +2 -1
  68. package/dist/components/client/providers/UDSConfigProvider.js +6 -2
  69. package/dist/components/experimental/client/{Popover.cjs → ExperimentalPopover.cjs} +10 -1
  70. package/dist/components/experimental/client/ExperimentalPopover.d.cts +40 -0
  71. package/dist/components/experimental/client/ExperimentalPopover.d.ts +40 -0
  72. package/dist/components/experimental/client/{Popover.js → ExperimentalPopover.js} +10 -1
  73. package/dist/components/experimental/client/index.cjs +10 -10
  74. package/dist/components/experimental/client/index.d.cts +2 -2
  75. package/dist/components/experimental/client/index.d.ts +2 -2
  76. package/dist/components/experimental/client/index.js +1 -1
  77. package/dist/components/experimental/index.cjs +19 -19
  78. package/dist/components/experimental/index.d.cts +2 -2
  79. package/dist/components/experimental/index.d.ts +2 -2
  80. package/dist/components/experimental/index.js +1 -1
  81. package/dist/components/index.cjs +12 -0
  82. package/dist/components/index.d.cts +9 -5
  83. package/dist/components/index.d.ts +9 -5
  84. package/dist/components/index.js +9 -1
  85. package/dist/config/dist/index.cjs +84 -1
  86. package/dist/config/dist/index.js +84 -1
  87. package/dist/hooks/useSvgFloatingContent.cjs +236 -0
  88. package/dist/hooks/useSvgFloatingContent.d.cts +74 -0
  89. package/dist/hooks/useSvgFloatingContent.d.ts +74 -0
  90. package/dist/{components/client/Tooltip/useTooltipContent.js → hooks/useSvgFloatingContent.js} +94 -44
  91. package/dist/index.cjs +21 -10
  92. package/dist/index.d.cts +15 -10
  93. package/dist/index.d.ts +15 -10
  94. package/dist/index.js +16 -11
  95. package/dist/runtime/index.cjs +2 -0
  96. package/dist/runtime/index.d.cts +3 -2
  97. package/dist/runtime/index.d.ts +3 -2
  98. package/dist/runtime/index.js +2 -1
  99. package/dist/runtime/popoverConfig.cjs +36 -0
  100. package/dist/runtime/popoverConfig.d.cts +25 -0
  101. package/dist/runtime/popoverConfig.d.ts +25 -0
  102. package/dist/runtime/popoverConfig.js +35 -0
  103. package/dist/runtime/udsConfig.cjs +3 -1
  104. package/dist/runtime/udsConfig.d.cts +3 -1
  105. package/dist/runtime/udsConfig.d.ts +3 -1
  106. package/dist/runtime/udsConfig.js +3 -1
  107. package/dist/styles/styler.d.cts +114 -103
  108. package/dist/styles/styler.d.ts +114 -103
  109. package/dist/styles/variants.d.cts +33 -0
  110. package/dist/styles/variants.d.ts +33 -0
  111. package/dist/tailwind/dist/tailwind/plugins/components.cjs +1 -0
  112. package/dist/tailwind/dist/tailwind/plugins/components.js +2 -1
  113. package/dist/tokens/automation/configs/index.cjs +1 -0
  114. package/dist/tokens/automation/configs/index.d.cts +2 -2
  115. package/dist/tokens/automation/configs/index.d.ts +2 -2
  116. package/dist/tokens/automation/configs/index.js +2 -2
  117. package/dist/tokens/automation/index.cjs +1 -0
  118. package/dist/tokens/automation/index.d.cts +2 -2
  119. package/dist/tokens/automation/index.d.ts +2 -2
  120. package/dist/tokens/automation/index.js +2 -2
  121. package/dist/tokens/index.cjs +2 -1
  122. package/dist/tokens/index.d.cts +3 -3
  123. package/dist/tokens/index.d.ts +3 -3
  124. package/dist/tokens/index.js +3 -3
  125. package/dist/tokens/types.d.cts +2 -2
  126. package/dist/tokens/types.d.ts +2 -2
  127. package/dist/types/dist/index.d.cts +51 -1
  128. package/dist/types/dist/index.d.ts +51 -1
  129. package/dist/uds/generated/componentData.cjs +1296 -1134
  130. package/dist/uds/generated/componentData.js +1262 -1136
  131. package/dist/uds/generated/tailwindPurge.cjs +55 -27
  132. package/dist/uds/generated/tailwindPurge.js +55 -27
  133. package/dist/utils/parseShadow.cjs +120 -0
  134. package/dist/utils/parseShadow.d.cts +33 -0
  135. package/dist/utils/parseShadow.d.ts +33 -0
  136. package/dist/utils/parseShadow.js +118 -0
  137. package/dist/utils/svgFloatingContentUtils.cjs +121 -0
  138. package/dist/{components/client/Tooltip/util.d.cts → utils/svgFloatingContentUtils.d.cts} +25 -62
  139. package/dist/{components/client/Tooltip/util.d.ts → utils/svgFloatingContentUtils.d.ts} +25 -62
  140. package/dist/utils/svgFloatingContentUtils.js +117 -0
  141. package/generated/componentData.json +1628 -1469
  142. package/generated/tailwindPurge.ts +4 -4
  143. package/package.json +1 -1
  144. package/dist/components/client/Tooltip/useTooltipContent.cjs +0 -186
  145. package/dist/components/client/Tooltip/useTooltipContent.d.cts +0 -66
  146. package/dist/components/client/Tooltip/useTooltipContent.d.ts +0 -66
  147. package/dist/components/client/Tooltip/util.cjs +0 -248
  148. package/dist/components/client/Tooltip/util.js +0 -240
  149. package/dist/components/experimental/client/Popover.d.cts +0 -29
  150. package/dist/components/experimental/client/Popover.d.ts +0 -29
@@ -1,86 +1,6 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
 
3
3
  //#region generated/componentData.json
4
- var Box = {
5
- "name": "Box",
6
- "defaultProps": {
7
- "as": "div",
8
- "display": "flex"
9
- },
10
- "getStylesLiterals": {},
11
- "cxLiterals": [],
12
- "internalComponents": ["Comp"],
13
- "internalComponentProps": {},
14
- "propToVariantKeys": { "elevationAlias": [
15
- "backgroundColor",
16
- "borderColor",
17
- "borderWidth",
18
- "dropShadow"
19
- ] },
20
- "motionVarPrefixes": []
21
- };
22
- var FormLabel = {
23
- "name": "FormLabel",
24
- "defaultProps": {
25
- "color": "muted",
26
- "variant": "label3",
27
- "as": "label"
28
- },
29
- "getStylesLiterals": {},
30
- "cxLiterals": ["cursor-[inherit]"],
31
- "internalComponents": ["Text"],
32
- "internalComponentProps": { "Text": {
33
- "as": ["sup"],
34
- "variant": ["inherit"],
35
- "spacingStart": ["0.5"]
36
- } },
37
- "propToVariantKeys": {},
38
- "motionVarPrefixes": []
39
- };
40
- var HStack = {
41
- "name": "HStack",
42
- "defaultProps": {},
43
- "getStylesLiterals": {},
44
- "cxLiterals": [],
45
- "internalComponents": ["Box"],
46
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
47
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
48
- "motionVarPrefixes": []
49
- };
50
- var Icon = {
51
- "name": "Icon",
52
- "defaultProps": {
53
- "size": "md",
54
- "variant": "outline",
55
- "color": "primary"
56
- },
57
- "getStylesLiterals": { "flex": "none" },
58
- "cxLiterals": ["[&_path]:fill-current"],
59
- "internalComponents": ["SVGIcon"],
60
- "internalComponentProps": {},
61
- "propToVariantKeys": {},
62
- "motionVarPrefixes": []
63
- };
64
- var IconSlot = {
65
- "name": "IconSlot",
66
- "defaultProps": {},
67
- "getStylesLiterals": {},
68
- "cxLiterals": [],
69
- "internalComponents": ["Icon"],
70
- "internalComponentProps": {},
71
- "propToVariantKeys": {},
72
- "motionVarPrefixes": []
73
- };
74
- var Image = {
75
- "name": "Image",
76
- "defaultProps": {},
77
- "getStylesLiterals": {},
78
- "cxLiterals": [],
79
- "internalComponents": [],
80
- "internalComponentProps": {},
81
- "propToVariantKeys": {},
82
- "motionVarPrefixes": []
83
- };
84
4
  var Link = {
85
5
  "name": "Link",
86
6
  "defaultProps": { "variant": "primary" },
@@ -116,6 +36,34 @@ var Link = {
116
36
  },
117
37
  "motionVarPrefixes": []
118
38
  };
39
+ var VStack = {
40
+ "name": "VStack",
41
+ "defaultProps": {},
42
+ "getStylesLiterals": {},
43
+ "cxLiterals": [],
44
+ "internalComponents": ["Box"],
45
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
46
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
47
+ "motionVarPrefixes": []
48
+ };
49
+ var Box = {
50
+ "name": "Box",
51
+ "defaultProps": {
52
+ "as": "div",
53
+ "display": "flex"
54
+ },
55
+ "getStylesLiterals": {},
56
+ "cxLiterals": [],
57
+ "internalComponents": ["Comp"],
58
+ "internalComponentProps": {},
59
+ "propToVariantKeys": { "elevationAlias": [
60
+ "backgroundColor",
61
+ "borderColor",
62
+ "borderWidth",
63
+ "dropShadow"
64
+ ] },
65
+ "motionVarPrefixes": []
66
+ };
119
67
  var Scrim = {
120
68
  "name": "Scrim",
121
69
  "defaultProps": {
@@ -140,6 +88,66 @@ var Scrim = {
140
88
  "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
141
89
  "motionVarPrefixes": []
142
90
  };
91
+ var Icon = {
92
+ "name": "Icon",
93
+ "defaultProps": {
94
+ "size": "md",
95
+ "variant": "outline",
96
+ "color": "primary"
97
+ },
98
+ "getStylesLiterals": { "flex": "none" },
99
+ "cxLiterals": ["[&_path]:fill-current"],
100
+ "internalComponents": ["SVGIcon"],
101
+ "internalComponentProps": {},
102
+ "propToVariantKeys": {},
103
+ "motionVarPrefixes": []
104
+ };
105
+ var SvgFloatingOverlay = {
106
+ "name": "SvgFloatingOverlay",
107
+ "defaultProps": {},
108
+ "getStylesLiterals": {},
109
+ "cxLiterals": [
110
+ "absolute",
111
+ "top-0",
112
+ "left-0",
113
+ "w-full",
114
+ "h-full",
115
+ "overflow-visible",
116
+ "pointer-events-none",
117
+ "z-[2]",
118
+ "z-[3]",
119
+ "max-h-full",
120
+ "gap-[inherit]"
121
+ ],
122
+ "internalComponents": ["Box", "Fragment"],
123
+ "internalComponentProps": { "Box": {
124
+ "position": ["relative"],
125
+ "flexGrow": ["1"],
126
+ "overflow": ["hidden", "auto"],
127
+ "display": ["block"],
128
+ "className": ["max-h-full gap-[inherit]"]
129
+ } },
130
+ "propToVariantKeys": { "blurClassName": ["className"] },
131
+ "motionVarPrefixes": []
132
+ };
133
+ var FormLabel = {
134
+ "name": "FormLabel",
135
+ "defaultProps": {
136
+ "color": "muted",
137
+ "variant": "label3",
138
+ "as": "label"
139
+ },
140
+ "getStylesLiterals": {},
141
+ "cxLiterals": ["cursor-[inherit]"],
142
+ "internalComponents": ["Text"],
143
+ "internalComponentProps": { "Text": {
144
+ "as": ["sup"],
145
+ "variant": ["inherit"],
146
+ "spacingStart": ["0.5"]
147
+ } },
148
+ "propToVariantKeys": {},
149
+ "motionVarPrefixes": []
150
+ };
143
151
  var Text = {
144
152
  "name": "Text",
145
153
  "defaultProps": {
@@ -160,26 +168,95 @@ var Text = {
160
168
  ] },
161
169
  "motionVarPrefixes": []
162
170
  };
163
- var VStack = {
164
- "name": "VStack",
171
+ var IconSlot = {
172
+ "name": "IconSlot",
173
+ "defaultProps": {},
174
+ "getStylesLiterals": {},
175
+ "cxLiterals": [],
176
+ "internalComponents": ["Icon"],
177
+ "internalComponentProps": {},
178
+ "propToVariantKeys": {},
179
+ "motionVarPrefixes": []
180
+ };
181
+ var HStack = {
182
+ "name": "HStack",
165
183
  "defaultProps": {},
166
184
  "getStylesLiterals": {},
167
185
  "cxLiterals": [],
168
186
  "internalComponents": ["Box"],
169
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
170
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
187
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
188
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
171
189
  "motionVarPrefixes": []
172
190
  };
173
- var Divider = {
174
- "name": "Divider",
191
+ var Image = {
192
+ "name": "Image",
175
193
  "defaultProps": {},
176
194
  "getStylesLiterals": {},
177
195
  "cxLiterals": [],
178
- "internalComponents": ["DividerInternal"],
196
+ "internalComponents": [],
197
+ "internalComponentProps": {},
198
+ "propToVariantKeys": {},
199
+ "motionVarPrefixes": []
200
+ };
201
+ var Table_mocks = {
202
+ "name": "Table.mocks",
203
+ "defaultProps": {},
204
+ "getStylesLiterals": {},
205
+ "cxLiterals": [],
206
+ "internalComponents": [],
179
207
  "internalComponentProps": {},
180
208
  "propToVariantKeys": {},
181
209
  "motionVarPrefixes": []
182
210
  };
211
+ var Table = {
212
+ "name": "Table",
213
+ "defaultProps": {
214
+ "display": "table-cell",
215
+ "overflow": "hidden",
216
+ "borderColor": "muted",
217
+ "borderRadius": "md",
218
+ "spacing": "3",
219
+ "borderBottomColor": "muted",
220
+ "borderBottomWidth": "thin",
221
+ "color": "primary"
222
+ },
223
+ "getStylesLiterals": { "textAlign": "start" },
224
+ "cxLiterals": [],
225
+ "internalComponents": [
226
+ "CellComponent",
227
+ "Box",
228
+ "Text",
229
+ "Table.Root",
230
+ "Table.Header",
231
+ "Table.Row",
232
+ "Table.Cell",
233
+ "Table.Body"
234
+ ],
235
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
236
+ "propToVariantKeys": {},
237
+ "motionVarPrefixes": []
238
+ };
239
+ var Spinner = {
240
+ "name": "Spinner",
241
+ "defaultProps": {
242
+ "color": "primary",
243
+ "size": "lg"
244
+ },
245
+ "getStylesLiterals": {},
246
+ "cxLiterals": [
247
+ "self-center",
248
+ "relative",
249
+ "sr-only"
250
+ ],
251
+ "internalComponents": ["Icon"],
252
+ "internalComponentProps": { "Icon": {
253
+ "role": ["img"],
254
+ "className": ["animate-spin"],
255
+ "aria-hidden": ["true"]
256
+ } },
257
+ "propToVariantKeys": {},
258
+ "motionVarPrefixes": []
259
+ };
183
260
  var DividerCore = {
184
261
  "name": "DividerCore",
185
262
  "defaultProps": { "contentPosition": "center" },
@@ -223,45 +300,15 @@ var DividerInternal = {
223
300
  ] },
224
301
  "motionVarPrefixes": []
225
302
  };
226
- var AnimateHeightChange = {
227
- "name": "AnimateHeightChange",
303
+ var Divider = {
304
+ "name": "Divider",
228
305
  "defaultProps": {},
229
306
  "getStylesLiterals": {},
230
- "cxLiterals": ["overflow-hidden"],
231
- "internalComponents": ["SpringMotionConfig"],
232
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
233
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
234
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
235
- };
236
- var Badge = {
237
- "name": "Badge",
238
- "defaultProps": {
239
- "variant": "primary",
240
- "size": "md"
241
- },
242
- "getStylesLiterals": {},
243
- "cxLiterals": [
244
- "flex-1",
245
- "truncate",
246
- "whitespace-nowrap",
247
- "text-center"
248
- ],
249
- "internalComponents": ["IconSlot", "HStack"],
250
- "internalComponentProps": {
251
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
252
- "HStack": {
253
- "gap": ["2"],
254
- "display": ["inline-flex"],
255
- "alignItems": ["center"]
256
- }
257
- },
258
- "propToVariantKeys": {
259
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
260
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
261
- "startIcon": ["icon"],
262
- "endIcon": ["icon"]
263
- },
264
- "motionVarPrefixes": []
307
+ "cxLiterals": [],
308
+ "internalComponents": ["DividerInternal"],
309
+ "internalComponentProps": {},
310
+ "propToVariantKeys": {},
311
+ "motionVarPrefixes": []
265
312
  };
266
313
  var Button = {
267
314
  "name": "Button",
@@ -387,6 +434,16 @@ var Checkbox = {
387
434
  },
388
435
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
389
436
  };
437
+ var SpringMotionConfig = {
438
+ "name": "SpringMotionConfig",
439
+ "defaultProps": { "reducedMotion": "user" },
440
+ "getStylesLiterals": {},
441
+ "cxLiterals": [],
442
+ "internalComponents": ["LazyMotion", "MotionConfig"],
443
+ "internalComponentProps": {},
444
+ "propToVariantKeys": { "loadFeatures": ["features"] },
445
+ "motionVarPrefixes": []
446
+ };
390
447
  var IconButton = {
391
448
  "name": "IconButton",
392
449
  "defaultProps": { "type": "button" },
@@ -426,26 +483,6 @@ var IconButton = {
426
483
  },
427
484
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
428
485
  };
429
- var Pressable = {
430
- "name": "Pressable",
431
- "defaultProps": {},
432
- "getStylesLiterals": {},
433
- "cxLiterals": [],
434
- "internalComponents": ["Comp"],
435
- "internalComponentProps": {},
436
- "propToVariantKeys": {},
437
- "motionVarPrefixes": []
438
- };
439
- var SpringMotionConfig = {
440
- "name": "SpringMotionConfig",
441
- "defaultProps": { "reducedMotion": "user" },
442
- "getStylesLiterals": {},
443
- "cxLiterals": [],
444
- "internalComponents": ["LazyMotion", "MotionConfig"],
445
- "internalComponentProps": {},
446
- "propToVariantKeys": { "loadFeatures": ["features"] },
447
- "motionVarPrefixes": []
448
- };
449
486
  var Switch = {
450
487
  "name": "Switch",
451
488
  "defaultProps": {
@@ -536,720 +573,821 @@ var Switch = {
536
573
  },
537
574
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
538
575
  };
539
- var Spinner = {
540
- "name": "Spinner",
576
+ var Badge = {
577
+ "name": "Badge",
541
578
  "defaultProps": {
542
- "color": "primary",
543
- "size": "lg"
579
+ "variant": "primary",
580
+ "size": "md"
544
581
  },
545
582
  "getStylesLiterals": {},
546
583
  "cxLiterals": [
547
- "self-center",
548
- "relative",
549
- "sr-only"
584
+ "flex-1",
585
+ "truncate",
586
+ "whitespace-nowrap",
587
+ "text-center"
550
588
  ],
551
- "internalComponents": ["Icon"],
552
- "internalComponentProps": { "Icon": {
553
- "role": ["img"],
554
- "className": ["animate-spin"],
555
- "aria-hidden": ["true"]
556
- } },
557
- "propToVariantKeys": {},
589
+ "internalComponents": ["IconSlot", "HStack"],
590
+ "internalComponentProps": {
591
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
592
+ "HStack": {
593
+ "gap": ["2"],
594
+ "display": ["inline-flex"],
595
+ "alignItems": ["center"]
596
+ }
597
+ },
598
+ "propToVariantKeys": {
599
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
600
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
601
+ "startIcon": ["icon"],
602
+ "endIcon": ["icon"]
603
+ },
558
604
  "motionVarPrefixes": []
559
605
  };
560
- var Table_mocks = {
561
- "name": "Table.mocks",
606
+ var AnimateHeightChange = {
607
+ "name": "AnimateHeightChange",
608
+ "defaultProps": {},
609
+ "getStylesLiterals": {},
610
+ "cxLiterals": ["overflow-hidden"],
611
+ "internalComponents": ["SpringMotionConfig"],
612
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
613
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
614
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
615
+ };
616
+ var Pressable = {
617
+ "name": "Pressable",
562
618
  "defaultProps": {},
563
619
  "getStylesLiterals": {},
564
620
  "cxLiterals": [],
565
- "internalComponents": [],
621
+ "internalComponents": ["Comp"],
566
622
  "internalComponentProps": {},
567
623
  "propToVariantKeys": {},
568
624
  "motionVarPrefixes": []
569
625
  };
570
- var Table = {
571
- "name": "Table",
572
- "defaultProps": {
573
- "display": "table-cell",
574
- "overflow": "hidden",
575
- "borderColor": "muted",
576
- "borderRadius": "md",
577
- "spacing": "3",
578
- "borderBottomColor": "muted",
579
- "borderBottomWidth": "thin",
580
- "color": "primary"
581
- },
582
- "getStylesLiterals": { "textAlign": "start" },
626
+ var ExperimentalPopover = {
627
+ "name": "ExperimentalPopover",
628
+ "defaultProps": {},
629
+ "getStylesLiterals": {},
583
630
  "cxLiterals": [],
584
631
  "internalComponents": [
585
- "CellComponent",
586
- "Box",
632
+ "HStack",
587
633
  "Text",
588
- "Table.Root",
589
- "Table.Header",
590
- "Table.Row",
591
- "Table.Cell",
592
- "Table.Body"
634
+ "ExperimentalPopoverHeadingBase"
593
635
  ],
594
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
636
+ "internalComponentProps": { "Text": {
637
+ "variant": ["headline1"],
638
+ "color": ["primary"]
639
+ } },
595
640
  "propToVariantKeys": {},
596
641
  "motionVarPrefixes": []
597
642
  };
598
- var Avatar = {
599
- "name": "Avatar",
643
+ var AvoidMotionLibraryProvider = {
644
+ "name": "AvoidMotionLibraryProvider",
600
645
  "defaultProps": {},
601
646
  "getStylesLiterals": {},
602
647
  "cxLiterals": [],
603
- "internalComponents": ["AvatarImage"],
648
+ "internalComponents": [],
604
649
  "internalComponentProps": {},
605
650
  "propToVariantKeys": {},
606
651
  "motionVarPrefixes": []
607
652
  };
608
- var AvatarIcon = {
609
- "name": "AvatarIcon",
610
- "defaultProps": {
611
- "size": "md",
612
- "variant": "primary"
613
- },
614
- "getStylesLiterals": {},
615
- "cxLiterals": [
616
- "overflow-hidden",
617
- "w-full",
618
- "h-full",
619
- "shrink-0",
620
- "text-center",
621
- "inline-flex",
622
- "justify-center",
623
- "items-center"
624
- ],
625
- "internalComponents": ["IconSlot", "Box"],
626
- "internalComponentProps": {},
627
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
628
- "motionVarPrefixes": []
629
- };
630
- var AvatarImage = {
631
- "name": "AvatarImage",
632
- "defaultProps": {
633
- "size": "md",
634
- "variant": "primary"
653
+ var SegmentedControl = {
654
+ "name": "SegmentedControl",
655
+ "defaultProps": {},
656
+ "getStylesLiterals": {
657
+ "display": "flex",
658
+ "alignItems": "center",
659
+ "backgroundColor": "primary",
660
+ "spacingVertical": "1",
661
+ "spacingHorizontal": "3",
662
+ "columnGap": "1.5",
663
+ "borderWidth": "thin",
664
+ "borderRadius": "full",
665
+ "borderColor": "muted",
666
+ "borderColor:1": "transparent",
667
+ "color": "primary",
668
+ "color:1": "tertiary",
669
+ "color:2": "muted"
635
670
  },
636
- "getStylesLiterals": {},
637
671
  "cxLiterals": [
638
- "overflow-hidden",
639
- "w-full",
640
- "h-full",
641
- "shrink-0",
642
- "text-center",
643
- "inline-flex",
644
- "justify-center",
645
- "items-center",
646
- "object-cover"
672
+ "uds-ring",
673
+ "cursor-not-allowed",
674
+ "opacity-50",
675
+ "pointer-events-none",
676
+ "hover:bg-primary"
647
677
  ],
648
678
  "internalComponents": [
649
- "UDSImage",
650
- "AvatarText",
651
- "AvatarIcon",
652
- "Box"
679
+ "Radio",
680
+ "Icon",
681
+ "RadioProvider",
682
+ "HStack",
683
+ "RadioGroup",
684
+ "Pressable",
685
+ "Text"
653
686
  ],
654
- "internalComponentProps": {},
687
+ "internalComponentProps": {
688
+ "Icon": {
689
+ "size": ["sm"],
690
+ "color": ["current"],
691
+ "aria-hidden": ["true"]
692
+ },
693
+ "HStack": {
694
+ "spacing": ["1"],
695
+ "gap": ["1"],
696
+ "backgroundColor": ["secondary"],
697
+ "borderRadius": ["full"],
698
+ "display": ["inline-flex"]
699
+ },
700
+ "Text": {
701
+ "variant": ["label2"],
702
+ "color": ["current"]
703
+ }
704
+ },
655
705
  "propToVariantKeys": {
656
- "alt": ["name"],
657
- "fallback": ["initials"]
706
+ "value": ["key"],
707
+ "label": ["aria-label"]
658
708
  },
659
709
  "motionVarPrefixes": []
660
710
  };
661
- var AvatarText = {
662
- "name": "AvatarText",
711
+ var SwitchV2 = {
712
+ "name": "SwitchV2",
663
713
  "defaultProps": {
664
- "size": "md",
665
- "variant": "primary"
714
+ "labelPosition": "start",
715
+ "size": "md"
716
+ },
717
+ "getStylesLiterals": {
718
+ "switchVariantRoot": "default",
719
+ "switchVariantActiveRoot": "on",
720
+ "switchVariantActiveRoot:1": "off",
721
+ "switchVariantSwitch": "default",
722
+ "switchVariantActiveSwitch": "on",
723
+ "switchVariantActiveSwitch:1": "off",
724
+ "switchVariantActiveHandle": "on",
725
+ "switchVariantActiveHandle:1": "off",
726
+ "switchVariantHandle": "default",
727
+ "switchVariantHandleIcon": "default",
728
+ "switchVariantActiveHandleIcon": "on",
729
+ "switchVariantActiveHandleIcon:1": "off"
666
730
  },
667
- "getStylesLiterals": {},
668
- "cxLiterals": [
669
- "overflow-hidden",
670
- "truncate",
671
- "w-full",
672
- "h-full",
673
- "shrink-0",
674
- "text-center",
675
- "inline-flex",
676
- "justify-center",
677
- "items-center"
678
- ],
679
- "internalComponents": ["Box", "Text"],
680
- "internalComponentProps": { "Text": {
681
- "color": ["inherit"],
682
- "variant": ["inherit"]
683
- } },
684
- "propToVariantKeys": {},
685
- "motionVarPrefixes": []
686
- };
687
- var BottomSheet = {
688
- "name": "BottomSheet",
689
- "defaultProps": { "variant": "default" },
690
- "getStylesLiterals": {},
691
731
  "cxLiterals": [
692
- "fixed",
693
- "overflow-hidden",
694
- "inset-x-0",
732
+ "group",
733
+ "flex",
734
+ "items-center",
735
+ "flex-row",
736
+ "flex-row-reverse",
737
+ "uds-ring",
738
+ "uds-ring-within",
739
+ "relative",
740
+ "uds-border-radius-full",
741
+ "transition-[background-color,box-shadow]",
742
+ "pointer-events-none",
743
+ "w-full",
744
+ "h-full",
745
+ "absolute",
746
+ "top-0",
695
747
  "bottom-0",
696
- "z-50",
697
- "[will-change:transform]",
698
- "touch-none",
699
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
700
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
701
- "transition-transform",
702
- "duration-500",
703
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
704
- "motion-reduce:transition-none",
705
- "top-[-4px]",
706
- "z-[1]",
707
- "touch-pan-y"
748
+ "right-0",
749
+ "left-0",
750
+ "overflow-hidden",
751
+ "group-hover:scale-105",
752
+ "opacity-95",
753
+ "group-hover:opacity-100",
754
+ "transition-[transform,opacity]",
755
+ "opacity-0",
756
+ "top-1/2",
757
+ "left-1/2",
758
+ "transform",
759
+ "translate-x-[-50%]",
760
+ "translate-y-[-50%]",
761
+ "transition-opacity",
762
+ "cursor-[inherit]",
763
+ "w-[calc(100%+2px)]",
764
+ "h-[calc(100%+2px)]",
765
+ "text-start",
766
+ "text-end",
767
+ "opacity-100"
708
768
  ],
709
769
  "internalComponents": [
710
- "Scrim",
711
- "BottomSheetHandle",
712
- "Dialog",
770
+ "IconSlot",
713
771
  "Box",
714
- "BottomSheetInternalContext.Provider"
772
+ "FormLabel",
773
+ "SpringMotionConfig",
774
+ "RootElement",
775
+ "MotionBox"
715
776
  ],
716
777
  "internalComponentProps": {
717
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
718
- "Dialog": { "data-testid": ["bottom-sheet"] },
719
- "Box": {
720
- "display": ["block", "flex"],
721
- "position": ["absolute"],
722
- "flexDirection": ["column"],
723
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
778
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
779
+ "FormLabel": {
780
+ "as": ["div"],
781
+ "variant": ["inherit"],
782
+ "color": ["inherit"]
783
+ },
784
+ "SpringMotionConfig": {
785
+ "layoutVariant": ["bouncy"],
786
+ "layoutSpeed": ["4"]
787
+ },
788
+ "RootElement": { "data-testid": ["switch-root"] },
789
+ "MotionBox": { "layout": ["position"] }
790
+ },
791
+ "propToVariantKeys": {
792
+ "size": [
793
+ "switchSizeRoot",
794
+ "switchSizeSwitch",
795
+ "switchSizeHandle",
796
+ "switchSizeHandleIcon"
797
+ ],
798
+ "onIcon": ["icon"],
799
+ "offIcon": ["icon"],
800
+ "reduceMotion": ["reducedMotion"],
801
+ "isOn": ["layoutDependency"]
802
+ },
803
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
804
+ };
805
+ var Tabs = {
806
+ "name": "Tabs",
807
+ "defaultProps": {},
808
+ "getStylesLiterals": {
809
+ "display": "flex",
810
+ "flexDirection": "row",
811
+ "columnGap": "6"
812
+ },
813
+ "cxLiterals": [
814
+ "text-tertiary",
815
+ "border-b-transparent",
816
+ "aria-selected:border-b-brand",
817
+ "aria-selected:text-secondary"
818
+ ],
819
+ "internalComponents": [
820
+ "TabProvider",
821
+ "OriginalTabList",
822
+ "OriginalTab",
823
+ "Icon",
824
+ "OriginalTabPanel",
825
+ "Pressable",
826
+ "Comp",
827
+ "Text"
828
+ ],
829
+ "internalComponentProps": {
830
+ "Icon": {
831
+ "className": ["text-current"],
832
+ "size": ["md"]
833
+ },
834
+ "Pressable": {
835
+ "borderBottomWidth": ["medium"],
836
+ "spacingBottom": ["1"],
837
+ "spacingTop": ["4"]
838
+ },
839
+ "Text": {
840
+ "className": ["text-current"],
841
+ "variant": ["headline1"],
842
+ "as": ["span"]
724
843
  }
725
844
  },
726
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
845
+ "propToVariantKeys": {},
727
846
  "motionVarPrefixes": []
728
847
  };
729
- var BottomSheetContent = {
730
- "name": "BottomSheetContent",
848
+ var Modal = {
849
+ "name": "Modal",
731
850
  "defaultProps": {},
732
851
  "getStylesLiterals": {},
733
- "cxLiterals": ["min-h-0", "touch-pan-y"],
734
- "internalComponents": ["Box", "VStack"],
852
+ "cxLiterals": [
853
+ "inset-8",
854
+ "top-[250px]",
855
+ "z-50",
856
+ "mx-auto",
857
+ "h-fit",
858
+ "w-[600px]",
859
+ "origin-center",
860
+ "scale-95",
861
+ "opacity-0",
862
+ "transition",
863
+ "duration-150",
864
+ "data-[enter]:scale-100",
865
+ "data-[enter]:opacity-100",
866
+ "data-[enter]:bg-primary",
867
+ "backdrop-blur-0",
868
+ "data-[enter]:opacity-60",
869
+ "data-[enter]:backdrop-blur-sm"
870
+ ],
871
+ "internalComponents": [
872
+ "IconButton",
873
+ "Dialog",
874
+ "HStack",
875
+ "Text",
876
+ "VStack"
877
+ ],
735
878
  "internalComponentProps": {
736
- "Box": {
737
- "display": ["block"],
738
- "flex": ["1"]
879
+ "IconButton": {
880
+ "aria-label": ["Close"],
881
+ "size": ["sm"],
882
+ "variant": ["tertiary"]
739
883
  },
740
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
884
+ "HStack": {
885
+ "alignItems": ["center"],
886
+ "justifyContent": ["space-between"]
887
+ },
888
+ "Text": {
889
+ "variant": ["headline1"],
890
+ "color": ["primary"]
891
+ },
892
+ "VStack": {
893
+ "borderRadius": ["md"],
894
+ "position": ["fixed"],
895
+ "backgroundColor": ["primary"],
896
+ "dropShadow": ["md"],
897
+ "spacing": ["8"],
898
+ "overflow": ["hidden"]
899
+ }
741
900
  },
742
- "propToVariantKeys": {},
901
+ "propToVariantKeys": { "handleClose": ["onClick"] },
743
902
  "motionVarPrefixes": []
744
903
  };
745
- var BottomSheetDismiss = {
746
- "name": "BottomSheetDismiss",
747
- "defaultProps": {},
904
+ var Accordion = {
905
+ "name": "Accordion",
906
+ "defaultProps": {
907
+ "spacingHorizontal": "4",
908
+ "spacingVertical": "4"
909
+ },
748
910
  "getStylesLiterals": {},
749
- "cxLiterals": [],
750
- "internalComponents": ["AriakitDialogDismiss"],
751
- "internalComponentProps": {},
911
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
912
+ "internalComponents": [
913
+ "Icon",
914
+ "SpringMotionConfig",
915
+ "Pressable",
916
+ "Text",
917
+ "HStack",
918
+ "AnimatePresence",
919
+ "VStack"
920
+ ],
921
+ "internalComponentProps": {
922
+ "Icon": {
923
+ "variant": ["fill"],
924
+ "size": ["sm"],
925
+ "color": ["primary"]
926
+ },
927
+ "SpringMotionConfig": {
928
+ "layoutVariant": ["smooth"],
929
+ "layoutSpeed": ["3"]
930
+ },
931
+ "Pressable": {
932
+ "display": ["flex"],
933
+ "flexDirection": ["row"],
934
+ "alignItems": ["center"],
935
+ "justifyContent": ["space-between"],
936
+ "borderRadius": ["md"]
937
+ },
938
+ "Text": {
939
+ "variant": ["title4"],
940
+ "color": ["primary"]
941
+ },
942
+ "HStack": {
943
+ "display": ["flex"],
944
+ "alignItems": ["center"],
945
+ "justifyContent": ["space-between"],
946
+ "columnGap": ["2.5"]
947
+ }
948
+ },
752
949
  "propToVariantKeys": {},
753
- "motionVarPrefixes": []
950
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
754
951
  };
755
- var BottomSheetHandle = {
756
- "name": "BottomSheetHandle",
757
- "defaultProps": {},
952
+ var AvatarImage = {
953
+ "name": "AvatarImage",
954
+ "defaultProps": {
955
+ "size": "md",
956
+ "variant": "primary"
957
+ },
758
958
  "getStylesLiterals": {},
759
959
  "cxLiterals": [
760
- "relative",
761
- "h-5",
762
- "w-16",
763
- "outline-none",
764
- "focus-visible:outline-none",
765
- "[touch-action:pan-y]",
766
- "absolute",
767
- "left-1/2",
768
- "top-1/2",
769
- "-translate-x-1/2",
770
- "-translate-y-1/2",
771
- "h-1",
772
- "w-8",
773
- "rounded-full",
774
- "bg-accent"
960
+ "overflow-hidden",
961
+ "w-full",
962
+ "h-full",
963
+ "shrink-0",
964
+ "text-center",
965
+ "inline-flex",
966
+ "justify-center",
967
+ "items-center",
968
+ "object-cover"
775
969
  ],
776
- "internalComponents": ["Box"],
777
- "internalComponentProps": { "Box": {
778
- "display": ["block", "flex"],
779
- "justifyContent": ["center"]
780
- } },
781
- "propToVariantKeys": {},
970
+ "internalComponents": [
971
+ "UDSImage",
972
+ "AvatarText",
973
+ "AvatarIcon",
974
+ "Box"
975
+ ],
976
+ "internalComponentProps": {},
977
+ "propToVariantKeys": {
978
+ "alt": ["name"],
979
+ "fallback": ["initials"]
980
+ },
782
981
  "motionVarPrefixes": []
783
982
  };
784
- var BottomSheetHeader = {
785
- "name": "BottomSheetHeader",
786
- "defaultProps": { "variant": "default" },
983
+ var AvatarText = {
984
+ "name": "AvatarText",
985
+ "defaultProps": {
986
+ "size": "md",
987
+ "variant": "primary"
988
+ },
787
989
  "getStylesLiterals": {},
788
990
  "cxLiterals": [
789
- "grid-cols-[40px_1fr_40px]",
790
- "items-center",
991
+ "overflow-hidden",
992
+ "truncate",
791
993
  "w-full",
792
- "min-h-10",
793
- "mt-2"
994
+ "h-full",
995
+ "shrink-0",
996
+ "text-center",
997
+ "inline-flex",
998
+ "justify-center",
999
+ "items-center"
794
1000
  ],
795
1001
  "internalComponents": ["Box", "Text"],
796
- "internalComponentProps": {
797
- "Box": {
798
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
799
- "display": ["grid", "flex"],
800
- "justifyContent": ["flex-start", "flex-end"]
801
- },
802
- "Text": {
803
- "variant": ["inherit"],
804
- "color": ["inherit"],
805
- "textAlign": ["center"],
806
- "className": ["w-full"]
807
- }
808
- },
809
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1002
+ "internalComponentProps": { "Text": {
1003
+ "color": ["inherit"],
1004
+ "variant": ["inherit"]
1005
+ } },
1006
+ "propToVariantKeys": {},
810
1007
  "motionVarPrefixes": []
811
1008
  };
812
- var BottomSheetInternalContext = {
813
- "name": "BottomSheetInternalContext",
1009
+ var Avatar = {
1010
+ "name": "Avatar",
814
1011
  "defaultProps": {},
815
1012
  "getStylesLiterals": {},
816
1013
  "cxLiterals": [],
817
- "internalComponents": [],
1014
+ "internalComponents": ["AvatarImage"],
818
1015
  "internalComponentProps": {},
819
1016
  "propToVariantKeys": {},
820
1017
  "motionVarPrefixes": []
821
1018
  };
822
- var BottomSheetProvider = {
823
- "name": "BottomSheetProvider",
824
- "defaultProps": {},
1019
+ var AvatarIcon = {
1020
+ "name": "AvatarIcon",
1021
+ "defaultProps": {
1022
+ "size": "md",
1023
+ "variant": "primary"
1024
+ },
825
1025
  "getStylesLiterals": {},
826
- "cxLiterals": [],
827
- "internalComponents": ["AriakitDialogProvider"],
1026
+ "cxLiterals": [
1027
+ "overflow-hidden",
1028
+ "w-full",
1029
+ "h-full",
1030
+ "shrink-0",
1031
+ "text-center",
1032
+ "inline-flex",
1033
+ "justify-center",
1034
+ "items-center"
1035
+ ],
1036
+ "internalComponents": ["IconSlot", "Box"],
828
1037
  "internalComponentProps": {},
829
- "propToVariantKeys": {},
1038
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
830
1039
  "motionVarPrefixes": []
831
1040
  };
832
- var BottomSheetTrigger = {
833
- "name": "BottomSheetTrigger",
1041
+ var UDSPopoverConfigProvider = {
1042
+ "name": "UDSPopoverConfigProvider",
834
1043
  "defaultProps": {},
835
1044
  "getStylesLiterals": {},
836
1045
  "cxLiterals": [],
837
- "internalComponents": ["AriakitDialogDisclosure"],
1046
+ "internalComponents": ["PopoverContext.Provider"],
838
1047
  "internalComponentProps": {},
839
1048
  "propToVariantKeys": {},
840
1049
  "motionVarPrefixes": []
841
1050
  };
842
- var UDSBottomSheetConfigProvider = {
843
- "name": "UDSBottomSheetConfigProvider",
1051
+ var Popover = {
1052
+ "name": "Popover",
844
1053
  "defaultProps": {},
845
1054
  "getStylesLiterals": {},
846
1055
  "cxLiterals": [],
847
- "internalComponents": ["BottomSheetContext.Provider"],
1056
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
848
1057
  "internalComponentProps": {},
849
1058
  "propToVariantKeys": {},
850
1059
  "motionVarPrefixes": []
851
1060
  };
852
- var Chip = {
853
- "name": "Chip",
1061
+ var PopoverContext = {
1062
+ "name": "PopoverContext",
854
1063
  "defaultProps": {},
855
1064
  "getStylesLiterals": {},
856
1065
  "cxLiterals": [],
857
- "internalComponents": [
858
- "ChipDismissible",
859
- "ChipToggle",
860
- "ChipLink",
861
- "ChipButton"
862
- ],
1066
+ "internalComponents": [],
863
1067
  "internalComponentProps": {},
864
1068
  "propToVariantKeys": {},
865
1069
  "motionVarPrefixes": []
866
1070
  };
867
- var ChipBase = {
868
- "name": "ChipBase",
869
- "defaultProps": {
870
- "size": "md",
871
- "as": "div"
872
- },
873
- "getStylesLiterals": {},
874
- "cxLiterals": [
875
- "pointer-events-none",
876
- "cursor-default",
877
- "opacity-50",
878
- "inline-flex",
879
- "items-center",
880
- "transition-[background-color,outline-color,box-shadow]",
881
- "truncate",
882
- "whitespace-nowrap",
883
- "text-center",
884
- "flex-1"
885
- ],
886
- "internalComponents": [
887
- "IconSlot",
888
- "HStack",
889
- "As",
890
- "Text"
891
- ],
892
- "internalComponentProps": { "Text": {
893
- "as": ["span"],
894
- "color": ["current"],
895
- "variant": ["inherit"]
896
- } },
897
- "propToVariantKeys": {
898
- "size": ["chipSizeRoot", "chipSizeIcon"],
899
- "startIcon": ["icon"],
900
- "endIcon": ["icon"]
901
- },
902
- "motionVarPrefixes": []
903
- };
904
- var ChipButton = {
905
- "name": "ChipButton",
906
- "defaultProps": { "variant": "primary" },
1071
+ var PopoverTrigger = {
1072
+ "name": "PopoverTrigger",
1073
+ "defaultProps": {},
907
1074
  "getStylesLiterals": {},
908
- "cxLiterals": ["uds-ring"],
909
- "internalComponents": ["ChipBase"],
910
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
911
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1075
+ "cxLiterals": [],
1076
+ "internalComponents": ["PopoverDisclosure"],
1077
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1078
+ "propToVariantKeys": { "children": ["render"] },
912
1079
  "motionVarPrefixes": []
913
1080
  };
914
- var ChipDismissible = {
915
- "name": "ChipDismissible",
916
- "defaultProps": { "variant": "primary" },
917
- "getStylesLiterals": {},
1081
+ var PopoverContent = {
1082
+ "name": "PopoverContent",
1083
+ "defaultProps": {},
1084
+ "getStylesLiterals": {
1085
+ "popoverSizeRoot": "default",
1086
+ "popoverVariantRoot": "default",
1087
+ "display": "flex",
1088
+ "position": "absolute",
1089
+ "spacingTop": "0",
1090
+ "spacingStart": "0",
1091
+ "spacingBottom": "0",
1092
+ "spacingEnd": "0",
1093
+ "popoverSizeSvgBase": "default",
1094
+ "popoverVariantSvgBase": "default",
1095
+ "popoverSizeSvgBorder": "default",
1096
+ "popoverVariantSvgBorder": "default",
1097
+ "popoverVariantBlur": "default",
1098
+ "width": "full",
1099
+ "height": "full",
1100
+ "flexShrink": "0",
1101
+ "borderRadius": "full",
1102
+ "alignItems": "center",
1103
+ "justifyContent": "center",
1104
+ "popoverVariantCloseIcon": "default",
1105
+ "popoverSizeCloseIcon": "default"
1106
+ },
918
1107
  "cxLiterals": [
919
- "uds-chip-dismissible-button",
920
- "uds-hit-target",
1108
+ "z-[9999]",
1109
+ "outline-none",
1110
+ "focus-visible:outline-none",
1111
+ "uds-bgBlurFillFallback",
1112
+ "uds-bgBlurFallback",
1113
+ "top-0",
1114
+ "left-0",
1115
+ "z-[1]",
1116
+ "duration-0",
1117
+ "duration-120",
1118
+ "transition-[background-color]",
1119
+ "bg-carbon-15/0",
1120
+ "hover:bg-carbon-15/10",
1121
+ "active:bg-carbon-15/15",
921
1122
  "uds-ring",
922
- "rounded-full"
1123
+ "absolute",
1124
+ "z-[4]"
923
1125
  ],
924
1126
  "internalComponents": [
925
- "ChipBase",
1127
+ "PopoverDismiss",
926
1128
  "IconSlot",
1129
+ "PopoverArrow",
1130
+ "Popover",
1131
+ "SvgFloatingOverlay",
1132
+ "Box",
927
1133
  "Pressable"
928
1134
  ],
929
1135
  "internalComponentProps": {},
930
- "propToVariantKeys": {
931
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
932
- "dismissButtonAriaLabel": ["aria-label"]
933
- },
1136
+ "propToVariantKeys": { "closeIcon": ["icon"] },
934
1137
  "motionVarPrefixes": []
935
1138
  };
936
- var ChipLink = {
937
- "name": "ChipLink",
938
- "defaultProps": { "variant": "primary" },
1139
+ var BottomSheetContent = {
1140
+ "name": "BottomSheetContent",
1141
+ "defaultProps": {},
939
1142
  "getStylesLiterals": {},
940
- "cxLiterals": ["uds-ring"],
941
- "internalComponents": ["ChipBase"],
942
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
943
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
944
- "motionVarPrefixes": []
945
- };
946
- var ChipToggle = {
947
- "name": "ChipToggle",
948
- "defaultProps": {
949
- "variant": "primary",
950
- "role": "checkbox"
951
- },
952
- "getStylesLiterals": {
953
- "chipToggleVariantActiveRoot": "on",
954
- "chipToggleVariantActiveRoot:1": "off"
955
- },
956
- "cxLiterals": ["uds-ring"],
957
- "internalComponents": ["ChipBase"],
958
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
959
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
960
- "motionVarPrefixes": []
961
- };
962
- var Input = {
963
- "name": "Input",
964
- "defaultProps": {
965
- "type": "text",
966
- "size": "md",
967
- "width": "full"
968
- },
969
- "getStylesLiterals": {
970
- "inputVariantRoot": "default",
971
- "inputVariantValueRoot": "empty",
972
- "inputVariantValueRoot:1": "filled",
973
- "inputVariantInputWrapper": "default",
974
- "inputVariantValueInputWrapper": "empty",
975
- "inputVariantValueInputWrapper:1": "filled",
976
- "inputVariantInput": "default",
977
- "inputVariantValueInput": "empty",
978
- "inputVariantValueInput:1": "filled",
979
- "inputVariantInputPlaceholder": "default",
980
- "inputVariantValueInputPlaceholder": "empty",
981
- "inputVariantValueInputPlaceholder:1": "filled",
982
- "inputVariantLabel": "default",
983
- "inputVariantValueLabel": "empty",
984
- "inputVariantValueLabel:1": "filled",
985
- "inputVariantLabelRequired": "default",
986
- "inputVariantValueLabelRequired": "empty",
987
- "inputVariantValueLabelRequired:1": "filled",
988
- "inputVariantStartIcon": "default",
989
- "inputVariantValueStartIcon": "empty",
990
- "inputVariantValueStartIcon:1": "filled",
991
- "inputVariantEndIcon": "default",
992
- "inputVariantValueEndIcon": "empty",
993
- "inputVariantValueEndIcon:1": "filled"
1143
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1144
+ "internalComponents": ["Box", "VStack"],
1145
+ "internalComponentProps": {
1146
+ "Box": {
1147
+ "display": ["block"],
1148
+ "flex": ["1"]
1149
+ },
1150
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
994
1151
  },
1152
+ "propToVariantKeys": {},
1153
+ "motionVarPrefixes": []
1154
+ };
1155
+ var BottomSheetDismiss = {
1156
+ "name": "BottomSheetDismiss",
1157
+ "defaultProps": {},
1158
+ "getStylesLiterals": {},
1159
+ "cxLiterals": [],
1160
+ "internalComponents": ["AriakitDialogDismiss"],
1161
+ "internalComponentProps": {},
1162
+ "propToVariantKeys": {},
1163
+ "motionVarPrefixes": []
1164
+ };
1165
+ var BottomSheet = {
1166
+ "name": "BottomSheet",
1167
+ "defaultProps": { "variant": "default" },
1168
+ "getStylesLiterals": {},
995
1169
  "cxLiterals": [
996
- "opacity-50",
997
- "min-w-[200px]",
998
- "grow",
999
- "uds-hit-target",
1000
- "bg-clip-text",
1001
- "focus:outline-none",
1002
- "cursor-text",
1003
- "cursor-not-allowed"
1170
+ "fixed",
1171
+ "overflow-hidden",
1172
+ "inset-x-0",
1173
+ "bottom-0",
1174
+ "z-50",
1175
+ "[will-change:transform]",
1176
+ "touch-none",
1177
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1178
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1179
+ "transition-transform",
1180
+ "duration-500",
1181
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1182
+ "motion-reduce:transition-none",
1183
+ "top-[-4px]",
1184
+ "z-[1]",
1185
+ "touch-pan-y"
1004
1186
  ],
1005
1187
  "internalComponents": [
1006
- "IconSlot",
1007
- "StartIcon",
1008
- "EndIcon",
1009
- "HelpTextContent",
1188
+ "Scrim",
1189
+ "BottomSheetHandle",
1190
+ "Dialog",
1010
1191
  "Box",
1011
- "InputHelpTextInternal",
1012
- "VStack",
1013
- "HStack",
1014
- "AnimateHeightChange"
1192
+ "BottomSheetInternalContext.Provider"
1015
1193
  ],
1016
1194
  "internalComponentProps": {
1017
- "HelpTextContent": { "spacingTop": ["2"] },
1195
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1196
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1018
1197
  "Box": {
1019
- "spacingBottom": ["2"],
1020
- "columnGap": ["0.5"],
1021
- "alignItems": ["flex-end", "center"],
1022
- "position": ["relative"]
1023
- },
1024
- "HStack": {
1025
- "alignItems": ["center"],
1026
- "gap": ["1"]
1198
+ "display": ["block", "flex"],
1199
+ "position": ["absolute"],
1200
+ "flexDirection": ["column"],
1201
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1027
1202
  }
1028
1203
  },
1029
- "propToVariantKeys": {
1030
- "size": [
1031
- "inputSizeRoot",
1032
- "inputSizeInputWrapper",
1033
- "inputSizeInput",
1034
- "inputSizeLabel",
1035
- "inputSizeStartIcon",
1036
- "inputSizeEndIcon"
1037
- ],
1038
- "startIcon": ["icon"],
1039
- "endIcon": ["icon"],
1040
- "helperTextIcon": ["startIcon"]
1041
- },
1204
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1042
1205
  "motionVarPrefixes": []
1043
1206
  };
1044
- var InputHelpText = {
1045
- "name": "InputHelpText",
1046
- "defaultProps": { "size": "md" },
1047
- "getStylesLiterals": {
1048
- "inputVariantRoot": "default",
1049
- "inputVariantValueRoot": "empty",
1050
- "inputVariantValueRoot:1": "filled"
1051
- },
1052
- "cxLiterals": [],
1053
- "internalComponents": ["InputHelpTextInternal", "Box"],
1054
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1055
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1207
+ var BottomSheetHandle = {
1208
+ "name": "BottomSheetHandle",
1209
+ "defaultProps": {},
1210
+ "getStylesLiterals": {},
1211
+ "cxLiterals": [
1212
+ "relative",
1213
+ "h-5",
1214
+ "w-16",
1215
+ "outline-none",
1216
+ "focus-visible:outline-none",
1217
+ "[touch-action:pan-y]",
1218
+ "absolute",
1219
+ "left-1/2",
1220
+ "top-1/2",
1221
+ "-translate-x-1/2",
1222
+ "-translate-y-1/2",
1223
+ "h-1",
1224
+ "w-8",
1225
+ "rounded-full",
1226
+ "bg-accent"
1227
+ ],
1228
+ "internalComponents": ["Box"],
1229
+ "internalComponentProps": { "Box": {
1230
+ "display": ["block", "flex"],
1231
+ "justifyContent": ["center"]
1232
+ } },
1233
+ "propToVariantKeys": {},
1056
1234
  "motionVarPrefixes": []
1057
1235
  };
1058
- var InputHelpTextInternal = {
1059
- "name": "InputHelpTextInternal",
1236
+ var BottomSheetInternalContext = {
1237
+ "name": "BottomSheetInternalContext",
1060
1238
  "defaultProps": {},
1061
- "getStylesLiterals": {
1062
- "inputVariantHelperText": "default",
1063
- "inputVariantValueHelperText": "empty",
1064
- "inputVariantValueHelperText:1": "filled",
1065
- "inputVariantHelperIcon": "default",
1066
- "inputVariantValueHelperIcon": "empty",
1067
- "inputVariantValueHelperIcon:1": "filled"
1068
- },
1239
+ "getStylesLiterals": {},
1069
1240
  "cxLiterals": [],
1070
- "internalComponents": ["IconSlot", "HStack"],
1071
- "internalComponentProps": { "HStack": {
1072
- "gap": ["1"],
1073
- "alignItems": ["center"]
1074
- } },
1075
- "propToVariantKeys": {
1076
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1077
- "startIcon": ["icon"],
1078
- "endIcon": ["icon"]
1079
- },
1241
+ "internalComponents": [],
1242
+ "internalComponentProps": {},
1243
+ "propToVariantKeys": {},
1080
1244
  "motionVarPrefixes": []
1081
1245
  };
1082
- var Menu_Content = {
1083
- "name": "Menu.Content",
1084
- "defaultProps": {
1085
- "size": "default",
1086
- "variant": "default",
1087
- "gutter": "1"
1088
- },
1246
+ var BottomSheetHeader = {
1247
+ "name": "BottomSheetHeader",
1248
+ "defaultProps": { "variant": "default" },
1089
1249
  "getStylesLiterals": {},
1090
1250
  "cxLiterals": [
1091
- "uds-menu-content",
1092
- "transition-shadow",
1093
- "duration-200",
1094
- "ease-in-out",
1095
- "min-w-60",
1096
- "max-w-lg",
1097
- "max-h-96",
1098
- "overflow-auto",
1099
- "uds-ring",
1100
- "z-10",
1101
- "group"
1102
- ],
1103
- "internalComponents": [
1104
- "AriakitMenu",
1105
- "AnimatePresence",
1106
- "MotionVStack"
1251
+ "grid-cols-[40px_1fr_40px]",
1252
+ "items-center",
1253
+ "w-full",
1254
+ "min-h-10",
1255
+ "mt-2"
1107
1256
  ],
1108
- "internalComponentProps": {},
1109
- "propToVariantKeys": {
1110
- "size": ["menucontentSizeRoot"],
1111
- "variant": ["menucontentVariantRoot"]
1257
+ "internalComponents": ["Box", "Text"],
1258
+ "internalComponentProps": {
1259
+ "Box": {
1260
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1261
+ "display": ["grid", "flex"],
1262
+ "justifyContent": ["flex-start", "flex-end"]
1263
+ },
1264
+ "Text": {
1265
+ "variant": ["inherit"],
1266
+ "color": ["inherit"],
1267
+ "textAlign": ["center"],
1268
+ "className": ["w-full"]
1269
+ }
1112
1270
  },
1271
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1113
1272
  "motionVarPrefixes": []
1114
1273
  };
1115
- var Menu_Divider = {
1116
- "name": "Menu.Divider",
1117
- "defaultProps": {
1118
- "role": "separator",
1119
- "contentPosition": "start",
1120
- "gap": "4"
1121
- },
1122
- "getStylesLiterals": {
1123
- "menuitemDividerVariantRoot": "default",
1124
- "menuitemDividerVariantText": "default",
1125
- "menuitemDividerVariantLine": "default"
1126
- },
1274
+ var BottomSheetTrigger = {
1275
+ "name": "BottomSheetTrigger",
1276
+ "defaultProps": {},
1277
+ "getStylesLiterals": {},
1127
1278
  "cxLiterals": [],
1128
- "internalComponents": ["DividerInternal"],
1129
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1279
+ "internalComponents": ["AriakitDialogDisclosure"],
1280
+ "internalComponentProps": {},
1130
1281
  "propToVariantKeys": {},
1131
1282
  "motionVarPrefixes": []
1132
1283
  };
1133
- var Menu_Item = {
1134
- "name": "Menu.Item",
1284
+ var BottomSheetProvider = {
1285
+ "name": "BottomSheetProvider",
1135
1286
  "defaultProps": {},
1136
- "getStylesLiterals": {
1137
- "menuitemItemVariantRoot": "default",
1138
- "menuitemItemVariantActiveRoot": "on",
1139
- "menuitemItemVariantActiveRoot:1": "off",
1140
- "menuitemItemVariantText": "default",
1141
- "menuitemItemVariantActiveText": "on",
1142
- "menuitemItemVariantActiveText:1": "off",
1143
- "menuitemItemVariantIcon": "default",
1144
- "menuitemItemVariantActiveIcon": "on",
1145
- "menuitemItemVariantActiveIcon:1": "off"
1146
- },
1287
+ "getStylesLiterals": {},
1288
+ "cxLiterals": [],
1289
+ "internalComponents": ["AriakitDialogProvider"],
1290
+ "internalComponentProps": {},
1291
+ "propToVariantKeys": {},
1292
+ "motionVarPrefixes": []
1293
+ };
1294
+ var UDSBottomSheetConfigProvider = {
1295
+ "name": "UDSBottomSheetConfigProvider",
1296
+ "defaultProps": {},
1297
+ "getStylesLiterals": {},
1298
+ "cxLiterals": [],
1299
+ "internalComponents": ["BottomSheetContext.Provider"],
1300
+ "internalComponentProps": {},
1301
+ "propToVariantKeys": {},
1302
+ "motionVarPrefixes": []
1303
+ };
1304
+ var UDSToastConfigProvider = {
1305
+ "name": "UDSToastConfigProvider",
1306
+ "defaultProps": {},
1307
+ "getStylesLiterals": {},
1147
1308
  "cxLiterals": [],
1148
- "internalComponents": ["MenuItemBase"],
1309
+ "internalComponents": ["ToastContext.Provider"],
1149
1310
  "internalComponentProps": {},
1150
1311
  "propToVariantKeys": {},
1151
1312
  "motionVarPrefixes": []
1152
1313
  };
1153
- var Menu_ItemBase = {
1154
- "name": "Menu.ItemBase",
1155
- "defaultProps": {
1156
- "spacing": "0",
1157
- "spacingHorizontal": "4",
1158
- "spacingVertical": "3.5",
1159
- "columnGap": "2",
1160
- "alignItems": "center",
1161
- "justifyContent": "space-between"
1162
- },
1314
+ var Toast = {
1315
+ "name": "Toast",
1316
+ "defaultProps": {},
1163
1317
  "getStylesLiterals": {
1164
- "textAlign": "start",
1165
- "menuitemSizeRoot": "default",
1166
- "flexDirection": "row",
1167
- "menuitemSizeStartIcon": "default",
1168
- "menuitemSizeEndIcon": "default"
1318
+ "className": "flex-none",
1319
+ "spacing": "2",
1320
+ "borderRadius": "full"
1169
1321
  },
1170
1322
  "cxLiterals": [
1171
- "flex",
1172
- "focus-visible:text-brand",
1173
- "focus-visible:bg-brand-secondary",
1174
- "focus-visible:z-10",
1175
- "uds-ring",
1176
- "!-outline-offset-2",
1177
- "[&:not([aria-checked])]:cursor-default",
1178
- "opacity-25",
1179
- "cursor-not-allowed",
1180
- "duration-20",
1181
- "transition-[font-variation-settings]",
1182
- "ease-in-out",
1183
- "z-0",
1184
- "uds-start-icon",
1185
- "uds-end-icon"
1323
+ "duration-0",
1324
+ "duration-120",
1325
+ "transition-[background-color]",
1326
+ "bg-carbon-15/0",
1327
+ "hover:bg-carbon-15/10",
1328
+ "active:bg-carbon-15/15",
1329
+ "uds-ring"
1186
1330
  ],
1187
1331
  "internalComponents": [
1188
- "Pressable",
1189
1332
  "IconSlot",
1190
- "RootComponent",
1191
- "HStack",
1192
- "AnimatePresence"
1333
+ "ToastContainer",
1334
+ "Text",
1335
+ "Button",
1336
+ "Pressable"
1193
1337
  ],
1194
- "internalComponentProps": {
1195
- "HStack": {
1196
- "alignItems": ["center"],
1197
- "width": ["full"]
1198
- },
1199
- "AnimatePresence": { "mode": ["popLayout"] }
1200
- },
1338
+ "internalComponentProps": {},
1201
1339
  "propToVariantKeys": {
1202
- "startIcon": ["icon"],
1203
- "endIcon": ["icon"],
1204
- "columnGap": ["gap"]
1340
+ "size": [
1341
+ "toastSizeLabel",
1342
+ "toastSizeIcon",
1343
+ "toastSizeActionButton",
1344
+ "toastSizeCloseIcon"
1345
+ ],
1346
+ "variant": [
1347
+ "toastVariantIcon",
1348
+ "toastVariantActionButton",
1349
+ "toastVariantCloseIcon"
1350
+ ],
1351
+ "closeIcon": ["icon"],
1352
+ "onClickActionButton": ["onClick"]
1205
1353
  },
1206
1354
  "motionVarPrefixes": []
1207
1355
  };
1208
- var Menu_ItemCheckbox = {
1209
- "name": "Menu.ItemCheckbox",
1356
+ var ToastContainer = {
1357
+ "name": "ToastContainer",
1210
1358
  "defaultProps": {},
1211
1359
  "getStylesLiterals": {
1212
- "menuitemItemCheckboxVariantRoot": "default",
1213
- "menuitemItemCheckboxVariantActiveRoot": "on",
1214
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1215
- "menuitemItemCheckboxVariantText": "default",
1216
- "menuitemItemCheckboxVariantActiveText": "on",
1217
- "menuitemItemCheckboxVariantActiveText:1": "off",
1218
- "menuitemItemCheckboxVariantStartIcon": "default",
1219
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1220
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1221
- "menuitemItemCheckboxVariantEndIcon": "default",
1222
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1223
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1360
+ "position": "relative",
1361
+ "alignItems": "center",
1362
+ "display": "flex",
1363
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1364
+ },
1365
+ "cxLiterals": ["w-full"],
1366
+ "internalComponents": ["HStack"],
1367
+ "internalComponentProps": { "HStack": {
1368
+ "alignItems": ["center"],
1369
+ "justifyContent": ["space-between"],
1370
+ "overflow": ["hidden"],
1371
+ "position": ["relative"]
1372
+ } },
1373
+ "propToVariantKeys": {
1374
+ "variant": ["toastVariantRoot"],
1375
+ "size": ["toastSizeRoot"]
1224
1376
  },
1225
- "cxLiterals": ["uds-menu-item-checkbox"],
1226
- "internalComponents": ["MenuItemBase"],
1227
- "internalComponentProps": {},
1228
- "propToVariantKeys": {},
1229
1377
  "motionVarPrefixes": []
1230
1378
  };
1231
- var Menu_Provider = {
1232
- "name": "Menu.Provider",
1379
+ var ToastPortal = {
1380
+ "name": "ToastPortal",
1233
1381
  "defaultProps": {},
1234
1382
  "getStylesLiterals": {},
1235
1383
  "cxLiterals": [],
1236
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1384
+ "internalComponents": ["ReactToastifyToastContainer"],
1237
1385
  "internalComponentProps": {},
1238
1386
  "propToVariantKeys": {},
1239
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1240
- };
1241
- var Menu_Trigger = {
1242
- "name": "Menu.Trigger",
1243
- "defaultProps": {},
1244
- "getStylesLiterals": {},
1245
- "cxLiterals": ["uds-menu-trigger"],
1246
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1247
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1248
- "propToVariantKeys": {},
1249
1387
  "motionVarPrefixes": []
1250
1388
  };
1251
- var Menu_index = {
1252
- "name": "Menu.index",
1389
+ var RadioGroupStore = {
1390
+ "name": "RadioGroupStore",
1253
1391
  "defaultProps": {},
1254
1392
  "getStylesLiterals": {},
1255
1393
  "cxLiterals": [],
@@ -1258,13 +1396,17 @@ var Menu_index = {
1258
1396
  "propToVariantKeys": {},
1259
1397
  "motionVarPrefixes": []
1260
1398
  };
1261
- var Menu = {
1262
- "name": "Menu",
1399
+ var RadioGroupProvider = {
1400
+ "name": "RadioGroupProvider",
1263
1401
  "defaultProps": {},
1264
1402
  "getStylesLiterals": {},
1265
1403
  "cxLiterals": [],
1266
- "internalComponents": [],
1267
- "internalComponentProps": {},
1404
+ "internalComponents": [
1405
+ "DivProps",
1406
+ "Comp",
1407
+ "RadioGroupContext.Provider"
1408
+ ],
1409
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1268
1410
  "propToVariantKeys": {},
1269
1411
  "motionVarPrefixes": []
1270
1412
  };
@@ -1348,121 +1490,24 @@ var Radio = {
1348
1490
  },
1349
1491
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1350
1492
  };
1351
- var RadioGroupProvider = {
1352
- "name": "RadioGroupProvider",
1353
- "defaultProps": {},
1354
- "getStylesLiterals": {},
1355
- "cxLiterals": [],
1356
- "internalComponents": [
1357
- "DivProps",
1358
- "Comp",
1359
- "RadioGroupContext.Provider"
1360
- ],
1361
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1362
- "propToVariantKeys": {},
1363
- "motionVarPrefixes": []
1364
- };
1365
- var RadioGroupStore = {
1366
- "name": "RadioGroupStore",
1367
- "defaultProps": {},
1368
- "getStylesLiterals": {},
1369
- "cxLiterals": [],
1370
- "internalComponents": [],
1371
- "internalComponentProps": {},
1372
- "propToVariantKeys": {},
1373
- "motionVarPrefixes": []
1374
- };
1375
- var Toast = {
1376
- "name": "Toast",
1377
- "defaultProps": {},
1378
- "getStylesLiterals": {
1379
- "className": "flex-none",
1380
- "spacing": "2",
1381
- "borderRadius": "full"
1382
- },
1383
- "cxLiterals": [
1384
- "transition-[background-color]",
1385
- "bg-carbon-15/0",
1386
- "hover:bg-carbon-15/10",
1387
- "active:bg-carbon-15/15",
1388
- "uds-ring"
1389
- ],
1390
- "internalComponents": [
1391
- "IconSlot",
1392
- "ToastContainer",
1393
- "Text",
1394
- "Button",
1395
- "Pressable"
1396
- ],
1397
- "internalComponentProps": {},
1398
- "propToVariantKeys": {
1399
- "size": [
1400
- "toastSizeLabel",
1401
- "toastSizeIcon",
1402
- "toastSizeActionButton",
1403
- "toastSizeCloseIcon"
1404
- ],
1405
- "variant": [
1406
- "toastVariantIcon",
1407
- "toastVariantActionButton",
1408
- "toastVariantCloseIcon"
1409
- ],
1410
- "closeIcon": ["icon"],
1411
- "onClickActionButton": ["onClick"]
1412
- },
1413
- "motionVarPrefixes": []
1414
- };
1415
- var ToastContainer = {
1416
- "name": "ToastContainer",
1417
- "defaultProps": {},
1418
- "getStylesLiterals": {
1419
- "position": "relative",
1420
- "alignItems": "center",
1421
- "display": "flex",
1422
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1423
- },
1424
- "cxLiterals": ["w-full"],
1425
- "internalComponents": ["HStack"],
1426
- "internalComponentProps": { "HStack": {
1427
- "alignItems": ["center"],
1428
- "justifyContent": ["space-between"],
1429
- "overflow": ["hidden"],
1430
- "position": ["relative"]
1431
- } },
1432
- "propToVariantKeys": {
1433
- "variant": ["toastVariantRoot"],
1434
- "size": ["toastSizeRoot"]
1435
- },
1436
- "motionVarPrefixes": []
1437
- };
1438
- var ToastPortal = {
1439
- "name": "ToastPortal",
1440
- "defaultProps": {},
1441
- "getStylesLiterals": {},
1442
- "cxLiterals": [],
1443
- "internalComponents": ["ReactToastifyToastContainer"],
1444
- "internalComponentProps": {},
1445
- "propToVariantKeys": {},
1446
- "motionVarPrefixes": []
1447
- };
1448
- var UDSToastConfigProvider = {
1449
- "name": "UDSToastConfigProvider",
1493
+ var UDSTooltipConfigProvider = {
1494
+ "name": "UDSTooltipConfigProvider",
1450
1495
  "defaultProps": {},
1451
1496
  "getStylesLiterals": {},
1452
1497
  "cxLiterals": [],
1453
- "internalComponents": ["ToastContext.Provider"],
1498
+ "internalComponents": ["TooltipContext.Provider"],
1454
1499
  "internalComponentProps": {},
1455
1500
  "propToVariantKeys": {},
1456
1501
  "motionVarPrefixes": []
1457
1502
  };
1458
- var Tooltip = {
1459
- "name": "Tooltip",
1503
+ var TooltipTrigger = {
1504
+ "name": "TooltipTrigger",
1460
1505
  "defaultProps": {},
1461
1506
  "getStylesLiterals": {},
1462
1507
  "cxLiterals": [],
1463
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1464
- "internalComponentProps": {},
1465
- "propToVariantKeys": {},
1508
+ "internalComponents": ["TooltipAnchor"],
1509
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1510
+ "propToVariantKeys": { "children": ["render"] },
1466
1511
  "motionVarPrefixes": []
1467
1512
  };
1468
1513
  var TooltipContent = {
@@ -1484,36 +1529,27 @@ var TooltipContent = {
1484
1529
  "tooltipVariantIcon": "default"
1485
1530
  },
1486
1531
  "cxLiterals": [
1532
+ "max-w-lg",
1487
1533
  "flex",
1488
1534
  "z-[9999]",
1489
- "stroke-1",
1490
1535
  "uds-bgBlurFillFallback",
1491
1536
  "uds-bgBlurFallback",
1492
1537
  "top-0",
1493
1538
  "left-0",
1494
- "z-[1]",
1495
- "transition-opacity",
1496
- "ease-in-out",
1497
- "absolute",
1498
- "w-full",
1499
- "h-full",
1500
- "overflow-visible",
1501
- "pointer-events-none",
1502
- "z-[2]"
1539
+ "z-[1]"
1503
1540
  ],
1504
1541
  "internalComponents": [
1505
- "Box",
1506
1542
  "IconSlot",
1507
1543
  "TooltipArrow",
1508
1544
  "Tooltip",
1509
- "Fragment",
1545
+ "SvgFloatingOverlay",
1546
+ "VStack",
1547
+ "Box",
1510
1548
  "Text"
1511
1549
  ],
1512
1550
  "internalComponentProps": {
1551
+ "VStack": { "className": ["gap-[inherit]"] },
1513
1552
  "Box": {
1514
- "position": ["relative"],
1515
- "flexDirection": ["column"],
1516
- "className": ["z-[3] gap-[inherit]"],
1517
1553
  "alignItems": ["center"],
1518
1554
  "columnGap": ["1", "1.5"]
1519
1555
  },
@@ -1522,22 +1558,28 @@ var TooltipContent = {
1522
1558
  "propToVariantKeys": { "startTitleIcon": ["icon"] },
1523
1559
  "motionVarPrefixes": []
1524
1560
  };
1525
- var TooltipTrigger = {
1526
- "name": "TooltipTrigger",
1561
+ var Tooltip = {
1562
+ "name": "Tooltip",
1527
1563
  "defaultProps": {},
1528
1564
  "getStylesLiterals": {},
1529
1565
  "cxLiterals": [],
1530
- "internalComponents": ["TooltipAnchor"],
1531
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1532
- "propToVariantKeys": { "children": ["render"] },
1566
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1567
+ "internalComponentProps": {},
1568
+ "propToVariantKeys": {},
1533
1569
  "motionVarPrefixes": []
1534
1570
  };
1535
- var UDSTooltipConfigProvider = {
1536
- "name": "UDSTooltipConfigProvider",
1571
+ var UDSConfigProvider = {
1572
+ "name": "UDSConfigProvider",
1537
1573
  "defaultProps": {},
1538
1574
  "getStylesLiterals": {},
1539
1575
  "cxLiterals": [],
1540
- "internalComponents": ["TooltipContext.Provider"],
1576
+ "internalComponents": [
1577
+ "UDSBreakpointsConfigProvider",
1578
+ "UDSBottomSheetConfigProvider",
1579
+ "UDSToastConfigProvider",
1580
+ "UDSTooltipConfigProvider",
1581
+ "UDSPopoverConfigProvider"
1582
+ ],
1541
1583
  "internalComponentProps": {},
1542
1584
  "propToVariantKeys": {},
1543
1585
  "motionVarPrefixes": []
@@ -1552,423 +1594,507 @@ var UDSBreakpointsConfigProvider = {
1552
1594
  "propToVariantKeys": {},
1553
1595
  "motionVarPrefixes": []
1554
1596
  };
1555
- var UDSConfigProvider = {
1556
- "name": "UDSConfigProvider",
1557
- "defaultProps": {},
1558
- "getStylesLiterals": {},
1559
- "cxLiterals": [],
1560
- "internalComponents": [
1561
- "UDSBreakpointsConfigProvider",
1562
- "UDSBottomSheetConfigProvider",
1563
- "UDSToastConfigProvider",
1564
- "UDSTooltipConfigProvider"
1565
- ],
1566
- "internalComponentProps": {},
1567
- "propToVariantKeys": {},
1568
- "motionVarPrefixes": []
1569
- };
1570
- var Accordion = {
1571
- "name": "Accordion",
1597
+ var Input = {
1598
+ "name": "Input",
1572
1599
  "defaultProps": {
1573
- "spacingHorizontal": "4",
1574
- "spacingVertical": "4"
1600
+ "type": "text",
1601
+ "size": "md",
1602
+ "width": "full"
1575
1603
  },
1576
- "getStylesLiterals": {},
1577
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1604
+ "getStylesLiterals": {
1605
+ "inputVariantRoot": "default",
1606
+ "inputVariantValueRoot": "empty",
1607
+ "inputVariantValueRoot:1": "filled",
1608
+ "inputVariantInputWrapper": "default",
1609
+ "inputVariantValueInputWrapper": "empty",
1610
+ "inputVariantValueInputWrapper:1": "filled",
1611
+ "inputVariantInput": "default",
1612
+ "inputVariantValueInput": "empty",
1613
+ "inputVariantValueInput:1": "filled",
1614
+ "inputVariantInputPlaceholder": "default",
1615
+ "inputVariantValueInputPlaceholder": "empty",
1616
+ "inputVariantValueInputPlaceholder:1": "filled",
1617
+ "inputVariantLabel": "default",
1618
+ "inputVariantValueLabel": "empty",
1619
+ "inputVariantValueLabel:1": "filled",
1620
+ "inputVariantLabelRequired": "default",
1621
+ "inputVariantValueLabelRequired": "empty",
1622
+ "inputVariantValueLabelRequired:1": "filled",
1623
+ "inputVariantStartIcon": "default",
1624
+ "inputVariantValueStartIcon": "empty",
1625
+ "inputVariantValueStartIcon:1": "filled",
1626
+ "inputVariantEndIcon": "default",
1627
+ "inputVariantValueEndIcon": "empty",
1628
+ "inputVariantValueEndIcon:1": "filled"
1629
+ },
1630
+ "cxLiterals": [
1631
+ "opacity-50",
1632
+ "min-w-[200px]",
1633
+ "grow",
1634
+ "uds-hit-target",
1635
+ "bg-clip-text",
1636
+ "focus:outline-none",
1637
+ "cursor-text",
1638
+ "cursor-not-allowed"
1639
+ ],
1578
1640
  "internalComponents": [
1579
- "Icon",
1580
- "SpringMotionConfig",
1581
- "Pressable",
1582
- "Text",
1641
+ "IconSlot",
1642
+ "StartIcon",
1643
+ "EndIcon",
1644
+ "HelpTextContent",
1645
+ "Box",
1646
+ "InputHelpTextInternal",
1647
+ "VStack",
1583
1648
  "HStack",
1584
- "AnimatePresence",
1585
- "VStack"
1649
+ "AnimateHeightChange"
1586
1650
  ],
1587
1651
  "internalComponentProps": {
1588
- "Icon": {
1589
- "variant": ["fill"],
1590
- "size": ["sm"],
1591
- "color": ["primary"]
1592
- },
1593
- "SpringMotionConfig": {
1594
- "layoutVariant": ["smooth"],
1595
- "layoutSpeed": ["3"]
1596
- },
1597
- "Pressable": {
1598
- "display": ["flex"],
1599
- "flexDirection": ["row"],
1600
- "alignItems": ["center"],
1601
- "justifyContent": ["space-between"],
1602
- "borderRadius": ["md"]
1603
- },
1604
- "Text": {
1605
- "variant": ["title4"],
1606
- "color": ["primary"]
1652
+ "HelpTextContent": { "spacingTop": ["2"] },
1653
+ "Box": {
1654
+ "spacingBottom": ["2"],
1655
+ "columnGap": ["0.5"],
1656
+ "alignItems": ["flex-end", "center"],
1657
+ "position": ["relative"]
1607
1658
  },
1608
1659
  "HStack": {
1609
- "display": ["flex"],
1610
1660
  "alignItems": ["center"],
1611
- "justifyContent": ["space-between"],
1612
- "columnGap": ["2.5"]
1661
+ "gap": ["1"]
1613
1662
  }
1614
1663
  },
1615
- "propToVariantKeys": {},
1616
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1664
+ "propToVariantKeys": {
1665
+ "size": [
1666
+ "inputSizeRoot",
1667
+ "inputSizeInputWrapper",
1668
+ "inputSizeInput",
1669
+ "inputSizeLabel",
1670
+ "inputSizeStartIcon",
1671
+ "inputSizeEndIcon"
1672
+ ],
1673
+ "startIcon": ["icon"],
1674
+ "endIcon": ["icon"],
1675
+ "helperTextIcon": ["startIcon"]
1676
+ },
1677
+ "motionVarPrefixes": []
1617
1678
  };
1618
- var AvoidMotionLibraryProvider = {
1619
- "name": "AvoidMotionLibraryProvider",
1679
+ var InputHelpText = {
1680
+ "name": "InputHelpText",
1681
+ "defaultProps": { "size": "md" },
1682
+ "getStylesLiterals": {
1683
+ "inputVariantRoot": "default",
1684
+ "inputVariantValueRoot": "empty",
1685
+ "inputVariantValueRoot:1": "filled"
1686
+ },
1687
+ "cxLiterals": [],
1688
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1689
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1690
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1691
+ "motionVarPrefixes": []
1692
+ };
1693
+ var InputHelpTextInternal = {
1694
+ "name": "InputHelpTextInternal",
1620
1695
  "defaultProps": {},
1621
- "getStylesLiterals": {},
1696
+ "getStylesLiterals": {
1697
+ "inputVariantHelperText": "default",
1698
+ "inputVariantValueHelperText": "empty",
1699
+ "inputVariantValueHelperText:1": "filled",
1700
+ "inputVariantHelperIcon": "default",
1701
+ "inputVariantValueHelperIcon": "empty",
1702
+ "inputVariantValueHelperIcon:1": "filled"
1703
+ },
1622
1704
  "cxLiterals": [],
1623
- "internalComponents": [],
1705
+ "internalComponents": ["IconSlot", "HStack"],
1706
+ "internalComponentProps": { "HStack": {
1707
+ "gap": ["1"],
1708
+ "alignItems": ["center"]
1709
+ } },
1710
+ "propToVariantKeys": {
1711
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1712
+ "startIcon": ["icon"],
1713
+ "endIcon": ["icon"]
1714
+ },
1715
+ "motionVarPrefixes": []
1716
+ };
1717
+ var Menu_Item = {
1718
+ "name": "Menu.Item",
1719
+ "defaultProps": {},
1720
+ "getStylesLiterals": {
1721
+ "menuitemItemVariantRoot": "default",
1722
+ "menuitemItemVariantActiveRoot": "on",
1723
+ "menuitemItemVariantActiveRoot:1": "off",
1724
+ "menuitemItemVariantText": "default",
1725
+ "menuitemItemVariantActiveText": "on",
1726
+ "menuitemItemVariantActiveText:1": "off",
1727
+ "menuitemItemVariantIcon": "default",
1728
+ "menuitemItemVariantActiveIcon": "on",
1729
+ "menuitemItemVariantActiveIcon:1": "off"
1730
+ },
1731
+ "cxLiterals": [],
1732
+ "internalComponents": ["MenuItemBase"],
1624
1733
  "internalComponentProps": {},
1625
1734
  "propToVariantKeys": {},
1626
1735
  "motionVarPrefixes": []
1627
1736
  };
1628
- var Modal = {
1629
- "name": "Modal",
1737
+ var Menu_Provider = {
1738
+ "name": "Menu.Provider",
1630
1739
  "defaultProps": {},
1631
1740
  "getStylesLiterals": {},
1741
+ "cxLiterals": [],
1742
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1743
+ "internalComponentProps": {},
1744
+ "propToVariantKeys": {},
1745
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1746
+ };
1747
+ var Menu_ItemBase = {
1748
+ "name": "Menu.ItemBase",
1749
+ "defaultProps": {
1750
+ "spacing": "0",
1751
+ "spacingHorizontal": "4",
1752
+ "spacingVertical": "3.5",
1753
+ "columnGap": "2",
1754
+ "alignItems": "center",
1755
+ "justifyContent": "space-between"
1756
+ },
1757
+ "getStylesLiterals": {
1758
+ "textAlign": "start",
1759
+ "menuitemSizeRoot": "default",
1760
+ "flexDirection": "row",
1761
+ "menuitemSizeStartIcon": "default",
1762
+ "menuitemSizeEndIcon": "default"
1763
+ },
1632
1764
  "cxLiterals": [
1633
- "inset-8",
1634
- "top-[250px]",
1635
- "z-50",
1636
- "mx-auto",
1637
- "h-fit",
1638
- "w-[600px]",
1639
- "origin-center",
1640
- "scale-95",
1641
- "opacity-0",
1642
- "transition",
1643
- "duration-150",
1644
- "data-[enter]:scale-100",
1645
- "data-[enter]:opacity-100",
1646
- "data-[enter]:bg-primary",
1647
- "backdrop-blur-0",
1648
- "data-[enter]:opacity-60",
1649
- "data-[enter]:backdrop-blur-sm"
1765
+ "flex",
1766
+ "focus-visible:text-brand",
1767
+ "focus-visible:bg-brand-secondary",
1768
+ "focus-visible:z-10",
1769
+ "uds-ring",
1770
+ "!-outline-offset-2",
1771
+ "[&:not([aria-checked])]:cursor-default",
1772
+ "opacity-25",
1773
+ "cursor-not-allowed",
1774
+ "duration-20",
1775
+ "transition-[font-variation-settings]",
1776
+ "ease-in-out",
1777
+ "z-0",
1778
+ "uds-start-icon",
1779
+ "uds-end-icon"
1650
1780
  ],
1651
1781
  "internalComponents": [
1652
- "IconButton",
1653
- "Dialog",
1782
+ "Pressable",
1783
+ "IconSlot",
1784
+ "RootComponent",
1654
1785
  "HStack",
1655
- "Text",
1656
- "VStack"
1786
+ "AnimatePresence"
1657
1787
  ],
1658
1788
  "internalComponentProps": {
1659
- "IconButton": {
1660
- "aria-label": ["Close"],
1661
- "size": ["sm"],
1662
- "variant": ["tertiary"]
1663
- },
1664
1789
  "HStack": {
1665
1790
  "alignItems": ["center"],
1666
- "justifyContent": ["space-between"]
1667
- },
1668
- "Text": {
1669
- "variant": ["headline1"],
1670
- "color": ["primary"]
1791
+ "width": ["full"]
1671
1792
  },
1672
- "VStack": {
1673
- "borderRadius": ["md"],
1674
- "position": ["fixed"],
1675
- "backgroundColor": ["primary"],
1676
- "dropShadow": ["md"],
1677
- "spacing": ["8"],
1678
- "overflow": ["hidden"]
1679
- }
1793
+ "AnimatePresence": { "mode": ["popLayout"] }
1794
+ },
1795
+ "propToVariantKeys": {
1796
+ "startIcon": ["icon"],
1797
+ "endIcon": ["icon"],
1798
+ "columnGap": ["gap"]
1680
1799
  },
1681
- "propToVariantKeys": { "handleClose": ["onClick"] },
1682
1800
  "motionVarPrefixes": []
1683
1801
  };
1684
- var Popover = {
1685
- "name": "Popover",
1802
+ var Menu_Trigger = {
1803
+ "name": "Menu.Trigger",
1686
1804
  "defaultProps": {},
1687
1805
  "getStylesLiterals": {},
1688
- "cxLiterals": [],
1689
- "internalComponents": [
1690
- "HStack",
1691
- "Text",
1692
- "OriginalPopoverHeading"
1693
- ],
1694
- "internalComponentProps": { "Text": {
1695
- "variant": ["headline1"],
1696
- "color": ["primary"]
1697
- } },
1806
+ "cxLiterals": ["uds-menu-trigger"],
1807
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1808
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1698
1809
  "propToVariantKeys": {},
1699
1810
  "motionVarPrefixes": []
1700
1811
  };
1701
- var SegmentedControl = {
1702
- "name": "SegmentedControl",
1812
+ var Menu_index = {
1813
+ "name": "Menu.index",
1703
1814
  "defaultProps": {},
1704
- "getStylesLiterals": {
1705
- "display": "flex",
1706
- "alignItems": "center",
1707
- "backgroundColor": "primary",
1708
- "spacingVertical": "1",
1709
- "spacingHorizontal": "3",
1710
- "columnGap": "1.5",
1711
- "borderWidth": "thin",
1712
- "borderRadius": "full",
1713
- "borderColor": "muted",
1714
- "borderColor:1": "transparent",
1715
- "color": "primary",
1716
- "color:1": "tertiary",
1717
- "color:2": "muted"
1815
+ "getStylesLiterals": {},
1816
+ "cxLiterals": [],
1817
+ "internalComponents": [],
1818
+ "internalComponentProps": {},
1819
+ "propToVariantKeys": {},
1820
+ "motionVarPrefixes": []
1821
+ };
1822
+ var Menu_Content = {
1823
+ "name": "Menu.Content",
1824
+ "defaultProps": {
1825
+ "size": "default",
1826
+ "variant": "default",
1827
+ "gutter": "1"
1718
1828
  },
1829
+ "getStylesLiterals": {},
1719
1830
  "cxLiterals": [
1831
+ "uds-menu-content",
1832
+ "transition-shadow",
1833
+ "duration-200",
1834
+ "ease-in-out",
1835
+ "min-w-60",
1836
+ "max-w-lg",
1837
+ "max-h-96",
1838
+ "overflow-auto",
1720
1839
  "uds-ring",
1721
- "cursor-not-allowed",
1722
- "opacity-50",
1723
- "pointer-events-none",
1724
- "hover:bg-primary"
1840
+ "z-10",
1841
+ "group"
1725
1842
  ],
1726
1843
  "internalComponents": [
1727
- "Radio",
1728
- "Icon",
1729
- "RadioProvider",
1730
- "HStack",
1731
- "RadioGroup",
1732
- "Pressable",
1733
- "Text"
1844
+ "AriakitMenu",
1845
+ "AnimatePresence",
1846
+ "MotionVStack"
1734
1847
  ],
1735
- "internalComponentProps": {
1736
- "Icon": {
1737
- "size": ["sm"],
1738
- "color": ["current"],
1739
- "aria-hidden": ["true"]
1740
- },
1741
- "HStack": {
1742
- "spacing": ["1"],
1743
- "gap": ["1"],
1744
- "backgroundColor": ["secondary"],
1745
- "borderRadius": ["full"],
1746
- "display": ["inline-flex"]
1747
- },
1748
- "Text": {
1749
- "variant": ["label2"],
1750
- "color": ["current"]
1751
- }
1752
- },
1848
+ "internalComponentProps": {},
1753
1849
  "propToVariantKeys": {
1754
- "value": ["key"],
1755
- "label": ["aria-label"]
1850
+ "size": ["menucontentSizeRoot"],
1851
+ "variant": ["menucontentVariantRoot"]
1756
1852
  },
1757
1853
  "motionVarPrefixes": []
1758
1854
  };
1759
- var SwitchV2 = {
1760
- "name": "SwitchV2",
1855
+ var Menu_Divider = {
1856
+ "name": "Menu.Divider",
1761
1857
  "defaultProps": {
1762
- "labelPosition": "start",
1763
- "size": "md"
1858
+ "role": "separator",
1859
+ "contentPosition": "start",
1860
+ "gap": "4"
1764
1861
  },
1765
1862
  "getStylesLiterals": {
1766
- "switchVariantRoot": "default",
1767
- "switchVariantActiveRoot": "on",
1768
- "switchVariantActiveRoot:1": "off",
1769
- "switchVariantSwitch": "default",
1770
- "switchVariantActiveSwitch": "on",
1771
- "switchVariantActiveSwitch:1": "off",
1772
- "switchVariantActiveHandle": "on",
1773
- "switchVariantActiveHandle:1": "off",
1774
- "switchVariantHandle": "default",
1775
- "switchVariantHandleIcon": "default",
1776
- "switchVariantActiveHandleIcon": "on",
1777
- "switchVariantActiveHandleIcon:1": "off"
1863
+ "menuitemDividerVariantRoot": "default",
1864
+ "menuitemDividerVariantText": "default",
1865
+ "menuitemDividerVariantLine": "default"
1866
+ },
1867
+ "cxLiterals": [],
1868
+ "internalComponents": ["DividerInternal"],
1869
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1870
+ "propToVariantKeys": {},
1871
+ "motionVarPrefixes": []
1872
+ };
1873
+ var Menu = {
1874
+ "name": "Menu",
1875
+ "defaultProps": {},
1876
+ "getStylesLiterals": {},
1877
+ "cxLiterals": [],
1878
+ "internalComponents": [],
1879
+ "internalComponentProps": {},
1880
+ "propToVariantKeys": {},
1881
+ "motionVarPrefixes": []
1882
+ };
1883
+ var Menu_ItemCheckbox = {
1884
+ "name": "Menu.ItemCheckbox",
1885
+ "defaultProps": {},
1886
+ "getStylesLiterals": {
1887
+ "menuitemItemCheckboxVariantRoot": "default",
1888
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1889
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1890
+ "menuitemItemCheckboxVariantText": "default",
1891
+ "menuitemItemCheckboxVariantActiveText": "on",
1892
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1893
+ "menuitemItemCheckboxVariantStartIcon": "default",
1894
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1895
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1896
+ "menuitemItemCheckboxVariantEndIcon": "default",
1897
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1898
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1778
1899
  },
1900
+ "cxLiterals": ["uds-menu-item-checkbox"],
1901
+ "internalComponents": ["MenuItemBase"],
1902
+ "internalComponentProps": {},
1903
+ "propToVariantKeys": {},
1904
+ "motionVarPrefixes": []
1905
+ };
1906
+ var ChipLink = {
1907
+ "name": "ChipLink",
1908
+ "defaultProps": { "variant": "primary" },
1909
+ "getStylesLiterals": {},
1910
+ "cxLiterals": ["uds-ring"],
1911
+ "internalComponents": ["ChipBase"],
1912
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1913
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1914
+ "motionVarPrefixes": []
1915
+ };
1916
+ var ChipDismissible = {
1917
+ "name": "ChipDismissible",
1918
+ "defaultProps": { "variant": "primary" },
1919
+ "getStylesLiterals": {},
1779
1920
  "cxLiterals": [
1780
- "group",
1781
- "flex",
1782
- "items-center",
1783
- "flex-row",
1784
- "flex-row-reverse",
1921
+ "uds-chip-dismissible-button",
1922
+ "uds-hit-target",
1785
1923
  "uds-ring",
1786
- "uds-ring-within",
1787
- "relative",
1788
- "uds-border-radius-full",
1789
- "transition-[background-color,box-shadow]",
1790
- "pointer-events-none",
1791
- "w-full",
1792
- "h-full",
1793
- "absolute",
1794
- "top-0",
1795
- "bottom-0",
1796
- "right-0",
1797
- "left-0",
1798
- "overflow-hidden",
1799
- "group-hover:scale-105",
1800
- "opacity-95",
1801
- "group-hover:opacity-100",
1802
- "transition-[transform,opacity]",
1803
- "opacity-0",
1804
- "top-1/2",
1805
- "left-1/2",
1806
- "transform",
1807
- "translate-x-[-50%]",
1808
- "translate-y-[-50%]",
1809
- "transition-opacity",
1810
- "cursor-[inherit]",
1811
- "w-[calc(100%+2px)]",
1812
- "h-[calc(100%+2px)]",
1813
- "text-start",
1814
- "text-end",
1815
- "opacity-100"
1924
+ "rounded-full"
1816
1925
  ],
1817
1926
  "internalComponents": [
1927
+ "ChipBase",
1818
1928
  "IconSlot",
1819
- "Box",
1820
- "FormLabel",
1821
- "SpringMotionConfig",
1822
- "RootElement",
1823
- "MotionBox"
1929
+ "Pressable"
1824
1930
  ],
1825
- "internalComponentProps": {
1826
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1827
- "FormLabel": {
1828
- "as": ["div"],
1829
- "variant": ["inherit"],
1830
- "color": ["inherit"]
1831
- },
1832
- "SpringMotionConfig": {
1833
- "layoutVariant": ["bouncy"],
1834
- "layoutSpeed": ["4"]
1835
- },
1836
- "RootElement": { "data-testid": ["switch-root"] },
1837
- "MotionBox": { "layout": ["position"] }
1838
- },
1931
+ "internalComponentProps": {},
1839
1932
  "propToVariantKeys": {
1840
- "size": [
1841
- "switchSizeRoot",
1842
- "switchSizeSwitch",
1843
- "switchSizeHandle",
1844
- "switchSizeHandleIcon"
1845
- ],
1846
- "onIcon": ["icon"],
1847
- "offIcon": ["icon"],
1848
- "reduceMotion": ["reducedMotion"],
1849
- "isOn": ["layoutDependency"]
1933
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1934
+ "dismissButtonAriaLabel": ["aria-label"]
1850
1935
  },
1851
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1936
+ "motionVarPrefixes": []
1852
1937
  };
1853
- var Tabs = {
1854
- "name": "Tabs",
1855
- "defaultProps": {},
1938
+ var ChipToggle = {
1939
+ "name": "ChipToggle",
1940
+ "defaultProps": {
1941
+ "variant": "primary",
1942
+ "role": "checkbox"
1943
+ },
1856
1944
  "getStylesLiterals": {
1857
- "display": "flex",
1858
- "flexDirection": "row",
1859
- "columnGap": "6"
1945
+ "chipToggleVariantActiveRoot": "on",
1946
+ "chipToggleVariantActiveRoot:1": "off"
1947
+ },
1948
+ "cxLiterals": ["uds-ring"],
1949
+ "internalComponents": ["ChipBase"],
1950
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1951
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1952
+ "motionVarPrefixes": []
1953
+ };
1954
+ var Chip = {
1955
+ "name": "Chip",
1956
+ "defaultProps": {},
1957
+ "getStylesLiterals": {},
1958
+ "cxLiterals": [],
1959
+ "internalComponents": [
1960
+ "ChipDismissible",
1961
+ "ChipToggle",
1962
+ "ChipLink",
1963
+ "ChipButton"
1964
+ ],
1965
+ "internalComponentProps": {},
1966
+ "propToVariantKeys": {},
1967
+ "motionVarPrefixes": []
1968
+ };
1969
+ var ChipBase = {
1970
+ "name": "ChipBase",
1971
+ "defaultProps": {
1972
+ "size": "md",
1973
+ "as": "div"
1860
1974
  },
1975
+ "getStylesLiterals": {},
1861
1976
  "cxLiterals": [
1862
- "text-tertiary",
1863
- "border-b-transparent",
1864
- "aria-selected:border-b-brand",
1865
- "aria-selected:text-secondary"
1977
+ "pointer-events-none",
1978
+ "cursor-default",
1979
+ "opacity-50",
1980
+ "inline-flex",
1981
+ "items-center",
1982
+ "transition-[background-color,outline-color,box-shadow]",
1983
+ "truncate",
1984
+ "whitespace-nowrap",
1985
+ "text-center",
1986
+ "flex-1"
1866
1987
  ],
1867
1988
  "internalComponents": [
1868
- "TabProvider",
1869
- "OriginalTabList",
1870
- "OriginalTab",
1871
- "Icon",
1872
- "OriginalTabPanel",
1873
- "Pressable",
1874
- "Comp",
1989
+ "IconSlot",
1990
+ "HStack",
1991
+ "As",
1875
1992
  "Text"
1876
1993
  ],
1877
- "internalComponentProps": {
1878
- "Icon": {
1879
- "className": ["text-current"],
1880
- "size": ["md"]
1881
- },
1882
- "Pressable": {
1883
- "borderBottomWidth": ["medium"],
1884
- "spacingBottom": ["1"],
1885
- "spacingTop": ["4"]
1886
- },
1887
- "Text": {
1888
- "className": ["text-current"],
1889
- "variant": ["headline1"],
1890
- "as": ["span"]
1891
- }
1994
+ "internalComponentProps": { "Text": {
1995
+ "as": ["span"],
1996
+ "color": ["current"],
1997
+ "variant": ["inherit"]
1998
+ } },
1999
+ "propToVariantKeys": {
2000
+ "size": ["chipSizeRoot", "chipSizeIcon"],
2001
+ "startIcon": ["icon"],
2002
+ "endIcon": ["icon"]
1892
2003
  },
1893
- "propToVariantKeys": {},
2004
+ "motionVarPrefixes": []
2005
+ };
2006
+ var ChipButton = {
2007
+ "name": "ChipButton",
2008
+ "defaultProps": { "variant": "primary" },
2009
+ "getStylesLiterals": {},
2010
+ "cxLiterals": ["uds-ring"],
2011
+ "internalComponents": ["ChipBase"],
2012
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2013
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1894
2014
  "motionVarPrefixes": []
1895
2015
  };
1896
2016
  var componentData_default = {
2017
+ Link,
2018
+ VStack,
1897
2019
  Box,
1898
- FormLabel,
1899
- HStack,
2020
+ Scrim,
1900
2021
  Icon,
2022
+ SvgFloatingOverlay,
2023
+ FormLabel,
2024
+ Text,
1901
2025
  IconSlot,
2026
+ HStack,
1902
2027
  Image,
1903
- Link,
1904
- Scrim,
1905
- Text,
1906
- VStack,
1907
- Divider,
2028
+ "Table.mocks": Table_mocks,
2029
+ Table,
2030
+ Spinner,
1908
2031
  DividerCore,
1909
2032
  DividerInternal,
1910
- AnimateHeightChange,
1911
- Badge,
2033
+ Divider,
1912
2034
  Button,
1913
2035
  Checkbox,
1914
- IconButton,
1915
- Pressable,
1916
2036
  SpringMotionConfig,
2037
+ IconButton,
1917
2038
  Switch,
1918
- Spinner,
1919
- "Table.mocks": Table_mocks,
1920
- Table,
1921
- Avatar,
1922
- AvatarIcon,
2039
+ Badge,
2040
+ AnimateHeightChange,
2041
+ Pressable,
2042
+ ExperimentalPopover,
2043
+ AvoidMotionLibraryProvider,
2044
+ SegmentedControl,
2045
+ SwitchV2,
2046
+ Tabs,
2047
+ Modal,
2048
+ Accordion,
1923
2049
  AvatarImage,
1924
2050
  AvatarText,
1925
- BottomSheet,
2051
+ Avatar,
2052
+ AvatarIcon,
2053
+ UDSPopoverConfigProvider,
2054
+ Popover,
2055
+ PopoverContext,
2056
+ PopoverTrigger,
2057
+ PopoverContent,
1926
2058
  BottomSheetContent,
1927
2059
  BottomSheetDismiss,
2060
+ BottomSheet,
1928
2061
  BottomSheetHandle,
1929
- BottomSheetHeader,
1930
2062
  BottomSheetInternalContext,
1931
- BottomSheetProvider,
2063
+ BottomSheetHeader,
1932
2064
  BottomSheetTrigger,
2065
+ BottomSheetProvider,
1933
2066
  UDSBottomSheetConfigProvider,
1934
- Chip,
1935
- ChipBase,
1936
- ChipButton,
1937
- ChipDismissible,
1938
- ChipLink,
1939
- ChipToggle,
2067
+ UDSToastConfigProvider,
2068
+ Toast,
2069
+ ToastContainer,
2070
+ ToastPortal,
2071
+ RadioGroupStore,
2072
+ RadioGroupProvider,
2073
+ Radio,
2074
+ UDSTooltipConfigProvider,
2075
+ TooltipTrigger,
2076
+ TooltipContent,
2077
+ Tooltip,
2078
+ UDSConfigProvider,
2079
+ UDSBreakpointsConfigProvider,
1940
2080
  Input,
1941
2081
  InputHelpText,
1942
2082
  InputHelpTextInternal,
1943
- "Menu.Content": Menu_Content,
1944
- "Menu.Divider": Menu_Divider,
1945
2083
  "Menu.Item": Menu_Item,
1946
- "Menu.ItemBase": Menu_ItemBase,
1947
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
1948
2084
  "Menu.Provider": Menu_Provider,
2085
+ "Menu.ItemBase": Menu_ItemBase,
1949
2086
  "Menu.Trigger": Menu_Trigger,
1950
2087
  "Menu.index": Menu_index,
2088
+ "Menu.Content": Menu_Content,
2089
+ "Menu.Divider": Menu_Divider,
1951
2090
  Menu,
1952
- Radio,
1953
- RadioGroupProvider,
1954
- RadioGroupStore,
1955
- Toast,
1956
- ToastContainer,
1957
- ToastPortal,
1958
- UDSToastConfigProvider,
1959
- Tooltip,
1960
- TooltipContent,
1961
- TooltipTrigger,
1962
- UDSTooltipConfigProvider,
1963
- UDSBreakpointsConfigProvider,
1964
- UDSConfigProvider,
1965
- Accordion,
1966
- AvoidMotionLibraryProvider,
1967
- Modal,
1968
- Popover,
1969
- SegmentedControl,
1970
- SwitchV2,
1971
- Tabs
2091
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2092
+ ChipLink,
2093
+ ChipDismissible,
2094
+ ChipToggle,
2095
+ Chip,
2096
+ ChipBase,
2097
+ ChipButton
1972
2098
  };
1973
2099
 
1974
2100
  //#endregion
@@ -2140,6 +2266,12 @@ Object.defineProperty(exports, 'DividerInternal', {
2140
2266
  return DividerInternal;
2141
2267
  }
2142
2268
  });
2269
+ Object.defineProperty(exports, 'ExperimentalPopover', {
2270
+ enumerable: true,
2271
+ get: function () {
2272
+ return ExperimentalPopover;
2273
+ }
2274
+ });
2143
2275
  Object.defineProperty(exports, 'FormLabel', {
2144
2276
  enumerable: true,
2145
2277
  get: function () {
@@ -2266,6 +2398,24 @@ Object.defineProperty(exports, 'Popover', {
2266
2398
  return Popover;
2267
2399
  }
2268
2400
  });
2401
+ Object.defineProperty(exports, 'PopoverContent', {
2402
+ enumerable: true,
2403
+ get: function () {
2404
+ return PopoverContent;
2405
+ }
2406
+ });
2407
+ Object.defineProperty(exports, 'PopoverContext', {
2408
+ enumerable: true,
2409
+ get: function () {
2410
+ return PopoverContext;
2411
+ }
2412
+ });
2413
+ Object.defineProperty(exports, 'PopoverTrigger', {
2414
+ enumerable: true,
2415
+ get: function () {
2416
+ return PopoverTrigger;
2417
+ }
2418
+ });
2269
2419
  Object.defineProperty(exports, 'Pressable', {
2270
2420
  enumerable: true,
2271
2421
  get: function () {
@@ -2314,6 +2464,12 @@ Object.defineProperty(exports, 'SpringMotionConfig', {
2314
2464
  return SpringMotionConfig;
2315
2465
  }
2316
2466
  });
2467
+ Object.defineProperty(exports, 'SvgFloatingOverlay', {
2468
+ enumerable: true,
2469
+ get: function () {
2470
+ return SvgFloatingOverlay;
2471
+ }
2472
+ });
2317
2473
  Object.defineProperty(exports, 'Switch', {
2318
2474
  enumerable: true,
2319
2475
  get: function () {
@@ -2404,6 +2560,12 @@ Object.defineProperty(exports, 'UDSConfigProvider', {
2404
2560
  return UDSConfigProvider;
2405
2561
  }
2406
2562
  });
2563
+ Object.defineProperty(exports, 'UDSPopoverConfigProvider', {
2564
+ enumerable: true,
2565
+ get: function () {
2566
+ return UDSPopoverConfigProvider;
2567
+ }
2568
+ });
2407
2569
  Object.defineProperty(exports, 'UDSToastConfigProvider', {
2408
2570
  enumerable: true,
2409
2571
  get: function () {