@tamagui/web 3.0.0-beta.807.1 → 3.0.0-beta.881.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 (587) hide show
  1. package/dist/cjs/config.cjs +1 -1
  2. package/dist/cjs/config.native.cjs +1 -1
  3. package/dist/cjs/config.native.js +1 -1
  4. package/dist/cjs/config.native.js.map +1 -1
  5. package/dist/cjs/createComponent.cjs +40 -19
  6. package/dist/cjs/createComponent.native.cjs +42 -21
  7. package/dist/cjs/createComponent.native.js +42 -21
  8. package/dist/cjs/createComponent.native.js.map +1 -1
  9. package/dist/cjs/createStyledHOC.cjs +54 -4
  10. package/dist/cjs/createStyledHOC.native.cjs +55 -4
  11. package/dist/cjs/createStyledHOC.native.js +55 -4
  12. package/dist/cjs/createStyledHOC.native.js.map +1 -1
  13. package/dist/cjs/createTokens.cjs +1 -1
  14. package/dist/cjs/createTokens.native.cjs +1 -1
  15. package/dist/cjs/createTokens.native.js +1 -1
  16. package/dist/cjs/createTokens.native.js.map +1 -1
  17. package/dist/cjs/createVariable.cjs +0 -10
  18. package/dist/cjs/createVariable.native.cjs +0 -10
  19. package/dist/cjs/createVariable.native.js +0 -10
  20. package/dist/cjs/createVariable.native.js.map +1 -1
  21. package/dist/cjs/dom/html.cjs +147 -99
  22. package/dist/cjs/dom/htmlRuntime.native.cjs +6 -2
  23. package/dist/cjs/dom/htmlRuntime.native.js +6 -2
  24. package/dist/cjs/dom/htmlRuntime.native.js.map +1 -1
  25. package/dist/cjs/dom/primitives.native.cjs +16 -13
  26. package/dist/cjs/dom/primitives.native.js +16 -13
  27. package/dist/cjs/dom/primitives.native.js.map +1 -1
  28. package/dist/cjs/helpers/borderComponents.cjs +62 -0
  29. package/dist/cjs/helpers/borderComponents.native.cjs +82 -0
  30. package/dist/cjs/helpers/borderComponents.native.js +84 -0
  31. package/dist/cjs/helpers/borderComponents.native.js.map +1 -0
  32. package/dist/cjs/helpers/componentDisplayName.cjs +1 -11
  33. package/dist/cjs/helpers/componentDisplayName.native.cjs +1 -11
  34. package/dist/cjs/helpers/componentDisplayName.native.js +1 -11
  35. package/dist/cjs/helpers/componentDisplayName.native.js.map +1 -1
  36. package/dist/cjs/helpers/createDesignSystem.cjs +0 -2
  37. package/dist/cjs/helpers/createStyledContext.cjs +10 -18
  38. package/dist/cjs/helpers/createStyledContext.native.cjs +14 -18
  39. package/dist/cjs/helpers/createStyledContext.native.js +14 -18
  40. package/dist/cjs/helpers/createStyledContext.native.js.map +1 -1
  41. package/dist/cjs/helpers/formatDiagnostic.cjs +8 -10
  42. package/dist/cjs/helpers/formatDiagnostic.native.cjs +8 -10
  43. package/dist/cjs/helpers/formatDiagnostic.native.js +8 -10
  44. package/dist/cjs/helpers/formatDiagnostic.native.js.map +1 -1
  45. package/dist/cjs/helpers/getCSSStylesAtomic.cjs +133 -114
  46. package/dist/cjs/helpers/getCSSStylesAtomic.native.cjs +11 -3
  47. package/dist/cjs/helpers/getCSSStylesAtomic.native.js +11 -3
  48. package/dist/cjs/helpers/getCSSStylesAtomic.native.js.map +1 -1
  49. package/dist/cjs/helpers/getCSSStylesAtomicCompiled.cjs +13 -1
  50. package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.cjs +15 -1
  51. package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.js +15 -1
  52. package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.js.map +1 -1
  53. package/dist/cjs/helpers/getDynamicVal.cjs +5 -1
  54. package/dist/cjs/helpers/getDynamicVal.native.cjs +5 -1
  55. package/dist/cjs/helpers/getDynamicVal.native.js +5 -1
  56. package/dist/cjs/helpers/getDynamicVal.native.js.map +1 -1
  57. package/dist/cjs/helpers/getSplitStyles.cjs +1063 -2168
  58. package/dist/cjs/helpers/getSplitStyles.native.cjs +1115 -2515
  59. package/dist/cjs/helpers/getSplitStyles.native.js +1115 -2515
  60. package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
  61. package/dist/cjs/helpers/grammarConfig.cjs +163 -1
  62. package/dist/cjs/helpers/grammarConfig.native.cjs +186 -1
  63. package/dist/cjs/helpers/grammarConfig.native.js +186 -1
  64. package/dist/cjs/helpers/grammarConfig.native.js.map +1 -1
  65. package/dist/cjs/helpers/insertStyleRule.cjs +5 -1
  66. package/dist/cjs/helpers/insertStyleRule.native.cjs +7 -1
  67. package/dist/cjs/helpers/insertStyleRule.native.js +7 -1
  68. package/dist/cjs/helpers/insertStyleRule.native.js.map +1 -1
  69. package/dist/cjs/helpers/log.cjs +9 -8
  70. package/dist/cjs/helpers/log.native.cjs +9 -8
  71. package/dist/cjs/helpers/log.native.js +9 -8
  72. package/dist/cjs/helpers/log.native.js.map +1 -1
  73. package/dist/cjs/helpers/mergeVariants.cjs +44 -13
  74. package/dist/cjs/helpers/mergeVariants.native.cjs +79 -14
  75. package/dist/cjs/helpers/mergeVariants.native.js +79 -14
  76. package/dist/cjs/helpers/mergeVariants.native.js.map +1 -1
  77. package/dist/cjs/helpers/nativeOnlyProps.cjs +0 -1
  78. package/dist/cjs/helpers/nativeOnlyProps.native.cjs +0 -1
  79. package/dist/cjs/helpers/nativeOnlyProps.native.js +0 -1
  80. package/dist/cjs/helpers/nativeOnlyProps.native.js.map +1 -1
  81. package/dist/cjs/helpers/nativeStyleEngine.cjs +34 -14
  82. package/dist/cjs/helpers/nativeStyleEngine.native.cjs +36 -14
  83. package/dist/cjs/helpers/nativeStyleEngine.native.js +36 -14
  84. package/dist/cjs/helpers/nativeStyleEngine.native.js.map +1 -1
  85. package/dist/cjs/helpers/normalizeValueWithProperty.cjs +7 -8
  86. package/dist/cjs/helpers/normalizeValueWithProperty.native.cjs +9 -8
  87. package/dist/cjs/helpers/normalizeValueWithProperty.native.js +9 -8
  88. package/dist/cjs/helpers/normalizeValueWithProperty.native.js.map +1 -1
  89. package/dist/cjs/helpers/parseBorderShorthand.native.cjs +25 -56
  90. package/dist/cjs/helpers/parseBorderShorthand.native.js +25 -56
  91. package/dist/cjs/helpers/parseBorderShorthand.native.js.map +1 -1
  92. package/dist/cjs/helpers/parseOutlineShorthand.native.cjs +9 -49
  93. package/dist/cjs/helpers/parseOutlineShorthand.native.js +9 -49
  94. package/dist/cjs/helpers/parseOutlineShorthand.native.js.map +1 -1
  95. package/dist/cjs/helpers/resolveSafeArea.cjs +35 -100
  96. package/dist/cjs/helpers/resolveVariantStyle.cjs +57 -0
  97. package/dist/cjs/helpers/resolveVariantStyle.native.cjs +67 -0
  98. package/dist/cjs/helpers/resolveVariantStyle.native.js +69 -0
  99. package/dist/cjs/helpers/resolveVariantStyle.native.js.map +1 -0
  100. package/dist/cjs/helpers/splitStyleProps.cjs +46 -0
  101. package/dist/cjs/helpers/splitStyleProps.native.cjs +49 -0
  102. package/dist/cjs/helpers/splitStyleProps.native.js +51 -0
  103. package/dist/cjs/helpers/splitStyleProps.native.js.map +1 -0
  104. package/dist/cjs/helpers/{getDefaultProps.native.cjs → styleStaticConfig.cjs} +7 -8
  105. package/dist/cjs/helpers/{getDefaultProps.native.js → styleStaticConfig.native.cjs} +7 -8
  106. package/dist/cjs/helpers/styleStaticConfig.native.js +31 -0
  107. package/dist/cjs/helpers/styleStaticConfig.native.js.map +1 -0
  108. package/dist/cjs/helpers/styleStaticConfigCore.cjs +107 -0
  109. package/dist/cjs/helpers/styleStaticConfigCore.native.cjs +127 -0
  110. package/dist/cjs/helpers/styleStaticConfigCore.native.js +129 -0
  111. package/dist/cjs/helpers/styleStaticConfigCore.native.js.map +1 -0
  112. package/dist/cjs/helpers/styledDynamic.cjs +160 -0
  113. package/dist/cjs/helpers/styledDynamic.native.cjs +195 -0
  114. package/dist/cjs/helpers/styledDynamic.native.js +197 -0
  115. package/dist/cjs/helpers/styledDynamic.native.js.map +1 -0
  116. package/dist/cjs/helpers/tokenCategories.cjs +12 -74
  117. package/dist/cjs/helpers/tokenCategories.native.cjs +12 -76
  118. package/dist/cjs/helpers/tokenCategories.native.js +12 -76
  119. package/dist/cjs/helpers/tokenCategories.native.js.map +1 -1
  120. package/dist/cjs/helpers/variableValue.cjs +17 -12
  121. package/dist/cjs/helpers/variableValue.native.cjs +46 -23
  122. package/dist/cjs/helpers/variableValue.native.js +46 -23
  123. package/dist/cjs/helpers/variableValue.native.js.map +1 -1
  124. package/dist/cjs/helpers/warnOnce.cjs +5 -4
  125. package/dist/cjs/helpers/warnOnce.native.cjs +6 -4
  126. package/dist/cjs/helpers/warnOnce.native.js +6 -4
  127. package/dist/cjs/helpers/warnOnce.native.js.map +1 -1
  128. package/dist/cjs/hooks/useAnimationDriver.cjs +2 -2
  129. package/dist/cjs/hooks/useAnimationDriver.native.cjs +2 -2
  130. package/dist/cjs/hooks/useAnimationDriver.native.js +2 -2
  131. package/dist/cjs/hooks/useAnimationDriver.native.js.map +1 -1
  132. package/dist/cjs/hooks/useComponentState.cjs +41 -82
  133. package/dist/cjs/hooks/useComponentState.native.cjs +45 -84
  134. package/dist/cjs/hooks/useComponentState.native.js +45 -84
  135. package/dist/cjs/hooks/useComponentState.native.js.map +1 -1
  136. package/dist/cjs/hooks/useMedia.cjs +2 -2
  137. package/dist/cjs/hooks/useMedia.native.cjs +2 -2
  138. package/dist/cjs/hooks/useMedia.native.js +2 -2
  139. package/dist/cjs/hooks/useMedia.native.js.map +1 -1
  140. package/dist/cjs/hooks/useSplitStyles.cjs +2 -2
  141. package/dist/cjs/hooks/useSplitStyles.native.cjs +2 -2
  142. package/dist/cjs/hooks/useSplitStyles.native.js +2 -2
  143. package/dist/cjs/hooks/useSplitStyles.native.js.map +1 -1
  144. package/dist/cjs/{helpers/getDefaultProps.cjs → hooks/useStyle.cjs} +10 -4
  145. package/dist/cjs/{helpers/directStyleCSS.native.js → hooks/useStyle.native.cjs} +16 -6
  146. package/dist/cjs/hooks/useStyle.native.js +34 -0
  147. package/dist/cjs/hooks/useStyle.native.js.map +1 -0
  148. package/dist/cjs/hooks/useThemeState.cjs +25 -90
  149. package/dist/cjs/hooks/useThemeState.native.cjs +34 -94
  150. package/dist/cjs/hooks/useThemeState.native.js +34 -94
  151. package/dist/cjs/hooks/useThemeState.native.js.map +1 -1
  152. package/dist/cjs/index.cjs +9 -12
  153. package/dist/cjs/index.native.cjs +9 -12
  154. package/dist/cjs/index.native.js +9 -12
  155. package/dist/cjs/index.native.js.map +1 -1
  156. package/dist/cjs/internal-runtime.cjs +8 -7
  157. package/dist/cjs/internal-runtime.native.cjs +8 -7
  158. package/dist/cjs/internal-runtime.native.js +8 -7
  159. package/dist/cjs/internal-runtime.native.js.map +1 -1
  160. package/dist/cjs/static-resolve.cjs +8 -7
  161. package/dist/cjs/static-resolve.native.cjs +8 -7
  162. package/dist/cjs/static-resolve.native.js +8 -7
  163. package/dist/cjs/static-resolve.native.js.map +1 -1
  164. package/dist/cjs/style.cjs +91 -0
  165. package/dist/cjs/style.native.cjs +98 -0
  166. package/dist/cjs/style.native.js +100 -0
  167. package/dist/cjs/style.native.js.map +1 -0
  168. package/dist/cjs/styled.cjs +15 -62
  169. package/dist/cjs/styled.native.cjs +15 -64
  170. package/dist/cjs/styled.native.js +15 -64
  171. package/dist/cjs/styled.native.js.map +1 -1
  172. package/dist/cjs/types.cjs +4 -22
  173. package/dist/cjs/types.native.cjs +4 -22
  174. package/dist/cjs/types.native.js +4 -22
  175. package/dist/cjs/types.native.js.map +1 -1
  176. package/dist/cjs/views/TamaguiProvider.cjs +1 -2
  177. package/dist/cjs/views/TamaguiProvider.native.cjs +1 -2
  178. package/dist/cjs/views/TamaguiProvider.native.js +1 -2
  179. package/dist/cjs/views/TamaguiProvider.native.js.map +1 -1
  180. package/dist/cjs/views/Text.cjs +21 -14
  181. package/dist/cjs/views/Text.native.cjs +5 -2
  182. package/dist/cjs/views/Text.native.js +5 -2
  183. package/dist/cjs/views/Text.native.js.map +1 -1
  184. package/dist/cjs/views/Theme.cjs +2 -2
  185. package/dist/cjs/views/Theme.native.cjs +2 -2
  186. package/dist/cjs/views/Theme.native.js +2 -2
  187. package/dist/cjs/views/Theme.native.js.map +1 -1
  188. package/dist/cjs/views/ThemeDebug.cjs +1 -4
  189. package/dist/cjs/views/View.cjs +4 -2
  190. package/dist/cjs/views/View.native.cjs +4 -2
  191. package/dist/cjs/views/View.native.js +4 -2
  192. package/dist/cjs/views/View.native.js.map +1 -1
  193. package/dist/esm/config.mjs +1 -1
  194. package/dist/esm/config.mjs.map +1 -1
  195. package/dist/esm/config.native.js +1 -1
  196. package/dist/esm/config.native.js.map +1 -1
  197. package/dist/esm/createComponent.mjs +41 -20
  198. package/dist/esm/createComponent.mjs.map +1 -1
  199. package/dist/esm/createComponent.native.js +43 -22
  200. package/dist/esm/createComponent.native.js.map +1 -1
  201. package/dist/esm/createStyledHOC.mjs +55 -5
  202. package/dist/esm/createStyledHOC.mjs.map +1 -1
  203. package/dist/esm/createStyledHOC.native.js +56 -5
  204. package/dist/esm/createStyledHOC.native.js.map +1 -1
  205. package/dist/esm/createTokens.mjs +1 -1
  206. package/dist/esm/createTokens.mjs.map +1 -1
  207. package/dist/esm/createTokens.native.js +1 -1
  208. package/dist/esm/createTokens.native.js.map +1 -1
  209. package/dist/esm/createVariable.mjs +1 -9
  210. package/dist/esm/createVariable.mjs.map +1 -1
  211. package/dist/esm/createVariable.native.js +1 -9
  212. package/dist/esm/createVariable.native.js.map +1 -1
  213. package/dist/esm/dom/html.mjs +147 -99
  214. package/dist/esm/dom/html.mjs.map +1 -1
  215. package/dist/esm/dom/htmlRuntime.native.js +7 -3
  216. package/dist/esm/dom/htmlRuntime.native.js.map +1 -1
  217. package/dist/esm/dom/primitives.native.js +16 -13
  218. package/dist/esm/dom/primitives.native.js.map +1 -1
  219. package/dist/esm/helpers/borderComponents.mjs +37 -0
  220. package/dist/esm/helpers/borderComponents.mjs.map +1 -0
  221. package/dist/esm/helpers/borderComponents.native.js +55 -0
  222. package/dist/esm/helpers/borderComponents.native.js.map +1 -0
  223. package/dist/esm/helpers/componentDisplayName.mjs +1 -8
  224. package/dist/esm/helpers/componentDisplayName.mjs.map +1 -1
  225. package/dist/esm/helpers/componentDisplayName.native.js +1 -8
  226. package/dist/esm/helpers/componentDisplayName.native.js.map +1 -1
  227. package/dist/esm/helpers/createDesignSystem.mjs +0 -2
  228. package/dist/esm/helpers/createDesignSystem.mjs.map +1 -1
  229. package/dist/esm/helpers/createStyledContext.mjs +10 -18
  230. package/dist/esm/helpers/createStyledContext.mjs.map +1 -1
  231. package/dist/esm/helpers/createStyledContext.native.js +14 -18
  232. package/dist/esm/helpers/createStyledContext.native.js.map +1 -1
  233. package/dist/esm/helpers/formatDiagnostic.mjs +8 -10
  234. package/dist/esm/helpers/formatDiagnostic.mjs.map +1 -1
  235. package/dist/esm/helpers/formatDiagnostic.native.js +8 -10
  236. package/dist/esm/helpers/formatDiagnostic.native.js.map +1 -1
  237. package/dist/esm/helpers/getCSSStylesAtomic.mjs +131 -114
  238. package/dist/esm/helpers/getCSSStylesAtomic.mjs.map +1 -1
  239. package/dist/esm/helpers/getCSSStylesAtomic.native.js +7 -4
  240. package/dist/esm/helpers/getCSSStylesAtomic.native.js.map +1 -1
  241. package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs +8 -1
  242. package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs.map +1 -1
  243. package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js +10 -1
  244. package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js.map +1 -1
  245. package/dist/esm/helpers/getDynamicVal.mjs +5 -1
  246. package/dist/esm/helpers/getDynamicVal.mjs.map +1 -1
  247. package/dist/esm/helpers/getDynamicVal.native.js +5 -1
  248. package/dist/esm/helpers/getDynamicVal.native.js.map +1 -1
  249. package/dist/esm/helpers/getSplitStyles.mjs +1052 -2151
  250. package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
  251. package/dist/esm/helpers/getSplitStyles.native.js +1090 -2481
  252. package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
  253. package/dist/esm/helpers/grammarConfig.mjs +164 -2
  254. package/dist/esm/helpers/grammarConfig.mjs.map +1 -1
  255. package/dist/esm/helpers/grammarConfig.native.js +187 -2
  256. package/dist/esm/helpers/grammarConfig.native.js.map +1 -1
  257. package/dist/esm/helpers/insertStyleRule.mjs +5 -2
  258. package/dist/esm/helpers/insertStyleRule.mjs.map +1 -1
  259. package/dist/esm/helpers/insertStyleRule.native.js +7 -2
  260. package/dist/esm/helpers/insertStyleRule.native.js.map +1 -1
  261. package/dist/esm/helpers/log.mjs +9 -8
  262. package/dist/esm/helpers/log.mjs.map +1 -1
  263. package/dist/esm/helpers/log.native.js +9 -8
  264. package/dist/esm/helpers/log.native.js.map +1 -1
  265. package/dist/esm/helpers/mergeVariants.mjs +44 -13
  266. package/dist/esm/helpers/mergeVariants.mjs.map +1 -1
  267. package/dist/esm/helpers/mergeVariants.native.js +79 -14
  268. package/dist/esm/helpers/mergeVariants.native.js.map +1 -1
  269. package/dist/esm/helpers/nativeOnlyProps.mjs +0 -1
  270. package/dist/esm/helpers/nativeOnlyProps.mjs.map +1 -1
  271. package/dist/esm/helpers/nativeOnlyProps.native.js +0 -1
  272. package/dist/esm/helpers/nativeOnlyProps.native.js.map +1 -1
  273. package/dist/esm/helpers/nativeStyleEngine.mjs +34 -15
  274. package/dist/esm/helpers/nativeStyleEngine.mjs.map +1 -1
  275. package/dist/esm/helpers/nativeStyleEngine.native.js +36 -15
  276. package/dist/esm/helpers/nativeStyleEngine.native.js.map +1 -1
  277. package/dist/esm/helpers/normalizeValueWithProperty.mjs +7 -8
  278. package/dist/esm/helpers/normalizeValueWithProperty.mjs.map +1 -1
  279. package/dist/esm/helpers/normalizeValueWithProperty.native.js +9 -8
  280. package/dist/esm/helpers/normalizeValueWithProperty.native.js.map +1 -1
  281. package/dist/esm/helpers/parseBorderShorthand.native.js +23 -56
  282. package/dist/esm/helpers/parseBorderShorthand.native.js.map +1 -1
  283. package/dist/esm/helpers/parseOutlineShorthand.native.js +10 -49
  284. package/dist/esm/helpers/parseOutlineShorthand.native.js.map +1 -1
  285. package/dist/esm/helpers/resolveSafeArea.mjs +35 -97
  286. package/dist/esm/helpers/resolveSafeArea.mjs.map +1 -1
  287. package/dist/esm/helpers/resolveVariantStyle.mjs +38 -0
  288. package/dist/esm/helpers/resolveVariantStyle.mjs.map +1 -0
  289. package/dist/esm/helpers/resolveVariantStyle.native.js +46 -0
  290. package/dist/esm/helpers/resolveVariantStyle.native.js.map +1 -0
  291. package/dist/esm/helpers/splitStyleProps.mjs +27 -0
  292. package/dist/esm/helpers/splitStyleProps.mjs.map +1 -0
  293. package/dist/esm/helpers/splitStyleProps.native.js +28 -0
  294. package/dist/esm/helpers/splitStyleProps.native.js.map +1 -0
  295. package/dist/esm/helpers/styleStaticConfig.mjs +8 -0
  296. package/dist/esm/helpers/styleStaticConfig.mjs.map +1 -0
  297. package/dist/esm/helpers/styleStaticConfig.native.js +8 -0
  298. package/dist/esm/helpers/styleStaticConfig.native.js.map +1 -0
  299. package/dist/esm/helpers/styleStaticConfigCore.mjs +88 -0
  300. package/dist/esm/helpers/styleStaticConfigCore.mjs.map +1 -0
  301. package/dist/esm/helpers/styleStaticConfigCore.native.js +106 -0
  302. package/dist/esm/helpers/styleStaticConfigCore.native.js.map +1 -0
  303. package/dist/esm/helpers/styledDynamic.mjs +136 -0
  304. package/dist/esm/helpers/styledDynamic.mjs.map +1 -0
  305. package/dist/esm/helpers/styledDynamic.native.js +169 -0
  306. package/dist/esm/helpers/styledDynamic.native.js.map +1 -0
  307. package/dist/esm/helpers/tokenCategories.mjs +12 -72
  308. package/dist/esm/helpers/tokenCategories.mjs.map +1 -1
  309. package/dist/esm/helpers/tokenCategories.native.js +12 -74
  310. package/dist/esm/helpers/tokenCategories.native.js.map +1 -1
  311. package/dist/esm/helpers/variableValue.mjs +17 -12
  312. package/dist/esm/helpers/variableValue.mjs.map +1 -1
  313. package/dist/esm/helpers/variableValue.native.js +46 -23
  314. package/dist/esm/helpers/variableValue.native.js.map +1 -1
  315. package/dist/esm/helpers/warnOnce.mjs +5 -4
  316. package/dist/esm/helpers/warnOnce.mjs.map +1 -1
  317. package/dist/esm/helpers/warnOnce.native.js +6 -4
  318. package/dist/esm/helpers/warnOnce.native.js.map +1 -1
  319. package/dist/esm/hooks/useAnimationDriver.mjs +2 -2
  320. package/dist/esm/hooks/useAnimationDriver.mjs.map +1 -1
  321. package/dist/esm/hooks/useAnimationDriver.native.js +2 -2
  322. package/dist/esm/hooks/useAnimationDriver.native.js.map +1 -1
  323. package/dist/esm/hooks/useComponentState.mjs +41 -82
  324. package/dist/esm/hooks/useComponentState.mjs.map +1 -1
  325. package/dist/esm/hooks/useComponentState.native.js +45 -84
  326. package/dist/esm/hooks/useComponentState.native.js.map +1 -1
  327. package/dist/esm/hooks/useMedia.mjs +2 -2
  328. package/dist/esm/hooks/useMedia.mjs.map +1 -1
  329. package/dist/esm/hooks/useMedia.native.js +2 -2
  330. package/dist/esm/hooks/useMedia.native.js.map +1 -1
  331. package/dist/esm/hooks/useSplitStyles.mjs +2 -2
  332. package/dist/esm/hooks/useSplitStyles.mjs.map +1 -1
  333. package/dist/esm/hooks/useSplitStyles.native.js +2 -2
  334. package/dist/esm/hooks/useSplitStyles.native.js.map +1 -1
  335. package/dist/esm/hooks/useStyle.mjs +11 -0
  336. package/dist/esm/hooks/useStyle.mjs.map +1 -0
  337. package/dist/esm/hooks/useStyle.native.js +11 -0
  338. package/dist/esm/hooks/useStyle.native.js.map +1 -0
  339. package/dist/esm/hooks/useThemeState.mjs +25 -90
  340. package/dist/esm/hooks/useThemeState.mjs.map +1 -1
  341. package/dist/esm/hooks/useThemeState.native.js +34 -94
  342. package/dist/esm/hooks/useThemeState.native.js.map +1 -1
  343. package/dist/esm/index.js +8 -8
  344. package/dist/esm/index.mjs +8 -8
  345. package/dist/esm/index.native.js +8 -8
  346. package/dist/esm/internal-runtime.mjs +8 -7
  347. package/dist/esm/internal-runtime.mjs.map +1 -1
  348. package/dist/esm/internal-runtime.native.js +8 -7
  349. package/dist/esm/internal-runtime.native.js.map +1 -1
  350. package/dist/esm/static-resolve.mjs +11 -9
  351. package/dist/esm/static-resolve.mjs.map +1 -1
  352. package/dist/esm/static-resolve.native.js +11 -9
  353. package/dist/esm/static-resolve.native.js.map +1 -1
  354. package/dist/esm/style.mjs +58 -0
  355. package/dist/esm/style.mjs.map +1 -0
  356. package/dist/esm/style.native.js +63 -0
  357. package/dist/esm/style.native.js.map +1 -0
  358. package/dist/esm/styled.mjs +17 -62
  359. package/dist/esm/styled.mjs.map +1 -1
  360. package/dist/esm/styled.native.js +17 -64
  361. package/dist/esm/styled.native.js.map +1 -1
  362. package/dist/esm/types.mjs +3 -21
  363. package/dist/esm/types.mjs.map +1 -1
  364. package/dist/esm/types.native.js +3 -21
  365. package/dist/esm/types.native.js.map +1 -1
  366. package/dist/esm/views/TamaguiProvider.mjs +1 -2
  367. package/dist/esm/views/TamaguiProvider.mjs.map +1 -1
  368. package/dist/esm/views/TamaguiProvider.native.js +1 -2
  369. package/dist/esm/views/TamaguiProvider.native.js.map +1 -1
  370. package/dist/esm/views/Text.mjs +21 -14
  371. package/dist/esm/views/Text.mjs.map +1 -1
  372. package/dist/esm/views/Text.native.js +4 -2
  373. package/dist/esm/views/Text.native.js.map +1 -1
  374. package/dist/esm/views/Theme.mjs +2 -2
  375. package/dist/esm/views/Theme.mjs.map +1 -1
  376. package/dist/esm/views/Theme.native.js +2 -2
  377. package/dist/esm/views/Theme.native.js.map +1 -1
  378. package/dist/esm/views/ThemeDebug.mjs +1 -4
  379. package/dist/esm/views/ThemeDebug.mjs.map +1 -1
  380. package/dist/esm/views/View.mjs +4 -2
  381. package/dist/esm/views/View.mjs.map +1 -1
  382. package/dist/esm/views/View.native.js +4 -2
  383. package/dist/esm/views/View.native.js.map +1 -1
  384. package/package.json +15 -15
  385. package/src/config.ts +1 -1
  386. package/src/createComponent.tsx +62 -31
  387. package/src/createStyledHOC.tsx +56 -9
  388. package/src/createTokens.ts +1 -1
  389. package/src/createVariable.ts +0 -10
  390. package/src/dom/html.tsx +778 -877
  391. package/src/dom/htmlRuntime.native.tsx +7 -3
  392. package/src/dom/primitives.native.tsx +30 -39
  393. package/src/helpers/borderComponents.ts +62 -0
  394. package/src/helpers/componentDisplayName.ts +0 -11
  395. package/src/helpers/createDesignSystem.ts +0 -2
  396. package/src/helpers/createStyledContext.tsx +15 -53
  397. package/src/helpers/formatDiagnostic.ts +11 -13
  398. package/src/helpers/getCSSStylesAtomic.native.ts +6 -3
  399. package/src/helpers/getCSSStylesAtomic.ts +197 -206
  400. package/src/helpers/getCSSStylesAtomicCompiled.ts +13 -1
  401. package/src/helpers/getDynamicVal.ts +4 -0
  402. package/src/helpers/getSplitStyles.tsx +2058 -4052
  403. package/src/helpers/grammarConfig.ts +218 -1
  404. package/src/helpers/insertStyleRule.tsx +4 -2
  405. package/src/helpers/log.ts +12 -11
  406. package/src/helpers/mergeVariants.ts +55 -18
  407. package/src/helpers/nativeOnlyProps.ts +0 -1
  408. package/src/helpers/nativeStyleEngine.ts +55 -14
  409. package/src/helpers/normalizeValueWithProperty.ts +10 -12
  410. package/src/helpers/parseBorderShorthand.native.ts +23 -45
  411. package/src/helpers/parseOutlineShorthand.native.ts +9 -40
  412. package/src/helpers/resolveSafeArea.ts +34 -101
  413. package/src/helpers/resolveVariantStyle.ts +77 -0
  414. package/src/helpers/splitStyleProps.ts +166 -0
  415. package/src/helpers/styleFrontend.ts +16 -9
  416. package/src/helpers/styleStaticConfig.ts +21 -0
  417. package/src/helpers/styleStaticConfigCore.ts +110 -0
  418. package/src/helpers/styledDynamic.ts +191 -0
  419. package/src/helpers/tokenCategories.ts +32 -88
  420. package/src/helpers/variableValue.ts +20 -15
  421. package/src/helpers/warnOnce.ts +5 -4
  422. package/src/hooks/useAnimationDriver.ts +6 -2
  423. package/src/hooks/useComponentState.ts +55 -183
  424. package/src/hooks/useMedia.tsx +10 -8
  425. package/src/hooks/useSplitStyles.tsx +17 -2
  426. package/src/hooks/useStyle.ts +10 -0
  427. package/src/hooks/useTheme.tsx +1 -1
  428. package/src/hooks/useThemeState.ts +51 -264
  429. package/src/index.ts +14 -10
  430. package/src/internal-runtime.ts +10 -9
  431. package/src/internalRuntimeTypes.ts +1 -0
  432. package/src/static-resolve.ts +25 -18
  433. package/src/style.ts +97 -0
  434. package/src/styled.tsx +46 -332
  435. package/src/types.tsx +107 -192
  436. package/src/views/TamaguiProvider.tsx +0 -2
  437. package/src/views/Text.tsx +26 -21
  438. package/src/views/Theme.tsx +10 -8
  439. package/src/views/ThemeDebug.tsx +0 -1
  440. package/src/views/View.tsx +6 -7
  441. package/types/createComponent.d.ts.map +1 -1
  442. package/types/createStyledHOC.d.ts.map +1 -1
  443. package/types/createVariable.d.ts +0 -2
  444. package/types/createVariable.d.ts.map +1 -1
  445. package/types/dom/html.d.ts.map +1 -1
  446. package/types/dom/htmlRuntime.native.d.ts.map +1 -1
  447. package/types/dom/primitives.native.d.ts.map +1 -1
  448. package/types/helpers/borderComponents.d.ts +10 -0
  449. package/types/helpers/borderComponents.d.ts.map +1 -0
  450. package/types/helpers/componentDisplayName.d.ts +0 -3
  451. package/types/helpers/componentDisplayName.d.ts.map +1 -1
  452. package/types/helpers/createDesignSystem.d.ts.map +1 -1
  453. package/types/helpers/createStyledContext.d.ts.map +1 -1
  454. package/types/helpers/formatDiagnostic.d.ts.map +1 -1
  455. package/types/helpers/getCSSStylesAtomic.d.ts +25 -22
  456. package/types/helpers/getCSSStylesAtomic.d.ts.map +1 -1
  457. package/types/helpers/getCSSStylesAtomic.native.d.ts +5 -0
  458. package/types/helpers/getCSSStylesAtomic.native.d.ts.map +1 -1
  459. package/types/helpers/getCSSStylesAtomicCompiled.d.ts +6 -1
  460. package/types/helpers/getCSSStylesAtomicCompiled.d.ts.map +1 -1
  461. package/types/helpers/getDynamicVal.d.ts.map +1 -1
  462. package/types/helpers/getSplitStyles.d.ts +9 -11
  463. package/types/helpers/getSplitStyles.d.ts.map +1 -1
  464. package/types/helpers/grammarConfig.d.ts +25 -2
  465. package/types/helpers/grammarConfig.d.ts.map +1 -1
  466. package/types/helpers/insertStyleRule.d.ts +1 -0
  467. package/types/helpers/insertStyleRule.d.ts.map +1 -1
  468. package/types/helpers/log.d.ts.map +1 -1
  469. package/types/helpers/mergeVariants.d.ts.map +1 -1
  470. package/types/helpers/nativeOnlyProps.d.ts +0 -1
  471. package/types/helpers/nativeOnlyProps.d.ts.map +1 -1
  472. package/types/helpers/nativeStyleEngine.d.ts +6 -0
  473. package/types/helpers/nativeStyleEngine.d.ts.map +1 -1
  474. package/types/helpers/normalizeValueWithProperty.d.ts.map +1 -1
  475. package/types/helpers/parseBorderShorthand.native.d.ts +1 -0
  476. package/types/helpers/parseBorderShorthand.native.d.ts.map +1 -1
  477. package/types/helpers/parseOutlineShorthand.native.d.ts.map +1 -1
  478. package/types/helpers/resolveSafeArea.d.ts +0 -1
  479. package/types/helpers/resolveSafeArea.d.ts.map +1 -1
  480. package/types/helpers/resolveVariantStyle.d.ts +3 -0
  481. package/types/helpers/resolveVariantStyle.d.ts.map +1 -0
  482. package/types/helpers/splitStyleProps.d.ts +44 -0
  483. package/types/helpers/splitStyleProps.d.ts.map +1 -0
  484. package/types/helpers/styleFrontend.d.ts +7 -9
  485. package/types/helpers/styleFrontend.d.ts.map +1 -1
  486. package/types/helpers/styleStaticConfig.d.ts +14 -0
  487. package/types/helpers/styleStaticConfig.d.ts.map +1 -0
  488. package/types/helpers/styleStaticConfigCore.d.ts +4 -0
  489. package/types/helpers/styleStaticConfigCore.d.ts.map +1 -0
  490. package/types/helpers/styledDynamic.d.ts +18 -0
  491. package/types/helpers/styledDynamic.d.ts.map +1 -0
  492. package/types/helpers/tokenCategories.d.ts +0 -1
  493. package/types/helpers/tokenCategories.d.ts.map +1 -1
  494. package/types/helpers/variableValue.d.ts.map +1 -1
  495. package/types/helpers/warnOnce.d.ts.map +1 -1
  496. package/types/helpers/webPropsToSkip.native.d.ts +68 -68
  497. package/types/hooks/useAnimationDriver.d.ts.map +1 -1
  498. package/types/hooks/useComponentState.d.ts.map +1 -1
  499. package/types/hooks/useMedia.d.ts.map +1 -1
  500. package/types/hooks/useSplitStyles.d.ts.map +1 -1
  501. package/types/hooks/useStyle.d.ts +4 -0
  502. package/types/hooks/useStyle.d.ts.map +1 -0
  503. package/types/hooks/useThemeState.d.ts +1 -11
  504. package/types/hooks/useThemeState.d.ts.map +1 -1
  505. package/types/index.d.ts +8 -8
  506. package/types/index.d.ts.map +1 -1
  507. package/types/internal-runtime.d.ts.map +1 -1
  508. package/types/internalRuntimeTypes.d.ts +1 -1
  509. package/types/internalRuntimeTypes.d.ts.map +1 -1
  510. package/types/static-resolve.d.ts +2 -2
  511. package/types/static-resolve.d.ts.map +1 -1
  512. package/types/style.d.ts +18 -0
  513. package/types/style.d.ts.map +1 -0
  514. package/types/styled.d.ts +12 -48
  515. package/types/styled.d.ts.map +1 -1
  516. package/types/types.d.ts +75 -60
  517. package/types/types.d.ts.map +1 -1
  518. package/types/views/TamaguiProvider.d.ts +1 -1
  519. package/types/views/TamaguiProvider.d.ts.map +1 -1
  520. package/types/views/Text.d.ts.map +1 -1
  521. package/types/views/Theme.d.ts.map +1 -1
  522. package/types/views/ThemeDebug.d.ts.map +1 -1
  523. package/types/views/View.d.ts.map +1 -1
  524. package/dist/cjs/helpers/directStyleCSS.cjs +0 -348
  525. package/dist/cjs/helpers/directStyleCSS.native.cjs +0 -20
  526. package/dist/cjs/helpers/directStyleCSS.native.js.map +0 -1
  527. package/dist/cjs/helpers/directStyleCSSCompiled.cjs +0 -40
  528. package/dist/cjs/helpers/directStyleCSSCompiled.native.cjs +0 -46
  529. package/dist/cjs/helpers/directStyleCSSCompiled.native.js +0 -48
  530. package/dist/cjs/helpers/directStyleCSSCompiled.native.js.map +0 -1
  531. package/dist/cjs/helpers/getDefaultProps.native.js.map +0 -1
  532. package/dist/cjs/helpers/getVariantExtras.cjs +0 -91
  533. package/dist/cjs/helpers/getVariantExtras.native.cjs +0 -94
  534. package/dist/cjs/helpers/getVariantExtras.native.js +0 -96
  535. package/dist/cjs/helpers/getVariantExtras.native.js.map +0 -1
  536. package/dist/cjs/helpers/themeable.cjs +0 -92
  537. package/dist/cjs/helpers/themeable.native.cjs +0 -95
  538. package/dist/cjs/helpers/themeable.native.js +0 -97
  539. package/dist/cjs/helpers/themeable.native.js.map +0 -1
  540. package/dist/cjs/hooks/useProps.cjs +0 -129
  541. package/dist/cjs/hooks/useProps.native.cjs +0 -135
  542. package/dist/cjs/hooks/useProps.native.js +0 -137
  543. package/dist/cjs/hooks/useProps.native.js.map +0 -1
  544. package/dist/esm/helpers/directStyleCSS.mjs +0 -320
  545. package/dist/esm/helpers/directStyleCSS.mjs.map +0 -1
  546. package/dist/esm/helpers/directStyleCSS.native.js +0 -1
  547. package/dist/esm/helpers/directStyleCSSCompiled.mjs +0 -11
  548. package/dist/esm/helpers/directStyleCSSCompiled.mjs.map +0 -1
  549. package/dist/esm/helpers/directStyleCSSCompiled.native.js +0 -15
  550. package/dist/esm/helpers/directStyleCSSCompiled.native.js.map +0 -1
  551. package/dist/esm/helpers/getDefaultProps.mjs +0 -4
  552. package/dist/esm/helpers/getDefaultProps.mjs.map +0 -1
  553. package/dist/esm/helpers/getDefaultProps.native.js +0 -6
  554. package/dist/esm/helpers/getDefaultProps.native.js.map +0 -1
  555. package/dist/esm/helpers/getVariantExtras.mjs +0 -69
  556. package/dist/esm/helpers/getVariantExtras.mjs.map +0 -1
  557. package/dist/esm/helpers/getVariantExtras.native.js +0 -70
  558. package/dist/esm/helpers/getVariantExtras.native.js.map +0 -1
  559. package/dist/esm/helpers/themeable.mjs +0 -67
  560. package/dist/esm/helpers/themeable.mjs.map +0 -1
  561. package/dist/esm/helpers/themeable.native.js +0 -68
  562. package/dist/esm/helpers/themeable.native.js.map +0 -1
  563. package/dist/esm/hooks/useProps.mjs +0 -100
  564. package/dist/esm/hooks/useProps.mjs.map +0 -1
  565. package/dist/esm/hooks/useProps.native.js +0 -104
  566. package/dist/esm/hooks/useProps.native.js.map +0 -1
  567. package/src/helpers/directStyleCSS.native.ts +0 -1
  568. package/src/helpers/directStyleCSS.ts +0 -534
  569. package/src/helpers/directStyleCSSCompiled.ts +0 -32
  570. package/src/helpers/getDefaultProps.ts +0 -3
  571. package/src/helpers/getVariantExtras.tsx +0 -95
  572. package/src/helpers/themeable.tsx +0 -96
  573. package/src/hooks/useProps.tsx +0 -186
  574. package/types/helpers/directStyleCSS.d.ts +0 -28
  575. package/types/helpers/directStyleCSS.d.ts.map +0 -1
  576. package/types/helpers/directStyleCSS.native.d.ts +0 -2
  577. package/types/helpers/directStyleCSS.native.d.ts.map +0 -1
  578. package/types/helpers/directStyleCSSCompiled.d.ts +0 -10
  579. package/types/helpers/directStyleCSSCompiled.d.ts.map +0 -1
  580. package/types/helpers/getDefaultProps.d.ts +0 -3
  581. package/types/helpers/getDefaultProps.d.ts.map +0 -1
  582. package/types/helpers/getVariantExtras.d.ts +0 -4
  583. package/types/helpers/getVariantExtras.d.ts.map +0 -1
  584. package/types/helpers/themeable.d.ts +0 -3
  585. package/types/helpers/themeable.d.ts.map +0 -1
  586. package/types/hooks/useProps.d.ts +0 -39
  587. package/types/hooks/useProps.d.ts.map +0 -1
@@ -20,21 +20,99 @@ var __copyProps = (to, from, except, desc) => {
20
20
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
21
21
  var getCSSStylesAtomic_exports = {};
22
22
  __export(getCSSStylesAtomic_exports, {
23
+ addComposition: () => addComposition,
23
24
  buildAtomicSlotCSS: () => buildAtomicSlotCSS,
25
+ canGenerateCSS: () => canGenerateCSS,
26
+ flushDirectStyles: () => flushDirectStyles,
24
27
  getCSSStyleAtomic: () => getCSSStyleAtomic,
25
28
  getCSSStylesAtomic: () => getCSSStylesAtomic,
26
- probeRawSlotIdentity: () => probeRawSlotIdentity,
27
- storeRawSlotIdentity: () => storeRawSlotIdentity,
29
+ registerAtomicSlot: () => registerAtomicSlot,
28
30
  styleToCSS: () => import_styleToCSS2.styleToCSS
29
31
  });
30
32
  module.exports = __toCommonJS(getCSSStylesAtomic_exports);
31
33
  var import_helpers = require("@tamagui/helpers");
32
34
  var import_config = require("../config.cjs");
33
35
  var import_grammarConfig = require("./grammarConfig.cjs");
36
+ var import_insertStyleRule = require("./insertStyleRule.cjs");
34
37
  var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.cjs");
35
38
  var import_styleToCSS = require("./styleToCSS.cjs");
36
39
  var import_transformsToString = require("./transformsToString.cjs");
37
40
  var import_styleToCSS2 = require("./styleToCSS.cjs");
41
+ const canGenerateCSS = !process.env.TAMAGUI_DID_OUTPUT_CSS;
42
+ function directStyleSignature(property, value, conditionKey = "") {
43
+ return "" + property + "" + conditionKey + "" + String(value);
44
+ }
45
+ function getShortProp(key) {
46
+ let short = "";
47
+ for (let i = 0; i < key.length; i++) {
48
+ const code = key.charCodeAt(i);
49
+ if ((i === 0 || code >= 65 && code <= 90 || key.charCodeAt(i - 1) === 45) && (code >= 65 && code <= 90 || code >= 97 && code <= 122)) short += key[i].toLowerCase();
50
+ }
51
+ return short || "x";
52
+ }
53
+ function registerAtomicSlot(state, atomicKey, entries) {
54
+ let signature = "";
55
+ for (let index = 0; index < entries.length; index++) {
56
+ const entry = entries[index];
57
+ let value = entry[1];
58
+ if (entry[0] === "transform" && Array.isArray(value)) value = (0, import_transformsToString.transformsToString)(value);
59
+ entry[1] = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value, entry[0]);
60
+ signature += directStyleSignature(entry[0], entry[1], `${entry[3]}${entry[7] >> 5}`);
61
+ }
62
+ const built = buildAtomicSlotCSS(atomicKey, entries, signature);
63
+ if (!built) return;
64
+ let styleObjectProperty = entries[0][0];
65
+ for (let index = 1; index < entries.length; index++) if (entries[index][0] !== styleObjectProperty) {
66
+ styleObjectProperty = atomicKey;
67
+ break;
68
+ }
69
+ const styleObject = built[3] ||= [
70
+ styleObjectProperty,
71
+ built[2],
72
+ built[0],
73
+ void 0,
74
+ built[1]
75
+ ];
76
+ (state.flatAtomics ||= /* @__PURE__ */ new Map()).set(atomicKey, styleObject);
77
+ state.classNames[atomicKey] = built[0];
78
+ }
79
+ function flushDirectStyles(state, clear = false) {
80
+ if (!canGenerateCSS) {
81
+ if (clear) state.flatAtomics = void 0;
82
+ return;
83
+ }
84
+ const direct = state;
85
+ const atomics = direct.flatAtomics;
86
+ if (!atomics) return;
87
+ for (const styleObject of atomics.values()) {
88
+ const identifier = styleObject[import_helpers.StyleObjectIdentifier];
89
+ if ((0, import_insertStyleRule.shouldInsertStyleRules)(identifier)) {
90
+ const rules = styleObject[import_helpers.StyleObjectRules].slice();
91
+ styleObject[import_helpers.StyleObjectRules] = rules;
92
+ (0, import_insertStyleRule.updateRules)(identifier, rules);
93
+ state.flatRulesToInsert[identifier] = styleObject;
94
+ }
95
+ }
96
+ if (clear) direct.flatAtomics = void 0;
97
+ }
98
+ function addComposition(state, property) {
99
+ if (!canGenerateCSS || state.classNames[property]) return;
100
+ const isTranslate = property === "translate";
101
+ const identifier = isTranslate ? "_t-compose" : "_s-compose";
102
+ const value = isTranslate ? "var(--t-x, 0px) var(--t-y, 0px)" : "var(--t-scale-x, 1) var(--t-scale-y, 1)";
103
+ const rules = [`:where(.${identifier}){${isTranslate ? "--t-x:0px;--t-y:0px" : "--t-scale-x:1;--t-scale-y:1"}}`, `.${identifier}{${property}:${value}}`];
104
+ if ((0, import_insertStyleRule.shouldInsertStyleRules)(identifier)) {
105
+ (0, import_insertStyleRule.updateRules)(identifier, rules);
106
+ state.flatRulesToInsert[identifier] = [
107
+ property,
108
+ value,
109
+ identifier,
110
+ void 0,
111
+ rules
112
+ ];
113
+ }
114
+ state.classNames[property] = identifier;
115
+ }
38
116
  function getCSSStylesAtomic(style) {
39
117
  if (process.env.TAMAGUI_DID_OUTPUT_CSS) return [];
40
118
  (0, import_styleToCSS.styleToCSS)(style);
@@ -43,9 +121,7 @@ function getCSSStylesAtomic(style) {
43
121
  if (key === "$$css") continue;
44
122
  const val = style[key];
45
123
  const so = getStyleObject(val, key);
46
- if (so) {
47
- out.push(so);
48
- }
124
+ if (so) out.push(so);
49
125
  }
50
126
  return out;
51
127
  }
@@ -57,27 +133,12 @@ let conf = null;
57
133
  let confRevision = 0;
58
134
  const getStyleObject = (val, key, condition = "", wrappers, identity, direct = false, identityKey = key, classRepetitions = 1) => {
59
135
  if (val == null) return;
60
- if (key === "transform" && Array.isArray(val)) {
61
- val = (0, import_transformsToString.transformsToString)(val);
62
- }
136
+ if (key === "transform" && Array.isArray(val)) val = (0, import_transformsToString.transformsToString)(val);
63
137
  const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key);
64
- const nextConf = syncAtomicConfig();
138
+ syncAtomicConfig();
65
139
  const rawValue = typeof value === "string" ? value : `${value}`;
66
140
  const hash = (0, import_helpers.simpleHash)(identity ?? rawValue, direct ? "strict" : 10) || "0";
67
- let shortProp;
68
- if (direct) {
69
- shortProp = "";
70
- for (let index = 0; index < identityKey.length; index++) {
71
- const code = identityKey.charCodeAt(index);
72
- if ((index === 0 || code >= 65 && code <= 90 || identityKey.charCodeAt(index - 1) === 45) && (code >= 65 && code <= 90 || code >= 97 && code <= 122)) {
73
- shortProp += identityKey[index].toLowerCase();
74
- }
75
- }
76
- shortProp ||= "x";
77
- } else {
78
- shortProp = conf?.inverseShorthands[key] || key;
79
- }
80
- let identifier = `_${shortProp}-${hash}`;
141
+ let identifier = `_${direct ? getShortProp(identityKey) : conf?.inverseShorthands[key] || key}-${hash}`;
81
142
  if (key === "pointerEvents" && !condition) {
82
143
  if (value === "box-none") identifier = "_pe-boxnone";
83
144
  else if (value === "box-only") identifier = "_pe-boxonly";
@@ -92,26 +153,7 @@ const getStyleObject = (val, key, condition = "", wrappers, identity, direct = f
92
153
  ];
93
154
  };
94
155
  const slotIdentities = /* @__PURE__ */ new Map();
95
- let slotIdentitiesSize = 0;
96
- const rawSlotIdentities = /* @__PURE__ */ new Map();
97
- let rawSlotIdentitiesSize = 0;
98
- function probeRawSlotIdentity(property, raw) {
99
- syncAtomicConfig();
100
- return rawSlotIdentities.get(property)?.get(raw);
101
- }
102
- function storeRawSlotIdentity(property, raw, identity) {
103
- if (rawSlotIdentitiesSize > 1e4) {
104
- rawSlotIdentities.clear();
105
- rawSlotIdentitiesSize = 0;
106
- }
107
- let byRaw = rawSlotIdentities.get(property);
108
- if (!byRaw) {
109
- byRaw = /* @__PURE__ */ new Map();
110
- rawSlotIdentities.set(property, byRaw);
111
- }
112
- byRaw.set(raw, identity);
113
- rawSlotIdentitiesSize++;
114
- }
156
+ let slotIdentityCount = 0;
115
157
  function syncAtomicConfig() {
116
158
  const nextConf = (0, import_config.getConfigMaybe)();
117
159
  const nextRevision = nextConf ? (0, import_grammarConfig.getConfigRevisionState)(nextConf).revision : 0;
@@ -119,71 +161,50 @@ function syncAtomicConfig() {
119
161
  conf = nextConf;
120
162
  confRevision = nextRevision;
121
163
  slotIdentities.clear();
122
- slotIdentitiesSize = 0;
123
- rawSlotIdentities.clear();
124
- rawSlotIdentitiesSize = 0;
164
+ slotIdentityCount = 0;
125
165
  }
126
- return nextConf;
127
- }
128
- function slotClassRepetitions(atomicKey, condition) {
129
- const base = atomicKey === "containerName" || atomicKey === "containerType" ? condition ? Math.max(2, 1 + (Math.floor(condition / 256) >>> 23 & 7) + (Math.floor(condition / 256) >>> 26) * 6 - (condition >>> 5 & 7)) : 2 : condition ? 1 + (Math.floor(condition / 256) >>> 23 & 7) + (Math.floor(condition / 256) >>> 26) * 6 - (condition >>> 5 & 7) : 1;
130
- return base;
131
166
  }
132
167
  function buildAtomicSlotCSS(atomicKey, entries, signature) {
133
168
  if (process.env.TAMAGUI_DID_OUTPUT_CSS) return;
134
169
  syncAtomicConfig();
135
- let byKey = slotIdentities.get(atomicKey);
136
- const known = byKey?.get(signature);
170
+ let bySignature = slotIdentities.get(atomicKey);
171
+ if (!bySignature) slotIdentities.set(atomicKey, bySignature = /* @__PURE__ */ new Map());
172
+ const known = bySignature.get(signature);
137
173
  if (known) return known;
138
174
  const hash = (0, import_helpers.simpleHash)(signature, "strict") || "0";
139
- let shortProp = "";
140
- for (let index = 0; index < atomicKey.length; index++) {
141
- const code = atomicKey.charCodeAt(index);
142
- if ((index === 0 || code >= 65 && code <= 90 || atomicKey.charCodeAt(index - 1) === 45) && (code >= 65 && code <= 90 || code >= 97 && code <= 122)) {
143
- shortProp += atomicKey[index].toLowerCase();
144
- }
145
- }
146
- shortProp ||= "x";
147
- let identifier = `_${shortProp}-${hash}`;
148
- if (atomicKey === "pointerEvents" && entries.length === 1 && !entries[0].condition) {
149
- const value = entries[0].value;
175
+ let identifier = `_${getShortProp(atomicKey)}-${hash}`;
176
+ if (atomicKey === "pointerEvents" && entries.length === 1 && !entries[0][2]) {
177
+ const value = entries[0][1];
150
178
  if (value === "box-none") identifier = "_pe-boxnone";
151
179
  else if (value === "box-only") identifier = "_pe-boxonly";
152
180
  }
153
181
  const rules = [];
154
182
  let lastValue;
183
+ let layered = false;
184
+ for (let index = 1; index < entries.length; index++) if (entries[index][0] !== entries[0][0]) {
185
+ layered = true;
186
+ break;
187
+ }
155
188
  for (const entry of entries) {
156
- const value = entry.value;
189
+ const value = entry[1];
157
190
  lastValue = value;
158
- const entryRules = createAtomicRules(identifier, entry.property, value, entry.selector, entry.wrappers, 2, slotClassRepetitions(atomicKey, entry.condition));
191
+ const entryRules = createAtomicRules(identifier, entry[0], value, entry[4], entry[5], 2, Math.max(layered ? 1 + (entry[7] >> 5) : 1, atomicKey === "containerName" || atomicKey === "containerType" ? 2 : 1));
159
192
  for (const rule of entryRules) rules.push(rule);
160
193
  }
161
- const built = {
194
+ const built = [
162
195
  identifier,
163
196
  rules,
164
- value: lastValue
165
- };
166
- if (slotIdentitiesSize > 1e4) {
197
+ lastValue
198
+ ];
199
+ if (slotIdentityCount > 1e4) {
167
200
  slotIdentities.clear();
168
- slotIdentitiesSize = 0;
169
- byKey = void 0;
170
- }
171
- if (!byKey) {
172
- byKey = /* @__PURE__ */ new Map();
173
- slotIdentities.set(atomicKey, byKey);
201
+ slotIdentityCount = 0;
202
+ slotIdentities.set(atomicKey, bySignature = /* @__PURE__ */ new Map());
174
203
  }
175
- byKey.set(signature, built);
176
- slotIdentitiesSize++;
204
+ slotIdentityCount++;
205
+ bySignature.set(signature, built);
177
206
  return built;
178
207
  }
179
- function createDeclarationBlock(style, important = false, trailingSemicolon = true) {
180
- let next = "";
181
- for (let index = 0; index < style.length; index++) {
182
- const [key, value] = style[index];
183
- next += `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""}${trailingSemicolon || index < style.length - 1 ? ";" : ""}`;
184
- }
185
- return `{${next}}`;
186
- }
187
208
  const hcache = {};
188
209
  const toHyphenLower = (match) => `-${match.toLowerCase()}`;
189
210
  const hyphenateStyleName = (key) => {
@@ -192,56 +213,54 @@ const hyphenateStyleName = (key) => {
192
213
  hcache[key] = val;
193
214
  return val;
194
215
  };
216
+ function declaration(key, value, important = false) {
217
+ return `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""};`;
218
+ }
195
219
  function createAtomicRules(identifier, property, value, condition = "", wrappers, direct = false, classRepetitions = 1) {
196
220
  const repetitions = direct && classRepetitions > 1 ? classRepetitions : !direct && property in import_helpers.cssShorthandLonghands ? 2 : 1;
197
- const cls = `.${identifier}`.repeat(repetitions);
198
- const selector = `${cls}${condition}`;
221
+ const selector = `${`.${identifier}`.repeat(repetitions)}${condition}`;
199
222
  let rules = [];
200
223
  switch (property) {
201
- case "placeholderTextColor": {
202
- const block = createDeclarationBlock([["color", value], ["opacity", 1]], false);
203
- rules.push(`${selector}::placeholder${block}`);
224
+ case "placeholderTextColor":
225
+ rules.push(`${selector}::placeholder{${declaration("color", value)}${declaration("opacity", 1)}}`);
226
+ break;
227
+ case "selectionColor":
228
+ rules.push(`${selector}::selection{${declaration("backgroundColor", value)}}`);
229
+ break;
230
+ case "cursorColor":
231
+ case "selectionHandleColor":
232
+ rules.push(`${selector}{${declaration("caretColor", value)}}`);
204
233
  break;
205
- }
206
234
  case "backgroundClip":
207
235
  case "userSelect": {
208
- const propertyCapitalized = `${property[0].toUpperCase()}${property.slice(1)}`;
209
- const webkitProperty = `Webkit${propertyCapitalized}`;
210
- const block = createDeclarationBlock([[property, value], [webkitProperty, value]], false);
211
- rules.push(`${selector}${block}`);
236
+ const webkitProperty = `Webkit${`${property[0].toUpperCase()}${property.slice(1)}`}`;
237
+ rules.push(`${selector}{${declaration(property, value)}${declaration(webkitProperty, value)}}`);
212
238
  break;
213
239
  }
214
240
  case "pointerEvents": {
215
241
  if (direct) {
216
242
  const subject = value === "none" || value === "box-none" ? "none" : "auto";
217
243
  const children = value === "none" || value === "box-only" ? "none" : "auto";
218
- rules.push(`${selector}${createDeclarationBlock([["pointerEvents", subject]], false, false)}`, `${selector}>*${createDeclarationBlock([["pointerEvents", children]], false, false)}`);
244
+ rules.push(`${selector}{pointer-events:${subject}}`, `${selector}>*{pointer-events:${children}}`);
219
245
  break;
220
246
  }
221
247
  let finalValue = value;
222
- if (value === "auto" || value === "box-only") {
223
- finalValue = "auto";
224
- } else if (value === "none" || value === "box-none") {
225
- finalValue = "none";
226
- }
227
- const block = createDeclarationBlock([["pointerEvents", finalValue]], true);
228
- rules.push(`${selector}${block}`);
248
+ if (value === "auto" || value === "box-only") finalValue = "auto";
249
+ else if (value === "none" || value === "box-none") finalValue = "none";
250
+ rules.push(`${selector}{${declaration("pointerEvents", finalValue, true)}}`);
229
251
  break;
230
252
  }
231
253
  default: {
232
- const block = createDeclarationBlock([[property, value]], false, !direct);
233
- rules.push(`${selector}${block}`);
254
+ let output = declaration(property, value);
255
+ if (direct) output = output.slice(0, -1);
256
+ rules.push(`${selector}{${output}}`);
234
257
  break;
235
258
  }
236
259
  }
237
- if (wrappers?.length) {
238
- for (let ruleIndex = 0; ruleIndex < rules.length; ruleIndex++) {
239
- let rule = rules[ruleIndex];
240
- for (let index = wrappers.length - 1; index >= 0; index--) {
241
- rule = `${wrappers[index]} {${rule}}`;
242
- }
243
- rules[ruleIndex] = rule;
244
- }
260
+ if (wrappers) for (let ruleIndex = 0; ruleIndex < rules.length; ruleIndex++) {
261
+ let rule = rules[ruleIndex];
262
+ for (let index = wrappers.length - 1; index >= 0; index--) rule = `${wrappers[index]} {${rule}}`;
263
+ rules[ruleIndex] = rule;
245
264
  }
246
265
  return rules;
247
266
  }
@@ -22,15 +22,23 @@ var __copyProps = (to, from, except, desc) => {
22
22
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
23
23
  var getCSSStylesAtomic_native_exports = {};
24
24
  __export(getCSSStylesAtomic_native_exports, {
25
+ addComposition: () => addComposition,
26
+ buildAtomicSlotCSS: () => buildAtomicSlotCSS,
27
+ canGenerateCSS: () => canGenerateCSS,
28
+ flushDirectStyles: () => flushDirectStyles,
25
29
  getCSSStyleAtomic: () => getCSSStyleAtomic,
26
30
  getCSSStylesAtomic: () => getCSSStylesAtomic,
27
31
  getStyleAtomic: () => getStyleAtomic,
32
+ registerAtomicSlot: () => registerAtomicSlot,
28
33
  styleToCSS: () => styleToCSS
29
34
  });
30
35
  module.exports = __toCommonJS(getCSSStylesAtomic_native_exports);
31
- var empty = function() {
32
- console.warn("no-op native");
33
- };
36
+ var empty = function() {};
37
+ var canGenerateCSS = false;
38
+ var flushDirectStyles = empty;
39
+ var addComposition = empty;
40
+ var registerAtomicSlot = empty;
41
+ var buildAtomicSlotCSS = empty;
34
42
  var getCSSStylesAtomic = empty;
35
43
  var getCSSStyleAtomic = empty;
36
44
  var getStyleAtomic = empty;
@@ -22,15 +22,23 @@ var __copyProps = (to, from, except, desc) => {
22
22
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
23
23
  var getCSSStylesAtomic_native_exports = {};
24
24
  __export(getCSSStylesAtomic_native_exports, {
25
+ addComposition: () => addComposition,
26
+ buildAtomicSlotCSS: () => buildAtomicSlotCSS,
27
+ canGenerateCSS: () => canGenerateCSS,
28
+ flushDirectStyles: () => flushDirectStyles,
25
29
  getCSSStyleAtomic: () => getCSSStyleAtomic,
26
30
  getCSSStylesAtomic: () => getCSSStylesAtomic,
27
31
  getStyleAtomic: () => getStyleAtomic,
32
+ registerAtomicSlot: () => registerAtomicSlot,
28
33
  styleToCSS: () => styleToCSS
29
34
  });
30
35
  module.exports = __toCommonJS(getCSSStylesAtomic_native_exports);
31
- var empty = function() {
32
- console.warn("no-op native");
33
- };
36
+ var empty = function() {};
37
+ var canGenerateCSS = false;
38
+ var flushDirectStyles = empty;
39
+ var addComposition = empty;
40
+ var registerAtomicSlot = empty;
41
+ var buildAtomicSlotCSS = empty;
34
42
  var getCSSStylesAtomic = empty;
35
43
  var getCSSStyleAtomic = empty;
36
44
  var getStyleAtomic = empty;
@@ -1 +1 @@
1
- {"version":3,"file":"getCSSStylesAtomic.native.js","names":[],"sources":["cjs/helpers/getCSSStylesAtomic.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar getCSSStylesAtomic_native_exports = {};\n__export(getCSSStylesAtomic_native_exports, {\n getCSSStyleAtomic: () => getCSSStyleAtomic,\n getCSSStylesAtomic: () => getCSSStylesAtomic,\n getStyleAtomic: () => getStyleAtomic,\n styleToCSS: () => styleToCSS\n});\nmodule.exports = __toCommonJS(getCSSStylesAtomic_native_exports);\nvar empty = function() {\n console.warn(\"no-op native\");\n};\nvar getCSSStylesAtomic = empty;\nvar getCSSStyleAtomic = empty;\nvar getStyleAtomic = empty;\nvar styleToCSS = empty;\n//# sourceMappingURL=getCSSStylesAtomic.native.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,oCAAoC,CAAC;AACzC,SAAS,mCAAmC;CAC1C,yBAAyB;CACzB,0BAA0B;CAC1B,sBAAsB;CACtB,kBAAkB;AACpB,CAAC;AACD,OAAO,UAAU,aAAa,iCAAiC;AAC/D,IAAI,QAAQ,WAAW;CACrB,QAAQ,KAAK,cAAc;AAC7B;AACA,IAAI,qBAAqB;AACzB,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,aAAa"}
1
+ {"version":3,"file":"getCSSStylesAtomic.native.js","names":[],"sources":["cjs/helpers/getCSSStylesAtomic.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar getCSSStylesAtomic_native_exports = {};\n__export(getCSSStylesAtomic_native_exports, {\n addComposition: () => addComposition,\n buildAtomicSlotCSS: () => buildAtomicSlotCSS,\n canGenerateCSS: () => canGenerateCSS,\n flushDirectStyles: () => flushDirectStyles,\n getCSSStyleAtomic: () => getCSSStyleAtomic,\n getCSSStylesAtomic: () => getCSSStylesAtomic,\n getStyleAtomic: () => getStyleAtomic,\n registerAtomicSlot: () => registerAtomicSlot,\n styleToCSS: () => styleToCSS\n});\nmodule.exports = __toCommonJS(getCSSStylesAtomic_native_exports);\nvar empty = function() {\n};\nvar canGenerateCSS = false;\nvar flushDirectStyles = empty;\nvar addComposition = empty;\nvar registerAtomicSlot = empty;\nvar buildAtomicSlotCSS = empty;\nvar getCSSStylesAtomic = empty;\nvar getCSSStyleAtomic = empty;\nvar getStyleAtomic = empty;\nvar styleToCSS = empty;\n//# sourceMappingURL=getCSSStylesAtomic.native.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,oCAAoC,CAAC;AACzC,SAAS,mCAAmC;CAC1C,sBAAsB;CACtB,0BAA0B;CAC1B,sBAAsB;CACtB,yBAAyB;CACzB,yBAAyB;CACzB,0BAA0B;CAC1B,sBAAsB;CACtB,0BAA0B;CAC1B,kBAAkB;AACpB,CAAC;AACD,OAAO,UAAU,aAAa,iCAAiC;AAC/D,IAAI,QAAQ,WAAW,CACvB;AACA,IAAI,iBAAiB;AACrB,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,qBAAqB;AACzB,IAAI,qBAAqB;AACzB,IAAI,qBAAqB;AACzB,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,aAAa"}
@@ -20,10 +20,22 @@ var __copyProps = (to, from, except, desc) => {
20
20
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
21
21
  var getCSSStylesAtomicCompiled_exports = {};
22
22
  __export(getCSSStylesAtomicCompiled_exports, {
23
+ addComposition: () => addComposition,
24
+ buildAtomicSlotCSS: () => buildAtomicSlotCSS,
25
+ canGenerateCSS: () => canGenerateCSS,
26
+ flushDirectStyles: () => flushDirectStyles,
23
27
  getCSSStyleAtomic: () => getCSSStyleAtomic,
24
- getCSSStylesAtomic: () => getCSSStylesAtomic
28
+ getCSSStylesAtomic: () => getCSSStylesAtomic,
29
+ registerAtomicSlot: () => registerAtomicSlot
25
30
  });
26
31
  module.exports = __toCommonJS(getCSSStylesAtomicCompiled_exports);
32
+ const canGenerateCSS = false;
33
+ function flushDirectStyles(_state, _clear = false) {}
34
+ function addComposition(_state, _property) {}
35
+ function registerAtomicSlot() {}
36
+ function buildAtomicSlotCSS() {
37
+ return void 0;
38
+ }
27
39
  function getCSSStylesAtomic(_style) {
28
40
  return [];
29
41
  }
@@ -22,10 +22,24 @@ var __copyProps = (to, from, except, desc) => {
22
22
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
23
23
  var getCSSStylesAtomicCompiled_exports = {};
24
24
  __export(getCSSStylesAtomicCompiled_exports, {
25
+ addComposition: () => addComposition,
26
+ buildAtomicSlotCSS: () => buildAtomicSlotCSS,
27
+ canGenerateCSS: () => canGenerateCSS,
28
+ flushDirectStyles: () => flushDirectStyles,
25
29
  getCSSStyleAtomic: () => getCSSStyleAtomic,
26
- getCSSStylesAtomic: () => getCSSStylesAtomic
30
+ getCSSStylesAtomic: () => getCSSStylesAtomic,
31
+ registerAtomicSlot: () => registerAtomicSlot
27
32
  });
28
33
  module.exports = __toCommonJS(getCSSStylesAtomicCompiled_exports);
34
+ var canGenerateCSS = false;
35
+ function flushDirectStyles(_state) {
36
+ var _clear = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
37
+ }
38
+ function addComposition(_state, _property) {}
39
+ function registerAtomicSlot() {}
40
+ function buildAtomicSlotCSS() {
41
+ return void 0;
42
+ }
29
43
  function getCSSStylesAtomic(_style) {
30
44
  return [];
31
45
  }
@@ -22,10 +22,24 @@ var __copyProps = (to, from, except, desc) => {
22
22
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
23
23
  var getCSSStylesAtomicCompiled_exports = {};
24
24
  __export(getCSSStylesAtomicCompiled_exports, {
25
+ addComposition: () => addComposition,
26
+ buildAtomicSlotCSS: () => buildAtomicSlotCSS,
27
+ canGenerateCSS: () => canGenerateCSS,
28
+ flushDirectStyles: () => flushDirectStyles,
25
29
  getCSSStyleAtomic: () => getCSSStyleAtomic,
26
- getCSSStylesAtomic: () => getCSSStylesAtomic
30
+ getCSSStylesAtomic: () => getCSSStylesAtomic,
31
+ registerAtomicSlot: () => registerAtomicSlot
27
32
  });
28
33
  module.exports = __toCommonJS(getCSSStylesAtomicCompiled_exports);
34
+ var canGenerateCSS = false;
35
+ function flushDirectStyles(_state) {
36
+ var _clear = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
37
+ }
38
+ function addComposition(_state, _property) {}
39
+ function registerAtomicSlot() {}
40
+ function buildAtomicSlotCSS() {
41
+ return void 0;
42
+ }
29
43
  function getCSSStylesAtomic(_style) {
30
44
  return [];
31
45
  }
@@ -1 +1 @@
1
- {"version":3,"file":"getCSSStylesAtomicCompiled.native.js","names":[],"sources":["cjs/helpers/getCSSStylesAtomicCompiled.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar getCSSStylesAtomicCompiled_exports = {};\n__export(getCSSStylesAtomicCompiled_exports, {\n getCSSStyleAtomic: () => getCSSStyleAtomic,\n getCSSStylesAtomic: () => getCSSStylesAtomic\n});\nmodule.exports = __toCommonJS(getCSSStylesAtomicCompiled_exports);\nfunction getCSSStylesAtomic(_style) {\n return [];\n}\nfunction getCSSStyleAtomic() {\n return void 0;\n}\n//# sourceMappingURL=getCSSStylesAtomicCompiled.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,qCAAqC,CAAC;AAC1C,SAAS,oCAAoC;CAC3C,yBAAyB;CACzB,0BAA0B;AAC5B,CAAC;AACD,OAAO,UAAU,aAAa,kCAAkC;AAChE,SAAS,mBAAmB,QAAQ;CAClC,OAAO,CAAC;AACV;AACA,SAAS,oBAAoB;CAC3B,OAAO,KAAK;AACd"}
1
+ {"version":3,"file":"getCSSStylesAtomicCompiled.native.js","names":[],"sources":["cjs/helpers/getCSSStylesAtomicCompiled.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar getCSSStylesAtomicCompiled_exports = {};\n__export(getCSSStylesAtomicCompiled_exports, {\n addComposition: () => addComposition,\n buildAtomicSlotCSS: () => buildAtomicSlotCSS,\n canGenerateCSS: () => canGenerateCSS,\n flushDirectStyles: () => flushDirectStyles,\n getCSSStyleAtomic: () => getCSSStyleAtomic,\n getCSSStylesAtomic: () => getCSSStylesAtomic,\n registerAtomicSlot: () => registerAtomicSlot\n});\nmodule.exports = __toCommonJS(getCSSStylesAtomicCompiled_exports);\nvar canGenerateCSS = false;\nfunction flushDirectStyles(_state) {\n var _clear = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;\n}\nfunction addComposition(_state, _property) {\n}\nfunction registerAtomicSlot() {\n}\nfunction buildAtomicSlotCSS() {\n return void 0;\n}\nfunction getCSSStylesAtomic(_style) {\n return [];\n}\nfunction getCSSStyleAtomic() {\n return void 0;\n}\n//# sourceMappingURL=getCSSStylesAtomicCompiled.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,qCAAqC,CAAC;AAC1C,SAAS,oCAAoC;CAC3C,sBAAsB;CACtB,0BAA0B;CAC1B,sBAAsB;CACtB,yBAAyB;CACzB,yBAAyB;CACzB,0BAA0B;CAC1B,0BAA0B;AAC5B,CAAC;AACD,OAAO,UAAU,aAAa,kCAAkC;AAChE,IAAI,iBAAiB;AACrB,SAAS,kBAAkB,QAAQ;CACjC,IAAI,SAAS,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;AAChF;AACA,SAAS,eAAe,QAAQ,WAAW,CAC3C;AACA,SAAS,qBAAqB,CAC9B;AACA,SAAS,qBAAqB;CAC5B,OAAO,KAAK;AACd;AACA,SAAS,mBAAmB,QAAQ;CAClC,OAAO,CAAC;AACV;AACA,SAAS,oBAAoB;CAC3B,OAAO,KAAK;AACd"}
@@ -44,7 +44,11 @@ const colorStyleKeys = {
44
44
  textDecorationColor: true,
45
45
  textShadowColor: true,
46
46
  tintColor: true,
47
- outlineColor: true
47
+ outlineColor: true,
48
+ placeholderTextColor: true,
49
+ selectionColor: true,
50
+ cursorColor: true,
51
+ selectionHandleColor: true
48
52
  };
49
53
  function isColorStyleKey(key) {
50
54
  return colorStyleKeys[key] === true;
@@ -46,7 +46,11 @@ var colorStyleKeys = {
46
46
  textDecorationColor: true,
47
47
  textShadowColor: true,
48
48
  tintColor: true,
49
- outlineColor: true
49
+ outlineColor: true,
50
+ placeholderTextColor: true,
51
+ selectionColor: true,
52
+ cursorColor: true,
53
+ selectionHandleColor: true
50
54
  };
51
55
  function isColorStyleKey(key) {
52
56
  return colorStyleKeys[key] === true;
@@ -46,7 +46,11 @@ var colorStyleKeys = {
46
46
  textDecorationColor: true,
47
47
  textShadowColor: true,
48
48
  tintColor: true,
49
- outlineColor: true
49
+ outlineColor: true,
50
+ placeholderTextColor: true,
51
+ selectionColor: true,
52
+ cursorColor: true,
53
+ selectionHandleColor: true
50
54
  };
51
55
  function isColorStyleKey(key) {
52
56
  return colorStyleKeys[key] === true;
@@ -1 +1 @@
1
- {"version":3,"file":"getDynamicVal.native.js","names":[],"sources":["cjs/helpers/getDynamicVal.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar getDynamicVal_exports = {};\n__export(getDynamicVal_exports, {\n extractValueFromDynamic: () => extractValueFromDynamic,\n getDynamicVal: () => getDynamicVal,\n getOppositeScheme: () => getOppositeScheme,\n isColorStyleKey: () => isColorStyleKey\n});\nmodule.exports = __toCommonJS(getDynamicVal_exports);\nfunction getOppositeScheme(scheme) {\n return scheme === \"dark\" ? \"light\" : \"dark\";\n}\nvar colorStyleKeys = {\n backgroundColor: true,\n borderColor: true,\n borderTopColor: true,\n borderRightColor: true,\n borderBottomColor: true,\n borderLeftColor: true,\n borderBlockColor: true,\n borderBlockEndColor: true,\n borderBlockStartColor: true,\n color: true,\n shadowColor: true,\n textDecorationColor: true,\n textShadowColor: true,\n tintColor: true,\n outlineColor: true\n};\nfunction isColorStyleKey(key) {\n return colorStyleKeys[key] === true;\n}\nfunction getDynamicVal(param) {\n var { scheme, val, oppositeVal } = param;\n var oppositeScheme = getOppositeScheme(scheme);\n return {\n dynamic: {\n [scheme]: val,\n [oppositeScheme]: oppositeVal\n }\n };\n}\nfunction extractValueFromDynamic(val, scheme) {\n if (val === null || val === void 0 ? void 0 : val[\"dynamic\"]) {\n return val[\"dynamic\"][scheme];\n }\n return val;\n}\n//# sourceMappingURL=getDynamicVal.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,wBAAwB,CAAC;AAC7B,SAAS,uBAAuB;CAC9B,+BAA+B;CAC/B,qBAAqB;CACrB,yBAAyB;CACzB,uBAAuB;AACzB,CAAC;AACD,OAAO,UAAU,aAAa,qBAAqB;AACnD,SAAS,kBAAkB,QAAQ;CACjC,OAAO,WAAW,SAAS,UAAU;AACvC;AACA,IAAI,iBAAiB;CACnB,iBAAiB;CACjB,aAAa;CACb,gBAAgB;CAChB,kBAAkB;CAClB,mBAAmB;CACnB,iBAAiB;CACjB,kBAAkB;CAClB,qBAAqB;CACrB,uBAAuB;CACvB,OAAO;CACP,aAAa;CACb,qBAAqB;CACrB,iBAAiB;CACjB,WAAW;CACX,cAAc;AAChB;AACA,SAAS,gBAAgB,KAAK;CAC5B,OAAO,eAAe,SAAS;AACjC;AACA,SAAS,cAAc,OAAO;CAC5B,IAAI,EAAE,QAAQ,KAAK,gBAAgB;CACnC,IAAI,iBAAiB,kBAAkB,MAAM;CAC7C,OAAO,EACL,SAAS;GACN,SAAS;GACT,iBAAiB;CACpB,EACF;AACF;AACA,SAAS,wBAAwB,KAAK,QAAQ;CAC5C,IAAI,QAAQ,QAAQ,QAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,YAAY;EAC5D,OAAO,IAAI,UAAU,CAAC;CACxB;CACA,OAAO;AACT"}
1
+ {"version":3,"file":"getDynamicVal.native.js","names":[],"sources":["cjs/helpers/getDynamicVal.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar getDynamicVal_exports = {};\n__export(getDynamicVal_exports, {\n extractValueFromDynamic: () => extractValueFromDynamic,\n getDynamicVal: () => getDynamicVal,\n getOppositeScheme: () => getOppositeScheme,\n isColorStyleKey: () => isColorStyleKey\n});\nmodule.exports = __toCommonJS(getDynamicVal_exports);\nfunction getOppositeScheme(scheme) {\n return scheme === \"dark\" ? \"light\" : \"dark\";\n}\nvar colorStyleKeys = {\n backgroundColor: true,\n borderColor: true,\n borderTopColor: true,\n borderRightColor: true,\n borderBottomColor: true,\n borderLeftColor: true,\n borderBlockColor: true,\n borderBlockEndColor: true,\n borderBlockStartColor: true,\n color: true,\n shadowColor: true,\n textDecorationColor: true,\n textShadowColor: true,\n tintColor: true,\n outlineColor: true,\n placeholderTextColor: true,\n selectionColor: true,\n cursorColor: true,\n selectionHandleColor: true\n};\nfunction isColorStyleKey(key) {\n return colorStyleKeys[key] === true;\n}\nfunction getDynamicVal(param) {\n var { scheme, val, oppositeVal } = param;\n var oppositeScheme = getOppositeScheme(scheme);\n return {\n dynamic: {\n [scheme]: val,\n [oppositeScheme]: oppositeVal\n }\n };\n}\nfunction extractValueFromDynamic(val, scheme) {\n if (val === null || val === void 0 ? void 0 : val[\"dynamic\"]) {\n return val[\"dynamic\"][scheme];\n }\n return val;\n}\n//# sourceMappingURL=getDynamicVal.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,wBAAwB,CAAC;AAC7B,SAAS,uBAAuB;CAC9B,+BAA+B;CAC/B,qBAAqB;CACrB,yBAAyB;CACzB,uBAAuB;AACzB,CAAC;AACD,OAAO,UAAU,aAAa,qBAAqB;AACnD,SAAS,kBAAkB,QAAQ;CACjC,OAAO,WAAW,SAAS,UAAU;AACvC;AACA,IAAI,iBAAiB;CACnB,iBAAiB;CACjB,aAAa;CACb,gBAAgB;CAChB,kBAAkB;CAClB,mBAAmB;CACnB,iBAAiB;CACjB,kBAAkB;CAClB,qBAAqB;CACrB,uBAAuB;CACvB,OAAO;CACP,aAAa;CACb,qBAAqB;CACrB,iBAAiB;CACjB,WAAW;CACX,cAAc;CACd,sBAAsB;CACtB,gBAAgB;CAChB,aAAa;CACb,sBAAsB;AACxB;AACA,SAAS,gBAAgB,KAAK;CAC5B,OAAO,eAAe,SAAS;AACjC;AACA,SAAS,cAAc,OAAO;CAC5B,IAAI,EAAE,QAAQ,KAAK,gBAAgB;CACnC,IAAI,iBAAiB,kBAAkB,MAAM;CAC7C,OAAO,EACL,SAAS;GACN,SAAS;GACT,iBAAiB;CACpB,EACF;AACF;AACA,SAAS,wBAAwB,KAAK,QAAQ;CAC5C,IAAI,QAAQ,QAAQ,QAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,YAAY;EAC5D,OAAO,IAAI,UAAU,CAAC;CACxB;CACA,OAAO;AACT"}