@tamagui/web 1.114.3 → 1.115.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 (299) hide show
  1. package/dist/cjs/Tamagui.cjs +80 -0
  2. package/dist/cjs/_withStableStyle.cjs +51 -0
  3. package/dist/cjs/config.cjs +111 -0
  4. package/dist/cjs/constants/{accessibilityDirectMap.js → accessibilityDirectMap.cjs} +19 -11
  5. package/dist/cjs/constants/accessibilityDirectMap.native.cjs +34 -0
  6. package/dist/cjs/constants/accessibilityDirectMap.native.cjs.map +6 -0
  7. package/dist/cjs/constants/constants.cjs +45 -0
  8. package/dist/cjs/constants/isDevTools.cjs +31 -0
  9. package/dist/cjs/constants/webToNativeProps.cjs +28 -0
  10. package/dist/cjs/constants/webToNativeProps.native.cjs +102 -0
  11. package/dist/cjs/constants/webToNativeProps.native.cjs.map +6 -0
  12. package/dist/cjs/contexts/{ComponentContext.js → ComponentContext.cjs} +17 -12
  13. package/dist/cjs/{createComponent.js → createComponent.cjs} +407 -317
  14. package/dist/cjs/createFont.cjs +42 -0
  15. package/dist/cjs/createShorthands.cjs +28 -0
  16. package/dist/cjs/createTamagui.cjs +235 -0
  17. package/dist/cjs/createTheme.cjs +26 -0
  18. package/dist/cjs/createTokens.cjs +29 -0
  19. package/dist/cjs/{createVariable.js → createVariable.cjs} +31 -24
  20. package/dist/cjs/createVariables.cjs +58 -0
  21. package/dist/cjs/defaultComponentState.cjs +44 -0
  22. package/dist/cjs/helpers/ThemeManager.cjs +184 -0
  23. package/dist/cjs/helpers/{ThemeManagerContext.js → ThemeManagerContext.cjs} +22 -14
  24. package/dist/cjs/helpers/createMediaStyle.cjs +96 -0
  25. package/dist/cjs/helpers/{createShallowSetState.js → createShallowSetState.cjs} +29 -22
  26. package/dist/cjs/helpers/createStyledContext.cjs +70 -0
  27. package/dist/cjs/helpers/defaultOffset.cjs +29 -0
  28. package/dist/cjs/helpers/expandStyle.cjs +67 -0
  29. package/dist/cjs/helpers/expandStyles.cjs +40 -0
  30. package/dist/cjs/helpers/getExpandedShorthands.cjs +33 -0
  31. package/dist/cjs/helpers/getFontLanguage.cjs +26 -0
  32. package/dist/cjs/helpers/getGroupPropParts.cjs +37 -0
  33. package/dist/cjs/helpers/{getSplitStyles.js → getSplitStyles.cjs} +362 -335
  34. package/dist/cjs/helpers/getStylesAtomic.cjs +176 -0
  35. package/dist/cjs/helpers/getStylesAtomic.native.cjs +33 -0
  36. package/dist/cjs/helpers/getStylesAtomic.native.cjs.map +6 -0
  37. package/dist/cjs/helpers/getThemeCSSRules.cjs +119 -0
  38. package/dist/cjs/helpers/getThemeCSSRules.native.cjs +28 -0
  39. package/dist/cjs/helpers/getThemeCSSRules.native.cjs.map +6 -0
  40. package/dist/cjs/helpers/getVariantExtras.cjs +65 -0
  41. package/dist/cjs/helpers/{insertStyleRule.js → insertStyleRule.cjs} +93 -96
  42. package/dist/cjs/helpers/isActivePlatform.cjs +35 -0
  43. package/dist/cjs/helpers/isObj.cjs +26 -0
  44. package/dist/cjs/helpers/isTamaguiComponent.cjs +29 -0
  45. package/dist/cjs/helpers/{isTamaguiElement.js → isTamaguiElement.cjs} +24 -15
  46. package/dist/cjs/helpers/log.cjs +36 -0
  47. package/dist/cjs/helpers/matchMedia.cjs +36 -0
  48. package/dist/cjs/helpers/matchMedia.native.cjs +39 -0
  49. package/dist/cjs/helpers/matchMedia.native.cjs.map +6 -0
  50. package/dist/cjs/helpers/mergeProps.cjs +45 -0
  51. package/dist/cjs/helpers/{mergeVariants.js → mergeVariants.cjs} +19 -17
  52. package/dist/cjs/helpers/normalizeColor.cjs +48 -0
  53. package/dist/cjs/helpers/{normalizeShadow.js → normalizeShadow.cjs} +22 -13
  54. package/dist/cjs/helpers/normalizeStyle.cjs +47 -0
  55. package/dist/cjs/helpers/normalizeStylePropKeys.cjs +26 -0
  56. package/dist/cjs/helpers/normalizeStylePropKeys.native.cjs +37 -0
  57. package/dist/cjs/helpers/normalizeStylePropKeys.native.cjs.map +6 -0
  58. package/dist/cjs/helpers/{normalizeValueWithProperty.js → normalizeValueWithProperty.cjs} +22 -19
  59. package/dist/cjs/helpers/objectIdentityKey.cjs +39 -0
  60. package/dist/cjs/helpers/propMapper.cjs +254 -0
  61. package/dist/cjs/helpers/proxyThemeToParents.cjs +61 -0
  62. package/dist/cjs/helpers/{proxyThemeVariables.js → proxyThemeVariables.cjs} +16 -11
  63. package/dist/cjs/helpers/pseudoDescriptors.cjs +72 -0
  64. package/dist/cjs/helpers/registerCSSVariable.cjs +33 -0
  65. package/dist/cjs/helpers/setElementProps.cjs +29 -0
  66. package/dist/cjs/helpers/setElementProps.native.cjs +30 -0
  67. package/dist/cjs/helpers/setElementProps.native.cjs.map +6 -0
  68. package/dist/cjs/helpers/{skipProps.js → skipProps.cjs} +17 -12
  69. package/dist/cjs/helpers/sortString.cjs +26 -0
  70. package/dist/cjs/helpers/{subscribeToContextGroup.js → subscribeToContextGroup.cjs} +25 -17
  71. package/dist/cjs/helpers/themeable.cjs +83 -0
  72. package/dist/cjs/helpers/{themes.js → themes.cjs} +17 -12
  73. package/dist/cjs/helpers/timer.cjs +32 -0
  74. package/dist/cjs/helpers/transformsToString.cjs +37 -0
  75. package/dist/cjs/helpers/webPropsToSkip.cjs +26 -0
  76. package/dist/cjs/helpers/webPropsToSkip.native.cjs +79 -0
  77. package/dist/cjs/helpers/webPropsToSkip.native.cjs.map +6 -0
  78. package/dist/cjs/helpers/wrapStyleTags.cjs +40 -0
  79. package/dist/cjs/hooks/{useComponentState.js → useComponentState.cjs} +75 -30
  80. package/dist/cjs/hooks/useConfiguration.cjs +55 -0
  81. package/dist/cjs/hooks/{useDidHydrateOnce.js → useDidHydrateOnce.cjs} +27 -16
  82. package/dist/cjs/hooks/useDisableSSR.cjs +29 -0
  83. package/dist/cjs/hooks/useIsTouchDevice.cjs +28 -0
  84. package/dist/cjs/hooks/useMedia.cjs +227 -0
  85. package/dist/cjs/hooks/useProps.cjs +108 -0
  86. package/dist/cjs/hooks/useTheme.cjs +277 -0
  87. package/dist/cjs/hooks/useThemeName.cjs +50 -0
  88. package/dist/cjs/index.cjs +106 -0
  89. package/dist/cjs/inject-styles.cjs +37 -0
  90. package/dist/cjs/insertFont.cjs +72 -0
  91. package/dist/cjs/interfaces/CSSColorNames.cjs +16 -0
  92. package/dist/cjs/interfaces/GetRef.cjs +16 -0
  93. package/dist/cjs/interfaces/KeyTypes.cjs +16 -0
  94. package/dist/cjs/interfaces/RNExclusiveTypes.cjs +16 -0
  95. package/dist/cjs/interfaces/Role.cjs +16 -0
  96. package/dist/cjs/interfaces/TamaguiComponentEvents.cjs +16 -0
  97. package/dist/cjs/interfaces/{TamaguiComponentPropsBaseBase.js → TamaguiComponentPropsBaseBase.cjs} +8 -6
  98. package/dist/cjs/interfaces/TamaguiComponentState.cjs +16 -0
  99. package/dist/cjs/interfaces/WebOnlyPressEvents.cjs +16 -0
  100. package/dist/cjs/setupHooks.cjs +30 -0
  101. package/dist/cjs/setupReactNative.cjs +49 -0
  102. package/dist/cjs/styled.cjs +87 -0
  103. package/dist/cjs/type-utils.cjs +16 -0
  104. package/dist/cjs/types.cjs +19 -0
  105. package/dist/cjs/views/Configuration.cjs +47 -0
  106. package/dist/cjs/views/FontLanguage.cjs +37 -0
  107. package/dist/cjs/views/FontLanguage.native.cjs +50 -0
  108. package/dist/cjs/views/FontLanguage.native.cjs.map +6 -0
  109. package/dist/cjs/views/FontLanguage.types.cjs +16 -0
  110. package/dist/cjs/views/Slot.cjs +78 -0
  111. package/dist/cjs/views/Stack.cjs +34 -0
  112. package/dist/cjs/views/TamaguiProvider.cjs +93 -0
  113. package/dist/cjs/views/Text.cjs +86 -0
  114. package/dist/cjs/views/Theme.cjs +145 -0
  115. package/dist/cjs/views/ThemeDebug.cjs +92 -0
  116. package/dist/cjs/views/ThemeDebug.native.cjs +33 -0
  117. package/dist/cjs/views/ThemeDebug.native.cjs.map +6 -0
  118. package/dist/cjs/views/ThemeProvider.cjs +56 -0
  119. package/dist/cjs/views/View.cjs +33 -0
  120. package/package.json +15 -14
  121. package/dist/cjs/Tamagui.js +0 -63
  122. package/dist/cjs/_withStableStyle.js +0 -33
  123. package/dist/cjs/config.js +0 -97
  124. package/dist/cjs/constants/constants.js +0 -36
  125. package/dist/cjs/constants/isDevTools.js +0 -28
  126. package/dist/cjs/constants/webToNativeProps.js +0 -22
  127. package/dist/cjs/createFont.js +0 -53
  128. package/dist/cjs/createShorthands.js +0 -23
  129. package/dist/cjs/createTamagui.js +0 -189
  130. package/dist/cjs/createTheme.js +0 -21
  131. package/dist/cjs/createTokens.js +0 -24
  132. package/dist/cjs/createVariables.js +0 -47
  133. package/dist/cjs/defaultComponentState.js +0 -37
  134. package/dist/cjs/helpers/ThemeManager.js +0 -166
  135. package/dist/cjs/helpers/createMediaStyle.js +0 -74
  136. package/dist/cjs/helpers/createStyledContext.js +0 -53
  137. package/dist/cjs/helpers/defaultOffset.js +0 -21
  138. package/dist/cjs/helpers/expandStyle.js +0 -73
  139. package/dist/cjs/helpers/expandStyles.js +0 -34
  140. package/dist/cjs/helpers/getExpandedShorthands.js +0 -29
  141. package/dist/cjs/helpers/getFontLanguage.js +0 -21
  142. package/dist/cjs/helpers/getGroupPropParts.js +0 -27
  143. package/dist/cjs/helpers/getStylesAtomic.js +0 -152
  144. package/dist/cjs/helpers/getThemeCSSRules.js +0 -89
  145. package/dist/cjs/helpers/getVariantExtras.js +0 -58
  146. package/dist/cjs/helpers/isActivePlatform.js +0 -29
  147. package/dist/cjs/helpers/isObj.js +0 -21
  148. package/dist/cjs/helpers/isTamaguiComponent.js +0 -24
  149. package/dist/cjs/helpers/log.js +0 -31
  150. package/dist/cjs/helpers/matchMedia.js +0 -34
  151. package/dist/cjs/helpers/mergeProps.js +0 -41
  152. package/dist/cjs/helpers/normalizeColor.js +0 -43
  153. package/dist/cjs/helpers/normalizeStyle.js +0 -36
  154. package/dist/cjs/helpers/normalizeStylePropKeys.js +0 -21
  155. package/dist/cjs/helpers/objectIdentityKey.js +0 -38
  156. package/dist/cjs/helpers/propMapper.js +0 -238
  157. package/dist/cjs/helpers/proxyThemeToParents.js +0 -52
  158. package/dist/cjs/helpers/pseudoDescriptors.js +0 -65
  159. package/dist/cjs/helpers/registerCSSVariable.js +0 -29
  160. package/dist/cjs/helpers/setElementProps.js +0 -24
  161. package/dist/cjs/helpers/sortString.js +0 -21
  162. package/dist/cjs/helpers/themeable.js +0 -63
  163. package/dist/cjs/helpers/timer.js +0 -27
  164. package/dist/cjs/helpers/transformsToString.js +0 -32
  165. package/dist/cjs/helpers/webPropsToSkip.js +0 -21
  166. package/dist/cjs/helpers/wrapStyleTags.js +0 -39
  167. package/dist/cjs/hooks/useConfiguration.js +0 -37
  168. package/dist/cjs/hooks/useDisableSSR.js +0 -24
  169. package/dist/cjs/hooks/useIsTouchDevice.js +0 -22
  170. package/dist/cjs/hooks/useMedia.js +0 -206
  171. package/dist/cjs/hooks/useProps.js +0 -95
  172. package/dist/cjs/hooks/useTheme.js +0 -263
  173. package/dist/cjs/hooks/useThemeName.js +0 -39
  174. package/dist/cjs/index.js +0 -99
  175. package/dist/cjs/inject-styles.js +0 -28
  176. package/dist/cjs/insertFont.js +0 -65
  177. package/dist/cjs/interfaces/CSSColorNames.js +0 -14
  178. package/dist/cjs/interfaces/GetRef.js +0 -14
  179. package/dist/cjs/interfaces/KeyTypes.js +0 -14
  180. package/dist/cjs/interfaces/RNExclusiveTypes.js +0 -14
  181. package/dist/cjs/interfaces/Role.js +0 -14
  182. package/dist/cjs/interfaces/TamaguiComponentEvents.js +0 -14
  183. package/dist/cjs/interfaces/TamaguiComponentState.js +0 -14
  184. package/dist/cjs/interfaces/WebOnlyPressEvents.js +0 -14
  185. package/dist/cjs/setupHooks.js +0 -25
  186. package/dist/cjs/setupReactNative.js +0 -46
  187. package/dist/cjs/styled.js +0 -74
  188. package/dist/cjs/type-utils.js +0 -14
  189. package/dist/cjs/types.js +0 -16
  190. package/dist/cjs/views/Configuration.js +0 -34
  191. package/dist/cjs/views/FontLanguage.js +0 -32
  192. package/dist/cjs/views/FontLanguage.types.js +0 -14
  193. package/dist/cjs/views/Slot.js +0 -59
  194. package/dist/cjs/views/Stack.js +0 -27
  195. package/dist/cjs/views/TamaguiProvider.js +0 -76
  196. package/dist/cjs/views/Text.js +0 -77
  197. package/dist/cjs/views/Theme.js +0 -103
  198. package/dist/cjs/views/ThemeDebug.js +0 -94
  199. package/dist/cjs/views/ThemeProvider.js +0 -45
  200. package/dist/cjs/views/View.js +0 -26
  201. /package/dist/cjs/{Tamagui.js.map → Tamagui.cjs.map} +0 -0
  202. /package/dist/cjs/{_withStableStyle.js.map → _withStableStyle.cjs.map} +0 -0
  203. /package/dist/cjs/{config.js.map → config.cjs.map} +0 -0
  204. /package/dist/cjs/constants/{accessibilityDirectMap.js.map → accessibilityDirectMap.cjs.map} +0 -0
  205. /package/dist/cjs/constants/{constants.js.map → constants.cjs.map} +0 -0
  206. /package/dist/cjs/constants/{isDevTools.js.map → isDevTools.cjs.map} +0 -0
  207. /package/dist/cjs/constants/{webToNativeProps.js.map → webToNativeProps.cjs.map} +0 -0
  208. /package/dist/cjs/contexts/{ComponentContext.js.map → ComponentContext.cjs.map} +0 -0
  209. /package/dist/cjs/{createComponent.js.map → createComponent.cjs.map} +0 -0
  210. /package/dist/cjs/{createFont.js.map → createFont.cjs.map} +0 -0
  211. /package/dist/cjs/{createShorthands.js.map → createShorthands.cjs.map} +0 -0
  212. /package/dist/cjs/{createTamagui.js.map → createTamagui.cjs.map} +0 -0
  213. /package/dist/cjs/{createTheme.js.map → createTheme.cjs.map} +0 -0
  214. /package/dist/cjs/{createTokens.js.map → createTokens.cjs.map} +0 -0
  215. /package/dist/cjs/{createVariable.js.map → createVariable.cjs.map} +0 -0
  216. /package/dist/cjs/{createVariables.js.map → createVariables.cjs.map} +0 -0
  217. /package/dist/cjs/{defaultComponentState.js.map → defaultComponentState.cjs.map} +0 -0
  218. /package/dist/cjs/helpers/{ThemeManager.js.map → ThemeManager.cjs.map} +0 -0
  219. /package/dist/cjs/helpers/{ThemeManagerContext.js.map → ThemeManagerContext.cjs.map} +0 -0
  220. /package/dist/cjs/helpers/{createMediaStyle.js.map → createMediaStyle.cjs.map} +0 -0
  221. /package/dist/cjs/helpers/{createShallowSetState.js.map → createShallowSetState.cjs.map} +0 -0
  222. /package/dist/cjs/helpers/{createStyledContext.js.map → createStyledContext.cjs.map} +0 -0
  223. /package/dist/cjs/helpers/{defaultOffset.js.map → defaultOffset.cjs.map} +0 -0
  224. /package/dist/cjs/helpers/{expandStyle.js.map → expandStyle.cjs.map} +0 -0
  225. /package/dist/cjs/helpers/{expandStyles.js.map → expandStyles.cjs.map} +0 -0
  226. /package/dist/cjs/helpers/{getExpandedShorthands.js.map → getExpandedShorthands.cjs.map} +0 -0
  227. /package/dist/cjs/helpers/{getFontLanguage.js.map → getFontLanguage.cjs.map} +0 -0
  228. /package/dist/cjs/helpers/{getGroupPropParts.js.map → getGroupPropParts.cjs.map} +0 -0
  229. /package/dist/cjs/helpers/{getSplitStyles.js.map → getSplitStyles.cjs.map} +0 -0
  230. /package/dist/cjs/helpers/{getStylesAtomic.js.map → getStylesAtomic.cjs.map} +0 -0
  231. /package/dist/cjs/helpers/{getThemeCSSRules.js.map → getThemeCSSRules.cjs.map} +0 -0
  232. /package/dist/cjs/helpers/{getVariantExtras.js.map → getVariantExtras.cjs.map} +0 -0
  233. /package/dist/cjs/helpers/{insertStyleRule.js.map → insertStyleRule.cjs.map} +0 -0
  234. /package/dist/cjs/helpers/{isActivePlatform.js.map → isActivePlatform.cjs.map} +0 -0
  235. /package/dist/cjs/helpers/{isObj.js.map → isObj.cjs.map} +0 -0
  236. /package/dist/cjs/helpers/{isTamaguiComponent.js.map → isTamaguiComponent.cjs.map} +0 -0
  237. /package/dist/cjs/helpers/{isTamaguiElement.js.map → isTamaguiElement.cjs.map} +0 -0
  238. /package/dist/cjs/helpers/{log.js.map → log.cjs.map} +0 -0
  239. /package/dist/cjs/helpers/{matchMedia.js.map → matchMedia.cjs.map} +0 -0
  240. /package/dist/cjs/helpers/{mergeProps.js.map → mergeProps.cjs.map} +0 -0
  241. /package/dist/cjs/helpers/{mergeVariants.js.map → mergeVariants.cjs.map} +0 -0
  242. /package/dist/cjs/helpers/{normalizeColor.js.map → normalizeColor.cjs.map} +0 -0
  243. /package/dist/cjs/helpers/{normalizeShadow.js.map → normalizeShadow.cjs.map} +0 -0
  244. /package/dist/cjs/helpers/{normalizeStyle.js.map → normalizeStyle.cjs.map} +0 -0
  245. /package/dist/cjs/helpers/{normalizeStylePropKeys.js.map → normalizeStylePropKeys.cjs.map} +0 -0
  246. /package/dist/cjs/helpers/{normalizeValueWithProperty.js.map → normalizeValueWithProperty.cjs.map} +0 -0
  247. /package/dist/cjs/helpers/{objectIdentityKey.js.map → objectIdentityKey.cjs.map} +0 -0
  248. /package/dist/cjs/helpers/{propMapper.js.map → propMapper.cjs.map} +0 -0
  249. /package/dist/cjs/helpers/{proxyThemeToParents.js.map → proxyThemeToParents.cjs.map} +0 -0
  250. /package/dist/cjs/helpers/{proxyThemeVariables.js.map → proxyThemeVariables.cjs.map} +0 -0
  251. /package/dist/cjs/helpers/{pseudoDescriptors.js.map → pseudoDescriptors.cjs.map} +0 -0
  252. /package/dist/cjs/helpers/{registerCSSVariable.js.map → registerCSSVariable.cjs.map} +0 -0
  253. /package/dist/cjs/helpers/{setElementProps.js.map → setElementProps.cjs.map} +0 -0
  254. /package/dist/cjs/helpers/{skipProps.js.map → skipProps.cjs.map} +0 -0
  255. /package/dist/cjs/helpers/{sortString.js.map → sortString.cjs.map} +0 -0
  256. /package/dist/cjs/helpers/{subscribeToContextGroup.js.map → subscribeToContextGroup.cjs.map} +0 -0
  257. /package/dist/cjs/helpers/{themeable.js.map → themeable.cjs.map} +0 -0
  258. /package/dist/cjs/helpers/{themes.js.map → themes.cjs.map} +0 -0
  259. /package/dist/cjs/helpers/{timer.js.map → timer.cjs.map} +0 -0
  260. /package/dist/cjs/helpers/{transformsToString.js.map → transformsToString.cjs.map} +0 -0
  261. /package/dist/cjs/helpers/{webPropsToSkip.js.map → webPropsToSkip.cjs.map} +0 -0
  262. /package/dist/cjs/helpers/{wrapStyleTags.js.map → wrapStyleTags.cjs.map} +0 -0
  263. /package/dist/cjs/hooks/{useComponentState.js.map → useComponentState.cjs.map} +0 -0
  264. /package/dist/cjs/hooks/{useConfiguration.js.map → useConfiguration.cjs.map} +0 -0
  265. /package/dist/cjs/hooks/{useDidHydrateOnce.js.map → useDidHydrateOnce.cjs.map} +0 -0
  266. /package/dist/cjs/hooks/{useDisableSSR.js.map → useDisableSSR.cjs.map} +0 -0
  267. /package/dist/cjs/hooks/{useIsTouchDevice.js.map → useIsTouchDevice.cjs.map} +0 -0
  268. /package/dist/cjs/hooks/{useMedia.js.map → useMedia.cjs.map} +0 -0
  269. /package/dist/cjs/hooks/{useProps.js.map → useProps.cjs.map} +0 -0
  270. /package/dist/cjs/hooks/{useTheme.js.map → useTheme.cjs.map} +0 -0
  271. /package/dist/cjs/hooks/{useThemeName.js.map → useThemeName.cjs.map} +0 -0
  272. /package/dist/cjs/{index.js.map → index.cjs.map} +0 -0
  273. /package/dist/cjs/{inject-styles.js.map → inject-styles.cjs.map} +0 -0
  274. /package/dist/cjs/{insertFont.js.map → insertFont.cjs.map} +0 -0
  275. /package/dist/cjs/interfaces/{CSSColorNames.js.map → CSSColorNames.cjs.map} +0 -0
  276. /package/dist/cjs/interfaces/{GetRef.js.map → GetRef.cjs.map} +0 -0
  277. /package/dist/cjs/interfaces/{KeyTypes.js.map → KeyTypes.cjs.map} +0 -0
  278. /package/dist/cjs/interfaces/{RNExclusiveTypes.js.map → RNExclusiveTypes.cjs.map} +0 -0
  279. /package/dist/cjs/interfaces/{Role.js.map → Role.cjs.map} +0 -0
  280. /package/dist/cjs/interfaces/{TamaguiComponentEvents.js.map → TamaguiComponentEvents.cjs.map} +0 -0
  281. /package/dist/cjs/interfaces/{TamaguiComponentPropsBaseBase.js.map → TamaguiComponentPropsBaseBase.cjs.map} +0 -0
  282. /package/dist/cjs/interfaces/{TamaguiComponentState.js.map → TamaguiComponentState.cjs.map} +0 -0
  283. /package/dist/cjs/interfaces/{WebOnlyPressEvents.js.map → WebOnlyPressEvents.cjs.map} +0 -0
  284. /package/dist/cjs/{setupHooks.js.map → setupHooks.cjs.map} +0 -0
  285. /package/dist/cjs/{setupReactNative.js.map → setupReactNative.cjs.map} +0 -0
  286. /package/dist/cjs/{styled.js.map → styled.cjs.map} +0 -0
  287. /package/dist/cjs/{type-utils.js.map → type-utils.cjs.map} +0 -0
  288. /package/dist/cjs/{types.js.map → types.cjs.map} +0 -0
  289. /package/dist/cjs/views/{Configuration.js.map → Configuration.cjs.map} +0 -0
  290. /package/dist/cjs/views/{FontLanguage.js.map → FontLanguage.cjs.map} +0 -0
  291. /package/dist/cjs/views/{FontLanguage.types.js.map → FontLanguage.types.cjs.map} +0 -0
  292. /package/dist/cjs/views/{Slot.js.map → Slot.cjs.map} +0 -0
  293. /package/dist/cjs/views/{Stack.js.map → Stack.cjs.map} +0 -0
  294. /package/dist/cjs/views/{TamaguiProvider.js.map → TamaguiProvider.cjs.map} +0 -0
  295. /package/dist/cjs/views/{Text.js.map → Text.cjs.map} +0 -0
  296. /package/dist/cjs/views/{Theme.js.map → Theme.cjs.map} +0 -0
  297. /package/dist/cjs/views/{ThemeDebug.js.map → ThemeDebug.cjs.map} +0 -0
  298. /package/dist/cjs/views/{ThemeProvider.js.map → ThemeProvider.cjs.map} +0 -0
  299. /package/dist/cjs/views/{View.js.map → View.cjs.map} +0 -0
@@ -1,63 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var themeable_exports = {};
24
- __export(themeable_exports, {
25
- themeable: () => themeable
26
- });
27
- module.exports = __toCommonJS(themeable_exports);
28
- var import_react = __toESM(require("react")), import_Theme = require("../views/Theme"), import_jsx_runtime = (
29
- // @ts-expect-error its ok
30
- require("react/jsx-runtime")
31
- );
32
- function themeable(Component, staticConfig) {
33
- const withTheme = import_react.default.forwardRef(function(props, ref) {
34
- const { themeInverse, theme, componentName, themeReset, ...rest } = props;
35
- let overriddenContextProps;
36
- const context = staticConfig?.context;
37
- if (context)
38
- for (const key in context.props) {
39
- const val = props[key];
40
- val !== void 0 && (overriddenContextProps ||= {}, overriddenContextProps[key] = val);
41
- }
42
- const element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ref, ...rest, "data-disable-theme": !0 });
43
- let contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
44
- import_Theme.Theme,
45
- {
46
- componentName: componentName || staticConfig?.componentName,
47
- name: theme,
48
- "disable-child-theme": !0,
49
- debug: props.debug,
50
- inverse: themeInverse,
51
- reset: themeReset,
52
- children: element
53
- }
54
- );
55
- if (context) {
56
- const Provider = context.Provider, contextValue = import_react.default.useContext(context);
57
- contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { ...contextValue, ...overriddenContextProps, children: contents });
58
- }
59
- return contents;
60
- });
61
- return withTheme.displayName = `Themed(${Component?.displayName || Component?.name || "Anonymous"})`, withTheme;
62
- }
63
- //# sourceMappingURL=themeable.js.map
@@ -1,27 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var timer_exports = {};
16
- __export(timer_exports, {
17
- time: () => time
18
- });
19
- module.exports = __toCommonJS(timer_exports);
20
- const timer = require("@tamagui/timer").timer();
21
- setTimeout(() => {
22
- timer.print();
23
- }, 2e3);
24
- const time = timer.start({
25
- quiet: !0
26
- });
27
- //# sourceMappingURL=timer.js.map
@@ -1,32 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var transformsToString_exports = {};
16
- __export(transformsToString_exports, {
17
- transformsToString: () => transformsToString
18
- });
19
- module.exports = __toCommonJS(transformsToString_exports);
20
- var import_normalizeValueWithProperty = require("./normalizeValueWithProperty");
21
- function transformsToString(transforms) {
22
- return transforms.map(
23
- // { scale: 2 } => 'scale(2)'
24
- // { translateX: 20 } => 'translateX(20px)'
25
- // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
26
- (transform) => {
27
- const type = Object.keys(transform)[0], value = transform[type];
28
- return type === "matrix" || type === "matrix3d" ? `${type}(${value.join(",")})` : `${type}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value, type)})`;
29
- }
30
- ).join(" ");
31
- }
32
- //# sourceMappingURL=transformsToString.js.map
@@ -1,21 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var webPropsToSkip_exports = {};
16
- __export(webPropsToSkip_exports, {
17
- webPropsToSkip: () => webPropsToSkip
18
- });
19
- module.exports = __toCommonJS(webPropsToSkip_exports);
20
- const webPropsToSkip = {};
21
- //# sourceMappingURL=webPropsToSkip.js.map
@@ -1,39 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var wrapStyleTags_exports = {};
16
- __export(wrapStyleTags_exports, {
17
- wrapStyleTags: () => wrapStyleTags
18
- });
19
- module.exports = __toCommonJS(wrapStyleTags_exports);
20
- var import_helpers = require("@tamagui/helpers"), import_jsx_runtime = require("react/jsx-runtime");
21
- function wrapStyleTags(styles, content) {
22
- return process.env.TAMAGUI_REACT_19 && styles.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
23
- content,
24
- styles.map((styleObject) => {
25
- const identifier = styleObject[import_helpers.StyleObjectIdentifier];
26
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
27
- "style",
28
- {
29
- href: `t_${identifier}`,
30
- precedence: "default",
31
- children: styleObject[import_helpers.StyleObjectRules].join(`
32
- `)
33
- },
34
- identifier
35
- );
36
- })
37
- ] }) : content;
38
- }
39
- //# sourceMappingURL=wrapStyleTags.js.map
@@ -1,37 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var useConfiguration_exports = {};
24
- __export(useConfiguration_exports, {
25
- useConfiguration: () => useConfiguration
26
- });
27
- module.exports = __toCommonJS(useConfiguration_exports);
28
- var import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext");
29
- const useConfiguration = () => {
30
- const { groups, animationDriver, ...restComponentConfig } = import_react.default.useContext(import_ComponentContext.ComponentContext), { animations, ...restConfig } = (0, import_config.getConfig)();
31
- return {
32
- ...restConfig,
33
- ...restComponentConfig,
34
- animationDriver: animationDriver ?? (0, import_config.getConfig)().animations
35
- };
36
- };
37
- //# sourceMappingURL=useConfiguration.js.map
@@ -1,24 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var useDisableSSR_exports = {};
16
- __export(useDisableSSR_exports, {
17
- getDisableSSR: () => getDisableSSR
18
- });
19
- module.exports = __toCommonJS(useDisableSSR_exports);
20
- var import_config = require("../config");
21
- function getDisableSSR(componentContext) {
22
- return componentContext?.disableSSR ?? (0, import_config.getSetting)("disableSSR");
23
- }
24
- //# sourceMappingURL=useDisableSSR.js.map
@@ -1,22 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var useIsTouchDevice_exports = {};
16
- __export(useIsTouchDevice_exports, {
17
- useIsTouchDevice: () => useIsTouchDevice
18
- });
19
- module.exports = __toCommonJS(useIsTouchDevice_exports);
20
- var import_constants = require("@tamagui/constants"), import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr");
21
- const useIsTouchDevice = () => import_constants.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants.isTouchable : !1 : !0;
22
- //# sourceMappingURL=useIsTouchDevice.js.map
@@ -1,206 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var useMedia_exports = {};
24
- __export(useMedia_exports, {
25
- _dmt: () => _dmt,
26
- configureMedia: () => configureMedia,
27
- getMedia: () => getMedia,
28
- getMediaImportanceIfMoreImportant: () => getMediaImportanceIfMoreImportant,
29
- getMediaKeyImportance: () => getMediaKeyImportance,
30
- getMediaState: () => getMediaState,
31
- isMediaKey: () => isMediaKey,
32
- mediaKeyMatch: () => mediaKeyMatch,
33
- mediaKeyToQuery: () => mediaKeyToQuery,
34
- mediaKeys: () => mediaKeys,
35
- mediaObjectToString: () => mediaObjectToString,
36
- mediaQueryConfig: () => mediaQueryConfig,
37
- mediaState: () => mediaState,
38
- setMediaShouldUpdate: () => setMediaShouldUpdate,
39
- setupMediaListeners: () => setupMediaListeners,
40
- useMedia: () => useMedia
41
- });
42
- module.exports = __toCommonJS(useMedia_exports);
43
- var import_react = __toESM(require("react")), import_constants = require("@tamagui/constants"), import_config = require("../config"), import_matchMedia = require("../helpers/matchMedia"), import_pseudoDescriptors = require("../helpers/pseudoDescriptors"), import_useDisableSSR = require("./useDisableSSR");
44
- let mediaState = (
45
- // development only safeguard
46
- process.env.NODE_ENV === "development" ? new Proxy(
47
- {},
48
- {
49
- get(target, key) {
50
- if (typeof key == "string" && key[0] === "$" && // dont error on $$typeof
51
- key[1] !== "$")
52
- throw new Error(`Access mediaState should not use "$": ${key}`);
53
- return Reflect.get(target, key);
54
- }
55
- }
56
- ) : {}
57
- );
58
- const mediaQueryConfig = {}, getMedia = () => mediaState, mediaKeys = /* @__PURE__ */ new Set(), mediaKeyRegex = /\$(platform|theme|group)-/, isMediaKey = (key) => {
59
- if (mediaKeys.has(key)) return !0;
60
- if (key[0] === "$") {
61
- const match = key.match(mediaKeyRegex);
62
- if (match) return match[1];
63
- }
64
- return !1;
65
- };
66
- let initState;
67
- const defaultMediaImportance = Object.keys(import_pseudoDescriptors.pseudoDescriptors).length;
68
- let mediaKeysOrdered;
69
- const getMediaKeyImportance = (key) => {
70
- if (process.env.NODE_ENV === "development" && key[0] === "$")
71
- throw new Error("use short key");
72
- return (0, import_config.getConfig)().settings.mediaPropOrder ? defaultMediaImportance : mediaKeysOrdered.indexOf(key) + 100;
73
- }, dispose = /* @__PURE__ */ new Set();
74
- let mediaVersion = 0;
75
- const configureMedia = (config) => {
76
- const { media } = config, mediaQueryDefaultActive = (0, import_config.getSetting)("mediaQueryDefaultActive");
77
- if (media) {
78
- mediaVersion++;
79
- for (const key in media)
80
- mediaState[key] = mediaQueryDefaultActive?.[key] || !1, mediaKeys.add(`$${key}`);
81
- Object.assign(mediaQueryConfig, media), initState = { ...mediaState }, mediaKeysOrdered = Object.keys(media), config.disableSSR ? setupMediaListeners() : updateCurrentState();
82
- }
83
- };
84
- function unlisten() {
85
- dispose.forEach((cb) => cb()), dispose.clear();
86
- }
87
- let setupVersion = -1;
88
- function setupMediaListeners() {
89
- if (!(import_constants.isWeb && import_constants.isServer) && setupVersion !== mediaVersion) {
90
- setupVersion = mediaVersion, unlisten();
91
- for (const key in mediaQueryConfig) {
92
- let update = function() {
93
- const next = !!getMatch().matches;
94
- next !== mediaState[key] && (mediaState = { ...mediaState, [key]: next }, updateCurrentState());
95
- };
96
- const str = mediaObjectToString(mediaQueryConfig[key], key), getMatch = () => (0, import_matchMedia.matchMedia)(str), match = getMatch();
97
- if (!match)
98
- throw new Error("\u26A0\uFE0F No match");
99
- match.addListener(update), dispose.add(() => {
100
- match.removeListener(update);
101
- }), update();
102
- }
103
- }
104
- }
105
- const listeners = /* @__PURE__ */ new Set();
106
- let flushing = !1, flushVersion = -1;
107
- function updateCurrentState() {
108
- flushing && flushVersion === mediaVersion || (flushVersion = mediaVersion, flushing = !0, Promise.resolve().then(() => {
109
- flushing = !1, listeners.forEach((cb) => cb(mediaState));
110
- }));
111
- }
112
- const States = /* @__PURE__ */ new WeakMap();
113
- function setMediaShouldUpdate(ref, enabled, keys) {
114
- const cur = States.get(ref);
115
- (!cur || cur.enabled !== enabled || keys) && States.set(ref, {
116
- ...cur,
117
- enabled,
118
- keys
119
- });
120
- }
121
- function subscribe(subscriber) {
122
- return listeners.add(subscriber), () => {
123
- listeners.delete(subscriber);
124
- };
125
- }
126
- function useMedia(uidIn, componentContext, debug) {
127
- const uid = uidIn ?? import_react.default.useRef(), disableSSR = (0, import_useDisableSSR.getDisableSSR)(componentContext), initialState = (disableSSR || !import_constants.isWeb ? mediaState : initState) || {};
128
- let componentState = States.get(uid);
129
- componentState || (componentState = { prev: initialState }, States.set(uid, componentState));
130
- const getSnapshot = () => {
131
- if (!componentState)
132
- return initialState;
133
- const { enabled, keys, prev = initialState } = componentState;
134
- if (enabled === !1)
135
- return prev;
136
- const testKeys = keys ?? (enabled && keys) ?? null;
137
- return !testKeys || Object.keys(testKeys).every((key) => mediaState[key] === prev[key]) ? prev : (componentState.prev = mediaState, mediaState);
138
- };
139
- let state;
140
- if (process.env.TAMAGUI_SYNC_MEDIA_QUERY)
141
- state = import_react.default.useSyncExternalStore(
142
- subscribe,
143
- getSnapshot,
144
- () => initialState
145
- );
146
- else {
147
- const [_state, setState] = import_react.default.useState(initialState);
148
- state = _state, (0, import_constants.useIsomorphicLayoutEffect)(() => {
149
- function update() {
150
- setState(getSnapshot);
151
- }
152
- return update(), disableSSR || Promise.resolve().then(() => {
153
- update();
154
- }), subscribe(update);
155
- }, []);
156
- }
157
- return new Proxy(state, {
158
- get(_, key) {
159
- if (!disableMediaTouch)
160
- return typeof key == "string" && (componentState.keys ||= {}, componentState.keys[key] = !0, process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key)), Reflect.get(state, key);
161
- }
162
- });
163
- }
164
- let disableMediaTouch = !1;
165
- function _dmt(val) {
166
- disableMediaTouch = val;
167
- }
168
- function getMediaState(mediaGroups, layout) {
169
- disableMediaTouch = !0;
170
- let res;
171
- try {
172
- res = Object.fromEntries(
173
- [...mediaGroups].map((mediaKey) => [mediaKey, mediaKeyMatch(mediaKey, layout)])
174
- );
175
- } finally {
176
- disableMediaTouch = !1;
177
- }
178
- return res;
179
- }
180
- const getMediaImportanceIfMoreImportant = (mediaKey, key, importancesUsed, isSizeMedia) => {
181
- const importance = isSizeMedia && !(0, import_config.getSetting)("mediaPropOrder") ? getMediaKeyImportance(mediaKey) : defaultMediaImportance;
182
- return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null;
183
- };
184
- function camelToHyphen(str) {
185
- return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase();
186
- }
187
- const cache = /* @__PURE__ */ new WeakMap(), cachedMediaKeyToQuery = {};
188
- function mediaObjectToString(query, key) {
189
- if (typeof query == "string")
190
- return query;
191
- if (cache.has(query))
192
- return cache.get(query);
193
- const res = Object.entries(query).map(([feature, value]) => (feature = camelToHyphen(feature), typeof value == "string" ? `(${feature}: ${value})` : (typeof value == "number" && /[height|width]$/.test(feature) && (value = `${value}px`), `(${feature}: ${value})`))).join(" and ");
194
- return key && (cachedMediaKeyToQuery[key] = res), cache.set(query, res), res;
195
- }
196
- function mediaKeyToQuery(key) {
197
- return cachedMediaKeyToQuery[key] || mediaObjectToString(mediaQueryConfig[key], key);
198
- }
199
- function mediaKeyMatch(key, dimensions) {
200
- const mediaQueries = mediaQueryConfig[key];
201
- return Object.keys(mediaQueries).every((query) => {
202
- const expectedVal = +mediaQueries[query], isMax = query.startsWith("max"), isWidth = query.endsWith("Width"), givenVal = dimensions[isWidth ? "width" : "height"];
203
- return isMax ? givenVal < expectedVal : givenVal > expectedVal;
204
- });
205
- }
206
- //# sourceMappingURL=useMedia.js.map
@@ -1,95 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var useProps_exports = {};
24
- __export(useProps_exports, {
25
- useProps: () => useProps,
26
- usePropsAndStyle: () => usePropsAndStyle,
27
- useStyle: () => useStyle
28
- });
29
- module.exports = __toCommonJS(useProps_exports);
30
- var import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup"), import_Stack = require("../views/Stack"), import_useComponentState = require("./useComponentState"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
31
- function useProps(props, opts) {
32
- const [propsOut, styleOut] = usePropsAndStyle(props, {
33
- ...opts,
34
- noExpand: !0,
35
- noNormalize: !0,
36
- resolveValues: "none"
37
- });
38
- return {
39
- ...propsOut,
40
- ...styleOut
41
- };
42
- }
43
- function useStyle(props, opts) {
44
- return usePropsAndStyle(props, opts)[1] || {};
45
- }
46
- function usePropsAndStyle(props, opts) {
47
- const staticConfig = opts?.forComponent?.staticConfig ?? import_Stack.Stack.staticConfig, [themeState, theme] = (0, import_useTheme.useThemeWithState)({
48
- componentName: staticConfig.componentName,
49
- name: "theme" in props ? props.theme : void 0,
50
- inverse: "themeInverse" in props ? props.themeInverse : void 0
51
- }), componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext), { state, disabled, setStateShallow } = (0, import_useComponentState.useComponentState)(
52
- props,
53
- componentContext,
54
- staticConfig,
55
- (0, import_config.getConfig)()
56
- ), mediaState = (0, import_useMedia.useMedia)(), splitStyles = (0, import_getSplitStyles.useSplitStyles)(
57
- props,
58
- staticConfig,
59
- theme,
60
- themeState.state?.name || "",
61
- state,
62
- {
63
- isAnimated: !1,
64
- mediaState,
65
- noSkip: !0,
66
- noMergeStyle: !0,
67
- noClassNames: !0,
68
- resolveValues: "auto",
69
- ...opts
70
- },
71
- null,
72
- componentContext
73
- ), { mediaGroups, pseudoGroups } = splitStyles;
74
- return import_react.default.useEffect(() => {
75
- if (!disabled) {
76
- if (state.unmounted) {
77
- setStateShallow({ unmounted: !1 });
78
- return;
79
- }
80
- return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
81
- disabled,
82
- componentContext,
83
- setStateShallow,
84
- state,
85
- mediaGroups,
86
- pseudoGroups
87
- });
88
- }
89
- }, [
90
- disabled,
91
- pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0,
92
- mediaGroups ? Object.keys([...mediaGroups]).join("") : 0
93
- ]), [splitStyles.viewProps, splitStyles.style || {}, theme, mediaState];
94
- }
95
- //# sourceMappingURL=useProps.js.map