@tamagui/web 1.142.0 → 2.0.0-1

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 (437) hide show
  1. package/dist/cjs/Tamagui.native.js.map +1 -1
  2. package/dist/cjs/constants/constants.cjs +2 -5
  3. package/dist/cjs/constants/constants.js +2 -5
  4. package/dist/cjs/constants/constants.js.map +1 -1
  5. package/dist/cjs/constants/constants.native.js +2 -5
  6. package/dist/cjs/constants/constants.native.js.map +1 -1
  7. package/dist/cjs/constants/isDevTools.native.js.map +1 -1
  8. package/dist/cjs/contexts/ComponentContext.cjs +2 -1
  9. package/dist/cjs/contexts/ComponentContext.js +2 -1
  10. package/dist/cjs/contexts/ComponentContext.js.map +1 -1
  11. package/dist/cjs/contexts/ComponentContext.native.js +2 -1
  12. package/dist/cjs/contexts/ComponentContext.native.js.map +1 -1
  13. package/dist/cjs/createComponent.cjs +31 -166
  14. package/dist/cjs/createComponent.js +23 -147
  15. package/dist/cjs/createComponent.js.map +2 -2
  16. package/dist/cjs/createComponent.native.js +17 -182
  17. package/dist/cjs/createComponent.native.js.map +1 -1
  18. package/dist/cjs/createTamagui.cjs +13 -12
  19. package/dist/cjs/createTamagui.js +12 -12
  20. package/dist/cjs/createTamagui.js.map +1 -1
  21. package/dist/cjs/createTamagui.native.js +6 -12
  22. package/dist/cjs/createTamagui.native.js.map +1 -1
  23. package/dist/cjs/helpers/createMediaStyle.cjs +4 -10
  24. package/dist/cjs/helpers/createMediaStyle.js +5 -13
  25. package/dist/cjs/helpers/createMediaStyle.js.map +1 -1
  26. package/dist/cjs/helpers/createMediaStyle.native.js +5 -11
  27. package/dist/cjs/helpers/createMediaStyle.native.js.map +1 -1
  28. package/dist/cjs/helpers/expandStyle.cjs +1 -3
  29. package/dist/cjs/helpers/expandStyle.js +1 -3
  30. package/dist/cjs/helpers/expandStyle.js.map +1 -1
  31. package/dist/cjs/helpers/expandStyle.native.js.map +1 -1
  32. package/dist/cjs/helpers/getSplitStyles.cjs +23 -54
  33. package/dist/cjs/helpers/getSplitStyles.js +39 -76
  34. package/dist/cjs/helpers/getSplitStyles.js.map +2 -2
  35. package/dist/cjs/helpers/getSplitStyles.native.js +33 -55
  36. package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
  37. package/dist/cjs/helpers/getThemeCSSRules.cjs +1 -1
  38. package/dist/cjs/helpers/getThemeCSSRules.js +1 -1
  39. package/dist/cjs/helpers/getThemeCSSRules.js.map +1 -1
  40. package/dist/cjs/helpers/getVariantExtras.cjs +1 -3
  41. package/dist/cjs/helpers/getVariantExtras.js +1 -2
  42. package/dist/cjs/helpers/getVariantExtras.js.map +1 -1
  43. package/dist/cjs/helpers/getVariantExtras.native.js +1 -3
  44. package/dist/cjs/helpers/getVariantExtras.native.js.map +1 -1
  45. package/dist/cjs/helpers/nativeOnlyProps.cjs +60 -0
  46. package/dist/cjs/helpers/nativeOnlyProps.js +55 -0
  47. package/dist/cjs/helpers/nativeOnlyProps.js.map +6 -0
  48. package/dist/cjs/helpers/nativeOnlyProps.native.js +63 -0
  49. package/dist/cjs/helpers/nativeOnlyProps.native.js.map +1 -0
  50. package/dist/cjs/helpers/propMapper.cjs +3 -4
  51. package/dist/cjs/helpers/propMapper.js +3 -6
  52. package/dist/cjs/helpers/propMapper.js.map +1 -1
  53. package/dist/cjs/helpers/propMapper.native.js +3 -4
  54. package/dist/cjs/helpers/propMapper.native.js.map +1 -1
  55. package/dist/cjs/{createTheme.cjs → helpers/resolveRem.cjs} +11 -5
  56. package/dist/cjs/{createTheme.js → helpers/resolveRem.js} +12 -6
  57. package/dist/cjs/helpers/resolveRem.js.map +6 -0
  58. package/dist/cjs/helpers/resolveRem.native.js +50 -0
  59. package/dist/cjs/helpers/resolveRem.native.js.map +1 -0
  60. package/dist/cjs/helpers/skipProps.cjs +3 -37
  61. package/dist/cjs/helpers/skipProps.js +2 -37
  62. package/dist/cjs/helpers/skipProps.js.map +1 -1
  63. package/dist/cjs/helpers/skipProps.native.js +2 -2
  64. package/dist/cjs/helpers/skipProps.native.js.map +1 -1
  65. package/dist/cjs/helpers/themeable.cjs +1 -2
  66. package/dist/cjs/helpers/themeable.js +2 -2
  67. package/dist/cjs/helpers/themeable.js.map +1 -1
  68. package/dist/cjs/helpers/themeable.native.js +1 -2
  69. package/dist/cjs/helpers/themeable.native.js.map +1 -1
  70. package/dist/cjs/helpers/webPropsToSkip.native.js +48 -52
  71. package/dist/cjs/helpers/webPropsToSkip.native.js.map +1 -1
  72. package/dist/cjs/hooks/getThemeProxied.cjs +1 -2
  73. package/dist/cjs/hooks/getThemeProxied.js +1 -1
  74. package/dist/cjs/hooks/getThemeProxied.js.map +1 -1
  75. package/dist/cjs/hooks/getThemeProxied.native.js +2 -3
  76. package/dist/cjs/hooks/getThemeProxied.native.js.map +1 -1
  77. package/dist/cjs/hooks/useComponentState.cjs +2 -1
  78. package/dist/cjs/hooks/useComponentState.js +2 -2
  79. package/dist/cjs/hooks/useComponentState.js.map +1 -1
  80. package/dist/cjs/hooks/useComponentState.native.js +2 -1
  81. package/dist/cjs/hooks/useComponentState.native.js.map +1 -1
  82. package/dist/cjs/hooks/useMedia.cjs +2 -2
  83. package/dist/cjs/hooks/useMedia.js +2 -2
  84. package/dist/cjs/hooks/useMedia.js.map +1 -1
  85. package/dist/cjs/hooks/useMedia.native.js +2 -3
  86. package/dist/cjs/hooks/useMedia.native.js.map +1 -1
  87. package/dist/cjs/hooks/useProps.cjs +0 -1
  88. package/dist/cjs/hooks/useProps.js +0 -1
  89. package/dist/cjs/hooks/useProps.js.map +1 -1
  90. package/dist/cjs/hooks/useProps.native.js +0 -1
  91. package/dist/cjs/hooks/useProps.native.js.map +1 -1
  92. package/dist/cjs/hooks/useTheme.cjs +3 -2
  93. package/dist/cjs/hooks/useTheme.js +2 -2
  94. package/dist/cjs/hooks/useTheme.js.map +1 -1
  95. package/dist/cjs/hooks/useTheme.native.js +2 -2
  96. package/dist/cjs/hooks/useTheme.native.js.map +1 -1
  97. package/dist/cjs/hooks/useThemeState.cjs +5 -14
  98. package/dist/cjs/hooks/useThemeState.js +6 -17
  99. package/dist/cjs/hooks/useThemeState.js.map +1 -1
  100. package/dist/cjs/hooks/useThemeState.native.js +4 -15
  101. package/dist/cjs/hooks/useThemeState.native.js.map +1 -1
  102. package/dist/cjs/index.cjs +0 -1
  103. package/dist/cjs/index.js +0 -1
  104. package/dist/cjs/index.js.map +1 -1
  105. package/dist/cjs/index.native.js +0 -1
  106. package/dist/cjs/index.native.js.map +1 -1
  107. package/dist/cjs/interfaces/TamaguiComponentPropsBaseBase.cjs +16 -0
  108. package/dist/cjs/interfaces/TamaguiComponentPropsBaseBase.js +14 -0
  109. package/dist/cjs/interfaces/TamaguiComponentPropsBaseBase.js.map +6 -0
  110. package/dist/cjs/interfaces/TamaguiComponentPropsBaseBase.native.js +19 -0
  111. package/dist/cjs/interfaces/TamaguiComponentPropsBaseBase.native.js.map +1 -0
  112. package/dist/cjs/setupReactNative.cjs +2 -4
  113. package/dist/cjs/setupReactNative.js +1 -4
  114. package/dist/cjs/setupReactNative.js.map +1 -1
  115. package/dist/cjs/setupReactNative.native.js +1 -3
  116. package/dist/cjs/setupReactNative.native.js.map +1 -1
  117. package/dist/cjs/styled.cjs +1 -2
  118. package/dist/cjs/styled.js +2 -9
  119. package/dist/cjs/styled.js.map +1 -1
  120. package/dist/cjs/styled.native.js +1 -3
  121. package/dist/cjs/styled.native.js.map +1 -1
  122. package/dist/cjs/views/Stack.cjs +1 -0
  123. package/dist/cjs/views/Stack.js +1 -0
  124. package/dist/cjs/views/Stack.js.map +1 -1
  125. package/dist/cjs/views/Stack.native.js +1 -0
  126. package/dist/cjs/views/Stack.native.js.map +1 -1
  127. package/dist/cjs/views/TamaguiProvider.cjs +4 -5
  128. package/dist/cjs/views/TamaguiProvider.js +11 -11
  129. package/dist/cjs/views/TamaguiProvider.js.map +1 -1
  130. package/dist/cjs/views/TamaguiProvider.native.js +15 -14
  131. package/dist/cjs/views/TamaguiProvider.native.js.map +1 -1
  132. package/dist/cjs/views/Text.cjs +8 -25
  133. package/dist/cjs/views/Text.js +8 -24
  134. package/dist/cjs/views/Text.js.map +1 -1
  135. package/dist/cjs/views/Text.native.js +1 -6
  136. package/dist/cjs/views/Text.native.js.map +1 -1
  137. package/dist/cjs/views/Theme.cjs +5 -5
  138. package/dist/cjs/views/Theme.js +6 -4
  139. package/dist/cjs/views/Theme.js.map +1 -1
  140. package/dist/cjs/views/Theme.native.js +5 -5
  141. package/dist/cjs/views/Theme.native.js.map +1 -1
  142. package/dist/cjs/views/ThemeDebug.cjs +2 -3
  143. package/dist/cjs/views/ThemeDebug.js +2 -3
  144. package/dist/cjs/views/ThemeDebug.js.map +1 -1
  145. package/dist/cjs/views/ThemeProvider.cjs +8 -7
  146. package/dist/cjs/views/ThemeProvider.js +8 -6
  147. package/dist/cjs/views/ThemeProvider.js.map +1 -1
  148. package/dist/cjs/views/ThemeProvider.native.js +8 -10
  149. package/dist/cjs/views/ThemeProvider.native.js.map +1 -1
  150. package/dist/cjs/views/View.cjs +1 -0
  151. package/dist/cjs/views/View.js +1 -0
  152. package/dist/cjs/views/View.js.map +1 -1
  153. package/dist/cjs/views/View.native.js +1 -0
  154. package/dist/cjs/views/View.native.js.map +1 -1
  155. package/dist/esm/constants/constants.js +2 -5
  156. package/dist/esm/constants/constants.js.map +1 -1
  157. package/dist/esm/constants/constants.mjs +2 -5
  158. package/dist/esm/constants/constants.mjs.map +1 -1
  159. package/dist/esm/constants/constants.native.js +2 -5
  160. package/dist/esm/constants/constants.native.js.map +1 -1
  161. package/dist/esm/constants/isDevTools.native.js.map +1 -1
  162. package/dist/esm/contexts/ComponentContext.js +2 -1
  163. package/dist/esm/contexts/ComponentContext.js.map +1 -1
  164. package/dist/esm/contexts/ComponentContext.mjs +2 -1
  165. package/dist/esm/contexts/ComponentContext.mjs.map +1 -1
  166. package/dist/esm/contexts/ComponentContext.native.js +2 -1
  167. package/dist/esm/contexts/ComponentContext.native.js.map +1 -1
  168. package/dist/esm/createComponent.js +23 -148
  169. package/dist/esm/createComponent.js.map +1 -1
  170. package/dist/esm/createComponent.mjs +32 -164
  171. package/dist/esm/createComponent.mjs.map +1 -1
  172. package/dist/esm/createComponent.native.js +18 -180
  173. package/dist/esm/createComponent.native.js.map +1 -1
  174. package/dist/esm/createTamagui.js +12 -12
  175. package/dist/esm/createTamagui.js.map +1 -1
  176. package/dist/esm/createTamagui.mjs +13 -12
  177. package/dist/esm/createTamagui.mjs.map +1 -1
  178. package/dist/esm/createTamagui.native.js +6 -12
  179. package/dist/esm/createTamagui.native.js.map +1 -1
  180. package/dist/esm/helpers/createMediaStyle.js +5 -13
  181. package/dist/esm/helpers/createMediaStyle.js.map +1 -1
  182. package/dist/esm/helpers/createMediaStyle.mjs +4 -10
  183. package/dist/esm/helpers/createMediaStyle.mjs.map +1 -1
  184. package/dist/esm/helpers/createMediaStyle.native.js +5 -11
  185. package/dist/esm/helpers/createMediaStyle.native.js.map +1 -1
  186. package/dist/esm/helpers/expandStyle.js +1 -3
  187. package/dist/esm/helpers/expandStyle.js.map +1 -1
  188. package/dist/esm/helpers/expandStyle.mjs +1 -3
  189. package/dist/esm/helpers/expandStyle.mjs.map +1 -1
  190. package/dist/esm/helpers/expandStyle.native.js.map +1 -1
  191. package/dist/esm/helpers/getSplitStyles.js +43 -80
  192. package/dist/esm/helpers/getSplitStyles.js.map +2 -2
  193. package/dist/esm/helpers/getSplitStyles.mjs +23 -54
  194. package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
  195. package/dist/esm/helpers/getSplitStyles.native.js +33 -55
  196. package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
  197. package/dist/esm/helpers/getThemeCSSRules.js +1 -1
  198. package/dist/esm/helpers/getThemeCSSRules.js.map +1 -1
  199. package/dist/esm/helpers/getThemeCSSRules.mjs +1 -1
  200. package/dist/esm/helpers/getThemeCSSRules.mjs.map +1 -1
  201. package/dist/esm/helpers/getVariantExtras.js +1 -2
  202. package/dist/esm/helpers/getVariantExtras.js.map +1 -1
  203. package/dist/esm/helpers/getVariantExtras.mjs +1 -3
  204. package/dist/esm/helpers/getVariantExtras.mjs.map +1 -1
  205. package/dist/esm/helpers/getVariantExtras.native.js +1 -3
  206. package/dist/esm/helpers/getVariantExtras.native.js.map +1 -1
  207. package/dist/esm/helpers/nativeOnlyProps.js +39 -0
  208. package/dist/esm/helpers/nativeOnlyProps.js.map +6 -0
  209. package/dist/esm/helpers/nativeOnlyProps.mjs +37 -0
  210. package/dist/esm/helpers/nativeOnlyProps.mjs.map +1 -0
  211. package/dist/esm/helpers/nativeOnlyProps.native.js +37 -0
  212. package/dist/esm/helpers/nativeOnlyProps.native.js.map +1 -0
  213. package/dist/esm/helpers/propMapper.js +3 -5
  214. package/dist/esm/helpers/propMapper.js.map +1 -1
  215. package/dist/esm/helpers/propMapper.mjs +3 -4
  216. package/dist/esm/helpers/propMapper.mjs.map +1 -1
  217. package/dist/esm/helpers/propMapper.native.js +3 -4
  218. package/dist/esm/helpers/propMapper.native.js.map +1 -1
  219. package/dist/esm/helpers/resolveRem.js +11 -0
  220. package/dist/esm/helpers/resolveRem.js.map +6 -0
  221. package/dist/esm/helpers/resolveRem.mjs +8 -0
  222. package/dist/esm/helpers/resolveRem.mjs.map +1 -0
  223. package/dist/esm/helpers/resolveRem.native.js +23 -0
  224. package/dist/esm/helpers/resolveRem.native.js.map +1 -0
  225. package/dist/esm/helpers/skipProps.js +2 -36
  226. package/dist/esm/helpers/skipProps.js.map +1 -1
  227. package/dist/esm/helpers/skipProps.mjs +2 -36
  228. package/dist/esm/helpers/skipProps.mjs.map +1 -1
  229. package/dist/esm/helpers/skipProps.native.js +1 -1
  230. package/dist/esm/helpers/skipProps.native.js.map +1 -1
  231. package/dist/esm/helpers/themeable.js +2 -2
  232. package/dist/esm/helpers/themeable.js.map +1 -1
  233. package/dist/esm/helpers/themeable.mjs +1 -2
  234. package/dist/esm/helpers/themeable.mjs.map +1 -1
  235. package/dist/esm/helpers/themeable.native.js +1 -2
  236. package/dist/esm/helpers/themeable.native.js.map +1 -1
  237. package/dist/esm/helpers/webPropsToSkip.native.js +48 -52
  238. package/dist/esm/helpers/webPropsToSkip.native.js.map +1 -1
  239. package/dist/esm/hooks/getThemeProxied.js +1 -1
  240. package/dist/esm/hooks/getThemeProxied.js.map +1 -1
  241. package/dist/esm/hooks/getThemeProxied.mjs +1 -2
  242. package/dist/esm/hooks/getThemeProxied.mjs.map +1 -1
  243. package/dist/esm/hooks/getThemeProxied.native.js +2 -3
  244. package/dist/esm/hooks/getThemeProxied.native.js.map +1 -1
  245. package/dist/esm/hooks/useComponentState.js +2 -1
  246. package/dist/esm/hooks/useComponentState.js.map +1 -1
  247. package/dist/esm/hooks/useComponentState.mjs +2 -1
  248. package/dist/esm/hooks/useComponentState.mjs.map +1 -1
  249. package/dist/esm/hooks/useComponentState.native.js +2 -1
  250. package/dist/esm/hooks/useComponentState.native.js.map +1 -1
  251. package/dist/esm/hooks/useMedia.js +3 -3
  252. package/dist/esm/hooks/useMedia.js.map +1 -1
  253. package/dist/esm/hooks/useMedia.mjs +3 -3
  254. package/dist/esm/hooks/useMedia.mjs.map +1 -1
  255. package/dist/esm/hooks/useMedia.native.js +3 -4
  256. package/dist/esm/hooks/useMedia.native.js.map +1 -1
  257. package/dist/esm/hooks/useProps.js +0 -1
  258. package/dist/esm/hooks/useProps.js.map +1 -1
  259. package/dist/esm/hooks/useProps.mjs +0 -1
  260. package/dist/esm/hooks/useProps.mjs.map +1 -1
  261. package/dist/esm/hooks/useProps.native.js +0 -1
  262. package/dist/esm/hooks/useProps.native.js.map +1 -1
  263. package/dist/esm/hooks/useTheme.js +2 -2
  264. package/dist/esm/hooks/useTheme.js.map +1 -1
  265. package/dist/esm/hooks/useTheme.mjs +3 -2
  266. package/dist/esm/hooks/useTheme.mjs.map +1 -1
  267. package/dist/esm/hooks/useTheme.native.js +3 -3
  268. package/dist/esm/hooks/useTheme.native.js.map +1 -1
  269. package/dist/esm/hooks/useThemeState.js +6 -17
  270. package/dist/esm/hooks/useThemeState.js.map +1 -1
  271. package/dist/esm/hooks/useThemeState.mjs +5 -14
  272. package/dist/esm/hooks/useThemeState.mjs.map +1 -1
  273. package/dist/esm/hooks/useThemeState.native.js +4 -15
  274. package/dist/esm/hooks/useThemeState.native.js.map +1 -1
  275. package/dist/esm/index.js +0 -1
  276. package/dist/esm/index.js.map +1 -1
  277. package/dist/esm/index.mjs +0 -1
  278. package/dist/esm/index.mjs.map +1 -1
  279. package/dist/esm/index.native.js +0 -1
  280. package/dist/esm/index.native.js.map +1 -1
  281. package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.js +1 -0
  282. package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.js.map +6 -0
  283. package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.mjs +2 -0
  284. package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.mjs.map +1 -0
  285. package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.native.js +2 -0
  286. package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.native.js.map +1 -0
  287. package/dist/esm/setupReactNative.js +1 -4
  288. package/dist/esm/setupReactNative.js.map +1 -1
  289. package/dist/esm/setupReactNative.mjs +1 -2
  290. package/dist/esm/setupReactNative.mjs.map +1 -1
  291. package/dist/esm/setupReactNative.native.js +1 -2
  292. package/dist/esm/setupReactNative.native.js.map +1 -1
  293. package/dist/esm/styled.js +2 -9
  294. package/dist/esm/styled.js.map +1 -1
  295. package/dist/esm/styled.mjs +1 -2
  296. package/dist/esm/styled.mjs.map +1 -1
  297. package/dist/esm/styled.native.js +1 -3
  298. package/dist/esm/styled.native.js.map +1 -1
  299. package/dist/esm/views/Stack.js +1 -0
  300. package/dist/esm/views/Stack.js.map +1 -1
  301. package/dist/esm/views/Stack.mjs +1 -0
  302. package/dist/esm/views/Stack.mjs.map +1 -1
  303. package/dist/esm/views/Stack.native.js +1 -0
  304. package/dist/esm/views/Stack.native.js.map +1 -1
  305. package/dist/esm/views/TamaguiProvider.js +11 -11
  306. package/dist/esm/views/TamaguiProvider.js.map +1 -1
  307. package/dist/esm/views/TamaguiProvider.mjs +4 -5
  308. package/dist/esm/views/TamaguiProvider.mjs.map +1 -1
  309. package/dist/esm/views/TamaguiProvider.native.js +15 -14
  310. package/dist/esm/views/TamaguiProvider.native.js.map +1 -1
  311. package/dist/esm/views/Text.js +8 -24
  312. package/dist/esm/views/Text.js.map +1 -1
  313. package/dist/esm/views/Text.mjs +8 -25
  314. package/dist/esm/views/Text.mjs.map +1 -1
  315. package/dist/esm/views/Text.native.js +1 -6
  316. package/dist/esm/views/Text.native.js.map +1 -1
  317. package/dist/esm/views/Theme.js +5 -4
  318. package/dist/esm/views/Theme.js.map +1 -1
  319. package/dist/esm/views/Theme.mjs +5 -5
  320. package/dist/esm/views/Theme.mjs.map +1 -1
  321. package/dist/esm/views/Theme.native.js +5 -5
  322. package/dist/esm/views/Theme.native.js.map +1 -1
  323. package/dist/esm/views/ThemeDebug.js +2 -3
  324. package/dist/esm/views/ThemeDebug.js.map +1 -1
  325. package/dist/esm/views/ThemeDebug.mjs +2 -3
  326. package/dist/esm/views/ThemeDebug.mjs.map +1 -1
  327. package/dist/esm/views/ThemeProvider.js +8 -6
  328. package/dist/esm/views/ThemeProvider.js.map +1 -1
  329. package/dist/esm/views/ThemeProvider.mjs +8 -7
  330. package/dist/esm/views/ThemeProvider.mjs.map +1 -1
  331. package/dist/esm/views/ThemeProvider.native.js +8 -10
  332. package/dist/esm/views/ThemeProvider.native.js.map +1 -1
  333. package/dist/esm/views/View.js +1 -0
  334. package/dist/esm/views/View.js.map +1 -1
  335. package/dist/esm/views/View.mjs +1 -0
  336. package/dist/esm/views/View.mjs.map +1 -1
  337. package/dist/esm/views/View.native.js +1 -0
  338. package/dist/esm/views/View.native.js.map +1 -1
  339. package/package.json +12 -12
  340. package/src/constants/constants.ts +3 -6
  341. package/src/contexts/ComponentContext.tsx +1 -0
  342. package/src/createComponent.tsx +39 -243
  343. package/src/createTamagui.ts +19 -12
  344. package/src/helpers/createMediaStyle.ts +6 -16
  345. package/src/helpers/expandStyle.ts +1 -4
  346. package/src/helpers/getSplitStyles.tsx +30 -120
  347. package/src/helpers/getThemeCSSRules.ts +6 -1
  348. package/src/helpers/getVariantExtras.tsx +1 -2
  349. package/src/helpers/nativeOnlyProps.ts +38 -0
  350. package/src/helpers/propMapper.ts +9 -2
  351. package/src/helpers/resolveRem.native.ts +44 -0
  352. package/src/helpers/resolveRem.ts +17 -0
  353. package/src/helpers/skipProps.ts +7 -42
  354. package/src/helpers/themeable.tsx +2 -6
  355. package/src/helpers/webPropsToSkip.native.ts +54 -50
  356. package/src/hooks/getThemeProxied.ts +1 -2
  357. package/src/hooks/useComponentState.ts +2 -1
  358. package/src/hooks/useMedia.tsx +3 -9
  359. package/src/hooks/useProps.tsx +0 -1
  360. package/src/hooks/useTheme.tsx +5 -8
  361. package/src/hooks/useThemeState.ts +8 -20
  362. package/src/index.ts +0 -1
  363. package/src/interfaces/RNExclusiveTypes.ts +0 -15
  364. package/src/interfaces/TamaguiComponentPropsBaseBase.tsx +109 -0
  365. package/src/setupReactNative.ts +0 -19
  366. package/src/styled.tsx +1 -11
  367. package/src/types.tsx +146 -190
  368. package/src/views/Stack.tsx +1 -0
  369. package/src/views/TamaguiProvider.tsx +11 -14
  370. package/src/views/Text.tsx +8 -29
  371. package/src/views/Theme.tsx +20 -22
  372. package/src/views/ThemeDebug.tsx +1 -2
  373. package/src/views/ThemeProvider.tsx +13 -9
  374. package/src/views/View.tsx +1 -0
  375. package/types/constants/constants.d.ts +1 -1
  376. package/types/constants/constants.d.ts.map +1 -1
  377. package/types/contexts/ComponentContext.d.ts.map +1 -1
  378. package/types/createComponent.d.ts +1 -19
  379. package/types/createComponent.d.ts.map +1 -1
  380. package/types/createTamagui.d.ts.map +1 -1
  381. package/types/helpers/createMediaStyle.d.ts.map +1 -1
  382. package/types/helpers/expandStyle.d.ts.map +1 -1
  383. package/types/helpers/getSplitStyles.d.ts.map +1 -1
  384. package/types/helpers/getThemeCSSRules.d.ts.map +1 -1
  385. package/types/helpers/getVariantExtras.d.ts.map +1 -1
  386. package/types/helpers/nativeOnlyProps.d.ts +39 -0
  387. package/types/helpers/nativeOnlyProps.d.ts.map +1 -0
  388. package/types/helpers/propMapper.d.ts.map +1 -1
  389. package/types/helpers/resolveRem.d.ts +13 -0
  390. package/types/helpers/resolveRem.d.ts.map +1 -0
  391. package/types/helpers/resolveRem.native.d.ts +13 -0
  392. package/types/helpers/resolveRem.native.d.ts.map +1 -0
  393. package/types/helpers/skipProps.d.ts +0 -1
  394. package/types/helpers/skipProps.d.ts.map +1 -1
  395. package/types/helpers/themeable.d.ts +1 -1
  396. package/types/helpers/themeable.d.ts.map +1 -1
  397. package/types/helpers/webPropsToSkip.native.d.ts +105 -50
  398. package/types/helpers/webPropsToSkip.native.d.ts.map +1 -1
  399. package/types/hooks/getThemeProxied.d.ts.map +1 -1
  400. package/types/hooks/useComponentState.d.ts.map +1 -1
  401. package/types/hooks/useMedia.d.ts.map +1 -1
  402. package/types/hooks/useProps.d.ts.map +1 -1
  403. package/types/hooks/useTheme.d.ts +2 -2
  404. package/types/hooks/useTheme.d.ts.map +1 -1
  405. package/types/hooks/useThemeState.d.ts.map +1 -1
  406. package/types/index.d.ts +0 -1
  407. package/types/index.d.ts.map +1 -1
  408. package/types/interfaces/RNExclusiveTypes.d.ts +1 -13
  409. package/types/interfaces/RNExclusiveTypes.d.ts.map +1 -1
  410. package/types/interfaces/TamaguiComponentPropsBaseBase.d.ts +91 -0
  411. package/types/interfaces/TamaguiComponentPropsBaseBase.d.ts.map +1 -0
  412. package/types/setupReactNative.d.ts +0 -4
  413. package/types/setupReactNative.d.ts.map +1 -1
  414. package/types/styled.d.ts +0 -2
  415. package/types/styled.d.ts.map +1 -1
  416. package/types/types.d.ts +112 -148
  417. package/types/types.d.ts.map +1 -1
  418. package/types/views/Stack.d.ts.map +1 -1
  419. package/types/views/TamaguiProvider.d.ts +1 -1
  420. package/types/views/TamaguiProvider.d.ts.map +1 -1
  421. package/types/views/Text.d.ts.map +1 -1
  422. package/types/views/Theme.d.ts.map +1 -1
  423. package/types/views/ThemeDebug.d.ts.map +1 -1
  424. package/types/views/ThemeProvider.d.ts.map +1 -1
  425. package/types/views/View.d.ts.map +1 -1
  426. package/dist/cjs/createTheme.js.map +0 -6
  427. package/dist/cjs/createTheme.native.js +0 -31
  428. package/dist/cjs/createTheme.native.js.map +0 -1
  429. package/dist/esm/createTheme.js +0 -5
  430. package/dist/esm/createTheme.js.map +0 -6
  431. package/dist/esm/createTheme.mjs +0 -3
  432. package/dist/esm/createTheme.mjs.map +0 -1
  433. package/dist/esm/createTheme.native.js +0 -5
  434. package/dist/esm/createTheme.native.js.map +0 -1
  435. package/src/createTheme.ts +0 -10
  436. package/types/createTheme.d.ts +0 -10
  437. package/types/createTheme.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Tamagui_exports","__export","Tamagui","getValueFromIdentifier","setIdentifierValue","module","exports","Helpers","__toESM","require","import_config","import_insertStyleRule","import_useMedia","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","process","env","NODE_ENV","TamaguiManager"],"sources":["../../src/Tamagui.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAyB,GAAAX,YAAA,CAAAK,eAAA;AASlB,IAAAO,OAAM,GAAAC,OAAW,CAAAC,OAAM;EAAAC,aAAA,GAAAD,OAAA;EAAAE,sBAAA,GAAAF,OAAA;EAAAG,eAAA,GAAAH,OAAA;AAC5B,SAAII,iBAAYA,CAAAC,QAAa,EAAAC,WAAe;EAAA,IAC1C,EAAAD,QAAM,YAAeC,WAAA,SACnB,IAAAC,SAAU;AAAA;AAGR,SAAAC,iBAAYA,CAAAC,MAAA,EAAAC,KAAA;EAAW,KACzB,IAAAC,CAAA,MAAAA,CAAA,GAAAD,KAAA,CAAAE,MAAA,EAAAD,CAAA;IAAA,IAEAE,UAAI,GAASH,KAAA,CAAAC,CAAA;IACXE,UAAA,CAAAC,UAAO,GAAAD,UAAA,CAAAC,UAAU,QAAAD,UAAA,CAAAE,YAAA,kBAAAF,UAAA,KAAAA,UAAA,CAAAG,QAAA,QAAAC,MAAA,CAAAC,cAAA,CAAAT,MAAA,EAAAI,UAAA,CAAAM,GAAA,EAAAN,UAAA;EAAA;AACnB;AAGE,SAAAO,aAAOA,CAAAd,WAAA,EAAAe,UAAA,EAAAC,WAAY;EAAA,OACrBD,UAAA,IAAAb,iBAAA,CAAAF,WAAA,CAAAiB,SAAA,EAAAF,UAAA,GAAAC,WAAA,IAAAd,iBAAA,CAAAF,WAAA,EAAAgB,WAAA,GAAAhB,WAAA;AAAA;AAGE,SAAAkB,gBAAOA,CAAAC,GAAA,EAAAN,GAAA,EAAA7B,KAAA;EAAgB,OACzB6B,GAAA,IAAAM,GAAA,GAAAR,MAAA,CAAAC,cAAA,CAAAO,GAAA,EAAAN,GAAA;IAAA7B,KAEA;IACEwB,UAAA,EAAO;IAAAC,YACT;IACFC,QAAA;EACA,KAAAS,GAAA,CAAON,GAAA,CAAI,GAAA7B,KAAA,EAAAmC,GAAA;AAAe;AAE9B,IAAGhC,OAEG;IAOJ,IAAAiC,OAAA,CAAAC,GAAA,CAAAC,QAAsB,kBAAiB;MACzC,IAAAC,cAAA","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Tamagui_exports","__export","Tamagui","getValueFromIdentifier","setIdentifierValue","module","exports","Helpers","__toESM","require","import_config","import_insertStyleRule","import_useMedia","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","process","env","NODE_ENV","TamaguiManager"],"sources":["../../src/Tamagui.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAyB,GAAAX,YAAA,CAAAK,eAAA;AASlB,IAAAO,OAAM,GAAAC,OAAW,CAAAC,OAAM;EAAAC,aAAA,GAAAD,OAAA;EAAAE,sBAAA,GAAAF,OAAA;EAAAG,eAAA,GAAAH,OAAA;AAC5B,SAAII,iBAAYA,CAAAC,QAAa,EAAAC,WAAe;EAAA,IAC1C,EAAAD,QAAM,YAAeC,WAAA,SACnB,IAAAC,SAAU;AAAA;AAGR,SAAAC,iBAAYA,CAAAC,MAAA,EAAAC,KAAA;EAAW,KACzB,IAAAC,CAAA,MAAAA,CAAA,GAAAD,KAAA,CAAAE,MAAA,EAAAD,CAAA;IAAA,IAEAE,UAAI,GAASH,KAAA,CAAAC,CAAA;IACXE,UAAA,CAAAC,UAAO,GAAAD,UAAA,CAAAC,UAAU,QAAAD,UAAA,CAAAE,YAAA,kBAAAF,UAAA,KAAAA,UAAA,CAAAG,QAAA,QAAAC,MAAA,CAAAC,cAAA,CAAAT,MAAA,EAAAI,UAAA,CAAAM,GAAA,EAAAN,UAAA;EAAA;AACnB;AAGE,SAAAO,aAAOA,CAAAd,WAAA,EAAAe,UAAA,EAAAC,WAAY;EAAA,OACrBD,UAAA,IAAAb,iBAAA,CAAAF,WAAA,CAAAiB,SAAA,EAAAF,UAAA,GAAAC,WAAA,IAAAd,iBAAA,CAAAF,WAAA,EAAAgB,WAAA,GAAAhB,WAAA;AAAA;AAGE,SAAAkB,gBAAOA,CAAAC,GAAA,EAAAN,GAAA,EAAA7B,KAAA;EAAgB,OACzB6B,GAAA,IAAAM,GAAA,GAAAR,MAAA,CAAAC,cAAA,CAAAO,GAAA,EAAAN,GAAA;IAAA7B,KAEA;IACEwB,UAAA,EAAO;IAAAC,YACT;IACFC,QAAA;EACA,KAAAS,GAAA,CAAON,GAAA,CAAI,GAAA7B,KAAA,EAAAmC,GAAA;AAAe;AAE9B,IAAGhC,OAEG,eAAoB;IAOxB,IAAAiC,OAAA,CAAAC,GAAA,CAAAC,QAAsB,kBAAiB;MACzC,IAAAC,cAAA","ignoreList":[]}
@@ -38,7 +38,6 @@ const THEME_NAME_SEPARATOR = "_",
38
38
  flexDirection: "column",
39
39
  flexBasis: "auto",
40
40
  boxSizing: "border-box",
41
- position: process.env.TAMAGUI_POSITION_STATIC === "1" ? "static" : "relative",
42
41
  minHeight: 0,
43
42
  minWidth: 0,
44
43
  flexShrink: 0
@@ -46,10 +45,8 @@ const THEME_NAME_SEPARATOR = "_",
46
45
  Object.assign(stackDefaultStyles, webViewFlexCompatStyles);
47
46
  const MISSING_THEME_MESSAGE = process.env.NODE_ENV === "development" ? `Can't find Tamagui configuration.
48
47
 
49
- 99% of the time this is due to having mis-matched versions of Tamagui dependencies.
50
- Ensure that every "tamagui" and "@tamagui/*" dependency is pinned to exactly the same version.
51
-
52
- We have a CLI tool to help check this:
48
+ Most of the time this is due to having mis-matched versions of Tamagui dependencies, or bundlers somehow duplicating them.
49
+ First step is to ensure every "tamagui" and "@tamagui/*" dependency is on the same version, we have a CLI tool to help:
53
50
 
54
51
  npx @tamagui/cli check
55
52
  ` : "Missing theme.";
@@ -28,7 +28,6 @@ const THEME_NAME_SEPARATOR = "_", THEME_CLASSNAME_PREFIX = "t_", FONT_DATA_ATTRI
28
28
  flexDirection: "column",
29
29
  flexBasis: "auto",
30
30
  boxSizing: "border-box",
31
- position: process.env.TAMAGUI_POSITION_STATIC === "1" ? "static" : "relative",
32
31
  minHeight: 0,
33
32
  minWidth: 0,
34
33
  flexShrink: 0
@@ -36,10 +35,8 @@ const THEME_NAME_SEPARATOR = "_", THEME_CLASSNAME_PREFIX = "t_", FONT_DATA_ATTRI
36
35
  Object.assign(stackDefaultStyles, webViewFlexCompatStyles);
37
36
  const MISSING_THEME_MESSAGE = process.env.NODE_ENV === "development" ? `Can't find Tamagui configuration.
38
37
 
39
- 99% of the time this is due to having mis-matched versions of Tamagui dependencies.
40
- Ensure that every "tamagui" and "@tamagui/*" dependency is pinned to exactly the same version.
41
-
42
- We have a CLI tool to help check this:
38
+ Most of the time this is due to having mis-matched versions of Tamagui dependencies, or bundlers somehow duplicating them.
39
+ First step is to ensure every "tamagui" and "@tamagui/*" dependency is on the same version, we have a CLI tool to help:
43
40
 
44
41
  npx @tamagui/cli check
45
42
  ` : "Missing theme.";
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/constants/constants.ts"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,uBAAuB,KACvB,yBAAyB,MACzB,2BAA2B,qBAE3B,qBAAqB,CAAC,GAEtB,0BAAsC;AAAA,EACjD,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU,QAAQ,IAAI,4BAA4B,MAAM,WAAW;AAAA,EACnE,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AACd;AAGE,OAAO,OAAO,oBAAoB,uBAAuB;AAGpD,MAAM,wBACX,QAAQ,IAAI,aAAa,gBACrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA;",
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,uBAAuB,KACvB,yBAAyB,MACzB,2BAA2B,qBAE3B,qBAAiC,CAAC,GAElC,0BAAsC;AAAA,EACjD,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AACd;AAGE,OAAO,OAAO,oBAAoB,uBAAuB;AAGpD,MAAM,wBACX,QAAQ,IAAI,aAAa,gBACrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;",
5
5
  "names": []
6
6
  }
@@ -40,17 +40,14 @@ var THEME_NAME_SEPARATOR = "_",
40
40
  flexDirection: "column",
41
41
  flexBasis: "auto",
42
42
  boxSizing: "border-box",
43
- position: process.env.TAMAGUI_POSITION_STATIC === "1" ? "static" : "relative",
44
43
  minHeight: 0,
45
44
  minWidth: 0,
46
45
  flexShrink: 0
47
46
  },
48
47
  MISSING_THEME_MESSAGE = process.env.NODE_ENV === "development" ? `Can't find Tamagui configuration.
49
48
 
50
- 99% of the time this is due to having mis-matched versions of Tamagui dependencies.
51
- Ensure that every "tamagui" and "@tamagui/*" dependency is pinned to exactly the same version.
52
-
53
- We have a CLI tool to help check this:
49
+ Most of the time this is due to having mis-matched versions of Tamagui dependencies, or bundlers somehow duplicating them.
50
+ First step is to ensure every "tamagui" and "@tamagui/*" dependency is on the same version, we have a CLI tool to help:
54
51
 
55
52
  npx @tamagui/cli check
56
53
  ` : "Missing theme.";
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","constants_exports","__export","FONT_DATA_ATTRIBUTE_NAME","MISSING_THEME_MESSAGE","THEME_CLASSNAME_PREFIX","THEME_NAME_SEPARATOR","stackDefaultStyles","webViewFlexCompatStyles","module","exports","display","alignItems","flexDirection","flexBasis","boxSizing","position","process","env","TAMAGUI_POSITION_STATIC","minHeight","minWidth","flexShrink","NODE_ENV"],"sources":["../../../src/constants/constants.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,wBAAA,EAAAA,CAAA,KAAAA,wBAAA;EAAAC,qBAAA,EAAAA,CAAA,KAAAA,qBAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AAEOC,MAAM,CAAAC,OAAA,GAAAd,YAAuB,CAAAK,iBACvB;AAKsC,IACjDK,oBAAS;EAAAD,sBAAA;EAAAF,wBAAA;EAAAI,kBAAA;EAAAC,uBAAA;IACTG,OAAA,QAAY;IACZC,UAAA,WAAe;IACfC,aAAW;IACXC,SAAA,EAAW;IACXC,SAAA,EAAU,YAAY;IACtBC,QAAA,EAAAC,OAAW,CAAAC,GAAA,CAAAC,uBAAA;IACXC,SAAA,EAAU;IACVC,QAAA;IACFC,UAAA;EAGE;EAAAlB,qBAAc,GAAAa,OAAoB,CAAAC,GAAA,CAAAK,QAAA,kBAAuB;AAGpD;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","constants_exports","__export","FONT_DATA_ATTRIBUTE_NAME","MISSING_THEME_MESSAGE","THEME_CLASSNAME_PREFIX","THEME_NAME_SEPARATOR","stackDefaultStyles","webViewFlexCompatStyles","module","exports","display","alignItems","flexDirection","flexBasis","boxSizing","minHeight","minWidth","flexShrink","process","env","NODE_ENV"],"sources":["../../../src/constants/constants.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,wBAAA,EAAAA,CAAA,KAAAA,wBAAA;EAAAC,qBAAA,EAAAA,CAAA,KAAAA,qBAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AAEOC,MAAM,CAAAC,OAAA,GAAAd,YAAuB,CAAAK,iBACvB;AAKsC,IACjDK,oBAAS;EAAAD,sBAAA;EAAAF,wBAAA;EAAAI,kBAAA;EAAAC,uBAAA;IACTG,OAAA,QAAY;IACZC,UAAA,WAAe;IACfC,aAAW;IACXC,SAAA,EAAW;IACXC,SAAA,EAAW;IACXC,SAAA,EAAU;IACVC,QAAA;IACFC,UAAA;EAGE;EAAAd,qBAAc,GAAAe,OAAoB,CAAAC,GAAA,CAAAC,QAAA,kBAAuB;AAGpD;AAED;AAAA;AAAA;AAAA;AAAA","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","isDevTools_exports","__export","isDevTools","module","exports","process","env","NODE_ENV","Function"],"sources":["../../../src/constants/isDevTools.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAEOC,MAAM,CAAAC,OAAA,GAAAT,YAAoB,CAAAK,kBAAA;AAC/B,IAAAE,UAAY,eAAI;EACd,IAAAG,OAAI,CAAAC,GAAA,CAAAC,QAAA,oBACF;IACF,OAAQ,IAAAC,QAAA;EAER,SAEF;EACF,OAAG","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","isDevTools_exports","__export","isDevTools","module","exports","process","env","NODE_ENV","Function"],"sources":["../../../src/constants/isDevTools.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAEOC,MAAM,CAAAC,OAAA,GAAAT,YAAoB,CAAAK,kBAAA;AAC/B,IAAAE,UAAY,GAAI;EACd,IAAAG,OAAI,CAAAC,GAAA,CAAAC,QAAA,oBACF;IACF,OAAQ,IAAAC,QAAA;EAER,SAEF;EACF,OAAG","ignoreList":[]}
@@ -31,6 +31,7 @@ const ComponentContext = (0, import_createStyledContext.createStyledContext)({
31
31
  inText: !1,
32
32
  language: null,
33
33
  animationDriver: null,
34
- setParentFocusState: null
34
+ setParentFocusState: null,
35
+ insets: null
35
36
  }),
36
37
  useConfiguration = () => (0, import_react.useContext)(ComponentContext);
@@ -24,6 +24,7 @@ const ComponentContext = (0, import_createStyledContext.createStyledContext)({
24
24
  inText: !1,
25
25
  language: null,
26
26
  animationDriver: null,
27
- setParentFocusState: null
27
+ setParentFocusState: null,
28
+ insets: null
28
29
  }), useConfiguration = () => (0, import_react.useContext)(ComponentContext);
29
30
  //# sourceMappingURL=ComponentContext.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/contexts/ComponentContext.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B,kBAC3B,6BAAoC;AAG7B,MAAM,uBAAmB,gDAAuC;AAAA,EACrE,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,qBAAqB;AACvB,CAAC,GAEY,mBAAmB,UACvB,yBAAW,gBAAgB;",
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B,kBAC3B,6BAAoC;AAG7B,MAAM,uBAAmB,gDAAuC;AAAA,EACrE,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,QAAQ;AACV,CAAC,GAEY,mBAAmB,UACvB,yBAAW,gBAAgB;",
5
5
  "names": []
6
6
  }
@@ -33,7 +33,8 @@ var import_react = require("react"),
33
33
  inText: !1,
34
34
  language: null,
35
35
  animationDriver: null,
36
- setParentFocusState: null
36
+ setParentFocusState: null,
37
+ insets: null
37
38
  }),
38
39
  useConfiguration = function () {
39
40
  return (0, import_react.useContext)(ComponentContext);
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ComponentContext_exports","__export","ComponentContext","useConfiguration","module","exports","import_react","require","import_createStyledContext","createStyledContext","disableSSR","inText","language","animationDriver","setParentFocusState"],"sources":["../../../src/contexts/ComponentContext.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA2B,CAAAK,wBAC3B;AAGO,IAAAM,YAAM,GAAAC,OAAA,QAAmB;EAAAC,0BAAA,GAAAD,OAAA,2CAAuC;EAAAL,gBAAA,OAAAM,0BAAA,CAAAC,mBAAA;IACrEC,UAAA,EAAY;IACZC,MAAA,EAAQ;IACRC,QAAA,EAAU;IACVC,eAAA,EAAiB;IACjBC,mBAAA,EAAqB;EACvB,CAAC;EAEYX,gBAAA,GAAmB,SAAAA,CAAA,EACvB","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ComponentContext_exports","__export","ComponentContext","useConfiguration","module","exports","import_react","require","import_createStyledContext","createStyledContext","disableSSR","inText","language","animationDriver","setParentFocusState","insets"],"sources":["../../../src/contexts/ComponentContext.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA2B,CAAAK,wBAC3B;AAGO,IAAAM,YAAM,GAAAC,OAAA,QAAmB;EAAAC,0BAAA,GAAAD,OAAA,2CAAuC;EAAAL,gBAAA,OAAAM,0BAAA,CAAAC,mBAAA;IACrEC,UAAA,EAAY;IACZC,MAAA,EAAQ;IACRC,QAAA,EAAU;IACVC,eAAA,EAAiB;IACjBC,mBAAA,EAAqB;IACrBC,MAAA,EAAQ;EACV,CAAC;EAEYZ,gBAAA,GAAmB,SAAAA,CAAA,EACvB","ignoreList":[]}
@@ -31,11 +31,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
31
31
  }), mod);
32
32
  var createComponent_exports = {};
33
33
  __export(createComponent_exports, {
34
- Spacer: () => Spacer,
35
- Unspaced: () => Unspaced,
36
34
  componentSetStates: () => componentSetStates,
37
- createComponent: () => createComponent,
38
- spacedChildren: () => spacedChildren
35
+ createComponent: () => createComponent
39
36
  });
40
37
  module.exports = __toCommonJS(createComponent_exports);
41
38
  var import_compose_refs = require("@tamagui/compose-refs"),
@@ -44,7 +41,6 @@ var import_compose_refs = require("@tamagui/compose-refs"),
44
41
  import_is_equal_shallow = require("@tamagui/is-equal-shallow"),
45
42
  import_react = __toESM(require("react"), 1),
46
43
  import_config = require("./config.cjs"),
47
- import_constants2 = require("./constants/constants.cjs"),
48
44
  import_isDevTools = require("./constants/isDevTools.cjs"),
49
45
  import_ComponentContext = require("./contexts/ComponentContext.cjs"),
50
46
  import_GroupContext = require("./contexts/GroupContext.cjs"),
@@ -69,14 +65,22 @@ let time, debugKeyListeners, startVisualizer;
69
65
  const componentSetStates = /* @__PURE__ */new Set(),
70
66
  avoidReRenderKeys = /* @__PURE__ */new Set(["hover", "press", "pressIn", "group", "focus", "focusWithin", "media", "group"]);
71
67
  if (typeof window < "u") {
72
- const cancelTouches = () => {
73
- componentSetStates.forEach(setState => setState(prev => prev.press || prev.pressIn ? {
74
- ...prev,
75
- press: !1,
76
- pressIn: !1
77
- } : prev)), componentSetStates.clear();
78
- };
79
- addEventListener("mouseup", cancelTouches), addEventListener("touchend", cancelTouches), addEventListener("touchcancel", cancelTouches), process.env.NODE_ENV === "development" && (startVisualizer = () => {
68
+ const cancelPresses = () => {
69
+ componentSetStates.forEach(setState => setState(prev => prev.press || prev.pressIn ? {
70
+ ...prev,
71
+ press: !1,
72
+ pressIn: !1
73
+ } : prev)), componentSetStates.clear();
74
+ },
75
+ cancelTouches = () => {
76
+ componentSetStates.forEach(setState => setState(prev => prev.press || prev.pressIn || prev.hover ? {
77
+ ...prev,
78
+ press: !1,
79
+ pressIn: !1,
80
+ hover: !1
81
+ } : prev)), componentSetStates.clear();
82
+ };
83
+ addEventListener("mouseup", cancelPresses), addEventListener("touchend", cancelTouches), addEventListener("touchcancel", cancelTouches), process.env.NODE_ENV === "development" && (startVisualizer = () => {
80
84
  const devVisualizerConfig = import_config.devConfig?.visualizer;
81
85
  if (devVisualizerConfig && !globalThis.__tamaguiDevVisualizer) {
82
86
  let show = function (val) {
@@ -114,14 +118,19 @@ if (typeof window < "u") {
114
118
  }
115
119
  let BaseText, BaseView;
116
120
  const lastInteractionWasKeyboard = {
117
- value: !1
118
- };
121
+ value: !1
122
+ },
123
+ lastInteractionWasTouch = {
124
+ value: !1
125
+ };
119
126
  import_constants.isWeb && typeof document < "u" && (document.addEventListener("keydown", () => {
120
127
  lastInteractionWasKeyboard.value || (lastInteractionWasKeyboard.value = !0);
121
128
  }), document.addEventListener("mousedown", () => {
122
129
  lastInteractionWasKeyboard.value && (lastInteractionWasKeyboard.value = !1);
123
130
  }), document.addEventListener("mousemove", () => {
124
- lastInteractionWasKeyboard.value && (lastInteractionWasKeyboard.value = !1);
131
+ lastInteractionWasKeyboard.value && (lastInteractionWasKeyboard.value = !1), lastInteractionWasTouch.value = !1;
132
+ }), document.addEventListener("touchstart", () => {
133
+ lastInteractionWasTouch.value = !0;
125
134
  }));
126
135
  function createComponent(staticConfig) {
127
136
  const {
@@ -270,7 +279,7 @@ function createComponent(staticConfig) {
270
279
  shallow: stateRef.current.themeShallow,
271
280
  debug: debugProp
272
281
  };
273
- if ("themeInverse" in props && (themeStateProps.inverse = props.themeInverse), "theme" in props && (themeStateProps.name = props.theme), typeof stateRef.current.isListeningToTheme == "boolean" && (themeStateProps.needsUpdate = () => !!stateRef.current.isListeningToTheme), process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
282
+ if ("theme" in props && (themeStateProps.name = props.theme), themeStateProps.needsUpdate = () => !!stateRef.current.isListeningToTheme, process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
274
283
  const name = `${componentName2 || Component?.displayName || Component?.name || "[Unnamed Component]"}`,
275
284
  type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (noClass ? "(noClass)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + (state.focusWithin ? "(WITHIN FOCUSED)" : " ") + (presenceState?.isPresent === !1 ? "(EXIT)" : ""),
276
285
  dataIs = propsIn["data-is"] || "",
@@ -565,7 +574,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
565
574
  ...((attachHover || attachPress) && {
566
575
  onMouseEnter: e => {
567
576
  const next = {};
568
- needsHoverState && (next.hover = !0), needsPressState && state.pressIn && (next.press = !0), setStateShallow(next), onHoverIn?.(e), onMouseEnter?.(e);
577
+ needsHoverState && !lastInteractionWasTouch.value && (next.hover = !0), needsPressState && state.pressIn && (next.press = !0), setStateShallow(next), onHoverIn?.(e), onMouseEnter?.(e);
569
578
  },
570
579
  onMouseLeave: e => {
571
580
  const next = {};
@@ -601,17 +610,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
601
610
  events,
602
611
  attachHover,
603
612
  attachPress
604
- }), import_setupHooks.hooks.useEvents?.(viewProps, events, splitStyles, setStateShallow, staticConfig);
605
- const direction = props.spaceDirection || "both";
606
- process.env.NODE_ENV === "development" && time && time`hooks`;
607
- let content = !children || asChild || !splitStyles ? children : spacedChildren({
608
- separator,
609
- children,
610
- space,
611
- direction,
612
- isZStack,
613
- debug: debugProp
614
- });
613
+ }), import_setupHooks.hooks.useEvents?.(viewProps, events, splitStyles, setStateShallow, staticConfig), process.env.NODE_ENV === "development" && time && time`hooks`;
614
+ let content = children;
615
615
  if (asChild) {
616
616
  elementType = import_Slot.Slot;
617
617
  {
@@ -736,15 +736,12 @@ If you meant to do this, you can disable this warning - either change untilMeasu
736
736
  isStyledHOC: !1
737
737
  };
738
738
  }
739
- function extractable(Component2, extended) {
740
- return Component2.staticConfig = extendStyledConfig(extended), Component2.styleable = styleable, Component2;
741
- }
742
739
  function styleable(Component2, options) {
743
740
  let out = import_constants.IS_REACT_19 && typeof Component2 == "function" && Component2.length === 1 || Component2.render?.length === 2 ? Component2 : import_react.default.forwardRef(Component2);
744
741
  const extendedConfig = extendStyledConfig(options?.staticConfig);
745
742
  return out = options?.disableTheme ? out : (0, import_themeable.themeable)(out, extendedConfig, !0), (extendedConfig.memo || process.env.TAMAGUI_MEMOIZE_STYLEABLE) && (out = import_react.default.memo(out)), out.staticConfig = extendedConfig, out.styleable = styleable, out;
746
743
  }
747
- return res.extractable = extractable, res.styleable = styleable, res;
744
+ return res.styleable = styleable, res;
748
745
  }
749
746
  function getWebEvents(events, webStyle = !0) {
750
747
  return {
@@ -759,136 +756,4 @@ function getWebEvents(events, webStyle = !0) {
759
756
  onBlur: events.onBlur
760
757
  };
761
758
  }
762
- function Unspaced(props) {
763
- return props.children;
764
- }
765
- Unspaced.isUnspaced = !0;
766
- const getSpacerSize = (size, {
767
- tokens
768
- }) => {
769
- size = size === !1 ? 0 : size === !0 ? "$true" : size;
770
- const sizePx = tokens.space[size] ?? size;
771
- return {
772
- width: sizePx,
773
- height: sizePx,
774
- minWidth: sizePx,
775
- minHeight: sizePx
776
- };
777
- },
778
- Spacer = createComponent({
779
- acceptsClassName: !0,
780
- memo: !0,
781
- componentName: "Spacer",
782
- validStyles: import_helpers.validStyles,
783
- defaultProps: {
784
- ...import_constants2.stackDefaultStyles,
785
- // avoid nesting issues
786
- tag: "span",
787
- size: !0,
788
- pointerEvents: "none"
789
- },
790
- variants: {
791
- size: {
792
- "...": getSpacerSize
793
- },
794
- flex: {
795
- true: {
796
- flexGrow: 1
797
- }
798
- },
799
- direction: {
800
- horizontal: {
801
- height: 0,
802
- minHeight: 0
803
- },
804
- vertical: {
805
- width: 0,
806
- minWidth: 0
807
- },
808
- both: {}
809
- }
810
- }
811
- });
812
- function spacedChildren(props) {
813
- const {
814
- isZStack,
815
- children,
816
- space,
817
- direction,
818
- spaceFlex,
819
- separator,
820
- ensureKeys
821
- } = props,
822
- hasSpace = !!(space || spaceFlex),
823
- hasSeparator = separator != null,
824
- areChildrenArray = Array.isArray(children);
825
- if (!ensureKeys && !(hasSpace || hasSeparator || isZStack)) return children;
826
- const childrenList = areChildrenArray ? children : import_react.default.Children.toArray(children);
827
- if (childrenList.length <= 1 && !isZStack && !childrenList[0]?.type?.shouldForwardSpace) return children;
828
- const final = [];
829
- for (let [index, child] of childrenList.entries()) {
830
- const isEmpty = child == null || Array.isArray(child) && child.length === 0;
831
- if (!isEmpty && import_react.default.isValidElement(child) && child.type?.shouldForwardSpace && (child = import_react.default.cloneElement(child, {
832
- // @ts-expect-error we explicitly know with shouldForwardSpace
833
- space,
834
- spaceFlex,
835
- separator,
836
- key: child.key
837
- })), isEmpty || !child || child.key && !isZStack ? final.push(child) : final.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.default.Fragment, {
838
- children: isZStack ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(AbsoluteFill, {
839
- children: child
840
- }) : child
841
- }, `${index}0t`)), isUnspaced(child) && index === 0 || isZStack) continue;
842
- const next = childrenList[index + 1];
843
- next && !isEmpty && !isUnspaced(next) && (separator ? (hasSpace && final.push(createSpacer({
844
- key: `_${index}_00t`,
845
- direction,
846
- space,
847
- spaceFlex
848
- })), final.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.default.Fragment, {
849
- children: separator
850
- }, `${index}03t`)), hasSpace && final.push(createSpacer({
851
- key: `_${index}01t`,
852
- direction,
853
- space,
854
- spaceFlex
855
- }))) : final.push(createSpacer({
856
- key: `_${index}02t`,
857
- direction,
858
- space,
859
- spaceFlex
860
- })));
861
- }
862
- return process.env.NODE_ENV === "development" && props.debug && (0, import_log.log)(" Spaced children", final, props), final;
863
- }
864
- function createSpacer({
865
- key,
866
- direction,
867
- space,
868
- spaceFlex
869
- }) {
870
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Spacer, {
871
- size: space,
872
- direction,
873
- ...(typeof spaceFlex < "u" && {
874
- flex: spaceFlex === !0 ? 1 : spaceFlex === !1 ? 0 : spaceFlex
875
- })
876
- }, key);
877
- }
878
- function isUnspaced(child) {
879
- const t = child?.type;
880
- return t?.isVisuallyHidden || t?.isUnspaced;
881
- }
882
- const AbsoluteFill = createComponent({
883
- defaultProps: {
884
- ...import_constants2.stackDefaultStyles,
885
- flexDirection: "column",
886
- position: "absolute",
887
- top: 0,
888
- right: 0,
889
- bottom: 0,
890
- left: 0,
891
- pointerEvents: "box-none"
892
- }
893
- }),
894
- fromPx = val => typeof val == "number" ? val : typeof val == "string" ? +val.replace("px", "") : 0;
759
+ const fromPx = val => typeof val == "number" ? val : typeof val == "string" ? +val.replace("px", "") : 0;