@tamagui/web 1.114.4 → 1.115.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (299) hide show
  1. package/dist/cjs/Tamagui.cjs +80 -0
  2. package/dist/cjs/_withStableStyle.cjs +51 -0
  3. package/dist/cjs/config.cjs +111 -0
  4. package/dist/cjs/constants/{accessibilityDirectMap.js → accessibilityDirectMap.cjs} +19 -11
  5. package/dist/cjs/constants/accessibilityDirectMap.native.cjs +34 -0
  6. package/dist/cjs/constants/accessibilityDirectMap.native.cjs.map +6 -0
  7. package/dist/cjs/constants/constants.cjs +45 -0
  8. package/dist/cjs/constants/isDevTools.cjs +31 -0
  9. package/dist/cjs/constants/webToNativeProps.cjs +28 -0
  10. package/dist/cjs/constants/webToNativeProps.native.cjs +102 -0
  11. package/dist/cjs/constants/webToNativeProps.native.cjs.map +6 -0
  12. package/dist/cjs/contexts/{ComponentContext.js → ComponentContext.cjs} +17 -12
  13. package/dist/cjs/{createComponent.js → createComponent.cjs} +407 -317
  14. package/dist/cjs/createFont.cjs +42 -0
  15. package/dist/cjs/createShorthands.cjs +28 -0
  16. package/dist/cjs/createTamagui.cjs +235 -0
  17. package/dist/cjs/createTheme.cjs +26 -0
  18. package/dist/cjs/createTokens.cjs +29 -0
  19. package/dist/cjs/{createVariable.js → createVariable.cjs} +31 -24
  20. package/dist/cjs/createVariables.cjs +58 -0
  21. package/dist/cjs/defaultComponentState.cjs +44 -0
  22. package/dist/cjs/helpers/ThemeManager.cjs +184 -0
  23. package/dist/cjs/helpers/{ThemeManagerContext.js → ThemeManagerContext.cjs} +22 -14
  24. package/dist/cjs/helpers/createMediaStyle.cjs +96 -0
  25. package/dist/cjs/helpers/{createShallowSetState.js → createShallowSetState.cjs} +29 -22
  26. package/dist/cjs/helpers/createStyledContext.cjs +70 -0
  27. package/dist/cjs/helpers/defaultOffset.cjs +29 -0
  28. package/dist/cjs/helpers/expandStyle.cjs +67 -0
  29. package/dist/cjs/helpers/expandStyles.cjs +40 -0
  30. package/dist/cjs/helpers/getExpandedShorthands.cjs +33 -0
  31. package/dist/cjs/helpers/getFontLanguage.cjs +26 -0
  32. package/dist/cjs/helpers/getGroupPropParts.cjs +37 -0
  33. package/dist/cjs/helpers/{getSplitStyles.js → getSplitStyles.cjs} +362 -335
  34. package/dist/cjs/helpers/getStylesAtomic.cjs +176 -0
  35. package/dist/cjs/helpers/getStylesAtomic.native.cjs +33 -0
  36. package/dist/cjs/helpers/getStylesAtomic.native.cjs.map +6 -0
  37. package/dist/cjs/helpers/getThemeCSSRules.cjs +119 -0
  38. package/dist/cjs/helpers/getThemeCSSRules.native.cjs +28 -0
  39. package/dist/cjs/helpers/getThemeCSSRules.native.cjs.map +6 -0
  40. package/dist/cjs/helpers/getVariantExtras.cjs +65 -0
  41. package/dist/cjs/helpers/{insertStyleRule.js → insertStyleRule.cjs} +93 -96
  42. package/dist/cjs/helpers/isActivePlatform.cjs +35 -0
  43. package/dist/cjs/helpers/isObj.cjs +26 -0
  44. package/dist/cjs/helpers/isTamaguiComponent.cjs +29 -0
  45. package/dist/cjs/helpers/{isTamaguiElement.js → isTamaguiElement.cjs} +24 -15
  46. package/dist/cjs/helpers/log.cjs +36 -0
  47. package/dist/cjs/helpers/matchMedia.cjs +36 -0
  48. package/dist/cjs/helpers/matchMedia.native.cjs +39 -0
  49. package/dist/cjs/helpers/matchMedia.native.cjs.map +6 -0
  50. package/dist/cjs/helpers/mergeProps.cjs +45 -0
  51. package/dist/cjs/helpers/{mergeVariants.js → mergeVariants.cjs} +19 -17
  52. package/dist/cjs/helpers/normalizeColor.cjs +48 -0
  53. package/dist/cjs/helpers/{normalizeShadow.js → normalizeShadow.cjs} +22 -13
  54. package/dist/cjs/helpers/normalizeStyle.cjs +47 -0
  55. package/dist/cjs/helpers/normalizeStylePropKeys.cjs +26 -0
  56. package/dist/cjs/helpers/normalizeStylePropKeys.native.cjs +37 -0
  57. package/dist/cjs/helpers/normalizeStylePropKeys.native.cjs.map +6 -0
  58. package/dist/cjs/helpers/{normalizeValueWithProperty.js → normalizeValueWithProperty.cjs} +22 -19
  59. package/dist/cjs/helpers/objectIdentityKey.cjs +39 -0
  60. package/dist/cjs/helpers/propMapper.cjs +254 -0
  61. package/dist/cjs/helpers/proxyThemeToParents.cjs +61 -0
  62. package/dist/cjs/helpers/{proxyThemeVariables.js → proxyThemeVariables.cjs} +16 -11
  63. package/dist/cjs/helpers/pseudoDescriptors.cjs +72 -0
  64. package/dist/cjs/helpers/registerCSSVariable.cjs +33 -0
  65. package/dist/cjs/helpers/setElementProps.cjs +29 -0
  66. package/dist/cjs/helpers/setElementProps.native.cjs +30 -0
  67. package/dist/cjs/helpers/setElementProps.native.cjs.map +6 -0
  68. package/dist/cjs/helpers/{skipProps.js → skipProps.cjs} +17 -12
  69. package/dist/cjs/helpers/sortString.cjs +26 -0
  70. package/dist/cjs/helpers/{subscribeToContextGroup.js → subscribeToContextGroup.cjs} +25 -17
  71. package/dist/cjs/helpers/themeable.cjs +83 -0
  72. package/dist/cjs/helpers/{themes.js → themes.cjs} +17 -12
  73. package/dist/cjs/helpers/timer.cjs +32 -0
  74. package/dist/cjs/helpers/transformsToString.cjs +37 -0
  75. package/dist/cjs/helpers/webPropsToSkip.cjs +26 -0
  76. package/dist/cjs/helpers/webPropsToSkip.native.cjs +79 -0
  77. package/dist/cjs/helpers/webPropsToSkip.native.cjs.map +6 -0
  78. package/dist/cjs/helpers/wrapStyleTags.cjs +40 -0
  79. package/dist/cjs/hooks/{useComponentState.js → useComponentState.cjs} +75 -30
  80. package/dist/cjs/hooks/useConfiguration.cjs +55 -0
  81. package/dist/cjs/hooks/{useDidHydrateOnce.js → useDidHydrateOnce.cjs} +27 -16
  82. package/dist/cjs/hooks/useDisableSSR.cjs +29 -0
  83. package/dist/cjs/hooks/useIsTouchDevice.cjs +28 -0
  84. package/dist/cjs/hooks/useMedia.cjs +227 -0
  85. package/dist/cjs/hooks/useProps.cjs +108 -0
  86. package/dist/cjs/hooks/useTheme.cjs +277 -0
  87. package/dist/cjs/hooks/useThemeName.cjs +50 -0
  88. package/dist/cjs/index.cjs +106 -0
  89. package/dist/cjs/inject-styles.cjs +37 -0
  90. package/dist/cjs/insertFont.cjs +72 -0
  91. package/dist/cjs/interfaces/CSSColorNames.cjs +16 -0
  92. package/dist/cjs/interfaces/GetRef.cjs +16 -0
  93. package/dist/cjs/interfaces/KeyTypes.cjs +16 -0
  94. package/dist/cjs/interfaces/RNExclusiveTypes.cjs +16 -0
  95. package/dist/cjs/interfaces/Role.cjs +16 -0
  96. package/dist/cjs/interfaces/TamaguiComponentEvents.cjs +16 -0
  97. package/dist/cjs/interfaces/{TamaguiComponentPropsBaseBase.js → TamaguiComponentPropsBaseBase.cjs} +8 -6
  98. package/dist/cjs/interfaces/TamaguiComponentState.cjs +16 -0
  99. package/dist/cjs/interfaces/WebOnlyPressEvents.cjs +16 -0
  100. package/dist/cjs/setupHooks.cjs +30 -0
  101. package/dist/cjs/setupReactNative.cjs +49 -0
  102. package/dist/cjs/styled.cjs +87 -0
  103. package/dist/cjs/type-utils.cjs +16 -0
  104. package/dist/cjs/types.cjs +19 -0
  105. package/dist/cjs/views/Configuration.cjs +47 -0
  106. package/dist/cjs/views/FontLanguage.cjs +37 -0
  107. package/dist/cjs/views/FontLanguage.native.cjs +50 -0
  108. package/dist/cjs/views/FontLanguage.native.cjs.map +6 -0
  109. package/dist/cjs/views/FontLanguage.types.cjs +16 -0
  110. package/dist/cjs/views/Slot.cjs +78 -0
  111. package/dist/cjs/views/Stack.cjs +34 -0
  112. package/dist/cjs/views/TamaguiProvider.cjs +93 -0
  113. package/dist/cjs/views/Text.cjs +86 -0
  114. package/dist/cjs/views/Theme.cjs +145 -0
  115. package/dist/cjs/views/ThemeDebug.cjs +92 -0
  116. package/dist/cjs/views/ThemeDebug.native.cjs +33 -0
  117. package/dist/cjs/views/ThemeDebug.native.cjs.map +6 -0
  118. package/dist/cjs/views/ThemeProvider.cjs +56 -0
  119. package/dist/cjs/views/View.cjs +33 -0
  120. package/package.json +15 -14
  121. package/dist/cjs/Tamagui.js +0 -63
  122. package/dist/cjs/_withStableStyle.js +0 -33
  123. package/dist/cjs/config.js +0 -97
  124. package/dist/cjs/constants/constants.js +0 -36
  125. package/dist/cjs/constants/isDevTools.js +0 -28
  126. package/dist/cjs/constants/webToNativeProps.js +0 -22
  127. package/dist/cjs/createFont.js +0 -53
  128. package/dist/cjs/createShorthands.js +0 -23
  129. package/dist/cjs/createTamagui.js +0 -189
  130. package/dist/cjs/createTheme.js +0 -21
  131. package/dist/cjs/createTokens.js +0 -24
  132. package/dist/cjs/createVariables.js +0 -47
  133. package/dist/cjs/defaultComponentState.js +0 -37
  134. package/dist/cjs/helpers/ThemeManager.js +0 -166
  135. package/dist/cjs/helpers/createMediaStyle.js +0 -74
  136. package/dist/cjs/helpers/createStyledContext.js +0 -53
  137. package/dist/cjs/helpers/defaultOffset.js +0 -21
  138. package/dist/cjs/helpers/expandStyle.js +0 -73
  139. package/dist/cjs/helpers/expandStyles.js +0 -34
  140. package/dist/cjs/helpers/getExpandedShorthands.js +0 -29
  141. package/dist/cjs/helpers/getFontLanguage.js +0 -21
  142. package/dist/cjs/helpers/getGroupPropParts.js +0 -27
  143. package/dist/cjs/helpers/getStylesAtomic.js +0 -152
  144. package/dist/cjs/helpers/getThemeCSSRules.js +0 -89
  145. package/dist/cjs/helpers/getVariantExtras.js +0 -58
  146. package/dist/cjs/helpers/isActivePlatform.js +0 -29
  147. package/dist/cjs/helpers/isObj.js +0 -21
  148. package/dist/cjs/helpers/isTamaguiComponent.js +0 -24
  149. package/dist/cjs/helpers/log.js +0 -31
  150. package/dist/cjs/helpers/matchMedia.js +0 -34
  151. package/dist/cjs/helpers/mergeProps.js +0 -41
  152. package/dist/cjs/helpers/normalizeColor.js +0 -43
  153. package/dist/cjs/helpers/normalizeStyle.js +0 -36
  154. package/dist/cjs/helpers/normalizeStylePropKeys.js +0 -21
  155. package/dist/cjs/helpers/objectIdentityKey.js +0 -38
  156. package/dist/cjs/helpers/propMapper.js +0 -238
  157. package/dist/cjs/helpers/proxyThemeToParents.js +0 -52
  158. package/dist/cjs/helpers/pseudoDescriptors.js +0 -65
  159. package/dist/cjs/helpers/registerCSSVariable.js +0 -29
  160. package/dist/cjs/helpers/setElementProps.js +0 -24
  161. package/dist/cjs/helpers/sortString.js +0 -21
  162. package/dist/cjs/helpers/themeable.js +0 -63
  163. package/dist/cjs/helpers/timer.js +0 -27
  164. package/dist/cjs/helpers/transformsToString.js +0 -32
  165. package/dist/cjs/helpers/webPropsToSkip.js +0 -21
  166. package/dist/cjs/helpers/wrapStyleTags.js +0 -39
  167. package/dist/cjs/hooks/useConfiguration.js +0 -37
  168. package/dist/cjs/hooks/useDisableSSR.js +0 -24
  169. package/dist/cjs/hooks/useIsTouchDevice.js +0 -22
  170. package/dist/cjs/hooks/useMedia.js +0 -206
  171. package/dist/cjs/hooks/useProps.js +0 -95
  172. package/dist/cjs/hooks/useTheme.js +0 -263
  173. package/dist/cjs/hooks/useThemeName.js +0 -39
  174. package/dist/cjs/index.js +0 -99
  175. package/dist/cjs/inject-styles.js +0 -28
  176. package/dist/cjs/insertFont.js +0 -65
  177. package/dist/cjs/interfaces/CSSColorNames.js +0 -14
  178. package/dist/cjs/interfaces/GetRef.js +0 -14
  179. package/dist/cjs/interfaces/KeyTypes.js +0 -14
  180. package/dist/cjs/interfaces/RNExclusiveTypes.js +0 -14
  181. package/dist/cjs/interfaces/Role.js +0 -14
  182. package/dist/cjs/interfaces/TamaguiComponentEvents.js +0 -14
  183. package/dist/cjs/interfaces/TamaguiComponentState.js +0 -14
  184. package/dist/cjs/interfaces/WebOnlyPressEvents.js +0 -14
  185. package/dist/cjs/setupHooks.js +0 -25
  186. package/dist/cjs/setupReactNative.js +0 -46
  187. package/dist/cjs/styled.js +0 -74
  188. package/dist/cjs/type-utils.js +0 -14
  189. package/dist/cjs/types.js +0 -16
  190. package/dist/cjs/views/Configuration.js +0 -34
  191. package/dist/cjs/views/FontLanguage.js +0 -32
  192. package/dist/cjs/views/FontLanguage.types.js +0 -14
  193. package/dist/cjs/views/Slot.js +0 -59
  194. package/dist/cjs/views/Stack.js +0 -27
  195. package/dist/cjs/views/TamaguiProvider.js +0 -76
  196. package/dist/cjs/views/Text.js +0 -77
  197. package/dist/cjs/views/Theme.js +0 -103
  198. package/dist/cjs/views/ThemeDebug.js +0 -94
  199. package/dist/cjs/views/ThemeProvider.js +0 -45
  200. package/dist/cjs/views/View.js +0 -26
  201. /package/dist/cjs/{Tamagui.js.map → Tamagui.cjs.map} +0 -0
  202. /package/dist/cjs/{_withStableStyle.js.map → _withStableStyle.cjs.map} +0 -0
  203. /package/dist/cjs/{config.js.map → config.cjs.map} +0 -0
  204. /package/dist/cjs/constants/{accessibilityDirectMap.js.map → accessibilityDirectMap.cjs.map} +0 -0
  205. /package/dist/cjs/constants/{constants.js.map → constants.cjs.map} +0 -0
  206. /package/dist/cjs/constants/{isDevTools.js.map → isDevTools.cjs.map} +0 -0
  207. /package/dist/cjs/constants/{webToNativeProps.js.map → webToNativeProps.cjs.map} +0 -0
  208. /package/dist/cjs/contexts/{ComponentContext.js.map → ComponentContext.cjs.map} +0 -0
  209. /package/dist/cjs/{createComponent.js.map → createComponent.cjs.map} +0 -0
  210. /package/dist/cjs/{createFont.js.map → createFont.cjs.map} +0 -0
  211. /package/dist/cjs/{createShorthands.js.map → createShorthands.cjs.map} +0 -0
  212. /package/dist/cjs/{createTamagui.js.map → createTamagui.cjs.map} +0 -0
  213. /package/dist/cjs/{createTheme.js.map → createTheme.cjs.map} +0 -0
  214. /package/dist/cjs/{createTokens.js.map → createTokens.cjs.map} +0 -0
  215. /package/dist/cjs/{createVariable.js.map → createVariable.cjs.map} +0 -0
  216. /package/dist/cjs/{createVariables.js.map → createVariables.cjs.map} +0 -0
  217. /package/dist/cjs/{defaultComponentState.js.map → defaultComponentState.cjs.map} +0 -0
  218. /package/dist/cjs/helpers/{ThemeManager.js.map → ThemeManager.cjs.map} +0 -0
  219. /package/dist/cjs/helpers/{ThemeManagerContext.js.map → ThemeManagerContext.cjs.map} +0 -0
  220. /package/dist/cjs/helpers/{createMediaStyle.js.map → createMediaStyle.cjs.map} +0 -0
  221. /package/dist/cjs/helpers/{createShallowSetState.js.map → createShallowSetState.cjs.map} +0 -0
  222. /package/dist/cjs/helpers/{createStyledContext.js.map → createStyledContext.cjs.map} +0 -0
  223. /package/dist/cjs/helpers/{defaultOffset.js.map → defaultOffset.cjs.map} +0 -0
  224. /package/dist/cjs/helpers/{expandStyle.js.map → expandStyle.cjs.map} +0 -0
  225. /package/dist/cjs/helpers/{expandStyles.js.map → expandStyles.cjs.map} +0 -0
  226. /package/dist/cjs/helpers/{getExpandedShorthands.js.map → getExpandedShorthands.cjs.map} +0 -0
  227. /package/dist/cjs/helpers/{getFontLanguage.js.map → getFontLanguage.cjs.map} +0 -0
  228. /package/dist/cjs/helpers/{getGroupPropParts.js.map → getGroupPropParts.cjs.map} +0 -0
  229. /package/dist/cjs/helpers/{getSplitStyles.js.map → getSplitStyles.cjs.map} +0 -0
  230. /package/dist/cjs/helpers/{getStylesAtomic.js.map → getStylesAtomic.cjs.map} +0 -0
  231. /package/dist/cjs/helpers/{getThemeCSSRules.js.map → getThemeCSSRules.cjs.map} +0 -0
  232. /package/dist/cjs/helpers/{getVariantExtras.js.map → getVariantExtras.cjs.map} +0 -0
  233. /package/dist/cjs/helpers/{insertStyleRule.js.map → insertStyleRule.cjs.map} +0 -0
  234. /package/dist/cjs/helpers/{isActivePlatform.js.map → isActivePlatform.cjs.map} +0 -0
  235. /package/dist/cjs/helpers/{isObj.js.map → isObj.cjs.map} +0 -0
  236. /package/dist/cjs/helpers/{isTamaguiComponent.js.map → isTamaguiComponent.cjs.map} +0 -0
  237. /package/dist/cjs/helpers/{isTamaguiElement.js.map → isTamaguiElement.cjs.map} +0 -0
  238. /package/dist/cjs/helpers/{log.js.map → log.cjs.map} +0 -0
  239. /package/dist/cjs/helpers/{matchMedia.js.map → matchMedia.cjs.map} +0 -0
  240. /package/dist/cjs/helpers/{mergeProps.js.map → mergeProps.cjs.map} +0 -0
  241. /package/dist/cjs/helpers/{mergeVariants.js.map → mergeVariants.cjs.map} +0 -0
  242. /package/dist/cjs/helpers/{normalizeColor.js.map → normalizeColor.cjs.map} +0 -0
  243. /package/dist/cjs/helpers/{normalizeShadow.js.map → normalizeShadow.cjs.map} +0 -0
  244. /package/dist/cjs/helpers/{normalizeStyle.js.map → normalizeStyle.cjs.map} +0 -0
  245. /package/dist/cjs/helpers/{normalizeStylePropKeys.js.map → normalizeStylePropKeys.cjs.map} +0 -0
  246. /package/dist/cjs/helpers/{normalizeValueWithProperty.js.map → normalizeValueWithProperty.cjs.map} +0 -0
  247. /package/dist/cjs/helpers/{objectIdentityKey.js.map → objectIdentityKey.cjs.map} +0 -0
  248. /package/dist/cjs/helpers/{propMapper.js.map → propMapper.cjs.map} +0 -0
  249. /package/dist/cjs/helpers/{proxyThemeToParents.js.map → proxyThemeToParents.cjs.map} +0 -0
  250. /package/dist/cjs/helpers/{proxyThemeVariables.js.map → proxyThemeVariables.cjs.map} +0 -0
  251. /package/dist/cjs/helpers/{pseudoDescriptors.js.map → pseudoDescriptors.cjs.map} +0 -0
  252. /package/dist/cjs/helpers/{registerCSSVariable.js.map → registerCSSVariable.cjs.map} +0 -0
  253. /package/dist/cjs/helpers/{setElementProps.js.map → setElementProps.cjs.map} +0 -0
  254. /package/dist/cjs/helpers/{skipProps.js.map → skipProps.cjs.map} +0 -0
  255. /package/dist/cjs/helpers/{sortString.js.map → sortString.cjs.map} +0 -0
  256. /package/dist/cjs/helpers/{subscribeToContextGroup.js.map → subscribeToContextGroup.cjs.map} +0 -0
  257. /package/dist/cjs/helpers/{themeable.js.map → themeable.cjs.map} +0 -0
  258. /package/dist/cjs/helpers/{themes.js.map → themes.cjs.map} +0 -0
  259. /package/dist/cjs/helpers/{timer.js.map → timer.cjs.map} +0 -0
  260. /package/dist/cjs/helpers/{transformsToString.js.map → transformsToString.cjs.map} +0 -0
  261. /package/dist/cjs/helpers/{webPropsToSkip.js.map → webPropsToSkip.cjs.map} +0 -0
  262. /package/dist/cjs/helpers/{wrapStyleTags.js.map → wrapStyleTags.cjs.map} +0 -0
  263. /package/dist/cjs/hooks/{useComponentState.js.map → useComponentState.cjs.map} +0 -0
  264. /package/dist/cjs/hooks/{useConfiguration.js.map → useConfiguration.cjs.map} +0 -0
  265. /package/dist/cjs/hooks/{useDidHydrateOnce.js.map → useDidHydrateOnce.cjs.map} +0 -0
  266. /package/dist/cjs/hooks/{useDisableSSR.js.map → useDisableSSR.cjs.map} +0 -0
  267. /package/dist/cjs/hooks/{useIsTouchDevice.js.map → useIsTouchDevice.cjs.map} +0 -0
  268. /package/dist/cjs/hooks/{useMedia.js.map → useMedia.cjs.map} +0 -0
  269. /package/dist/cjs/hooks/{useProps.js.map → useProps.cjs.map} +0 -0
  270. /package/dist/cjs/hooks/{useTheme.js.map → useTheme.cjs.map} +0 -0
  271. /package/dist/cjs/hooks/{useThemeName.js.map → useThemeName.cjs.map} +0 -0
  272. /package/dist/cjs/{index.js.map → index.cjs.map} +0 -0
  273. /package/dist/cjs/{inject-styles.js.map → inject-styles.cjs.map} +0 -0
  274. /package/dist/cjs/{insertFont.js.map → insertFont.cjs.map} +0 -0
  275. /package/dist/cjs/interfaces/{CSSColorNames.js.map → CSSColorNames.cjs.map} +0 -0
  276. /package/dist/cjs/interfaces/{GetRef.js.map → GetRef.cjs.map} +0 -0
  277. /package/dist/cjs/interfaces/{KeyTypes.js.map → KeyTypes.cjs.map} +0 -0
  278. /package/dist/cjs/interfaces/{RNExclusiveTypes.js.map → RNExclusiveTypes.cjs.map} +0 -0
  279. /package/dist/cjs/interfaces/{Role.js.map → Role.cjs.map} +0 -0
  280. /package/dist/cjs/interfaces/{TamaguiComponentEvents.js.map → TamaguiComponentEvents.cjs.map} +0 -0
  281. /package/dist/cjs/interfaces/{TamaguiComponentPropsBaseBase.js.map → TamaguiComponentPropsBaseBase.cjs.map} +0 -0
  282. /package/dist/cjs/interfaces/{TamaguiComponentState.js.map → TamaguiComponentState.cjs.map} +0 -0
  283. /package/dist/cjs/interfaces/{WebOnlyPressEvents.js.map → WebOnlyPressEvents.cjs.map} +0 -0
  284. /package/dist/cjs/{setupHooks.js.map → setupHooks.cjs.map} +0 -0
  285. /package/dist/cjs/{setupReactNative.js.map → setupReactNative.cjs.map} +0 -0
  286. /package/dist/cjs/{styled.js.map → styled.cjs.map} +0 -0
  287. /package/dist/cjs/{type-utils.js.map → type-utils.cjs.map} +0 -0
  288. /package/dist/cjs/{types.js.map → types.cjs.map} +0 -0
  289. /package/dist/cjs/views/{Configuration.js.map → Configuration.cjs.map} +0 -0
  290. /package/dist/cjs/views/{FontLanguage.js.map → FontLanguage.cjs.map} +0 -0
  291. /package/dist/cjs/views/{FontLanguage.types.js.map → FontLanguage.types.cjs.map} +0 -0
  292. /package/dist/cjs/views/{Slot.js.map → Slot.cjs.map} +0 -0
  293. /package/dist/cjs/views/{Stack.js.map → Stack.cjs.map} +0 -0
  294. /package/dist/cjs/views/{TamaguiProvider.js.map → TamaguiProvider.cjs.map} +0 -0
  295. /package/dist/cjs/views/{Text.js.map → Text.cjs.map} +0 -0
  296. /package/dist/cjs/views/{Theme.js.map → Theme.cjs.map} +0 -0
  297. /package/dist/cjs/views/{ThemeDebug.js.map → ThemeDebug.cjs.map} +0 -0
  298. /package/dist/cjs/views/{ThemeProvider.js.map → ThemeProvider.cjs.map} +0 -0
  299. /package/dist/cjs/views/{View.js.map → View.cjs.map} +0 -0
@@ -1,189 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var createTamagui_exports = {};
16
- __export(createTamagui_exports, {
17
- createTamagui: () => createTamagui
18
- });
19
- module.exports = __toCommonJS(createTamagui_exports);
20
- var import_constants = require("@tamagui/constants"), import_config = require("./config"), import_createVariables = require("./createVariables"), import_getThemeCSSRules = require("./helpers/getThemeCSSRules"), import_insertStyleRule = require("./helpers/insertStyleRule"), import_proxyThemeToParents = require("./helpers/proxyThemeToParents"), import_registerCSSVariable = require("./helpers/registerCSSVariable"), import_themes = require("./helpers/themes"), import_useMedia = require("./hooks/useMedia"), import_insertFont = require("./insertFont"), import_Tamagui = require("./Tamagui");
21
- const createdConfigs = /* @__PURE__ */ new WeakMap();
22
- function createTamagui(configIn) {
23
- if (createdConfigs.has(configIn))
24
- return configIn;
25
- const tokensParsed = {}, tokens = (0, import_createVariables.createVariables)(configIn.tokens || {});
26
- if (configIn.tokens) {
27
- const tokensMerged = {};
28
- for (const cat in tokens) {
29
- tokensParsed[cat] = {}, tokensMerged[cat] = {};
30
- const tokenCat = tokens[cat];
31
- for (const key in tokenCat) {
32
- const val = tokenCat[key], prefixedKey = `$${key}`;
33
- tokensParsed[cat][prefixedKey] = val, tokensMerged[cat][prefixedKey] = val, tokensMerged[cat][key] = val;
34
- }
35
- }
36
- (0, import_config.setTokens)(tokensMerged);
37
- }
38
- let foundThemes;
39
- if (configIn.themes) {
40
- const noThemes = Object.keys(configIn.themes).length === 0;
41
- noThemes && (foundThemes = (0, import_insertStyleRule.scanAllSheets)(noThemes, tokensParsed)), process.env.TAMAGUI_REACT_19 && process.env.TAMAGUI_SKIP_THEME_OPTIMIZATION || noThemes && (0, import_insertStyleRule.listenForSheetChanges)();
42
- }
43
- let fontSizeTokens = null, fontsParsed;
44
- if (configIn.fonts) {
45
- const fontTokens = Object.fromEntries(
46
- Object.entries(configIn.fonts).map(([k, v]) => [k, (0, import_createVariables.createVariables)(v, "f", !0)])
47
- );
48
- fontsParsed = (() => {
49
- const res = {};
50
- for (const familyName in fontTokens) {
51
- const font = fontTokens[familyName], fontParsed = (0, import_insertFont.parseFont)(font);
52
- res[`$${familyName}`] = fontParsed, !fontSizeTokens && fontParsed.size && (fontSizeTokens = new Set(Object.keys(fontParsed.size)));
53
- }
54
- return res;
55
- })();
56
- }
57
- const specificTokens = {}, themeConfig = (() => {
58
- const cssRuleSets = [], declarations = [], fontDeclarations = {};
59
- for (const key in tokens)
60
- for (const skey in tokens[key]) {
61
- const variable = tokens[key][skey];
62
- if (specificTokens[`$${key}.${skey}`] = variable, process.env.NODE_ENV === "development" && typeof variable > "u")
63
- throw new Error(
64
- `No value for tokens.${key}.${skey}:
65
- ${JSON.stringify(variable, null, 2)}`
66
- );
67
- import_constants.isWeb && ((0, import_registerCSSVariable.registerCSSVariable)(variable), declarations.push((0, import_registerCSSVariable.variableToCSS)(variable, key === "zIndex")));
68
- }
69
- if (import_constants.isWeb) {
70
- let declarationsToRuleSet = function(decs, selector = "") {
71
- return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
72
- };
73
- for (const key in fontsParsed) {
74
- const fontParsed = fontsParsed[key], [name, language] = key.includes("_") ? key.split("_") : [key], fontVars = (0, import_insertFont.registerFontVariables)(fontParsed);
75
- fontDeclarations[key] = {
76
- name: name.slice(1),
77
- declarations: fontVars,
78
- language
79
- };
80
- }
81
- const sep = configIn.cssStyleSeparator || "";
82
- if (cssRuleSets.push(declarationsToRuleSet(declarations)), fontDeclarations)
83
- for (const key in fontDeclarations) {
84
- const { name, declarations: declarations2, language = "default" } = fontDeclarations[key], fontSelector = `.font_${name}`, langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`, selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector, specificRuleSet = declarationsToRuleSet(declarations2, selectors);
85
- cssRuleSets.push(specificRuleSet);
86
- }
87
- }
88
- const themesIn = configIn.themes, dedupedThemes = foundThemes ?? getThemesDeduped(themesIn);
89
- return {
90
- themes: (0, import_proxyThemeToParents.proxyThemesToParents)(dedupedThemes),
91
- cssRuleSets,
92
- getThemeRulesSets() {
93
- let themeRuleSets = [];
94
- if (import_constants.isWeb)
95
- for (const { names, theme } of dedupedThemes) {
96
- const nextRules = (0, import_getThemeCSSRules.getThemeCSSRules)({
97
- config: configIn,
98
- themeName: names[0],
99
- names,
100
- theme
101
- });
102
- themeRuleSets = [...themeRuleSets, ...nextRules];
103
- }
104
- return themeRuleSets;
105
- }
106
- };
107
- })(), shorthands = configIn.shorthands || {};
108
- let lastCSSInsertedRulesIndex = -1;
109
- const getCSS = (opts = {}) => {
110
- const { separator = `
111
- `, sinceLastCall, exclude } = opts;
112
- if (sinceLastCall && lastCSSInsertedRulesIndex >= 0) {
113
- const rules = (0, import_insertStyleRule.getAllRules)();
114
- return lastCSSInsertedRulesIndex = rules.length, rules.slice(lastCSSInsertedRulesIndex).join(separator);
115
- }
116
- lastCSSInsertedRulesIndex = 0;
117
- const runtimeStyles = (0, import_insertStyleRule.getAllRules)().join(separator);
118
- return exclude === "design-system" ? runtimeStyles : `${`._ovs-contain {overscroll-behavior:contain;}
119
- .is_Text .is_Text {display:inline-flex;}
120
- ._dsp_contents {display:contents;}
121
- ${themeConfig.cssRuleSets.join(separator)}`}
122
- ${exclude ? "" : themeConfig.getThemeRulesSets().join(separator)}
123
- ${runtimeStyles}`;
124
- }, getNewCSS = (opts) => getCSS({ ...opts, sinceLastCall: !0 }), defaultFontSetting = configIn.settings?.defaultFont ?? configIn.defaultFont, defaultFont = (() => {
125
- let val = defaultFontSetting;
126
- return val?.[0] === "$" && (val = val.slice(1)), val;
127
- })(), defaultFontToken = defaultFont ? `$${defaultFont}` : "", unset = { ...configIn.unset };
128
- !unset.fontFamily && defaultFont && (unset.fontFamily = defaultFontToken);
129
- const config = {
130
- fonts: {},
131
- onlyAllowShorthands: !1,
132
- fontLanguages: [],
133
- animations: {},
134
- media: {},
135
- ...configIn,
136
- unset,
137
- settings: {
138
- // move deprecated settings here so we can reference them all using `getSetting`
139
- // TODO remove this on v2
140
- disableSSR: configIn.disableSSR,
141
- defaultFont: configIn.defaultFont,
142
- disableRootThemeClass: configIn.disableRootThemeClass,
143
- onlyAllowShorthands: configIn.onlyAllowShorthands,
144
- mediaQueryDefaultActive: configIn.mediaQueryDefaultActive,
145
- themeClassNameOnRoot: configIn.themeClassNameOnRoot,
146
- cssStyleSeparator: configIn.cssStyleSeparator,
147
- webContainerType: "inline-size",
148
- ...configIn.settings
149
- },
150
- tokens,
151
- // vite made this into a function if it wasn't set
152
- shorthands,
153
- inverseShorthands: shorthands ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k])) : {},
154
- themes: themeConfig.themes,
155
- fontsParsed: fontsParsed || {},
156
- themeConfig,
157
- tokensParsed,
158
- parsed: !0,
159
- getNewCSS,
160
- getCSS,
161
- defaultFont,
162
- fontSizeTokens: fontSizeTokens || /* @__PURE__ */ new Set(),
163
- specificTokens,
164
- defaultFontToken
165
- // const tokens = [...getToken(tokens.size[0])]
166
- // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }
167
- };
168
- return (0, import_config.setConfig)(config), (0, import_useMedia.configureMedia)(config), createdConfigs.set(config, !0), import_config.configListeners.size && (import_config.configListeners.forEach((cb) => cb(config)), import_config.configListeners.clear()), process.env.NODE_ENV === "development" && (process.env.DEBUG?.startsWith("tamagui") && console.info("Tamagui config:", config), globalThis.Tamagui || (globalThis.Tamagui = import_Tamagui.Tamagui)), config;
169
- }
170
- function getThemesDeduped(themes) {
171
- const dedupedThemes = [], existing = /* @__PURE__ */ new Map();
172
- for (const themeName in themes) {
173
- const darkOrLightSpecificPrefix = themeName.startsWith("dark") ? "dark" : themeName.startsWith("light") ? "light" : "", rawTheme = themes[themeName], key = darkOrLightSpecificPrefix + JSON.stringify(rawTheme);
174
- if (existing.has(key)) {
175
- existing.get(key).names.push(themeName);
176
- continue;
177
- }
178
- const theme = { ...rawTheme };
179
- for (const key2 in theme)
180
- (0, import_themes.ensureThemeVariable)(theme, key2);
181
- const deduped = {
182
- names: [themeName],
183
- theme
184
- };
185
- dedupedThemes.push(deduped), existing.set(key, deduped);
186
- }
187
- return dedupedThemes;
188
- }
189
- //# sourceMappingURL=createTamagui.js.map
@@ -1,21 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var createTheme_exports = {};
16
- __export(createTheme_exports, {
17
- createTheme: () => createTheme
18
- });
19
- module.exports = __toCommonJS(createTheme_exports);
20
- const createTheme = (theme) => theme;
21
- //# sourceMappingURL=createTheme.js.map
@@ -1,24 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var createTokens_exports = {};
16
- __export(createTokens_exports, {
17
- createTokens: () => createTokens
18
- });
19
- module.exports = __toCommonJS(createTokens_exports);
20
- var import_createVariables = require("./createVariables");
21
- function createTokens(tokens) {
22
- return (0, import_createVariables.createVariables)(tokens, process.env.TAMAGUI_TOKEN_PREFIX ?? "t");
23
- }
24
- //# sourceMappingURL=createTokens.js.map
@@ -1,47 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var createVariables_exports = {};
16
- __export(createVariables_exports, {
17
- createVariables: () => createVariables
18
- });
19
- module.exports = __toCommonJS(createVariables_exports);
20
- var import_helpers = require("@tamagui/helpers"), import_createVariable = require("./createVariable");
21
- const cache = /* @__PURE__ */ new WeakMap(), createVariables = (tokens, parentPath = "", isFont = !1) => {
22
- if (cache.has(tokens)) return tokens;
23
- const res = {};
24
- let i = 0;
25
- for (let keyIn in tokens) {
26
- i++;
27
- const val = tokens[keyIn], isPrefixed = keyIn[0] === "$", keyWithPrefix = isPrefixed ? keyIn : `$${keyIn}`, key = isPrefixed ? keyWithPrefix.slice(1) : keyIn;
28
- if ((0, import_createVariable.isVariable)(val)) {
29
- res[key] = val;
30
- continue;
31
- }
32
- const niceKey = (0, import_helpers.simpleHash)(key, 1e3), name = parentPath && parentPath !== "t-color" ? `${parentPath}-${niceKey}` : `c-${niceKey}`;
33
- if (val && typeof val == "object") {
34
- res[key] = createVariables(
35
- tokens[key],
36
- name,
37
- !1
38
- /* note: don't pass isFont down, we want to avoid it past the first level */
39
- );
40
- continue;
41
- }
42
- const finalValue = (0, import_createVariable.isVariable)(val) ? val : (0, import_createVariable.createVariable)({ val, name, key: keyWithPrefix });
43
- res[key] = finalValue;
44
- }
45
- return cache.set(res, !0), res;
46
- };
47
- //# sourceMappingURL=createVariables.js.map
@@ -1,37 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var defaultComponentState_exports = {};
16
- __export(defaultComponentState_exports, {
17
- defaultComponentState: () => defaultComponentState,
18
- defaultComponentStateMounted: () => defaultComponentStateMounted,
19
- defaultComponentStateShouldEnter: () => defaultComponentStateShouldEnter
20
- });
21
- module.exports = __toCommonJS(defaultComponentState_exports);
22
- const defaultComponentState = {
23
- hover: !1,
24
- press: !1,
25
- pressIn: !1,
26
- focus: !1,
27
- focusVisible: !1,
28
- unmounted: !0,
29
- disabled: !1
30
- }, defaultComponentStateMounted = {
31
- ...defaultComponentState,
32
- unmounted: !1
33
- }, defaultComponentStateShouldEnter = {
34
- ...defaultComponentState,
35
- unmounted: "should-enter"
36
- };
37
- //# sourceMappingURL=defaultComponentState.js.map
@@ -1,166 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var ThemeManager_exports = {};
16
- __export(ThemeManager_exports, {
17
- ThemeManager: () => ThemeManager,
18
- getHasThemeUpdatingProps: () => getHasThemeUpdatingProps,
19
- getManagers: () => getManagers
20
- });
21
- module.exports = __toCommonJS(ThemeManager_exports);
22
- var import_constants = require("@tamagui/constants"), import_config = require("../config"), import_constants2 = require("../constants/constants");
23
- const emptyState = { name: "" };
24
- function getHasThemeUpdatingProps(props) {
25
- return !!(props.name || props.componentName || props.inverse || props.reset);
26
- }
27
- let uid = 0;
28
- class ThemeManager {
29
- constructor(props = {}, parentManager) {
30
- this.props = props;
31
- if (uid = (uid + 1) % Number.MAX_VALUE, this.id = uid, parentManager === "root") {
32
- this.updateStateFromProps(props, !1);
33
- return;
34
- }
35
- if (!parentManager)
36
- throw process.env.NODE_ENV !== "production" ? new Error(
37
- "No parent manager given, this is likely due to duplicated Tamagui dependencies. Check your lockfile for mis-matched versions. It could also be from an error somewhere else in your stack causing Tamagui to recieve undefined context, you can try putting some ErrorBoundary components around other areas of your app, or a Suspense boundary."
38
- ) : "\u274C 000";
39
- if (this.parentManager = parentManager, !this.updateStateFromProps(props, !1))
40
- return parentManager;
41
- }
42
- id = 0;
43
- themeListeners = /* @__PURE__ */ new Set();
44
- parentManager = null;
45
- state = emptyState;
46
- updateStateFromProps(props = this.props || {}, shouldNotify = !0) {
47
- if (this.props = props, props.forceTheme)
48
- return this.state.theme = props.forceTheme, this.state.name = props.name || "", this.updateState(this.state, !0), this.state;
49
- const nextState = this.getStateIfChanged(props);
50
- if (nextState)
51
- return this.updateState(nextState, shouldNotify), nextState;
52
- }
53
- updateState(nextState, shouldNotify = !0) {
54
- this.state = nextState, this._allKeys = null;
55
- }
56
- getStateIfChanged(props = this.props, state = this.state, parentManager = this.parentManager) {
57
- const _ = this.getState(props, parentManager);
58
- if (state && state !== emptyState && !_)
59
- return parentManager?.state;
60
- if (this.getStateShouldChange(_, state))
61
- return _;
62
- }
63
- getStateShouldChange(nextState, state = this.state) {
64
- return !(!nextState?.theme || nextState.theme === state?.theme);
65
- }
66
- getState(props = this.props, parentManager = this.parentManager) {
67
- return getState(props, parentManager) || null;
68
- }
69
- _allKeys = null;
70
- get allKeys() {
71
- return this._allKeys ||= /* @__PURE__ */ new Set([
72
- ...this.parentManager?.allKeys || [],
73
- ...Object.keys(this.state.theme || {})
74
- ]), this._allKeys;
75
- }
76
- notify(forced = !1) {
77
- this.themeListeners.forEach((cb) => cb(this.state.name, this, forced)), process.env.NODE_ENV !== "production" && (this._numChangeEventsSent ??= 0, this._numChangeEventsSent++);
78
- }
79
- _selfListener;
80
- selfUpdate() {
81
- this._selfListener?.(this.state.name, this, "self");
82
- }
83
- onChangeTheme(cb, debugId) {
84
- return process.env.NODE_ENV !== "production" && debugId && (this._listeningIds ??= /* @__PURE__ */ new Set(), this._listeningIds.add(debugId)), debugId === !0 && (this._selfListener = cb), this.themeListeners.add(cb), () => {
85
- this.themeListeners.delete(cb);
86
- };
87
- }
88
- }
89
- function getState(props, manager) {
90
- if (props.name && props.reset)
91
- throw new Error(
92
- process.env.NODE_ENV === "production" ? "\u274C004" : "Cannot reset and set a new name at the same time."
93
- );
94
- if (!getHasThemeUpdatingProps(props))
95
- return null;
96
- const themes = (0, import_config.getThemes)(), [allManagers, componentManagers] = getManagers(manager), isDirectParentAComponentTheme = !!manager?.state.isComponent, startIndex = props.reset && !isDirectParentAComponentTheme ? 1 : 0;
97
- let baseManager = allManagers[startIndex], parentManager = allManagers[startIndex + 1];
98
- if (!baseManager && props.reset)
99
- return process.env.NODE_ENV !== "production" && console.warn("Cannot reset, no parent theme exists"), null;
100
- const { componentName } = props;
101
- let result = null, baseName = baseManager?.state.name || "";
102
- baseManager?.state.isComponent && (baseName = baseName.replace(/_[A-Z][A-Za-z]+/, ""));
103
- const nextName = props.reset ? baseName : props.name || "", allComponentThemes = componentManagers.map((x) => x?.state.name || "");
104
- isDirectParentAComponentTheme && allComponentThemes.shift();
105
- const base = baseName.split(import_constants2.THEME_NAME_SEPARATOR), max = base.length, min = props.componentName && !nextName ? max : 0;
106
- for (let i = max; i >= min; i--) {
107
- let prefix = base.slice(0, i).join(import_constants2.THEME_NAME_SEPARATOR);
108
- props.inverse && (prefix = inverseThemeName(prefix));
109
- let potentials = [];
110
- if (prefix && prefix !== baseName && prefix.includes(nextName) && potentials.push(prefix), nextName && potentials.unshift(prefix ? `${prefix}_${nextName}` : nextName), i === 1) {
111
- const lastSegment = potentials.findIndex((x) => !x.includes("_"));
112
- lastSegment > 0 && potentials.splice(lastSegment, 0, nextName);
113
- }
114
- if (componentName && !props.reset) {
115
- const baseLen = base.length;
116
- let componentPotentials = [];
117
- if (nextName && baseLen > 1) {
118
- const beforeSeparator = base[0];
119
- componentPotentials.push(`${beforeSeparator}_${nextName}_${componentName}`);
120
- }
121
- if (componentPotentials.push(`${prefix}_${componentName}`), nextName) {
122
- if (i > baseLen) {
123
- const prefixLessOne = base.slice(0, i - 1).join(import_constants2.THEME_NAME_SEPARATOR);
124
- if (prefixLessOne) {
125
- const lessSpecific = `${prefixLessOne}_${nextName}_${componentName}`;
126
- componentPotentials.unshift(lessSpecific);
127
- }
128
- }
129
- const moreSpecific = `${prefix}_${nextName}_${componentName}`;
130
- componentPotentials.unshift(moreSpecific);
131
- }
132
- potentials = [...componentPotentials, ...potentials, ...allComponentThemes];
133
- }
134
- const found = potentials.find((t) => t in themes);
135
- if (process.env.NODE_ENV !== "production" && typeof props.debug == "string" && import_constants.isClient && console.info(` \u{1F537} [${manager?.id}] getState`, {
136
- props,
137
- found,
138
- potentials,
139
- baseManager,
140
- nextName,
141
- baseName,
142
- prefix
143
- }), found) {
144
- const names = found.split("_"), [firstName, ...restNames] = names, lastName = names[names.length - 1], isComponent = lastName[0] === lastName[0].toUpperCase(), scheme = firstName === "light" ? "light" : firstName === "dark" ? "dark" : void 0, pre = import_constants2.THEME_CLASSNAME_PREFIX, className = import_constants.isWeb ? `${pre}sub_theme ${pre}${!scheme || !restNames.length ? firstName : restNames.join("_")}` : "", parentName = (baseManager || parentManager)?.state?.name;
145
- result = {
146
- name: found,
147
- parentName,
148
- theme: themes[found],
149
- className,
150
- isComponent,
151
- scheme
152
- };
153
- break;
154
- }
155
- }
156
- return process.env.NODE_ENV !== "production" && props.debug === "verbose" && import_constants.isClient && (console.groupCollapsed("ThemeManager.getState()"), console.info({ props, baseName, base, min, max }), console.warn("result", { result }), console.trace(), console.groupEnd()), result;
157
- }
158
- const inverseThemeName = (themeName) => themeName.startsWith("light") ? themeName.replace(/^light/, "dark") : themeName.replace(/^dark/, "light");
159
- function getManagers(themeManager) {
160
- const comp = [], all = [];
161
- let cur = themeManager;
162
- for (; cur; )
163
- all.push(cur), cur.state.isComponent && comp.push(cur), cur = cur.parentManager;
164
- return [all, comp];
165
- }
166
- //# sourceMappingURL=ThemeManager.js.map
@@ -1,74 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var createMediaStyle_exports = {};
16
- __export(createMediaStyle_exports, {
17
- MEDIA_SEP: () => MEDIA_SEP,
18
- createMediaStyle: () => createMediaStyle
19
- });
20
- module.exports = __toCommonJS(createMediaStyle_exports);
21
- var import_config = require("../config"), import_useMedia = require("../hooks/useMedia"), import_getGroupPropParts = require("./getGroupPropParts");
22
- const MEDIA_SEP = "_";
23
- let prefixes = null, selectors = null;
24
- const groupPseudoToPseudoCSSMap = {
25
- press: "active"
26
- }, specificities = new Array(5).fill(0).map((_, i) => new Array(i).fill(":root").join(""));
27
- function getThemeOrGroupSelector(name, styleInner, isGroup, groupParts, isTheme = !1, precedenceImportancePrefix = "") {
28
- const selectorStart = styleInner.lastIndexOf(":root") + 5, selectorEnd = styleInner.lastIndexOf("{"), selector = styleInner.slice(selectorStart, selectorEnd), precedenceSpace = (0, import_config.getSetting)("themeClassNameOnRoot") && isTheme ? "" : " ", pseudoSelectorName = groupParts.pseudo ? groupPseudoToPseudoCSSMap[groupParts.pseudo] || groupParts.pseudo : void 0, pseudoSelector = pseudoSelectorName ? `:${pseudoSelectorName}` : "", presedencePrefix = `:root${precedenceImportancePrefix}${precedenceSpace}`, mediaSelector = `.t_${isGroup ? "group_" : ""}${name}${pseudoSelector}`;
29
- return [
30
- selector,
31
- `${presedencePrefix}${mediaSelector} ${selector.replaceAll(":root", "")}`
32
- ];
33
- }
34
- const createMediaStyle = (styleObject, mediaKeyIn, mediaQueries, type, negate, priority) => {
35
- const [property, , identifier, pseudoIn, rules] = styleObject, enableMediaPropOrder = (0, import_config.getSetting)("mediaPropOrder"), isTheme = type === "theme", isPlatform = type === "platform", isGroup = type === "group", isNonWindowMedia = isTheme || isPlatform || isGroup, negKey = negate ? "0" : "", ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1), id = `${ogPrefix}${MEDIA_SEP}${mediaKeyIn.replace("-", "")}${negKey}${MEDIA_SEP}`;
36
- let styleRule = "", groupPriority = "", groupMediaKey, containerName, nextIdentifier = identifier.replace(ogPrefix, id), styleInner = rules.map((rule) => rule.replace(identifier, nextIdentifier)).join(";"), isHover = !1;
37
- if (isNonWindowMedia) {
38
- let specificity = (priority || 0) + (isGroup || isPlatform ? 1 : 0);
39
- if (isTheme || isGroup) {
40
- const groupParts = (0, import_getGroupPropParts.getGroupPropParts)(isTheme ? "theme-" + mediaKeyIn : mediaKeyIn), { name, media, pseudo } = groupParts;
41
- groupMediaKey = media, isGroup && (containerName = name), (pseudo === "press" || pseudoIn === "active") && (specificity += 2), pseudo === "hover" && (isHover = !0);
42
- const [selector, nextSelector] = getThemeOrGroupSelector(
43
- name,
44
- styleInner,
45
- isGroup,
46
- groupParts,
47
- isTheme,
48
- specificities[specificity]
49
- );
50
- styleRule = styleInner.replace(selector, nextSelector);
51
- } else
52
- styleRule = `${specificities[specificity]}${styleInner}`;
53
- }
54
- if (!isNonWindowMedia || groupMediaKey) {
55
- if (!selectors) {
56
- const mediaKeys = Object.keys(mediaQueries);
57
- selectors = Object.fromEntries(
58
- mediaKeys.map((key) => [key, (0, import_useMedia.mediaObjectToString)(mediaQueries[key])])
59
- ), enableMediaPropOrder || (prefixes = Object.fromEntries(
60
- mediaKeys.map((k, index) => [k, new Array(index + 1).fill(":root").join("")])
61
- ));
62
- }
63
- const mediaKey = groupMediaKey || mediaKeyIn, mediaSelector = selectors[mediaKey], mediaQuery = `${negate ? "not all and " : ""}${mediaSelector}`, precedenceImportancePrefix = groupMediaKey ? groupPriority : enableMediaPropOrder && priority ? (
64
- // this new array should be cached
65
- specificities[priority]
66
- ) : (
67
- // @ts-ignore
68
- prefixes[mediaKey]
69
- ), prefix = groupMediaKey ? `@container ${containerName}` : "@media";
70
- groupMediaKey && (styleInner = styleRule), styleInner.includes(prefix) ? styleRule = styleInner.replace("{", ` and ${mediaQuery} {`).replace("and screen and", "and") : styleRule = `${prefix} ${mediaQuery}{${precedenceImportancePrefix}${styleInner}}`, groupMediaKey && (styleRule = `@supports (contain: ${(0, import_config.getSetting)("webContainerType") || "inline-size"}) {${styleRule}}`);
71
- }
72
- return isHover && (styleRule = `@media (hover:hover){${styleRule}}`), [property, void 0, nextIdentifier, void 0, [styleRule]];
73
- };
74
- //# sourceMappingURL=createMediaStyle.js.map
@@ -1,53 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var createStyledContext_exports = {};
24
- __export(createStyledContext_exports, {
25
- createStyledContext: () => createStyledContext
26
- });
27
- module.exports = __toCommonJS(createStyledContext_exports);
28
- var import_react = __toESM(require("react")), import_objectIdentityKey = require("./objectIdentityKey"), import_jsx_runtime = require("react/jsx-runtime");
29
- function createStyledContext(defaultValues) {
30
- const OGContext = import_react.default.createContext(defaultValues), OGProvider = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map();
31
- function getOrCreateScopedContext(scope) {
32
- let ScopedContext = scopedContexts.get(scope);
33
- return ScopedContext || (ScopedContext = import_react.default.createContext(defaultValues), scopedContexts.set(scope, ScopedContext)), ScopedContext;
34
- }
35
- const Provider = ({
36
- children,
37
- scope,
38
- ...values
39
- }) => {
40
- const next = import_react.default.useMemo(() => ({
41
- // this ! is a workaround for ts error
42
- ...defaultValues,
43
- ...values
44
- }), [(0, import_objectIdentityKey.objectIdentityKey)(values)]);
45
- let Provider2 = OGProvider;
46
- return scope && (Provider2 = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider2, { value: next, children });
47
- }, useStyledContext = (scope) => {
48
- const context = scope ? getOrCreateScopedContext(scope) : OGContext;
49
- return import_react.default.useContext(context);
50
- };
51
- return Context.Provider = Provider, Context.props = defaultValues, Context.context = OGContext, Context.useStyledContext = useStyledContext, Context;
52
- }
53
- //# sourceMappingURL=createStyledContext.js.map
@@ -1,21 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var defaultOffset_exports = {};
16
- __export(defaultOffset_exports, {
17
- defaultOffset: () => defaultOffset
18
- });
19
- module.exports = __toCommonJS(defaultOffset_exports);
20
- const defaultOffset = { height: 0, width: 0 };
21
- //# sourceMappingURL=defaultOffset.js.map