@tamagui/web 3.0.0-beta.831.1 → 3.0.0-beta.889.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 (474) hide show
  1. package/dist/cjs/createComponent.cjs +12 -1
  2. package/dist/cjs/createComponent.native.cjs +12 -1
  3. package/dist/cjs/createComponent.native.js +12 -1
  4. package/dist/cjs/createComponent.native.js.map +1 -1
  5. package/dist/cjs/createStyledHOC.cjs +1 -1
  6. package/dist/cjs/createStyledHOC.native.cjs +1 -1
  7. package/dist/cjs/createStyledHOC.native.js +1 -1
  8. package/dist/cjs/createStyledHOC.native.js.map +1 -1
  9. package/dist/cjs/createVariable.cjs +0 -10
  10. package/dist/cjs/createVariable.native.cjs +0 -10
  11. package/dist/cjs/createVariable.native.js +0 -10
  12. package/dist/cjs/createVariable.native.js.map +1 -1
  13. package/dist/cjs/helpers/borderComponents.cjs +62 -0
  14. package/dist/cjs/helpers/borderComponents.native.cjs +82 -0
  15. package/dist/cjs/helpers/borderComponents.native.js +84 -0
  16. package/dist/cjs/helpers/borderComponents.native.js.map +1 -0
  17. package/dist/cjs/helpers/createDesignSystem.cjs +0 -2
  18. package/dist/cjs/helpers/createStyledContext.cjs +10 -18
  19. package/dist/cjs/helpers/createStyledContext.native.cjs +14 -18
  20. package/dist/cjs/helpers/createStyledContext.native.js +14 -18
  21. package/dist/cjs/helpers/createStyledContext.native.js.map +1 -1
  22. package/dist/cjs/helpers/formatDiagnostic.cjs +6 -6
  23. package/dist/cjs/helpers/formatDiagnostic.native.cjs +6 -6
  24. package/dist/cjs/helpers/formatDiagnostic.native.js +6 -6
  25. package/dist/cjs/helpers/formatDiagnostic.native.js.map +1 -1
  26. package/dist/cjs/helpers/getCSSStylesAtomic.cjs +128 -109
  27. package/dist/cjs/helpers/getCSSStylesAtomic.native.cjs +11 -3
  28. package/dist/cjs/helpers/getCSSStylesAtomic.native.js +11 -3
  29. package/dist/cjs/helpers/getCSSStylesAtomic.native.js.map +1 -1
  30. package/dist/cjs/helpers/getCSSStylesAtomicCompiled.cjs +13 -1
  31. package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.cjs +15 -1
  32. package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.js +15 -1
  33. package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.js.map +1 -1
  34. package/dist/cjs/helpers/getDynamicVal.cjs +5 -1
  35. package/dist/cjs/helpers/getDynamicVal.native.cjs +5 -1
  36. package/dist/cjs/helpers/getDynamicVal.native.js +5 -1
  37. package/dist/cjs/helpers/getDynamicVal.native.js.map +1 -1
  38. package/dist/cjs/helpers/getSplitStyles.cjs +1042 -1715
  39. package/dist/cjs/helpers/getSplitStyles.native.cjs +1081 -1887
  40. package/dist/cjs/helpers/getSplitStyles.native.js +1081 -1887
  41. package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
  42. package/dist/cjs/helpers/grammarConfig.cjs +163 -1
  43. package/dist/cjs/helpers/grammarConfig.native.cjs +186 -1
  44. package/dist/cjs/helpers/grammarConfig.native.js +186 -1
  45. package/dist/cjs/helpers/grammarConfig.native.js.map +1 -1
  46. package/dist/cjs/helpers/insertStyleRule.cjs +5 -1
  47. package/dist/cjs/helpers/insertStyleRule.native.cjs +7 -1
  48. package/dist/cjs/helpers/insertStyleRule.native.js +7 -1
  49. package/dist/cjs/helpers/insertStyleRule.native.js.map +1 -1
  50. package/dist/cjs/helpers/log.cjs +9 -8
  51. package/dist/cjs/helpers/log.native.cjs +9 -8
  52. package/dist/cjs/helpers/log.native.js +9 -8
  53. package/dist/cjs/helpers/log.native.js.map +1 -1
  54. package/dist/cjs/helpers/mergeVariants.cjs +44 -13
  55. package/dist/cjs/helpers/mergeVariants.native.cjs +79 -14
  56. package/dist/cjs/helpers/mergeVariants.native.js +79 -14
  57. package/dist/cjs/helpers/mergeVariants.native.js.map +1 -1
  58. package/dist/cjs/helpers/nativeOnlyProps.cjs +0 -1
  59. package/dist/cjs/helpers/nativeOnlyProps.native.cjs +0 -1
  60. package/dist/cjs/helpers/nativeOnlyProps.native.js +0 -1
  61. package/dist/cjs/helpers/nativeOnlyProps.native.js.map +1 -1
  62. package/dist/cjs/helpers/nativeStyleEngine.cjs +34 -14
  63. package/dist/cjs/helpers/nativeStyleEngine.native.cjs +36 -14
  64. package/dist/cjs/helpers/nativeStyleEngine.native.js +36 -14
  65. package/dist/cjs/helpers/nativeStyleEngine.native.js.map +1 -1
  66. package/dist/cjs/helpers/normalizeValueWithProperty.cjs +7 -8
  67. package/dist/cjs/helpers/normalizeValueWithProperty.native.cjs +9 -8
  68. package/dist/cjs/helpers/normalizeValueWithProperty.native.js +9 -8
  69. package/dist/cjs/helpers/normalizeValueWithProperty.native.js.map +1 -1
  70. package/dist/cjs/helpers/parseBorderShorthand.native.cjs +25 -56
  71. package/dist/cjs/helpers/parseBorderShorthand.native.js +25 -56
  72. package/dist/cjs/helpers/parseBorderShorthand.native.js.map +1 -1
  73. package/dist/cjs/helpers/parseOutlineShorthand.native.cjs +9 -49
  74. package/dist/cjs/helpers/parseOutlineShorthand.native.js +9 -49
  75. package/dist/cjs/helpers/parseOutlineShorthand.native.js.map +1 -1
  76. package/dist/cjs/helpers/resolveSafeArea.cjs +35 -100
  77. package/dist/cjs/helpers/resolveVariantStyle.cjs +57 -0
  78. package/dist/cjs/helpers/resolveVariantStyle.native.cjs +67 -0
  79. package/dist/cjs/helpers/resolveVariantStyle.native.js +69 -0
  80. package/dist/cjs/helpers/resolveVariantStyle.native.js.map +1 -0
  81. package/dist/cjs/helpers/styleStaticConfig.cjs +1 -50
  82. package/dist/cjs/helpers/styleStaticConfig.native.cjs +1 -51
  83. package/dist/cjs/helpers/styleStaticConfig.native.js +1 -51
  84. package/dist/cjs/helpers/styleStaticConfig.native.js.map +1 -1
  85. package/dist/cjs/helpers/styleStaticConfigCore.cjs +107 -0
  86. package/dist/cjs/helpers/styleStaticConfigCore.native.cjs +127 -0
  87. package/dist/cjs/helpers/styleStaticConfigCore.native.js +129 -0
  88. package/dist/cjs/helpers/styleStaticConfigCore.native.js.map +1 -0
  89. package/dist/cjs/helpers/styledDynamic.cjs +160 -0
  90. package/dist/cjs/helpers/styledDynamic.native.cjs +195 -0
  91. package/dist/cjs/helpers/styledDynamic.native.js +197 -0
  92. package/dist/cjs/helpers/styledDynamic.native.js.map +1 -0
  93. package/dist/cjs/helpers/tokenCategories.cjs +15 -38
  94. package/dist/cjs/helpers/tokenCategories.native.cjs +15 -40
  95. package/dist/cjs/helpers/tokenCategories.native.js +15 -40
  96. package/dist/cjs/helpers/tokenCategories.native.js.map +1 -1
  97. package/dist/cjs/helpers/variableValue.cjs +17 -12
  98. package/dist/cjs/helpers/variableValue.native.cjs +46 -23
  99. package/dist/cjs/helpers/variableValue.native.js +46 -23
  100. package/dist/cjs/helpers/variableValue.native.js.map +1 -1
  101. package/dist/cjs/helpers/warnOnce.cjs +5 -4
  102. package/dist/cjs/helpers/warnOnce.native.cjs +6 -4
  103. package/dist/cjs/helpers/warnOnce.native.js +6 -4
  104. package/dist/cjs/helpers/warnOnce.native.js.map +1 -1
  105. package/dist/cjs/hooks/useAnimationDriver.cjs +2 -2
  106. package/dist/cjs/hooks/useAnimationDriver.native.cjs +2 -2
  107. package/dist/cjs/hooks/useAnimationDriver.native.js +2 -2
  108. package/dist/cjs/hooks/useAnimationDriver.native.js.map +1 -1
  109. package/dist/cjs/hooks/useComponentState.cjs +41 -82
  110. package/dist/cjs/hooks/useComponentState.native.cjs +45 -84
  111. package/dist/cjs/hooks/useComponentState.native.js +45 -84
  112. package/dist/cjs/hooks/useComponentState.native.js.map +1 -1
  113. package/dist/cjs/hooks/useMedia.cjs +2 -2
  114. package/dist/cjs/hooks/useMedia.native.cjs +2 -2
  115. package/dist/cjs/hooks/useMedia.native.js +2 -2
  116. package/dist/cjs/hooks/useMedia.native.js.map +1 -1
  117. package/dist/cjs/{helpers/directStyleCSS.native.js → hooks/useStyle.cjs} +16 -8
  118. package/dist/cjs/{helpers/directStyleCSS.native.cjs → hooks/useStyle.native.cjs} +16 -4
  119. package/dist/cjs/hooks/useStyle.native.js +34 -0
  120. package/dist/cjs/hooks/useStyle.native.js.map +1 -0
  121. package/dist/cjs/hooks/useThemeState.cjs +25 -90
  122. package/dist/cjs/hooks/useThemeState.native.cjs +34 -94
  123. package/dist/cjs/hooks/useThemeState.native.js +34 -94
  124. package/dist/cjs/hooks/useThemeState.native.js.map +1 -1
  125. package/dist/cjs/index.cjs +6 -3
  126. package/dist/cjs/index.native.cjs +6 -3
  127. package/dist/cjs/index.native.js +6 -3
  128. package/dist/cjs/index.native.js.map +1 -1
  129. package/dist/cjs/static-resolve.cjs +2 -2
  130. package/dist/cjs/static-resolve.native.cjs +2 -2
  131. package/dist/cjs/static-resolve.native.js +2 -2
  132. package/dist/cjs/static-resolve.native.js.map +1 -1
  133. package/dist/cjs/style.cjs +91 -0
  134. package/dist/cjs/style.native.cjs +98 -0
  135. package/dist/cjs/style.native.js +100 -0
  136. package/dist/cjs/style.native.js.map +1 -0
  137. package/dist/cjs/styled.cjs +11 -6
  138. package/dist/cjs/styled.native.cjs +11 -6
  139. package/dist/cjs/styled.native.js +11 -6
  140. package/dist/cjs/styled.native.js.map +1 -1
  141. package/dist/cjs/types.cjs +6 -4
  142. package/dist/cjs/types.native.cjs +6 -4
  143. package/dist/cjs/types.native.js +6 -4
  144. package/dist/cjs/types.native.js.map +1 -1
  145. package/dist/cjs/views/TamaguiProvider.cjs +1 -2
  146. package/dist/cjs/views/TamaguiProvider.native.cjs +1 -2
  147. package/dist/cjs/views/TamaguiProvider.native.js +1 -2
  148. package/dist/cjs/views/TamaguiProvider.native.js.map +1 -1
  149. package/dist/cjs/views/Text.cjs +17 -12
  150. package/dist/cjs/views/Text.native.cjs +1 -0
  151. package/dist/cjs/views/Text.native.js +1 -0
  152. package/dist/cjs/views/Text.native.js.map +1 -1
  153. package/dist/cjs/views/Theme.cjs +3 -3
  154. package/dist/cjs/views/Theme.native.cjs +3 -3
  155. package/dist/cjs/views/Theme.native.js +3 -3
  156. package/dist/cjs/views/Theme.native.js.map +1 -1
  157. package/dist/cjs/views/ThemeDebug.cjs +1 -4
  158. package/dist/esm/createComponent.mjs +12 -1
  159. package/dist/esm/createComponent.mjs.map +1 -1
  160. package/dist/esm/createComponent.native.js +12 -1
  161. package/dist/esm/createComponent.native.js.map +1 -1
  162. package/dist/esm/createStyledHOC.mjs +1 -1
  163. package/dist/esm/createStyledHOC.mjs.map +1 -1
  164. package/dist/esm/createStyledHOC.native.js +1 -1
  165. package/dist/esm/createStyledHOC.native.js.map +1 -1
  166. package/dist/esm/createVariable.mjs +1 -9
  167. package/dist/esm/createVariable.mjs.map +1 -1
  168. package/dist/esm/createVariable.native.js +1 -9
  169. package/dist/esm/createVariable.native.js.map +1 -1
  170. package/dist/esm/helpers/borderComponents.mjs +37 -0
  171. package/dist/esm/helpers/borderComponents.mjs.map +1 -0
  172. package/dist/esm/helpers/borderComponents.native.js +55 -0
  173. package/dist/esm/helpers/borderComponents.native.js.map +1 -0
  174. package/dist/esm/helpers/createDesignSystem.mjs +0 -2
  175. package/dist/esm/helpers/createDesignSystem.mjs.map +1 -1
  176. package/dist/esm/helpers/createStyledContext.mjs +10 -18
  177. package/dist/esm/helpers/createStyledContext.mjs.map +1 -1
  178. package/dist/esm/helpers/createStyledContext.native.js +14 -18
  179. package/dist/esm/helpers/createStyledContext.native.js.map +1 -1
  180. package/dist/esm/helpers/formatDiagnostic.mjs +6 -6
  181. package/dist/esm/helpers/formatDiagnostic.mjs.map +1 -1
  182. package/dist/esm/helpers/formatDiagnostic.native.js +6 -6
  183. package/dist/esm/helpers/formatDiagnostic.native.js.map +1 -1
  184. package/dist/esm/helpers/getCSSStylesAtomic.mjs +126 -109
  185. package/dist/esm/helpers/getCSSStylesAtomic.mjs.map +1 -1
  186. package/dist/esm/helpers/getCSSStylesAtomic.native.js +7 -4
  187. package/dist/esm/helpers/getCSSStylesAtomic.native.js.map +1 -1
  188. package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs +8 -1
  189. package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs.map +1 -1
  190. package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js +10 -1
  191. package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js.map +1 -1
  192. package/dist/esm/helpers/getDynamicVal.mjs +5 -1
  193. package/dist/esm/helpers/getDynamicVal.mjs.map +1 -1
  194. package/dist/esm/helpers/getDynamicVal.native.js +5 -1
  195. package/dist/esm/helpers/getDynamicVal.native.js.map +1 -1
  196. package/dist/esm/helpers/getSplitStyles.mjs +1034 -1705
  197. package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
  198. package/dist/esm/helpers/getSplitStyles.native.js +1071 -1871
  199. package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
  200. package/dist/esm/helpers/grammarConfig.mjs +164 -2
  201. package/dist/esm/helpers/grammarConfig.mjs.map +1 -1
  202. package/dist/esm/helpers/grammarConfig.native.js +187 -2
  203. package/dist/esm/helpers/grammarConfig.native.js.map +1 -1
  204. package/dist/esm/helpers/insertStyleRule.mjs +5 -2
  205. package/dist/esm/helpers/insertStyleRule.mjs.map +1 -1
  206. package/dist/esm/helpers/insertStyleRule.native.js +7 -2
  207. package/dist/esm/helpers/insertStyleRule.native.js.map +1 -1
  208. package/dist/esm/helpers/log.mjs +9 -8
  209. package/dist/esm/helpers/log.mjs.map +1 -1
  210. package/dist/esm/helpers/log.native.js +9 -8
  211. package/dist/esm/helpers/log.native.js.map +1 -1
  212. package/dist/esm/helpers/mergeVariants.mjs +44 -13
  213. package/dist/esm/helpers/mergeVariants.mjs.map +1 -1
  214. package/dist/esm/helpers/mergeVariants.native.js +79 -14
  215. package/dist/esm/helpers/mergeVariants.native.js.map +1 -1
  216. package/dist/esm/helpers/nativeOnlyProps.mjs +0 -1
  217. package/dist/esm/helpers/nativeOnlyProps.mjs.map +1 -1
  218. package/dist/esm/helpers/nativeOnlyProps.native.js +0 -1
  219. package/dist/esm/helpers/nativeOnlyProps.native.js.map +1 -1
  220. package/dist/esm/helpers/nativeStyleEngine.mjs +34 -15
  221. package/dist/esm/helpers/nativeStyleEngine.mjs.map +1 -1
  222. package/dist/esm/helpers/nativeStyleEngine.native.js +36 -15
  223. package/dist/esm/helpers/nativeStyleEngine.native.js.map +1 -1
  224. package/dist/esm/helpers/normalizeValueWithProperty.mjs +7 -8
  225. package/dist/esm/helpers/normalizeValueWithProperty.mjs.map +1 -1
  226. package/dist/esm/helpers/normalizeValueWithProperty.native.js +9 -8
  227. package/dist/esm/helpers/normalizeValueWithProperty.native.js.map +1 -1
  228. package/dist/esm/helpers/parseBorderShorthand.native.js +23 -56
  229. package/dist/esm/helpers/parseBorderShorthand.native.js.map +1 -1
  230. package/dist/esm/helpers/parseOutlineShorthand.native.js +10 -49
  231. package/dist/esm/helpers/parseOutlineShorthand.native.js.map +1 -1
  232. package/dist/esm/helpers/resolveSafeArea.mjs +35 -97
  233. package/dist/esm/helpers/resolveSafeArea.mjs.map +1 -1
  234. package/dist/esm/helpers/resolveVariantStyle.mjs +38 -0
  235. package/dist/esm/helpers/resolveVariantStyle.mjs.map +1 -0
  236. package/dist/esm/helpers/resolveVariantStyle.native.js +46 -0
  237. package/dist/esm/helpers/resolveVariantStyle.native.js.map +1 -0
  238. package/dist/esm/helpers/styleStaticConfig.mjs +1 -50
  239. package/dist/esm/helpers/styleStaticConfig.mjs.map +1 -1
  240. package/dist/esm/helpers/styleStaticConfig.native.js +1 -51
  241. package/dist/esm/helpers/styleStaticConfig.native.js.map +1 -1
  242. package/dist/esm/helpers/styleStaticConfigCore.mjs +88 -0
  243. package/dist/esm/helpers/styleStaticConfigCore.mjs.map +1 -0
  244. package/dist/esm/helpers/styleStaticConfigCore.native.js +106 -0
  245. package/dist/esm/helpers/styleStaticConfigCore.native.js.map +1 -0
  246. package/dist/esm/helpers/styledDynamic.mjs +136 -0
  247. package/dist/esm/helpers/styledDynamic.mjs.map +1 -0
  248. package/dist/esm/helpers/styledDynamic.native.js +169 -0
  249. package/dist/esm/helpers/styledDynamic.native.js.map +1 -0
  250. package/dist/esm/helpers/tokenCategories.mjs +15 -36
  251. package/dist/esm/helpers/tokenCategories.mjs.map +1 -1
  252. package/dist/esm/helpers/tokenCategories.native.js +15 -38
  253. package/dist/esm/helpers/tokenCategories.native.js.map +1 -1
  254. package/dist/esm/helpers/variableValue.mjs +17 -12
  255. package/dist/esm/helpers/variableValue.mjs.map +1 -1
  256. package/dist/esm/helpers/variableValue.native.js +46 -23
  257. package/dist/esm/helpers/variableValue.native.js.map +1 -1
  258. package/dist/esm/helpers/warnOnce.mjs +5 -4
  259. package/dist/esm/helpers/warnOnce.mjs.map +1 -1
  260. package/dist/esm/helpers/warnOnce.native.js +6 -4
  261. package/dist/esm/helpers/warnOnce.native.js.map +1 -1
  262. package/dist/esm/hooks/useAnimationDriver.mjs +2 -2
  263. package/dist/esm/hooks/useAnimationDriver.mjs.map +1 -1
  264. package/dist/esm/hooks/useAnimationDriver.native.js +2 -2
  265. package/dist/esm/hooks/useAnimationDriver.native.js.map +1 -1
  266. package/dist/esm/hooks/useComponentState.mjs +41 -82
  267. package/dist/esm/hooks/useComponentState.mjs.map +1 -1
  268. package/dist/esm/hooks/useComponentState.native.js +45 -84
  269. package/dist/esm/hooks/useComponentState.native.js.map +1 -1
  270. package/dist/esm/hooks/useMedia.mjs +2 -2
  271. package/dist/esm/hooks/useMedia.mjs.map +1 -1
  272. package/dist/esm/hooks/useMedia.native.js +2 -2
  273. package/dist/esm/hooks/useMedia.native.js.map +1 -1
  274. package/dist/esm/hooks/useStyle.mjs +11 -0
  275. package/dist/esm/hooks/useStyle.mjs.map +1 -0
  276. package/dist/esm/hooks/useStyle.native.js +11 -0
  277. package/dist/esm/hooks/useStyle.native.js.map +1 -0
  278. package/dist/esm/hooks/useThemeState.mjs +25 -90
  279. package/dist/esm/hooks/useThemeState.mjs.map +1 -1
  280. package/dist/esm/hooks/useThemeState.native.js +34 -94
  281. package/dist/esm/hooks/useThemeState.native.js.map +1 -1
  282. package/dist/esm/index.js +6 -4
  283. package/dist/esm/index.mjs +6 -4
  284. package/dist/esm/index.native.js +6 -4
  285. package/dist/esm/static-resolve.mjs +3 -3
  286. package/dist/esm/static-resolve.mjs.map +1 -1
  287. package/dist/esm/static-resolve.native.js +3 -3
  288. package/dist/esm/static-resolve.native.js.map +1 -1
  289. package/dist/esm/style.mjs +58 -0
  290. package/dist/esm/style.mjs.map +1 -0
  291. package/dist/esm/style.native.js +63 -0
  292. package/dist/esm/style.native.js.map +1 -0
  293. package/dist/esm/styled.mjs +12 -6
  294. package/dist/esm/styled.mjs.map +1 -1
  295. package/dist/esm/styled.native.js +12 -6
  296. package/dist/esm/styled.native.js.map +1 -1
  297. package/dist/esm/types.mjs +3 -4
  298. package/dist/esm/types.mjs.map +1 -1
  299. package/dist/esm/types.native.js +3 -4
  300. package/dist/esm/types.native.js.map +1 -1
  301. package/dist/esm/views/TamaguiProvider.mjs +1 -2
  302. package/dist/esm/views/TamaguiProvider.mjs.map +1 -1
  303. package/dist/esm/views/TamaguiProvider.native.js +1 -2
  304. package/dist/esm/views/TamaguiProvider.native.js.map +1 -1
  305. package/dist/esm/views/Text.mjs +17 -12
  306. package/dist/esm/views/Text.mjs.map +1 -1
  307. package/dist/esm/views/Theme.mjs +3 -3
  308. package/dist/esm/views/Theme.mjs.map +1 -1
  309. package/dist/esm/views/Theme.native.js +3 -3
  310. package/dist/esm/views/Theme.native.js.map +1 -1
  311. package/dist/esm/views/ThemeDebug.mjs +1 -4
  312. package/dist/esm/views/ThemeDebug.mjs.map +1 -1
  313. package/package.json +15 -15
  314. package/src/createComponent.tsx +21 -1
  315. package/src/createStyledHOC.tsx +4 -2
  316. package/src/createVariable.ts +0 -10
  317. package/src/helpers/borderComponents.ts +62 -0
  318. package/src/helpers/createDesignSystem.ts +0 -2
  319. package/src/helpers/createStyledContext.tsx +15 -53
  320. package/src/helpers/formatDiagnostic.ts +9 -9
  321. package/src/helpers/getCSSStylesAtomic.native.ts +6 -3
  322. package/src/helpers/getCSSStylesAtomic.ts +192 -207
  323. package/src/helpers/getCSSStylesAtomicCompiled.ts +13 -1
  324. package/src/helpers/getDynamicVal.ts +4 -0
  325. package/src/helpers/getSplitStyles.tsx +2080 -3270
  326. package/src/helpers/grammarConfig.ts +218 -1
  327. package/src/helpers/insertStyleRule.tsx +4 -2
  328. package/src/helpers/log.ts +12 -11
  329. package/src/helpers/mergeVariants.ts +55 -18
  330. package/src/helpers/nativeOnlyProps.ts +0 -1
  331. package/src/helpers/nativeStyleEngine.ts +55 -14
  332. package/src/helpers/normalizeValueWithProperty.ts +10 -12
  333. package/src/helpers/parseBorderShorthand.native.ts +23 -45
  334. package/src/helpers/parseOutlineShorthand.native.ts +9 -40
  335. package/src/helpers/resolveSafeArea.ts +34 -101
  336. package/src/helpers/resolveVariantStyle.ts +77 -0
  337. package/src/helpers/styleFrontend.ts +8 -5
  338. package/src/helpers/styleStaticConfig.ts +5 -72
  339. package/src/helpers/styleStaticConfigCore.ts +110 -0
  340. package/src/helpers/styledDynamic.ts +191 -0
  341. package/src/helpers/tokenCategories.ts +40 -65
  342. package/src/helpers/variableValue.ts +20 -15
  343. package/src/helpers/warnOnce.ts +5 -4
  344. package/src/hooks/useAnimationDriver.ts +6 -2
  345. package/src/hooks/useComponentState.ts +55 -183
  346. package/src/hooks/useMedia.tsx +10 -8
  347. package/src/hooks/useStyle.ts +10 -0
  348. package/src/hooks/useThemeState.ts +51 -264
  349. package/src/index.ts +6 -6
  350. package/src/internalRuntimeTypes.ts +1 -0
  351. package/src/static-resolve.ts +7 -4
  352. package/src/style.ts +97 -0
  353. package/src/styled.tsx +39 -68
  354. package/src/types.tsx +105 -169
  355. package/src/views/TamaguiProvider.tsx +0 -2
  356. package/src/views/Text.tsx +20 -14
  357. package/src/views/Theme.tsx +13 -9
  358. package/src/views/ThemeDebug.tsx +0 -1
  359. package/types/createComponent.d.ts.map +1 -1
  360. package/types/createStyledHOC.d.ts +1 -1
  361. package/types/createStyledHOC.d.ts.map +1 -1
  362. package/types/createVariable.d.ts +0 -2
  363. package/types/createVariable.d.ts.map +1 -1
  364. package/types/helpers/borderComponents.d.ts +10 -0
  365. package/types/helpers/borderComponents.d.ts.map +1 -0
  366. package/types/helpers/createDesignSystem.d.ts.map +1 -1
  367. package/types/helpers/createStyledContext.d.ts.map +1 -1
  368. package/types/helpers/getCSSStylesAtomic.d.ts +20 -19
  369. package/types/helpers/getCSSStylesAtomic.d.ts.map +1 -1
  370. package/types/helpers/getCSSStylesAtomic.native.d.ts +5 -0
  371. package/types/helpers/getCSSStylesAtomic.native.d.ts.map +1 -1
  372. package/types/helpers/getCSSStylesAtomicCompiled.d.ts +6 -1
  373. package/types/helpers/getCSSStylesAtomicCompiled.d.ts.map +1 -1
  374. package/types/helpers/getDynamicVal.d.ts.map +1 -1
  375. package/types/helpers/getSplitStyles.d.ts +3 -5
  376. package/types/helpers/getSplitStyles.d.ts.map +1 -1
  377. package/types/helpers/grammarConfig.d.ts +25 -2
  378. package/types/helpers/grammarConfig.d.ts.map +1 -1
  379. package/types/helpers/insertStyleRule.d.ts +1 -0
  380. package/types/helpers/insertStyleRule.d.ts.map +1 -1
  381. package/types/helpers/log.d.ts.map +1 -1
  382. package/types/helpers/mergeVariants.d.ts.map +1 -1
  383. package/types/helpers/nativeOnlyProps.d.ts +0 -1
  384. package/types/helpers/nativeOnlyProps.d.ts.map +1 -1
  385. package/types/helpers/nativeStyleEngine.d.ts +6 -0
  386. package/types/helpers/nativeStyleEngine.d.ts.map +1 -1
  387. package/types/helpers/normalizeValueWithProperty.d.ts.map +1 -1
  388. package/types/helpers/parseBorderShorthand.native.d.ts +1 -0
  389. package/types/helpers/parseBorderShorthand.native.d.ts.map +1 -1
  390. package/types/helpers/parseOutlineShorthand.native.d.ts.map +1 -1
  391. package/types/helpers/resolveSafeArea.d.ts +0 -1
  392. package/types/helpers/resolveSafeArea.d.ts.map +1 -1
  393. package/types/helpers/resolveVariantStyle.d.ts +3 -0
  394. package/types/helpers/resolveVariantStyle.d.ts.map +1 -0
  395. package/types/helpers/styleFrontend.d.ts +3 -5
  396. package/types/helpers/styleFrontend.d.ts.map +1 -1
  397. package/types/helpers/styleStaticConfig.d.ts +4 -9
  398. package/types/helpers/styleStaticConfig.d.ts.map +1 -1
  399. package/types/helpers/styleStaticConfigCore.d.ts +4 -0
  400. package/types/helpers/styleStaticConfigCore.d.ts.map +1 -0
  401. package/types/helpers/styledDynamic.d.ts +18 -0
  402. package/types/helpers/styledDynamic.d.ts.map +1 -0
  403. package/types/helpers/tokenCategories.d.ts +0 -1
  404. package/types/helpers/tokenCategories.d.ts.map +1 -1
  405. package/types/helpers/variableValue.d.ts.map +1 -1
  406. package/types/helpers/warnOnce.d.ts.map +1 -1
  407. package/types/helpers/webPropsToSkip.native.d.ts +68 -68
  408. package/types/hooks/useAnimationDriver.d.ts.map +1 -1
  409. package/types/hooks/useComponentState.d.ts.map +1 -1
  410. package/types/hooks/useMedia.d.ts.map +1 -1
  411. package/types/hooks/useStyle.d.ts +4 -0
  412. package/types/hooks/useStyle.d.ts.map +1 -0
  413. package/types/hooks/useThemeState.d.ts +1 -11
  414. package/types/hooks/useThemeState.d.ts.map +1 -1
  415. package/types/index.d.ts +6 -4
  416. package/types/index.d.ts.map +1 -1
  417. package/types/internalRuntimeTypes.d.ts +1 -1
  418. package/types/internalRuntimeTypes.d.ts.map +1 -1
  419. package/types/static-resolve.d.ts.map +1 -1
  420. package/types/style.d.ts +18 -0
  421. package/types/style.d.ts.map +1 -0
  422. package/types/styled.d.ts +10 -10
  423. package/types/styled.d.ts.map +1 -1
  424. package/types/types.d.ts +74 -49
  425. package/types/types.d.ts.map +1 -1
  426. package/types/views/TamaguiProvider.d.ts +1 -1
  427. package/types/views/TamaguiProvider.d.ts.map +1 -1
  428. package/types/views/Text.d.ts.map +1 -1
  429. package/types/views/Theme.d.ts.map +1 -1
  430. package/types/views/ThemeDebug.d.ts.map +1 -1
  431. package/dist/cjs/helpers/directStyleCSS.cjs +0 -345
  432. package/dist/cjs/helpers/directStyleCSS.native.js.map +0 -1
  433. package/dist/cjs/helpers/directStyleCSSCompiled.cjs +0 -40
  434. package/dist/cjs/helpers/directStyleCSSCompiled.native.cjs +0 -46
  435. package/dist/cjs/helpers/directStyleCSSCompiled.native.js +0 -48
  436. package/dist/cjs/helpers/directStyleCSSCompiled.native.js.map +0 -1
  437. package/dist/cjs/helpers/getVariantExtras.cjs +0 -91
  438. package/dist/cjs/helpers/getVariantExtras.native.cjs +0 -94
  439. package/dist/cjs/helpers/getVariantExtras.native.js +0 -96
  440. package/dist/cjs/helpers/getVariantExtras.native.js.map +0 -1
  441. package/dist/cjs/helpers/variantResolvers.cjs +0 -87
  442. package/dist/cjs/helpers/variantResolvers.native.cjs +0 -140
  443. package/dist/cjs/helpers/variantResolvers.native.js +0 -142
  444. package/dist/cjs/helpers/variantResolvers.native.js.map +0 -1
  445. package/dist/esm/helpers/directStyleCSS.mjs +0 -317
  446. package/dist/esm/helpers/directStyleCSS.mjs.map +0 -1
  447. package/dist/esm/helpers/directStyleCSS.native.js +0 -1
  448. package/dist/esm/helpers/directStyleCSSCompiled.mjs +0 -11
  449. package/dist/esm/helpers/directStyleCSSCompiled.mjs.map +0 -1
  450. package/dist/esm/helpers/directStyleCSSCompiled.native.js +0 -15
  451. package/dist/esm/helpers/directStyleCSSCompiled.native.js.map +0 -1
  452. package/dist/esm/helpers/getVariantExtras.mjs +0 -69
  453. package/dist/esm/helpers/getVariantExtras.mjs.map +0 -1
  454. package/dist/esm/helpers/getVariantExtras.native.js +0 -70
  455. package/dist/esm/helpers/getVariantExtras.native.js.map +0 -1
  456. package/dist/esm/helpers/variantResolvers.mjs +0 -65
  457. package/dist/esm/helpers/variantResolvers.mjs.map +0 -1
  458. package/dist/esm/helpers/variantResolvers.native.js +0 -116
  459. package/dist/esm/helpers/variantResolvers.native.js.map +0 -1
  460. package/src/helpers/directStyleCSS.native.ts +0 -1
  461. package/src/helpers/directStyleCSS.ts +0 -513
  462. package/src/helpers/directStyleCSSCompiled.ts +0 -32
  463. package/src/helpers/getVariantExtras.tsx +0 -95
  464. package/src/helpers/variantResolvers.ts +0 -121
  465. package/types/helpers/directStyleCSS.d.ts +0 -28
  466. package/types/helpers/directStyleCSS.d.ts.map +0 -1
  467. package/types/helpers/directStyleCSS.native.d.ts +0 -2
  468. package/types/helpers/directStyleCSS.native.d.ts.map +0 -1
  469. package/types/helpers/directStyleCSSCompiled.d.ts +0 -10
  470. package/types/helpers/directStyleCSSCompiled.d.ts.map +0 -1
  471. package/types/helpers/getVariantExtras.d.ts +0 -4
  472. package/types/helpers/getVariantExtras.d.ts.map +0 -1
  473. package/types/helpers/variantResolvers.d.ts +0 -9
  474. package/types/helpers/variantResolvers.d.ts.map +0 -1
@@ -25,9 +25,15 @@ __export(grammarConfig_exports, {
25
25
  prepareConfigRevision: () => prepareConfigRevision
26
26
  });
27
27
  module.exports = __toCommonJS(grammarConfig_exports);
28
+ var import_constants = require("@tamagui/constants");
28
29
  var import_helpers = require("@tamagui/helpers");
29
30
  var import_runtime = require("@tamagui/style-grammar/runtime");
31
+ var import_borderComponents = require("./borderComponents.cjs");
30
32
  var import_mediaObjectToString = require("./mediaObjectToString.cjs");
33
+ var import_tokenCategories = require("./tokenCategories.cjs");
34
+ var import_resolveSafeArea = require("./resolveSafeArea.cjs");
35
+ var import_resolveSafeAreaVariable = require("./resolveSafeAreaVariable.cjs");
36
+ var import_styleStaticConfigCore = require("./styleStaticConfigCore.cjs");
31
37
  function prepareConfigRevision(config) {
32
38
  const target = config;
33
39
  const previous = target[import_runtime.configRevisionSymbol];
@@ -56,10 +62,166 @@ function prepareConfigRevision(config) {
56
62
  for (const name of mediaNames) {
57
63
  mediaQueries[name] = (0, import_mediaObjectToString.mediaObjectToString)(media[name]);
58
64
  }
65
+ const conditionModifiers = /* @__PURE__ */ Object.create(null);
66
+ for (const name in modifiers) {
67
+ const code = modifiers[name];
68
+ const kind = code & 7;
69
+ const rank = code >> 3;
70
+ conditionModifiers[name] = kind === import_runtime.modifierKindState ? [
71
+ import_runtime.canonicalStateModifierNames[rank],
72
+ kind,
73
+ rank,
74
+ import_runtime.stateModifierSelectors[rank]
75
+ ] : kind === import_runtime.modifierKindMedia ? [
76
+ name,
77
+ kind,
78
+ rank,
79
+ mediaQueries[name]
80
+ ] : kind === import_runtime.modifierKindPlatform ? [
81
+ name,
82
+ kind,
83
+ rank,
84
+ void 0,
85
+ void 0,
86
+ void 0,
87
+ (0, import_constants.platformMatches)(name)
88
+ ] : [
89
+ name,
90
+ kind,
91
+ rank
92
+ ];
93
+ }
94
+ const resolveCondition = (authored) => {
95
+ const cached = conditionModifiers[authored];
96
+ if (cached !== void 0) return cached;
97
+ let result = null;
98
+ if (authored.startsWith("group-")) {
99
+ const slash = authored.indexOf("/");
100
+ const state = authored.slice(6, slash === -1 ? void 0 : slash);
101
+ const code = modifiers[state] || 0;
102
+ const rank = code >> 3;
103
+ const groupName = slash === -1 ? "true" : authored.slice(slash + 1);
104
+ if ((code & 7) === import_runtime.modifierKindState && rank !== 6 && rank !== 7 && (slash === -1 || /^[\w-]+$/.test(groupName))) {
105
+ result = [
106
+ `group-${import_runtime.canonicalStateModifierNames[rank]}${slash === -1 ? "" : authored.slice(slash)}`,
107
+ 5,
108
+ rank,
109
+ import_runtime.stateModifierSelectors[rank],
110
+ groupName,
111
+ import_runtime.canonicalStateModifierNames[rank]
112
+ ];
113
+ }
114
+ } else if (authored.charCodeAt(0) === 64) {
115
+ const slash = authored.indexOf("/");
116
+ const size = authored.slice(1, slash === -1 ? void 0 : slash);
117
+ const containerName = slash === -1 ? "" : authored.slice(slash + 1);
118
+ const code = modifiers[size] || 0;
119
+ const query = mediaQueries[size];
120
+ if (/^[\w-]+$/.test(size) && (slash === -1 || /^[\w-]+$/.test(containerName)) && (code & 7) === import_runtime.modifierKindMedia && (0, import_runtime.isContainerSizeQueryText)(query)) {
121
+ result = [
122
+ authored,
123
+ 6,
124
+ code >> 3,
125
+ query,
126
+ size,
127
+ containerName
128
+ ];
129
+ }
130
+ }
131
+ return conditionModifiers[authored] = result;
132
+ };
133
+ const propertyKinds = {
134
+ shadowColor: 1,
135
+ shadowOffset: 2,
136
+ shadowOpacity: 3,
137
+ shadowRadius: 4,
138
+ matrix: 5,
139
+ perspective: 5,
140
+ rotateX: 5,
141
+ rotateY: 5,
142
+ rotateZ: 5,
143
+ scaleZ: 5,
144
+ skewX: 5,
145
+ skewY: 5,
146
+ textShadowColor: 6,
147
+ textShadowOffset: 6,
148
+ textShadowRadius: 6,
149
+ border: 7,
150
+ borderTop: 7,
151
+ borderRight: 7,
152
+ borderBottom: 7,
153
+ borderLeft: 7,
154
+ borderBlock: 7,
155
+ borderInline: 7,
156
+ outline: 7,
157
+ padding: 8,
158
+ paddingBlock: 8,
159
+ paddingInline: 8,
160
+ margin: 8,
161
+ marginBlock: 8,
162
+ marginInline: 8,
163
+ inset: 8,
164
+ insetBlock: 8,
165
+ insetInline: 8,
166
+ borderRadius: 8
167
+ };
168
+ const propertyKind = (property) => propertyKinds[property] || 0;
169
+ const normalizedTransitions = /* @__PURE__ */ new Map();
59
170
  const next = {
60
171
  revision: captured.revision,
61
172
  modifiers,
62
- mediaQueries
173
+ mediaQueries,
174
+ resolveCondition,
175
+ tokenCategory: import_tokenCategories.getTokenCategoryForProperty,
176
+ expandSafeArea: import_resolveSafeArea.expandSafeAreaValue,
177
+ safeAreaVariable: import_resolveSafeAreaVariable.resolveSafeAreaVariable,
178
+ parseFlatValue: import_runtime.parseFlatValue,
179
+ styleStaticConfig: (staticConfig, conf) => (0, import_styleStaticConfigCore.resolveStyleStaticConfig)(staticConfig, conf, captured.revision),
180
+ propertyKind,
181
+ compositeValue: (property, raw, context, resolve) => {
182
+ const kind = propertyKinds[property];
183
+ if (kind < 7) return;
184
+ if (kind === 7) {
185
+ const { width, style, color } = (0, import_borderComponents.classifyBorderComponents)(raw, property === "outline");
186
+ if (style === "none" && !color) return "none";
187
+ const prefix = property === "outline" ? "outline" : "border";
188
+ return [
189
+ width && resolve(context, `${prefix}Width`, width),
190
+ style,
191
+ color && resolve(context, `${prefix}Color`, color)
192
+ ].filter(Boolean).join(" ");
193
+ }
194
+ if (!/\s/.test(raw)) return;
195
+ const parts = (0, import_borderComponents.splitComponents)(raw);
196
+ if (parts.length > 1) {
197
+ let value = "";
198
+ for (const part of parts) {
199
+ value += `${value ? " " : ""}${resolve(context, property, part)}`;
200
+ }
201
+ return value;
202
+ }
203
+ },
204
+ normalizeTransition: (raw) => {
205
+ const known = normalizedTransitions.get(raw);
206
+ if (known !== void 0) return known;
207
+ const out = raw.replace(/\/\*[\s\S]*?\*\/|(["'])(?:\\.|(?!\1)[^\\])*\1|[A-Za-z_][\w-]*/g, (authored, quote, offset) => {
208
+ if (quote || raw.charCodeAt(offset + authored.length) === 40 || raw.charCodeAt(offset - 1) === 45 && raw.charCodeAt(offset - 2) === 45) {
209
+ return authored;
210
+ }
211
+ let property = config.shorthands[authored] || authored;
212
+ if (property === "x" || property === "y") property = "translate";
213
+ else if (property === "scaleX" || property === "scaleY") property = "scale";
214
+ else if (propertyKind(property) === 5) property = "transform";
215
+ return property.replace(/[A-Z]/g, "-$&").toLowerCase();
216
+ });
217
+ if (normalizedTransitions.size > 2048) normalizedTransitions.clear();
218
+ normalizedTransitions.set(raw, out);
219
+ return out;
220
+ },
221
+ embeddedTokens: (raw, resolve) => raw.replace(/\/\*[\s\S]*?\*\/|(["'])(?:\\.|(?!\1)[^\\])*\1|[$A-Za-z_][\w.$-]*(?:\/\d+)?/g, (word, quote, offset) => {
222
+ const before = raw.charCodeAt(offset - 1);
223
+ return quote || word[0] !== "$" && (before >= 48 && before <= 57 || before === 35 || before === 45 && raw.charCodeAt(offset - 2) === 45 || raw.charCodeAt(offset + word.length) === 40) ? word : resolve(word);
224
+ })
63
225
  };
64
226
  if (target[import_runtime.configRevisionSymbol] === captured) {
65
227
  target[import_runtime.configRevisionSymbol] = next;
@@ -27,9 +27,15 @@ __export(grammarConfig_exports, {
27
27
  prepareConfigRevision: () => prepareConfigRevision
28
28
  });
29
29
  module.exports = __toCommonJS(grammarConfig_exports);
30
+ var import_constants = require("@tamagui/constants");
30
31
  var import_helpers = require("@tamagui/helpers");
31
32
  var import_runtime = require("@tamagui/style-grammar/runtime");
33
+ var import_borderComponents = require("./borderComponents.native.js");
32
34
  var import_mediaObjectToString = require("./mediaObjectToString.native.js");
35
+ var import_tokenCategories = require("./tokenCategories.native.js");
36
+ var import_resolveSafeArea = require("./resolveSafeArea.native.js");
37
+ var import_resolveSafeAreaVariable = require("./resolveSafeAreaVariable.native.js");
38
+ var import_styleStaticConfigCore = require("./styleStaticConfigCore.native.js");
33
39
  function prepareConfigRevision(config) {
34
40
  var target = config;
35
41
  var previous = target[import_runtime.configRevisionSymbol];
@@ -75,10 +81,189 @@ function prepareConfigRevision(config) {
75
81
  }
76
82
  }
77
83
  }
84
+ var conditionModifiers = /* @__PURE__ */ Object.create(null);
85
+ for (var name1 in modifiers) {
86
+ var code = modifiers[name1];
87
+ var kind = code & 7;
88
+ var rank = code >> 3;
89
+ conditionModifiers[name1] = kind === import_runtime.modifierKindState ? [
90
+ import_runtime.canonicalStateModifierNames[rank],
91
+ kind,
92
+ rank,
93
+ import_runtime.stateModifierSelectors[rank]
94
+ ] : kind === import_runtime.modifierKindMedia ? [
95
+ name1,
96
+ kind,
97
+ rank,
98
+ mediaQueries[name1]
99
+ ] : kind === import_runtime.modifierKindPlatform ? [
100
+ name1,
101
+ kind,
102
+ rank,
103
+ void 0,
104
+ void 0,
105
+ void 0,
106
+ (0, import_constants.platformMatches)(name1)
107
+ ] : [
108
+ name1,
109
+ kind,
110
+ rank
111
+ ];
112
+ }
113
+ var resolveCondition = function(authored) {
114
+ var cached = conditionModifiers[authored];
115
+ if (cached !== void 0) return cached;
116
+ var result = null;
117
+ if (authored.startsWith("group-")) {
118
+ var slash = authored.indexOf("/");
119
+ var state = authored.slice(6, slash === -1 ? void 0 : slash);
120
+ var code2 = modifiers[state] || 0;
121
+ var rank2 = code2 >> 3;
122
+ var groupName = slash === -1 ? "true" : authored.slice(slash + 1);
123
+ if ((code2 & 7) === import_runtime.modifierKindState && rank2 !== 6 && rank2 !== 7 && (slash === -1 || /^[\w-]+$/.test(groupName))) {
124
+ result = [
125
+ `group-${import_runtime.canonicalStateModifierNames[rank2]}${slash === -1 ? "" : authored.slice(slash)}`,
126
+ 5,
127
+ rank2,
128
+ import_runtime.stateModifierSelectors[rank2],
129
+ groupName,
130
+ import_runtime.canonicalStateModifierNames[rank2]
131
+ ];
132
+ }
133
+ } else if (authored.charCodeAt(0) === 64) {
134
+ var slash1 = authored.indexOf("/");
135
+ var size = authored.slice(1, slash1 === -1 ? void 0 : slash1);
136
+ var containerName = slash1 === -1 ? "" : authored.slice(slash1 + 1);
137
+ var code1 = modifiers[size] || 0;
138
+ var query = mediaQueries[size];
139
+ if (/^[\w-]+$/.test(size) && (slash1 === -1 || /^[\w-]+$/.test(containerName)) && (code1 & 7) === import_runtime.modifierKindMedia && (0, import_runtime.isContainerSizeQueryText)(query)) {
140
+ result = [
141
+ authored,
142
+ 6,
143
+ code1 >> 3,
144
+ query,
145
+ size,
146
+ containerName
147
+ ];
148
+ }
149
+ }
150
+ return conditionModifiers[authored] = result;
151
+ };
152
+ var propertyKinds = {
153
+ shadowColor: 1,
154
+ shadowOffset: 2,
155
+ shadowOpacity: 3,
156
+ shadowRadius: 4,
157
+ matrix: 5,
158
+ perspective: 5,
159
+ rotateX: 5,
160
+ rotateY: 5,
161
+ rotateZ: 5,
162
+ scaleZ: 5,
163
+ skewX: 5,
164
+ skewY: 5,
165
+ textShadowColor: 6,
166
+ textShadowOffset: 6,
167
+ textShadowRadius: 6,
168
+ border: 7,
169
+ borderTop: 7,
170
+ borderRight: 7,
171
+ borderBottom: 7,
172
+ borderLeft: 7,
173
+ borderBlock: 7,
174
+ borderInline: 7,
175
+ outline: 7,
176
+ padding: 8,
177
+ paddingBlock: 8,
178
+ paddingInline: 8,
179
+ margin: 8,
180
+ marginBlock: 8,
181
+ marginInline: 8,
182
+ inset: 8,
183
+ insetBlock: 8,
184
+ insetInline: 8,
185
+ borderRadius: 8
186
+ };
187
+ var propertyKind = function(property) {
188
+ return propertyKinds[property] || 0;
189
+ };
190
+ var normalizedTransitions = /* @__PURE__ */ new Map();
78
191
  var next = {
79
192
  revision: captured.revision,
80
193
  modifiers,
81
- mediaQueries
194
+ mediaQueries,
195
+ resolveCondition,
196
+ tokenCategory: import_tokenCategories.getTokenCategoryForProperty,
197
+ expandSafeArea: import_resolveSafeArea.expandSafeAreaValue,
198
+ safeAreaVariable: import_resolveSafeAreaVariable.resolveSafeAreaVariable,
199
+ parseFlatValue: import_runtime.parseFlatValue,
200
+ styleStaticConfig: function(staticConfig, conf) {
201
+ return (0, import_styleStaticConfigCore.resolveStyleStaticConfig)(staticConfig, conf, captured.revision);
202
+ },
203
+ propertyKind,
204
+ compositeValue: function(property, raw, context, resolve) {
205
+ var kind2 = propertyKinds[property];
206
+ if (kind2 < 7) return;
207
+ if (kind2 === 7) {
208
+ var { width, style, color } = (0, import_borderComponents.classifyBorderComponents)(raw, property === "outline");
209
+ if (style === "none" && !color) return "none";
210
+ var prefix = property === "outline" ? "outline" : "border";
211
+ return [
212
+ width && resolve(context, `${prefix}Width`, width),
213
+ style,
214
+ color && resolve(context, `${prefix}Color`, color)
215
+ ].filter(Boolean).join(" ");
216
+ }
217
+ if (!/\s/.test(raw)) return;
218
+ var parts = (0, import_borderComponents.splitComponents)(raw);
219
+ if (parts.length > 1) {
220
+ var value = "";
221
+ var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
222
+ try {
223
+ for (var _iterator2 = parts[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
224
+ var part = _step2.value;
225
+ value += `${value ? " " : ""}${resolve(context, property, part)}`;
226
+ }
227
+ } catch (err) {
228
+ _didIteratorError2 = true;
229
+ _iteratorError2 = err;
230
+ } finally {
231
+ try {
232
+ if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
233
+ _iterator2.return();
234
+ }
235
+ } finally {
236
+ if (_didIteratorError2) {
237
+ throw _iteratorError2;
238
+ }
239
+ }
240
+ }
241
+ return value;
242
+ }
243
+ },
244
+ normalizeTransition: function(raw) {
245
+ var known = normalizedTransitions.get(raw);
246
+ if (known !== void 0) return known;
247
+ var out = raw.replace(/\/\*[\s\S]*?\*\/|(["'])(?:\\.|(?!\1)[^\\])*\1|[A-Za-z_][\w-]*/g, function(authored, quote, offset) {
248
+ if (quote || raw.charCodeAt(offset + authored.length) === 40 || raw.charCodeAt(offset - 1) === 45 && raw.charCodeAt(offset - 2) === 45) {
249
+ return authored;
250
+ }
251
+ var property = config.shorthands[authored] || authored;
252
+ if (property === "x" || property === "y") property = "translate";
253
+ else if (property === "scaleX" || property === "scaleY") property = "scale";
254
+ else if (propertyKind(property) === 5) property = "transform";
255
+ return property.replace(/[A-Z]/g, "-$&").toLowerCase();
256
+ });
257
+ if (normalizedTransitions.size > 2048) normalizedTransitions.clear();
258
+ normalizedTransitions.set(raw, out);
259
+ return out;
260
+ },
261
+ embeddedTokens: function(raw, resolve) {
262
+ return raw.replace(/\/\*[\s\S]*?\*\/|(["'])(?:\\.|(?!\1)[^\\])*\1|[$A-Za-z_][\w.$-]*(?:\/\d+)?/g, function(word, quote, offset) {
263
+ var before = raw.charCodeAt(offset - 1);
264
+ return quote || word[0] !== "$" && (before >= 48 && before <= 57 || before === 35 || before === 45 && raw.charCodeAt(offset - 2) === 45 || raw.charCodeAt(offset + word.length) === 40) ? word : resolve(word);
265
+ });
266
+ }
82
267
  };
83
268
  if (target[import_runtime.configRevisionSymbol] === captured) {
84
269
  target[import_runtime.configRevisionSymbol] = next;
@@ -27,9 +27,15 @@ __export(grammarConfig_exports, {
27
27
  prepareConfigRevision: () => prepareConfigRevision
28
28
  });
29
29
  module.exports = __toCommonJS(grammarConfig_exports);
30
+ var import_constants = require("@tamagui/constants");
30
31
  var import_helpers = require("@tamagui/helpers");
31
32
  var import_runtime = require("@tamagui/style-grammar/runtime");
33
+ var import_borderComponents = require("./borderComponents.native.js");
32
34
  var import_mediaObjectToString = require("./mediaObjectToString.native.js");
35
+ var import_tokenCategories = require("./tokenCategories.native.js");
36
+ var import_resolveSafeArea = require("./resolveSafeArea.native.js");
37
+ var import_resolveSafeAreaVariable = require("./resolveSafeAreaVariable.native.js");
38
+ var import_styleStaticConfigCore = require("./styleStaticConfigCore.native.js");
33
39
  function prepareConfigRevision(config) {
34
40
  var target = config;
35
41
  var previous = target[import_runtime.configRevisionSymbol];
@@ -75,10 +81,189 @@ function prepareConfigRevision(config) {
75
81
  }
76
82
  }
77
83
  }
84
+ var conditionModifiers = /* @__PURE__ */ Object.create(null);
85
+ for (var name1 in modifiers) {
86
+ var code = modifiers[name1];
87
+ var kind = code & 7;
88
+ var rank = code >> 3;
89
+ conditionModifiers[name1] = kind === import_runtime.modifierKindState ? [
90
+ import_runtime.canonicalStateModifierNames[rank],
91
+ kind,
92
+ rank,
93
+ import_runtime.stateModifierSelectors[rank]
94
+ ] : kind === import_runtime.modifierKindMedia ? [
95
+ name1,
96
+ kind,
97
+ rank,
98
+ mediaQueries[name1]
99
+ ] : kind === import_runtime.modifierKindPlatform ? [
100
+ name1,
101
+ kind,
102
+ rank,
103
+ void 0,
104
+ void 0,
105
+ void 0,
106
+ (0, import_constants.platformMatches)(name1)
107
+ ] : [
108
+ name1,
109
+ kind,
110
+ rank
111
+ ];
112
+ }
113
+ var resolveCondition = function(authored) {
114
+ var cached = conditionModifiers[authored];
115
+ if (cached !== void 0) return cached;
116
+ var result = null;
117
+ if (authored.startsWith("group-")) {
118
+ var slash = authored.indexOf("/");
119
+ var state = authored.slice(6, slash === -1 ? void 0 : slash);
120
+ var code2 = modifiers[state] || 0;
121
+ var rank2 = code2 >> 3;
122
+ var groupName = slash === -1 ? "true" : authored.slice(slash + 1);
123
+ if ((code2 & 7) === import_runtime.modifierKindState && rank2 !== 6 && rank2 !== 7 && (slash === -1 || /^[\w-]+$/.test(groupName))) {
124
+ result = [
125
+ `group-${import_runtime.canonicalStateModifierNames[rank2]}${slash === -1 ? "" : authored.slice(slash)}`,
126
+ 5,
127
+ rank2,
128
+ import_runtime.stateModifierSelectors[rank2],
129
+ groupName,
130
+ import_runtime.canonicalStateModifierNames[rank2]
131
+ ];
132
+ }
133
+ } else if (authored.charCodeAt(0) === 64) {
134
+ var slash1 = authored.indexOf("/");
135
+ var size = authored.slice(1, slash1 === -1 ? void 0 : slash1);
136
+ var containerName = slash1 === -1 ? "" : authored.slice(slash1 + 1);
137
+ var code1 = modifiers[size] || 0;
138
+ var query = mediaQueries[size];
139
+ if (/^[\w-]+$/.test(size) && (slash1 === -1 || /^[\w-]+$/.test(containerName)) && (code1 & 7) === import_runtime.modifierKindMedia && (0, import_runtime.isContainerSizeQueryText)(query)) {
140
+ result = [
141
+ authored,
142
+ 6,
143
+ code1 >> 3,
144
+ query,
145
+ size,
146
+ containerName
147
+ ];
148
+ }
149
+ }
150
+ return conditionModifiers[authored] = result;
151
+ };
152
+ var propertyKinds = {
153
+ shadowColor: 1,
154
+ shadowOffset: 2,
155
+ shadowOpacity: 3,
156
+ shadowRadius: 4,
157
+ matrix: 5,
158
+ perspective: 5,
159
+ rotateX: 5,
160
+ rotateY: 5,
161
+ rotateZ: 5,
162
+ scaleZ: 5,
163
+ skewX: 5,
164
+ skewY: 5,
165
+ textShadowColor: 6,
166
+ textShadowOffset: 6,
167
+ textShadowRadius: 6,
168
+ border: 7,
169
+ borderTop: 7,
170
+ borderRight: 7,
171
+ borderBottom: 7,
172
+ borderLeft: 7,
173
+ borderBlock: 7,
174
+ borderInline: 7,
175
+ outline: 7,
176
+ padding: 8,
177
+ paddingBlock: 8,
178
+ paddingInline: 8,
179
+ margin: 8,
180
+ marginBlock: 8,
181
+ marginInline: 8,
182
+ inset: 8,
183
+ insetBlock: 8,
184
+ insetInline: 8,
185
+ borderRadius: 8
186
+ };
187
+ var propertyKind = function(property) {
188
+ return propertyKinds[property] || 0;
189
+ };
190
+ var normalizedTransitions = /* @__PURE__ */ new Map();
78
191
  var next = {
79
192
  revision: captured.revision,
80
193
  modifiers,
81
- mediaQueries
194
+ mediaQueries,
195
+ resolveCondition,
196
+ tokenCategory: import_tokenCategories.getTokenCategoryForProperty,
197
+ expandSafeArea: import_resolveSafeArea.expandSafeAreaValue,
198
+ safeAreaVariable: import_resolveSafeAreaVariable.resolveSafeAreaVariable,
199
+ parseFlatValue: import_runtime.parseFlatValue,
200
+ styleStaticConfig: function(staticConfig, conf) {
201
+ return (0, import_styleStaticConfigCore.resolveStyleStaticConfig)(staticConfig, conf, captured.revision);
202
+ },
203
+ propertyKind,
204
+ compositeValue: function(property, raw, context, resolve) {
205
+ var kind2 = propertyKinds[property];
206
+ if (kind2 < 7) return;
207
+ if (kind2 === 7) {
208
+ var { width, style, color } = (0, import_borderComponents.classifyBorderComponents)(raw, property === "outline");
209
+ if (style === "none" && !color) return "none";
210
+ var prefix = property === "outline" ? "outline" : "border";
211
+ return [
212
+ width && resolve(context, `${prefix}Width`, width),
213
+ style,
214
+ color && resolve(context, `${prefix}Color`, color)
215
+ ].filter(Boolean).join(" ");
216
+ }
217
+ if (!/\s/.test(raw)) return;
218
+ var parts = (0, import_borderComponents.splitComponents)(raw);
219
+ if (parts.length > 1) {
220
+ var value = "";
221
+ var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
222
+ try {
223
+ for (var _iterator2 = parts[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
224
+ var part = _step2.value;
225
+ value += `${value ? " " : ""}${resolve(context, property, part)}`;
226
+ }
227
+ } catch (err) {
228
+ _didIteratorError2 = true;
229
+ _iteratorError2 = err;
230
+ } finally {
231
+ try {
232
+ if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
233
+ _iterator2.return();
234
+ }
235
+ } finally {
236
+ if (_didIteratorError2) {
237
+ throw _iteratorError2;
238
+ }
239
+ }
240
+ }
241
+ return value;
242
+ }
243
+ },
244
+ normalizeTransition: function(raw) {
245
+ var known = normalizedTransitions.get(raw);
246
+ if (known !== void 0) return known;
247
+ var out = raw.replace(/\/\*[\s\S]*?\*\/|(["'])(?:\\.|(?!\1)[^\\])*\1|[A-Za-z_][\w-]*/g, function(authored, quote, offset) {
248
+ if (quote || raw.charCodeAt(offset + authored.length) === 40 || raw.charCodeAt(offset - 1) === 45 && raw.charCodeAt(offset - 2) === 45) {
249
+ return authored;
250
+ }
251
+ var property = config.shorthands[authored] || authored;
252
+ if (property === "x" || property === "y") property = "translate";
253
+ else if (property === "scaleX" || property === "scaleY") property = "scale";
254
+ else if (propertyKind(property) === 5) property = "transform";
255
+ return property.replace(/[A-Z]/g, "-$&").toLowerCase();
256
+ });
257
+ if (normalizedTransitions.size > 2048) normalizedTransitions.clear();
258
+ normalizedTransitions.set(raw, out);
259
+ return out;
260
+ },
261
+ embeddedTokens: function(raw, resolve) {
262
+ return raw.replace(/\/\*[\s\S]*?\*\/|(["'])(?:\\.|(?!\1)[^\\])*\1|[$A-Za-z_][\w.$-]*(?:\/\d+)?/g, function(word, quote, offset) {
263
+ var before = raw.charCodeAt(offset - 1);
264
+ return quote || word[0] !== "$" && (before >= 48 && before <= 57 || before === 35 || before === 45 && raw.charCodeAt(offset - 2) === 45 || raw.charCodeAt(offset + word.length) === 40) ? word : resolve(word);
265
+ });
266
+ }
82
267
  };
83
268
  if (target[import_runtime.configRevisionSymbol] === captured) {
84
269
  target[import_runtime.configRevisionSymbol] = next;