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