@tamagui/web 1.13.3 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (518) hide show
  1. package/dist/cjs/Tamagui.js +1 -76
  2. package/dist/cjs/Tamagui.js.map +2 -2
  3. package/dist/cjs/addTheme.js +2 -77
  4. package/dist/cjs/addTheme.js.map +2 -2
  5. package/dist/cjs/config.js +1 -122
  6. package/dist/cjs/config.js.map +2 -2
  7. package/dist/cjs/constants/constants.js +1 -48
  8. package/dist/cjs/constants/constants.js.map +2 -2
  9. package/dist/cjs/constants/isDevTools.js +1 -36
  10. package/dist/cjs/constants/isDevTools.js.map +2 -2
  11. package/dist/cjs/contexts/AnimationDriverContext.js +1 -29
  12. package/dist/cjs/contexts/AnimationDriverContext.js.map +2 -2
  13. package/dist/cjs/contexts/ButtonNestingContext.js +1 -29
  14. package/dist/cjs/contexts/ButtonNestingContext.js.map +2 -2
  15. package/dist/cjs/contexts/FontLanguageContext.js +1 -29
  16. package/dist/cjs/contexts/FontLanguageContext.js.map +2 -2
  17. package/dist/cjs/contexts/TextAncestorContext.js +1 -29
  18. package/dist/cjs/contexts/TextAncestorContext.js.map +2 -2
  19. package/dist/cjs/createComponent.js +2 -874
  20. package/dist/cjs/createComponent.js.map +3 -3
  21. package/dist/cjs/createFont.js +1 -68
  22. package/dist/cjs/createFont.js.map +2 -2
  23. package/dist/cjs/createShorthands.js +1 -30
  24. package/dist/cjs/createShorthands.js.map +2 -2
  25. package/dist/cjs/createTamagui.js +5 -202
  26. package/dist/cjs/createTamagui.js.map +2 -2
  27. package/dist/cjs/createTheme.js +1 -30
  28. package/dist/cjs/createTheme.js.map +2 -2
  29. package/dist/cjs/createTokens.js +1 -38
  30. package/dist/cjs/createTokens.js.map +2 -2
  31. package/dist/cjs/createVariable.js +1 -110
  32. package/dist/cjs/createVariable.js.map +2 -2
  33. package/dist/cjs/createVariables.js +1 -59
  34. package/dist/cjs/createVariables.js.map +2 -2
  35. package/dist/cjs/helpers/ThemeManager.js +1 -236
  36. package/dist/cjs/helpers/ThemeManager.js.map +3 -3
  37. package/dist/cjs/helpers/ThemeManagerContext.js +1 -29
  38. package/dist/cjs/helpers/ThemeManagerContext.js.map +2 -2
  39. package/dist/cjs/helpers/createMediaStyle.js +1 -66
  40. package/dist/cjs/helpers/createMediaStyle.js.map +2 -2
  41. package/dist/cjs/helpers/createPropMapper.js +2 -431
  42. package/dist/cjs/helpers/createPropMapper.js.map +2 -2
  43. package/dist/cjs/helpers/createProxy.js +2 -41
  44. package/dist/cjs/helpers/createProxy.js.map +2 -2
  45. package/dist/cjs/helpers/defaultOffset.js +1 -28
  46. package/dist/cjs/helpers/defaultOffset.js.map +2 -2
  47. package/dist/cjs/helpers/expandStyle.js +1 -85
  48. package/dist/cjs/helpers/expandStyle.js.map +2 -2
  49. package/dist/cjs/helpers/expandStyles.js +1 -76
  50. package/dist/cjs/helpers/expandStyles.js.map +2 -2
  51. package/dist/cjs/helpers/extendStaticConfig.js +1 -91
  52. package/dist/cjs/helpers/extendStaticConfig.js.map +2 -2
  53. package/dist/cjs/helpers/getAnimationDriver.js +1 -31
  54. package/dist/cjs/helpers/getAnimationDriver.js.map +2 -2
  55. package/dist/cjs/helpers/getExpandedShorthands.js +1 -38
  56. package/dist/cjs/helpers/getExpandedShorthands.js.map +2 -2
  57. package/dist/cjs/helpers/getFontLanguage.js +1 -28
  58. package/dist/cjs/helpers/getFontLanguage.js.map +2 -2
  59. package/dist/cjs/helpers/getSplitStyles.js +3 -865
  60. package/dist/cjs/helpers/getSplitStyles.js.map +3 -3
  61. package/dist/cjs/helpers/getStylesAtomic.js +1 -226
  62. package/dist/cjs/helpers/getStylesAtomic.js.map +2 -2
  63. package/dist/cjs/helpers/getStylesAtomic.native.js +1 -37
  64. package/dist/cjs/helpers/getStylesAtomic.native.js.map +2 -2
  65. package/dist/cjs/helpers/getThemeCSSRules.js +4 -126
  66. package/dist/cjs/helpers/getThemeCSSRules.js.map +2 -2
  67. package/dist/cjs/helpers/getThemeCSSRules.native.js +1 -30
  68. package/dist/cjs/helpers/getThemeCSSRules.native.js.map +2 -2
  69. package/dist/cjs/helpers/getVariantExtras.js +1 -91
  70. package/dist/cjs/helpers/getVariantExtras.js.map +2 -2
  71. package/dist/cjs/helpers/insertStyleRule.js +2 -222
  72. package/dist/cjs/helpers/insertStyleRule.js.map +2 -2
  73. package/dist/cjs/helpers/isObj.js +1 -28
  74. package/dist/cjs/helpers/isObj.js.map +2 -2
  75. package/dist/cjs/helpers/isTamaguiComponent.js +1 -31
  76. package/dist/cjs/helpers/isTamaguiComponent.js.map +2 -2
  77. package/dist/cjs/helpers/isTamaguiElement.js +1 -32
  78. package/dist/cjs/helpers/isTamaguiElement.js.map +2 -2
  79. package/dist/cjs/helpers/matchMedia.js +1 -41
  80. package/dist/cjs/helpers/matchMedia.js.map +2 -2
  81. package/dist/cjs/helpers/matchMedia.native.js +1 -47
  82. package/dist/cjs/helpers/matchMedia.native.js.map +2 -2
  83. package/dist/cjs/helpers/mergeProps.js +1 -53
  84. package/dist/cjs/helpers/mergeProps.js.map +2 -2
  85. package/dist/cjs/helpers/normalizeColor.js +1 -66
  86. package/dist/cjs/helpers/normalizeColor.js.map +2 -2
  87. package/dist/cjs/helpers/normalizeShadow.js +1 -46
  88. package/dist/cjs/helpers/normalizeShadow.js.map +2 -2
  89. package/dist/cjs/helpers/normalizeShadow.native.js +1 -54
  90. package/dist/cjs/helpers/normalizeShadow.native.js.map +2 -2
  91. package/dist/cjs/helpers/normalizeStylePropKeys.js +1 -28
  92. package/dist/cjs/helpers/normalizeStylePropKeys.js.map +2 -2
  93. package/dist/cjs/helpers/normalizeStylePropKeys.native.js +1 -39
  94. package/dist/cjs/helpers/normalizeStylePropKeys.native.js.map +2 -2
  95. package/dist/cjs/helpers/normalizeValueWithProperty.js +1 -125
  96. package/dist/cjs/helpers/normalizeValueWithProperty.js.map +2 -2
  97. package/dist/cjs/helpers/proxyThemeVariables.js +1 -39
  98. package/dist/cjs/helpers/proxyThemeVariables.js.map +2 -2
  99. package/dist/cjs/helpers/pseudoDescriptors.js +1 -52
  100. package/dist/cjs/helpers/pseudoDescriptors.js.map +2 -2
  101. package/dist/cjs/helpers/registerCSSVariable.js +1 -39
  102. package/dist/cjs/helpers/registerCSSVariable.js.map +2 -2
  103. package/dist/cjs/helpers/themeable.js +1 -61
  104. package/dist/cjs/helpers/themeable.js.map +2 -2
  105. package/dist/cjs/helpers/themes.js +1 -75
  106. package/dist/cjs/helpers/themes.js.map +2 -2
  107. package/dist/cjs/helpers/timer.js +1 -34
  108. package/dist/cjs/helpers/timer.js.map +2 -2
  109. package/dist/cjs/helpers/useShallowSetState.js +1 -58
  110. package/dist/cjs/helpers/useShallowSetState.js.map +2 -2
  111. package/dist/cjs/helpers/warnOnce.js +1 -37
  112. package/dist/cjs/helpers/warnOnce.js.map +2 -2
  113. package/dist/cjs/helpers/withStaticProperties.js +1 -32
  114. package/dist/cjs/helpers/withStaticProperties.js.map +2 -2
  115. package/dist/cjs/hooks/getThemeUnwrapped.js +1 -33
  116. package/dist/cjs/hooks/getThemeUnwrapped.js.map +2 -2
  117. package/dist/cjs/hooks/useAnimationDriver.js +1 -33
  118. package/dist/cjs/hooks/useAnimationDriver.js.map +2 -2
  119. package/dist/cjs/hooks/useId.js +1 -28
  120. package/dist/cjs/hooks/useId.js.map +2 -2
  121. package/dist/cjs/hooks/useIsTouchDevice.js +1 -32
  122. package/dist/cjs/hooks/useIsTouchDevice.js.map +2 -2
  123. package/dist/cjs/hooks/useMedia.js +1 -264
  124. package/dist/cjs/hooks/useMedia.js.map +2 -2
  125. package/dist/cjs/hooks/useSafeRef.js +1 -58
  126. package/dist/cjs/hooks/useSafeRef.js.map +2 -2
  127. package/dist/cjs/hooks/useServerHooks.js +1 -35
  128. package/dist/cjs/hooks/useServerHooks.js.map +2 -2
  129. package/dist/cjs/hooks/useStyle.js +1 -60
  130. package/dist/cjs/hooks/useStyle.js.map +2 -2
  131. package/dist/cjs/hooks/useTheme.js +1 -229
  132. package/dist/cjs/hooks/useTheme.js.map +3 -3
  133. package/dist/cjs/hooks/useThemeName.js +1 -51
  134. package/dist/cjs/hooks/useThemeName.js.map +2 -2
  135. package/dist/cjs/index.js +1 -110
  136. package/dist/cjs/index.js.map +2 -2
  137. package/dist/cjs/inject-styles.js +1 -39
  138. package/dist/cjs/inject-styles.js.map +2 -2
  139. package/dist/cjs/insertFont.js +1 -92
  140. package/dist/cjs/insertFont.js.map +2 -2
  141. package/dist/cjs/setupHooks.js +1 -33
  142. package/dist/cjs/setupHooks.js.map +2 -2
  143. package/dist/cjs/setupReactNative.js +1 -50
  144. package/dist/cjs/setupReactNative.js.map +2 -2
  145. package/dist/cjs/styled.js +1 -93
  146. package/dist/cjs/styled.js.map +2 -2
  147. package/dist/cjs/types.js +1 -16
  148. package/dist/cjs/types.js.map +3 -3
  149. package/dist/cjs/updateTheme.js +1 -46
  150. package/dist/cjs/updateTheme.js.map +2 -2
  151. package/dist/cjs/views/AnimationDriverProvider.js +1 -32
  152. package/dist/cjs/views/AnimationDriverProvider.js.map +2 -2
  153. package/dist/cjs/views/FontLanguage.js +1 -40
  154. package/dist/cjs/views/FontLanguage.js.map +2 -2
  155. package/dist/cjs/views/FontLanguage.native.js +1 -34
  156. package/dist/cjs/views/FontLanguage.native.js.map +2 -2
  157. package/dist/cjs/views/FontLanguage.types.js +1 -16
  158. package/dist/cjs/views/FontLanguage.types.js.map +2 -2
  159. package/dist/cjs/views/Slot.js +1 -91
  160. package/dist/cjs/views/Slot.js.map +2 -2
  161. package/dist/cjs/views/Stack.js +1 -37
  162. package/dist/cjs/views/Stack.js.map +2 -2
  163. package/dist/cjs/views/TamaguiProvider.js +1 -90
  164. package/dist/cjs/views/TamaguiProvider.js.map +2 -2
  165. package/dist/cjs/views/Text.js +1 -95
  166. package/dist/cjs/views/Text.js.map +2 -2
  167. package/dist/cjs/views/Theme.js +1 -80
  168. package/dist/cjs/views/Theme.js.map +3 -3
  169. package/dist/cjs/views/ThemeProvider.js +1 -69
  170. package/dist/cjs/views/ThemeProvider.js.map +2 -2
  171. package/dist/esm/Tamagui.js +1 -44
  172. package/dist/esm/Tamagui.js.map +2 -2
  173. package/dist/esm/Tamagui.mjs +1 -44
  174. package/dist/esm/Tamagui.mjs.map +2 -2
  175. package/dist/esm/addTheme.js +2 -53
  176. package/dist/esm/addTheme.js.map +2 -2
  177. package/dist/esm/addTheme.mjs +2 -53
  178. package/dist/esm/addTheme.mjs.map +2 -2
  179. package/dist/esm/config.js +1 -89
  180. package/dist/esm/config.js.map +2 -2
  181. package/dist/esm/config.mjs +1 -89
  182. package/dist/esm/config.mjs.map +2 -2
  183. package/dist/esm/constants/constants.js +1 -21
  184. package/dist/esm/constants/constants.js.map +2 -2
  185. package/dist/esm/constants/constants.mjs +1 -21
  186. package/dist/esm/constants/constants.mjs.map +2 -2
  187. package/dist/esm/constants/isDevTools.js +1 -12
  188. package/dist/esm/constants/isDevTools.js.map +2 -2
  189. package/dist/esm/constants/isDevTools.mjs +1 -12
  190. package/dist/esm/constants/isDevTools.mjs.map +2 -2
  191. package/dist/esm/contexts/AnimationDriverContext.js +1 -5
  192. package/dist/esm/contexts/AnimationDriverContext.js.map +2 -2
  193. package/dist/esm/contexts/AnimationDriverContext.mjs +1 -5
  194. package/dist/esm/contexts/AnimationDriverContext.mjs.map +2 -2
  195. package/dist/esm/contexts/ButtonNestingContext.js +1 -5
  196. package/dist/esm/contexts/ButtonNestingContext.js.map +2 -2
  197. package/dist/esm/contexts/ButtonNestingContext.mjs +1 -5
  198. package/dist/esm/contexts/ButtonNestingContext.mjs.map +2 -2
  199. package/dist/esm/contexts/FontLanguageContext.js +1 -5
  200. package/dist/esm/contexts/FontLanguageContext.js.map +2 -2
  201. package/dist/esm/contexts/FontLanguageContext.mjs +1 -5
  202. package/dist/esm/contexts/FontLanguageContext.mjs.map +2 -2
  203. package/dist/esm/contexts/TextAncestorContext.js +1 -5
  204. package/dist/esm/contexts/TextAncestorContext.js.map +2 -2
  205. package/dist/esm/contexts/TextAncestorContext.mjs +1 -5
  206. package/dist/esm/contexts/TextAncestorContext.mjs.map +2 -2
  207. package/dist/esm/createComponent.js +2 -846
  208. package/dist/esm/createComponent.js.map +3 -3
  209. package/dist/esm/createComponent.mjs +2 -846
  210. package/dist/esm/createComponent.mjs.map +3 -3
  211. package/dist/esm/createFont.js +1 -44
  212. package/dist/esm/createFont.js.map +2 -2
  213. package/dist/esm/createFont.mjs +1 -44
  214. package/dist/esm/createFont.mjs.map +2 -2
  215. package/dist/esm/createShorthands.js +1 -6
  216. package/dist/esm/createShorthands.js.map +2 -2
  217. package/dist/esm/createShorthands.mjs +1 -6
  218. package/dist/esm/createShorthands.mjs.map +2 -2
  219. package/dist/esm/createTamagui.js +5 -186
  220. package/dist/esm/createTamagui.js.map +2 -2
  221. package/dist/esm/createTamagui.mjs +5 -186
  222. package/dist/esm/createTamagui.mjs.map +2 -2
  223. package/dist/esm/createTheme.js +1 -6
  224. package/dist/esm/createTheme.js.map +2 -2
  225. package/dist/esm/createTheme.mjs +1 -6
  226. package/dist/esm/createTheme.mjs.map +2 -2
  227. package/dist/esm/createTokens.js +1 -14
  228. package/dist/esm/createTokens.js.map +2 -2
  229. package/dist/esm/createTokens.mjs +1 -14
  230. package/dist/esm/createTokens.mjs.map +2 -2
  231. package/dist/esm/createVariable.js +1 -77
  232. package/dist/esm/createVariable.js.map +2 -2
  233. package/dist/esm/createVariable.mjs +1 -77
  234. package/dist/esm/createVariable.mjs.map +2 -2
  235. package/dist/esm/createVariables.js +1 -34
  236. package/dist/esm/createVariables.js.map +2 -2
  237. package/dist/esm/createVariables.mjs +1 -34
  238. package/dist/esm/createVariables.mjs.map +2 -2
  239. package/dist/esm/helpers/ThemeManager.js +1 -211
  240. package/dist/esm/helpers/ThemeManager.js.map +3 -3
  241. package/dist/esm/helpers/ThemeManager.mjs +1 -211
  242. package/dist/esm/helpers/ThemeManager.mjs.map +3 -3
  243. package/dist/esm/helpers/ThemeManagerContext.js +1 -5
  244. package/dist/esm/helpers/ThemeManagerContext.js.map +2 -2
  245. package/dist/esm/helpers/ThemeManagerContext.mjs +1 -5
  246. package/dist/esm/helpers/ThemeManagerContext.mjs.map +2 -2
  247. package/dist/esm/helpers/createMediaStyle.js +1 -41
  248. package/dist/esm/helpers/createMediaStyle.js.map +2 -2
  249. package/dist/esm/helpers/createMediaStyle.mjs +1 -41
  250. package/dist/esm/helpers/createMediaStyle.mjs.map +2 -2
  251. package/dist/esm/helpers/createPropMapper.js +2 -404
  252. package/dist/esm/helpers/createPropMapper.js.map +2 -2
  253. package/dist/esm/helpers/createPropMapper.mjs +2 -404
  254. package/dist/esm/helpers/createPropMapper.mjs.map +2 -2
  255. package/dist/esm/helpers/createProxy.js +2 -17
  256. package/dist/esm/helpers/createProxy.js.map +2 -2
  257. package/dist/esm/helpers/createProxy.mjs +2 -17
  258. package/dist/esm/helpers/createProxy.mjs.map +2 -2
  259. package/dist/esm/helpers/defaultOffset.js +1 -4
  260. package/dist/esm/helpers/defaultOffset.js.map +2 -2
  261. package/dist/esm/helpers/defaultOffset.mjs +1 -4
  262. package/dist/esm/helpers/defaultOffset.mjs.map +2 -2
  263. package/dist/esm/helpers/expandStyle.js +1 -61
  264. package/dist/esm/helpers/expandStyle.js.map +2 -2
  265. package/dist/esm/helpers/expandStyle.mjs +1 -61
  266. package/dist/esm/helpers/expandStyle.mjs.map +2 -2
  267. package/dist/esm/helpers/expandStyles.js +1 -51
  268. package/dist/esm/helpers/expandStyles.js.map +2 -2
  269. package/dist/esm/helpers/expandStyles.mjs +1 -51
  270. package/dist/esm/helpers/expandStyles.mjs.map +2 -2
  271. package/dist/esm/helpers/extendStaticConfig.js +1 -66
  272. package/dist/esm/helpers/extendStaticConfig.js.map +2 -2
  273. package/dist/esm/helpers/extendStaticConfig.mjs +1 -66
  274. package/dist/esm/helpers/extendStaticConfig.mjs.map +2 -2
  275. package/dist/esm/helpers/getAnimationDriver.js +1 -7
  276. package/dist/esm/helpers/getAnimationDriver.js.map +2 -2
  277. package/dist/esm/helpers/getAnimationDriver.mjs +1 -7
  278. package/dist/esm/helpers/getAnimationDriver.mjs.map +2 -2
  279. package/dist/esm/helpers/getExpandedShorthands.js +1 -14
  280. package/dist/esm/helpers/getExpandedShorthands.js.map +2 -2
  281. package/dist/esm/helpers/getExpandedShorthands.mjs +1 -14
  282. package/dist/esm/helpers/getExpandedShorthands.mjs.map +2 -2
  283. package/dist/esm/helpers/getFontLanguage.js +1 -4
  284. package/dist/esm/helpers/getFontLanguage.js.map +2 -2
  285. package/dist/esm/helpers/getFontLanguage.mjs +1 -4
  286. package/dist/esm/helpers/getFontLanguage.mjs.map +2 -2
  287. package/dist/esm/helpers/getSplitStyles.js +3 -866
  288. package/dist/esm/helpers/getSplitStyles.js.map +3 -3
  289. package/dist/esm/helpers/getSplitStyles.mjs +3 -866
  290. package/dist/esm/helpers/getSplitStyles.mjs.map +3 -3
  291. package/dist/esm/helpers/getStylesAtomic.js +1 -200
  292. package/dist/esm/helpers/getStylesAtomic.js.map +2 -2
  293. package/dist/esm/helpers/getStylesAtomic.mjs +1 -200
  294. package/dist/esm/helpers/getStylesAtomic.mjs.map +2 -2
  295. package/dist/esm/helpers/getStylesAtomic.native.js +1 -11
  296. package/dist/esm/helpers/getStylesAtomic.native.js.map +2 -2
  297. package/dist/esm/helpers/getStylesAtomic.native.mjs +1 -11
  298. package/dist/esm/helpers/getStylesAtomic.native.mjs.map +2 -2
  299. package/dist/esm/helpers/getThemeCSSRules.js +4 -102
  300. package/dist/esm/helpers/getThemeCSSRules.js.map +2 -2
  301. package/dist/esm/helpers/getThemeCSSRules.mjs +4 -102
  302. package/dist/esm/helpers/getThemeCSSRules.mjs.map +2 -2
  303. package/dist/esm/helpers/getThemeCSSRules.native.js +1 -6
  304. package/dist/esm/helpers/getThemeCSSRules.native.js.map +2 -2
  305. package/dist/esm/helpers/getThemeCSSRules.native.mjs +1 -6
  306. package/dist/esm/helpers/getThemeCSSRules.native.mjs.map +2 -2
  307. package/dist/esm/helpers/getVariantExtras.js +1 -66
  308. package/dist/esm/helpers/getVariantExtras.js.map +2 -2
  309. package/dist/esm/helpers/getVariantExtras.mjs +1 -66
  310. package/dist/esm/helpers/getVariantExtras.mjs.map +2 -2
  311. package/dist/esm/helpers/insertStyleRule.js +2 -190
  312. package/dist/esm/helpers/insertStyleRule.js.map +2 -2
  313. package/dist/esm/helpers/insertStyleRule.mjs +2 -190
  314. package/dist/esm/helpers/insertStyleRule.mjs.map +2 -2
  315. package/dist/esm/helpers/isObj.js +1 -4
  316. package/dist/esm/helpers/isObj.js.map +2 -2
  317. package/dist/esm/helpers/isObj.mjs +1 -4
  318. package/dist/esm/helpers/isObj.mjs.map +2 -2
  319. package/dist/esm/helpers/isTamaguiComponent.js +1 -7
  320. package/dist/esm/helpers/isTamaguiComponent.js.map +2 -2
  321. package/dist/esm/helpers/isTamaguiComponent.mjs +1 -7
  322. package/dist/esm/helpers/isTamaguiComponent.mjs.map +2 -2
  323. package/dist/esm/helpers/isTamaguiElement.js +1 -8
  324. package/dist/esm/helpers/isTamaguiElement.js.map +2 -2
  325. package/dist/esm/helpers/isTamaguiElement.mjs +1 -8
  326. package/dist/esm/helpers/isTamaguiElement.mjs.map +2 -2
  327. package/dist/esm/helpers/matchMedia.js +1 -16
  328. package/dist/esm/helpers/matchMedia.js.map +2 -2
  329. package/dist/esm/helpers/matchMedia.mjs +1 -16
  330. package/dist/esm/helpers/matchMedia.mjs.map +2 -2
  331. package/dist/esm/helpers/matchMedia.native.js +1 -22
  332. package/dist/esm/helpers/matchMedia.native.js.map +2 -2
  333. package/dist/esm/helpers/matchMedia.native.mjs +1 -22
  334. package/dist/esm/helpers/matchMedia.native.mjs.map +2 -2
  335. package/dist/esm/helpers/mergeProps.js +1 -29
  336. package/dist/esm/helpers/mergeProps.js.map +2 -2
  337. package/dist/esm/helpers/mergeProps.mjs +1 -29
  338. package/dist/esm/helpers/mergeProps.mjs.map +2 -2
  339. package/dist/esm/helpers/normalizeColor.js +1 -30
  340. package/dist/esm/helpers/normalizeColor.js.map +2 -2
  341. package/dist/esm/helpers/normalizeColor.mjs +1 -30
  342. package/dist/esm/helpers/normalizeColor.mjs.map +2 -2
  343. package/dist/esm/helpers/normalizeShadow.js +1 -22
  344. package/dist/esm/helpers/normalizeShadow.js.map +2 -2
  345. package/dist/esm/helpers/normalizeShadow.mjs +1 -22
  346. package/dist/esm/helpers/normalizeShadow.mjs.map +2 -2
  347. package/dist/esm/helpers/normalizeShadow.native.js +1 -30
  348. package/dist/esm/helpers/normalizeShadow.native.js.map +2 -2
  349. package/dist/esm/helpers/normalizeShadow.native.mjs +1 -30
  350. package/dist/esm/helpers/normalizeShadow.native.mjs.map +2 -2
  351. package/dist/esm/helpers/normalizeStylePropKeys.js +1 -4
  352. package/dist/esm/helpers/normalizeStylePropKeys.js.map +2 -2
  353. package/dist/esm/helpers/normalizeStylePropKeys.mjs +1 -4
  354. package/dist/esm/helpers/normalizeStylePropKeys.mjs.map +2 -2
  355. package/dist/esm/helpers/normalizeStylePropKeys.native.js +1 -15
  356. package/dist/esm/helpers/normalizeStylePropKeys.native.js.map +2 -2
  357. package/dist/esm/helpers/normalizeStylePropKeys.native.mjs +1 -15
  358. package/dist/esm/helpers/normalizeStylePropKeys.native.mjs.map +2 -2
  359. package/dist/esm/helpers/normalizeValueWithProperty.js +1 -100
  360. package/dist/esm/helpers/normalizeValueWithProperty.js.map +2 -2
  361. package/dist/esm/helpers/normalizeValueWithProperty.mjs +1 -100
  362. package/dist/esm/helpers/normalizeValueWithProperty.mjs.map +2 -2
  363. package/dist/esm/helpers/proxyThemeVariables.js +1 -15
  364. package/dist/esm/helpers/proxyThemeVariables.js.map +2 -2
  365. package/dist/esm/helpers/proxyThemeVariables.mjs +1 -15
  366. package/dist/esm/helpers/proxyThemeVariables.mjs.map +2 -2
  367. package/dist/esm/helpers/pseudoDescriptors.js +1 -28
  368. package/dist/esm/helpers/pseudoDescriptors.js.map +2 -2
  369. package/dist/esm/helpers/pseudoDescriptors.mjs +1 -28
  370. package/dist/esm/helpers/pseudoDescriptors.mjs.map +2 -2
  371. package/dist/esm/helpers/registerCSSVariable.js +1 -13
  372. package/dist/esm/helpers/registerCSSVariable.js.map +2 -2
  373. package/dist/esm/helpers/registerCSSVariable.mjs +1 -13
  374. package/dist/esm/helpers/registerCSSVariable.mjs.map +2 -2
  375. package/dist/esm/helpers/themeable.js +1 -27
  376. package/dist/esm/helpers/themeable.js.map +2 -2
  377. package/dist/esm/helpers/themeable.mjs +1 -27
  378. package/dist/esm/helpers/themeable.mjs.map +2 -2
  379. package/dist/esm/helpers/themes.js +1 -50
  380. package/dist/esm/helpers/themes.js.map +2 -2
  381. package/dist/esm/helpers/themes.mjs +1 -50
  382. package/dist/esm/helpers/themes.mjs.map +2 -2
  383. package/dist/esm/helpers/timer.js +1 -10
  384. package/dist/esm/helpers/timer.js.map +2 -2
  385. package/dist/esm/helpers/timer.mjs +1 -10
  386. package/dist/esm/helpers/timer.mjs.map +2 -2
  387. package/dist/esm/helpers/useShallowSetState.js +1 -34
  388. package/dist/esm/helpers/useShallowSetState.js.map +2 -2
  389. package/dist/esm/helpers/useShallowSetState.mjs +1 -34
  390. package/dist/esm/helpers/useShallowSetState.mjs.map +2 -2
  391. package/dist/esm/helpers/warnOnce.js +1 -13
  392. package/dist/esm/helpers/warnOnce.js.map +2 -2
  393. package/dist/esm/helpers/warnOnce.mjs +1 -13
  394. package/dist/esm/helpers/warnOnce.mjs.map +2 -2
  395. package/dist/esm/helpers/withStaticProperties.js +1 -8
  396. package/dist/esm/helpers/withStaticProperties.js.map +2 -2
  397. package/dist/esm/helpers/withStaticProperties.mjs +1 -8
  398. package/dist/esm/helpers/withStaticProperties.mjs.map +2 -2
  399. package/dist/esm/hooks/getThemeUnwrapped.js +1 -8
  400. package/dist/esm/hooks/getThemeUnwrapped.js.map +2 -2
  401. package/dist/esm/hooks/getThemeUnwrapped.mjs +1 -8
  402. package/dist/esm/hooks/getThemeUnwrapped.mjs.map +2 -2
  403. package/dist/esm/hooks/useAnimationDriver.js +1 -9
  404. package/dist/esm/hooks/useAnimationDriver.js.map +2 -2
  405. package/dist/esm/hooks/useAnimationDriver.mjs +1 -9
  406. package/dist/esm/hooks/useAnimationDriver.mjs.map +2 -2
  407. package/dist/esm/hooks/useId.js +1 -4
  408. package/dist/esm/hooks/useId.js.map +2 -2
  409. package/dist/esm/hooks/useId.mjs +1 -4
  410. package/dist/esm/hooks/useId.mjs.map +2 -2
  411. package/dist/esm/hooks/useIsTouchDevice.js +1 -8
  412. package/dist/esm/hooks/useIsTouchDevice.js.map +2 -2
  413. package/dist/esm/hooks/useIsTouchDevice.mjs +1 -8
  414. package/dist/esm/hooks/useIsTouchDevice.mjs.map +2 -2
  415. package/dist/esm/hooks/useMedia.js +1 -225
  416. package/dist/esm/hooks/useMedia.js.map +2 -2
  417. package/dist/esm/hooks/useMedia.mjs +1 -225
  418. package/dist/esm/hooks/useMedia.mjs.map +2 -2
  419. package/dist/esm/hooks/useSafeRef.js +1 -34
  420. package/dist/esm/hooks/useSafeRef.js.map +2 -2
  421. package/dist/esm/hooks/useSafeRef.mjs +1 -34
  422. package/dist/esm/hooks/useSafeRef.mjs.map +2 -2
  423. package/dist/esm/hooks/useServerHooks.js +1 -10
  424. package/dist/esm/hooks/useServerHooks.js.map +2 -2
  425. package/dist/esm/hooks/useServerHooks.mjs +1 -10
  426. package/dist/esm/hooks/useServerHooks.mjs.map +2 -2
  427. package/dist/esm/hooks/useStyle.js +1 -36
  428. package/dist/esm/hooks/useStyle.js.map +2 -2
  429. package/dist/esm/hooks/useStyle.mjs +1 -36
  430. package/dist/esm/hooks/useStyle.mjs.map +2 -2
  431. package/dist/esm/hooks/useTheme.js +1 -204
  432. package/dist/esm/hooks/useTheme.js.map +3 -3
  433. package/dist/esm/hooks/useTheme.mjs +1 -204
  434. package/dist/esm/hooks/useTheme.mjs.map +3 -3
  435. package/dist/esm/hooks/useThemeName.js +1 -27
  436. package/dist/esm/hooks/useThemeName.js.map +2 -2
  437. package/dist/esm/hooks/useThemeName.mjs +1 -27
  438. package/dist/esm/hooks/useThemeName.mjs.map +2 -2
  439. package/dist/esm/index.js +1 -88
  440. package/dist/esm/index.js.map +2 -2
  441. package/dist/esm/index.mjs +1 -88
  442. package/dist/esm/index.mjs.map +2 -2
  443. package/dist/esm/inject-styles.js +1 -15
  444. package/dist/esm/inject-styles.js.map +2 -2
  445. package/dist/esm/inject-styles.mjs +1 -15
  446. package/dist/esm/inject-styles.mjs.map +2 -2
  447. package/dist/esm/insertFont.js +1 -66
  448. package/dist/esm/insertFont.js.map +2 -2
  449. package/dist/esm/insertFont.mjs +1 -66
  450. package/dist/esm/insertFont.mjs.map +2 -2
  451. package/dist/esm/setupHooks.js +1 -8
  452. package/dist/esm/setupHooks.js.map +2 -2
  453. package/dist/esm/setupHooks.mjs +1 -8
  454. package/dist/esm/setupHooks.mjs.map +2 -2
  455. package/dist/esm/setupReactNative.js +1 -24
  456. package/dist/esm/setupReactNative.js.map +2 -2
  457. package/dist/esm/setupReactNative.mjs +1 -24
  458. package/dist/esm/setupReactNative.mjs.map +2 -2
  459. package/dist/esm/styled.js +1 -69
  460. package/dist/esm/styled.js.map +2 -2
  461. package/dist/esm/styled.mjs +1 -69
  462. package/dist/esm/styled.mjs.map +2 -2
  463. package/dist/esm/updateTheme.js +1 -22
  464. package/dist/esm/updateTheme.js.map +2 -2
  465. package/dist/esm/updateTheme.mjs +1 -22
  466. package/dist/esm/updateTheme.mjs.map +2 -2
  467. package/dist/esm/views/AnimationDriverProvider.js +1 -8
  468. package/dist/esm/views/AnimationDriverProvider.js.map +2 -2
  469. package/dist/esm/views/AnimationDriverProvider.mjs +1 -8
  470. package/dist/esm/views/AnimationDriverProvider.mjs.map +2 -2
  471. package/dist/esm/views/FontLanguage.js +1 -16
  472. package/dist/esm/views/FontLanguage.js.map +2 -2
  473. package/dist/esm/views/FontLanguage.mjs +1 -16
  474. package/dist/esm/views/FontLanguage.mjs.map +2 -2
  475. package/dist/esm/views/FontLanguage.native.js +1 -10
  476. package/dist/esm/views/FontLanguage.native.js.map +2 -2
  477. package/dist/esm/views/FontLanguage.native.mjs +1 -10
  478. package/dist/esm/views/FontLanguage.native.mjs.map +2 -2
  479. package/dist/esm/views/Slot.js +1 -65
  480. package/dist/esm/views/Slot.js.map +2 -2
  481. package/dist/esm/views/Slot.mjs +1 -65
  482. package/dist/esm/views/Slot.mjs.map +2 -2
  483. package/dist/esm/views/Stack.js +1 -13
  484. package/dist/esm/views/Stack.js.map +2 -2
  485. package/dist/esm/views/Stack.mjs +1 -13
  486. package/dist/esm/views/Stack.mjs.map +2 -2
  487. package/dist/esm/views/TamaguiProvider.js +1 -56
  488. package/dist/esm/views/TamaguiProvider.js.map +2 -2
  489. package/dist/esm/views/TamaguiProvider.mjs +1 -56
  490. package/dist/esm/views/TamaguiProvider.mjs.map +2 -2
  491. package/dist/esm/views/Text.js +1 -71
  492. package/dist/esm/views/Text.js.map +2 -2
  493. package/dist/esm/views/Text.mjs +1 -71
  494. package/dist/esm/views/Text.mjs.map +2 -2
  495. package/dist/esm/views/Theme.js +1 -55
  496. package/dist/esm/views/Theme.js.map +3 -3
  497. package/dist/esm/views/Theme.mjs +1 -55
  498. package/dist/esm/views/Theme.mjs.map +3 -3
  499. package/dist/esm/views/ThemeProvider.js +1 -44
  500. package/dist/esm/views/ThemeProvider.js.map +2 -2
  501. package/dist/esm/views/ThemeProvider.mjs +1 -44
  502. package/dist/esm/views/ThemeProvider.mjs.map +2 -2
  503. package/package.json +9 -9
  504. package/src/createComponent.tsx +38 -5
  505. package/src/helpers/ThemeManager.tsx +40 -32
  506. package/src/helpers/getSplitStyles.tsx +0 -8
  507. package/src/hooks/useTheme.tsx +145 -93
  508. package/src/types.tsx +2 -2
  509. package/src/views/Theme.tsx +49 -27
  510. package/types/createComponent.d.ts.map +1 -1
  511. package/types/helpers/ThemeManager.d.ts +1 -0
  512. package/types/helpers/ThemeManager.d.ts.map +1 -1
  513. package/types/helpers/getSplitStyles.d.ts.map +1 -1
  514. package/types/hooks/useTheme.d.ts +5 -7
  515. package/types/hooks/useTheme.d.ts.map +1 -1
  516. package/types/types.d.ts +2 -2
  517. package/types/types.d.ts.map +1 -1
  518. package/types/views/Theme.d.ts.map +1 -1
@@ -1,205 +1,2 @@
1
- import { isClient, isRSC, isServer, isWeb } from "@tamagui/constants";
2
- import { useContext, useEffect, useMemo, useState } from "react";
3
- import { getConfig } from "../config.js";
4
- import { isDevTools } from "../constants/isDevTools.js";
5
- import { createProxy } from "../helpers/createProxy.js";
6
- import {
7
- ThemeManager,
8
- hasNoThemeUpdatingProps
9
- } from "../helpers/ThemeManager.js";
10
- import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
11
- import { GetThemeUnwrapped } from "./getThemeUnwrapped.js";
12
- import { useServerRef } from "./useServerHooks.js";
13
- const emptyProps = { name: null };
14
- function getDefaultThemeProxied() {
15
- const config = getConfig();
16
- const name = Object.keys(config.themes)[0];
17
- return getThemeProxied({
18
- theme: config.themes[name],
19
- name
20
- });
21
- }
22
- const useTheme = (props = emptyProps) => {
23
- var _a;
24
- return (isRSC ? null : (_a = useThemeWithState(props)) == null ? void 0 : _a.theme) || getDefaultThemeProxied();
25
- };
26
- const useThemeWithState = (props) => {
27
- var _a;
28
- const keys = useServerRef([]);
29
- const changedTheme = useChangeThemeEffect(
30
- props,
31
- false,
32
- isClient ? () => {
33
- var _a2;
34
- return ((_a2 = props.shouldUpdate) == null ? void 0 : _a2.call(props)) ?? keys.current.length === 0;
35
- } : void 0
36
- );
37
- const { themeManager, isNewTheme, theme, name, className } = changedTheme;
38
- if (process.env.NODE_ENV === "development") {
39
- if (isWeb && isNewTheme && className === ((_a = themeManager == null ? void 0 : themeManager.parentManager) == null ? void 0 : _a.state.className)) {
40
- console.error("Should always change, duplicating ThemeMananger bug", themeManager);
41
- }
42
- if (props.debug === "verbose") {
43
- console.groupCollapsed(" \u{1F539} useTheme =>", name);
44
- const logs = { ...props, name, className, ...isDevTools && { theme } };
45
- for (const key in logs) {
46
- console.log(" ", key, logs[key]);
47
- }
48
- console.groupEnd();
49
- }
50
- }
51
- if (!changedTheme.theme) {
52
- if (process.env.NODE_ENV === "development") {
53
- console.warn("No theme found", name, props, themeManager);
54
- }
55
- return null;
56
- }
57
- const proxiedTheme = useMemo(() => {
58
- return getThemeProxied(changedTheme);
59
- }, [theme, isNewTheme, name, className, themeManager]);
60
- return {
61
- ...changedTheme,
62
- theme: proxiedTheme
63
- };
64
- };
65
- function getThemeProxied({
66
- theme,
67
- themeManager,
68
- keys
69
- }) {
70
- return createProxy(theme, {
71
- has(_, key) {
72
- if (typeof key === "string") {
73
- if (key[0] === "$")
74
- key = key.slice(1);
75
- return themeManager == null ? void 0 : themeManager.allKeys.has(key);
76
- }
77
- return Reflect.has(theme, key);
78
- },
79
- get(_, key) {
80
- if (key === GetThemeUnwrapped) {
81
- return theme;
82
- }
83
- if (key === "undefined" || key === "__proto__" || key === "$typeof" || typeof key !== "string" || !themeManager) {
84
- return Reflect.get(_, key);
85
- }
86
- const keyString = key;
87
- if (key[0] === "$") {
88
- key = key.slice(1);
89
- }
90
- const val = themeManager.getValue(key);
91
- const currentKeys = keys == null ? void 0 : keys.current;
92
- if (val && currentKeys) {
93
- return new Proxy(val, {
94
- // when they touch the actual value we only track it
95
- // if its a variable (web), its ignored!
96
- get(_2, subkey) {
97
- if (subkey === "val" && !currentKeys.includes(keyString)) {
98
- currentKeys.push(keyString);
99
- }
100
- return Reflect.get(val, subkey);
101
- }
102
- });
103
- }
104
- return val;
105
- }
106
- });
107
- }
108
- const activeThemeManagers = /* @__PURE__ */ new Set();
109
- const useChangeThemeEffect = (props, root = false, disableUpdate) => {
110
- if (isRSC) {
111
- return {
112
- ...createState().state,
113
- themeManager: null
114
- };
115
- }
116
- const parentManager = useContext(ThemeManagerContext);
117
- const {
118
- debug,
119
- // @ts-expect-error internal use only
120
- disable
121
- } = props;
122
- if (disable) {
123
- if (!parentManager)
124
- throw `\u274C`;
125
- return {
126
- ...parentManager.state,
127
- isNewTheme: false,
128
- themeManager: parentManager
129
- };
130
- }
131
- const [themeState, setThemeState] = useState(createState);
132
- const { isNewTheme, state, themeManager, mounted } = themeState;
133
- if (!isServer) {
134
- useEffect(() => {
135
- if (disable)
136
- return;
137
- if (props.inverse && !mounted) {
138
- setThemeState({ ...themeState, mounted: true });
139
- return;
140
- }
141
- activeThemeManagers.add(themeManager);
142
- return () => {
143
- activeThemeManagers.delete(themeManager);
144
- };
145
- }, [disable, state, isNewTheme, debug]);
146
- }
147
- const isInversingOnMount = Boolean(!themeState.mounted && props.inverse);
148
- const shouldReturnParentState = hasNoThemeUpdatingProps(props) || isInversingOnMount;
149
- if (shouldReturnParentState) {
150
- if (!parentManager)
151
- throw "impossible";
152
- if (process.env.NODE_ENV === "development" && props.debug === "verbose")
153
- console.log("useTheme hasNoThemeUpdatingProps", parentManager.state.name, "isInversingOnMount", isInversingOnMount);
154
- return {
155
- ...parentManager.state,
156
- className: isInversingOnMount ? "" : parentManager.state.className,
157
- themeManager: parentManager,
158
- isNewTheme: false
159
- };
160
- }
161
- updateState();
162
- return {
163
- ...state,
164
- isNewTheme,
165
- themeManager
166
- };
167
- function createState(prev) {
168
- if (prev && (disableUpdate == null ? void 0 : disableUpdate())) {
169
- return prev;
170
- }
171
- const _ = new ThemeManager(props, root ? "root" : parentManager);
172
- const isNewTheme2 = _ !== parentManager;
173
- const mounted2 = !props.inverse ? true : root || (prev == null ? void 0 : prev.mounted);
174
- return {
175
- // ThemeManager returns parentManager if no change
176
- isNewTheme: isNewTheme2,
177
- state: { ..._.state },
178
- themeManager: _,
179
- mounted: mounted2
180
- };
181
- }
182
- function updateState(updatingManager) {
183
- if (disableUpdate == null ? void 0 : disableUpdate()) {
184
- return;
185
- }
186
- const manager = updatingManager ?? themeManager;
187
- const next = manager.getState(props, parentManager);
188
- const shouldChange = manager.getStateShouldChange(next, isNewTheme ? state : null);
189
- if (shouldChange) {
190
- setThemeState(createState);
191
- } else {
192
- if (!next && (parentManager == null ? void 0 : parentManager.state.name) !== state.name) {
193
- setThemeState(createState);
194
- }
195
- }
196
- }
197
- };
198
- export {
199
- activeThemeManagers,
200
- getThemeProxied,
201
- useChangeThemeEffect,
202
- useTheme,
203
- useThemeWithState
204
- };
1
+ import{isClient as V,isRSC as P,isServer as b,isWeb as v}from"@tamagui/constants";import{useContext as $,useEffect as j,useLayoutEffect as B,useMemo as I,useState as W}from"react";import{getConfig as G}from"../config.js";import{isDevTools as K}from"../constants/isDevTools.js";import{createProxy as q}from"../helpers/createProxy.js";import{ThemeManager as z}from"../helpers/ThemeManager.js";import{ThemeManagerContext as A}from"../helpers/ThemeManagerContext.js";import{GetThemeUnwrapped as F}from"./getThemeUnwrapped.js";import{useServerRef as H}from"./useServerHooks.js";const J={name:null};function L(){const t=G(),r=Object.keys(t.themes)[0];return C({theme:t.themes[r],name:r})}const me=(t=J)=>{var r;return(P?null:(r=Q(t))==null?void 0:r.theme)||L()},Q=t=>{const r=H([]),a=X(t,!1,r.current,V?()=>{var m;return((m=t.shouldUpdate)==null?void 0:m.call(t))??r.current.length===0}:void 0),{themeManager:s,theme:e,name:u,className:h}=a;if(process.env.NODE_ENV==="development"&&t.debug==="verbose"){console.groupCollapsed(" \u{1F539} useTheme =>",u);const m={...t,name:u,className:h,...K&&{theme:e}};for(const c in m)console.log(" ",c,m[c]);console.groupEnd()}if(!a.theme)return process.env.NODE_ENV==="development"&&console.warn("No theme found",u,t,s),null;const f=I(()=>C(a,r.current),[e,u,h,s]);return{...a,theme:f}};function C({theme:t,themeManager:r},a){return q(t,{has(s,e){return typeof e=="string"?(e[0]==="$"&&(e=e.slice(1)),r==null?void 0:r.allKeys.has(e)):Reflect.has(t,e)},get(s,e){if(e===F)return t;if(e==="__proto__"||e==="$typeof"||typeof e!="string"||!r)return Reflect.get(s,e);const u=e[0]==="$"?e.slice(1):e,h=r.getValue(u);return h&&a?new Proxy(h,{get(f,m){return m==="val"&&!a.includes(u)&&a.push(u),Reflect.get(h,m)}}):h}})}const E=new Set,X=(t,r=!1,a,s)=>{if(P)return{isNewTheme:!1,...T().state,themeManager:null};const e=$(A),{debug:u,disable:h}=t;if(h){if(!e)throw"\u274C";return{isNewTheme:!1,...e.state,themeManager:e}}const[f,m]=W(T),{state:c,themeManager:i,mounted:_,isNewTheme:l}=f,N=Boolean(!f.mounted&&t.inverse),R=N;function D(n=i){return n.getState(t,e===i?e.parentManager:e)}function x(n=i){const o=D(n);if(o&&(s==null?void 0:s())!==!0&&n.getStateShouldChange(o,c))return o}if(b||(j(()=>{if(t.inverse&&!_){m({...f,mounted:!0});return}if(l&&i)return E.add(i),()=>{E.delete(i)}},[l,i,c,u]),B(()=>{const n=x(i);n&&(l&&i.updateState(n,!0),m(T));const o=e==null?void 0:e.onChangeTheme((g,d)=>{(a!=null&&a.length||l)&&(process.env.NODE_ENV==="development"&&t.debug&&(a!=null&&a.length)&&console.log("onChangeTheme",{props:t,name:g,manager:d,parentManager:e,keys:a}),m(T))});return()=>{o==null||o()}},[e,l,t.componentName,t.inverse,t.name,t.reset])),R){if(!e)throw"impossible";return{isNewTheme:!1,...e.state,className:N?"":e.state.className,themeManager:e}}return{...c,isNewTheme:l,themeManager:i};function T(n){if(n&&(s!=null&&s()))return n;let o,g;const d=()=>new z(t,r?"root":e);if(n!=null&&n.themeManager){o=n.themeManager;const S=x(o);S&&(g=S,!n.isNewTheme||!v?o=d():o.updateState(S,!0))}else o=d();const M=Boolean(o!==e||n&&o.state.name!==n.state.name),O=t.inverse?r||(n==null?void 0:n.mounted):!0;g||(g=M?{...o.state}:{...e.state});const w={state:g,themeManager:o,isNewTheme:M,mounted:O};return process.env.NODE_ENV==="development"&&t.debug&&(console.groupCollapsed(" \u{1F537} useChangeThemeEffect createState"),console.log({props:t,parentManager:e,themeManager:o,prev:n,response:w}),console.groupEnd()),w}};export{E as activeThemeManagers,C as getThemeProxied,X as useChangeThemeEffect,me as useTheme,Q as useThemeWithState};
205
2
  //# sourceMappingURL=useTheme.mjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/hooks/useTheme.tsx"],
4
- "sourcesContent": ["/* eslint-disable no-console */\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { useContext, useEffect, useMemo, useState } from 'react'\n\nimport { getConfig } from '../config.js'\nimport { isDevTools } from '../constants/isDevTools.js'\nimport { createProxy } from '../helpers/createProxy.js'\nimport {\n ThemeManager,\n ThemeManagerState,\n hasNoThemeUpdatingProps,\n} from '../helpers/ThemeManager.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport type { ThemeParsed, ThemeProps } from '../types.js'\nimport { GetThemeUnwrapped } from './getThemeUnwrapped.js'\nimport { useServerRef } from './useServerHooks.js'\n\nexport type ChangedThemeResponse = {\n themeManager: ThemeManager | null\n name: string\n isNewTheme?: boolean\n theme?: ThemeParsed | null\n className?: string\n}\n\nconst emptyProps = { name: null }\n\nfunction getDefaultThemeProxied() {\n const config = getConfig()\n const name = Object.keys(config.themes)[0]\n return getThemeProxied({\n theme: config.themes[name],\n name,\n })\n}\n\nexport const useTheme = (props: ThemeProps = emptyProps): ThemeParsed => {\n return (isRSC ? null : useThemeWithState(props)?.theme) || getDefaultThemeProxied()\n}\n\nexport const useThemeWithState = (props: ThemeProps) => {\n const keys = useServerRef([])\n\n const changedTheme = useChangeThemeEffect(\n props,\n false,\n isClient\n ? () => {\n return props.shouldUpdate?.() ?? keys.current.length === 0\n }\n : undefined\n )\n\n const { themeManager, isNewTheme, theme, name, className } = changedTheme\n\n if (process.env.NODE_ENV === 'development') {\n // ensure we aren't creating too many ThemeManagers\n // prettier-ignore\n if (isWeb && isNewTheme && className === themeManager?.parentManager?.state.className) {\n console.error('Should always change, duplicating ThemeMananger bug', themeManager)\n }\n if (props.debug === 'verbose') {\n console.groupCollapsed(' \uD83D\uDD39 useTheme =>', name)\n const logs = { ...props, name, className, ...(isDevTools && { theme }) }\n for (const key in logs) {\n console.log(' ', key, logs[key])\n }\n console.groupEnd()\n }\n }\n\n if (!changedTheme.theme) {\n if (process.env.NODE_ENV === 'development') {\n console.warn('No theme found', name, props, themeManager)\n }\n return null\n }\n\n const proxiedTheme = useMemo(() => {\n return getThemeProxied(changedTheme as any)\n }, [theme, isNewTheme, name, className, themeManager])\n\n return {\n ...changedTheme,\n theme: proxiedTheme,\n }\n}\n\nexport function getThemeProxied({\n theme,\n themeManager,\n keys,\n}: Partial<ChangedThemeResponse> & {\n theme: ThemeParsed\n keys?: React.RefObject<string[]>\n}) {\n return createProxy(theme, {\n has(_, key) {\n if (typeof key === 'string') {\n if (key[0] === '$') key = key.slice(1)\n return themeManager?.allKeys.has(key)\n }\n return Reflect.has(theme, key)\n },\n get(_, key) {\n if (key === GetThemeUnwrapped) {\n return theme\n }\n if (\n key === 'undefined' ||\n key === '__proto__' ||\n key === '$typeof' ||\n typeof key !== 'string' ||\n !themeManager\n ) {\n return Reflect.get(_, key)\n }\n const keyString = key\n // auto convert variables to plain\n if (key[0] === '$') {\n key = key.slice(1)\n }\n const val = themeManager.getValue(key)\n const currentKeys = keys?.current\n if (val && currentKeys) {\n return new Proxy(val as any, {\n // when they touch the actual value we only track it\n // if its a variable (web), its ignored!\n get(_, subkey) {\n if (subkey === 'val' && !currentKeys.includes(keyString)) {\n currentKeys.push(keyString)\n }\n return Reflect.get(val as any, subkey)\n },\n })\n }\n return val\n },\n })\n}\n\nexport const activeThemeManagers = new Set<ThemeManager>()\n\nexport const useChangeThemeEffect = (\n props: ThemeProps,\n root = false,\n disableUpdate?: () => boolean\n): ChangedThemeResponse => {\n if (isRSC) {\n // we need context working for this to work well\n return {\n ...createState().state,\n themeManager: null,\n }\n }\n const parentManager = useContext(ThemeManagerContext)\n\n const {\n debug,\n // @ts-expect-error internal use only\n disable,\n } = props\n\n if (disable) {\n if (!parentManager) throw `\u274C`\n return {\n ...parentManager.state,\n isNewTheme: false,\n themeManager: parentManager,\n }\n }\n\n type State = {\n isNewTheme: boolean\n state: ThemeManagerState\n themeManager: ThemeManager\n mounted?: boolean\n }\n\n const [themeState, setThemeState] = useState<State>(createState)\n const { isNewTheme, state, themeManager, mounted } = themeState\n\n if (!isServer) {\n useEffect(() => {\n if (disable) return\n // SSR safe inverse (because server can't know prefers scheme)\n // could be done through fancy selectors like how we do prefers-media\n // but may be a bit of explosion of selectors\n if (props.inverse && !mounted) {\n setThemeState({ ...themeState, mounted: true })\n return\n }\n activeThemeManagers.add(themeManager)\n // const disposeChangeListener = parentManager?.onChangeTheme((name, manager) => {\n // // console.log('hi', props, state, name, manager)\n // if (state.theme !== manager.state.theme) {\n // console.warn('now update to', manager.state.name)\n // updateState(manager)\n // }\n // })\n return () => {\n activeThemeManagers.delete(themeManager)\n // disposeChangeListener?.()\n }\n }, [disable, state, isNewTheme, debug])\n }\n\n const isInversingOnMount = Boolean(!themeState.mounted && props.inverse)\n const shouldReturnParentState = hasNoThemeUpdatingProps(props) || isInversingOnMount\n\n if (shouldReturnParentState) {\n if (!parentManager) throw 'impossible'\n // prettier-ignore\n if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('useTheme hasNoThemeUpdatingProps', parentManager.state.name, 'isInversingOnMount', isInversingOnMount)\n return {\n ...parentManager.state,\n className: isInversingOnMount ? '' : parentManager.state.className,\n themeManager: parentManager,\n isNewTheme: false,\n }\n }\n\n // run inline in render\n updateState()\n\n return {\n ...state,\n isNewTheme,\n themeManager,\n }\n\n function createState(prev?: State) {\n if (prev && disableUpdate?.()) {\n return prev\n }\n // returns previous theme manager if no change\n const _ = new ThemeManager(props, root ? 'root' : parentManager)\n const isNewTheme = _ !== parentManager\n // prettier-ignore\n\n // if (prev?.isNewTheme && _.state.theme !== parentManager?.state.theme) {\n // console.warn('notify')\n // _.notify()\n // }\n\n // only inverse relies on this for ssr\n const mounted = !props.inverse ? true : root || prev?.mounted\n return {\n // ThemeManager returns parentManager if no change\n isNewTheme,\n state: { ..._.state },\n themeManager: _,\n mounted,\n }\n }\n\n function updateState(updatingManager?: ThemeManager) {\n if (disableUpdate?.()) {\n return\n }\n const manager = updatingManager ?? themeManager\n const next = manager.getState(props, parentManager)\n const shouldChange = manager.getStateShouldChange(next, isNewTheme ? state : null)\n // console.log(`got it`, next, isNewTheme, shouldChange, { ...updatingManager?.state })\n if (shouldChange) {\n setThemeState(createState)\n } else {\n if (!next && parentManager?.state.name !== state.name) {\n // were changing back to parent state\n setThemeState(createState)\n }\n }\n }\n}\n"],
5
- "mappings": "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",
6
- "names": ["_a", "_", "isNewTheme", "mounted"]
4
+ "sourcesContent": ["/* eslint-disable no-console */\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react'\n\nimport { getConfig } from '../config.js'\nimport { isDevTools } from '../constants/isDevTools.js'\nimport { isVariable } from '../createVariable.js'\nimport { createProxy } from '../helpers/createProxy.js'\nimport {\n ThemeManager,\n ThemeManagerState,\n hasNoThemeUpdatingProps,\n} from '../helpers/ThemeManager.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport type { ThemeParsed, ThemeProps } from '../types.js'\nimport { GetThemeUnwrapped } from './getThemeUnwrapped.js'\nimport { useServerRef } from './useServerHooks.js'\n\nexport type ChangedThemeResponse = {\n isNewTheme: boolean\n themeManager: ThemeManager | null\n name: string\n theme?: ThemeParsed | null\n className?: string\n}\n\ntype State = {\n state: ThemeManagerState\n themeManager: ThemeManager\n isNewTheme: boolean\n mounted?: boolean\n}\n\nconst emptyProps = { name: null }\n\nfunction getDefaultThemeProxied() {\n const config = getConfig()\n const name = Object.keys(config.themes)[0]\n return getThemeProxied({\n theme: config.themes[name],\n name,\n })\n}\n\nexport const useTheme = (props: ThemeProps = emptyProps): ThemeParsed => {\n return (isRSC ? null : useThemeWithState(props)?.theme) || getDefaultThemeProxied()\n}\n\nexport const useThemeWithState = (props: ThemeProps) => {\n const keys = useServerRef<string[]>([])\n\n const changedTheme = useChangeThemeEffect(\n props,\n false,\n keys.current,\n isClient\n ? () => {\n return props.shouldUpdate?.() ?? keys.current.length === 0\n }\n : undefined\n )\n\n const { themeManager, theme, name, className } = changedTheme\n\n if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') {\n console.groupCollapsed(' \uD83D\uDD39 useTheme =>', name)\n const logs = { ...props, name, className, ...(isDevTools && { theme }) }\n for (const key in logs) {\n console.log(' ', key, logs[key])\n }\n console.groupEnd()\n }\n\n if (!changedTheme.theme) {\n if (process.env.NODE_ENV === 'development') {\n console.warn('No theme found', name, props, themeManager)\n }\n return null\n }\n\n const proxiedTheme = useMemo(() => {\n return getThemeProxied(changedTheme as any, keys.current)\n }, [theme, name, className, themeManager])\n\n return {\n ...changedTheme,\n theme: proxiedTheme,\n }\n}\n\nexport function getThemeProxied(\n {\n theme,\n themeManager,\n }: Partial<ChangedThemeResponse> & {\n theme: ThemeParsed\n },\n keys?: string[]\n) {\n return createProxy(theme, {\n has(_, key) {\n if (typeof key === 'string') {\n if (key[0] === '$') key = key.slice(1)\n return themeManager?.allKeys.has(key)\n }\n return Reflect.has(theme, key)\n },\n get(_, key) {\n if (key === GetThemeUnwrapped) {\n return theme\n }\n if (\n key === '__proto__' ||\n key === '$typeof' ||\n typeof key !== 'string' ||\n !themeManager\n ) {\n return Reflect.get(_, key)\n }\n\n // auto convert variables to plain\n const keyString = key[0] === '$' ? key.slice(1) : key\n const val = themeManager.getValue(keyString)\n\n if (val && keys) {\n return new Proxy(val as any, {\n // when they touch the actual value we only track it\n // if its a variable (web), its ignored!\n get(_, subkey) {\n if (subkey === 'val' && !keys.includes(keyString)) {\n keys.push(keyString)\n }\n return Reflect.get(val as any, subkey)\n },\n })\n }\n\n return val\n },\n })\n}\n\nexport const activeThemeManagers = new Set<ThemeManager>()\n\nexport const useChangeThemeEffect = (\n props: ThemeProps,\n root = false,\n keys?: string[],\n disableUpdate?: () => boolean\n): ChangedThemeResponse => {\n if (isRSC) {\n // we need context working for this to work well\n return {\n isNewTheme: false,\n ...createState().state,\n themeManager: null,\n }\n }\n const parentManager = useContext(ThemeManagerContext)\n\n const {\n debug,\n // @ts-expect-error internal use only\n disable,\n } = props\n\n if (disable) {\n if (!parentManager) throw `\u274C`\n return {\n isNewTheme: false,\n ...parentManager.state,\n themeManager: parentManager,\n }\n }\n\n const [themeState, setThemeState] = useState<State>(createState)\n const { state, themeManager, mounted, isNewTheme } = themeState\n const isInversingOnMount = Boolean(!themeState.mounted && props.inverse)\n const shouldReturnParentState = isInversingOnMount\n\n function getNextThemeManagerState(manager = themeManager) {\n const next = manager.getState(\n props,\n parentManager === themeManager ? parentManager.parentManager : parentManager\n )\n return next\n }\n\n function getThemeManagerNextStateIfChanged(manager = themeManager) {\n const next = getNextThemeManagerState(manager)\n if (!next) return\n if (disableUpdate?.() === true) return\n if (!manager.getStateShouldChange(next, state)) return\n return next\n }\n\n if (!isServer) {\n useEffect(() => {\n // SSR safe inverse (because server can't know prefers scheme)\n // could be done through fancy selectors like how we do prefers-media\n // but may be a bit of explosion of selectors\n if (props.inverse && !mounted) {\n setThemeState({ ...themeState, mounted: true })\n return\n }\n\n if (!isNewTheme) return\n if (!themeManager) return\n\n activeThemeManagers.add(themeManager)\n\n return () => {\n activeThemeManagers.delete(themeManager)\n }\n }, [isNewTheme, themeManager, state, debug])\n\n // listen for parent change + notify children change\n useLayoutEffect(() => {\n const nextState = getThemeManagerNextStateIfChanged(themeManager)\n\n if (nextState) {\n if (isNewTheme) {\n // if it's a new theme we can just update + publish to children\n themeManager.updateState(nextState, true)\n }\n // if not we will be creating a whole new themeManager\n setThemeState(createState)\n }\n\n const disposeChangeListener = parentManager?.onChangeTheme((name, manager) => {\n if (keys?.length || isNewTheme) {\n if (process.env.NODE_ENV === 'development' && props['debug'] && keys?.length) {\n console.log(`onChangeTheme`, { props, name, manager, parentManager, keys })\n }\n setThemeState(createState)\n }\n })\n\n return () => {\n disposeChangeListener?.()\n }\n }, [\n parentManager,\n isNewTheme,\n props.componentName,\n props.inverse,\n props.name,\n props.reset,\n ])\n }\n\n if (shouldReturnParentState) {\n if (!parentManager) throw 'impossible'\n return {\n isNewTheme: false,\n ...parentManager.state,\n className: isInversingOnMount ? '' : parentManager.state.className,\n themeManager: parentManager,\n }\n }\n\n return {\n ...state,\n isNewTheme,\n themeManager,\n }\n\n function createState(prev?: State): State {\n if (prev && disableUpdate?.()) {\n return prev\n }\n\n // returns previous theme manager if no change\n let themeManager: ThemeManager\n let state: ThemeManagerState | undefined\n\n const getNewThemeManager = () => {\n return new ThemeManager(props, root ? 'root' : parentManager)\n }\n\n if (prev?.themeManager) {\n themeManager = prev.themeManager\n\n const nextState = getThemeManagerNextStateIfChanged(themeManager)\n\n if (nextState) {\n state = nextState\n\n if (!prev.isNewTheme || !isWeb) {\n themeManager = getNewThemeManager()\n } else {\n themeManager.updateState(nextState, true)\n }\n }\n } else {\n themeManager = getNewThemeManager()\n }\n\n const isNewTheme = Boolean(\n themeManager !== parentManager ||\n (prev && themeManager.state.name !== prev.state.name)\n )\n\n // only inverse relies on this for ssr\n const mounted = !props.inverse ? true : root || prev?.mounted\n\n if (!state) {\n state = isNewTheme ? { ...themeManager.state } : { ...parentManager!.state }\n }\n\n const response = {\n state,\n themeManager,\n isNewTheme,\n mounted,\n }\n\n if (process.env.NODE_ENV === 'development' && props['debug']) {\n console.groupCollapsed(` \uD83D\uDD37 useChangeThemeEffect createState`)\n console.log({ props, parentManager, themeManager, prev, response })\n console.groupEnd()\n }\n\n return response\n }\n}\n"],
5
+ "mappings": "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",
6
+ "names": ["isClient", "isRSC", "isServer", "isWeb", "useContext", "useEffect", "useLayoutEffect", "useMemo", "useState", "getConfig", "isDevTools", "createProxy", "ThemeManager", "ThemeManagerContext", "GetThemeUnwrapped", "useServerRef", "emptyProps", "getDefaultThemeProxied", "config", "name", "getThemeProxied", "useTheme", "props", "_a", "useThemeWithState", "keys", "changedTheme", "useChangeThemeEffect", "themeManager", "theme", "className", "logs", "key", "proxiedTheme", "_", "keyString", "val", "subkey", "activeThemeManagers", "root", "disableUpdate", "createState", "parentManager", "debug", "disable", "themeState", "setThemeState", "state", "mounted", "isNewTheme", "isInversingOnMount", "shouldReturnParentState", "getNextThemeManagerState", "manager", "getThemeManagerNextStateIfChanged", "next", "nextState", "disposeChangeListener", "prev", "getNewThemeManager", "response"]
7
7
  }
@@ -1,28 +1,2 @@
1
- import { isRSC, useIsomorphicLayoutEffect } from "@tamagui/constants";
2
- import { useContext, useState } from "react";
3
- import { getConfig } from "../config.js";
4
- import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
5
- function useThemeName(opts) {
6
- if (isRSC) {
7
- const config = getConfig();
8
- return config.themes[Object.keys(config.themes)[0]];
9
- }
10
- const manager = useContext(ThemeManagerContext);
11
- const [name, setName] = useState((manager == null ? void 0 : manager.state.name) || "");
12
- useIsomorphicLayoutEffect(() => {
13
- if (!manager)
14
- return;
15
- setName(manager.state.name);
16
- return manager.onChangeTheme((next, manager2) => {
17
- const name2 = (opts == null ? void 0 : opts.parent) ? manager2.state.parentName || next : next;
18
- if (!name2)
19
- return;
20
- setName(name2);
21
- });
22
- }, [manager == null ? void 0 : manager.state.name]);
23
- return name;
24
- }
25
- export {
26
- useThemeName
27
- };
1
+ import{isRSC as s,useIsomorphicLayoutEffect as f}from"@tamagui/constants";import{useContext as i,useState as u}from"react";import{getConfig as c}from"../config.js";import{ThemeManagerContext as h}from"../helpers/ThemeManagerContext.js";function x(m){if(s){const t=c();return t.themes[Object.keys(t.themes)[0]]}const e=i(h),[o,r]=u((e==null?void 0:e.state.name)||"");return f(()=>{if(e)return r(e.state.name),e.onChangeTheme((t,a)=>{const n=m!=null&&m.parent&&a.state.parentName||t;n&&r(n)})},[e==null?void 0:e.state.name]),o}export{x as useThemeName};
28
2
  //# sourceMappingURL=useThemeName.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/hooks/useThemeName.tsx"],
4
4
  "sourcesContent": ["import { isRSC, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useContext, useState } from 'react'\n\nimport { getConfig } from '../config.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport { ThemeName } from '../types.js'\n\nexport function useThemeName(opts?: { parent?: true }): ThemeName {\n if (isRSC) {\n const config = getConfig()\n return config.themes[Object.keys(config.themes)[0]] as any\n }\n const manager = useContext(ThemeManagerContext)\n const [name, setName] = useState(manager?.state.name || '')\n\n useIsomorphicLayoutEffect(() => {\n if (!manager) return\n setName(manager.state.name)\n return manager.onChangeTheme((next, manager) => {\n const name = opts?.parent ? manager.state.parentName || next : next\n if (!name) return\n setName(name)\n })\n }, [manager?.state.name])\n\n return name\n}\n"],
5
- "mappings": "AAAA,SAAS,OAAO,iCAAiC;AACjD,SAAS,YAAY,gBAAgB;AAErC,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AAG7B,SAAS,aAAa,MAAqC;AAChE,MAAI,OAAO;AACT,UAAM,SAAS,UAAU;AACzB,WAAO,OAAO,OAAO,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,CAAC;AAAA,EACpD;AACA,QAAM,UAAU,WAAW,mBAAmB;AAC9C,QAAM,CAAC,MAAM,OAAO,IAAI,UAAS,mCAAS,MAAM,SAAQ,EAAE;AAE1D,4BAA0B,MAAM;AAC9B,QAAI,CAAC;AAAS;AACd,YAAQ,QAAQ,MAAM,IAAI;AAC1B,WAAO,QAAQ,cAAc,CAAC,MAAMA,aAAY;AAC9C,YAAMC,SAAO,6BAAM,UAASD,SAAQ,MAAM,cAAc,OAAO;AAC/D,UAAI,CAACC;AAAM;AACX,cAAQA,KAAI;AAAA,IACd,CAAC;AAAA,EACH,GAAG,CAAC,mCAAS,MAAM,IAAI,CAAC;AAExB,SAAO;AACT;",
6
- "names": ["manager", "name"]
5
+ "mappings": "AAAA,OAAS,SAAAA,EAAO,6BAAAC,MAAiC,qBACjD,OAAS,cAAAC,EAAY,YAAAC,MAAgB,QAErC,OAAS,aAAAC,MAAiB,eAC1B,OAAS,uBAAAC,MAA2B,oCAG7B,SAASC,EAAaC,EAAqC,CAChE,GAAIP,EAAO,CACT,MAAMQ,EAASJ,EAAU,EACzB,OAAOI,EAAO,OAAO,OAAO,KAAKA,EAAO,MAAM,EAAE,CAAC,CAAC,CACpD,CACA,MAAMC,EAAUP,EAAWG,CAAmB,EACxC,CAACK,EAAMC,CAAO,EAAIR,GAASM,GAAA,YAAAA,EAAS,MAAM,OAAQ,EAAE,EAE1D,OAAAR,EAA0B,IAAM,CAC9B,GAAKQ,EACL,OAAAE,EAAQF,EAAQ,MAAM,IAAI,EACnBA,EAAQ,cAAc,CAACG,EAAMH,IAAY,CAC9C,MAAMC,EAAOH,GAAA,MAAAA,EAAM,QAASE,EAAQ,MAAM,YAAcG,EACnDF,GACLC,EAAQD,CAAI,CACd,CAAC,CACH,EAAG,CAACD,GAAA,YAAAA,EAAS,MAAM,IAAI,CAAC,EAEjBC,CACT",
6
+ "names": ["isRSC", "useIsomorphicLayoutEffect", "useContext", "useState", "getConfig", "ThemeManagerContext", "useThemeName", "opts", "config", "manager", "name", "setName", "next"]
7
7
  }
@@ -1,28 +1,2 @@
1
- import { isRSC, useIsomorphicLayoutEffect } from "@tamagui/constants";
2
- import { useContext, useState } from "react";
3
- import { getConfig } from "../config.js";
4
- import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
5
- function useThemeName(opts) {
6
- if (isRSC) {
7
- const config = getConfig();
8
- return config.themes[Object.keys(config.themes)[0]];
9
- }
10
- const manager = useContext(ThemeManagerContext);
11
- const [name, setName] = useState((manager == null ? void 0 : manager.state.name) || "");
12
- useIsomorphicLayoutEffect(() => {
13
- if (!manager)
14
- return;
15
- setName(manager.state.name);
16
- return manager.onChangeTheme((next, manager2) => {
17
- const name2 = (opts == null ? void 0 : opts.parent) ? manager2.state.parentName || next : next;
18
- if (!name2)
19
- return;
20
- setName(name2);
21
- });
22
- }, [manager == null ? void 0 : manager.state.name]);
23
- return name;
24
- }
25
- export {
26
- useThemeName
27
- };
1
+ import{isRSC as s,useIsomorphicLayoutEffect as f}from"@tamagui/constants";import{useContext as i,useState as u}from"react";import{getConfig as c}from"../config.js";import{ThemeManagerContext as h}from"../helpers/ThemeManagerContext.js";function x(m){if(s){const t=c();return t.themes[Object.keys(t.themes)[0]]}const e=i(h),[o,r]=u((e==null?void 0:e.state.name)||"");return f(()=>{if(e)return r(e.state.name),e.onChangeTheme((t,a)=>{const n=m!=null&&m.parent&&a.state.parentName||t;n&&r(n)})},[e==null?void 0:e.state.name]),o}export{x as useThemeName};
28
2
  //# sourceMappingURL=useThemeName.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/hooks/useThemeName.tsx"],
4
4
  "sourcesContent": ["import { isRSC, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useContext, useState } from 'react'\n\nimport { getConfig } from '../config.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport { ThemeName } from '../types.js'\n\nexport function useThemeName(opts?: { parent?: true }): ThemeName {\n if (isRSC) {\n const config = getConfig()\n return config.themes[Object.keys(config.themes)[0]] as any\n }\n const manager = useContext(ThemeManagerContext)\n const [name, setName] = useState(manager?.state.name || '')\n\n useIsomorphicLayoutEffect(() => {\n if (!manager) return\n setName(manager.state.name)\n return manager.onChangeTheme((next, manager) => {\n const name = opts?.parent ? manager.state.parentName || next : next\n if (!name) return\n setName(name)\n })\n }, [manager?.state.name])\n\n return name\n}\n"],
5
- "mappings": "AAAA,SAAS,OAAO,iCAAiC;AACjD,SAAS,YAAY,gBAAgB;AAErC,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AAG7B,SAAS,aAAa,MAAqC;AAChE,MAAI,OAAO;AACT,UAAM,SAAS,UAAU;AACzB,WAAO,OAAO,OAAO,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,CAAC;AAAA,EACpD;AACA,QAAM,UAAU,WAAW,mBAAmB;AAC9C,QAAM,CAAC,MAAM,OAAO,IAAI,UAAS,mCAAS,MAAM,SAAQ,EAAE;AAE1D,4BAA0B,MAAM;AAC9B,QAAI,CAAC;AAAS;AACd,YAAQ,QAAQ,MAAM,IAAI;AAC1B,WAAO,QAAQ,cAAc,CAAC,MAAMA,aAAY;AAC9C,YAAMC,SAAO,6BAAM,UAASD,SAAQ,MAAM,cAAc,OAAO;AAC/D,UAAI,CAACC;AAAM;AACX,cAAQA,KAAI;AAAA,IACd,CAAC;AAAA,EACH,GAAG,CAAC,mCAAS,MAAM,IAAI,CAAC;AAExB,SAAO;AACT;",
6
- "names": ["manager", "name"]
5
+ "mappings": "AAAA,OAAS,SAAAA,EAAO,6BAAAC,MAAiC,qBACjD,OAAS,cAAAC,EAAY,YAAAC,MAAgB,QAErC,OAAS,aAAAC,MAAiB,eAC1B,OAAS,uBAAAC,MAA2B,oCAG7B,SAASC,EAAaC,EAAqC,CAChE,GAAIP,EAAO,CACT,MAAMQ,EAASJ,EAAU,EACzB,OAAOI,EAAO,OAAO,OAAO,KAAKA,EAAO,MAAM,EAAE,CAAC,CAAC,CACpD,CACA,MAAMC,EAAUP,EAAWG,CAAmB,EACxC,CAACK,EAAMC,CAAO,EAAIR,GAASM,GAAA,YAAAA,EAAS,MAAM,OAAQ,EAAE,EAE1D,OAAAR,EAA0B,IAAM,CAC9B,GAAKQ,EACL,OAAAE,EAAQF,EAAQ,MAAM,IAAI,EACnBA,EAAQ,cAAc,CAACG,EAAMH,IAAY,CAC9C,MAAMC,EAAOH,GAAA,MAAAA,EAAM,QAASE,EAAQ,MAAM,YAAcG,EACnDF,GACLC,EAAQD,CAAI,CACd,CAAC,CACH,EAAG,CAACD,GAAA,YAAAA,EAAS,MAAM,IAAI,CAAC,EAEjBC,CACT",
6
+ "names": ["isRSC", "useIsomorphicLayoutEffect", "useContext", "useState", "getConfig", "ThemeManagerContext", "useThemeName", "opts", "config", "manager", "name", "setName", "next"]
7
7
  }
package/dist/esm/index.js CHANGED
@@ -1,89 +1,2 @@
1
- export * from "./Tamagui.js";
2
- export * from "./createComponent.js";
3
- export * from "./createShorthands.js";
4
- export * from "./createTheme.js";
5
- export * from "./createTamagui.js";
6
- export * from "./createFont.js";
7
- export * from "./createTokens.js";
8
- export * from "./createVariable.js";
9
- export * from "./createVariables.js";
10
- export * from "./insertFont.js";
11
- export * from "./addTheme.js";
12
- export * from "./updateTheme.js";
13
- export * from "./styled.js";
14
- export * from "./types.js";
15
- export * from "./setupReactNative.js";
16
- import {
17
- getConfig,
18
- getThemes,
19
- getTokens,
20
- onConfiguredOnce,
21
- updateConfig
22
- } from "./config.js";
23
- export * from "./constants/constants.js";
24
- export * from "./helpers/useShallowSetState.js";
25
- export * from "./helpers/getVariantExtras.js";
26
- export * from "./helpers/getAnimationDriver.js";
27
- export * from "./helpers/getExpandedShorthands.js";
28
- export * from "./helpers/getSplitStyles.js";
29
- export * from "./helpers/getStylesAtomic";
30
- export * from "./helpers/pseudoDescriptors.js";
31
- export * from "./helpers/mergeProps.js";
32
- export * from "./helpers/expandStyles.js";
33
- export * from "./helpers/isTamaguiElement.js";
34
- export * from "./helpers/isTamaguiComponent.js";
35
- export * from "./helpers/matchMedia";
36
- export * from "./helpers/themes.js";
37
- export * from "./helpers/getThemeCSSRules.js";
38
- export * from "./helpers/proxyThemeVariables.js";
39
- export * from "./helpers/themeable.js";
40
- export * from "./helpers/withStaticProperties.js";
41
- export * from "./helpers/normalizeColor.js";
42
- export * from "./contexts/ButtonNestingContext.js";
43
- export * from "./hooks/useId.js";
44
- export * from "./hooks/useIsTouchDevice.js";
45
- import {
46
- configureMedia,
47
- getMedia,
48
- mediaState,
49
- useMedia,
50
- useMediaPropsActive,
51
- mediaObjectToString,
52
- mediaQueryConfig
53
- } from "./hooks/useMedia.js";
54
- export * from "./hooks/useTheme.js";
55
- export * from "./hooks/useThemeName.js";
56
- export * from "./hooks/useSafeRef.js";
57
- export * from "./hooks/useStyle.js";
58
- export * from "./hooks/useAnimationDriver.js";
59
- export * from "./views/Slot.js";
60
- export * from "./views/Stack.js";
61
- export * from "./views/Text.js";
62
- export * from "./contexts/TextAncestorContext.js";
63
- export * from "./views/Theme.js";
64
- export * from "./views/ThemeProvider.js";
65
- export * from "./views/FontLanguage";
66
- export * from "./views/TamaguiProvider.js";
67
- export * from "./views/AnimationDriverProvider.js";
68
- export * from "@tamagui/use-force-update";
69
- export * from "@tamagui/use-did-finish-ssr";
70
- export * from "@tamagui/use-event";
71
- export * from "@tamagui/compose-refs";
72
- export * from "@tamagui/helpers";
73
- export * from "@tamagui/constants";
74
- export * from "./setupHooks.js";
75
- export {
76
- configureMedia,
77
- getConfig,
78
- getMedia,
79
- getThemes,
80
- getTokens,
81
- mediaObjectToString,
82
- mediaQueryConfig,
83
- mediaState,
84
- onConfiguredOnce,
85
- updateConfig,
86
- useMedia,
87
- useMediaPropsActive
88
- };
1
+ export*from"./Tamagui.js";export*from"./createComponent.js";export*from"./createShorthands.js";export*from"./createTheme.js";export*from"./createTamagui.js";export*from"./createFont.js";export*from"./createTokens.js";export*from"./createVariable.js";export*from"./createVariables.js";export*from"./insertFont.js";export*from"./addTheme.js";export*from"./updateTheme.js";export*from"./styled.js";export*from"./types.js";export*from"./setupReactNative.js";import{getConfig as M,getThemes as T,getTokens as O,onConfiguredOnce as S,updateConfig as b}from"./config.js";export*from"./constants/constants.js";export*from"./helpers/useShallowSetState.js";export*from"./helpers/getVariantExtras.js";export*from"./helpers/getAnimationDriver.js";export*from"./helpers/getExpandedShorthands.js";export*from"./helpers/getSplitStyles.js";export*from"./helpers/getStylesAtomic";export*from"./helpers/pseudoDescriptors.js";export*from"./helpers/mergeProps.js";export*from"./helpers/expandStyles.js";export*from"./helpers/isTamaguiElement.js";export*from"./helpers/isTamaguiComponent.js";export*from"./helpers/matchMedia";export*from"./helpers/themes.js";export*from"./helpers/getThemeCSSRules.js";export*from"./helpers/proxyThemeVariables.js";export*from"./helpers/themeable.js";export*from"./helpers/withStaticProperties.js";export*from"./helpers/normalizeColor.js";export*from"./contexts/ButtonNestingContext.js";export*from"./hooks/useId.js";export*from"./hooks/useIsTouchDevice.js";import{configureMedia as R,getMedia as U,mediaState as V,useMedia as W,useMediaPropsActive as X,mediaObjectToString as Y,mediaQueryConfig as Z}from"./hooks/useMedia.js";export*from"./hooks/useTheme.js";export*from"./hooks/useThemeName.js";export*from"./hooks/useSafeRef.js";export*from"./hooks/useStyle.js";export*from"./hooks/useAnimationDriver.js";export*from"./views/Slot.js";export*from"./views/Stack.js";export*from"./views/Text.js";export*from"./contexts/TextAncestorContext.js";export*from"./views/Theme.js";export*from"./views/ThemeProvider.js";export*from"./views/FontLanguage";export*from"./views/TamaguiProvider.js";export*from"./views/AnimationDriverProvider.js";export*from"@tamagui/use-force-update";export*from"@tamagui/use-did-finish-ssr";export*from"@tamagui/use-event";export*from"@tamagui/compose-refs";export*from"@tamagui/helpers";export*from"@tamagui/constants";export*from"./setupHooks.js";export{R as configureMedia,M as getConfig,U as getMedia,T as getThemes,O as getTokens,Y as mediaObjectToString,Z as mediaQueryConfig,V as mediaState,S as onConfiguredOnce,b as updateConfig,W as useMedia,X as useMediaPropsActive};
89
2
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
4
  "sourcesContent": ["export * from './Tamagui.js'\nexport * from './createComponent.js'\nexport * from './createShorthands.js'\nexport * from './createTheme.js'\nexport * from './createTamagui.js'\nexport * from './createFont.js'\nexport * from './createTokens.js'\nexport * from './createVariable.js'\nexport * from './createVariables.js'\nexport * from './insertFont.js'\nexport * from './addTheme.js'\nexport * from './updateTheme.js'\nexport * from './styled.js'\nexport * from './types.js'\nexport * from './setupReactNative.js'\n\nexport {\n getConfig,\n getThemes,\n getTokens,\n onConfiguredOnce,\n updateConfig,\n} from './config.js'\n\nexport * from './constants/constants.js'\n\nexport * from './helpers/useShallowSetState.js'\nexport * from './helpers/getVariantExtras.js'\nexport * from './helpers/getAnimationDriver.js'\nexport * from './helpers/getExpandedShorthands.js'\nexport * from './helpers/getSplitStyles.js'\nexport * from './helpers/getStylesAtomic'\nexport * from './helpers/pseudoDescriptors.js'\nexport * from './helpers/mergeProps.js'\nexport * from './helpers/expandStyles.js'\nexport * from './helpers/isTamaguiElement.js'\nexport * from './helpers/isTamaguiComponent.js'\nexport * from './helpers/matchMedia'\nexport * from './helpers/themes.js'\nexport * from './helpers/getThemeCSSRules.js'\nexport * from './helpers/proxyThemeVariables.js'\nexport * from './helpers/themeable.js'\nexport * from './helpers/withStaticProperties.js'\nexport * from './helpers/normalizeColor.js'\n\nexport * from './contexts/ButtonNestingContext.js'\n\nexport * from './hooks/useId.js'\nexport * from './hooks/useIsTouchDevice.js'\n\nexport {\n configureMedia,\n getMedia,\n mediaState,\n useMedia,\n useMediaPropsActive,\n mediaObjectToString,\n mediaQueryConfig,\n} from './hooks/useMedia.js'\nexport * from './hooks/useTheme.js'\nexport * from './hooks/useThemeName.js'\nexport * from './hooks/useSafeRef.js'\nexport * from './hooks/useStyle.js'\nexport * from './hooks/useAnimationDriver.js'\n\nexport * from './views/Slot.js'\nexport * from './views/Stack.js'\nexport * from './views/Text.js'\nexport * from './contexts/TextAncestorContext.js'\nexport * from './views/Theme.js'\nexport * from './views/ThemeProvider.js'\nexport * from './views/FontLanguage'\nexport * from './views/TamaguiProvider.js'\nexport * from './views/AnimationDriverProvider.js'\n\nexport * from '@tamagui/use-force-update'\nexport * from '@tamagui/use-did-finish-ssr'\nexport * from '@tamagui/use-event'\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/helpers'\nexport * from '@tamagui/constants'\n\nexport * from './setupHooks.js'\n"],
5
- "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AAEd,cAAc;AACd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;",
6
- "names": []
5
+ "mappings": "AAAA,WAAc,eACd,WAAc,uBACd,WAAc,wBACd,WAAc,mBACd,WAAc,qBACd,WAAc,kBACd,WAAc,oBACd,WAAc,sBACd,WAAc,uBACd,WAAc,kBACd,WAAc,gBACd,WAAc,mBACd,WAAc,cACd,WAAc,aACd,WAAc,wBAEd,OACE,aAAAA,EACA,aAAAC,EACA,aAAAC,EACA,oBAAAC,EACA,gBAAAC,MACK,cAEP,WAAc,2BAEd,WAAc,kCACd,WAAc,gCACd,WAAc,kCACd,WAAc,qCACd,WAAc,8BACd,WAAc,4BACd,WAAc,iCACd,WAAc,0BACd,WAAc,4BACd,WAAc,gCACd,WAAc,kCACd,WAAc,uBACd,WAAc,sBACd,WAAc,gCACd,WAAc,mCACd,WAAc,yBACd,WAAc,oCACd,WAAc,8BAEd,WAAc,qCAEd,WAAc,mBACd,WAAc,8BAEd,OACE,kBAAAC,EACA,YAAAC,EACA,cAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,uBAAAC,EACA,oBAAAC,MACK,sBACP,WAAc,sBACd,WAAc,0BACd,WAAc,wBACd,WAAc,sBACd,WAAc,gCAEd,WAAc,kBACd,WAAc,mBACd,WAAc,kBACd,WAAc,oCACd,WAAc,mBACd,WAAc,2BACd,WAAc,uBACd,WAAc,6BACd,WAAc,qCAEd,WAAc,4BACd,WAAc,8BACd,WAAc,qBACd,WAAc,wBACd,WAAc,mBACd,WAAc,qBAEd,WAAc",
6
+ "names": ["getConfig", "getThemes", "getTokens", "onConfiguredOnce", "updateConfig", "configureMedia", "getMedia", "mediaState", "useMedia", "useMediaPropsActive", "mediaObjectToString", "mediaQueryConfig"]
7
7
  }
@@ -1,89 +1,2 @@
1
- export * from "./Tamagui.js";
2
- export * from "./createComponent.js";
3
- export * from "./createShorthands.js";
4
- export * from "./createTheme.js";
5
- export * from "./createTamagui.js";
6
- export * from "./createFont.js";
7
- export * from "./createTokens.js";
8
- export * from "./createVariable.js";
9
- export * from "./createVariables.js";
10
- export * from "./insertFont.js";
11
- export * from "./addTheme.js";
12
- export * from "./updateTheme.js";
13
- export * from "./styled.js";
14
- export * from "./types.js";
15
- export * from "./setupReactNative.js";
16
- import {
17
- getConfig,
18
- getThemes,
19
- getTokens,
20
- onConfiguredOnce,
21
- updateConfig
22
- } from "./config.js";
23
- export * from "./constants/constants.js";
24
- export * from "./helpers/useShallowSetState.js";
25
- export * from "./helpers/getVariantExtras.js";
26
- export * from "./helpers/getAnimationDriver.js";
27
- export * from "./helpers/getExpandedShorthands.js";
28
- export * from "./helpers/getSplitStyles.js";
29
- export * from "./helpers/getStylesAtomic";
30
- export * from "./helpers/pseudoDescriptors.js";
31
- export * from "./helpers/mergeProps.js";
32
- export * from "./helpers/expandStyles.js";
33
- export * from "./helpers/isTamaguiElement.js";
34
- export * from "./helpers/isTamaguiComponent.js";
35
- export * from "./helpers/matchMedia";
36
- export * from "./helpers/themes.js";
37
- export * from "./helpers/getThemeCSSRules.js";
38
- export * from "./helpers/proxyThemeVariables.js";
39
- export * from "./helpers/themeable.js";
40
- export * from "./helpers/withStaticProperties.js";
41
- export * from "./helpers/normalizeColor.js";
42
- export * from "./contexts/ButtonNestingContext.js";
43
- export * from "./hooks/useId.js";
44
- export * from "./hooks/useIsTouchDevice.js";
45
- import {
46
- configureMedia,
47
- getMedia,
48
- mediaState,
49
- useMedia,
50
- useMediaPropsActive,
51
- mediaObjectToString,
52
- mediaQueryConfig
53
- } from "./hooks/useMedia.js";
54
- export * from "./hooks/useTheme.js";
55
- export * from "./hooks/useThemeName.js";
56
- export * from "./hooks/useSafeRef.js";
57
- export * from "./hooks/useStyle.js";
58
- export * from "./hooks/useAnimationDriver.js";
59
- export * from "./views/Slot.js";
60
- export * from "./views/Stack.js";
61
- export * from "./views/Text.js";
62
- export * from "./contexts/TextAncestorContext.js";
63
- export * from "./views/Theme.js";
64
- export * from "./views/ThemeProvider.js";
65
- export * from "./views/FontLanguage";
66
- export * from "./views/TamaguiProvider.js";
67
- export * from "./views/AnimationDriverProvider.js";
68
- export * from "@tamagui/use-force-update";
69
- export * from "@tamagui/use-did-finish-ssr";
70
- export * from "@tamagui/use-event";
71
- export * from "@tamagui/compose-refs";
72
- export * from "@tamagui/helpers";
73
- export * from "@tamagui/constants";
74
- export * from "./setupHooks.js";
75
- export {
76
- configureMedia,
77
- getConfig,
78
- getMedia,
79
- getThemes,
80
- getTokens,
81
- mediaObjectToString,
82
- mediaQueryConfig,
83
- mediaState,
84
- onConfiguredOnce,
85
- updateConfig,
86
- useMedia,
87
- useMediaPropsActive
88
- };
1
+ export*from"./Tamagui.js";export*from"./createComponent.js";export*from"./createShorthands.js";export*from"./createTheme.js";export*from"./createTamagui.js";export*from"./createFont.js";export*from"./createTokens.js";export*from"./createVariable.js";export*from"./createVariables.js";export*from"./insertFont.js";export*from"./addTheme.js";export*from"./updateTheme.js";export*from"./styled.js";export*from"./types.js";export*from"./setupReactNative.js";import{getConfig as M,getThemes as T,getTokens as O,onConfiguredOnce as S,updateConfig as b}from"./config.js";export*from"./constants/constants.js";export*from"./helpers/useShallowSetState.js";export*from"./helpers/getVariantExtras.js";export*from"./helpers/getAnimationDriver.js";export*from"./helpers/getExpandedShorthands.js";export*from"./helpers/getSplitStyles.js";export*from"./helpers/getStylesAtomic";export*from"./helpers/pseudoDescriptors.js";export*from"./helpers/mergeProps.js";export*from"./helpers/expandStyles.js";export*from"./helpers/isTamaguiElement.js";export*from"./helpers/isTamaguiComponent.js";export*from"./helpers/matchMedia";export*from"./helpers/themes.js";export*from"./helpers/getThemeCSSRules.js";export*from"./helpers/proxyThemeVariables.js";export*from"./helpers/themeable.js";export*from"./helpers/withStaticProperties.js";export*from"./helpers/normalizeColor.js";export*from"./contexts/ButtonNestingContext.js";export*from"./hooks/useId.js";export*from"./hooks/useIsTouchDevice.js";import{configureMedia as R,getMedia as U,mediaState as V,useMedia as W,useMediaPropsActive as X,mediaObjectToString as Y,mediaQueryConfig as Z}from"./hooks/useMedia.js";export*from"./hooks/useTheme.js";export*from"./hooks/useThemeName.js";export*from"./hooks/useSafeRef.js";export*from"./hooks/useStyle.js";export*from"./hooks/useAnimationDriver.js";export*from"./views/Slot.js";export*from"./views/Stack.js";export*from"./views/Text.js";export*from"./contexts/TextAncestorContext.js";export*from"./views/Theme.js";export*from"./views/ThemeProvider.js";export*from"./views/FontLanguage";export*from"./views/TamaguiProvider.js";export*from"./views/AnimationDriverProvider.js";export*from"@tamagui/use-force-update";export*from"@tamagui/use-did-finish-ssr";export*from"@tamagui/use-event";export*from"@tamagui/compose-refs";export*from"@tamagui/helpers";export*from"@tamagui/constants";export*from"./setupHooks.js";export{R as configureMedia,M as getConfig,U as getMedia,T as getThemes,O as getTokens,Y as mediaObjectToString,Z as mediaQueryConfig,V as mediaState,S as onConfiguredOnce,b as updateConfig,W as useMedia,X as useMediaPropsActive};
89
2
  //# sourceMappingURL=index.mjs.map