@yahoo/uds 3.115.0 → 3.116.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +10 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +10 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +10 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +10 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1842 -0
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +194 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +194 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1842 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +78 -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 +78 -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 +123 -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 +121 -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 +172 -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 +170 -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 +1 -1
  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 +1 -1
  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 +55 -119
  56. package/dist/components/client/Tooltip/TooltipContent.js +56 -120
  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 +79 -1
  86. package/dist/config/dist/index.js +79 -1
  87. package/dist/{components/client/Tooltip/useTooltipContent.cjs → hooks/useSvgFloatingContent.cjs} +81 -48
  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} +76 -43
  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 +41 -0
  100. package/dist/runtime/popoverConfig.d.cts +24 -0
  101. package/dist/runtime/popoverConfig.d.ts +24 -0
  102. package/dist/runtime/popoverConfig.js +40 -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 +11 -1
  108. package/dist/styles/styler.d.ts +11 -1
  109. package/dist/styles/variants.d.cts +30 -0
  110. package/dist/styles/variants.d.ts +30 -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 +939 -791
  130. package/dist/uds/generated/componentData.js +905 -793
  131. package/dist/uds/generated/tailwindPurge.cjs +52 -26
  132. package/dist/uds/generated/tailwindPurge.js +52 -26
  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 +1230 -1089
  142. package/generated/tailwindPurge.ts +50 -27
  143. package/package.json +1 -1
  144. package/dist/components/client/Tooltip/useTooltipContent.d.cts +0 -66
  145. package/dist/components/client/Tooltip/useTooltipContent.d.ts +0 -66
  146. package/dist/components/client/Tooltip/util.cjs +0 -248
  147. package/dist/components/client/Tooltip/util.js +0 -240
  148. package/dist/components/experimental/client/Popover.d.cts +0 -29
  149. package/dist/components/experimental/client/Popover.d.ts +0 -29
@@ -1,5 +1,85 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
+ var Box = {
4
+ "name": "Box",
5
+ "defaultProps": {
6
+ "as": "div",
7
+ "display": "flex"
8
+ },
9
+ "getStylesLiterals": {},
10
+ "cxLiterals": [],
11
+ "internalComponents": ["Comp"],
12
+ "internalComponentProps": {},
13
+ "propToVariantKeys": { "elevationAlias": [
14
+ "backgroundColor",
15
+ "borderColor",
16
+ "borderWidth",
17
+ "dropShadow"
18
+ ] },
19
+ "motionVarPrefixes": []
20
+ };
21
+ var FormLabel = {
22
+ "name": "FormLabel",
23
+ "defaultProps": {
24
+ "color": "muted",
25
+ "variant": "label3",
26
+ "as": "label"
27
+ },
28
+ "getStylesLiterals": {},
29
+ "cxLiterals": ["cursor-[inherit]"],
30
+ "internalComponents": ["Text"],
31
+ "internalComponentProps": { "Text": {
32
+ "as": ["sup"],
33
+ "variant": ["inherit"],
34
+ "spacingStart": ["0.5"]
35
+ } },
36
+ "propToVariantKeys": {},
37
+ "motionVarPrefixes": []
38
+ };
39
+ var HStack = {
40
+ "name": "HStack",
41
+ "defaultProps": {},
42
+ "getStylesLiterals": {},
43
+ "cxLiterals": [],
44
+ "internalComponents": ["Box"],
45
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
46
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
47
+ "motionVarPrefixes": []
48
+ };
49
+ var Icon = {
50
+ "name": "Icon",
51
+ "defaultProps": {
52
+ "size": "md",
53
+ "variant": "outline",
54
+ "color": "primary"
55
+ },
56
+ "getStylesLiterals": { "flex": "none" },
57
+ "cxLiterals": ["[&_path]:fill-current"],
58
+ "internalComponents": ["SVGIcon"],
59
+ "internalComponentProps": {},
60
+ "propToVariantKeys": {},
61
+ "motionVarPrefixes": []
62
+ };
63
+ var IconSlot = {
64
+ "name": "IconSlot",
65
+ "defaultProps": {},
66
+ "getStylesLiterals": {},
67
+ "cxLiterals": [],
68
+ "internalComponents": ["Icon"],
69
+ "internalComponentProps": {},
70
+ "propToVariantKeys": {},
71
+ "motionVarPrefixes": []
72
+ };
73
+ var Image = {
74
+ "name": "Image",
75
+ "defaultProps": {},
76
+ "getStylesLiterals": {},
77
+ "cxLiterals": [],
78
+ "internalComponents": [],
79
+ "internalComponentProps": {},
80
+ "propToVariantKeys": {},
81
+ "motionVarPrefixes": []
82
+ };
3
83
  var Link = {
4
84
  "name": "Link",
5
85
  "defaultProps": { "variant": "primary" },
@@ -35,34 +115,6 @@ var Link = {
35
115
  },
36
116
  "motionVarPrefixes": []
37
117
  };
38
- var VStack = {
39
- "name": "VStack",
40
- "defaultProps": {},
41
- "getStylesLiterals": {},
42
- "cxLiterals": [],
43
- "internalComponents": ["Box"],
44
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
45
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
46
- "motionVarPrefixes": []
47
- };
48
- var Box = {
49
- "name": "Box",
50
- "defaultProps": {
51
- "as": "div",
52
- "display": "flex"
53
- },
54
- "getStylesLiterals": {},
55
- "cxLiterals": [],
56
- "internalComponents": ["Comp"],
57
- "internalComponentProps": {},
58
- "propToVariantKeys": { "elevationAlias": [
59
- "backgroundColor",
60
- "borderColor",
61
- "borderWidth",
62
- "dropShadow"
63
- ] },
64
- "motionVarPrefixes": []
65
- };
66
118
  var Scrim = {
67
119
  "name": "Scrim",
68
120
  "defaultProps": {
@@ -87,36 +139,24 @@ var Scrim = {
87
139
  "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
88
140
  "motionVarPrefixes": []
89
141
  };
90
- var Icon = {
91
- "name": "Icon",
92
- "defaultProps": {
93
- "size": "md",
94
- "variant": "outline",
95
- "color": "primary"
96
- },
97
- "getStylesLiterals": { "flex": "none" },
98
- "cxLiterals": ["[&_path]:fill-current"],
99
- "internalComponents": ["SVGIcon"],
100
- "internalComponentProps": {},
101
- "propToVariantKeys": {},
102
- "motionVarPrefixes": []
103
- };
104
- var FormLabel = {
105
- "name": "FormLabel",
106
- "defaultProps": {
107
- "color": "muted",
108
- "variant": "label3",
109
- "as": "label"
110
- },
142
+ var SvgFloatingOverlay = {
143
+ "name": "SvgFloatingOverlay",
144
+ "defaultProps": {},
111
145
  "getStylesLiterals": {},
112
- "cxLiterals": ["cursor-[inherit]"],
113
- "internalComponents": ["Text"],
114
- "internalComponentProps": { "Text": {
115
- "as": ["sup"],
116
- "variant": ["inherit"],
117
- "spacingStart": ["0.5"]
146
+ "cxLiterals": [
147
+ "z-[2]",
148
+ "z-[3]",
149
+ "max-h-full"
150
+ ],
151
+ "internalComponents": ["Box", "Fragment"],
152
+ "internalComponentProps": { "Box": {
153
+ "position": ["relative"],
154
+ "flexGrow": ["1"],
155
+ "overflow": ["hidden", "auto"],
156
+ "display": ["block"],
157
+ "className": ["max-h-full"]
118
158
  } },
119
- "propToVariantKeys": {},
159
+ "propToVariantKeys": { "blurClassName": ["className"] },
120
160
  "motionVarPrefixes": []
121
161
  };
122
162
  var Text = {
@@ -139,95 +179,26 @@ var Text = {
139
179
  ] },
140
180
  "motionVarPrefixes": []
141
181
  };
142
- var IconSlot = {
143
- "name": "IconSlot",
144
- "defaultProps": {},
145
- "getStylesLiterals": {},
146
- "cxLiterals": [],
147
- "internalComponents": ["Icon"],
148
- "internalComponentProps": {},
149
- "propToVariantKeys": {},
150
- "motionVarPrefixes": []
151
- };
152
- var HStack = {
153
- "name": "HStack",
182
+ var VStack = {
183
+ "name": "VStack",
154
184
  "defaultProps": {},
155
185
  "getStylesLiterals": {},
156
186
  "cxLiterals": [],
157
187
  "internalComponents": ["Box"],
158
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
159
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
160
- "motionVarPrefixes": []
161
- };
162
- var Image = {
163
- "name": "Image",
164
- "defaultProps": {},
165
- "getStylesLiterals": {},
166
- "cxLiterals": [],
167
- "internalComponents": [],
168
- "internalComponentProps": {},
169
- "propToVariantKeys": {},
188
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
189
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
170
190
  "motionVarPrefixes": []
171
191
  };
172
- var Table_mocks = {
173
- "name": "Table.mocks",
192
+ var Divider = {
193
+ "name": "Divider",
174
194
  "defaultProps": {},
175
195
  "getStylesLiterals": {},
176
196
  "cxLiterals": [],
177
- "internalComponents": [],
197
+ "internalComponents": ["DividerInternal"],
178
198
  "internalComponentProps": {},
179
199
  "propToVariantKeys": {},
180
200
  "motionVarPrefixes": []
181
201
  };
182
- var Table = {
183
- "name": "Table",
184
- "defaultProps": {
185
- "display": "table-cell",
186
- "overflow": "hidden",
187
- "borderColor": "muted",
188
- "borderRadius": "md",
189
- "spacing": "3",
190
- "borderBottomColor": "muted",
191
- "borderBottomWidth": "thin",
192
- "color": "primary"
193
- },
194
- "getStylesLiterals": { "textAlign": "start" },
195
- "cxLiterals": [],
196
- "internalComponents": [
197
- "CellComponent",
198
- "Box",
199
- "Text",
200
- "Table.Root",
201
- "Table.Header",
202
- "Table.Row",
203
- "Table.Cell",
204
- "Table.Body"
205
- ],
206
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
207
- "propToVariantKeys": {},
208
- "motionVarPrefixes": []
209
- };
210
- var Spinner = {
211
- "name": "Spinner",
212
- "defaultProps": {
213
- "color": "primary",
214
- "size": "lg"
215
- },
216
- "getStylesLiterals": {},
217
- "cxLiterals": [
218
- "self-center",
219
- "relative",
220
- "sr-only"
221
- ],
222
- "internalComponents": ["Icon"],
223
- "internalComponentProps": { "Icon": {
224
- "role": ["img"],
225
- "className": ["animate-spin"],
226
- "aria-hidden": ["true"]
227
- } },
228
- "propToVariantKeys": {},
229
- "motionVarPrefixes": []
230
- };
231
202
  var DividerCore = {
232
203
  "name": "DividerCore",
233
204
  "defaultProps": { "contentPosition": "center" },
@@ -271,22 +242,111 @@ var DividerInternal = {
271
242
  ] },
272
243
  "motionVarPrefixes": []
273
244
  };
274
- var Divider = {
275
- "name": "Divider",
245
+ var Spinner = {
246
+ "name": "Spinner",
247
+ "defaultProps": {
248
+ "color": "primary",
249
+ "size": "lg"
250
+ },
251
+ "getStylesLiterals": {},
252
+ "cxLiterals": [
253
+ "self-center",
254
+ "relative",
255
+ "sr-only"
256
+ ],
257
+ "internalComponents": ["Icon"],
258
+ "internalComponentProps": { "Icon": {
259
+ "role": ["img"],
260
+ "className": ["animate-spin"],
261
+ "aria-hidden": ["true"]
262
+ } },
263
+ "propToVariantKeys": {},
264
+ "motionVarPrefixes": []
265
+ };
266
+ var Table_mocks = {
267
+ "name": "Table.mocks",
276
268
  "defaultProps": {},
277
269
  "getStylesLiterals": {},
278
270
  "cxLiterals": [],
279
- "internalComponents": ["DividerInternal"],
271
+ "internalComponents": [],
280
272
  "internalComponentProps": {},
281
273
  "propToVariantKeys": {},
282
274
  "motionVarPrefixes": []
283
275
  };
284
- var Button = {
285
- "name": "Button",
286
- "defaultProps": { "type": "button" },
287
- "getStylesLiterals": {},
288
- "cxLiterals": [
289
- "uds-ring",
276
+ var Table = {
277
+ "name": "Table",
278
+ "defaultProps": {
279
+ "display": "table-cell",
280
+ "overflow": "hidden",
281
+ "borderColor": "muted",
282
+ "borderRadius": "md",
283
+ "spacing": "3",
284
+ "borderBottomColor": "muted",
285
+ "borderBottomWidth": "thin",
286
+ "color": "primary"
287
+ },
288
+ "getStylesLiterals": { "textAlign": "start" },
289
+ "cxLiterals": [],
290
+ "internalComponents": [
291
+ "CellComponent",
292
+ "Box",
293
+ "Text",
294
+ "Table.Root",
295
+ "Table.Header",
296
+ "Table.Row",
297
+ "Table.Cell",
298
+ "Table.Body"
299
+ ],
300
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
301
+ "propToVariantKeys": {},
302
+ "motionVarPrefixes": []
303
+ };
304
+ var AnimateHeightChange = {
305
+ "name": "AnimateHeightChange",
306
+ "defaultProps": {},
307
+ "getStylesLiterals": {},
308
+ "cxLiterals": ["overflow-hidden"],
309
+ "internalComponents": ["SpringMotionConfig"],
310
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
311
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
312
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
313
+ };
314
+ var Badge = {
315
+ "name": "Badge",
316
+ "defaultProps": {
317
+ "variant": "primary",
318
+ "size": "md"
319
+ },
320
+ "getStylesLiterals": {},
321
+ "cxLiterals": [
322
+ "flex-1",
323
+ "truncate",
324
+ "whitespace-nowrap",
325
+ "text-center"
326
+ ],
327
+ "internalComponents": ["IconSlot", "HStack"],
328
+ "internalComponentProps": {
329
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
330
+ "HStack": {
331
+ "gap": ["2"],
332
+ "display": ["inline-flex"],
333
+ "alignItems": ["center"]
334
+ }
335
+ },
336
+ "propToVariantKeys": {
337
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
338
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
339
+ "startIcon": ["icon"],
340
+ "endIcon": ["icon"]
341
+ },
342
+ "motionVarPrefixes": []
343
+ };
344
+ var Button = {
345
+ "name": "Button",
346
+ "defaultProps": { "type": "button" },
347
+ "getStylesLiterals": {},
348
+ "cxLiterals": [
349
+ "uds-ring",
290
350
  "uds-hit-target",
291
351
  "inline-flex",
292
352
  "overflow-hidden",
@@ -405,16 +465,6 @@ var Checkbox = {
405
465
  },
406
466
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
407
467
  };
408
- var SpringMotionConfig = {
409
- "name": "SpringMotionConfig",
410
- "defaultProps": { "reducedMotion": "user" },
411
- "getStylesLiterals": {},
412
- "cxLiterals": [],
413
- "internalComponents": ["LazyMotion", "MotionConfig"],
414
- "internalComponentProps": {},
415
- "propToVariantKeys": { "loadFeatures": ["features"] },
416
- "motionVarPrefixes": []
417
- };
418
468
  var IconButton = {
419
469
  "name": "IconButton",
420
470
  "defaultProps": { "type": "button" },
@@ -454,6 +504,26 @@ var IconButton = {
454
504
  },
455
505
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
456
506
  };
507
+ var Pressable = {
508
+ "name": "Pressable",
509
+ "defaultProps": {},
510
+ "getStylesLiterals": {},
511
+ "cxLiterals": [],
512
+ "internalComponents": ["Comp"],
513
+ "internalComponentProps": {},
514
+ "propToVariantKeys": {},
515
+ "motionVarPrefixes": []
516
+ };
517
+ var SpringMotionConfig = {
518
+ "name": "SpringMotionConfig",
519
+ "defaultProps": { "reducedMotion": "user" },
520
+ "getStylesLiterals": {},
521
+ "cxLiterals": [],
522
+ "internalComponents": ["LazyMotion", "MotionConfig"],
523
+ "internalComponentProps": {},
524
+ "propToVariantKeys": { "loadFeatures": ["features"] },
525
+ "motionVarPrefixes": []
526
+ };
457
527
  var Switch = {
458
528
  "name": "Switch",
459
529
  "defaultProps": {
@@ -544,66 +614,137 @@ var Switch = {
544
614
  },
545
615
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
546
616
  };
547
- var Badge = {
548
- "name": "Badge",
617
+ var Accordion = {
618
+ "name": "Accordion",
549
619
  "defaultProps": {
550
- "variant": "primary",
551
- "size": "md"
620
+ "spacingHorizontal": "4",
621
+ "spacingVertical": "4"
552
622
  },
553
623
  "getStylesLiterals": {},
554
- "cxLiterals": [
555
- "flex-1",
556
- "truncate",
557
- "whitespace-nowrap",
558
- "text-center"
624
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
625
+ "internalComponents": [
626
+ "Icon",
627
+ "SpringMotionConfig",
628
+ "Pressable",
629
+ "Text",
630
+ "HStack",
631
+ "AnimatePresence",
632
+ "VStack"
559
633
  ],
560
- "internalComponents": ["IconSlot", "HStack"],
561
634
  "internalComponentProps": {
562
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
635
+ "Icon": {
636
+ "variant": ["fill"],
637
+ "size": ["sm"],
638
+ "color": ["primary"]
639
+ },
640
+ "SpringMotionConfig": {
641
+ "layoutVariant": ["smooth"],
642
+ "layoutSpeed": ["3"]
643
+ },
644
+ "Pressable": {
645
+ "display": ["flex"],
646
+ "flexDirection": ["row"],
647
+ "alignItems": ["center"],
648
+ "justifyContent": ["space-between"],
649
+ "borderRadius": ["md"]
650
+ },
651
+ "Text": {
652
+ "variant": ["title4"],
653
+ "color": ["primary"]
654
+ },
563
655
  "HStack": {
564
- "gap": ["2"],
565
- "display": ["inline-flex"],
566
- "alignItems": ["center"]
656
+ "display": ["flex"],
657
+ "alignItems": ["center"],
658
+ "justifyContent": ["space-between"],
659
+ "columnGap": ["2.5"]
567
660
  }
568
661
  },
569
- "propToVariantKeys": {
570
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
571
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
572
- "startIcon": ["icon"],
573
- "endIcon": ["icon"]
574
- },
575
- "motionVarPrefixes": []
576
- };
577
- var AnimateHeightChange = {
578
- "name": "AnimateHeightChange",
579
- "defaultProps": {},
580
- "getStylesLiterals": {},
581
- "cxLiterals": ["overflow-hidden"],
582
- "internalComponents": ["SpringMotionConfig"],
583
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
584
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
585
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
662
+ "propToVariantKeys": {},
663
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
586
664
  };
587
- var Pressable = {
588
- "name": "Pressable",
665
+ var AvoidMotionLibraryProvider = {
666
+ "name": "AvoidMotionLibraryProvider",
589
667
  "defaultProps": {},
590
668
  "getStylesLiterals": {},
591
669
  "cxLiterals": [],
592
- "internalComponents": ["Comp"],
670
+ "internalComponents": [],
593
671
  "internalComponentProps": {},
594
672
  "propToVariantKeys": {},
595
673
  "motionVarPrefixes": []
596
674
  };
597
- var AvoidMotionLibraryProvider = {
598
- "name": "AvoidMotionLibraryProvider",
675
+ var ExperimentalPopover = {
676
+ "name": "ExperimentalPopover",
599
677
  "defaultProps": {},
600
678
  "getStylesLiterals": {},
601
679
  "cxLiterals": [],
602
- "internalComponents": [],
603
- "internalComponentProps": {},
680
+ "internalComponents": [
681
+ "HStack",
682
+ "Text",
683
+ "ExperimentalPopoverHeadingBase"
684
+ ],
685
+ "internalComponentProps": { "Text": {
686
+ "variant": ["headline1"],
687
+ "color": ["primary"]
688
+ } },
604
689
  "propToVariantKeys": {},
605
690
  "motionVarPrefixes": []
606
691
  };
692
+ var Modal = {
693
+ "name": "Modal",
694
+ "defaultProps": {},
695
+ "getStylesLiterals": {},
696
+ "cxLiterals": [
697
+ "inset-8",
698
+ "top-[250px]",
699
+ "z-50",
700
+ "mx-auto",
701
+ "h-fit",
702
+ "w-[600px]",
703
+ "origin-center",
704
+ "scale-95",
705
+ "opacity-0",
706
+ "transition",
707
+ "duration-150",
708
+ "data-[enter]:scale-100",
709
+ "data-[enter]:opacity-100",
710
+ "data-[enter]:bg-primary",
711
+ "backdrop-blur-0",
712
+ "data-[enter]:opacity-60",
713
+ "data-[enter]:backdrop-blur-sm"
714
+ ],
715
+ "internalComponents": [
716
+ "IconButton",
717
+ "Dialog",
718
+ "HStack",
719
+ "Text",
720
+ "VStack"
721
+ ],
722
+ "internalComponentProps": {
723
+ "IconButton": {
724
+ "aria-label": ["Close"],
725
+ "size": ["sm"],
726
+ "variant": ["tertiary"]
727
+ },
728
+ "HStack": {
729
+ "alignItems": ["center"],
730
+ "justifyContent": ["space-between"]
731
+ },
732
+ "Text": {
733
+ "variant": ["headline1"],
734
+ "color": ["primary"]
735
+ },
736
+ "VStack": {
737
+ "borderRadius": ["md"],
738
+ "position": ["fixed"],
739
+ "backgroundColor": ["primary"],
740
+ "dropShadow": ["md"],
741
+ "spacing": ["8"],
742
+ "overflow": ["hidden"]
743
+ }
744
+ },
745
+ "propToVariantKeys": { "handleClose": ["onClick"] },
746
+ "motionVarPrefixes": []
747
+ };
607
748
  var SegmentedControl = {
608
749
  "name": "SegmentedControl",
609
750
  "defaultProps": {},
@@ -662,23 +803,6 @@ var SegmentedControl = {
662
803
  },
663
804
  "motionVarPrefixes": []
664
805
  };
665
- var Popover = {
666
- "name": "Popover",
667
- "defaultProps": {},
668
- "getStylesLiterals": {},
669
- "cxLiterals": [],
670
- "internalComponents": [
671
- "HStack",
672
- "Text",
673
- "OriginalPopoverHeading"
674
- ],
675
- "internalComponentProps": { "Text": {
676
- "variant": ["headline1"],
677
- "color": ["primary"]
678
- } },
679
- "propToVariantKeys": {},
680
- "motionVarPrefixes": []
681
- };
682
806
  var SwitchV2 = {
683
807
  "name": "SwitchV2",
684
808
  "defaultProps": {
@@ -816,109 +940,37 @@ var Tabs = {
816
940
  "propToVariantKeys": {},
817
941
  "motionVarPrefixes": []
818
942
  };
819
- var Modal = {
820
- "name": "Modal",
943
+ var Avatar = {
944
+ "name": "Avatar",
821
945
  "defaultProps": {},
822
946
  "getStylesLiterals": {},
823
- "cxLiterals": [
824
- "inset-8",
825
- "top-[250px]",
826
- "z-50",
827
- "mx-auto",
828
- "h-fit",
829
- "w-[600px]",
830
- "origin-center",
831
- "scale-95",
832
- "opacity-0",
833
- "transition",
834
- "duration-150",
835
- "data-[enter]:scale-100",
836
- "data-[enter]:opacity-100",
837
- "data-[enter]:bg-primary",
838
- "backdrop-blur-0",
839
- "data-[enter]:opacity-60",
840
- "data-[enter]:backdrop-blur-sm"
841
- ],
842
- "internalComponents": [
843
- "IconButton",
844
- "Dialog",
845
- "HStack",
846
- "Text",
847
- "VStack"
848
- ],
849
- "internalComponentProps": {
850
- "IconButton": {
851
- "aria-label": ["Close"],
852
- "size": ["sm"],
853
- "variant": ["tertiary"]
854
- },
855
- "HStack": {
856
- "alignItems": ["center"],
857
- "justifyContent": ["space-between"]
858
- },
859
- "Text": {
860
- "variant": ["headline1"],
861
- "color": ["primary"]
862
- },
863
- "VStack": {
864
- "borderRadius": ["md"],
865
- "position": ["fixed"],
866
- "backgroundColor": ["primary"],
867
- "dropShadow": ["md"],
868
- "spacing": ["8"],
869
- "overflow": ["hidden"]
870
- }
871
- },
872
- "propToVariantKeys": { "handleClose": ["onClick"] },
947
+ "cxLiterals": [],
948
+ "internalComponents": ["AvatarImage"],
949
+ "internalComponentProps": {},
950
+ "propToVariantKeys": {},
873
951
  "motionVarPrefixes": []
874
952
  };
875
- var Accordion = {
876
- "name": "Accordion",
953
+ var AvatarIcon = {
954
+ "name": "AvatarIcon",
877
955
  "defaultProps": {
878
- "spacingHorizontal": "4",
879
- "spacingVertical": "4"
956
+ "size": "md",
957
+ "variant": "primary"
880
958
  },
881
959
  "getStylesLiterals": {},
882
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
883
- "internalComponents": [
884
- "Icon",
885
- "SpringMotionConfig",
886
- "Pressable",
887
- "Text",
888
- "HStack",
889
- "AnimatePresence",
890
- "VStack"
960
+ "cxLiterals": [
961
+ "overflow-hidden",
962
+ "w-full",
963
+ "h-full",
964
+ "shrink-0",
965
+ "text-center",
966
+ "inline-flex",
967
+ "justify-center",
968
+ "items-center"
891
969
  ],
892
- "internalComponentProps": {
893
- "Icon": {
894
- "variant": ["fill"],
895
- "size": ["sm"],
896
- "color": ["primary"]
897
- },
898
- "SpringMotionConfig": {
899
- "layoutVariant": ["smooth"],
900
- "layoutSpeed": ["3"]
901
- },
902
- "Pressable": {
903
- "display": ["flex"],
904
- "flexDirection": ["row"],
905
- "alignItems": ["center"],
906
- "justifyContent": ["space-between"],
907
- "borderRadius": ["md"]
908
- },
909
- "Text": {
910
- "variant": ["title4"],
911
- "color": ["primary"]
912
- },
913
- "HStack": {
914
- "display": ["flex"],
915
- "alignItems": ["center"],
916
- "justifyContent": ["space-between"],
917
- "columnGap": ["2.5"]
918
- }
919
- },
920
- "propToVariantKeys": {},
921
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
970
+ "internalComponents": ["IconSlot", "Box"],
971
+ "internalComponentProps": {},
972
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
973
+ "motionVarPrefixes": []
922
974
  };
923
975
  var AvatarImage = {
924
976
  "name": "AvatarImage",
@@ -977,65 +1029,6 @@ var AvatarText = {
977
1029
  "propToVariantKeys": {},
978
1030
  "motionVarPrefixes": []
979
1031
  };
980
- var Avatar = {
981
- "name": "Avatar",
982
- "defaultProps": {},
983
- "getStylesLiterals": {},
984
- "cxLiterals": [],
985
- "internalComponents": ["AvatarImage"],
986
- "internalComponentProps": {},
987
- "propToVariantKeys": {},
988
- "motionVarPrefixes": []
989
- };
990
- var AvatarIcon = {
991
- "name": "AvatarIcon",
992
- "defaultProps": {
993
- "size": "md",
994
- "variant": "primary"
995
- },
996
- "getStylesLiterals": {},
997
- "cxLiterals": [
998
- "overflow-hidden",
999
- "w-full",
1000
- "h-full",
1001
- "shrink-0",
1002
- "text-center",
1003
- "inline-flex",
1004
- "justify-center",
1005
- "items-center"
1006
- ],
1007
- "internalComponents": ["IconSlot", "Box"],
1008
- "internalComponentProps": {},
1009
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1010
- "motionVarPrefixes": []
1011
- };
1012
- var BottomSheetContent = {
1013
- "name": "BottomSheetContent",
1014
- "defaultProps": {},
1015
- "getStylesLiterals": {},
1016
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1017
- "internalComponents": ["Box", "VStack"],
1018
- "internalComponentProps": {
1019
- "Box": {
1020
- "display": ["block"],
1021
- "overflowY": ["auto"],
1022
- "flex": ["1"]
1023
- },
1024
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1025
- },
1026
- "propToVariantKeys": {},
1027
- "motionVarPrefixes": []
1028
- };
1029
- var BottomSheetDismiss = {
1030
- "name": "BottomSheetDismiss",
1031
- "defaultProps": {},
1032
- "getStylesLiterals": {},
1033
- "cxLiterals": [],
1034
- "internalComponents": ["AriakitDialogDismiss"],
1035
- "internalComponentProps": {},
1036
- "propToVariantKeys": {},
1037
- "motionVarPrefixes": []
1038
- };
1039
1032
  var BottomSheet = {
1040
1033
  "name": "BottomSheet",
1041
1034
  "defaultProps": { "variant": "default" },
@@ -1075,6 +1068,33 @@ var BottomSheet = {
1075
1068
  "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1076
1069
  "motionVarPrefixes": []
1077
1070
  };
1071
+ var BottomSheetContent = {
1072
+ "name": "BottomSheetContent",
1073
+ "defaultProps": {},
1074
+ "getStylesLiterals": {},
1075
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1076
+ "internalComponents": ["Box", "VStack"],
1077
+ "internalComponentProps": {
1078
+ "Box": {
1079
+ "display": ["block"],
1080
+ "overflowY": ["auto"],
1081
+ "flex": ["1"]
1082
+ },
1083
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1084
+ },
1085
+ "propToVariantKeys": {},
1086
+ "motionVarPrefixes": []
1087
+ };
1088
+ var BottomSheetDismiss = {
1089
+ "name": "BottomSheetDismiss",
1090
+ "defaultProps": {},
1091
+ "getStylesLiterals": {},
1092
+ "cxLiterals": [],
1093
+ "internalComponents": ["AriakitDialogDismiss"],
1094
+ "internalComponentProps": {},
1095
+ "propToVariantKeys": {},
1096
+ "motionVarPrefixes": []
1097
+ };
1078
1098
  var BottomSheetHandle = {
1079
1099
  "name": "BottomSheetHandle",
1080
1100
  "defaultProps": {},
@@ -1132,22 +1152,22 @@ var BottomSheetHeader = {
1132
1152
  "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1133
1153
  "motionVarPrefixes": []
1134
1154
  };
1135
- var BottomSheetTrigger = {
1136
- "name": "BottomSheetTrigger",
1155
+ var BottomSheetProvider = {
1156
+ "name": "BottomSheetProvider",
1137
1157
  "defaultProps": {},
1138
1158
  "getStylesLiterals": {},
1139
1159
  "cxLiterals": [],
1140
- "internalComponents": ["AriakitDialogDisclosure"],
1160
+ "internalComponents": ["AriakitDialogProvider"],
1141
1161
  "internalComponentProps": {},
1142
1162
  "propToVariantKeys": {},
1143
1163
  "motionVarPrefixes": []
1144
1164
  };
1145
- var BottomSheetProvider = {
1146
- "name": "BottomSheetProvider",
1165
+ var BottomSheetTrigger = {
1166
+ "name": "BottomSheetTrigger",
1147
1167
  "defaultProps": {},
1148
1168
  "getStylesLiterals": {},
1149
1169
  "cxLiterals": [],
1150
- "internalComponents": ["AriakitDialogProvider"],
1170
+ "internalComponents": ["AriakitDialogDisclosure"],
1151
1171
  "internalComponentProps": {},
1152
1172
  "propToVariantKeys": {},
1153
1173
  "motionVarPrefixes": []
@@ -1162,174 +1182,114 @@ var UDSBottomSheetConfigProvider = {
1162
1182
  "propToVariantKeys": {},
1163
1183
  "motionVarPrefixes": []
1164
1184
  };
1165
- var UDSToastConfigProvider = {
1166
- "name": "UDSToastConfigProvider",
1185
+ var Chip = {
1186
+ "name": "Chip",
1167
1187
  "defaultProps": {},
1168
1188
  "getStylesLiterals": {},
1169
1189
  "cxLiterals": [],
1170
- "internalComponents": ["ToastContext.Provider"],
1190
+ "internalComponents": [
1191
+ "ChipDismissible",
1192
+ "ChipToggle",
1193
+ "ChipLink",
1194
+ "ChipButton"
1195
+ ],
1171
1196
  "internalComponentProps": {},
1172
1197
  "propToVariantKeys": {},
1173
1198
  "motionVarPrefixes": []
1174
1199
  };
1175
- var Toast = {
1176
- "name": "Toast",
1177
- "defaultProps": {},
1178
- "getStylesLiterals": {
1179
- "className": "flex-none",
1180
- "spacing": "2",
1181
- "borderRadius": "full"
1200
+ var ChipBase = {
1201
+ "name": "ChipBase",
1202
+ "defaultProps": {
1203
+ "size": "md",
1204
+ "as": "div"
1182
1205
  },
1206
+ "getStylesLiterals": {},
1183
1207
  "cxLiterals": [
1184
- "transition-[background-color]",
1185
- "bg-carbon-15/0",
1186
- "hover:bg-carbon-15/10",
1187
- "active:bg-carbon-15/15",
1188
- "uds-ring"
1189
- ],
1190
- "internalComponents": [
1191
- "IconSlot",
1192
- "ToastContainer",
1193
- "Text",
1194
- "Button",
1195
- "Pressable"
1208
+ "pointer-events-none",
1209
+ "cursor-default",
1210
+ "opacity-50",
1211
+ "inline-flex",
1212
+ "items-center",
1213
+ "transition-[background-color,outline-color,box-shadow]",
1214
+ "truncate",
1215
+ "whitespace-nowrap",
1216
+ "text-center",
1217
+ "flex-1"
1196
1218
  ],
1197
- "internalComponentProps": {},
1198
- "propToVariantKeys": {
1199
- "size": [
1200
- "toastSizeLabel",
1201
- "toastSizeIcon",
1202
- "toastSizeActionButton",
1203
- "toastSizeCloseIcon"
1204
- ],
1205
- "variant": [
1206
- "toastVariantIcon",
1207
- "toastVariantActionButton",
1208
- "toastVariantCloseIcon"
1209
- ],
1210
- "closeIcon": ["icon"],
1211
- "onClickActionButton": ["onClick"]
1212
- },
1213
- "motionVarPrefixes": []
1214
- };
1215
- var ToastContainer = {
1216
- "name": "ToastContainer",
1217
- "defaultProps": {},
1218
- "getStylesLiterals": {
1219
- "position": "relative",
1220
- "alignItems": "center",
1221
- "display": "flex",
1222
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1223
- },
1224
- "cxLiterals": ["w-full"],
1225
- "internalComponents": ["HStack"],
1226
- "internalComponentProps": { "HStack": {
1227
- "alignItems": ["center"],
1228
- "justifyContent": ["space-between"],
1229
- "overflow": ["hidden"],
1230
- "position": ["relative"]
1219
+ "internalComponents": [
1220
+ "IconSlot",
1221
+ "HStack",
1222
+ "As",
1223
+ "Text"
1224
+ ],
1225
+ "internalComponentProps": { "Text": {
1226
+ "as": ["span"],
1227
+ "color": ["current"],
1228
+ "variant": ["inherit"]
1231
1229
  } },
1232
1230
  "propToVariantKeys": {
1233
- "variant": ["toastVariantRoot"],
1234
- "size": ["toastSizeRoot"]
1231
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1232
+ "startIcon": ["icon"],
1233
+ "endIcon": ["icon"]
1235
1234
  },
1236
1235
  "motionVarPrefixes": []
1237
1236
  };
1238
- var ToastPortal = {
1239
- "name": "ToastPortal",
1240
- "defaultProps": {},
1241
- "getStylesLiterals": {},
1242
- "cxLiterals": [],
1243
- "internalComponents": ["ReactToastifyToastContainer"],
1244
- "internalComponentProps": {},
1245
- "propToVariantKeys": {},
1246
- "motionVarPrefixes": []
1247
- };
1248
- var UDSTooltipConfigProvider = {
1249
- "name": "UDSTooltipConfigProvider",
1250
- "defaultProps": {},
1237
+ var ChipButton = {
1238
+ "name": "ChipButton",
1239
+ "defaultProps": { "variant": "primary" },
1251
1240
  "getStylesLiterals": {},
1252
- "cxLiterals": [],
1253
- "internalComponents": ["TooltipContext.Provider"],
1254
- "internalComponentProps": {},
1255
- "propToVariantKeys": {},
1241
+ "cxLiterals": ["uds-ring"],
1242
+ "internalComponents": ["ChipBase"],
1243
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1244
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1256
1245
  "motionVarPrefixes": []
1257
1246
  };
1258
- var TooltipTrigger = {
1259
- "name": "TooltipTrigger",
1260
- "defaultProps": {},
1247
+ var ChipDismissible = {
1248
+ "name": "ChipDismissible",
1249
+ "defaultProps": { "variant": "primary" },
1261
1250
  "getStylesLiterals": {},
1262
- "cxLiterals": [],
1263
- "internalComponents": ["TooltipAnchor"],
1264
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1265
- "propToVariantKeys": { "children": ["render"] },
1266
- "motionVarPrefixes": []
1267
- };
1268
- var TooltipContent = {
1269
- "name": "TooltipContent",
1270
- "defaultProps": {},
1271
- "getStylesLiterals": {
1272
- "tooltipSizeRoot": "default",
1273
- "tooltipVariantRoot": "default",
1274
- "tooltipSizeSvg": "default",
1275
- "tooltipVariantSvg": "default",
1276
- "tooltipVariantBlur": "default",
1277
- "position": "absolute",
1278
- "width": "full",
1279
- "height": "full",
1280
- "tooltipSizeTitle": "default",
1281
- "tooltipSizeBody": "default",
1282
- "tooltipSizeEndContent": "default",
1283
- "tooltipSizeIcon": "default",
1284
- "tooltipVariantIcon": "default"
1285
- },
1286
1251
  "cxLiterals": [
1287
- "flex",
1288
- "z-[9999]",
1289
- "stroke-1",
1290
- "uds-bgBlurFillFallback",
1291
- "uds-bgBlurFallback",
1292
- "top-0",
1293
- "left-0",
1294
- "z-[1]",
1295
- "transition-opacity",
1296
- "ease-in-out",
1297
- "absolute",
1298
- "w-full",
1299
- "h-full",
1300
- "overflow-visible",
1301
- "pointer-events-none",
1302
- "z-[2]"
1252
+ "uds-chip-dismissible-button",
1253
+ "uds-hit-target",
1254
+ "uds-ring",
1255
+ "rounded-full"
1303
1256
  ],
1304
1257
  "internalComponents": [
1305
- "Box",
1258
+ "ChipBase",
1306
1259
  "IconSlot",
1307
- "TooltipArrow",
1308
- "Tooltip",
1309
- "Fragment",
1310
- "Text"
1260
+ "Pressable"
1311
1261
  ],
1312
- "internalComponentProps": {
1313
- "Box": {
1314
- "position": ["relative"],
1315
- "flexDirection": ["column"],
1316
- "className": ["z-[3] gap-[inherit]"],
1317
- "alignItems": ["center"],
1318
- "columnGap": ["1", "1.5"]
1319
- },
1320
- "Text": { "color": ["inherit"] }
1262
+ "internalComponentProps": {},
1263
+ "propToVariantKeys": {
1264
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1265
+ "dismissButtonAriaLabel": ["aria-label"]
1321
1266
  },
1322
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1323
1267
  "motionVarPrefixes": []
1324
1268
  };
1325
- var Tooltip = {
1326
- "name": "Tooltip",
1327
- "defaultProps": {},
1269
+ var ChipLink = {
1270
+ "name": "ChipLink",
1271
+ "defaultProps": { "variant": "primary" },
1328
1272
  "getStylesLiterals": {},
1329
- "cxLiterals": [],
1330
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1331
- "internalComponentProps": {},
1332
- "propToVariantKeys": {},
1273
+ "cxLiterals": ["uds-ring"],
1274
+ "internalComponents": ["ChipBase"],
1275
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1276
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1277
+ "motionVarPrefixes": []
1278
+ };
1279
+ var ChipToggle = {
1280
+ "name": "ChipToggle",
1281
+ "defaultProps": {
1282
+ "variant": "primary",
1283
+ "role": "checkbox"
1284
+ },
1285
+ "getStylesLiterals": {
1286
+ "chipToggleVariantActiveRoot": "on",
1287
+ "chipToggleVariantActiveRoot:1": "off"
1288
+ },
1289
+ "cxLiterals": ["uds-ring"],
1290
+ "internalComponents": ["ChipBase"],
1291
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1292
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1333
1293
  "motionVarPrefixes": []
1334
1294
  };
1335
1295
  var Input = {
@@ -1452,52 +1412,277 @@ var InputHelpTextInternal = {
1452
1412
  },
1453
1413
  "motionVarPrefixes": []
1454
1414
  };
1455
- var UDSConfigProvider = {
1456
- "name": "UDSConfigProvider",
1457
- "defaultProps": {},
1415
+ var Menu_Content = {
1416
+ "name": "Menu.Content",
1417
+ "defaultProps": {
1418
+ "size": "default",
1419
+ "variant": "default",
1420
+ "gutter": "1"
1421
+ },
1458
1422
  "getStylesLiterals": {},
1459
- "cxLiterals": [],
1423
+ "cxLiterals": [
1424
+ "uds-menu-content",
1425
+ "transition-shadow",
1426
+ "duration-200",
1427
+ "ease-in-out",
1428
+ "min-w-60",
1429
+ "max-w-lg",
1430
+ "max-h-96",
1431
+ "overflow-auto",
1432
+ "uds-ring",
1433
+ "z-10",
1434
+ "group"
1435
+ ],
1460
1436
  "internalComponents": [
1461
- "UDSBreakpointsConfigProvider",
1462
- "UDSBottomSheetConfigProvider",
1463
- "UDSToastConfigProvider",
1464
- "UDSTooltipConfigProvider"
1437
+ "AriakitMenu",
1438
+ "AnimatePresence",
1439
+ "MotionVStack"
1465
1440
  ],
1466
1441
  "internalComponentProps": {},
1467
- "propToVariantKeys": {},
1442
+ "propToVariantKeys": {
1443
+ "size": ["menucontentSizeRoot"],
1444
+ "variant": ["menucontentVariantRoot"]
1445
+ },
1468
1446
  "motionVarPrefixes": []
1469
1447
  };
1470
- var UDSBreakpointsConfigProvider = {
1471
- "name": "UDSBreakpointsConfigProvider",
1472
- "defaultProps": {},
1473
- "getStylesLiterals": {},
1448
+ var Menu_Divider = {
1449
+ "name": "Menu.Divider",
1450
+ "defaultProps": {
1451
+ "role": "separator",
1452
+ "contentPosition": "start",
1453
+ "gap": "4"
1454
+ },
1455
+ "getStylesLiterals": {
1456
+ "menuitemDividerVariantRoot": "default",
1457
+ "menuitemDividerVariantText": "default",
1458
+ "menuitemDividerVariantLine": "default"
1459
+ },
1474
1460
  "cxLiterals": [],
1475
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1476
- "internalComponentProps": {},
1461
+ "internalComponents": ["DividerInternal"],
1462
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1477
1463
  "propToVariantKeys": {},
1478
1464
  "motionVarPrefixes": []
1479
1465
  };
1480
- var RadioGroupStore = {
1481
- "name": "RadioGroupStore",
1466
+ var Menu_Item = {
1467
+ "name": "Menu.Item",
1482
1468
  "defaultProps": {},
1483
- "getStylesLiterals": {},
1469
+ "getStylesLiterals": {
1470
+ "menuitemItemVariantRoot": "default",
1471
+ "menuitemItemVariantActiveRoot": "on",
1472
+ "menuitemItemVariantActiveRoot:1": "off",
1473
+ "menuitemItemVariantText": "default",
1474
+ "menuitemItemVariantActiveText": "on",
1475
+ "menuitemItemVariantActiveText:1": "off",
1476
+ "menuitemItemVariantIcon": "default",
1477
+ "menuitemItemVariantActiveIcon": "on",
1478
+ "menuitemItemVariantActiveIcon:1": "off"
1479
+ },
1484
1480
  "cxLiterals": [],
1485
- "internalComponents": [],
1481
+ "internalComponents": ["MenuItemBase"],
1486
1482
  "internalComponentProps": {},
1487
1483
  "propToVariantKeys": {},
1488
1484
  "motionVarPrefixes": []
1489
1485
  };
1490
- var RadioGroupProvider = {
1491
- "name": "RadioGroupProvider",
1486
+ var Menu_ItemBase = {
1487
+ "name": "Menu.ItemBase",
1488
+ "defaultProps": {
1489
+ "spacing": "0",
1490
+ "spacingHorizontal": "4",
1491
+ "spacingVertical": "3.5",
1492
+ "columnGap": "2",
1493
+ "alignItems": "center",
1494
+ "justifyContent": "space-between"
1495
+ },
1496
+ "getStylesLiterals": {
1497
+ "textAlign": "start",
1498
+ "menuitemSizeRoot": "default",
1499
+ "flexDirection": "row",
1500
+ "menuitemSizeStartIcon": "default",
1501
+ "menuitemSizeEndIcon": "default"
1502
+ },
1503
+ "cxLiterals": [
1504
+ "flex",
1505
+ "focus-visible:text-brand",
1506
+ "focus-visible:bg-brand-secondary",
1507
+ "focus-visible:z-10",
1508
+ "uds-ring",
1509
+ "!-outline-offset-2",
1510
+ "[&:not([aria-checked])]:cursor-default",
1511
+ "opacity-25",
1512
+ "cursor-not-allowed",
1513
+ "duration-20",
1514
+ "transition-[font-variation-settings]",
1515
+ "ease-in-out",
1516
+ "z-0",
1517
+ "uds-start-icon",
1518
+ "uds-end-icon"
1519
+ ],
1520
+ "internalComponents": [
1521
+ "Pressable",
1522
+ "IconSlot",
1523
+ "RootComponent",
1524
+ "HStack",
1525
+ "AnimatePresence"
1526
+ ],
1527
+ "internalComponentProps": {
1528
+ "HStack": {
1529
+ "alignItems": ["center"],
1530
+ "width": ["full"]
1531
+ },
1532
+ "AnimatePresence": { "mode": ["popLayout"] }
1533
+ },
1534
+ "propToVariantKeys": {
1535
+ "startIcon": ["icon"],
1536
+ "endIcon": ["icon"],
1537
+ "columnGap": ["gap"]
1538
+ },
1539
+ "motionVarPrefixes": []
1540
+ };
1541
+ var Menu_ItemCheckbox = {
1542
+ "name": "Menu.ItemCheckbox",
1543
+ "defaultProps": {},
1544
+ "getStylesLiterals": {
1545
+ "menuitemItemCheckboxVariantRoot": "default",
1546
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1547
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1548
+ "menuitemItemCheckboxVariantText": "default",
1549
+ "menuitemItemCheckboxVariantActiveText": "on",
1550
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1551
+ "menuitemItemCheckboxVariantStartIcon": "default",
1552
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1553
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1554
+ "menuitemItemCheckboxVariantEndIcon": "default",
1555
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1556
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1557
+ },
1558
+ "cxLiterals": ["uds-menu-item-checkbox"],
1559
+ "internalComponents": ["MenuItemBase"],
1560
+ "internalComponentProps": {},
1561
+ "propToVariantKeys": {},
1562
+ "motionVarPrefixes": []
1563
+ };
1564
+ var Menu_Provider = {
1565
+ "name": "Menu.Provider",
1566
+ "defaultProps": {},
1567
+ "getStylesLiterals": {},
1568
+ "cxLiterals": [],
1569
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1570
+ "internalComponentProps": {},
1571
+ "propToVariantKeys": {},
1572
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1573
+ };
1574
+ var Menu_Trigger = {
1575
+ "name": "Menu.Trigger",
1576
+ "defaultProps": {},
1577
+ "getStylesLiterals": {},
1578
+ "cxLiterals": ["uds-menu-trigger"],
1579
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1580
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1581
+ "propToVariantKeys": {},
1582
+ "motionVarPrefixes": []
1583
+ };
1584
+ var Menu = {
1585
+ "name": "Menu",
1586
+ "defaultProps": {},
1587
+ "getStylesLiterals": {},
1588
+ "cxLiterals": [],
1589
+ "internalComponents": [],
1590
+ "internalComponentProps": {},
1591
+ "propToVariantKeys": {},
1592
+ "motionVarPrefixes": []
1593
+ };
1594
+ var Popover = {
1595
+ "name": "Popover",
1492
1596
  "defaultProps": {},
1493
1597
  "getStylesLiterals": {},
1494
1598
  "cxLiterals": [],
1599
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1600
+ "internalComponentProps": {},
1601
+ "propToVariantKeys": {},
1602
+ "motionVarPrefixes": []
1603
+ };
1604
+ var PopoverContent = {
1605
+ "name": "PopoverContent",
1606
+ "defaultProps": {},
1607
+ "getStylesLiterals": {
1608
+ "popoverSizeRoot": "default",
1609
+ "popoverVariantRoot": "default",
1610
+ "display": "flex",
1611
+ "position": "absolute",
1612
+ "spacingTop": "0",
1613
+ "spacingStart": "0",
1614
+ "spacingBottom": "0",
1615
+ "spacingEnd": "0",
1616
+ "popoverSizeSvgBase": "default",
1617
+ "popoverVariantSvgBase": "default",
1618
+ "popoverSizeSvgBorder": "default",
1619
+ "popoverVariantSvgBorder": "default",
1620
+ "popoverVariantBlur": "default",
1621
+ "width": "full",
1622
+ "height": "full",
1623
+ "flexShrink": "0",
1624
+ "borderRadius": "full",
1625
+ "alignItems": "center",
1626
+ "justifyContent": "center",
1627
+ "popoverVariantCloseIcon": "default",
1628
+ "popoverSizeCloseIcon": "default"
1629
+ },
1630
+ "cxLiterals": [
1631
+ "z-[9999]",
1632
+ "outline-none",
1633
+ "focus-visible:outline-none",
1634
+ "uds-bgBlurFillFallback",
1635
+ "uds-bgBlurFallback",
1636
+ "top-0",
1637
+ "left-0",
1638
+ "z-[1]",
1639
+ "transition-[background-color]",
1640
+ "bg-carbon-15/0",
1641
+ "hover:bg-carbon-15/10",
1642
+ "active:bg-carbon-15/15",
1643
+ "absolute",
1644
+ "z-[4]"
1645
+ ],
1495
1646
  "internalComponents": [
1496
- "DivProps",
1497
- "Comp",
1498
- "RadioGroupContext.Provider"
1647
+ "PopoverDismiss",
1648
+ "IconSlot",
1649
+ "PopoverArrow",
1650
+ "Popover",
1651
+ "SvgFloatingOverlay",
1652
+ "Box",
1653
+ "Pressable"
1499
1654
  ],
1500
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1655
+ "internalComponentProps": {},
1656
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1657
+ "motionVarPrefixes": []
1658
+ };
1659
+ var PopoverContext = {
1660
+ "name": "PopoverContext",
1661
+ "defaultProps": {},
1662
+ "getStylesLiterals": {},
1663
+ "cxLiterals": [],
1664
+ "internalComponents": [],
1665
+ "internalComponentProps": {},
1666
+ "propToVariantKeys": {},
1667
+ "motionVarPrefixes": []
1668
+ };
1669
+ var PopoverTrigger = {
1670
+ "name": "PopoverTrigger",
1671
+ "defaultProps": {},
1672
+ "getStylesLiterals": {},
1673
+ "cxLiterals": [],
1674
+ "internalComponents": ["PopoverDisclosure"],
1675
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1676
+ "propToVariantKeys": { "children": ["render"] },
1677
+ "motionVarPrefixes": []
1678
+ };
1679
+ var UDSPopoverConfigProvider = {
1680
+ "name": "UDSPopoverConfigProvider",
1681
+ "defaultProps": {},
1682
+ "getStylesLiterals": {},
1683
+ "cxLiterals": [],
1684
+ "internalComponents": ["PopoverContext.Provider"],
1685
+ "internalComponentProps": {},
1501
1686
  "propToVariantKeys": {},
1502
1687
  "motionVarPrefixes": []
1503
1688
  };
@@ -1581,370 +1766,297 @@ var Radio = {
1581
1766
  },
1582
1767
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1583
1768
  };
1584
- var ChipLink = {
1585
- "name": "ChipLink",
1586
- "defaultProps": { "variant": "primary" },
1769
+ var RadioGroupProvider = {
1770
+ "name": "RadioGroupProvider",
1771
+ "defaultProps": {},
1587
1772
  "getStylesLiterals": {},
1588
- "cxLiterals": ["uds-ring"],
1589
- "internalComponents": ["ChipBase"],
1590
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1591
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1773
+ "cxLiterals": [],
1774
+ "internalComponents": [
1775
+ "DivProps",
1776
+ "Comp",
1777
+ "RadioGroupContext.Provider"
1778
+ ],
1779
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1780
+ "propToVariantKeys": {},
1592
1781
  "motionVarPrefixes": []
1593
1782
  };
1594
- var ChipDismissible = {
1595
- "name": "ChipDismissible",
1596
- "defaultProps": { "variant": "primary" },
1783
+ var RadioGroupStore = {
1784
+ "name": "RadioGroupStore",
1785
+ "defaultProps": {},
1597
1786
  "getStylesLiterals": {},
1787
+ "cxLiterals": [],
1788
+ "internalComponents": [],
1789
+ "internalComponentProps": {},
1790
+ "propToVariantKeys": {},
1791
+ "motionVarPrefixes": []
1792
+ };
1793
+ var Toast = {
1794
+ "name": "Toast",
1795
+ "defaultProps": {},
1796
+ "getStylesLiterals": {
1797
+ "className": "flex-none",
1798
+ "spacing": "2",
1799
+ "borderRadius": "full"
1800
+ },
1598
1801
  "cxLiterals": [
1599
- "uds-chip-dismissible-button",
1600
- "uds-hit-target",
1601
- "uds-ring",
1602
- "rounded-full"
1802
+ "transition-[background-color]",
1803
+ "bg-carbon-15/0",
1804
+ "hover:bg-carbon-15/10",
1805
+ "active:bg-carbon-15/15",
1806
+ "uds-ring"
1603
1807
  ],
1604
1808
  "internalComponents": [
1605
- "ChipBase",
1606
1809
  "IconSlot",
1810
+ "ToastContainer",
1811
+ "Text",
1812
+ "Button",
1607
1813
  "Pressable"
1608
1814
  ],
1609
1815
  "internalComponentProps": {},
1610
1816
  "propToVariantKeys": {
1611
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1612
- "dismissButtonAriaLabel": ["aria-label"]
1817
+ "size": [
1818
+ "toastSizeLabel",
1819
+ "toastSizeIcon",
1820
+ "toastSizeActionButton",
1821
+ "toastSizeCloseIcon"
1822
+ ],
1823
+ "variant": [
1824
+ "toastVariantIcon",
1825
+ "toastVariantActionButton",
1826
+ "toastVariantCloseIcon"
1827
+ ],
1828
+ "closeIcon": ["icon"],
1829
+ "onClickActionButton": ["onClick"]
1613
1830
  },
1614
1831
  "motionVarPrefixes": []
1615
1832
  };
1616
- var ChipToggle = {
1617
- "name": "ChipToggle",
1618
- "defaultProps": {
1619
- "variant": "primary",
1620
- "role": "checkbox"
1621
- },
1833
+ var ToastContainer = {
1834
+ "name": "ToastContainer",
1835
+ "defaultProps": {},
1622
1836
  "getStylesLiterals": {
1623
- "chipToggleVariantActiveRoot": "on",
1624
- "chipToggleVariantActiveRoot:1": "off"
1837
+ "position": "relative",
1838
+ "alignItems": "center",
1839
+ "display": "flex",
1840
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1625
1841
  },
1626
- "cxLiterals": ["uds-ring"],
1627
- "internalComponents": ["ChipBase"],
1628
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1629
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1630
- "motionVarPrefixes": []
1631
- };
1632
- var Chip = {
1633
- "name": "Chip",
1634
- "defaultProps": {},
1635
- "getStylesLiterals": {},
1636
- "cxLiterals": [],
1637
- "internalComponents": [
1638
- "ChipDismissible",
1639
- "ChipToggle",
1640
- "ChipLink",
1641
- "ChipButton"
1642
- ],
1643
- "internalComponentProps": {},
1644
- "propToVariantKeys": {},
1645
- "motionVarPrefixes": []
1646
- };
1647
- var ChipBase = {
1648
- "name": "ChipBase",
1649
- "defaultProps": {
1650
- "size": "md",
1651
- "as": "div"
1652
- },
1653
- "getStylesLiterals": {},
1654
- "cxLiterals": [
1655
- "pointer-events-none",
1656
- "cursor-default",
1657
- "opacity-50",
1658
- "inline-flex",
1659
- "items-center",
1660
- "transition-[background-color,outline-color,box-shadow]",
1661
- "truncate",
1662
- "whitespace-nowrap",
1663
- "text-center",
1664
- "flex-1"
1665
- ],
1666
- "internalComponents": [
1667
- "IconSlot",
1668
- "HStack",
1669
- "As",
1670
- "Text"
1671
- ],
1672
- "internalComponentProps": { "Text": {
1673
- "as": ["span"],
1674
- "color": ["current"],
1675
- "variant": ["inherit"]
1842
+ "cxLiterals": ["w-full"],
1843
+ "internalComponents": ["HStack"],
1844
+ "internalComponentProps": { "HStack": {
1845
+ "alignItems": ["center"],
1846
+ "justifyContent": ["space-between"],
1847
+ "overflow": ["hidden"],
1848
+ "position": ["relative"]
1676
1849
  } },
1677
1850
  "propToVariantKeys": {
1678
- "size": ["chipSizeRoot", "chipSizeIcon"],
1679
- "startIcon": ["icon"],
1680
- "endIcon": ["icon"]
1851
+ "variant": ["toastVariantRoot"],
1852
+ "size": ["toastSizeRoot"]
1681
1853
  },
1682
1854
  "motionVarPrefixes": []
1683
1855
  };
1684
- var ChipButton = {
1685
- "name": "ChipButton",
1686
- "defaultProps": { "variant": "primary" },
1856
+ var ToastPortal = {
1857
+ "name": "ToastPortal",
1858
+ "defaultProps": {},
1687
1859
  "getStylesLiterals": {},
1688
- "cxLiterals": ["uds-ring"],
1689
- "internalComponents": ["ChipBase"],
1690
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1691
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1860
+ "cxLiterals": [],
1861
+ "internalComponents": ["ReactToastifyToastContainer"],
1862
+ "internalComponentProps": {},
1863
+ "propToVariantKeys": {},
1692
1864
  "motionVarPrefixes": []
1693
1865
  };
1694
- var Menu_Item = {
1695
- "name": "Menu.Item",
1866
+ var UDSToastConfigProvider = {
1867
+ "name": "UDSToastConfigProvider",
1696
1868
  "defaultProps": {},
1697
- "getStylesLiterals": {
1698
- "menuitemItemVariantRoot": "default",
1699
- "menuitemItemVariantActiveRoot": "on",
1700
- "menuitemItemVariantActiveRoot:1": "off",
1701
- "menuitemItemVariantText": "default",
1702
- "menuitemItemVariantActiveText": "on",
1703
- "menuitemItemVariantActiveText:1": "off",
1704
- "menuitemItemVariantIcon": "default",
1705
- "menuitemItemVariantActiveIcon": "on",
1706
- "menuitemItemVariantActiveIcon:1": "off"
1707
- },
1869
+ "getStylesLiterals": {},
1708
1870
  "cxLiterals": [],
1709
- "internalComponents": ["MenuItemBase"],
1871
+ "internalComponents": ["ToastContext.Provider"],
1710
1872
  "internalComponentProps": {},
1711
1873
  "propToVariantKeys": {},
1712
1874
  "motionVarPrefixes": []
1713
1875
  };
1714
- var Menu_Provider = {
1715
- "name": "Menu.Provider",
1876
+ var Tooltip = {
1877
+ "name": "Tooltip",
1716
1878
  "defaultProps": {},
1717
1879
  "getStylesLiterals": {},
1718
1880
  "cxLiterals": [],
1719
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1881
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1720
1882
  "internalComponentProps": {},
1721
1883
  "propToVariantKeys": {},
1722
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1884
+ "motionVarPrefixes": []
1723
1885
  };
1724
- var Menu_ItemBase = {
1725
- "name": "Menu.ItemBase",
1726
- "defaultProps": {
1727
- "spacing": "0",
1728
- "spacingHorizontal": "4",
1729
- "spacingVertical": "3.5",
1730
- "columnGap": "2",
1731
- "alignItems": "center",
1732
- "justifyContent": "space-between"
1733
- },
1886
+ var TooltipContent = {
1887
+ "name": "TooltipContent",
1888
+ "defaultProps": {},
1734
1889
  "getStylesLiterals": {
1735
- "textAlign": "start",
1736
- "menuitemSizeRoot": "default",
1737
- "flexDirection": "row",
1738
- "menuitemSizeStartIcon": "default",
1739
- "menuitemSizeEndIcon": "default"
1890
+ "tooltipSizeRoot": "default",
1891
+ "tooltipVariantRoot": "default",
1892
+ "tooltipSizeSvg": "default",
1893
+ "tooltipVariantSvg": "default",
1894
+ "tooltipVariantBlur": "default",
1895
+ "position": "absolute",
1896
+ "width": "full",
1897
+ "height": "full",
1898
+ "tooltipSizeTitle": "default",
1899
+ "tooltipSizeBody": "default",
1900
+ "tooltipSizeEndContent": "default",
1901
+ "tooltipSizeIcon": "default",
1902
+ "tooltipVariantIcon": "default"
1740
1903
  },
1741
1904
  "cxLiterals": [
1742
1905
  "flex",
1743
- "focus-visible:text-brand",
1744
- "focus-visible:bg-brand-secondary",
1745
- "focus-visible:z-10",
1746
- "uds-ring",
1747
- "!-outline-offset-2",
1748
- "[&:not([aria-checked])]:cursor-default",
1749
- "opacity-25",
1750
- "cursor-not-allowed",
1751
- "duration-20",
1752
- "transition-[font-variation-settings]",
1753
- "ease-in-out",
1754
- "z-0",
1755
- "uds-start-icon",
1756
- "uds-end-icon"
1906
+ "z-[9999]",
1907
+ "uds-bgBlurFillFallback",
1908
+ "uds-bgBlurFallback",
1909
+ "top-0",
1910
+ "left-0",
1911
+ "z-[1]",
1912
+ "transition-opacity",
1913
+ "ease-in-out"
1757
1914
  ],
1758
1915
  "internalComponents": [
1759
- "Pressable",
1760
1916
  "IconSlot",
1761
- "RootComponent",
1762
- "HStack",
1763
- "AnimatePresence"
1917
+ "TooltipArrow",
1918
+ "Tooltip",
1919
+ "SvgFloatingOverlay",
1920
+ "Box",
1921
+ "Text"
1764
1922
  ],
1765
1923
  "internalComponentProps": {
1766
- "HStack": {
1924
+ "Box": {
1767
1925
  "alignItems": ["center"],
1768
- "width": ["full"]
1926
+ "columnGap": ["1", "1.5"]
1769
1927
  },
1770
- "AnimatePresence": { "mode": ["popLayout"] }
1771
- },
1772
- "propToVariantKeys": {
1773
- "startIcon": ["icon"],
1774
- "endIcon": ["icon"],
1775
- "columnGap": ["gap"]
1928
+ "Text": { "color": ["inherit"] }
1776
1929
  },
1930
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1777
1931
  "motionVarPrefixes": []
1778
1932
  };
1779
- var Menu_Trigger = {
1780
- "name": "Menu.Trigger",
1933
+ var TooltipTrigger = {
1934
+ "name": "TooltipTrigger",
1781
1935
  "defaultProps": {},
1782
1936
  "getStylesLiterals": {},
1783
- "cxLiterals": ["uds-menu-trigger"],
1784
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1785
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1786
- "propToVariantKeys": {},
1937
+ "cxLiterals": [],
1938
+ "internalComponents": ["TooltipAnchor"],
1939
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1940
+ "propToVariantKeys": { "children": ["render"] },
1787
1941
  "motionVarPrefixes": []
1788
1942
  };
1789
- var Menu_Content = {
1790
- "name": "Menu.Content",
1791
- "defaultProps": {
1792
- "size": "default",
1793
- "variant": "default",
1794
- "gutter": "1"
1795
- },
1943
+ var UDSTooltipConfigProvider = {
1944
+ "name": "UDSTooltipConfigProvider",
1945
+ "defaultProps": {},
1796
1946
  "getStylesLiterals": {},
1797
- "cxLiterals": [
1798
- "uds-menu-content",
1799
- "transition-shadow",
1800
- "duration-200",
1801
- "ease-in-out",
1802
- "min-w-60",
1803
- "max-w-lg",
1804
- "max-h-96",
1805
- "overflow-auto",
1806
- "uds-ring",
1807
- "z-10",
1808
- "group"
1809
- ],
1810
- "internalComponents": [
1811
- "AriakitMenu",
1812
- "AnimatePresence",
1813
- "MotionVStack"
1814
- ],
1815
- "internalComponentProps": {},
1816
- "propToVariantKeys": {
1817
- "size": ["menucontentSizeRoot"],
1818
- "variant": ["menucontentVariantRoot"]
1819
- },
1820
- "motionVarPrefixes": []
1821
- };
1822
- var Menu_Divider = {
1823
- "name": "Menu.Divider",
1824
- "defaultProps": {
1825
- "role": "separator",
1826
- "contentPosition": "start",
1827
- "gap": "4"
1828
- },
1829
- "getStylesLiterals": {
1830
- "menuitemDividerVariantRoot": "default",
1831
- "menuitemDividerVariantText": "default",
1832
- "menuitemDividerVariantLine": "default"
1833
- },
1834
1947
  "cxLiterals": [],
1835
- "internalComponents": ["DividerInternal"],
1836
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1948
+ "internalComponents": ["TooltipContext.Provider"],
1949
+ "internalComponentProps": {},
1837
1950
  "propToVariantKeys": {},
1838
1951
  "motionVarPrefixes": []
1839
1952
  };
1840
- var Menu = {
1841
- "name": "Menu",
1953
+ var UDSBreakpointsConfigProvider = {
1954
+ "name": "UDSBreakpointsConfigProvider",
1842
1955
  "defaultProps": {},
1843
1956
  "getStylesLiterals": {},
1844
1957
  "cxLiterals": [],
1845
- "internalComponents": [],
1958
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1846
1959
  "internalComponentProps": {},
1847
1960
  "propToVariantKeys": {},
1848
1961
  "motionVarPrefixes": []
1849
1962
  };
1850
- var Menu_ItemCheckbox = {
1851
- "name": "Menu.ItemCheckbox",
1963
+ var UDSConfigProvider = {
1964
+ "name": "UDSConfigProvider",
1852
1965
  "defaultProps": {},
1853
- "getStylesLiterals": {
1854
- "menuitemItemCheckboxVariantRoot": "default",
1855
- "menuitemItemCheckboxVariantActiveRoot": "on",
1856
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1857
- "menuitemItemCheckboxVariantText": "default",
1858
- "menuitemItemCheckboxVariantActiveText": "on",
1859
- "menuitemItemCheckboxVariantActiveText:1": "off",
1860
- "menuitemItemCheckboxVariantStartIcon": "default",
1861
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1862
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1863
- "menuitemItemCheckboxVariantEndIcon": "default",
1864
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1865
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1866
- },
1867
- "cxLiterals": ["uds-menu-item-checkbox"],
1868
- "internalComponents": ["MenuItemBase"],
1966
+ "getStylesLiterals": {},
1967
+ "cxLiterals": [],
1968
+ "internalComponents": [
1969
+ "UDSBreakpointsConfigProvider",
1970
+ "UDSBottomSheetConfigProvider",
1971
+ "UDSToastConfigProvider",
1972
+ "UDSTooltipConfigProvider",
1973
+ "UDSPopoverConfigProvider"
1974
+ ],
1869
1975
  "internalComponentProps": {},
1870
1976
  "propToVariantKeys": {},
1871
1977
  "motionVarPrefixes": []
1872
1978
  };
1873
1979
  var componentData_default = {
1874
- Link,
1875
- VStack,
1876
1980
  Box,
1877
- Scrim,
1878
- Icon,
1879
1981
  FormLabel,
1880
- Text,
1881
- IconSlot,
1882
1982
  HStack,
1983
+ Icon,
1984
+ IconSlot,
1883
1985
  Image,
1884
- "Table.mocks": Table_mocks,
1885
- Table,
1886
- Spinner,
1986
+ Link,
1987
+ Scrim,
1988
+ SvgFloatingOverlay,
1989
+ Text,
1990
+ VStack,
1991
+ Divider,
1887
1992
  DividerCore,
1888
1993
  DividerInternal,
1889
- Divider,
1994
+ Spinner,
1995
+ "Table.mocks": Table_mocks,
1996
+ Table,
1997
+ AnimateHeightChange,
1998
+ Badge,
1890
1999
  Button,
1891
2000
  Checkbox,
1892
- SpringMotionConfig,
1893
2001
  IconButton,
1894
- Switch,
1895
- Badge,
1896
- AnimateHeightChange,
1897
2002
  Pressable,
2003
+ SpringMotionConfig,
2004
+ Switch,
2005
+ Accordion,
1898
2006
  AvoidMotionLibraryProvider,
2007
+ ExperimentalPopover,
2008
+ Modal,
1899
2009
  SegmentedControl,
1900
- Popover,
1901
2010
  SwitchV2,
1902
2011
  Tabs,
1903
- Modal,
1904
- Accordion,
1905
- AvatarImage,
1906
- AvatarText,
1907
2012
  Avatar,
1908
2013
  AvatarIcon,
2014
+ AvatarImage,
2015
+ AvatarText,
2016
+ BottomSheet,
1909
2017
  BottomSheetContent,
1910
2018
  BottomSheetDismiss,
1911
- BottomSheet,
1912
2019
  BottomSheetHandle,
1913
2020
  BottomSheetHeader,
1914
- BottomSheetTrigger,
1915
2021
  BottomSheetProvider,
2022
+ BottomSheetTrigger,
1916
2023
  UDSBottomSheetConfigProvider,
1917
- UDSToastConfigProvider,
1918
- Toast,
1919
- ToastContainer,
1920
- ToastPortal,
1921
- UDSTooltipConfigProvider,
1922
- TooltipTrigger,
1923
- TooltipContent,
1924
- Tooltip,
1925
- Input,
1926
- InputHelpText,
1927
- InputHelpTextInternal,
1928
- UDSConfigProvider,
1929
- UDSBreakpointsConfigProvider,
1930
- RadioGroupStore,
1931
- RadioGroupProvider,
1932
- Radio,
1933
- ChipLink,
1934
- ChipDismissible,
1935
- ChipToggle,
1936
2024
  Chip,
1937
2025
  ChipBase,
1938
2026
  ChipButton,
2027
+ ChipDismissible,
2028
+ ChipLink,
2029
+ ChipToggle,
2030
+ Input,
2031
+ InputHelpText,
2032
+ InputHelpTextInternal,
2033
+ "Menu.Content": Menu_Content,
2034
+ "Menu.Divider": Menu_Divider,
1939
2035
  "Menu.Item": Menu_Item,
1940
- "Menu.Provider": Menu_Provider,
1941
2036
  "Menu.ItemBase": Menu_ItemBase,
2037
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2038
+ "Menu.Provider": Menu_Provider,
1942
2039
  "Menu.Trigger": Menu_Trigger,
1943
- "Menu.Content": Menu_Content,
1944
- "Menu.Divider": Menu_Divider,
1945
2040
  Menu,
1946
- "Menu.ItemCheckbox": Menu_ItemCheckbox
2041
+ Popover,
2042
+ PopoverContent,
2043
+ PopoverContext,
2044
+ PopoverTrigger,
2045
+ UDSPopoverConfigProvider,
2046
+ Radio,
2047
+ RadioGroupProvider,
2048
+ RadioGroupStore,
2049
+ Toast,
2050
+ ToastContainer,
2051
+ ToastPortal,
2052
+ UDSToastConfigProvider,
2053
+ Tooltip,
2054
+ TooltipContent,
2055
+ TooltipTrigger,
2056
+ UDSTooltipConfigProvider,
2057
+ UDSBreakpointsConfigProvider,
2058
+ UDSConfigProvider
1947
2059
  };
1948
2060
 
1949
2061
  //#endregion
1950
- export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Modal, Popover, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, Switch, SwitchV2, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };
2062
+ export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, ExperimentalPopover, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Modal, Popover, PopoverContent, PopoverContext, PopoverTrigger, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, SvgFloatingOverlay, Switch, SwitchV2, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };