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