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