@yahoo/uds 3.117.4 → 3.117.5

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 (161) hide show
  1. package/dist/styles/styler.d.cts +41 -41
  2. package/dist/styles/styler.d.ts +41 -41
  3. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +637 -0
  4. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +637 -0
  5. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -0
  6. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +36541 -0
  7. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +36524 -0
  8. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -0
  9. package/dist/tailwind/dist/automated-config/dist/mapTextVariantFixtureToValue.cjs +20 -0
  10. package/dist/tailwind/dist/automated-config/dist/mapTextVariantFixtureToValue.js +21 -0
  11. package/dist/tailwind/dist/automated-config/dist/mapTextVariantFixtureToValue.js.map +1 -0
  12. package/dist/tailwind/dist/automated-config/dist/properties.cjs +480 -0
  13. package/dist/tailwind/dist/automated-config/dist/properties.js +481 -0
  14. package/dist/tailwind/dist/automated-config/dist/properties.js.map +1 -0
  15. package/dist/tailwind/dist/automated-config/dist/utils/assertUnreachable.cjs +10 -0
  16. package/dist/tailwind/dist/automated-config/dist/utils/assertUnreachable.js +10 -0
  17. package/dist/tailwind/dist/automated-config/dist/utils/assertUnreachable.js.map +1 -0
  18. package/dist/tailwind/dist/automated-config/dist/utils/generateDefaultClassName.cjs +18 -0
  19. package/dist/tailwind/dist/automated-config/dist/utils/generateDefaultClassName.js +18 -0
  20. package/dist/tailwind/dist/automated-config/dist/utils/generateDefaultClassName.js.map +1 -0
  21. package/dist/tailwind/dist/automated-config/dist/utils/generateSchemaKey.cjs +15 -0
  22. package/dist/tailwind/dist/automated-config/dist/utils/generateSchemaKey.js +15 -0
  23. package/dist/tailwind/dist/automated-config/dist/utils/generateSchemaKey.js.map +1 -0
  24. package/dist/tailwind/dist/automated-config/dist/utils/index.cjs +479 -0
  25. package/dist/tailwind/dist/automated-config/dist/utils/index.js +479 -0
  26. package/dist/tailwind/dist/automated-config/dist/utils/index.js.map +1 -0
  27. package/dist/tailwind/dist/automated-config/dist/utils/mapColorFixtureToValue.cjs +28 -0
  28. package/dist/tailwind/dist/automated-config/dist/utils/mapColorFixtureToValue.js +29 -0
  29. package/dist/tailwind/dist/automated-config/dist/utils/mapColorFixtureToValue.js.map +1 -0
  30. package/dist/tailwind/dist/automated-config/dist/utils/variantConfigGuards.cjs +10 -0
  31. package/dist/tailwind/dist/automated-config/dist/utils/variantConfigGuards.js +9 -0
  32. package/dist/tailwind/dist/automated-config/dist/utils/variantConfigGuards.js.map +1 -0
  33. package/dist/tailwind/dist/config/dist/index.cjs +27057 -0
  34. package/dist/tailwind/dist/config/dist/index.d.cts +11 -0
  35. package/dist/tailwind/dist/config/dist/index.d.cts.map +1 -0
  36. package/dist/tailwind/dist/config/dist/index.d.ts +11 -0
  37. package/dist/tailwind/dist/config/dist/index.d.ts.map +1 -0
  38. package/dist/tailwind/dist/config/dist/index.js +27057 -0
  39. package/dist/tailwind/dist/config/dist/index.js.map +1 -0
  40. package/dist/tailwind/dist/css/generate.cjs +2 -2
  41. package/dist/tailwind/dist/css/generate.d.cts +0 -1
  42. package/dist/tailwind/dist/css/generate.d.cts.map +1 -1
  43. package/dist/tailwind/dist/css/generate.d.ts +0 -1
  44. package/dist/tailwind/dist/css/generate.d.ts.map +1 -1
  45. package/dist/tailwind/dist/css/generate.js +1 -1
  46. package/dist/tailwind/dist/css/runner.cjs +3 -3
  47. package/dist/tailwind/dist/css/runner.js +1 -1
  48. package/dist/tailwind/dist/css/utils.cjs +2 -3
  49. package/dist/tailwind/dist/css/utils.js +1 -1
  50. package/dist/tailwind/dist/css-tokens/dist/index.cjs +168 -0
  51. package/dist/tailwind/dist/css-tokens/dist/index.js +127 -0
  52. package/dist/tailwind/dist/css-tokens/dist/index.js.map +1 -0
  53. package/dist/tailwind/dist/fixtures/dist/index.cjs +596 -0
  54. package/dist/tailwind/dist/fixtures/dist/index.js +589 -0
  55. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -0
  56. package/dist/tailwind/dist/fonts/dist/index.cjs +809 -0
  57. package/dist/tailwind/dist/fonts/dist/index.d.cts +632 -0
  58. package/dist/tailwind/dist/fonts/dist/index.d.cts.map +1 -0
  59. package/dist/tailwind/dist/fonts/dist/index.d.ts +632 -0
  60. package/dist/tailwind/dist/fonts/dist/index.d.ts.map +1 -0
  61. package/dist/tailwind/dist/fonts/dist/index.js +809 -0
  62. package/dist/tailwind/dist/fonts/dist/index.js.map +1 -0
  63. package/dist/tailwind/dist/modes/dist/index.cjs +9 -0
  64. package/dist/tailwind/dist/modes/dist/index.js +8 -0
  65. package/dist/tailwind/dist/modes/dist/index.js.map +1 -0
  66. package/dist/tailwind/dist/motion-tokens/dist/index.cjs +27 -0
  67. package/dist/tailwind/dist/motion-tokens/dist/index.js +26 -0
  68. package/dist/tailwind/dist/motion-tokens/dist/index.js.map +1 -0
  69. package/dist/tailwind/dist/palette/dist/index.cjs +29 -0
  70. package/dist/tailwind/dist/palette/dist/index.js +26 -0
  71. package/dist/tailwind/dist/palette/dist/index.js.map +1 -0
  72. package/dist/tailwind/dist/purger/legacy/purgeCSS.cjs +10 -10
  73. package/dist/tailwind/dist/purger/legacy/purgeCSS.js +1 -1
  74. package/dist/tailwind/dist/purger/legacy/purgeFromCode.cjs +4 -4
  75. package/dist/tailwind/dist/purger/legacy/purgeFromCode.js +1 -1
  76. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +3 -3
  77. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +1 -1
  78. package/dist/tailwind/dist/purger/optimized/utils/safelist.cjs +3 -3
  79. package/dist/tailwind/dist/purger/optimized/utils/safelist.js +1 -1
  80. package/dist/tailwind/dist/tailwind/base/addColorModeVars.cjs +5 -5
  81. package/dist/tailwind/dist/tailwind/base/addColorModeVars.js +2 -2
  82. package/dist/tailwind/dist/tailwind/base/addColorModeVarsV2.cjs +8 -8
  83. package/dist/tailwind/dist/tailwind/base/addColorModeVarsV2.js +2 -2
  84. package/dist/tailwind/dist/tailwind/base/addScaleModeVars.cjs +10 -11
  85. package/dist/tailwind/dist/tailwind/base/addScaleModeVars.js +2 -2
  86. package/dist/tailwind/dist/tailwind/components/getFocusRingStyles.cjs +3 -4
  87. package/dist/tailwind/dist/tailwind/components/getFocusRingStyles.js +1 -1
  88. package/dist/tailwind/dist/tailwind/components/getGroupedTextStyles.cjs +9 -10
  89. package/dist/tailwind/dist/tailwind/components/getGroupedTextStyles.js +2 -2
  90. package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.cjs +23 -23
  91. package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.d.cts +1 -1
  92. package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.d.ts +1 -1
  93. package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.js +2 -2
  94. package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.cts +3 -3
  95. package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.cts.map +1 -1
  96. package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts +3 -3
  97. package/dist/tailwind/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts.map +1 -1
  98. package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.cjs +4 -4
  99. package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.js +1 -1
  100. package/dist/tailwind/dist/tailwind/plugins/borderRadius.cjs +4 -4
  101. package/dist/tailwind/dist/tailwind/plugins/borderRadius.js +2 -2
  102. package/dist/tailwind/dist/tailwind/plugins/borderWidth.cjs +4 -4
  103. package/dist/tailwind/dist/tailwind/plugins/borderWidth.js +2 -2
  104. package/dist/tailwind/dist/tailwind/plugins/colors.cjs +12 -12
  105. package/dist/tailwind/dist/tailwind/plugins/colors.js +3 -3
  106. package/dist/tailwind/dist/tailwind/plugins/components.cjs +22 -22
  107. package/dist/tailwind/dist/tailwind/plugins/components.js +3 -3
  108. package/dist/tailwind/dist/tailwind/plugins/elevation.cjs +3 -3
  109. package/dist/tailwind/dist/tailwind/plugins/elevation.js +1 -1
  110. package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.cjs +2 -3
  111. package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.js +1 -1
  112. package/dist/tailwind/dist/tailwind/plugins/shadows.cjs +5 -5
  113. package/dist/tailwind/dist/tailwind/plugins/shadows.js +1 -1
  114. package/dist/tailwind/dist/tailwind/plugins/sizing.cjs +2 -2
  115. package/dist/tailwind/dist/tailwind/plugins/sizing.js +1 -1
  116. package/dist/tailwind/dist/tailwind/plugins/typography.cjs +6 -6
  117. package/dist/tailwind/dist/tailwind/plugins/typography.js +2 -2
  118. package/dist/tailwind/dist/tailwind/theme/getFontFamilyTheme.cjs +6 -7
  119. package/dist/tailwind/dist/tailwind/theme/getFontFamilyTheme.js +2 -2
  120. package/dist/tailwind/dist/tailwind/utils/addFontsPlugin.d.cts +1 -1
  121. package/dist/tailwind/dist/tailwind/utils/addFontsPlugin.d.ts +1 -1
  122. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.cts +1 -1
  123. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.ts +1 -1
  124. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.cjs +6 -7
  125. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.d.cts +1 -1
  126. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.d.ts +1 -1
  127. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.js +1 -1
  128. package/dist/tailwind/dist/tailwind/utils/getFontFaceDeclarations.cjs +2 -3
  129. package/dist/tailwind/dist/tailwind/utils/getFontFaceDeclarations.d.cts +1 -1
  130. package/dist/tailwind/dist/tailwind/utils/getFontFaceDeclarations.d.ts +1 -1
  131. package/dist/tailwind/dist/tailwind/utils/getFontFaceDeclarations.js +1 -1
  132. package/dist/tailwind/dist/tailwind/utils/getFontStyles.cjs +4 -5
  133. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
  134. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
  135. package/dist/tailwind/dist/tailwind/utils/getFontStyles.js +2 -2
  136. package/dist/tailwind/dist/tailwind/utils/getMotionStyles.cjs +4 -5
  137. package/dist/tailwind/dist/tailwind/utils/getMotionStyles.d.cts +1 -1
  138. package/dist/tailwind/dist/tailwind/utils/getMotionStyles.d.ts +1 -1
  139. package/dist/tailwind/dist/tailwind/utils/getMotionStyles.js +2 -2
  140. package/dist/tailwind/dist/tailwind/utils/getShadowPresetValues.cjs +2 -3
  141. package/dist/tailwind/dist/tailwind/utils/getShadowPresetValues.d.cts +2 -2
  142. package/dist/tailwind/dist/tailwind/utils/getShadowPresetValues.d.ts +2 -2
  143. package/dist/tailwind/dist/tailwind/utils/getShadowPresetValues.js +1 -1
  144. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.cjs +3 -4
  145. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +2 -2
  146. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +2 -2
  147. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.js +1 -1
  148. package/dist/tailwind/dist/types/dist/index.d.cts +295 -0
  149. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -0
  150. package/dist/tailwind/dist/types/dist/index.d.ts +295 -0
  151. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -0
  152. package/dist/tailwind/dist/utils/generatePurgeCSSData.cjs +5 -5
  153. package/dist/tailwind/dist/utils/generatePurgeCSSData.js +2 -2
  154. package/dist/tailwind/dist/utils/parseTokens.cjs +29 -30
  155. package/dist/tailwind/dist/utils/parseTokens.d.cts +2 -2
  156. package/dist/tailwind/dist/utils/parseTokens.d.ts +2 -2
  157. package/dist/tailwind/dist/utils/parseTokens.js +2 -2
  158. package/dist/uds/generated/componentData.cjs +1105 -1105
  159. package/dist/uds/generated/componentData.js +1105 -1105
  160. package/generated/componentData.json +1508 -1508
  161. package/package.json +1 -1
@@ -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,20 +140,6 @@ 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
143
  var SvgFloatingOverlay = {
106
144
  "name": "SvgFloatingOverlay",
107
145
  "defaultProps": {},
@@ -130,24 +168,6 @@ var SvgFloatingOverlay = {
130
168
  "propToVariantKeys": { "blurClassName": ["className"] },
131
169
  "motionVarPrefixes": []
132
170
  };
133
- var FormLabel = {
134
- "name": "FormLabel",
135
- "defaultProps": {
136
- "color": "muted",
137
- "variant": "label3",
138
- "as": "label"
139
- },
140
- "getStylesLiterals": {},
141
- "cxLiterals": ["cursor-[inherit]"],
142
- "internalComponents": ["Text"],
143
- "internalComponentProps": { "Text": {
144
- "as": ["sup"],
145
- "variant": ["inherit"],
146
- "spacingStart": ["0.5"]
147
- } },
148
- "propToVariantKeys": {},
149
- "motionVarPrefixes": []
150
- };
151
171
  var Text = {
152
172
  "name": "Text",
153
173
  "defaultProps": {
@@ -168,95 +188,26 @@ var Text = {
168
188
  ] },
169
189
  "motionVarPrefixes": []
170
190
  };
171
- var IconSlot = {
172
- "name": "IconSlot",
173
- "defaultProps": {},
174
- "getStylesLiterals": {},
175
- "cxLiterals": [],
176
- "internalComponents": ["Icon"],
177
- "internalComponentProps": {},
178
- "propToVariantKeys": {},
179
- "motionVarPrefixes": []
180
- };
181
- var HStack = {
182
- "name": "HStack",
191
+ var VStack = {
192
+ "name": "VStack",
183
193
  "defaultProps": {},
184
194
  "getStylesLiterals": {},
185
195
  "cxLiterals": [],
186
196
  "internalComponents": ["Box"],
187
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
188
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
189
- "motionVarPrefixes": []
190
- };
191
- var Image = {
192
- "name": "Image",
193
- "defaultProps": {},
194
- "getStylesLiterals": {},
195
- "cxLiterals": [],
196
- "internalComponents": [],
197
- "internalComponentProps": {},
198
- "propToVariantKeys": {},
197
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
198
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
199
199
  "motionVarPrefixes": []
200
200
  };
201
- var Table_mocks = {
202
- "name": "Table.mocks",
201
+ var Divider = {
202
+ "name": "Divider",
203
203
  "defaultProps": {},
204
204
  "getStylesLiterals": {},
205
205
  "cxLiterals": [],
206
- "internalComponents": [],
206
+ "internalComponents": ["DividerInternal"],
207
207
  "internalComponentProps": {},
208
208
  "propToVariantKeys": {},
209
209
  "motionVarPrefixes": []
210
210
  };
211
- var Table = {
212
- "name": "Table",
213
- "defaultProps": {
214
- "display": "table-cell",
215
- "overflow": "hidden",
216
- "borderColor": "muted",
217
- "borderRadius": "md",
218
- "spacing": "3",
219
- "borderBottomColor": "muted",
220
- "borderBottomWidth": "thin",
221
- "color": "primary"
222
- },
223
- "getStylesLiterals": { "textAlign": "start" },
224
- "cxLiterals": [],
225
- "internalComponents": [
226
- "CellComponent",
227
- "Box",
228
- "Text",
229
- "Table.Root",
230
- "Table.Header",
231
- "Table.Row",
232
- "Table.Cell",
233
- "Table.Body"
234
- ],
235
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
236
- "propToVariantKeys": {},
237
- "motionVarPrefixes": []
238
- };
239
- var Spinner = {
240
- "name": "Spinner",
241
- "defaultProps": {
242
- "color": "primary",
243
- "size": "lg"
244
- },
245
- "getStylesLiterals": {},
246
- "cxLiterals": [
247
- "self-center",
248
- "relative",
249
- "sr-only"
250
- ],
251
- "internalComponents": ["Icon"],
252
- "internalComponentProps": { "Icon": {
253
- "role": ["img"],
254
- "className": ["animate-spin"],
255
- "aria-hidden": ["true"]
256
- } },
257
- "propToVariantKeys": {},
258
- "motionVarPrefixes": []
259
- };
260
211
  var DividerCore = {
261
212
  "name": "DividerCore",
262
213
  "defaultProps": { "contentPosition": "center" },
@@ -300,22 +251,111 @@ var DividerInternal = {
300
251
  ] },
301
252
  "motionVarPrefixes": []
302
253
  };
303
- var Divider = {
304
- "name": "Divider",
254
+ var Spinner = {
255
+ "name": "Spinner",
256
+ "defaultProps": {
257
+ "color": "primary",
258
+ "size": "lg"
259
+ },
260
+ "getStylesLiterals": {},
261
+ "cxLiterals": [
262
+ "self-center",
263
+ "relative",
264
+ "sr-only"
265
+ ],
266
+ "internalComponents": ["Icon"],
267
+ "internalComponentProps": { "Icon": {
268
+ "role": ["img"],
269
+ "className": ["animate-spin"],
270
+ "aria-hidden": ["true"]
271
+ } },
272
+ "propToVariantKeys": {},
273
+ "motionVarPrefixes": []
274
+ };
275
+ var Table_mocks = {
276
+ "name": "Table.mocks",
305
277
  "defaultProps": {},
306
278
  "getStylesLiterals": {},
307
279
  "cxLiterals": [],
308
- "internalComponents": ["DividerInternal"],
280
+ "internalComponents": [],
309
281
  "internalComponentProps": {},
310
282
  "propToVariantKeys": {},
311
283
  "motionVarPrefixes": []
312
284
  };
313
- var Button = {
314
- "name": "Button",
315
- "defaultProps": { "type": "button" },
316
- "getStylesLiterals": {},
317
- "cxLiterals": [
318
- "uds-ring",
285
+ var Table = {
286
+ "name": "Table",
287
+ "defaultProps": {
288
+ "display": "table-cell",
289
+ "overflow": "hidden",
290
+ "borderColor": "muted",
291
+ "borderRadius": "md",
292
+ "spacing": "3",
293
+ "borderBottomColor": "muted",
294
+ "borderBottomWidth": "thin",
295
+ "color": "primary"
296
+ },
297
+ "getStylesLiterals": { "textAlign": "start" },
298
+ "cxLiterals": [],
299
+ "internalComponents": [
300
+ "CellComponent",
301
+ "Box",
302
+ "Text",
303
+ "Table.Root",
304
+ "Table.Header",
305
+ "Table.Row",
306
+ "Table.Cell",
307
+ "Table.Body"
308
+ ],
309
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
310
+ "propToVariantKeys": {},
311
+ "motionVarPrefixes": []
312
+ };
313
+ var AnimateHeightChange = {
314
+ "name": "AnimateHeightChange",
315
+ "defaultProps": {},
316
+ "getStylesLiterals": {},
317
+ "cxLiterals": ["overflow-hidden"],
318
+ "internalComponents": ["SpringMotionConfig"],
319
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
320
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
321
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
322
+ };
323
+ var Badge = {
324
+ "name": "Badge",
325
+ "defaultProps": {
326
+ "variant": "primary",
327
+ "size": "md"
328
+ },
329
+ "getStylesLiterals": {},
330
+ "cxLiterals": [
331
+ "flex-1",
332
+ "truncate",
333
+ "whitespace-nowrap",
334
+ "text-center"
335
+ ],
336
+ "internalComponents": ["IconSlot", "HStack"],
337
+ "internalComponentProps": {
338
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
339
+ "HStack": {
340
+ "gap": ["2"],
341
+ "display": ["inline-flex"],
342
+ "alignItems": ["center"]
343
+ }
344
+ },
345
+ "propToVariantKeys": {
346
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
347
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
348
+ "startIcon": ["icon"],
349
+ "endIcon": ["icon"]
350
+ },
351
+ "motionVarPrefixes": []
352
+ };
353
+ var Button = {
354
+ "name": "Button",
355
+ "defaultProps": { "type": "button" },
356
+ "getStylesLiterals": {},
357
+ "cxLiterals": [
358
+ "uds-ring",
319
359
  "uds-hit-target",
320
360
  "inline-flex",
321
361
  "overflow-hidden",
@@ -434,16 +474,6 @@ var Checkbox = {
434
474
  },
435
475
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
436
476
  };
437
- var SpringMotionConfig = {
438
- "name": "SpringMotionConfig",
439
- "defaultProps": { "reducedMotion": "user" },
440
- "getStylesLiterals": {},
441
- "cxLiterals": [],
442
- "internalComponents": ["LazyMotion", "MotionConfig"],
443
- "internalComponentProps": {},
444
- "propToVariantKeys": { "loadFeatures": ["features"] },
445
- "motionVarPrefixes": []
446
- };
447
477
  var IconButton = {
448
478
  "name": "IconButton",
449
479
  "defaultProps": { "type": "button" },
@@ -483,6 +513,26 @@ var IconButton = {
483
513
  },
484
514
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
485
515
  };
516
+ var Pressable = {
517
+ "name": "Pressable",
518
+ "defaultProps": {},
519
+ "getStylesLiterals": {},
520
+ "cxLiterals": [],
521
+ "internalComponents": ["Comp"],
522
+ "internalComponentProps": {},
523
+ "propToVariantKeys": {},
524
+ "motionVarPrefixes": []
525
+ };
526
+ var SpringMotionConfig = {
527
+ "name": "SpringMotionConfig",
528
+ "defaultProps": { "reducedMotion": "user" },
529
+ "getStylesLiterals": {},
530
+ "cxLiterals": [],
531
+ "internalComponents": ["LazyMotion", "MotionConfig"],
532
+ "internalComponentProps": {},
533
+ "propToVariantKeys": { "loadFeatures": ["features"] },
534
+ "motionVarPrefixes": []
535
+ };
486
536
  var Switch = {
487
537
  "name": "Switch",
488
538
  "defaultProps": {
@@ -573,52 +623,60 @@ var Switch = {
573
623
  },
574
624
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
575
625
  };
576
- var Badge = {
577
- "name": "Badge",
626
+ var Accordion = {
627
+ "name": "Accordion",
578
628
  "defaultProps": {
579
- "variant": "primary",
580
- "size": "md"
629
+ "spacingHorizontal": "4",
630
+ "spacingVertical": "4"
581
631
  },
582
632
  "getStylesLiterals": {},
583
- "cxLiterals": [
584
- "flex-1",
585
- "truncate",
586
- "whitespace-nowrap",
587
- "text-center"
633
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
634
+ "internalComponents": [
635
+ "Icon",
636
+ "SpringMotionConfig",
637
+ "Pressable",
638
+ "Text",
639
+ "HStack",
640
+ "AnimatePresence",
641
+ "VStack"
588
642
  ],
589
- "internalComponents": ["IconSlot", "HStack"],
590
643
  "internalComponentProps": {
591
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
644
+ "Icon": {
645
+ "variant": ["fill"],
646
+ "size": ["sm"],
647
+ "color": ["primary"]
648
+ },
649
+ "SpringMotionConfig": {
650
+ "layoutVariant": ["smooth"],
651
+ "layoutSpeed": ["3"]
652
+ },
653
+ "Pressable": {
654
+ "display": ["flex"],
655
+ "flexDirection": ["row"],
656
+ "alignItems": ["center"],
657
+ "justifyContent": ["space-between"],
658
+ "borderRadius": ["md"]
659
+ },
660
+ "Text": {
661
+ "variant": ["title4"],
662
+ "color": ["primary"]
663
+ },
592
664
  "HStack": {
593
- "gap": ["2"],
594
- "display": ["inline-flex"],
595
- "alignItems": ["center"]
665
+ "display": ["flex"],
666
+ "alignItems": ["center"],
667
+ "justifyContent": ["space-between"],
668
+ "columnGap": ["2.5"]
596
669
  }
597
670
  },
598
- "propToVariantKeys": {
599
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
600
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
601
- "startIcon": ["icon"],
602
- "endIcon": ["icon"]
603
- },
604
- "motionVarPrefixes": []
605
- };
606
- var AnimateHeightChange = {
607
- "name": "AnimateHeightChange",
608
- "defaultProps": {},
609
- "getStylesLiterals": {},
610
- "cxLiterals": ["overflow-hidden"],
611
- "internalComponents": ["SpringMotionConfig"],
612
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
613
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
614
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
671
+ "propToVariantKeys": {},
672
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
615
673
  };
616
- var Pressable = {
617
- "name": "Pressable",
674
+ var AvoidMotionLibraryProvider = {
675
+ "name": "AvoidMotionLibraryProvider",
618
676
  "defaultProps": {},
619
677
  "getStylesLiterals": {},
620
678
  "cxLiterals": [],
621
- "internalComponents": ["Comp"],
679
+ "internalComponents": [],
622
680
  "internalComponentProps": {},
623
681
  "propToVariantKeys": {},
624
682
  "motionVarPrefixes": []
@@ -640,14 +698,60 @@ var ExperimentalPopover = {
640
698
  "propToVariantKeys": {},
641
699
  "motionVarPrefixes": []
642
700
  };
643
- var AvoidMotionLibraryProvider = {
644
- "name": "AvoidMotionLibraryProvider",
701
+ var Modal = {
702
+ "name": "Modal",
645
703
  "defaultProps": {},
646
704
  "getStylesLiterals": {},
647
- "cxLiterals": [],
648
- "internalComponents": [],
649
- "internalComponentProps": {},
650
- "propToVariantKeys": {},
705
+ "cxLiterals": [
706
+ "inset-8",
707
+ "top-[250px]",
708
+ "z-50",
709
+ "mx-auto",
710
+ "h-fit",
711
+ "w-[600px]",
712
+ "origin-center",
713
+ "scale-95",
714
+ "opacity-0",
715
+ "transition",
716
+ "duration-150",
717
+ "data-[enter]:scale-100",
718
+ "data-[enter]:opacity-100",
719
+ "data-[enter]:bg-primary",
720
+ "backdrop-blur-0",
721
+ "data-[enter]:opacity-60",
722
+ "data-[enter]:backdrop-blur-sm"
723
+ ],
724
+ "internalComponents": [
725
+ "IconButton",
726
+ "Dialog",
727
+ "HStack",
728
+ "Text",
729
+ "VStack"
730
+ ],
731
+ "internalComponentProps": {
732
+ "IconButton": {
733
+ "aria-label": ["Close"],
734
+ "size": ["sm"],
735
+ "variant": ["tertiary"]
736
+ },
737
+ "HStack": {
738
+ "alignItems": ["center"],
739
+ "justifyContent": ["space-between"]
740
+ },
741
+ "Text": {
742
+ "variant": ["headline1"],
743
+ "color": ["primary"]
744
+ },
745
+ "VStack": {
746
+ "borderRadius": ["md"],
747
+ "position": ["fixed"],
748
+ "backgroundColor": ["primary"],
749
+ "dropShadow": ["md"],
750
+ "spacing": ["8"],
751
+ "overflow": ["hidden"]
752
+ }
753
+ },
754
+ "propToVariantKeys": { "handleClose": ["onClick"] },
651
755
  "motionVarPrefixes": []
652
756
  };
653
757
  var SegmentedControl = {
@@ -845,110 +949,38 @@ var Tabs = {
845
949
  "propToVariantKeys": {},
846
950
  "motionVarPrefixes": []
847
951
  };
848
- var Modal = {
849
- "name": "Modal",
952
+ var Avatar = {
953
+ "name": "Avatar",
850
954
  "defaultProps": {},
851
955
  "getStylesLiterals": {},
956
+ "cxLiterals": [],
957
+ "internalComponents": ["AvatarImage"],
958
+ "internalComponentProps": {},
959
+ "propToVariantKeys": {},
960
+ "motionVarPrefixes": []
961
+ };
962
+ var AvatarIcon = {
963
+ "name": "AvatarIcon",
964
+ "defaultProps": {
965
+ "size": "md",
966
+ "variant": "primary"
967
+ },
968
+ "getStylesLiterals": {},
852
969
  "cxLiterals": [
853
- "inset-8",
854
- "top-[250px]",
855
- "z-50",
856
- "mx-auto",
857
- "h-fit",
858
- "w-[600px]",
859
- "origin-center",
860
- "scale-95",
861
- "opacity-0",
862
- "transition",
863
- "duration-150",
864
- "data-[enter]:scale-100",
865
- "data-[enter]:opacity-100",
866
- "data-[enter]:bg-primary",
867
- "backdrop-blur-0",
868
- "data-[enter]:opacity-60",
869
- "data-[enter]:backdrop-blur-sm"
870
- ],
871
- "internalComponents": [
872
- "IconButton",
873
- "Dialog",
874
- "HStack",
875
- "Text",
876
- "VStack"
970
+ "overflow-hidden",
971
+ "w-full",
972
+ "h-full",
973
+ "shrink-0",
974
+ "text-center",
975
+ "inline-flex",
976
+ "justify-center",
977
+ "items-center"
877
978
  ],
878
- "internalComponentProps": {
879
- "IconButton": {
880
- "aria-label": ["Close"],
881
- "size": ["sm"],
882
- "variant": ["tertiary"]
883
- },
884
- "HStack": {
885
- "alignItems": ["center"],
886
- "justifyContent": ["space-between"]
887
- },
888
- "Text": {
889
- "variant": ["headline1"],
890
- "color": ["primary"]
891
- },
892
- "VStack": {
893
- "borderRadius": ["md"],
894
- "position": ["fixed"],
895
- "backgroundColor": ["primary"],
896
- "dropShadow": ["md"],
897
- "spacing": ["8"],
898
- "overflow": ["hidden"]
899
- }
900
- },
901
- "propToVariantKeys": { "handleClose": ["onClick"] },
979
+ "internalComponents": ["IconSlot", "Box"],
980
+ "internalComponentProps": {},
981
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
902
982
  "motionVarPrefixes": []
903
983
  };
904
- var Accordion = {
905
- "name": "Accordion",
906
- "defaultProps": {
907
- "spacingHorizontal": "4",
908
- "spacingVertical": "4"
909
- },
910
- "getStylesLiterals": {},
911
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
912
- "internalComponents": [
913
- "Icon",
914
- "SpringMotionConfig",
915
- "Pressable",
916
- "Text",
917
- "HStack",
918
- "AnimatePresence",
919
- "VStack"
920
- ],
921
- "internalComponentProps": {
922
- "Icon": {
923
- "variant": ["fill"],
924
- "size": ["sm"],
925
- "color": ["primary"]
926
- },
927
- "SpringMotionConfig": {
928
- "layoutVariant": ["smooth"],
929
- "layoutSpeed": ["3"]
930
- },
931
- "Pressable": {
932
- "display": ["flex"],
933
- "flexDirection": ["row"],
934
- "alignItems": ["center"],
935
- "justifyContent": ["space-between"],
936
- "borderRadius": ["md"]
937
- },
938
- "Text": {
939
- "variant": ["title4"],
940
- "color": ["primary"]
941
- },
942
- "HStack": {
943
- "display": ["flex"],
944
- "alignItems": ["center"],
945
- "justifyContent": ["space-between"],
946
- "columnGap": ["2.5"]
947
- }
948
- },
949
- "propToVariantKeys": {},
950
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
951
- };
952
984
  var AvatarImage = {
953
985
  "name": "AvatarImage",
954
986
  "defaultProps": {
@@ -1006,287 +1038,157 @@ var AvatarText = {
1006
1038
  "propToVariantKeys": {},
1007
1039
  "motionVarPrefixes": []
1008
1040
  };
1009
- var Avatar = {
1010
- "name": "Avatar",
1041
+ var BottomSheet = {
1042
+ "name": "BottomSheet",
1043
+ "defaultProps": { "variant": "default" },
1044
+ "getStylesLiterals": {},
1045
+ "cxLiterals": [
1046
+ "fixed",
1047
+ "overflow-hidden",
1048
+ "inset-x-0",
1049
+ "bottom-0",
1050
+ "z-50",
1051
+ "[will-change:transform]",
1052
+ "touch-none",
1053
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1054
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1055
+ "transition-transform",
1056
+ "duration-500",
1057
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1058
+ "motion-reduce:transition-none",
1059
+ "top-[-4px]",
1060
+ "z-[1]",
1061
+ "touch-pan-y"
1062
+ ],
1063
+ "internalComponents": [
1064
+ "Scrim",
1065
+ "BottomSheetHandle",
1066
+ "Dialog",
1067
+ "Box",
1068
+ "BottomSheetInternalContext.Provider"
1069
+ ],
1070
+ "internalComponentProps": {
1071
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1072
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1073
+ "Box": {
1074
+ "display": ["block", "flex"],
1075
+ "position": ["absolute"],
1076
+ "flexDirection": ["column"],
1077
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1078
+ }
1079
+ },
1080
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1081
+ "motionVarPrefixes": []
1082
+ };
1083
+ var BottomSheetContent = {
1084
+ "name": "BottomSheetContent",
1085
+ "defaultProps": {},
1086
+ "getStylesLiterals": {},
1087
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1088
+ "internalComponents": ["Box", "VStack"],
1089
+ "internalComponentProps": {
1090
+ "Box": {
1091
+ "display": ["block"],
1092
+ "flex": ["1"]
1093
+ },
1094
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1095
+ },
1096
+ "propToVariantKeys": {},
1097
+ "motionVarPrefixes": []
1098
+ };
1099
+ var BottomSheetDismiss = {
1100
+ "name": "BottomSheetDismiss",
1011
1101
  "defaultProps": {},
1012
1102
  "getStylesLiterals": {},
1013
1103
  "cxLiterals": [],
1014
- "internalComponents": ["AvatarImage"],
1104
+ "internalComponents": ["AriakitDialogDismiss"],
1015
1105
  "internalComponentProps": {},
1016
1106
  "propToVariantKeys": {},
1017
1107
  "motionVarPrefixes": []
1018
1108
  };
1019
- var AvatarIcon = {
1020
- "name": "AvatarIcon",
1021
- "defaultProps": {
1022
- "size": "md",
1023
- "variant": "primary"
1024
- },
1109
+ var BottomSheetHandle = {
1110
+ "name": "BottomSheetHandle",
1111
+ "defaultProps": {},
1025
1112
  "getStylesLiterals": {},
1026
1113
  "cxLiterals": [
1027
- "overflow-hidden",
1114
+ "relative",
1115
+ "h-5",
1116
+ "w-16",
1117
+ "outline-none",
1118
+ "focus-visible:outline-none",
1119
+ "[touch-action:pan-y]",
1120
+ "absolute",
1121
+ "left-1/2",
1122
+ "top-1/2",
1123
+ "-translate-x-1/2",
1124
+ "-translate-y-1/2",
1125
+ "h-1",
1126
+ "w-8",
1127
+ "rounded-full",
1128
+ "bg-accent"
1129
+ ],
1130
+ "internalComponents": ["Box"],
1131
+ "internalComponentProps": { "Box": {
1132
+ "display": ["block", "flex"],
1133
+ "justifyContent": ["center"]
1134
+ } },
1135
+ "propToVariantKeys": {},
1136
+ "motionVarPrefixes": []
1137
+ };
1138
+ var BottomSheetHeader = {
1139
+ "name": "BottomSheetHeader",
1140
+ "defaultProps": { "variant": "default" },
1141
+ "getStylesLiterals": {},
1142
+ "cxLiterals": [
1143
+ "grid-cols-[40px_1fr_40px]",
1144
+ "items-center",
1028
1145
  "w-full",
1029
- "h-full",
1030
- "shrink-0",
1031
- "text-center",
1032
- "inline-flex",
1033
- "justify-center",
1034
- "items-center"
1146
+ "min-h-10",
1147
+ "mt-2"
1035
1148
  ],
1036
- "internalComponents": ["IconSlot", "Box"],
1037
- "internalComponentProps": {},
1038
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1149
+ "internalComponents": ["Box", "Text"],
1150
+ "internalComponentProps": {
1151
+ "Box": {
1152
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1153
+ "display": ["grid", "flex"],
1154
+ "justifyContent": ["flex-start", "flex-end"]
1155
+ },
1156
+ "Text": {
1157
+ "variant": ["inherit"],
1158
+ "color": ["inherit"],
1159
+ "textAlign": ["center"],
1160
+ "className": ["w-full"]
1161
+ }
1162
+ },
1163
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1039
1164
  "motionVarPrefixes": []
1040
1165
  };
1041
- var UDSPopoverConfigProvider = {
1042
- "name": "UDSPopoverConfigProvider",
1166
+ var BottomSheetInternalContext = {
1167
+ "name": "BottomSheetInternalContext",
1043
1168
  "defaultProps": {},
1044
1169
  "getStylesLiterals": {},
1045
1170
  "cxLiterals": [],
1046
- "internalComponents": ["PopoverContext.Provider"],
1171
+ "internalComponents": [],
1047
1172
  "internalComponentProps": {},
1048
1173
  "propToVariantKeys": {},
1049
1174
  "motionVarPrefixes": []
1050
1175
  };
1051
- var Popover = {
1052
- "name": "Popover",
1176
+ var BottomSheetProvider = {
1177
+ "name": "BottomSheetProvider",
1053
1178
  "defaultProps": {},
1054
1179
  "getStylesLiterals": {},
1055
1180
  "cxLiterals": [],
1056
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1181
+ "internalComponents": ["AriakitDialogProvider"],
1057
1182
  "internalComponentProps": {},
1058
1183
  "propToVariantKeys": {},
1059
1184
  "motionVarPrefixes": []
1060
1185
  };
1061
- var PopoverContext = {
1062
- "name": "PopoverContext",
1186
+ var BottomSheetTrigger = {
1187
+ "name": "BottomSheetTrigger",
1063
1188
  "defaultProps": {},
1064
1189
  "getStylesLiterals": {},
1065
1190
  "cxLiterals": [],
1066
- "internalComponents": [],
1067
- "internalComponentProps": {},
1068
- "propToVariantKeys": {},
1069
- "motionVarPrefixes": []
1070
- };
1071
- var PopoverTrigger = {
1072
- "name": "PopoverTrigger",
1073
- "defaultProps": {},
1074
- "getStylesLiterals": {},
1075
- "cxLiterals": [],
1076
- "internalComponents": ["PopoverDisclosure"],
1077
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1078
- "propToVariantKeys": { "children": ["render"] },
1079
- "motionVarPrefixes": []
1080
- };
1081
- var PopoverContent = {
1082
- "name": "PopoverContent",
1083
- "defaultProps": {},
1084
- "getStylesLiterals": {
1085
- "popoverSizeRoot": "default",
1086
- "popoverVariantRoot": "default",
1087
- "display": "flex",
1088
- "position": "absolute",
1089
- "spacingTop": "0",
1090
- "spacingStart": "0",
1091
- "spacingBottom": "0",
1092
- "spacingEnd": "0",
1093
- "popoverSizeSvgBase": "default",
1094
- "popoverVariantSvgBase": "default",
1095
- "popoverSizeSvgBorder": "default",
1096
- "popoverVariantSvgBorder": "default",
1097
- "popoverVariantBlur": "default",
1098
- "width": "full",
1099
- "height": "full",
1100
- "flexShrink": "0",
1101
- "borderRadius": "full",
1102
- "alignItems": "center",
1103
- "justifyContent": "center",
1104
- "popoverVariantCloseIcon": "default",
1105
- "popoverSizeCloseIcon": "default"
1106
- },
1107
- "cxLiterals": [
1108
- "z-[9999]",
1109
- "outline-none",
1110
- "focus-visible:outline-none",
1111
- "uds-bgBlurFillFallback",
1112
- "uds-bgBlurFallback",
1113
- "top-0",
1114
- "left-0",
1115
- "z-[1]",
1116
- "duration-0",
1117
- "duration-120",
1118
- "transition-[background-color]",
1119
- "bg-carbon-15/0",
1120
- "hover:bg-carbon-15/10",
1121
- "active:bg-carbon-15/15",
1122
- "uds-ring",
1123
- "absolute",
1124
- "z-[4]"
1125
- ],
1126
- "internalComponents": [
1127
- "PopoverDismiss",
1128
- "IconSlot",
1129
- "PopoverArrow",
1130
- "Popover",
1131
- "SvgFloatingOverlay",
1132
- "Box",
1133
- "Pressable"
1134
- ],
1135
- "internalComponentProps": {},
1136
- "propToVariantKeys": { "closeIcon": ["icon"] },
1137
- "motionVarPrefixes": []
1138
- };
1139
- var BottomSheetContent = {
1140
- "name": "BottomSheetContent",
1141
- "defaultProps": {},
1142
- "getStylesLiterals": {},
1143
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1144
- "internalComponents": ["Box", "VStack"],
1145
- "internalComponentProps": {
1146
- "Box": {
1147
- "display": ["block"],
1148
- "flex": ["1"]
1149
- },
1150
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1151
- },
1152
- "propToVariantKeys": {},
1153
- "motionVarPrefixes": []
1154
- };
1155
- var BottomSheetDismiss = {
1156
- "name": "BottomSheetDismiss",
1157
- "defaultProps": {},
1158
- "getStylesLiterals": {},
1159
- "cxLiterals": [],
1160
- "internalComponents": ["AriakitDialogDismiss"],
1161
- "internalComponentProps": {},
1162
- "propToVariantKeys": {},
1163
- "motionVarPrefixes": []
1164
- };
1165
- var BottomSheet = {
1166
- "name": "BottomSheet",
1167
- "defaultProps": { "variant": "default" },
1168
- "getStylesLiterals": {},
1169
- "cxLiterals": [
1170
- "fixed",
1171
- "overflow-hidden",
1172
- "inset-x-0",
1173
- "bottom-0",
1174
- "z-50",
1175
- "[will-change:transform]",
1176
- "touch-none",
1177
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1178
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1179
- "transition-transform",
1180
- "duration-500",
1181
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1182
- "motion-reduce:transition-none",
1183
- "top-[-4px]",
1184
- "z-[1]",
1185
- "touch-pan-y"
1186
- ],
1187
- "internalComponents": [
1188
- "Scrim",
1189
- "BottomSheetHandle",
1190
- "Dialog",
1191
- "Box",
1192
- "BottomSheetInternalContext.Provider"
1193
- ],
1194
- "internalComponentProps": {
1195
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1196
- "Dialog": { "data-testid": ["bottom-sheet"] },
1197
- "Box": {
1198
- "display": ["block", "flex"],
1199
- "position": ["absolute"],
1200
- "flexDirection": ["column"],
1201
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1202
- }
1203
- },
1204
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1205
- "motionVarPrefixes": []
1206
- };
1207
- var BottomSheetHandle = {
1208
- "name": "BottomSheetHandle",
1209
- "defaultProps": {},
1210
- "getStylesLiterals": {},
1211
- "cxLiterals": [
1212
- "relative",
1213
- "h-5",
1214
- "w-16",
1215
- "outline-none",
1216
- "focus-visible:outline-none",
1217
- "[touch-action:pan-y]",
1218
- "absolute",
1219
- "left-1/2",
1220
- "top-1/2",
1221
- "-translate-x-1/2",
1222
- "-translate-y-1/2",
1223
- "h-1",
1224
- "w-8",
1225
- "rounded-full",
1226
- "bg-accent"
1227
- ],
1228
- "internalComponents": ["Box"],
1229
- "internalComponentProps": { "Box": {
1230
- "display": ["block", "flex"],
1231
- "justifyContent": ["center"]
1232
- } },
1233
- "propToVariantKeys": {},
1234
- "motionVarPrefixes": []
1235
- };
1236
- var BottomSheetInternalContext = {
1237
- "name": "BottomSheetInternalContext",
1238
- "defaultProps": {},
1239
- "getStylesLiterals": {},
1240
- "cxLiterals": [],
1241
- "internalComponents": [],
1242
- "internalComponentProps": {},
1243
- "propToVariantKeys": {},
1244
- "motionVarPrefixes": []
1245
- };
1246
- var BottomSheetHeader = {
1247
- "name": "BottomSheetHeader",
1248
- "defaultProps": { "variant": "default" },
1249
- "getStylesLiterals": {},
1250
- "cxLiterals": [
1251
- "grid-cols-[40px_1fr_40px]",
1252
- "items-center",
1253
- "w-full",
1254
- "min-h-10",
1255
- "mt-2"
1256
- ],
1257
- "internalComponents": ["Box", "Text"],
1258
- "internalComponentProps": {
1259
- "Box": {
1260
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1261
- "display": ["grid", "flex"],
1262
- "justifyContent": ["flex-start", "flex-end"]
1263
- },
1264
- "Text": {
1265
- "variant": ["inherit"],
1266
- "color": ["inherit"],
1267
- "textAlign": ["center"],
1268
- "className": ["w-full"]
1269
- }
1270
- },
1271
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1272
- "motionVarPrefixes": []
1273
- };
1274
- var BottomSheetTrigger = {
1275
- "name": "BottomSheetTrigger",
1276
- "defaultProps": {},
1277
- "getStylesLiterals": {},
1278
- "cxLiterals": [],
1279
- "internalComponents": ["AriakitDialogDisclosure"],
1280
- "internalComponentProps": {},
1281
- "propToVariantKeys": {},
1282
- "motionVarPrefixes": []
1283
- };
1284
- var BottomSheetProvider = {
1285
- "name": "BottomSheetProvider",
1286
- "defaultProps": {},
1287
- "getStylesLiterals": {},
1288
- "cxLiterals": [],
1289
- "internalComponents": ["AriakitDialogProvider"],
1191
+ "internalComponents": ["AriakitDialogDisclosure"],
1290
1192
  "internalComponentProps": {},
1291
1193
  "propToVariantKeys": {},
1292
1194
  "motionVarPrefixes": []
@@ -1301,272 +1203,115 @@ var UDSBottomSheetConfigProvider = {
1301
1203
  "propToVariantKeys": {},
1302
1204
  "motionVarPrefixes": []
1303
1205
  };
1304
- var UDSToastConfigProvider = {
1305
- "name": "UDSToastConfigProvider",
1206
+ var Chip = {
1207
+ "name": "Chip",
1306
1208
  "defaultProps": {},
1307
1209
  "getStylesLiterals": {},
1308
1210
  "cxLiterals": [],
1309
- "internalComponents": ["ToastContext.Provider"],
1211
+ "internalComponents": [
1212
+ "ChipDismissible",
1213
+ "ChipToggle",
1214
+ "ChipLink",
1215
+ "ChipButton"
1216
+ ],
1310
1217
  "internalComponentProps": {},
1311
1218
  "propToVariantKeys": {},
1312
1219
  "motionVarPrefixes": []
1313
1220
  };
1314
- var Toast = {
1315
- "name": "Toast",
1316
- "defaultProps": {},
1317
- "getStylesLiterals": {
1318
- "className": "flex-none",
1319
- "spacing": "2",
1320
- "borderRadius": "full"
1221
+ var ChipBase = {
1222
+ "name": "ChipBase",
1223
+ "defaultProps": {
1224
+ "size": "md",
1225
+ "as": "div"
1321
1226
  },
1227
+ "getStylesLiterals": {},
1322
1228
  "cxLiterals": [
1323
- "duration-0",
1324
- "duration-120",
1325
- "transition-[background-color]",
1326
- "bg-carbon-15/0",
1327
- "hover:bg-carbon-15/10",
1328
- "active:bg-carbon-15/15",
1329
- "uds-ring"
1229
+ "pointer-events-none",
1230
+ "cursor-default",
1231
+ "opacity-50",
1232
+ "inline-flex",
1233
+ "items-center",
1234
+ "transition-[background-color,outline-color,box-shadow]",
1235
+ "truncate",
1236
+ "whitespace-nowrap",
1237
+ "text-center",
1238
+ "flex-1"
1330
1239
  ],
1331
1240
  "internalComponents": [
1332
1241
  "IconSlot",
1333
- "ToastContainer",
1334
- "Text",
1335
- "Button",
1336
- "Pressable"
1242
+ "HStack",
1243
+ "As",
1244
+ "Text"
1337
1245
  ],
1338
- "internalComponentProps": {},
1339
- "propToVariantKeys": {
1340
- "size": [
1341
- "toastSizeLabel",
1342
- "toastSizeIcon",
1343
- "toastSizeActionButton",
1344
- "toastSizeCloseIcon"
1345
- ],
1346
- "variant": [
1347
- "toastVariantIcon",
1348
- "toastVariantActionButton",
1349
- "toastVariantCloseIcon"
1350
- ],
1351
- "closeIcon": ["icon"],
1352
- "onClickActionButton": ["onClick"]
1353
- },
1354
- "motionVarPrefixes": []
1355
- };
1356
- var ToastContainer = {
1357
- "name": "ToastContainer",
1358
- "defaultProps": {},
1359
- "getStylesLiterals": {
1360
- "position": "relative",
1361
- "alignItems": "center",
1362
- "display": "flex",
1363
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1364
- },
1365
- "cxLiterals": ["w-full"],
1366
- "internalComponents": ["HStack"],
1367
- "internalComponentProps": { "HStack": {
1368
- "alignItems": ["center"],
1369
- "justifyContent": ["space-between"],
1370
- "overflow": ["hidden"],
1371
- "position": ["relative"]
1246
+ "internalComponentProps": { "Text": {
1247
+ "as": ["span"],
1248
+ "color": ["current"],
1249
+ "variant": ["inherit"]
1372
1250
  } },
1373
1251
  "propToVariantKeys": {
1374
- "variant": ["toastVariantRoot"],
1375
- "size": ["toastSizeRoot"]
1252
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1253
+ "startIcon": ["icon"],
1254
+ "endIcon": ["icon"]
1376
1255
  },
1377
1256
  "motionVarPrefixes": []
1378
1257
  };
1379
- var ToastPortal = {
1380
- "name": "ToastPortal",
1381
- "defaultProps": {},
1382
- "getStylesLiterals": {},
1383
- "cxLiterals": [],
1384
- "internalComponents": ["ReactToastifyToastContainer"],
1385
- "internalComponentProps": {},
1386
- "propToVariantKeys": {},
1387
- "motionVarPrefixes": []
1388
- };
1389
- var UDSTooltipConfigProvider = {
1390
- "name": "UDSTooltipConfigProvider",
1391
- "defaultProps": {},
1258
+ var ChipButton = {
1259
+ "name": "ChipButton",
1260
+ "defaultProps": { "variant": "primary" },
1392
1261
  "getStylesLiterals": {},
1393
- "cxLiterals": [],
1394
- "internalComponents": ["TooltipContext.Provider"],
1395
- "internalComponentProps": {},
1396
- "propToVariantKeys": {},
1262
+ "cxLiterals": ["uds-ring"],
1263
+ "internalComponents": ["ChipBase"],
1264
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1265
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1397
1266
  "motionVarPrefixes": []
1398
1267
  };
1399
- var TooltipTrigger = {
1400
- "name": "TooltipTrigger",
1401
- "defaultProps": {},
1268
+ var ChipDismissible = {
1269
+ "name": "ChipDismissible",
1270
+ "defaultProps": { "variant": "primary" },
1402
1271
  "getStylesLiterals": {},
1403
- "cxLiterals": [],
1404
- "internalComponents": ["TooltipAnchor"],
1405
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1406
- "propToVariantKeys": { "children": ["render"] },
1407
- "motionVarPrefixes": []
1408
- };
1409
- var TooltipContent = {
1410
- "name": "TooltipContent",
1411
- "defaultProps": {},
1412
- "getStylesLiterals": {
1413
- "tooltipSizeRoot": "default",
1414
- "tooltipVariantRoot": "default",
1415
- "tooltipSizeSvg": "default",
1416
- "tooltipVariantSvg": "default",
1417
- "tooltipVariantBlur": "default",
1418
- "position": "absolute",
1419
- "width": "full",
1420
- "height": "full",
1421
- "tooltipSizeTitle": "default",
1422
- "tooltipSizeBody": "default",
1423
- "tooltipSizeEndContent": "default",
1424
- "tooltipSizeIcon": "default",
1425
- "tooltipVariantIcon": "default"
1426
- },
1427
1272
  "cxLiterals": [
1428
- "max-w-lg",
1429
- "flex",
1430
- "z-[9999]",
1431
- "uds-bgBlurFillFallback",
1432
- "uds-bgBlurFallback",
1433
- "top-0",
1434
- "left-0",
1435
- "z-[1]"
1273
+ "uds-chip-dismissible-button",
1274
+ "uds-hit-target",
1275
+ "uds-ring",
1276
+ "rounded-full"
1436
1277
  ],
1437
1278
  "internalComponents": [
1279
+ "ChipBase",
1438
1280
  "IconSlot",
1439
- "TooltipArrow",
1440
- "Tooltip",
1441
- "SvgFloatingOverlay",
1442
- "VStack",
1443
- "Box",
1444
- "Text"
1445
- ],
1446
- "internalComponentProps": {
1447
- "VStack": { "className": ["gap-[inherit]"] },
1448
- "Box": {
1449
- "alignItems": ["center"],
1450
- "columnGap": ["1", "1.5"]
1451
- },
1452
- "Text": { "color": ["inherit"] }
1453
- },
1454
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1455
- "motionVarPrefixes": []
1456
- };
1457
- var Tooltip = {
1458
- "name": "Tooltip",
1459
- "defaultProps": {},
1460
- "getStylesLiterals": {},
1461
- "cxLiterals": [],
1462
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1463
- "internalComponentProps": {},
1464
- "propToVariantKeys": {},
1465
- "motionVarPrefixes": []
1466
- };
1467
- var RadioGroupStore = {
1468
- "name": "RadioGroupStore",
1469
- "defaultProps": {},
1470
- "getStylesLiterals": {},
1471
- "cxLiterals": [],
1472
- "internalComponents": [],
1281
+ "Pressable"
1282
+ ],
1473
1283
  "internalComponentProps": {},
1474
- "propToVariantKeys": {},
1284
+ "propToVariantKeys": {
1285
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1286
+ "dismissButtonAriaLabel": ["aria-label"]
1287
+ },
1475
1288
  "motionVarPrefixes": []
1476
1289
  };
1477
- var RadioGroupProvider = {
1478
- "name": "RadioGroupProvider",
1479
- "defaultProps": {},
1290
+ var ChipLink = {
1291
+ "name": "ChipLink",
1292
+ "defaultProps": { "variant": "primary" },
1480
1293
  "getStylesLiterals": {},
1481
- "cxLiterals": [],
1482
- "internalComponents": [
1483
- "DivProps",
1484
- "Comp",
1485
- "RadioGroupContext.Provider"
1486
- ],
1487
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1488
- "propToVariantKeys": {},
1294
+ "cxLiterals": ["uds-ring"],
1295
+ "internalComponents": ["ChipBase"],
1296
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1297
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1489
1298
  "motionVarPrefixes": []
1490
1299
  };
1491
- var Radio = {
1492
- "name": "Radio",
1300
+ var ChipToggle = {
1301
+ "name": "ChipToggle",
1493
1302
  "defaultProps": {
1494
- "labelPosition": "start",
1495
1303
  "variant": "primary",
1496
- "size": "md",
1497
- "value": ""
1304
+ "role": "checkbox"
1498
1305
  },
1499
1306
  "getStylesLiterals": {
1500
- "radioVariantValueRoot": "checked",
1501
- "radioVariantValueRoot:1": "unchecked",
1502
- "display": "flex",
1503
- "flexDirection": "row",
1504
- "flexDirection:1": "row-reverse",
1505
- "alignItems": "center",
1506
- "radioVariantValueRadio": "checked",
1507
- "radioVariantValueRadio:1": "unchecked",
1508
- "radioVariantValueRadioCircle": "checked",
1509
- "radioVariantValueRadioCircle:1": "unchecked"
1510
- },
1511
- "cxLiterals": [
1512
- "cursor-pointer",
1513
- "cursor-default",
1514
- "opacity-50",
1515
- "border",
1516
- "uds-ring",
1517
- "uds-ring-within",
1518
- "transition-[background-color,border-color]",
1519
- "transition-shadow",
1520
- "pointer-events-none",
1521
- "w-[8px]",
1522
- "h-[8px]",
1523
- "transition-opacity",
1524
- "cursor-[inherit]",
1525
- "absolute",
1526
- "opacity-0",
1527
- "top-1/2",
1528
- "left-1/2",
1529
- "w-[calc(100%+2px)]",
1530
- "h-[calc(100%+2px)]",
1531
- "transform",
1532
- "translate-x-[-50%]",
1533
- "translate-y-[-50%]",
1534
- "text-start",
1535
- "text-end"
1536
- ],
1537
- "internalComponents": [
1538
- "Box",
1539
- "FormLabel",
1540
- "SpringMotionConfig",
1541
- "RootElement",
1542
- "MotionBox"
1543
- ],
1544
- "internalComponentProps": {
1545
- "Box": { "borderRadius": ["full"] },
1546
- "FormLabel": {
1547
- "as": ["div"],
1548
- "variant": ["inherit"],
1549
- "color": ["inherit"]
1550
- },
1551
- "RootElement": { "data-testid": ["container"] },
1552
- "MotionBox": {
1553
- "position": ["relative"],
1554
- "borderRadius": ["full"],
1555
- "alignItems": ["center"],
1556
- "justifyContent": ["center"],
1557
- "flex": ["none"]
1558
- }
1559
- },
1560
- "propToVariantKeys": {
1561
- "size": ["radioSizeRoot", "radioSizeRadio"],
1562
- "variant": [
1563
- "radioVariantRoot",
1564
- "radioVariantRadio",
1565
- "radioVariantRadioCircle"
1566
- ],
1567
- "reduceMotion": ["reducedMotion"]
1307
+ "chipToggleVariantActiveRoot": "on",
1308
+ "chipToggleVariantActiveRoot:1": "off"
1568
1309
  },
1569
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1310
+ "cxLiterals": ["uds-ring"],
1311
+ "internalComponents": ["ChipBase"],
1312
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1313
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1314
+ "motionVarPrefixes": []
1570
1315
  };
1571
1316
  var Input = {
1572
1317
  "name": "Input",
@@ -1602,499 +1347,754 @@ var Input = {
1602
1347
  "inputVariantValueEndIcon:1": "filled"
1603
1348
  },
1604
1349
  "cxLiterals": [
1605
- "opacity-50",
1606
- "min-w-[200px]",
1607
- "grow",
1608
- "uds-hit-target",
1609
- "bg-clip-text",
1610
- "focus:outline-none",
1611
- "cursor-text",
1612
- "cursor-not-allowed"
1350
+ "opacity-50",
1351
+ "min-w-[200px]",
1352
+ "grow",
1353
+ "uds-hit-target",
1354
+ "bg-clip-text",
1355
+ "focus:outline-none",
1356
+ "cursor-text",
1357
+ "cursor-not-allowed"
1358
+ ],
1359
+ "internalComponents": [
1360
+ "IconSlot",
1361
+ "StartIcon",
1362
+ "EndIcon",
1363
+ "HelpTextContent",
1364
+ "Box",
1365
+ "InputHelpTextInternal",
1366
+ "VStack",
1367
+ "HStack",
1368
+ "AnimateHeightChange"
1369
+ ],
1370
+ "internalComponentProps": {
1371
+ "HelpTextContent": { "spacingTop": ["2"] },
1372
+ "Box": {
1373
+ "spacingBottom": ["2"],
1374
+ "columnGap": ["0.5"],
1375
+ "alignItems": ["flex-end", "center"],
1376
+ "position": ["relative"]
1377
+ },
1378
+ "HStack": {
1379
+ "alignItems": ["center"],
1380
+ "gap": ["1"]
1381
+ }
1382
+ },
1383
+ "propToVariantKeys": {
1384
+ "size": [
1385
+ "inputSizeRoot",
1386
+ "inputSizeInputWrapper",
1387
+ "inputSizeInput",
1388
+ "inputSizeLabel",
1389
+ "inputSizeStartIcon",
1390
+ "inputSizeEndIcon"
1391
+ ],
1392
+ "startIcon": ["icon"],
1393
+ "endIcon": ["icon"],
1394
+ "helperTextIcon": ["startIcon"]
1395
+ },
1396
+ "motionVarPrefixes": []
1397
+ };
1398
+ var InputHelpText = {
1399
+ "name": "InputHelpText",
1400
+ "defaultProps": { "size": "md" },
1401
+ "getStylesLiterals": {
1402
+ "inputVariantRoot": "default",
1403
+ "inputVariantValueRoot": "empty",
1404
+ "inputVariantValueRoot:1": "filled"
1405
+ },
1406
+ "cxLiterals": [],
1407
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1408
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1409
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1410
+ "motionVarPrefixes": []
1411
+ };
1412
+ var InputHelpTextInternal = {
1413
+ "name": "InputHelpTextInternal",
1414
+ "defaultProps": {},
1415
+ "getStylesLiterals": {
1416
+ "inputVariantHelperText": "default",
1417
+ "inputVariantValueHelperText": "empty",
1418
+ "inputVariantValueHelperText:1": "filled",
1419
+ "inputVariantHelperIcon": "default",
1420
+ "inputVariantValueHelperIcon": "empty",
1421
+ "inputVariantValueHelperIcon:1": "filled"
1422
+ },
1423
+ "cxLiterals": [],
1424
+ "internalComponents": ["IconSlot", "HStack"],
1425
+ "internalComponentProps": { "HStack": {
1426
+ "gap": ["1"],
1427
+ "alignItems": ["center"]
1428
+ } },
1429
+ "propToVariantKeys": {
1430
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1431
+ "startIcon": ["icon"],
1432
+ "endIcon": ["icon"]
1433
+ },
1434
+ "motionVarPrefixes": []
1435
+ };
1436
+ var Menu_Content = {
1437
+ "name": "Menu.Content",
1438
+ "defaultProps": {
1439
+ "size": "default",
1440
+ "variant": "default",
1441
+ "gutter": "1"
1442
+ },
1443
+ "getStylesLiterals": {},
1444
+ "cxLiterals": [
1445
+ "uds-menu-content",
1446
+ "transition-shadow",
1447
+ "duration-200",
1448
+ "ease-in-out",
1449
+ "min-w-60",
1450
+ "max-w-lg",
1451
+ "max-h-96",
1452
+ "overflow-auto",
1453
+ "uds-ring",
1454
+ "z-10",
1455
+ "group"
1456
+ ],
1457
+ "internalComponents": [
1458
+ "AriakitMenu",
1459
+ "AnimatePresence",
1460
+ "MotionVStack"
1461
+ ],
1462
+ "internalComponentProps": {},
1463
+ "propToVariantKeys": {
1464
+ "size": ["menucontentSizeRoot"],
1465
+ "variant": ["menucontentVariantRoot"]
1466
+ },
1467
+ "motionVarPrefixes": []
1468
+ };
1469
+ var Menu_Divider = {
1470
+ "name": "Menu.Divider",
1471
+ "defaultProps": {
1472
+ "role": "separator",
1473
+ "contentPosition": "start",
1474
+ "gap": "4"
1475
+ },
1476
+ "getStylesLiterals": {
1477
+ "menuitemDividerVariantRoot": "default",
1478
+ "menuitemDividerVariantText": "default",
1479
+ "menuitemDividerVariantLine": "default"
1480
+ },
1481
+ "cxLiterals": [],
1482
+ "internalComponents": ["DividerInternal"],
1483
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1484
+ "propToVariantKeys": {},
1485
+ "motionVarPrefixes": []
1486
+ };
1487
+ var Menu_Item = {
1488
+ "name": "Menu.Item",
1489
+ "defaultProps": {},
1490
+ "getStylesLiterals": {
1491
+ "menuitemItemVariantRoot": "default",
1492
+ "menuitemItemVariantActiveRoot": "on",
1493
+ "menuitemItemVariantActiveRoot:1": "off",
1494
+ "menuitemItemVariantText": "default",
1495
+ "menuitemItemVariantActiveText": "on",
1496
+ "menuitemItemVariantActiveText:1": "off",
1497
+ "menuitemItemVariantIcon": "default",
1498
+ "menuitemItemVariantActiveIcon": "on",
1499
+ "menuitemItemVariantActiveIcon:1": "off"
1500
+ },
1501
+ "cxLiterals": [],
1502
+ "internalComponents": ["MenuItemBase"],
1503
+ "internalComponentProps": {},
1504
+ "propToVariantKeys": {},
1505
+ "motionVarPrefixes": []
1506
+ };
1507
+ var Menu_ItemBase = {
1508
+ "name": "Menu.ItemBase",
1509
+ "defaultProps": {
1510
+ "spacing": "0",
1511
+ "spacingHorizontal": "4",
1512
+ "spacingVertical": "3.5",
1513
+ "columnGap": "2",
1514
+ "alignItems": "center",
1515
+ "justifyContent": "space-between"
1516
+ },
1517
+ "getStylesLiterals": {
1518
+ "textAlign": "start",
1519
+ "menuitemSizeRoot": "default",
1520
+ "flexDirection": "row",
1521
+ "menuitemSizeStartIcon": "default",
1522
+ "menuitemSizeEndIcon": "default"
1523
+ },
1524
+ "cxLiterals": [
1525
+ "flex",
1526
+ "focus-visible:text-brand",
1527
+ "focus-visible:bg-brand-secondary",
1528
+ "focus-visible:z-10",
1529
+ "uds-ring",
1530
+ "!-outline-offset-2",
1531
+ "[&:not([aria-checked])]:cursor-default",
1532
+ "opacity-25",
1533
+ "cursor-not-allowed",
1534
+ "duration-20",
1535
+ "transition-[font-variation-settings]",
1536
+ "ease-in-out",
1537
+ "z-0",
1538
+ "uds-start-icon",
1539
+ "uds-end-icon"
1613
1540
  ],
1614
1541
  "internalComponents": [
1542
+ "Pressable",
1615
1543
  "IconSlot",
1616
- "StartIcon",
1617
- "EndIcon",
1618
- "HelpTextContent",
1619
- "Box",
1620
- "InputHelpTextInternal",
1621
- "VStack",
1544
+ "RootComponent",
1622
1545
  "HStack",
1623
- "AnimateHeightChange"
1546
+ "AnimatePresence"
1624
1547
  ],
1625
1548
  "internalComponentProps": {
1626
- "HelpTextContent": { "spacingTop": ["2"] },
1627
- "Box": {
1628
- "spacingBottom": ["2"],
1629
- "columnGap": ["0.5"],
1630
- "alignItems": ["flex-end", "center"],
1631
- "position": ["relative"]
1632
- },
1633
1549
  "HStack": {
1634
1550
  "alignItems": ["center"],
1635
- "gap": ["1"]
1636
- }
1551
+ "width": ["full"]
1552
+ },
1553
+ "AnimatePresence": { "mode": ["popLayout"] }
1637
1554
  },
1638
1555
  "propToVariantKeys": {
1639
- "size": [
1640
- "inputSizeRoot",
1641
- "inputSizeInputWrapper",
1642
- "inputSizeInput",
1643
- "inputSizeLabel",
1644
- "inputSizeStartIcon",
1645
- "inputSizeEndIcon"
1646
- ],
1647
1556
  "startIcon": ["icon"],
1648
1557
  "endIcon": ["icon"],
1649
- "helperTextIcon": ["startIcon"]
1558
+ "columnGap": ["gap"]
1650
1559
  },
1651
1560
  "motionVarPrefixes": []
1652
1561
  };
1653
- var InputHelpText = {
1654
- "name": "InputHelpText",
1655
- "defaultProps": { "size": "md" },
1562
+ var Menu_ItemCheckbox = {
1563
+ "name": "Menu.ItemCheckbox",
1564
+ "defaultProps": {},
1656
1565
  "getStylesLiterals": {
1657
- "inputVariantRoot": "default",
1658
- "inputVariantValueRoot": "empty",
1659
- "inputVariantValueRoot:1": "filled"
1566
+ "menuitemItemCheckboxVariantRoot": "default",
1567
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1568
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1569
+ "menuitemItemCheckboxVariantText": "default",
1570
+ "menuitemItemCheckboxVariantActiveText": "on",
1571
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1572
+ "menuitemItemCheckboxVariantStartIcon": "default",
1573
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1574
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1575
+ "menuitemItemCheckboxVariantEndIcon": "default",
1576
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1577
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1660
1578
  },
1661
- "cxLiterals": [],
1662
- "internalComponents": ["InputHelpTextInternal", "Box"],
1663
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1664
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1579
+ "cxLiterals": ["uds-menu-item-checkbox"],
1580
+ "internalComponents": ["MenuItemBase"],
1581
+ "internalComponentProps": {},
1582
+ "propToVariantKeys": {},
1665
1583
  "motionVarPrefixes": []
1666
1584
  };
1667
- var InputHelpTextInternal = {
1668
- "name": "InputHelpTextInternal",
1585
+ var Menu_Provider = {
1586
+ "name": "Menu.Provider",
1669
1587
  "defaultProps": {},
1670
- "getStylesLiterals": {
1671
- "inputVariantHelperText": "default",
1672
- "inputVariantValueHelperText": "empty",
1673
- "inputVariantValueHelperText:1": "filled",
1674
- "inputVariantHelperIcon": "default",
1675
- "inputVariantValueHelperIcon": "empty",
1676
- "inputVariantValueHelperIcon:1": "filled"
1677
- },
1588
+ "getStylesLiterals": {},
1678
1589
  "cxLiterals": [],
1679
- "internalComponents": ["IconSlot", "HStack"],
1680
- "internalComponentProps": { "HStack": {
1681
- "gap": ["1"],
1682
- "alignItems": ["center"]
1683
- } },
1684
- "propToVariantKeys": {
1685
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1686
- "startIcon": ["icon"],
1687
- "endIcon": ["icon"]
1688
- },
1590
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1591
+ "internalComponentProps": {},
1592
+ "propToVariantKeys": {},
1593
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1594
+ };
1595
+ var Menu_Trigger = {
1596
+ "name": "Menu.Trigger",
1597
+ "defaultProps": {},
1598
+ "getStylesLiterals": {},
1599
+ "cxLiterals": ["uds-menu-trigger"],
1600
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1601
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1602
+ "propToVariantKeys": {},
1689
1603
  "motionVarPrefixes": []
1690
1604
  };
1691
- var UDSConfigProvider = {
1692
- "name": "UDSConfigProvider",
1605
+ var Menu_index = {
1606
+ "name": "Menu.index",
1693
1607
  "defaultProps": {},
1694
1608
  "getStylesLiterals": {},
1695
1609
  "cxLiterals": [],
1696
- "internalComponents": [
1697
- "UDSBreakpointsConfigProvider",
1698
- "UDSBottomSheetConfigProvider",
1699
- "UDSToastConfigProvider",
1700
- "UDSTooltipConfigProvider",
1701
- "UDSPopoverConfigProvider"
1702
- ],
1610
+ "internalComponents": [],
1703
1611
  "internalComponentProps": {},
1704
1612
  "propToVariantKeys": {},
1705
1613
  "motionVarPrefixes": []
1706
1614
  };
1707
- var UDSBreakpointsConfigProvider = {
1708
- "name": "UDSBreakpointsConfigProvider",
1615
+ var Menu = {
1616
+ "name": "Menu",
1709
1617
  "defaultProps": {},
1710
1618
  "getStylesLiterals": {},
1711
1619
  "cxLiterals": [],
1712
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1620
+ "internalComponents": [],
1713
1621
  "internalComponentProps": {},
1714
1622
  "propToVariantKeys": {},
1715
1623
  "motionVarPrefixes": []
1716
1624
  };
1717
- var ChipLink = {
1718
- "name": "ChipLink",
1719
- "defaultProps": { "variant": "primary" },
1625
+ var Popover = {
1626
+ "name": "Popover",
1627
+ "defaultProps": {},
1720
1628
  "getStylesLiterals": {},
1721
- "cxLiterals": ["uds-ring"],
1722
- "internalComponents": ["ChipBase"],
1723
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1724
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1629
+ "cxLiterals": [],
1630
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1631
+ "internalComponentProps": {},
1632
+ "propToVariantKeys": {},
1725
1633
  "motionVarPrefixes": []
1726
1634
  };
1727
- var ChipDismissible = {
1728
- "name": "ChipDismissible",
1729
- "defaultProps": { "variant": "primary" },
1730
- "getStylesLiterals": {},
1635
+ var PopoverContent = {
1636
+ "name": "PopoverContent",
1637
+ "defaultProps": {},
1638
+ "getStylesLiterals": {
1639
+ "popoverSizeRoot": "default",
1640
+ "popoverVariantRoot": "default",
1641
+ "display": "flex",
1642
+ "position": "absolute",
1643
+ "spacingTop": "0",
1644
+ "spacingStart": "0",
1645
+ "spacingBottom": "0",
1646
+ "spacingEnd": "0",
1647
+ "popoverSizeSvgBase": "default",
1648
+ "popoverVariantSvgBase": "default",
1649
+ "popoverSizeSvgBorder": "default",
1650
+ "popoverVariantSvgBorder": "default",
1651
+ "popoverVariantBlur": "default",
1652
+ "width": "full",
1653
+ "height": "full",
1654
+ "flexShrink": "0",
1655
+ "borderRadius": "full",
1656
+ "alignItems": "center",
1657
+ "justifyContent": "center",
1658
+ "popoverVariantCloseIcon": "default",
1659
+ "popoverSizeCloseIcon": "default"
1660
+ },
1731
1661
  "cxLiterals": [
1732
- "uds-chip-dismissible-button",
1733
- "uds-hit-target",
1662
+ "z-[9999]",
1663
+ "outline-none",
1664
+ "focus-visible:outline-none",
1665
+ "uds-bgBlurFillFallback",
1666
+ "uds-bgBlurFallback",
1667
+ "top-0",
1668
+ "left-0",
1669
+ "z-[1]",
1670
+ "duration-0",
1671
+ "duration-120",
1672
+ "transition-[background-color]",
1673
+ "bg-carbon-15/0",
1674
+ "hover:bg-carbon-15/10",
1675
+ "active:bg-carbon-15/15",
1734
1676
  "uds-ring",
1735
- "rounded-full"
1677
+ "absolute",
1678
+ "z-[4]"
1736
1679
  ],
1737
1680
  "internalComponents": [
1738
- "ChipBase",
1681
+ "PopoverDismiss",
1739
1682
  "IconSlot",
1683
+ "PopoverArrow",
1684
+ "Popover",
1685
+ "SvgFloatingOverlay",
1686
+ "Box",
1740
1687
  "Pressable"
1741
1688
  ],
1742
1689
  "internalComponentProps": {},
1743
- "propToVariantKeys": {
1744
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1745
- "dismissButtonAriaLabel": ["aria-label"]
1746
- },
1690
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1747
1691
  "motionVarPrefixes": []
1748
1692
  };
1749
- var ChipToggle = {
1750
- "name": "ChipToggle",
1751
- "defaultProps": {
1752
- "variant": "primary",
1753
- "role": "checkbox"
1754
- },
1755
- "getStylesLiterals": {
1756
- "chipToggleVariantActiveRoot": "on",
1757
- "chipToggleVariantActiveRoot:1": "off"
1758
- },
1759
- "cxLiterals": ["uds-ring"],
1760
- "internalComponents": ["ChipBase"],
1761
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1762
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1693
+ var PopoverContext = {
1694
+ "name": "PopoverContext",
1695
+ "defaultProps": {},
1696
+ "getStylesLiterals": {},
1697
+ "cxLiterals": [],
1698
+ "internalComponents": [],
1699
+ "internalComponentProps": {},
1700
+ "propToVariantKeys": {},
1763
1701
  "motionVarPrefixes": []
1764
1702
  };
1765
- var Chip = {
1766
- "name": "Chip",
1703
+ var PopoverTrigger = {
1704
+ "name": "PopoverTrigger",
1767
1705
  "defaultProps": {},
1768
1706
  "getStylesLiterals": {},
1769
1707
  "cxLiterals": [],
1770
- "internalComponents": [
1771
- "ChipDismissible",
1772
- "ChipToggle",
1773
- "ChipLink",
1774
- "ChipButton"
1775
- ],
1708
+ "internalComponents": ["PopoverDisclosure"],
1709
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1710
+ "propToVariantKeys": { "children": ["render"] },
1711
+ "motionVarPrefixes": []
1712
+ };
1713
+ var UDSPopoverConfigProvider = {
1714
+ "name": "UDSPopoverConfigProvider",
1715
+ "defaultProps": {},
1716
+ "getStylesLiterals": {},
1717
+ "cxLiterals": [],
1718
+ "internalComponents": ["PopoverContext.Provider"],
1776
1719
  "internalComponentProps": {},
1777
1720
  "propToVariantKeys": {},
1778
1721
  "motionVarPrefixes": []
1779
1722
  };
1780
- var ChipBase = {
1781
- "name": "ChipBase",
1723
+ var Radio = {
1724
+ "name": "Radio",
1782
1725
  "defaultProps": {
1726
+ "labelPosition": "start",
1727
+ "variant": "primary",
1783
1728
  "size": "md",
1784
- "as": "div"
1729
+ "value": ""
1730
+ },
1731
+ "getStylesLiterals": {
1732
+ "radioVariantValueRoot": "checked",
1733
+ "radioVariantValueRoot:1": "unchecked",
1734
+ "display": "flex",
1735
+ "flexDirection": "row",
1736
+ "flexDirection:1": "row-reverse",
1737
+ "alignItems": "center",
1738
+ "radioVariantValueRadio": "checked",
1739
+ "radioVariantValueRadio:1": "unchecked",
1740
+ "radioVariantValueRadioCircle": "checked",
1741
+ "radioVariantValueRadioCircle:1": "unchecked"
1785
1742
  },
1786
- "getStylesLiterals": {},
1787
1743
  "cxLiterals": [
1788
- "pointer-events-none",
1744
+ "cursor-pointer",
1789
1745
  "cursor-default",
1790
1746
  "opacity-50",
1791
- "inline-flex",
1792
- "items-center",
1793
- "transition-[background-color,outline-color,box-shadow]",
1794
- "truncate",
1795
- "whitespace-nowrap",
1796
- "text-center",
1797
- "flex-1"
1747
+ "border",
1748
+ "uds-ring",
1749
+ "uds-ring-within",
1750
+ "transition-[background-color,border-color]",
1751
+ "transition-shadow",
1752
+ "pointer-events-none",
1753
+ "w-[8px]",
1754
+ "h-[8px]",
1755
+ "transition-opacity",
1756
+ "cursor-[inherit]",
1757
+ "absolute",
1758
+ "opacity-0",
1759
+ "top-1/2",
1760
+ "left-1/2",
1761
+ "w-[calc(100%+2px)]",
1762
+ "h-[calc(100%+2px)]",
1763
+ "transform",
1764
+ "translate-x-[-50%]",
1765
+ "translate-y-[-50%]",
1766
+ "text-start",
1767
+ "text-end"
1798
1768
  ],
1799
1769
  "internalComponents": [
1800
- "IconSlot",
1801
- "HStack",
1802
- "As",
1803
- "Text"
1770
+ "Box",
1771
+ "FormLabel",
1772
+ "SpringMotionConfig",
1773
+ "RootElement",
1774
+ "MotionBox"
1804
1775
  ],
1805
- "internalComponentProps": { "Text": {
1806
- "as": ["span"],
1807
- "color": ["current"],
1808
- "variant": ["inherit"]
1809
- } },
1776
+ "internalComponentProps": {
1777
+ "Box": { "borderRadius": ["full"] },
1778
+ "FormLabel": {
1779
+ "as": ["div"],
1780
+ "variant": ["inherit"],
1781
+ "color": ["inherit"]
1782
+ },
1783
+ "RootElement": { "data-testid": ["container"] },
1784
+ "MotionBox": {
1785
+ "position": ["relative"],
1786
+ "borderRadius": ["full"],
1787
+ "alignItems": ["center"],
1788
+ "justifyContent": ["center"],
1789
+ "flex": ["none"]
1790
+ }
1791
+ },
1810
1792
  "propToVariantKeys": {
1811
- "size": ["chipSizeRoot", "chipSizeIcon"],
1812
- "startIcon": ["icon"],
1813
- "endIcon": ["icon"]
1793
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1794
+ "variant": [
1795
+ "radioVariantRoot",
1796
+ "radioVariantRadio",
1797
+ "radioVariantRadioCircle"
1798
+ ],
1799
+ "reduceMotion": ["reducedMotion"]
1814
1800
  },
1815
- "motionVarPrefixes": []
1816
- };
1817
- var ChipButton = {
1818
- "name": "ChipButton",
1819
- "defaultProps": { "variant": "primary" },
1820
- "getStylesLiterals": {},
1821
- "cxLiterals": ["uds-ring"],
1822
- "internalComponents": ["ChipBase"],
1823
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1824
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1825
- "motionVarPrefixes": []
1801
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1826
1802
  };
1827
- var Menu_Item = {
1828
- "name": "Menu.Item",
1803
+ var RadioGroupProvider = {
1804
+ "name": "RadioGroupProvider",
1829
1805
  "defaultProps": {},
1830
- "getStylesLiterals": {
1831
- "menuitemItemVariantRoot": "default",
1832
- "menuitemItemVariantActiveRoot": "on",
1833
- "menuitemItemVariantActiveRoot:1": "off",
1834
- "menuitemItemVariantText": "default",
1835
- "menuitemItemVariantActiveText": "on",
1836
- "menuitemItemVariantActiveText:1": "off",
1837
- "menuitemItemVariantIcon": "default",
1838
- "menuitemItemVariantActiveIcon": "on",
1839
- "menuitemItemVariantActiveIcon:1": "off"
1840
- },
1806
+ "getStylesLiterals": {},
1841
1807
  "cxLiterals": [],
1842
- "internalComponents": ["MenuItemBase"],
1843
- "internalComponentProps": {},
1808
+ "internalComponents": [
1809
+ "DivProps",
1810
+ "Comp",
1811
+ "RadioGroupContext.Provider"
1812
+ ],
1813
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1844
1814
  "propToVariantKeys": {},
1845
1815
  "motionVarPrefixes": []
1846
1816
  };
1847
- var Menu_Provider = {
1848
- "name": "Menu.Provider",
1817
+ var RadioGroupStore = {
1818
+ "name": "RadioGroupStore",
1849
1819
  "defaultProps": {},
1850
1820
  "getStylesLiterals": {},
1851
1821
  "cxLiterals": [],
1852
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1822
+ "internalComponents": [],
1853
1823
  "internalComponentProps": {},
1854
1824
  "propToVariantKeys": {},
1855
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1825
+ "motionVarPrefixes": []
1856
1826
  };
1857
- var Menu_ItemBase = {
1858
- "name": "Menu.ItemBase",
1859
- "defaultProps": {
1860
- "spacing": "0",
1861
- "spacingHorizontal": "4",
1862
- "spacingVertical": "3.5",
1863
- "columnGap": "2",
1864
- "alignItems": "center",
1865
- "justifyContent": "space-between"
1866
- },
1827
+ var Toast = {
1828
+ "name": "Toast",
1829
+ "defaultProps": {},
1867
1830
  "getStylesLiterals": {
1868
- "textAlign": "start",
1869
- "menuitemSizeRoot": "default",
1870
- "flexDirection": "row",
1871
- "menuitemSizeStartIcon": "default",
1872
- "menuitemSizeEndIcon": "default"
1831
+ "className": "flex-none",
1832
+ "spacing": "2",
1833
+ "borderRadius": "full"
1873
1834
  },
1874
1835
  "cxLiterals": [
1875
- "flex",
1876
- "focus-visible:text-brand",
1877
- "focus-visible:bg-brand-secondary",
1878
- "focus-visible:z-10",
1879
- "uds-ring",
1880
- "!-outline-offset-2",
1881
- "[&:not([aria-checked])]:cursor-default",
1882
- "opacity-25",
1883
- "cursor-not-allowed",
1884
- "duration-20",
1885
- "transition-[font-variation-settings]",
1886
- "ease-in-out",
1887
- "z-0",
1888
- "uds-start-icon",
1889
- "uds-end-icon"
1836
+ "duration-0",
1837
+ "duration-120",
1838
+ "transition-[background-color]",
1839
+ "bg-carbon-15/0",
1840
+ "hover:bg-carbon-15/10",
1841
+ "active:bg-carbon-15/15",
1842
+ "uds-ring"
1890
1843
  ],
1891
1844
  "internalComponents": [
1892
- "Pressable",
1893
1845
  "IconSlot",
1894
- "RootComponent",
1895
- "HStack",
1896
- "AnimatePresence"
1846
+ "ToastContainer",
1847
+ "Text",
1848
+ "Button",
1849
+ "Pressable"
1897
1850
  ],
1898
- "internalComponentProps": {
1899
- "HStack": {
1900
- "alignItems": ["center"],
1901
- "width": ["full"]
1902
- },
1903
- "AnimatePresence": { "mode": ["popLayout"] }
1904
- },
1851
+ "internalComponentProps": {},
1905
1852
  "propToVariantKeys": {
1906
- "startIcon": ["icon"],
1907
- "endIcon": ["icon"],
1908
- "columnGap": ["gap"]
1853
+ "size": [
1854
+ "toastSizeLabel",
1855
+ "toastSizeIcon",
1856
+ "toastSizeActionButton",
1857
+ "toastSizeCloseIcon"
1858
+ ],
1859
+ "variant": [
1860
+ "toastVariantIcon",
1861
+ "toastVariantActionButton",
1862
+ "toastVariantCloseIcon"
1863
+ ],
1864
+ "closeIcon": ["icon"],
1865
+ "onClickActionButton": ["onClick"]
1866
+ },
1867
+ "motionVarPrefixes": []
1868
+ };
1869
+ var ToastContainer = {
1870
+ "name": "ToastContainer",
1871
+ "defaultProps": {},
1872
+ "getStylesLiterals": {
1873
+ "position": "relative",
1874
+ "alignItems": "center",
1875
+ "display": "flex",
1876
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1877
+ },
1878
+ "cxLiterals": ["w-full"],
1879
+ "internalComponents": ["HStack"],
1880
+ "internalComponentProps": { "HStack": {
1881
+ "alignItems": ["center"],
1882
+ "justifyContent": ["space-between"],
1883
+ "overflow": ["hidden"],
1884
+ "position": ["relative"]
1885
+ } },
1886
+ "propToVariantKeys": {
1887
+ "variant": ["toastVariantRoot"],
1888
+ "size": ["toastSizeRoot"]
1909
1889
  },
1910
1890
  "motionVarPrefixes": []
1911
1891
  };
1912
- var Menu_Trigger = {
1913
- "name": "Menu.Trigger",
1892
+ var ToastPortal = {
1893
+ "name": "ToastPortal",
1914
1894
  "defaultProps": {},
1915
1895
  "getStylesLiterals": {},
1916
- "cxLiterals": ["uds-menu-trigger"],
1917
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1918
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1896
+ "cxLiterals": [],
1897
+ "internalComponents": ["ReactToastifyToastContainer"],
1898
+ "internalComponentProps": {},
1919
1899
  "propToVariantKeys": {},
1920
1900
  "motionVarPrefixes": []
1921
1901
  };
1922
- var Menu_index = {
1923
- "name": "Menu.index",
1902
+ var UDSToastConfigProvider = {
1903
+ "name": "UDSToastConfigProvider",
1924
1904
  "defaultProps": {},
1925
1905
  "getStylesLiterals": {},
1926
1906
  "cxLiterals": [],
1927
- "internalComponents": [],
1907
+ "internalComponents": ["ToastContext.Provider"],
1928
1908
  "internalComponentProps": {},
1929
1909
  "propToVariantKeys": {},
1930
1910
  "motionVarPrefixes": []
1931
1911
  };
1932
- var Menu_Content = {
1933
- "name": "Menu.Content",
1934
- "defaultProps": {
1935
- "size": "default",
1936
- "variant": "default",
1937
- "gutter": "1"
1938
- },
1912
+ var Tooltip = {
1913
+ "name": "Tooltip",
1914
+ "defaultProps": {},
1939
1915
  "getStylesLiterals": {},
1916
+ "cxLiterals": [],
1917
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1918
+ "internalComponentProps": {},
1919
+ "propToVariantKeys": {},
1920
+ "motionVarPrefixes": []
1921
+ };
1922
+ var TooltipContent = {
1923
+ "name": "TooltipContent",
1924
+ "defaultProps": {},
1925
+ "getStylesLiterals": {
1926
+ "tooltipSizeRoot": "default",
1927
+ "tooltipVariantRoot": "default",
1928
+ "tooltipSizeSvg": "default",
1929
+ "tooltipVariantSvg": "default",
1930
+ "tooltipVariantBlur": "default",
1931
+ "position": "absolute",
1932
+ "width": "full",
1933
+ "height": "full",
1934
+ "tooltipSizeTitle": "default",
1935
+ "tooltipSizeBody": "default",
1936
+ "tooltipSizeEndContent": "default",
1937
+ "tooltipSizeIcon": "default",
1938
+ "tooltipVariantIcon": "default"
1939
+ },
1940
1940
  "cxLiterals": [
1941
- "uds-menu-content",
1942
- "transition-shadow",
1943
- "duration-200",
1944
- "ease-in-out",
1945
- "min-w-60",
1946
1941
  "max-w-lg",
1947
- "max-h-96",
1948
- "overflow-auto",
1949
- "uds-ring",
1950
- "z-10",
1951
- "group"
1942
+ "flex",
1943
+ "z-[9999]",
1944
+ "uds-bgBlurFillFallback",
1945
+ "uds-bgBlurFallback",
1946
+ "top-0",
1947
+ "left-0",
1948
+ "z-[1]"
1952
1949
  ],
1953
1950
  "internalComponents": [
1954
- "AriakitMenu",
1955
- "AnimatePresence",
1956
- "MotionVStack"
1951
+ "IconSlot",
1952
+ "TooltipArrow",
1953
+ "Tooltip",
1954
+ "SvgFloatingOverlay",
1955
+ "VStack",
1956
+ "Box",
1957
+ "Text"
1957
1958
  ],
1958
- "internalComponentProps": {},
1959
- "propToVariantKeys": {
1960
- "size": ["menucontentSizeRoot"],
1961
- "variant": ["menucontentVariantRoot"]
1959
+ "internalComponentProps": {
1960
+ "VStack": { "className": ["gap-[inherit]"] },
1961
+ "Box": {
1962
+ "alignItems": ["center"],
1963
+ "columnGap": ["1", "1.5"]
1964
+ },
1965
+ "Text": { "color": ["inherit"] }
1962
1966
  },
1967
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1963
1968
  "motionVarPrefixes": []
1964
1969
  };
1965
- var Menu_Divider = {
1966
- "name": "Menu.Divider",
1967
- "defaultProps": {
1968
- "role": "separator",
1969
- "contentPosition": "start",
1970
- "gap": "4"
1971
- },
1972
- "getStylesLiterals": {
1973
- "menuitemDividerVariantRoot": "default",
1974
- "menuitemDividerVariantText": "default",
1975
- "menuitemDividerVariantLine": "default"
1976
- },
1970
+ var TooltipTrigger = {
1971
+ "name": "TooltipTrigger",
1972
+ "defaultProps": {},
1973
+ "getStylesLiterals": {},
1977
1974
  "cxLiterals": [],
1978
- "internalComponents": ["DividerInternal"],
1979
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1975
+ "internalComponents": ["TooltipAnchor"],
1976
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1977
+ "propToVariantKeys": { "children": ["render"] },
1978
+ "motionVarPrefixes": []
1979
+ };
1980
+ var UDSTooltipConfigProvider = {
1981
+ "name": "UDSTooltipConfigProvider",
1982
+ "defaultProps": {},
1983
+ "getStylesLiterals": {},
1984
+ "cxLiterals": [],
1985
+ "internalComponents": ["TooltipContext.Provider"],
1986
+ "internalComponentProps": {},
1980
1987
  "propToVariantKeys": {},
1981
1988
  "motionVarPrefixes": []
1982
1989
  };
1983
- var Menu = {
1984
- "name": "Menu",
1990
+ var UDSBreakpointsConfigProvider = {
1991
+ "name": "UDSBreakpointsConfigProvider",
1985
1992
  "defaultProps": {},
1986
1993
  "getStylesLiterals": {},
1987
1994
  "cxLiterals": [],
1988
- "internalComponents": [],
1995
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1989
1996
  "internalComponentProps": {},
1990
1997
  "propToVariantKeys": {},
1991
1998
  "motionVarPrefixes": []
1992
1999
  };
1993
- var Menu_ItemCheckbox = {
1994
- "name": "Menu.ItemCheckbox",
2000
+ var UDSConfigProvider = {
2001
+ "name": "UDSConfigProvider",
1995
2002
  "defaultProps": {},
1996
- "getStylesLiterals": {
1997
- "menuitemItemCheckboxVariantRoot": "default",
1998
- "menuitemItemCheckboxVariantActiveRoot": "on",
1999
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2000
- "menuitemItemCheckboxVariantText": "default",
2001
- "menuitemItemCheckboxVariantActiveText": "on",
2002
- "menuitemItemCheckboxVariantActiveText:1": "off",
2003
- "menuitemItemCheckboxVariantStartIcon": "default",
2004
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2005
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2006
- "menuitemItemCheckboxVariantEndIcon": "default",
2007
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2008
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2009
- },
2010
- "cxLiterals": ["uds-menu-item-checkbox"],
2011
- "internalComponents": ["MenuItemBase"],
2003
+ "getStylesLiterals": {},
2004
+ "cxLiterals": [],
2005
+ "internalComponents": [
2006
+ "UDSBreakpointsConfigProvider",
2007
+ "UDSBottomSheetConfigProvider",
2008
+ "UDSToastConfigProvider",
2009
+ "UDSTooltipConfigProvider",
2010
+ "UDSPopoverConfigProvider"
2011
+ ],
2012
2012
  "internalComponentProps": {},
2013
2013
  "propToVariantKeys": {},
2014
2014
  "motionVarPrefixes": []
2015
2015
  };
2016
2016
  var componentData_default = {
2017
- Link,
2018
- VStack,
2019
2017
  Box,
2020
- Scrim,
2021
- Icon,
2022
- SvgFloatingOverlay,
2023
2018
  FormLabel,
2024
- Text,
2025
- IconSlot,
2026
2019
  HStack,
2020
+ Icon,
2021
+ IconSlot,
2027
2022
  Image,
2028
- "Table.mocks": Table_mocks,
2029
- Table,
2030
- Spinner,
2023
+ Link,
2024
+ Scrim,
2025
+ SvgFloatingOverlay,
2026
+ Text,
2027
+ VStack,
2028
+ Divider,
2031
2029
  DividerCore,
2032
2030
  DividerInternal,
2033
- Divider,
2031
+ Spinner,
2032
+ "Table.mocks": Table_mocks,
2033
+ Table,
2034
+ AnimateHeightChange,
2035
+ Badge,
2034
2036
  Button,
2035
2037
  Checkbox,
2036
- SpringMotionConfig,
2037
2038
  IconButton,
2038
- Switch,
2039
- Badge,
2040
- AnimateHeightChange,
2041
2039
  Pressable,
2042
- ExperimentalPopover,
2040
+ SpringMotionConfig,
2041
+ Switch,
2042
+ Accordion,
2043
2043
  AvoidMotionLibraryProvider,
2044
+ ExperimentalPopover,
2045
+ Modal,
2044
2046
  SegmentedControl,
2045
2047
  SwitchV2,
2046
2048
  Tabs,
2047
- Modal,
2048
- Accordion,
2049
- AvatarImage,
2050
- AvatarText,
2051
2049
  Avatar,
2052
2050
  AvatarIcon,
2053
- UDSPopoverConfigProvider,
2054
- Popover,
2055
- PopoverContext,
2056
- PopoverTrigger,
2057
- PopoverContent,
2051
+ AvatarImage,
2052
+ AvatarText,
2053
+ BottomSheet,
2058
2054
  BottomSheetContent,
2059
2055
  BottomSheetDismiss,
2060
- BottomSheet,
2061
2056
  BottomSheetHandle,
2062
- BottomSheetInternalContext,
2063
2057
  BottomSheetHeader,
2064
- BottomSheetTrigger,
2058
+ BottomSheetInternalContext,
2065
2059
  BottomSheetProvider,
2060
+ BottomSheetTrigger,
2066
2061
  UDSBottomSheetConfigProvider,
2067
- UDSToastConfigProvider,
2068
- Toast,
2069
- ToastContainer,
2070
- ToastPortal,
2071
- UDSTooltipConfigProvider,
2072
- TooltipTrigger,
2073
- TooltipContent,
2074
- Tooltip,
2075
- RadioGroupStore,
2076
- RadioGroupProvider,
2077
- Radio,
2078
- Input,
2079
- InputHelpText,
2080
- InputHelpTextInternal,
2081
- UDSConfigProvider,
2082
- UDSBreakpointsConfigProvider,
2083
- ChipLink,
2084
- ChipDismissible,
2085
- ChipToggle,
2086
2062
  Chip,
2087
2063
  ChipBase,
2088
2064
  ChipButton,
2065
+ ChipDismissible,
2066
+ ChipLink,
2067
+ ChipToggle,
2068
+ Input,
2069
+ InputHelpText,
2070
+ InputHelpTextInternal,
2071
+ "Menu.Content": Menu_Content,
2072
+ "Menu.Divider": Menu_Divider,
2089
2073
  "Menu.Item": Menu_Item,
2090
- "Menu.Provider": Menu_Provider,
2091
2074
  "Menu.ItemBase": Menu_ItemBase,
2075
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2076
+ "Menu.Provider": Menu_Provider,
2092
2077
  "Menu.Trigger": Menu_Trigger,
2093
2078
  "Menu.index": Menu_index,
2094
- "Menu.Content": Menu_Content,
2095
- "Menu.Divider": Menu_Divider,
2096
2079
  Menu,
2097
- "Menu.ItemCheckbox": Menu_ItemCheckbox
2080
+ Popover,
2081
+ PopoverContent,
2082
+ PopoverContext,
2083
+ PopoverTrigger,
2084
+ UDSPopoverConfigProvider,
2085
+ Radio,
2086
+ RadioGroupProvider,
2087
+ RadioGroupStore,
2088
+ Toast,
2089
+ ToastContainer,
2090
+ ToastPortal,
2091
+ UDSToastConfigProvider,
2092
+ Tooltip,
2093
+ TooltipContent,
2094
+ TooltipTrigger,
2095
+ UDSTooltipConfigProvider,
2096
+ UDSBreakpointsConfigProvider,
2097
+ UDSConfigProvider
2098
2098
  };
2099
2099
 
2100
2100
  //#endregion