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