@yahoo/uds 3.114.0-beta.3 → 3.114.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (249) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +3 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +3 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +3 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +3 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1883 -0
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +175 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +175 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1882 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +84 -0
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +3 -1
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +3 -1
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +84 -0
  13. package/dist/automated-config/dist/mapTextVariantFixtureToValue.cjs +1 -12
  14. package/dist/automated-config/dist/mapTextVariantFixtureToValue.js +1 -12
  15. package/dist/automated-config/dist/properties.cjs +58 -12
  16. package/dist/automated-config/dist/properties.d.cts +8 -0
  17. package/dist/automated-config/dist/properties.d.ts +8 -0
  18. package/dist/automated-config/dist/properties.js +58 -12
  19. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  20. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  21. package/dist/cli/commands/sync.cjs +7 -1
  22. package/dist/cli/commands/sync.d.cts +1 -1
  23. package/dist/cli/commands/sync.d.ts +1 -1
  24. package/dist/cli/commands/sync.js +7 -1
  25. package/dist/cli/commands/version.cjs +2 -0
  26. package/dist/cli/commands/version.d.cts +1 -1
  27. package/dist/cli/commands/version.d.ts +1 -1
  28. package/dist/cli/commands/version.js +2 -0
  29. package/dist/cli/dist/cli.cjs +1 -1
  30. package/dist/cli/dist/cli.js +1 -1
  31. package/dist/cli/dist/commands/editor-rules.cjs +2 -2
  32. package/dist/cli/dist/commands/editor-rules.js +2 -2
  33. package/dist/cli/dist/utils/rules/config.cjs +1 -1
  34. package/dist/cli/dist/utils/rules/config.js +1 -1
  35. package/dist/cli/runner.cjs +2 -11
  36. package/dist/cli/runner.js +2 -11
  37. package/dist/components/Scrim.cjs +28 -0
  38. package/dist/components/Scrim.d.cts +14 -0
  39. package/dist/components/Scrim.d.ts +14 -0
  40. package/dist/components/Scrim.js +26 -0
  41. package/dist/components/client/BottomSheet/BottomSheet.cjs +209 -0
  42. package/dist/components/client/BottomSheet/BottomSheet.d.cts +77 -0
  43. package/dist/components/client/BottomSheet/BottomSheet.d.ts +77 -0
  44. package/dist/components/client/BottomSheet/BottomSheet.js +207 -0
  45. package/dist/components/client/BottomSheet/BottomSheetContent.cjs +26 -0
  46. package/dist/components/client/BottomSheet/BottomSheetContent.d.cts +15 -0
  47. package/dist/components/client/BottomSheet/BottomSheetContent.d.ts +15 -0
  48. package/dist/components/client/BottomSheet/BottomSheetContent.js +24 -0
  49. package/dist/components/client/BottomSheet/BottomSheetDismiss.cjs +15 -0
  50. package/dist/components/client/BottomSheet/BottomSheetDismiss.d.cts +12 -0
  51. package/dist/components/client/BottomSheet/BottomSheetDismiss.d.ts +12 -0
  52. package/dist/components/client/BottomSheet/BottomSheetDismiss.js +13 -0
  53. package/dist/components/client/BottomSheet/BottomSheetHandle.cjs +30 -0
  54. package/dist/components/client/BottomSheet/BottomSheetHandle.d.cts +19 -0
  55. package/dist/components/client/BottomSheet/BottomSheetHandle.d.ts +19 -0
  56. package/dist/components/client/BottomSheet/BottomSheetHandle.js +28 -0
  57. package/dist/components/client/BottomSheet/BottomSheetHeader.cjs +42 -0
  58. package/dist/components/client/BottomSheet/BottomSheetHeader.d.cts +18 -0
  59. package/dist/components/client/BottomSheet/BottomSheetHeader.d.ts +18 -0
  60. package/dist/components/client/BottomSheet/BottomSheetHeader.js +40 -0
  61. package/dist/components/client/BottomSheet/BottomSheetProvider.cjs +21 -0
  62. package/dist/components/client/BottomSheet/BottomSheetProvider.d.cts +19 -0
  63. package/dist/components/client/BottomSheet/BottomSheetProvider.d.ts +19 -0
  64. package/dist/components/client/BottomSheet/BottomSheetProvider.js +19 -0
  65. package/dist/components/client/BottomSheet/BottomSheetTrigger.cjs +15 -0
  66. package/dist/components/client/BottomSheet/BottomSheetTrigger.d.cts +12 -0
  67. package/dist/components/client/BottomSheet/BottomSheetTrigger.d.ts +12 -0
  68. package/dist/components/client/BottomSheet/BottomSheetTrigger.js +13 -0
  69. package/dist/components/client/BottomSheet/UDSBottomSheetConfigProvider.cjs +32 -0
  70. package/dist/components/client/BottomSheet/UDSBottomSheetConfigProvider.d.cts +22 -0
  71. package/dist/components/client/BottomSheet/UDSBottomSheetConfigProvider.d.ts +22 -0
  72. package/dist/components/client/BottomSheet/UDSBottomSheetConfigProvider.js +29 -0
  73. package/dist/components/client/BottomSheet/index.cjs +22 -0
  74. package/dist/components/client/BottomSheet/index.d.cts +10 -0
  75. package/dist/components/client/BottomSheet/index.d.ts +10 -0
  76. package/dist/components/client/BottomSheet/index.js +12 -0
  77. package/dist/components/client/BottomSheet/useBottomSheetDrag.cjs +188 -0
  78. package/dist/components/client/BottomSheet/useBottomSheetDrag.d.cts +44 -0
  79. package/dist/components/client/BottomSheet/useBottomSheetDrag.d.ts +44 -0
  80. package/dist/components/client/BottomSheet/useBottomSheetDrag.js +185 -0
  81. package/dist/components/client/BottomSheet/useBottomSheetSnapModel.cjs +138 -0
  82. package/dist/components/client/BottomSheet/useBottomSheetSnapModel.d.cts +46 -0
  83. package/dist/components/client/BottomSheet/useBottomSheetSnapModel.d.ts +46 -0
  84. package/dist/components/client/BottomSheet/useBottomSheetSnapModel.js +135 -0
  85. package/dist/components/client/BottomSheet/useBottomSheetStore.cjs +34 -0
  86. package/dist/components/client/BottomSheet/useBottomSheetStore.d.cts +38 -0
  87. package/dist/components/client/BottomSheet/useBottomSheetStore.d.ts +38 -0
  88. package/dist/components/client/BottomSheet/useBottomSheetStore.js +31 -0
  89. package/dist/components/client/BottomSheet/useBottomSheetStoreInternal.cjs +17 -0
  90. package/dist/components/client/BottomSheet/useBottomSheetStoreInternal.d.cts +13 -0
  91. package/dist/components/client/BottomSheet/useBottomSheetStoreInternal.d.ts +13 -0
  92. package/dist/components/client/BottomSheet/useBottomSheetStoreInternal.js +15 -0
  93. package/dist/components/client/BottomSheet/useExpansionMargins.cjs +89 -0
  94. package/dist/components/client/BottomSheet/useExpansionMargins.d.cts +34 -0
  95. package/dist/components/client/BottomSheet/useExpansionMargins.d.ts +34 -0
  96. package/dist/components/client/BottomSheet/useExpansionMargins.js +87 -0
  97. package/dist/components/client/BottomSheet/useViewportHeight.cjs +32 -0
  98. package/dist/components/client/BottomSheet/useViewportHeight.d.cts +9 -0
  99. package/dist/components/client/BottomSheet/useViewportHeight.d.ts +9 -0
  100. package/dist/components/client/BottomSheet/useViewportHeight.js +30 -0
  101. package/dist/components/client/BottomSheet/useVirtualKeyboard.cjs +48 -0
  102. package/dist/components/client/BottomSheet/useVirtualKeyboard.d.cts +10 -0
  103. package/dist/components/client/BottomSheet/useVirtualKeyboard.d.ts +10 -0
  104. package/dist/components/client/BottomSheet/useVirtualKeyboard.js +46 -0
  105. package/dist/components/client/BottomSheet/utils.cjs +128 -0
  106. package/dist/components/client/BottomSheet/utils.d.cts +61 -0
  107. package/dist/components/client/BottomSheet/utils.d.ts +61 -0
  108. package/dist/components/client/BottomSheet/utils.js +118 -0
  109. package/dist/components/client/Menu/Menu.Content.cjs +1 -1
  110. package/dist/components/client/Menu/Menu.Content.js +1 -1
  111. package/dist/components/client/Menu/Menu.index.d.cts +1 -1
  112. package/dist/components/client/index.cjs +16 -0
  113. package/dist/components/client/index.d.cts +10 -1
  114. package/dist/components/client/index.d.ts +10 -1
  115. package/dist/components/client/index.js +9 -1
  116. package/dist/components/client/providers/UDSConfigProvider.cjs +10 -6
  117. package/dist/components/client/providers/UDSConfigProvider.d.cts +1 -0
  118. package/dist/components/client/providers/UDSConfigProvider.d.ts +1 -0
  119. package/dist/components/client/providers/UDSConfigProvider.js +10 -6
  120. package/dist/components/index.cjs +24 -0
  121. package/dist/components/index.d.cts +9 -1
  122. package/dist/components/index.d.ts +9 -1
  123. package/dist/components/index.js +17 -1
  124. package/dist/config/dist/index.cjs +110 -2
  125. package/dist/config/dist/index.js +110 -2
  126. package/dist/fixtures/dist/index.cjs +103 -0
  127. package/dist/fixtures/dist/index.d.cts +3 -2
  128. package/dist/fixtures/dist/index.d.ts +3 -2
  129. package/dist/fixtures/dist/index.js +103 -1
  130. package/dist/fixtures/index.cjs +1 -0
  131. package/dist/fixtures/index.d.cts +2 -2
  132. package/dist/fixtures/index.d.ts +2 -2
  133. package/dist/fixtures/index.js +2 -2
  134. package/dist/index.cjs +20 -2
  135. package/dist/index.d.cts +12 -5
  136. package/dist/index.d.ts +12 -5
  137. package/dist/index.js +11 -3
  138. package/dist/runtime/bottomSheetConfig.cjs +11 -0
  139. package/dist/runtime/bottomSheetConfig.d.cts +15 -0
  140. package/dist/runtime/bottomSheetConfig.d.ts +15 -0
  141. package/dist/runtime/bottomSheetConfig.js +9 -0
  142. package/dist/runtime/index.cjs +2 -0
  143. package/dist/runtime/index.d.cts +2 -1
  144. package/dist/runtime/index.d.ts +2 -1
  145. package/dist/runtime/index.js +2 -1
  146. package/dist/runtime/udsConfig.cjs +2 -0
  147. package/dist/runtime/udsConfig.d.cts +2 -0
  148. package/dist/runtime/udsConfig.d.ts +2 -0
  149. package/dist/runtime/udsConfig.js +2 -0
  150. package/dist/styles/styler.d.cts +20 -17
  151. package/dist/styles/styler.d.ts +24 -21
  152. package/dist/styles/variants.cjs +278 -278
  153. package/dist/styles/variants.d.cts +9 -0
  154. package/dist/styles/variants.d.ts +9 -0
  155. package/dist/styles/variants.js +278 -278
  156. package/dist/tailwind/dist/commands/generateComponentData.cjs +31 -33
  157. package/dist/tailwind/dist/commands/generateComponentData.d.ts +1 -1
  158. package/dist/tailwind/dist/commands/generateComponentData.js +31 -33
  159. package/dist/tailwind/dist/commands/generatePurgeCSSData.d.ts +1 -1
  160. package/dist/tailwind/dist/commands/purge.cjs +4 -3
  161. package/dist/tailwind/dist/commands/purge.d.ts +1 -1
  162. package/dist/tailwind/dist/commands/purge.js +4 -3
  163. package/dist/tailwind/dist/index.d.cts +0 -1
  164. package/dist/tailwind/dist/index.d.ts +3 -5
  165. package/dist/tailwind/dist/purger/legacy/purgeCSS.cjs +3 -4
  166. package/dist/tailwind/dist/purger/legacy/purgeCSS.js +3 -4
  167. package/dist/tailwind/dist/purger/optimized/ast/expressions.cjs +125 -122
  168. package/dist/tailwind/dist/purger/optimized/ast/expressions.js +125 -122
  169. package/dist/tailwind/dist/purger/optimized/ast/jsx.cjs +8 -1
  170. package/dist/tailwind/dist/purger/optimized/ast/jsx.js +8 -1
  171. package/dist/tailwind/dist/purger/optimized/purge.cjs +10 -11
  172. package/dist/tailwind/dist/purger/optimized/purge.js +9 -10
  173. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +127 -238
  174. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +127 -238
  175. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +261 -353
  176. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +261 -352
  177. package/dist/tailwind/dist/purger/optimized/utils/files.cjs +3 -4
  178. package/dist/tailwind/dist/purger/optimized/utils/files.js +3 -4
  179. package/dist/tailwind/dist/purger/optimized/utils/safelist.cjs +21 -13
  180. package/dist/tailwind/dist/purger/optimized/utils/safelist.js +21 -13
  181. package/dist/tailwind/dist/tailwind/plugins/components.cjs +2 -0
  182. package/dist/tailwind/dist/tailwind/plugins/components.js +3 -1
  183. package/dist/tailwind/dist/tailwind/plugins/typography.cjs +13 -41
  184. package/dist/tailwind/dist/tailwind/plugins/typography.js +13 -41
  185. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.cjs +2 -4
  186. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.cts +1 -10
  187. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.d.ts +1 -10
  188. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.js +2 -4
  189. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
  190. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
  191. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  192. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  193. package/dist/tailwind/dist/utils/tsMorph.cjs +1 -1
  194. package/dist/tokens/automation/configs/index.cjs +2 -0
  195. package/dist/tokens/automation/configs/index.d.cts +2 -2
  196. package/dist/tokens/automation/configs/index.d.ts +2 -2
  197. package/dist/tokens/automation/configs/index.js +2 -2
  198. package/dist/tokens/automation/index.cjs +2 -0
  199. package/dist/tokens/automation/index.d.cts +2 -2
  200. package/dist/tokens/automation/index.d.ts +2 -2
  201. package/dist/tokens/automation/index.js +2 -2
  202. package/dist/tokens/index.cjs +2 -0
  203. package/dist/tokens/index.d.cts +3 -3
  204. package/dist/tokens/index.d.ts +3 -3
  205. package/dist/tokens/index.js +2 -2
  206. package/dist/tokens/types.d.cts +2 -2
  207. package/dist/tokens/types.d.ts +2 -2
  208. package/dist/types/dist/index.d.cts +76 -1
  209. package/dist/types/dist/index.d.ts +76 -1
  210. package/dist/uds/generated/componentData.cjs +1195 -990
  211. package/dist/uds/generated/componentData.js +1130 -979
  212. package/dist/uds/generated/tailwindPurge.cjs +57 -29
  213. package/dist/uds/generated/tailwindPurge.js +57 -29
  214. package/dist/uds/package.cjs +4 -10
  215. package/dist/uds/package.js +4 -10
  216. package/package.json +4 -7
  217. package/dist/cli/dist/lib/logger.cjs +0 -66
  218. package/dist/cli/dist/lib/logger.js +0 -66
  219. package/dist/tailwind/dist/commands/css.cjs +0 -79
  220. package/dist/tailwind/dist/commands/css.d.ts +0 -3
  221. package/dist/tailwind/dist/commands/css.helpers.cjs +0 -32
  222. package/dist/tailwind/dist/commands/css.helpers.js +0 -28
  223. package/dist/tailwind/dist/commands/css.js +0 -79
  224. package/dist/tailwind/dist/css/generate.cjs +0 -120
  225. package/dist/tailwind/dist/css/generate.d.cts +0 -30
  226. package/dist/tailwind/dist/css/generate.d.ts +0 -31
  227. package/dist/tailwind/dist/css/generate.helpers.cjs +0 -112
  228. package/dist/tailwind/dist/css/generate.helpers.js +0 -100
  229. package/dist/tailwind/dist/css/generate.js +0 -115
  230. package/dist/tailwind/dist/css/postcss.cjs +0 -35
  231. package/dist/tailwind/dist/css/postcss.helpers.cjs +0 -27
  232. package/dist/tailwind/dist/css/postcss.helpers.js +0 -26
  233. package/dist/tailwind/dist/css/postcss.js +0 -35
  234. package/dist/tailwind/dist/css/runner.cjs +0 -278
  235. package/dist/tailwind/dist/css/runner.helpers.cjs +0 -26
  236. package/dist/tailwind/dist/css/runner.helpers.js +0 -23
  237. package/dist/tailwind/dist/css/runner.js +0 -275
  238. package/dist/tailwind/dist/css/theme.cjs +0 -12
  239. package/dist/tailwind/dist/css/theme.d.cts +0 -66
  240. package/dist/tailwind/dist/css/theme.d.ts +0 -66
  241. package/dist/tailwind/dist/css/theme.js +0 -11
  242. package/dist/tailwind/dist/css/utils.cjs +0 -234
  243. package/dist/tailwind/dist/css/utils.js +0 -223
  244. package/dist/tailwind/dist/utils/optimizeCSS.cjs +0 -405
  245. package/dist/tailwind/dist/utils/optimizeCSS.js +0 -403
  246. package/dist/tailwind/dist/utils/postcssPreserveVars.cjs +0 -67
  247. package/dist/tailwind/dist/utils/postcssPreserveVars.js +0 -65
  248. package/generated/componentData.json +0 -2417
  249. package/generated/tailwindPurge.ts +0 -4560
@@ -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,64 +115,28 @@ 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
- var Icon = {
67
- "name": "Icon",
68
- "defaultProps": {
69
- "size": "md",
70
- "variant": "outline",
71
- "color": "primary"
72
- },
73
- "getStylesLiterals": { "flex": "none" },
74
- "cxLiterals": ["[&_path]:fill-current"],
75
- "internalComponents": ["SVGIcon"],
76
- "internalComponentProps": {},
77
- "propToVariantKeys": {},
78
- "motionVarPrefixes": []
79
- };
80
- var FormLabel = {
81
- "name": "FormLabel",
118
+ var Scrim = {
119
+ "name": "Scrim",
82
120
  "defaultProps": {
83
- "color": "muted",
84
- "variant": "label3",
85
- "as": "label"
121
+ "variant": "default",
122
+ "position": "fixed"
86
123
  },
87
124
  "getStylesLiterals": {},
88
- "cxLiterals": ["cursor-[inherit]"],
89
- "internalComponents": ["Text"],
90
- "internalComponentProps": { "Text": {
91
- "as": ["sup"],
92
- "variant": ["inherit"],
93
- "spacingStart": ["0.5"]
94
- } },
95
- "propToVariantKeys": {},
125
+ "cxLiterals": [
126
+ "fixed",
127
+ "absolute",
128
+ "inset-0",
129
+ "z-40",
130
+ "transition-opacity",
131
+ "duration-150",
132
+ "data-[enter]:opacity-100",
133
+ "[&:not([data-enter])]:opacity-0",
134
+ "opacity-100",
135
+ "uds-bgBlurFallback"
136
+ ],
137
+ "internalComponents": ["Box"],
138
+ "internalComponentProps": { "Box": { "display": ["block"] } },
139
+ "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
96
140
  "motionVarPrefixes": []
97
141
  };
98
142
  var Text = {
@@ -115,33 +159,30 @@ var Text = {
115
159
  ] },
116
160
  "motionVarPrefixes": []
117
161
  };
118
- var IconSlot = {
119
- "name": "IconSlot",
120
- "defaultProps": {},
121
- "getStylesLiterals": {},
122
- "cxLiterals": [],
123
- "internalComponents": ["Icon"],
124
- "internalComponentProps": {},
125
- "propToVariantKeys": {},
126
- "motionVarPrefixes": []
127
- };
128
- var HStack = {
129
- "name": "HStack",
162
+ var VStack = {
163
+ "name": "VStack",
130
164
  "defaultProps": {},
131
165
  "getStylesLiterals": {},
132
166
  "cxLiterals": [],
133
167
  "internalComponents": ["Box"],
134
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
135
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
168
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
169
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
136
170
  "motionVarPrefixes": []
137
171
  };
138
- var Image = {
139
- "name": "Image",
140
- "defaultProps": {},
172
+ var Spinner = {
173
+ "name": "Spinner",
174
+ "defaultProps": {
175
+ "color": "primary",
176
+ "size": "lg"
177
+ },
141
178
  "getStylesLiterals": {},
142
- "cxLiterals": [],
143
- "internalComponents": [],
144
- "internalComponentProps": {},
179
+ "cxLiterals": ["self-center", "relative"],
180
+ "internalComponents": ["Icon"],
181
+ "internalComponentProps": { "Icon": {
182
+ "role": ["img"],
183
+ "className": ["animate-spin"],
184
+ "aria-hidden": ["true"]
185
+ } },
145
186
  "propToVariantKeys": {},
146
187
  "motionVarPrefixes": []
147
188
  };
@@ -183,214 +224,487 @@ var Table = {
183
224
  "propToVariantKeys": {},
184
225
  "motionVarPrefixes": []
185
226
  };
186
- var Spinner = {
187
- "name": "Spinner",
227
+ var Accordion = {
228
+ "name": "Accordion",
188
229
  "defaultProps": {
189
- "color": "primary",
190
- "size": "lg"
230
+ "spacingHorizontal": "4",
231
+ "spacingVertical": "4"
191
232
  },
192
233
  "getStylesLiterals": {},
193
- "cxLiterals": [
194
- "self-center",
195
- "relative",
196
- "sr-only"
197
- ],
198
- "internalComponents": ["Icon"],
199
- "internalComponentProps": { "Icon": {
200
- "role": ["img"],
201
- "className": ["animate-spin"],
202
- "aria-hidden": ["true"]
203
- } },
204
- "propToVariantKeys": {},
205
- "motionVarPrefixes": []
206
- };
207
- var DividerCore = {
208
- "name": "DividerCore",
209
- "defaultProps": { "contentPosition": "center" },
210
- "getStylesLiterals": {},
211
- "cxLiterals": [],
234
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
212
235
  "internalComponents": [
213
- "Box",
214
- "Line",
215
- "InternalComponent",
216
- "Text"
236
+ "Icon",
237
+ "SpringMotionConfig",
238
+ "Pressable",
239
+ "Text",
240
+ "HStack",
241
+ "AnimatePresence",
242
+ "VStack"
217
243
  ],
218
244
  "internalComponentProps": {
219
- "Box": {
220
- "flex": ["1", "none"],
221
- "display": ["flex"]
245
+ "Icon": {
246
+ "variant": ["fill"],
247
+ "size": ["sm"],
248
+ "color": ["primary"]
222
249
  },
223
- "InternalComponent": {
224
- "flex": ["1"],
225
- "alignItems": ["center"]
250
+ "SpringMotionConfig": {
251
+ "layoutVariant": ["smooth"],
252
+ "layoutSpeed": ["3"]
253
+ },
254
+ "Pressable": {
255
+ "display": ["flex"],
256
+ "flexDirection": ["row"],
257
+ "alignItems": ["center"],
258
+ "justifyContent": ["space-between"],
259
+ "borderRadius": ["md"]
226
260
  },
227
261
  "Text": {
228
- "as": ["span"],
229
- "color": ["inherit"],
230
- "variant": ["inherit"]
262
+ "variant": ["title4"],
263
+ "color": ["primary"]
264
+ },
265
+ "HStack": {
266
+ "display": ["flex"],
267
+ "alignItems": ["center"],
268
+ "justifyContent": ["space-between"],
269
+ "columnGap": ["2.5"]
231
270
  }
232
271
  },
233
272
  "propToVariantKeys": {},
234
- "motionVarPrefixes": []
273
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
235
274
  };
236
- var DividerInternal = {
237
- "name": "DividerInternal",
238
- "defaultProps": { "variant": "primary" },
275
+ var AvoidMotionLibraryProvider = {
276
+ "name": "AvoidMotionLibraryProvider",
277
+ "defaultProps": {},
239
278
  "getStylesLiterals": {},
240
- "cxLiterals": ["inherit"],
241
- "internalComponents": ["DividerCore"],
279
+ "cxLiterals": [],
280
+ "internalComponents": [],
242
281
  "internalComponentProps": {},
243
- "propToVariantKeys": { "variant": [
244
- "dividerVariantRoot",
245
- "dividerVariantLabel",
246
- "dividerVariantLine"
247
- ] },
282
+ "propToVariantKeys": {},
248
283
  "motionVarPrefixes": []
249
284
  };
250
- var Divider = {
251
- "name": "Divider",
285
+ var Modal = {
286
+ "name": "Modal",
287
+ "defaultProps": {},
288
+ "getStylesLiterals": {},
289
+ "cxLiterals": [
290
+ "inset-8",
291
+ "top-[250px]",
292
+ "z-50",
293
+ "mx-auto",
294
+ "h-fit",
295
+ "w-[600px]",
296
+ "origin-center",
297
+ "scale-95",
298
+ "opacity-0",
299
+ "transition",
300
+ "duration-150",
301
+ "data-[enter]:scale-100",
302
+ "data-[enter]:opacity-100"
303
+ ],
304
+ "internalComponents": [
305
+ "IconButton",
306
+ "Dialog",
307
+ "HStack",
308
+ "Text",
309
+ "VStack"
310
+ ],
311
+ "internalComponentProps": {
312
+ "IconButton": {
313
+ "aria-label": ["Close"],
314
+ "size": ["sm"],
315
+ "variant": ["tertiary"]
316
+ },
317
+ "HStack": {
318
+ "alignItems": ["center"],
319
+ "justifyContent": ["space-between"]
320
+ },
321
+ "Text": {
322
+ "variant": ["headline1"],
323
+ "color": ["primary"]
324
+ },
325
+ "VStack": {
326
+ "borderRadius": ["md"],
327
+ "position": ["fixed"],
328
+ "backgroundColor": ["primary"],
329
+ "dropShadow": ["md"],
330
+ "spacing": ["8"],
331
+ "overflow": ["hidden"]
332
+ }
333
+ },
334
+ "propToVariantKeys": { "handleClose": ["onClick"] },
335
+ "motionVarPrefixes": []
336
+ };
337
+ var Popover = {
338
+ "name": "Popover",
252
339
  "defaultProps": {},
253
340
  "getStylesLiterals": {},
254
341
  "cxLiterals": [],
255
- "internalComponents": ["DividerInternal"],
256
- "internalComponentProps": {},
342
+ "internalComponents": [
343
+ "HStack",
344
+ "Text",
345
+ "OriginalPopoverHeading"
346
+ ],
347
+ "internalComponentProps": { "Text": {
348
+ "variant": ["headline1"],
349
+ "color": ["primary"]
350
+ } },
257
351
  "propToVariantKeys": {},
258
352
  "motionVarPrefixes": []
259
353
  };
260
- var Button = {
261
- "name": "Button",
262
- "defaultProps": { "type": "button" },
263
- "getStylesLiterals": {},
354
+ var SegmentedControl = {
355
+ "name": "SegmentedControl",
356
+ "defaultProps": {},
357
+ "getStylesLiterals": {
358
+ "display": "flex",
359
+ "alignItems": "center",
360
+ "backgroundColor": "primary",
361
+ "spacingVertical": "1",
362
+ "spacingHorizontal": "3",
363
+ "columnGap": "1.5",
364
+ "borderWidth": "thin",
365
+ "borderRadius": "full",
366
+ "borderColor": "muted",
367
+ "borderColor:1": "transparent",
368
+ "color": "primary",
369
+ "color:1": "tertiary",
370
+ "color:2": "muted"
371
+ },
264
372
  "cxLiterals": [
265
373
  "uds-ring",
266
- "uds-hit-target",
267
- "inline-flex",
268
- "overflow-hidden",
269
- "justify-center",
270
- "items-center",
271
- "whitespace-nowrap",
272
- "select-none",
273
- "[transform-origin:center]",
274
- "[backface-visibility:hidden]",
275
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
276
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
277
- "[transition-duration:220ms]",
278
374
  "cursor-not-allowed",
279
- "uds-button-loading",
280
- "uds-button-without-effects",
281
- "withIcon",
282
- "uds-button-with-gap",
283
- "animate-spin",
284
- "truncate"
375
+ "opacity-50",
376
+ "pointer-events-none",
377
+ "hover:bg-primary"
285
378
  ],
286
379
  "internalComponents": [
380
+ "Radio",
287
381
  "Icon",
288
- "IconSlot",
289
- "AnimatePresence",
290
- "SpringMotionConfig",
291
- "MotionSlot"
382
+ "RadioProvider",
383
+ "HStack",
384
+ "RadioGroup",
385
+ "Pressable",
386
+ "Text"
292
387
  ],
293
388
  "internalComponentProps": {
294
- "Icon": { "color": ["current"] },
295
- "AnimatePresence": { "mode": ["popLayout"] },
296
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
297
- "MotionSlot": {
298
- "whileHover": ["hover"],
299
- "whileTap": ["pressed"]
389
+ "Icon": {
390
+ "size": ["sm"],
391
+ "color": ["current"],
392
+ "aria-hidden": ["true"]
393
+ },
394
+ "HStack": {
395
+ "spacing": ["1"],
396
+ "gap": ["1"],
397
+ "backgroundColor": ["secondary"],
398
+ "borderRadius": ["full"],
399
+ "display": ["inline-flex"]
400
+ },
401
+ "Text": {
402
+ "variant": ["label2"],
403
+ "color": ["current"]
300
404
  }
301
405
  },
302
406
  "propToVariantKeys": {
303
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
304
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
305
- "iconVariant": ["variant"],
306
- "startIcon": ["icon"],
307
- "endIcon": ["icon"]
407
+ "value": ["key"],
408
+ "label": ["aria-label"]
308
409
  },
309
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
410
+ "motionVarPrefixes": []
310
411
  };
311
- var Checkbox = {
312
- "name": "Checkbox",
412
+ var SwitchV2 = {
413
+ "name": "SwitchV2",
313
414
  "defaultProps": {
314
415
  "labelPosition": "start",
315
- "variant": "primary",
316
416
  "size": "md"
317
417
  },
318
418
  "getStylesLiterals": {
319
- "display": "flex",
320
- "flexDirection": "row",
321
- "flexDirection:1": "row-reverse",
322
- "alignItems": "center"
419
+ "switchVariantRoot": "default",
420
+ "switchVariantActiveRoot": "on",
421
+ "switchVariantActiveRoot:1": "off",
422
+ "switchVariantSwitch": "default",
423
+ "switchVariantActiveSwitch": "on",
424
+ "switchVariantActiveSwitch:1": "off",
425
+ "switchVariantActiveHandle": "on",
426
+ "switchVariantActiveHandle:1": "off",
427
+ "switchVariantHandle": "default",
428
+ "switchVariantHandleIcon": "default",
429
+ "switchVariantActiveHandleIcon": "on",
430
+ "switchVariantActiveHandleIcon:1": "off"
323
431
  },
324
432
  "cxLiterals": [
325
- "cursor-pointer",
326
- "cursor-default",
327
- "opacity-50",
433
+ "group",
434
+ "flex",
435
+ "items-center",
436
+ "flex-row",
437
+ "flex-row-reverse",
328
438
  "uds-ring",
329
439
  "uds-ring-within",
330
- "transition-[background-color,border-color,box-shadow]",
440
+ "relative",
441
+ "uds-border-radius-full",
442
+ "transition-[background-color,box-shadow]",
331
443
  "pointer-events-none",
332
- "transition-opacity",
333
- "cursor-[inherit]",
444
+ "w-full",
445
+ "h-full",
334
446
  "absolute",
447
+ "top-0",
448
+ "bottom-0",
449
+ "right-0",
450
+ "left-0",
451
+ "overflow-hidden",
452
+ "group-hover:scale-105",
453
+ "opacity-95",
454
+ "group-hover:opacity-100",
455
+ "transition-[transform,opacity]",
335
456
  "opacity-0",
336
457
  "top-1/2",
337
458
  "left-1/2",
338
- "w-[calc(100%+2px)]",
339
- "h-[calc(100%+2px)]",
340
459
  "transform",
341
460
  "translate-x-[-50%]",
342
461
  "translate-y-[-50%]",
462
+ "transition-opacity",
463
+ "cursor-[inherit]",
464
+ "w-[calc(100%+2px)]",
465
+ "h-[calc(100%+2px)]",
343
466
  "text-start",
344
- "text-end"
467
+ "text-end",
468
+ "opacity-100"
345
469
  ],
346
470
  "internalComponents": [
347
- "Icon",
471
+ "IconSlot",
472
+ "Box",
348
473
  "FormLabel",
349
474
  "SpringMotionConfig",
350
475
  "RootElement",
351
476
  "MotionBox"
352
477
  ],
353
478
  "internalComponentProps": {
354
- "Icon": { "size": ["sm"] },
479
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
355
480
  "FormLabel": {
356
481
  "as": ["div"],
357
482
  "variant": ["inherit"],
358
483
  "color": ["inherit"]
359
484
  },
360
- "RootElement": { "data-testid": ["container"] },
361
- "MotionBox": {
362
- "position": ["relative"],
363
- "alignItems": ["center"],
364
- "justifyContent": ["center"],
365
- "flex": ["none"]
366
- }
485
+ "SpringMotionConfig": {
486
+ "layoutVariant": ["bouncy"],
487
+ "layoutSpeed": ["4"]
488
+ },
489
+ "RootElement": { "data-testid": ["switch-root"] },
490
+ "MotionBox": { "layout": ["position"] }
367
491
  },
368
492
  "propToVariantKeys": {
369
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
370
- "variant": [
371
- "checkboxVariantRoot",
372
- "checkboxVariantCheckbox",
373
- "checkboxVariantCheckboxIcon"
374
- ],
375
- "valueState": [
376
- "checkboxVariantValueRoot",
377
- "checkboxVariantValueCheckbox",
378
- "checkboxVariantValueCheckboxIcon"
493
+ "size": [
494
+ "switchSizeRoot",
495
+ "switchSizeSwitch",
496
+ "switchSizeHandle",
497
+ "switchSizeHandleIcon"
379
498
  ],
380
- "reduceMotion": ["reducedMotion"]
499
+ "onIcon": ["icon"],
500
+ "offIcon": ["icon"],
501
+ "reduceMotion": ["reducedMotion"],
502
+ "isOn": ["layoutDependency"]
381
503
  },
382
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
504
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
383
505
  };
384
- var SpringMotionConfig = {
385
- "name": "SpringMotionConfig",
386
- "defaultProps": { "reducedMotion": "user" },
506
+ var Tabs = {
507
+ "name": "Tabs",
508
+ "defaultProps": {},
509
+ "getStylesLiterals": {
510
+ "display": "flex",
511
+ "flexDirection": "row",
512
+ "columnGap": "6"
513
+ },
514
+ "cxLiterals": [
515
+ "text-tertiary",
516
+ "border-b-transparent",
517
+ "aria-selected:border-b-brand",
518
+ "aria-selected:text-secondary"
519
+ ],
520
+ "internalComponents": [
521
+ "TabProvider",
522
+ "OriginalTabList",
523
+ "OriginalTab",
524
+ "Icon",
525
+ "OriginalTabPanel",
526
+ "Pressable",
527
+ "Comp",
528
+ "Text"
529
+ ],
530
+ "internalComponentProps": {
531
+ "Icon": {
532
+ "className": ["text-current"],
533
+ "size": ["md"]
534
+ },
535
+ "Pressable": {
536
+ "borderBottomWidth": ["medium"],
537
+ "spacingBottom": ["1"],
538
+ "spacingTop": ["4"]
539
+ },
540
+ "Text": {
541
+ "className": ["text-current"],
542
+ "variant": ["headline1"],
543
+ "as": ["span"]
544
+ }
545
+ },
546
+ "propToVariantKeys": {},
547
+ "motionVarPrefixes": []
548
+ };
549
+ var AnimateHeightChange = {
550
+ "name": "AnimateHeightChange",
551
+ "defaultProps": {},
387
552
  "getStylesLiterals": {},
388
553
  "cxLiterals": [],
389
- "internalComponents": ["LazyMotion", "MotionConfig"],
390
- "internalComponentProps": {},
391
- "propToVariantKeys": { "loadFeatures": ["features"] },
554
+ "internalComponents": ["SpringMotionConfig"],
555
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
556
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
557
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
558
+ };
559
+ var Badge = {
560
+ "name": "Badge",
561
+ "defaultProps": {
562
+ "variant": "primary",
563
+ "size": "md"
564
+ },
565
+ "getStylesLiterals": {},
566
+ "cxLiterals": [],
567
+ "internalComponents": ["IconSlot", "HStack"],
568
+ "internalComponentProps": {
569
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
570
+ "HStack": {
571
+ "gap": ["2"],
572
+ "display": ["inline-flex"],
573
+ "alignItems": ["center"]
574
+ }
575
+ },
576
+ "propToVariantKeys": {
577
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
578
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
579
+ "startIcon": ["icon"],
580
+ "endIcon": ["icon"]
581
+ },
392
582
  "motionVarPrefixes": []
393
583
  };
584
+ var Button = {
585
+ "name": "Button",
586
+ "defaultProps": { "type": "button" },
587
+ "getStylesLiterals": {},
588
+ "cxLiterals": [
589
+ "uds-ring",
590
+ "uds-hit-target",
591
+ "inline-flex",
592
+ "overflow-hidden",
593
+ "justify-center",
594
+ "items-center",
595
+ "whitespace-nowrap",
596
+ "select-none",
597
+ "[transform-origin:center]",
598
+ "[backface-visibility:hidden]",
599
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
600
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
601
+ "[transition-duration:220ms]",
602
+ "cursor-not-allowed",
603
+ "uds-button-loading",
604
+ "uds-button-without-effects",
605
+ "withIcon",
606
+ "uds-button-with-gap",
607
+ "animate-spin",
608
+ "truncate"
609
+ ],
610
+ "internalComponents": [
611
+ "Icon",
612
+ "IconSlot",
613
+ "AnimatePresence",
614
+ "SpringMotionConfig",
615
+ "MotionSlot"
616
+ ],
617
+ "internalComponentProps": {
618
+ "Icon": { "color": ["current"] },
619
+ "AnimatePresence": { "mode": ["popLayout"] },
620
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
621
+ "MotionSlot": {
622
+ "whileHover": ["hover"],
623
+ "whileTap": ["pressed"]
624
+ }
625
+ },
626
+ "propToVariantKeys": {
627
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
628
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
629
+ "iconVariant": ["variant"],
630
+ "startIcon": ["icon"],
631
+ "endIcon": ["icon"]
632
+ },
633
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
634
+ };
635
+ var Checkbox = {
636
+ "name": "Checkbox",
637
+ "defaultProps": {
638
+ "labelPosition": "start",
639
+ "variant": "primary",
640
+ "size": "md"
641
+ },
642
+ "getStylesLiterals": {
643
+ "display": "flex",
644
+ "flexDirection": "row",
645
+ "flexDirection:1": "row-reverse",
646
+ "alignItems": "center"
647
+ },
648
+ "cxLiterals": [
649
+ "cursor-pointer",
650
+ "cursor-default",
651
+ "opacity-50",
652
+ "uds-ring",
653
+ "uds-ring-within",
654
+ "transition-[background-color,border-color,box-shadow]",
655
+ "pointer-events-none",
656
+ "transition-opacity",
657
+ "cursor-[inherit]",
658
+ "absolute",
659
+ "opacity-0",
660
+ "top-1/2",
661
+ "left-1/2",
662
+ "w-[calc(100%+2px)]",
663
+ "h-[calc(100%+2px)]",
664
+ "transform",
665
+ "translate-x-[-50%]",
666
+ "translate-y-[-50%]",
667
+ "text-start",
668
+ "text-end"
669
+ ],
670
+ "internalComponents": [
671
+ "Icon",
672
+ "FormLabel",
673
+ "SpringMotionConfig",
674
+ "RootElement",
675
+ "MotionBox"
676
+ ],
677
+ "internalComponentProps": {
678
+ "Icon": { "size": ["sm"] },
679
+ "FormLabel": {
680
+ "as": ["div"],
681
+ "variant": ["inherit"],
682
+ "color": ["inherit"]
683
+ },
684
+ "RootElement": { "data-testid": ["container"] },
685
+ "MotionBox": {
686
+ "position": ["relative"],
687
+ "alignItems": ["center"],
688
+ "justifyContent": ["center"],
689
+ "flex": ["none"]
690
+ }
691
+ },
692
+ "propToVariantKeys": {
693
+ "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
694
+ "variant": [
695
+ "checkboxVariantRoot",
696
+ "checkboxVariantCheckbox",
697
+ "checkboxVariantCheckboxIcon"
698
+ ],
699
+ "valueState": [
700
+ "checkboxVariantValueRoot",
701
+ "checkboxVariantValueCheckbox",
702
+ "checkboxVariantValueCheckboxIcon"
703
+ ],
704
+ "reduceMotion": ["reducedMotion"]
705
+ },
706
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
707
+ };
394
708
  var IconButton = {
395
709
  "name": "IconButton",
396
710
  "defaultProps": { "type": "button" },
@@ -430,6 +744,26 @@ var IconButton = {
430
744
  },
431
745
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
432
746
  };
747
+ var Pressable = {
748
+ "name": "Pressable",
749
+ "defaultProps": {},
750
+ "getStylesLiterals": {},
751
+ "cxLiterals": [],
752
+ "internalComponents": ["Comp"],
753
+ "internalComponentProps": {},
754
+ "propToVariantKeys": {},
755
+ "motionVarPrefixes": []
756
+ };
757
+ var SpringMotionConfig = {
758
+ "name": "SpringMotionConfig",
759
+ "defaultProps": { "reducedMotion": "user" },
760
+ "getStylesLiterals": {},
761
+ "cxLiterals": [],
762
+ "internalComponents": ["LazyMotion", "MotionConfig"],
763
+ "internalComponentProps": {},
764
+ "propToVariantKeys": { "loadFeatures": ["features"] },
765
+ "motionVarPrefixes": []
766
+ };
433
767
  var Switch = {
434
768
  "name": "Switch",
435
769
  "defaultProps": {
@@ -520,477 +854,108 @@ var Switch = {
520
854
  },
521
855
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
522
856
  };
523
- var Badge = {
524
- "name": "Badge",
525
- "defaultProps": {
526
- "variant": "primary",
527
- "size": "md"
528
- },
857
+ var UDSBreakpointsConfigProvider = {
858
+ "name": "UDSBreakpointsConfigProvider",
859
+ "defaultProps": {},
529
860
  "getStylesLiterals": {},
530
- "cxLiterals": [
531
- "flex-1",
532
- "truncate",
533
- "whitespace-nowrap",
534
- "text-center"
535
- ],
536
- "internalComponents": ["IconSlot", "HStack"],
537
- "internalComponentProps": {
538
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
539
- "HStack": {
540
- "gap": ["2"],
541
- "display": ["inline-flex"],
542
- "alignItems": ["center"]
543
- }
544
- },
545
- "propToVariantKeys": {
546
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
547
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
548
- "startIcon": ["icon"],
549
- "endIcon": ["icon"]
550
- },
861
+ "cxLiterals": [],
862
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
863
+ "internalComponentProps": {},
864
+ "propToVariantKeys": {},
551
865
  "motionVarPrefixes": []
552
866
  };
553
- var AnimateHeightChange = {
554
- "name": "AnimateHeightChange",
555
- "defaultProps": {},
556
- "getStylesLiterals": {},
557
- "cxLiterals": ["overflow-hidden"],
558
- "internalComponents": ["SpringMotionConfig"],
559
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
560
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
561
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
562
- };
563
- var Pressable = {
564
- "name": "Pressable",
867
+ var UDSConfigProvider = {
868
+ "name": "UDSConfigProvider",
565
869
  "defaultProps": {},
566
870
  "getStylesLiterals": {},
567
871
  "cxLiterals": [],
568
- "internalComponents": ["Comp"],
872
+ "internalComponents": [
873
+ "UDSBreakpointsConfigProvider",
874
+ "UDSBottomSheetConfigProvider",
875
+ "UDSToastConfigProvider",
876
+ "UDSTooltipConfigProvider"
877
+ ],
569
878
  "internalComponentProps": {},
570
879
  "propToVariantKeys": {},
571
880
  "motionVarPrefixes": []
572
881
  };
573
- var AvoidMotionLibraryProvider = {
574
- "name": "AvoidMotionLibraryProvider",
882
+ var Tooltip = {
883
+ "name": "Tooltip",
575
884
  "defaultProps": {},
576
885
  "getStylesLiterals": {},
577
886
  "cxLiterals": [],
578
- "internalComponents": [],
887
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
579
888
  "internalComponentProps": {},
580
889
  "propToVariantKeys": {},
581
890
  "motionVarPrefixes": []
582
891
  };
583
- var SegmentedControl = {
584
- "name": "SegmentedControl",
585
- "defaultProps": {},
586
- "getStylesLiterals": {
587
- "display": "flex",
588
- "alignItems": "center",
589
- "backgroundColor": "primary",
590
- "spacingVertical": "1",
591
- "spacingHorizontal": "3",
592
- "columnGap": "1.5",
593
- "borderWidth": "thin",
594
- "borderRadius": "full",
595
- "borderColor": "muted",
596
- "borderColor:1": "transparent",
597
- "color": "primary",
598
- "color:1": "tertiary",
599
- "color:2": "muted"
600
- },
601
- "cxLiterals": [
602
- "uds-ring",
603
- "cursor-not-allowed",
604
- "opacity-50",
605
- "pointer-events-none",
606
- "hover:bg-primary"
607
- ],
608
- "internalComponents": [
609
- "Radio",
610
- "Icon",
611
- "RadioProvider",
612
- "HStack",
613
- "RadioGroup",
614
- "Pressable",
615
- "Text"
616
- ],
617
- "internalComponentProps": {
618
- "Icon": {
619
- "size": ["sm"],
620
- "color": ["current"],
621
- "aria-hidden": ["true"]
622
- },
623
- "HStack": {
624
- "spacing": ["1"],
625
- "gap": ["1"],
626
- "backgroundColor": ["secondary"],
627
- "borderRadius": ["full"],
628
- "display": ["inline-flex"]
629
- },
630
- "Text": {
631
- "variant": ["label2"],
632
- "color": ["current"]
633
- }
634
- },
635
- "propToVariantKeys": {
636
- "value": ["key"],
637
- "label": ["aria-label"]
638
- },
639
- "motionVarPrefixes": []
640
- };
641
- var Popover = {
642
- "name": "Popover",
892
+ var TooltipContent = {
893
+ "name": "TooltipContent",
643
894
  "defaultProps": {},
644
- "getStylesLiterals": {},
645
- "cxLiterals": [],
646
- "internalComponents": [
647
- "HStack",
648
- "Text",
649
- "OriginalPopoverHeading"
650
- ],
651
- "internalComponentProps": { "Text": {
652
- "variant": ["headline1"],
653
- "color": ["primary"]
654
- } },
655
- "propToVariantKeys": {},
656
- "motionVarPrefixes": []
657
- };
658
- var SwitchV2 = {
659
- "name": "SwitchV2",
660
- "defaultProps": {
661
- "labelPosition": "start",
662
- "size": "md"
663
- },
664
895
  "getStylesLiterals": {
665
- "switchVariantRoot": "default",
666
- "switchVariantActiveRoot": "on",
667
- "switchVariantActiveRoot:1": "off",
668
- "switchVariantSwitch": "default",
669
- "switchVariantActiveSwitch": "on",
670
- "switchVariantActiveSwitch:1": "off",
671
- "switchVariantActiveHandle": "on",
672
- "switchVariantActiveHandle:1": "off",
673
- "switchVariantHandle": "default",
674
- "switchVariantHandleIcon": "default",
675
- "switchVariantActiveHandleIcon": "on",
676
- "switchVariantActiveHandleIcon:1": "off"
896
+ "tooltipSizeRoot": "default",
897
+ "tooltipVariantRoot": "default",
898
+ "tooltipSizeSvg": "default",
899
+ "tooltipVariantSvg": "default",
900
+ "tooltipVariantBlur": "default",
901
+ "position": "absolute",
902
+ "width": "full",
903
+ "height": "full",
904
+ "tooltipSizeTitle": "default",
905
+ "tooltipSizeBody": "default",
906
+ "tooltipSizeEndContent": "default",
907
+ "tooltipSizeIcon": "default",
908
+ "tooltipVariantIcon": "default"
677
909
  },
678
910
  "cxLiterals": [
679
- "group",
680
911
  "flex",
681
- "items-center",
682
- "flex-row",
683
- "flex-row-reverse",
684
- "uds-ring",
685
- "uds-ring-within",
686
- "relative",
687
- "uds-border-radius-full",
688
- "transition-[background-color,box-shadow]",
689
- "pointer-events-none",
690
- "w-full",
691
- "h-full",
692
- "absolute",
912
+ "z-[9999]",
913
+ "stroke-1",
914
+ "uds-bgBlurFillFallback",
915
+ "uds-bgBlurFallback",
693
916
  "top-0",
694
- "bottom-0",
695
- "right-0",
696
917
  "left-0",
697
- "overflow-hidden",
698
- "group-hover:scale-105",
699
- "opacity-95",
700
- "group-hover:opacity-100",
701
- "transition-[transform,opacity]",
702
- "opacity-0",
703
- "top-1/2",
704
- "left-1/2",
705
- "transform",
706
- "translate-x-[-50%]",
707
- "translate-y-[-50%]",
918
+ "z-[1]",
708
919
  "transition-opacity",
709
- "cursor-[inherit]",
710
- "w-[calc(100%+2px)]",
711
- "h-[calc(100%+2px)]",
712
- "text-start",
713
- "text-end",
714
- "opacity-100"
920
+ "ease-in-out"
715
921
  ],
716
922
  "internalComponents": [
717
- "IconSlot",
718
923
  "Box",
719
- "FormLabel",
720
- "SpringMotionConfig",
721
- "RootElement",
722
- "MotionBox"
723
- ],
724
- "internalComponentProps": {
725
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
726
- "FormLabel": {
727
- "as": ["div"],
728
- "variant": ["inherit"],
729
- "color": ["inherit"]
730
- },
731
- "SpringMotionConfig": {
732
- "layoutVariant": ["bouncy"],
733
- "layoutSpeed": ["4"]
734
- },
735
- "RootElement": { "data-testid": ["switch-root"] },
736
- "MotionBox": { "layout": ["position"] }
737
- },
738
- "propToVariantKeys": {
739
- "size": [
740
- "switchSizeRoot",
741
- "switchSizeSwitch",
742
- "switchSizeHandle",
743
- "switchSizeHandleIcon"
744
- ],
745
- "onIcon": ["icon"],
746
- "offIcon": ["icon"],
747
- "reduceMotion": ["reducedMotion"],
748
- "isOn": ["layoutDependency"]
749
- },
750
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
751
- };
752
- var Tabs = {
753
- "name": "Tabs",
754
- "defaultProps": {},
755
- "getStylesLiterals": {
756
- "display": "flex",
757
- "flexDirection": "row",
758
- "columnGap": "6"
759
- },
760
- "cxLiterals": [
761
- "text-tertiary",
762
- "border-b-transparent",
763
- "aria-selected:border-b-brand",
764
- "aria-selected:text-secondary"
765
- ],
766
- "internalComponents": [
767
- "TabProvider",
768
- "OriginalTabList",
769
- "OriginalTab",
770
- "Icon",
771
- "OriginalTabPanel",
772
- "Pressable",
773
- "Comp",
924
+ "IconSlot",
925
+ "TooltipArrow",
926
+ "Tooltip",
927
+ "Fragment",
774
928
  "Text"
775
929
  ],
776
930
  "internalComponentProps": {
777
- "Icon": {
778
- "className": ["text-current"],
779
- "size": ["md"]
780
- },
781
- "Pressable": {
782
- "borderBottomWidth": ["medium"],
783
- "spacingBottom": ["1"],
784
- "spacingTop": ["4"]
785
- },
786
- "Text": {
787
- "className": ["text-current"],
788
- "variant": ["headline1"],
789
- "as": ["span"]
790
- }
791
- },
792
- "propToVariantKeys": {},
793
- "motionVarPrefixes": []
794
- };
795
- var Modal = {
796
- "name": "Modal",
797
- "defaultProps": {},
798
- "getStylesLiterals": {},
799
- "cxLiterals": [
800
- "inset-8",
801
- "top-[250px]",
802
- "z-50",
803
- "mx-auto",
804
- "h-fit",
805
- "w-[600px]",
806
- "origin-center",
807
- "scale-95",
808
- "opacity-0",
809
- "transition",
810
- "duration-150",
811
- "data-[enter]:scale-100",
812
- "data-[enter]:opacity-100",
813
- "data-[enter]:bg-primary",
814
- "backdrop-blur-0",
815
- "data-[enter]:opacity-60",
816
- "data-[enter]:backdrop-blur-sm"
817
- ],
818
- "internalComponents": [
819
- "IconButton",
820
- "Dialog",
821
- "HStack",
822
- "Text",
823
- "VStack"
824
- ],
825
- "internalComponentProps": {
826
- "IconButton": {
827
- "aria-label": ["Close"],
828
- "size": ["sm"],
829
- "variant": ["tertiary"]
830
- },
831
- "HStack": {
832
- "alignItems": ["center"],
833
- "justifyContent": ["space-between"]
834
- },
835
- "Text": {
836
- "variant": ["headline1"],
837
- "color": ["primary"]
838
- },
839
- "VStack": {
840
- "borderRadius": ["md"],
841
- "position": ["fixed"],
842
- "backgroundColor": ["primary"],
843
- "dropShadow": ["md"],
844
- "spacing": ["8"],
845
- "overflow": ["hidden"]
846
- }
847
- },
848
- "propToVariantKeys": { "handleClose": ["onClick"] },
849
- "motionVarPrefixes": []
850
- };
851
- var Accordion = {
852
- "name": "Accordion",
853
- "defaultProps": {
854
- "spacingHorizontal": "4",
855
- "spacingVertical": "4"
856
- },
857
- "getStylesLiterals": {},
858
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
859
- "internalComponents": [
860
- "Icon",
861
- "SpringMotionConfig",
862
- "Pressable",
863
- "Text",
864
- "HStack",
865
- "AnimatePresence",
866
- "VStack"
867
- ],
868
- "internalComponentProps": {
869
- "Icon": {
870
- "variant": ["fill"],
871
- "size": ["sm"],
872
- "color": ["primary"]
873
- },
874
- "SpringMotionConfig": {
875
- "layoutVariant": ["smooth"],
876
- "layoutSpeed": ["3"]
877
- },
878
- "Pressable": {
879
- "display": ["flex"],
880
- "flexDirection": ["row"],
931
+ "Box": {
932
+ "position": ["relative"],
933
+ "flexDirection": ["column"],
934
+ "className": ["z-[3] gap-[inherit]"],
881
935
  "alignItems": ["center"],
882
- "justifyContent": ["space-between"],
883
- "borderRadius": ["md"]
884
- },
885
- "Text": {
886
- "variant": ["title4"],
887
- "color": ["primary"]
936
+ "columnGap": ["1", "1.5"]
888
937
  },
889
- "HStack": {
890
- "display": ["flex"],
891
- "alignItems": ["center"],
892
- "justifyContent": ["space-between"],
893
- "columnGap": ["2.5"]
894
- }
895
- },
896
- "propToVariantKeys": {},
897
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
898
- };
899
- var AvatarImage = {
900
- "name": "AvatarImage",
901
- "defaultProps": {
902
- "size": "md",
903
- "variant": "primary"
904
- },
905
- "getStylesLiterals": {},
906
- "cxLiterals": [
907
- "overflow-hidden",
908
- "w-full",
909
- "h-full",
910
- "shrink-0",
911
- "text-center",
912
- "inline-flex",
913
- "justify-center",
914
- "items-center",
915
- "object-cover"
916
- ],
917
- "internalComponents": [
918
- "UDSImage",
919
- "AvatarText",
920
- "AvatarIcon",
921
- "Box"
922
- ],
923
- "internalComponentProps": {},
924
- "propToVariantKeys": {
925
- "alt": ["name"],
926
- "fallback": ["initials"]
927
- },
928
- "motionVarPrefixes": []
929
- };
930
- var AvatarText = {
931
- "name": "AvatarText",
932
- "defaultProps": {
933
- "size": "md",
934
- "variant": "primary"
938
+ "Text": { "color": ["inherit"] }
935
939
  },
936
- "getStylesLiterals": {},
937
- "cxLiterals": [
938
- "overflow-hidden",
939
- "truncate",
940
- "w-full",
941
- "h-full",
942
- "shrink-0",
943
- "text-center",
944
- "inline-flex",
945
- "justify-center",
946
- "items-center"
947
- ],
948
- "internalComponents": ["Box", "Text"],
949
- "internalComponentProps": { "Text": {
950
- "color": ["inherit"],
951
- "variant": ["inherit"]
952
- } },
953
- "propToVariantKeys": {},
940
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
954
941
  "motionVarPrefixes": []
955
942
  };
956
- var Avatar = {
957
- "name": "Avatar",
943
+ var TooltipTrigger = {
944
+ "name": "TooltipTrigger",
958
945
  "defaultProps": {},
959
946
  "getStylesLiterals": {},
960
947
  "cxLiterals": [],
961
- "internalComponents": ["AvatarImage"],
962
- "internalComponentProps": {},
963
- "propToVariantKeys": {},
964
- "motionVarPrefixes": []
965
- };
966
- var AvatarIcon = {
967
- "name": "AvatarIcon",
968
- "defaultProps": {
969
- "size": "md",
970
- "variant": "primary"
971
- },
972
- "getStylesLiterals": {},
973
- "cxLiterals": [
974
- "overflow-hidden",
975
- "w-full",
976
- "h-full",
977
- "shrink-0",
978
- "text-center",
979
- "inline-flex",
980
- "justify-center",
981
- "items-center"
982
- ],
983
- "internalComponents": ["IconSlot", "Box"],
984
- "internalComponentProps": {},
985
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
948
+ "internalComponents": ["TooltipAnchor"],
949
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
950
+ "propToVariantKeys": { "children": ["render"] },
986
951
  "motionVarPrefixes": []
987
952
  };
988
- var UDSToastConfigProvider = {
989
- "name": "UDSToastConfigProvider",
953
+ var UDSTooltipConfigProvider = {
954
+ "name": "UDSTooltipConfigProvider",
990
955
  "defaultProps": {},
991
956
  "getStylesLiterals": {},
992
957
  "cxLiterals": [],
993
- "internalComponents": ["ToastContext.Provider"],
958
+ "internalComponents": ["TooltipContext.Provider"],
994
959
  "internalComponentProps": {},
995
960
  "propToVariantKeys": {},
996
961
  "motionVarPrefixes": []
@@ -1067,28 +1032,14 @@ var ToastPortal = {
1067
1032
  "internalComponentProps": {},
1068
1033
  "propToVariantKeys": {},
1069
1034
  "motionVarPrefixes": []
1070
- };
1071
- var RadioGroupStore = {
1072
- "name": "RadioGroupStore",
1073
- "defaultProps": {},
1074
- "getStylesLiterals": {},
1075
- "cxLiterals": [],
1076
- "internalComponents": [],
1077
- "internalComponentProps": {},
1078
- "propToVariantKeys": {},
1079
- "motionVarPrefixes": []
1080
- };
1081
- var RadioGroupProvider = {
1082
- "name": "RadioGroupProvider",
1035
+ };
1036
+ var UDSToastConfigProvider = {
1037
+ "name": "UDSToastConfigProvider",
1083
1038
  "defaultProps": {},
1084
1039
  "getStylesLiterals": {},
1085
1040
  "cxLiterals": [],
1086
- "internalComponents": [
1087
- "DivProps",
1088
- "Comp",
1089
- "RadioGroupContext.Provider"
1090
- ],
1091
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1041
+ "internalComponents": ["ToastContext.Provider"],
1042
+ "internalComponentProps": {},
1092
1043
  "propToVariantKeys": {},
1093
1044
  "motionVarPrefixes": []
1094
1045
  };
@@ -1172,89 +1123,203 @@ var Radio = {
1172
1123
  },
1173
1124
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1174
1125
  };
1175
- var UDSTooltipConfigProvider = {
1176
- "name": "UDSTooltipConfigProvider",
1126
+ var RadioGroupProvider = {
1127
+ "name": "RadioGroupProvider",
1177
1128
  "defaultProps": {},
1178
1129
  "getStylesLiterals": {},
1179
1130
  "cxLiterals": [],
1180
- "internalComponents": ["TooltipContext.Provider"],
1181
- "internalComponentProps": {},
1131
+ "internalComponents": [
1132
+ "DivProps",
1133
+ "Comp",
1134
+ "RadioGroupContext.Provider"
1135
+ ],
1136
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1182
1137
  "propToVariantKeys": {},
1183
1138
  "motionVarPrefixes": []
1184
1139
  };
1185
- var TooltipTrigger = {
1186
- "name": "TooltipTrigger",
1140
+ var RadioGroupStore = {
1141
+ "name": "RadioGroupStore",
1187
1142
  "defaultProps": {},
1188
1143
  "getStylesLiterals": {},
1189
1144
  "cxLiterals": [],
1190
- "internalComponents": ["TooltipAnchor"],
1191
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1192
- "propToVariantKeys": { "children": ["render"] },
1145
+ "internalComponents": [],
1146
+ "internalComponentProps": {},
1147
+ "propToVariantKeys": {},
1193
1148
  "motionVarPrefixes": []
1194
1149
  };
1195
- var TooltipContent = {
1196
- "name": "TooltipContent",
1150
+ var Menu_Content = {
1151
+ "name": "Menu.Content",
1152
+ "defaultProps": {
1153
+ "size": "default",
1154
+ "variant": "default",
1155
+ "gutter": "1"
1156
+ },
1157
+ "getStylesLiterals": {},
1158
+ "cxLiterals": [
1159
+ "uds-menu-content",
1160
+ "transition-shadow",
1161
+ "duration-200",
1162
+ "ease-in-out",
1163
+ "min-w-60",
1164
+ "max-w-lg",
1165
+ "max-h-96",
1166
+ "overflow-auto",
1167
+ "uds-ring",
1168
+ "z-10",
1169
+ "group"
1170
+ ],
1171
+ "internalComponents": [
1172
+ "AriakitMenu",
1173
+ "AnimatePresence",
1174
+ "MotionVStack"
1175
+ ],
1176
+ "internalComponentProps": {},
1177
+ "propToVariantKeys": {
1178
+ "size": ["menucontentSizeRoot"],
1179
+ "variant": ["menucontentVariantRoot"]
1180
+ },
1181
+ "motionVarPrefixes": []
1182
+ };
1183
+ var Menu_Divider = {
1184
+ "name": "Menu.Divider",
1185
+ "defaultProps": {
1186
+ "role": "separator",
1187
+ "contentPosition": "start",
1188
+ "gap": "4"
1189
+ },
1190
+ "getStylesLiterals": {
1191
+ "menuitemDividerVariantRoot": "default",
1192
+ "menuitemDividerVariantText": "default",
1193
+ "menuitemDividerVariantLine": "default"
1194
+ },
1195
+ "cxLiterals": [],
1196
+ "internalComponents": ["DividerInternal"],
1197
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1198
+ "propToVariantKeys": {},
1199
+ "motionVarPrefixes": []
1200
+ };
1201
+ var Menu_Item = {
1202
+ "name": "Menu.Item",
1197
1203
  "defaultProps": {},
1198
1204
  "getStylesLiterals": {
1199
- "tooltipSizeRoot": "default",
1200
- "tooltipVariantRoot": "default",
1201
- "tooltipSizeSvg": "default",
1202
- "tooltipVariantSvg": "default",
1203
- "tooltipVariantBlur": "default",
1204
- "position": "absolute",
1205
- "width": "full",
1206
- "height": "full",
1207
- "tooltipSizeTitle": "default",
1208
- "tooltipSizeBody": "default",
1209
- "tooltipSizeEndContent": "default",
1210
- "tooltipSizeIcon": "default",
1211
- "tooltipVariantIcon": "default"
1205
+ "menuitemItemVariantRoot": "default",
1206
+ "menuitemItemVariantActiveRoot": "on",
1207
+ "menuitemItemVariantActiveRoot:1": "off",
1208
+ "menuitemItemVariantText": "default",
1209
+ "menuitemItemVariantActiveText": "on",
1210
+ "menuitemItemVariantActiveText:1": "off",
1211
+ "menuitemItemVariantIcon": "default",
1212
+ "menuitemItemVariantActiveIcon": "on",
1213
+ "menuitemItemVariantActiveIcon:1": "off"
1214
+ },
1215
+ "cxLiterals": [],
1216
+ "internalComponents": ["MenuItemBase"],
1217
+ "internalComponentProps": {},
1218
+ "propToVariantKeys": {},
1219
+ "motionVarPrefixes": []
1220
+ };
1221
+ var Menu_ItemBase = {
1222
+ "name": "Menu.ItemBase",
1223
+ "defaultProps": {
1224
+ "spacing": "0",
1225
+ "spacingHorizontal": "4",
1226
+ "spacingVertical": "3.5",
1227
+ "columnGap": "2",
1228
+ "alignItems": "center",
1229
+ "justifyContent": "space-between"
1230
+ },
1231
+ "getStylesLiterals": {
1232
+ "textAlign": "start",
1233
+ "menuitemSizeRoot": "default",
1234
+ "flexDirection": "row",
1235
+ "menuitemSizeStartIcon": "default",
1236
+ "menuitemSizeEndIcon": "default"
1212
1237
  },
1213
1238
  "cxLiterals": [
1214
1239
  "flex",
1215
- "z-[9999]",
1216
- "stroke-1",
1217
- "uds-bgBlurFillFallback",
1218
- "uds-bgBlurFallback",
1219
- "top-0",
1220
- "left-0",
1221
- "z-[1]",
1222
- "transition-opacity",
1240
+ "focus-visible:text-brand",
1241
+ "focus-visible:bg-brand-secondary",
1242
+ "focus-visible:z-10",
1243
+ "uds-ring",
1244
+ "!-outline-offset-2",
1245
+ "[&:not([aria-checked])]:cursor-default",
1246
+ "opacity-25",
1247
+ "cursor-not-allowed",
1248
+ "duration-20",
1249
+ "transition-[font-variation-settings]",
1223
1250
  "ease-in-out",
1224
- "absolute",
1225
- "w-full",
1226
- "h-full",
1227
- "overflow-visible",
1228
- "pointer-events-none",
1229
- "z-[2]"
1251
+ "z-0"
1230
1252
  ],
1231
1253
  "internalComponents": [
1232
- "Box",
1254
+ "Pressable",
1233
1255
  "IconSlot",
1234
- "TooltipArrow",
1235
- "Tooltip",
1236
- "Fragment",
1237
- "Text"
1256
+ "RootComponent",
1257
+ "HStack",
1258
+ "AnimatePresence"
1238
1259
  ],
1239
1260
  "internalComponentProps": {
1240
- "Box": {
1241
- "position": ["relative"],
1242
- "flexDirection": ["column"],
1243
- "className": ["z-[3] gap-[inherit]"],
1261
+ "HStack": {
1244
1262
  "alignItems": ["center"],
1245
- "columnGap": ["1", "1.5"]
1263
+ "width": ["full"]
1246
1264
  },
1247
- "Text": { "color": ["inherit"] }
1265
+ "AnimatePresence": { "mode": ["popLayout"] }
1266
+ },
1267
+ "propToVariantKeys": {
1268
+ "startIcon": ["icon"],
1269
+ "endIcon": ["icon"],
1270
+ "columnGap": ["gap"]
1248
1271
  },
1249
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1250
1272
  "motionVarPrefixes": []
1251
1273
  };
1252
- var Tooltip = {
1253
- "name": "Tooltip",
1274
+ var Menu_ItemCheckbox = {
1275
+ "name": "Menu.ItemCheckbox",
1276
+ "defaultProps": {},
1277
+ "getStylesLiterals": {
1278
+ "menuitemItemCheckboxVariantRoot": "default",
1279
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1280
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1281
+ "menuitemItemCheckboxVariantText": "default",
1282
+ "menuitemItemCheckboxVariantActiveText": "on",
1283
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1284
+ "menuitemItemCheckboxVariantStartIcon": "default",
1285
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1286
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1287
+ "menuitemItemCheckboxVariantEndIcon": "default",
1288
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1289
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1290
+ },
1291
+ "cxLiterals": ["uds-menu-item-checkbox"],
1292
+ "internalComponents": ["MenuItemBase"],
1293
+ "internalComponentProps": {},
1294
+ "propToVariantKeys": {},
1295
+ "motionVarPrefixes": []
1296
+ };
1297
+ var Menu_Provider = {
1298
+ "name": "Menu.Provider",
1254
1299
  "defaultProps": {},
1255
1300
  "getStylesLiterals": {},
1256
1301
  "cxLiterals": [],
1257
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1302
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1303
+ "internalComponentProps": {},
1304
+ "propToVariantKeys": {},
1305
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1306
+ };
1307
+ var Menu_Trigger = {
1308
+ "name": "Menu.Trigger",
1309
+ "defaultProps": {},
1310
+ "getStylesLiterals": {},
1311
+ "cxLiterals": ["uds-menu-trigger"],
1312
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1313
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1314
+ "propToVariantKeys": {},
1315
+ "motionVarPrefixes": []
1316
+ };
1317
+ var Menu = {
1318
+ "name": "Menu",
1319
+ "defaultProps": {},
1320
+ "getStylesLiterals": {},
1321
+ "cxLiterals": [],
1322
+ "internalComponents": [],
1258
1323
  "internalComponentProps": {},
1259
1324
  "propToVariantKeys": {},
1260
1325
  "motionVarPrefixes": []
@@ -1373,391 +1438,477 @@ var InputHelpTextInternal = {
1373
1438
  "alignItems": ["center"]
1374
1439
  } },
1375
1440
  "propToVariantKeys": {
1376
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1441
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1442
+ "startIcon": ["icon"],
1443
+ "endIcon": ["icon"]
1444
+ },
1445
+ "motionVarPrefixes": []
1446
+ };
1447
+ var Chip = {
1448
+ "name": "Chip",
1449
+ "defaultProps": {},
1450
+ "getStylesLiterals": {},
1451
+ "cxLiterals": [],
1452
+ "internalComponents": [
1453
+ "ChipDismissible",
1454
+ "ChipToggle",
1455
+ "ChipLink",
1456
+ "ChipButton"
1457
+ ],
1458
+ "internalComponentProps": {},
1459
+ "propToVariantKeys": {},
1460
+ "motionVarPrefixes": []
1461
+ };
1462
+ var ChipBase = {
1463
+ "name": "ChipBase",
1464
+ "defaultProps": { "as": "div" },
1465
+ "getStylesLiterals": {},
1466
+ "cxLiterals": [
1467
+ "pointer-events-none",
1468
+ "cursor-default",
1469
+ "opacity-50",
1470
+ "inline-flex",
1471
+ "items-center",
1472
+ "transition-[background-color,outline-color,box-shadow]",
1473
+ "truncate",
1474
+ "whitespace-nowrap",
1475
+ "text-center",
1476
+ "flex-1"
1477
+ ],
1478
+ "internalComponents": [
1479
+ "IconSlot",
1480
+ "HStack",
1481
+ "As",
1482
+ "Text"
1483
+ ],
1484
+ "internalComponentProps": { "Text": {
1485
+ "as": ["span"],
1486
+ "color": ["current"],
1487
+ "variant": ["inherit"]
1488
+ } },
1489
+ "propToVariantKeys": {
1490
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1377
1491
  "startIcon": ["icon"],
1378
1492
  "endIcon": ["icon"]
1379
1493
  },
1380
1494
  "motionVarPrefixes": []
1381
1495
  };
1382
- var UDSConfigProvider = {
1383
- "name": "UDSConfigProvider",
1496
+ var ChipButton = {
1497
+ "name": "ChipButton",
1384
1498
  "defaultProps": {},
1385
1499
  "getStylesLiterals": {},
1386
- "cxLiterals": [],
1500
+ "cxLiterals": ["uds-ring"],
1501
+ "internalComponents": ["ChipBase"],
1502
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1503
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1504
+ "motionVarPrefixes": []
1505
+ };
1506
+ var ChipDismissible = {
1507
+ "name": "ChipDismissible",
1508
+ "defaultProps": {},
1509
+ "getStylesLiterals": {},
1510
+ "cxLiterals": [
1511
+ "uds-chip-dismissible-button",
1512
+ "uds-hit-target",
1513
+ "uds-ring",
1514
+ "rounded-full"
1515
+ ],
1387
1516
  "internalComponents": [
1388
- "UDSBreakpointsConfigProvider",
1389
- "UDSToastConfigProvider",
1390
- "UDSTooltipConfigProvider"
1517
+ "ChipBase",
1518
+ "IconSlot",
1519
+ "Pressable"
1391
1520
  ],
1392
1521
  "internalComponentProps": {},
1393
- "propToVariantKeys": {},
1522
+ "propToVariantKeys": {
1523
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1524
+ "dismissButtonAriaLabel": ["aria-label"]
1525
+ },
1394
1526
  "motionVarPrefixes": []
1395
1527
  };
1396
- var UDSBreakpointsConfigProvider = {
1397
- "name": "UDSBreakpointsConfigProvider",
1528
+ var ChipLink = {
1529
+ "name": "ChipLink",
1398
1530
  "defaultProps": {},
1399
1531
  "getStylesLiterals": {},
1400
- "cxLiterals": [],
1401
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1402
- "internalComponentProps": {},
1403
- "propToVariantKeys": {},
1532
+ "cxLiterals": ["uds-ring"],
1533
+ "internalComponents": ["ChipBase"],
1534
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1535
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1404
1536
  "motionVarPrefixes": []
1405
1537
  };
1406
- var Menu_Item = {
1407
- "name": "Menu.Item",
1408
- "defaultProps": {},
1538
+ var ChipToggle = {
1539
+ "name": "ChipToggle",
1540
+ "defaultProps": { "role": "checkbox" },
1409
1541
  "getStylesLiterals": {
1410
- "menuitemItemVariantRoot": "default",
1411
- "menuitemItemVariantActiveRoot": "on",
1412
- "menuitemItemVariantActiveRoot:1": "off",
1413
- "menuitemItemVariantText": "default",
1414
- "menuitemItemVariantActiveText": "on",
1415
- "menuitemItemVariantActiveText:1": "off",
1416
- "menuitemItemVariantIcon": "default",
1417
- "menuitemItemVariantActiveIcon": "on",
1418
- "menuitemItemVariantActiveIcon:1": "off"
1542
+ "chipToggleVariantActiveRoot": "on",
1543
+ "chipToggleVariantActiveRoot:1": "off"
1419
1544
  },
1420
- "cxLiterals": [],
1421
- "internalComponents": ["MenuItemBase"],
1422
- "internalComponentProps": {},
1423
- "propToVariantKeys": {},
1545
+ "cxLiterals": ["uds-ring"],
1546
+ "internalComponents": ["ChipBase"],
1547
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1548
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1424
1549
  "motionVarPrefixes": []
1425
1550
  };
1426
- var Menu_Provider = {
1427
- "name": "Menu.Provider",
1428
- "defaultProps": {},
1551
+ var BottomSheet = {
1552
+ "name": "BottomSheet",
1553
+ "defaultProps": { "variant": "default" },
1429
1554
  "getStylesLiterals": {},
1430
- "cxLiterals": [],
1431
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1432
- "internalComponentProps": {},
1433
- "propToVariantKeys": {},
1434
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1435
- };
1436
- var Menu_ItemBase = {
1437
- "name": "Menu.ItemBase",
1438
- "defaultProps": {
1439
- "spacing": "0",
1440
- "spacingHorizontal": "4",
1441
- "spacingVertical": "3.5",
1442
- "columnGap": "2",
1443
- "alignItems": "center",
1444
- "justifyContent": "space-between"
1445
- },
1446
- "getStylesLiterals": {
1447
- "textAlign": "start",
1448
- "menuitemSizeRoot": "default",
1449
- "flexDirection": "row",
1450
- "menuitemSizeStartIcon": "default",
1451
- "menuitemSizeEndIcon": "default"
1452
- },
1453
1555
  "cxLiterals": [
1454
- "flex",
1455
- "focus-visible:text-brand",
1456
- "focus-visible:bg-brand-secondary",
1457
- "focus-visible:z-10",
1458
- "uds-ring",
1459
- "!-outline-offset-2",
1460
- "[&:not([aria-checked])]:cursor-default",
1461
- "opacity-25",
1462
- "cursor-not-allowed",
1463
- "duration-20",
1464
- "transition-[font-variation-settings]",
1465
- "ease-in-out",
1466
- "z-0",
1467
- "uds-start-icon",
1468
- "uds-end-icon"
1556
+ "fixed",
1557
+ "overflow-hidden",
1558
+ "inset-x-0",
1559
+ "bottom-0",
1560
+ "z-50",
1561
+ "[will-change:transform]",
1562
+ "touch-none",
1563
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1564
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1565
+ "transition-transform",
1566
+ "duration-500",
1567
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1568
+ "motion-reduce:transition-none",
1569
+ "top-[-4px]",
1570
+ "z-[1]",
1571
+ "touch-pan-y"
1469
1572
  ],
1470
1573
  "internalComponents": [
1471
- "Pressable",
1472
- "IconSlot",
1473
- "RootComponent",
1474
- "HStack",
1475
- "AnimatePresence"
1574
+ "Scrim",
1575
+ "BottomSheetHandle",
1576
+ "Dialog",
1577
+ "Box"
1476
1578
  ],
1477
1579
  "internalComponentProps": {
1478
- "HStack": {
1479
- "alignItems": ["center"],
1480
- "width": ["full"]
1481
- },
1482
- "AnimatePresence": { "mode": ["popLayout"] }
1580
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1581
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1582
+ "Box": {
1583
+ "display": ["block"],
1584
+ "position": ["absolute"]
1585
+ }
1483
1586
  },
1484
- "propToVariantKeys": {
1485
- "startIcon": ["icon"],
1486
- "endIcon": ["icon"],
1487
- "columnGap": ["gap"]
1587
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1588
+ "motionVarPrefixes": []
1589
+ };
1590
+ var BottomSheetContent = {
1591
+ "name": "BottomSheetContent",
1592
+ "defaultProps": {},
1593
+ "getStylesLiterals": {},
1594
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1595
+ "internalComponents": ["Box", "VStack"],
1596
+ "internalComponentProps": {
1597
+ "Box": {
1598
+ "display": ["block"],
1599
+ "overflowY": ["auto"],
1600
+ "flex": ["1"]
1601
+ },
1602
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1488
1603
  },
1604
+ "propToVariantKeys": {},
1489
1605
  "motionVarPrefixes": []
1490
1606
  };
1491
- var Menu_Trigger = {
1492
- "name": "Menu.Trigger",
1607
+ var BottomSheetDismiss = {
1608
+ "name": "BottomSheetDismiss",
1493
1609
  "defaultProps": {},
1494
1610
  "getStylesLiterals": {},
1495
- "cxLiterals": ["uds-menu-trigger"],
1496
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1497
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1611
+ "cxLiterals": [],
1612
+ "internalComponents": ["AriakitDialogDismiss"],
1613
+ "internalComponentProps": {},
1498
1614
  "propToVariantKeys": {},
1499
1615
  "motionVarPrefixes": []
1500
1616
  };
1501
- var Menu_Content = {
1502
- "name": "Menu.Content",
1503
- "defaultProps": {
1504
- "size": "default",
1505
- "variant": "default",
1506
- "gutter": "1"
1507
- },
1617
+ var BottomSheetHandle = {
1618
+ "name": "BottomSheetHandle",
1619
+ "defaultProps": {},
1508
1620
  "getStylesLiterals": {},
1509
1621
  "cxLiterals": [
1510
- "uds-menu-content",
1511
- "transition-shadow",
1512
- "duration-200",
1513
- "ease-in-out",
1514
- "min-w-60",
1515
- "max-w-lg",
1516
- "max-h-96",
1517
- "overflow-auto",
1518
- "uds-ring",
1519
- "z-10",
1520
- "group"
1622
+ "relative",
1623
+ "h-5",
1624
+ "w-16",
1625
+ "outline-none",
1626
+ "focus-visible:outline-none",
1627
+ "[touch-action:pan-y]",
1628
+ "absolute",
1629
+ "left-1/2",
1630
+ "top-1/2",
1631
+ "-translate-x-1/2",
1632
+ "-translate-y-1/2",
1633
+ "h-1",
1634
+ "w-8",
1635
+ "rounded-full",
1636
+ "bg-accent"
1521
1637
  ],
1522
- "internalComponents": [
1523
- "AriakitMenu",
1524
- "AnimatePresence",
1525
- "MotionVStack"
1638
+ "internalComponents": ["Box"],
1639
+ "internalComponentProps": { "Box": {
1640
+ "display": ["block", "flex"],
1641
+ "justifyContent": ["center"]
1642
+ } },
1643
+ "propToVariantKeys": {},
1644
+ "motionVarPrefixes": []
1645
+ };
1646
+ var BottomSheetHeader = {
1647
+ "name": "BottomSheetHeader",
1648
+ "defaultProps": { "variant": "default" },
1649
+ "getStylesLiterals": {},
1650
+ "cxLiterals": [
1651
+ "grid-cols-[40px_1fr_40px]",
1652
+ "items-center",
1653
+ "w-full",
1654
+ "min-h-10",
1655
+ "mt-2"
1526
1656
  ],
1527
- "internalComponentProps": {},
1528
- "propToVariantKeys": {
1529
- "size": ["menucontentSizeRoot"],
1530
- "variant": ["menucontentVariantRoot"]
1657
+ "internalComponents": ["Box", "Text"],
1658
+ "internalComponentProps": {
1659
+ "Box": {
1660
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1661
+ "display": ["grid", "flex"],
1662
+ "justifyContent": ["flex-start", "flex-end"]
1663
+ },
1664
+ "Text": {
1665
+ "variant": ["inherit"],
1666
+ "color": ["inherit"],
1667
+ "textAlign": ["center"],
1668
+ "className": ["w-full"]
1669
+ }
1531
1670
  },
1671
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1532
1672
  "motionVarPrefixes": []
1533
1673
  };
1534
- var Menu_Divider = {
1535
- "name": "Menu.Divider",
1536
- "defaultProps": {
1537
- "role": "separator",
1538
- "contentPosition": "start",
1539
- "gap": "4"
1540
- },
1541
- "getStylesLiterals": {
1542
- "menuitemDividerVariantRoot": "default",
1543
- "menuitemDividerVariantText": "default",
1544
- "menuitemDividerVariantLine": "default"
1545
- },
1674
+ var BottomSheetProvider = {
1675
+ "name": "BottomSheetProvider",
1676
+ "defaultProps": {},
1677
+ "getStylesLiterals": {},
1546
1678
  "cxLiterals": [],
1547
- "internalComponents": ["DividerInternal"],
1548
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1679
+ "internalComponents": ["AriakitDialogProvider"],
1680
+ "internalComponentProps": {},
1549
1681
  "propToVariantKeys": {},
1550
1682
  "motionVarPrefixes": []
1551
1683
  };
1552
- var Menu = {
1553
- "name": "Menu",
1684
+ var BottomSheetTrigger = {
1685
+ "name": "BottomSheetTrigger",
1554
1686
  "defaultProps": {},
1555
1687
  "getStylesLiterals": {},
1556
1688
  "cxLiterals": [],
1557
- "internalComponents": [],
1689
+ "internalComponents": ["AriakitDialogDisclosure"],
1558
1690
  "internalComponentProps": {},
1559
1691
  "propToVariantKeys": {},
1560
1692
  "motionVarPrefixes": []
1561
1693
  };
1562
- var Menu_ItemCheckbox = {
1563
- "name": "Menu.ItemCheckbox",
1694
+ var UDSBottomSheetConfigProvider = {
1695
+ "name": "UDSBottomSheetConfigProvider",
1564
1696
  "defaultProps": {},
1565
- "getStylesLiterals": {
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"
1578
- },
1579
- "cxLiterals": ["uds-menu-item-checkbox"],
1580
- "internalComponents": ["MenuItemBase"],
1697
+ "getStylesLiterals": {},
1698
+ "cxLiterals": [],
1699
+ "internalComponents": ["BottomSheetContext.Provider"],
1700
+ "internalComponentProps": {},
1701
+ "propToVariantKeys": {},
1702
+ "motionVarPrefixes": []
1703
+ };
1704
+ var Avatar = {
1705
+ "name": "Avatar",
1706
+ "defaultProps": {},
1707
+ "getStylesLiterals": {},
1708
+ "cxLiterals": [],
1709
+ "internalComponents": ["AvatarImage"],
1581
1710
  "internalComponentProps": {},
1582
1711
  "propToVariantKeys": {},
1583
1712
  "motionVarPrefixes": []
1584
1713
  };
1585
- var ChipLink = {
1586
- "name": "ChipLink",
1587
- "defaultProps": { "variant": "primary" },
1714
+ var AvatarIcon = {
1715
+ "name": "AvatarIcon",
1716
+ "defaultProps": {},
1588
1717
  "getStylesLiterals": {},
1589
- "cxLiterals": ["uds-ring"],
1590
- "internalComponents": ["ChipBase"],
1591
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1592
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1718
+ "cxLiterals": [
1719
+ "overflow-hidden",
1720
+ "w-full",
1721
+ "h-full",
1722
+ "shrink-0",
1723
+ "text-center",
1724
+ "inline-flex",
1725
+ "justify-center",
1726
+ "items-center"
1727
+ ],
1728
+ "internalComponents": ["IconSlot", "Box"],
1729
+ "internalComponentProps": {},
1730
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1593
1731
  "motionVarPrefixes": []
1594
1732
  };
1595
- var ChipDismissible = {
1596
- "name": "ChipDismissible",
1597
- "defaultProps": { "variant": "primary" },
1733
+ var AvatarImage = {
1734
+ "name": "AvatarImage",
1735
+ "defaultProps": {},
1598
1736
  "getStylesLiterals": {},
1599
1737
  "cxLiterals": [
1600
- "uds-chip-dismissible-button",
1601
- "uds-hit-target",
1602
- "uds-ring",
1603
- "rounded-full"
1738
+ "overflow-hidden",
1739
+ "w-full",
1740
+ "h-full",
1741
+ "shrink-0",
1742
+ "text-center",
1743
+ "inline-flex",
1744
+ "justify-center",
1745
+ "items-center",
1746
+ "object-cover"
1604
1747
  ],
1605
1748
  "internalComponents": [
1606
- "ChipBase",
1607
- "IconSlot",
1608
- "Pressable"
1749
+ "UDSImage",
1750
+ "AvatarText",
1751
+ "AvatarIcon",
1752
+ "Box"
1609
1753
  ],
1610
1754
  "internalComponentProps": {},
1611
1755
  "propToVariantKeys": {
1612
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1613
- "dismissButtonAriaLabel": ["aria-label"]
1756
+ "alt": ["name"],
1757
+ "fallback": ["initials"]
1614
1758
  },
1615
1759
  "motionVarPrefixes": []
1616
1760
  };
1617
- var ChipToggle = {
1618
- "name": "ChipToggle",
1619
- "defaultProps": {
1620
- "variant": "primary",
1621
- "role": "checkbox"
1622
- },
1623
- "getStylesLiterals": {
1624
- "chipToggleVariantActiveRoot": "on",
1625
- "chipToggleVariantActiveRoot:1": "off"
1626
- },
1627
- "cxLiterals": ["uds-ring"],
1628
- "internalComponents": ["ChipBase"],
1629
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1630
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1761
+ var AvatarText = {
1762
+ "name": "AvatarText",
1763
+ "defaultProps": {},
1764
+ "getStylesLiterals": {},
1765
+ "cxLiterals": [
1766
+ "overflow-hidden",
1767
+ "truncate",
1768
+ "w-full",
1769
+ "h-full",
1770
+ "shrink-0",
1771
+ "text-center",
1772
+ "inline-flex",
1773
+ "justify-center",
1774
+ "items-center"
1775
+ ],
1776
+ "internalComponents": ["Box", "Text"],
1777
+ "internalComponentProps": { "Text": {
1778
+ "color": ["inherit"],
1779
+ "variant": ["inherit"]
1780
+ } },
1781
+ "propToVariantKeys": {},
1631
1782
  "motionVarPrefixes": []
1632
1783
  };
1633
- var Chip = {
1634
- "name": "Chip",
1784
+ var Divider = {
1785
+ "name": "Divider",
1635
1786
  "defaultProps": {},
1636
1787
  "getStylesLiterals": {},
1637
1788
  "cxLiterals": [],
1638
- "internalComponents": [
1639
- "ChipDismissible",
1640
- "ChipToggle",
1641
- "ChipLink",
1642
- "ChipButton"
1643
- ],
1789
+ "internalComponents": ["DividerInternal"],
1644
1790
  "internalComponentProps": {},
1645
1791
  "propToVariantKeys": {},
1646
1792
  "motionVarPrefixes": []
1647
1793
  };
1648
- var ChipBase = {
1649
- "name": "ChipBase",
1650
- "defaultProps": {
1651
- "size": "md",
1652
- "as": "div"
1653
- },
1794
+ var DividerCore = {
1795
+ "name": "DividerCore",
1796
+ "defaultProps": { "contentPosition": "center" },
1654
1797
  "getStylesLiterals": {},
1655
- "cxLiterals": [
1656
- "pointer-events-none",
1657
- "cursor-default",
1658
- "opacity-50",
1659
- "inline-flex",
1660
- "items-center",
1661
- "transition-[background-color,outline-color,box-shadow]",
1662
- "truncate",
1663
- "whitespace-nowrap",
1664
- "text-center",
1665
- "flex-1"
1666
- ],
1798
+ "cxLiterals": [],
1667
1799
  "internalComponents": [
1668
- "IconSlot",
1669
- "HStack",
1670
- "As",
1800
+ "Box",
1801
+ "Line",
1802
+ "InternalComponent",
1671
1803
  "Text"
1672
1804
  ],
1673
- "internalComponentProps": { "Text": {
1674
- "as": ["span"],
1675
- "color": ["current"],
1676
- "variant": ["inherit"]
1677
- } },
1678
- "propToVariantKeys": {
1679
- "size": ["chipSizeRoot", "chipSizeIcon"],
1680
- "startIcon": ["icon"],
1681
- "endIcon": ["icon"]
1805
+ "internalComponentProps": {
1806
+ "Box": {
1807
+ "flex": ["1", "none"],
1808
+ "display": ["flex"]
1809
+ },
1810
+ "InternalComponent": {
1811
+ "flex": ["1"],
1812
+ "alignItems": ["center"]
1813
+ },
1814
+ "Text": {
1815
+ "as": ["span"],
1816
+ "color": ["inherit"],
1817
+ "variant": ["inherit"]
1818
+ }
1682
1819
  },
1820
+ "propToVariantKeys": {},
1683
1821
  "motionVarPrefixes": []
1684
1822
  };
1685
- var ChipButton = {
1686
- "name": "ChipButton",
1823
+ var DividerInternal = {
1824
+ "name": "DividerInternal",
1687
1825
  "defaultProps": { "variant": "primary" },
1688
1826
  "getStylesLiterals": {},
1689
- "cxLiterals": ["uds-ring"],
1690
- "internalComponents": ["ChipBase"],
1691
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1692
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1827
+ "cxLiterals": ["inherit"],
1828
+ "internalComponents": ["DividerCore"],
1829
+ "internalComponentProps": {},
1830
+ "propToVariantKeys": { "variant": [
1831
+ "dividerVariantRoot",
1832
+ "dividerVariantLabel",
1833
+ "dividerVariantLine"
1834
+ ] },
1693
1835
  "motionVarPrefixes": []
1694
1836
  };
1695
1837
  var componentData_default = {
1696
- Link,
1697
- VStack,
1698
1838
  Box,
1699
- Icon,
1700
1839
  FormLabel,
1701
- Text,
1702
- IconSlot,
1703
1840
  HStack,
1841
+ Icon,
1842
+ IconSlot,
1704
1843
  Image,
1844
+ Link,
1845
+ Scrim,
1846
+ Text,
1847
+ VStack,
1848
+ Spinner,
1705
1849
  "Table.mocks": Table_mocks,
1706
1850
  Table,
1707
- Spinner,
1708
- DividerCore,
1709
- DividerInternal,
1710
- Divider,
1711
- Button,
1712
- Checkbox,
1713
- SpringMotionConfig,
1714
- IconButton,
1715
- Switch,
1716
- Badge,
1717
- AnimateHeightChange,
1718
- Pressable,
1851
+ Accordion,
1719
1852
  AvoidMotionLibraryProvider,
1720
- SegmentedControl,
1853
+ Modal,
1721
1854
  Popover,
1855
+ SegmentedControl,
1722
1856
  SwitchV2,
1723
1857
  Tabs,
1724
- Modal,
1725
- Accordion,
1726
- AvatarImage,
1727
- AvatarText,
1728
- Avatar,
1729
- AvatarIcon,
1730
- UDSToastConfigProvider,
1858
+ AnimateHeightChange,
1859
+ Badge,
1860
+ Button,
1861
+ Checkbox,
1862
+ IconButton,
1863
+ Pressable,
1864
+ SpringMotionConfig,
1865
+ Switch,
1866
+ UDSBreakpointsConfigProvider,
1867
+ UDSConfigProvider,
1868
+ Tooltip,
1869
+ TooltipContent,
1870
+ TooltipTrigger,
1871
+ UDSTooltipConfigProvider,
1731
1872
  Toast,
1732
1873
  ToastContainer,
1733
1874
  ToastPortal,
1734
- RadioGroupStore,
1735
- RadioGroupProvider,
1875
+ UDSToastConfigProvider,
1736
1876
  Radio,
1737
- UDSTooltipConfigProvider,
1738
- TooltipTrigger,
1739
- TooltipContent,
1740
- Tooltip,
1741
- Input,
1742
- InputHelpText,
1743
- InputHelpTextInternal,
1744
- UDSConfigProvider,
1745
- UDSBreakpointsConfigProvider,
1877
+ RadioGroupProvider,
1878
+ RadioGroupStore,
1879
+ "Menu.Content": Menu_Content,
1880
+ "Menu.Divider": Menu_Divider,
1746
1881
  "Menu.Item": Menu_Item,
1747
- "Menu.Provider": Menu_Provider,
1748
1882
  "Menu.ItemBase": Menu_ItemBase,
1883
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
1884
+ "Menu.Provider": Menu_Provider,
1749
1885
  "Menu.Trigger": Menu_Trigger,
1750
- "Menu.Content": Menu_Content,
1751
- "Menu.Divider": Menu_Divider,
1752
1886
  Menu,
1753
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
1754
- ChipLink,
1755
- ChipDismissible,
1756
- ChipToggle,
1887
+ Input,
1888
+ InputHelpText,
1889
+ InputHelpTextInternal,
1757
1890
  Chip,
1758
1891
  ChipBase,
1759
- ChipButton
1892
+ ChipButton,
1893
+ ChipDismissible,
1894
+ ChipLink,
1895
+ ChipToggle,
1896
+ BottomSheet,
1897
+ BottomSheetContent,
1898
+ BottomSheetDismiss,
1899
+ BottomSheetHandle,
1900
+ BottomSheetHeader,
1901
+ BottomSheetProvider,
1902
+ BottomSheetTrigger,
1903
+ UDSBottomSheetConfigProvider,
1904
+ Avatar,
1905
+ AvatarIcon,
1906
+ AvatarImage,
1907
+ AvatarText,
1908
+ Divider,
1909
+ DividerCore,
1910
+ DividerInternal
1760
1911
  };
1761
1912
 
1762
1913
  //#endregion
1763
- export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Modal, Popover, Pressable, Radio, RadioGroupProvider, RadioGroupStore, SegmentedControl, Spinner, SpringMotionConfig, Switch, SwitchV2, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };
1914
+ export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Modal, Popover, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, Switch, SwitchV2, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };