@tamagui/web 2.0.0-rc.3 → 2.0.0-rc.31
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.
- package/.turbo/turbo-build.log +2 -0
- package/.turbo/turbo-test$colon$web.log +15 -0
- package/dist/cjs/Tamagui.cjs +2 -2
- package/dist/cjs/Tamagui.native.js +2 -2
- package/dist/cjs/Tamagui.native.js.map +1 -1
- package/dist/cjs/_withStableStyle.cjs +17 -6
- package/dist/cjs/_withStableStyle.native.js +18 -5
- package/dist/cjs/_withStableStyle.native.js.map +1 -1
- package/dist/cjs/animationDriverTypes.test-d.cjs +11 -0
- package/dist/cjs/animationDriverTypes.test-d.native.js +11 -0
- package/dist/cjs/animationDriverTypes.test-d.native.js.map +1 -1
- package/dist/cjs/config.cjs +5 -1
- package/dist/cjs/config.native.js +5 -1
- package/dist/cjs/config.native.js.map +1 -1
- package/dist/cjs/constants/constants.cjs +2 -16
- package/dist/cjs/constants/constants.native.js +1 -14
- package/dist/cjs/constants/constants.native.js.map +1 -1
- package/dist/cjs/createComponent.cjs +92 -79
- package/dist/cjs/createComponent.native.js +112 -88
- package/dist/cjs/createComponent.native.js.map +1 -1
- package/dist/cjs/createTamagui.cjs +38 -37
- package/dist/cjs/createTamagui.native.js +41 -37
- package/dist/cjs/createTamagui.native.js.map +1 -1
- package/dist/cjs/createVariable.native.js.map +1 -1
- package/dist/cjs/eventHandling.cjs +1 -1
- package/dist/cjs/eventHandling.native.js +84 -57
- package/dist/cjs/eventHandling.native.js.map +1 -1
- package/dist/cjs/helpers/createDesignSystem.cjs +44 -7
- package/dist/cjs/helpers/createDesignSystem.native.js +36 -6
- package/dist/cjs/helpers/createDesignSystem.native.js.map +1 -1
- package/dist/cjs/helpers/createMediaStyle.cjs +8 -5
- package/dist/cjs/helpers/createMediaStyle.native.js +10 -7
- package/dist/cjs/helpers/createMediaStyle.native.js.map +1 -1
- package/dist/cjs/helpers/createStyledContext.cjs +11 -7
- package/dist/cjs/helpers/createStyledContext.native.js +50 -46
- package/dist/cjs/helpers/createStyledContext.native.js.map +1 -1
- package/dist/cjs/helpers/defaultAnimationDriver.cjs +0 -2
- package/dist/cjs/helpers/defaultAnimationDriver.native.js +0 -2
- package/dist/cjs/helpers/defaultAnimationDriver.native.js.map +1 -1
- package/dist/cjs/helpers/expandStyle.cjs +2 -1
- package/dist/cjs/helpers/expandStyle.native.js +9 -0
- package/dist/cjs/helpers/expandStyle.native.js.map +1 -1
- package/dist/cjs/helpers/getCSSStylesAtomic.cjs +8 -8
- package/dist/cjs/helpers/getDefaultProps.cjs +3 -9
- package/dist/cjs/helpers/getDefaultProps.native.js +3 -4
- package/dist/cjs/helpers/getDefaultProps.native.js.map +1 -1
- package/dist/cjs/helpers/getGroupPropParts.cjs +2 -2
- package/dist/cjs/helpers/getGroupPropParts.native.js +2 -2
- package/dist/cjs/helpers/getGroupPropParts.native.js.map +1 -1
- package/dist/cjs/helpers/getSplitStyles.cjs +59 -28
- package/dist/cjs/helpers/getSplitStyles.native.js +114 -77
- package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/cjs/helpers/getThemeCSSRules.cjs +17 -9
- package/dist/cjs/helpers/getTokenForKey.cjs +127 -0
- package/dist/cjs/helpers/getTokenForKey.native.js +145 -0
- package/dist/cjs/helpers/getTokenForKey.native.js.map +1 -0
- package/dist/cjs/helpers/insertStyleRule.cjs +1 -1
- package/dist/cjs/helpers/insertStyleRule.native.js +1 -1
- package/dist/cjs/helpers/mainThreadPressEvents.native.js +63 -16
- package/dist/cjs/helpers/mainThreadPressEvents.native.js.map +1 -1
- package/dist/cjs/helpers/mediaObjectToString.cjs +35 -0
- package/dist/cjs/helpers/mediaObjectToString.native.js +43 -0
- package/dist/cjs/helpers/mediaObjectToString.native.js.map +1 -0
- package/dist/cjs/helpers/mediaState.cjs +45 -0
- package/dist/cjs/helpers/mediaState.native.js +50 -0
- package/dist/cjs/helpers/mediaState.native.js.map +1 -0
- package/dist/cjs/helpers/normalizeColor.cjs +6 -1
- package/dist/cjs/helpers/normalizeValueWithProperty.cjs +2 -1
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js +2 -1
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js.map +1 -1
- package/dist/cjs/helpers/parseNativeStyle.cjs +133 -0
- package/dist/cjs/helpers/parseNativeStyle.native.js +151 -0
- package/dist/cjs/helpers/parseNativeStyle.native.js.map +1 -0
- package/dist/cjs/{createTheme.cjs → helpers/parseOutlineShorthand.cjs} +5 -5
- package/dist/cjs/helpers/parseOutlineShorthand.native.js +58 -0
- package/dist/cjs/helpers/parseOutlineShorthand.native.js.map +1 -0
- package/dist/cjs/helpers/platformResolveValue.cjs +33 -0
- package/dist/cjs/helpers/platformResolveValue.native.js +62 -0
- package/dist/cjs/helpers/platformResolveValue.native.js.map +1 -0
- package/dist/cjs/helpers/propMapper.cjs +26 -96
- package/dist/cjs/helpers/propMapper.native.js +61 -108
- package/dist/cjs/helpers/propMapper.native.js.map +1 -1
- package/dist/cjs/helpers/pseudoTransitions.cjs +65 -0
- package/dist/cjs/helpers/pseudoTransitions.native.js +72 -0
- package/dist/cjs/helpers/pseudoTransitions.native.js.map +1 -0
- package/dist/cjs/{constants/webToNativeProps.cjs → helpers/resolveAnimationDriver.cjs} +7 -7
- package/dist/cjs/{views/Stack.native.js → helpers/resolveAnimationDriver.native.js} +9 -14
- package/dist/cjs/helpers/resolveAnimationDriver.native.js.map +1 -0
- package/dist/cjs/{views/Stack.cjs → helpers/resolveCompoundTokens.cjs} +16 -13
- package/dist/cjs/helpers/resolveCompoundTokens.native.js +40 -0
- package/dist/cjs/helpers/resolveCompoundTokens.native.js.map +1 -0
- package/dist/cjs/helpers/skipProps.cjs +1 -0
- package/dist/cjs/helpers/skipProps.native.js +1 -0
- package/dist/cjs/helpers/skipProps.native.js.map +1 -1
- package/dist/cjs/helpers/themeable.cjs +4 -2
- package/dist/cjs/helpers/themeable.native.js +4 -2
- package/dist/cjs/helpers/themeable.native.js.map +1 -1
- package/dist/cjs/helpers/useRenderElement.native.js +1 -1
- package/dist/cjs/helpers/useRenderElement.native.js.map +1 -1
- package/dist/cjs/hooks/useComponentState.cjs +9 -5
- package/dist/cjs/hooks/useComponentState.native.js +10 -6
- package/dist/cjs/hooks/useComponentState.native.js.map +1 -1
- package/dist/cjs/hooks/useMedia.cjs +25 -48
- package/dist/cjs/hooks/useMedia.native.js +25 -55
- package/dist/cjs/hooks/useMedia.native.js.map +1 -1
- package/dist/cjs/hooks/useProps.cjs +3 -2
- package/dist/cjs/hooks/useProps.native.js +3 -2
- package/dist/cjs/hooks/useProps.native.js.map +1 -1
- package/dist/cjs/hooks/useTheme.cjs +4 -0
- package/dist/cjs/hooks/useTheme.native.js +4 -0
- package/dist/cjs/hooks/useTheme.native.js.map +1 -1
- package/dist/cjs/hooks/useThemeState.cjs +30 -12
- package/dist/cjs/hooks/useThemeState.native.js +28 -12
- package/dist/cjs/hooks/useThemeState.native.js.map +1 -1
- package/dist/cjs/index.cjs +9 -5
- package/dist/cjs/index.native.js +9 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/styled.native.js.map +1 -1
- package/dist/cjs/views/TamaguiProvider.cjs +20 -33
- package/dist/cjs/views/TamaguiProvider.native.js +28 -39
- package/dist/cjs/views/TamaguiProvider.native.js.map +1 -1
- package/dist/cjs/views/TamaguiRoot.cjs +68 -0
- package/dist/cjs/{createTheme.native.js → views/TamaguiRoot.native.js} +8 -8
- package/dist/cjs/views/TamaguiRoot.native.js.map +1 -0
- package/dist/cjs/views/Text.cjs +2 -10
- package/dist/cjs/views/Text.native.js +0 -1
- package/dist/cjs/views/Text.native.js.map +1 -1
- package/dist/cjs/views/Theme.cjs +2 -0
- package/dist/cjs/views/Theme.native.js +2 -0
- package/dist/cjs/views/Theme.native.js.map +1 -1
- package/dist/cjs/views/ThemeProvider.cjs +3 -1
- package/dist/cjs/views/ThemeProvider.native.js +2 -0
- package/dist/cjs/views/ThemeProvider.native.js.map +1 -1
- package/dist/cjs/views/View.cjs +0 -2
- package/dist/cjs/views/View.native.js +0 -2
- package/dist/cjs/views/View.native.js.map +1 -1
- package/dist/esm/Tamagui.mjs +1 -1
- package/dist/esm/Tamagui.native.js +1 -1
- package/dist/esm/_withStableStyle.mjs +18 -7
- package/dist/esm/_withStableStyle.mjs.map +1 -1
- package/dist/esm/_withStableStyle.native.js +19 -6
- package/dist/esm/_withStableStyle.native.js.map +1 -1
- package/dist/esm/animationDriverTypes.test-d.mjs +11 -0
- package/dist/esm/animationDriverTypes.test-d.mjs.map +1 -1
- package/dist/esm/animationDriverTypes.test-d.native.js +11 -0
- package/dist/esm/animationDriverTypes.test-d.native.js.map +1 -1
- package/dist/esm/config.mjs +5 -1
- package/dist/esm/config.mjs.map +1 -1
- package/dist/esm/config.native.js +5 -1
- package/dist/esm/config.native.js.map +1 -1
- package/dist/esm/constants/constants.mjs +2 -14
- package/dist/esm/constants/constants.mjs.map +1 -1
- package/dist/esm/constants/constants.native.js +1 -12
- package/dist/esm/constants/constants.native.js.map +1 -1
- package/dist/esm/createComponent.mjs +91 -79
- package/dist/esm/createComponent.mjs.map +1 -1
- package/dist/esm/createComponent.native.js +112 -89
- package/dist/esm/createComponent.native.js.map +1 -1
- package/dist/esm/createTamagui.mjs +38 -37
- package/dist/esm/createTamagui.mjs.map +1 -1
- package/dist/esm/createTamagui.native.js +41 -37
- package/dist/esm/createTamagui.native.js.map +1 -1
- package/dist/esm/createVariable.mjs.map +1 -1
- package/dist/esm/eventHandling.mjs +1 -1
- package/dist/esm/eventHandling.mjs.map +1 -1
- package/dist/esm/eventHandling.native.js +84 -57
- package/dist/esm/eventHandling.native.js.map +1 -1
- package/dist/esm/helpers/createDesignSystem.mjs +43 -7
- package/dist/esm/helpers/createDesignSystem.mjs.map +1 -1
- package/dist/esm/helpers/createDesignSystem.native.js +35 -7
- package/dist/esm/helpers/createDesignSystem.native.js.map +1 -1
- package/dist/esm/helpers/createMediaStyle.mjs +7 -4
- package/dist/esm/helpers/createMediaStyle.mjs.map +1 -1
- package/dist/esm/helpers/createMediaStyle.native.js +9 -6
- package/dist/esm/helpers/createMediaStyle.native.js.map +1 -1
- package/dist/esm/helpers/createStyledContext.mjs +12 -8
- package/dist/esm/helpers/createStyledContext.mjs.map +1 -1
- package/dist/esm/helpers/createStyledContext.native.js +11 -7
- package/dist/esm/helpers/createStyledContext.native.js.map +1 -1
- package/dist/esm/helpers/defaultAnimationDriver.mjs +0 -2
- package/dist/esm/helpers/defaultAnimationDriver.mjs.map +1 -1
- package/dist/esm/helpers/defaultAnimationDriver.native.js +0 -2
- package/dist/esm/helpers/defaultAnimationDriver.native.js.map +1 -1
- package/dist/esm/helpers/expandStyle.mjs +0 -1
- package/dist/esm/helpers/expandStyle.mjs.map +1 -1
- package/dist/esm/helpers/expandStyle.native.js +9 -1
- package/dist/esm/helpers/expandStyle.native.js.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomic.mjs +8 -8
- package/dist/esm/helpers/getCSSStylesAtomic.mjs.map +1 -1
- package/dist/esm/helpers/getDefaultProps.mjs +3 -9
- package/dist/esm/helpers/getDefaultProps.mjs.map +1 -1
- package/dist/esm/helpers/getDefaultProps.native.js +3 -4
- package/dist/esm/helpers/getDefaultProps.native.js.map +1 -1
- package/dist/esm/helpers/getGroupPropParts.mjs +1 -1
- package/dist/esm/helpers/getGroupPropParts.native.js +1 -1
- package/dist/esm/helpers/getSplitStyles.mjs +59 -29
- package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
- package/dist/esm/helpers/getSplitStyles.native.js +113 -77
- package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/esm/helpers/getThemeCSSRules.mjs +17 -9
- package/dist/esm/helpers/getThemeCSSRules.mjs.map +1 -1
- package/dist/esm/helpers/getTokenForKey.mjs +101 -0
- package/dist/esm/helpers/getTokenForKey.mjs.map +1 -0
- package/dist/esm/helpers/getTokenForKey.native.js +116 -0
- package/dist/esm/helpers/getTokenForKey.native.js.map +1 -0
- package/dist/esm/helpers/insertStyleRule.mjs +1 -1
- package/dist/esm/helpers/insertStyleRule.native.js +1 -1
- package/dist/esm/helpers/mainThreadPressEvents.native.js +63 -16
- package/dist/esm/helpers/mainThreadPressEvents.native.js.map +1 -1
- package/dist/esm/helpers/mediaObjectToString.mjs +12 -0
- package/dist/esm/helpers/mediaObjectToString.mjs.map +1 -0
- package/dist/esm/helpers/mediaObjectToString.native.js +17 -0
- package/dist/esm/helpers/mediaObjectToString.native.js.map +1 -0
- package/dist/esm/helpers/mediaState.mjs +18 -0
- package/dist/esm/helpers/mediaState.mjs.map +1 -0
- package/dist/esm/helpers/mediaState.native.js +20 -0
- package/dist/esm/helpers/mediaState.native.js.map +1 -0
- package/dist/esm/helpers/normalizeColor.mjs +6 -1
- package/dist/esm/helpers/normalizeColor.mjs.map +1 -1
- package/dist/esm/helpers/normalizeValueWithProperty.mjs +2 -1
- package/dist/esm/helpers/normalizeValueWithProperty.mjs.map +1 -1
- package/dist/esm/helpers/normalizeValueWithProperty.native.js +2 -1
- package/dist/esm/helpers/normalizeValueWithProperty.native.js.map +1 -1
- package/dist/esm/helpers/parseNativeStyle.mjs +110 -0
- package/dist/esm/helpers/parseNativeStyle.mjs.map +1 -0
- package/dist/esm/helpers/parseNativeStyle.native.js +125 -0
- package/dist/esm/helpers/parseNativeStyle.native.js.map +1 -0
- package/dist/esm/helpers/parseOutlineShorthand.mjs +3 -0
- package/dist/esm/helpers/parseOutlineShorthand.mjs.map +1 -0
- package/dist/esm/helpers/parseOutlineShorthand.native.js +32 -0
- package/dist/esm/helpers/parseOutlineShorthand.native.js.map +1 -0
- package/dist/esm/helpers/platformResolveValue.mjs +10 -0
- package/dist/esm/helpers/platformResolveValue.mjs.map +1 -0
- package/dist/esm/helpers/platformResolveValue.native.js +36 -0
- package/dist/esm/helpers/platformResolveValue.native.js.map +1 -0
- package/dist/esm/helpers/propMapper.mjs +24 -96
- package/dist/esm/helpers/propMapper.mjs.map +1 -1
- package/dist/esm/helpers/propMapper.native.js +60 -107
- package/dist/esm/helpers/propMapper.native.js.map +1 -1
- package/dist/esm/helpers/pseudoTransitions.mjs +41 -0
- package/dist/esm/helpers/pseudoTransitions.mjs.map +1 -0
- package/dist/esm/helpers/pseudoTransitions.native.js +45 -0
- package/dist/esm/helpers/pseudoTransitions.native.js.map +1 -0
- package/dist/esm/helpers/resolveAnimationDriver.mjs +5 -0
- package/dist/esm/helpers/resolveAnimationDriver.mjs.map +1 -0
- package/dist/esm/helpers/resolveAnimationDriver.native.js +6 -0
- package/dist/esm/helpers/resolveAnimationDriver.native.js.map +1 -0
- package/dist/esm/helpers/resolveCompoundTokens.mjs +14 -0
- package/dist/esm/helpers/resolveCompoundTokens.mjs.map +1 -0
- package/dist/esm/helpers/resolveCompoundTokens.native.js +14 -0
- package/dist/esm/helpers/resolveCompoundTokens.native.js.map +1 -0
- package/dist/esm/helpers/skipProps.mjs +1 -1
- package/dist/esm/helpers/skipProps.mjs.map +1 -1
- package/dist/esm/helpers/skipProps.native.js +1 -1
- package/dist/esm/helpers/skipProps.native.js.map +1 -1
- package/dist/esm/helpers/themeable.mjs +4 -2
- package/dist/esm/helpers/themeable.mjs.map +1 -1
- package/dist/esm/helpers/themeable.native.js +4 -2
- package/dist/esm/helpers/themeable.native.js.map +1 -1
- package/dist/esm/helpers/useRenderElement.mjs.map +1 -1
- package/dist/esm/helpers/useRenderElement.native.js +1 -1
- package/dist/esm/helpers/useRenderElement.native.js.map +1 -1
- package/dist/esm/helpers/wrapStyleTags.native.js +0 -2
- package/dist/esm/helpers/wrapStyleTags.native.js.map +1 -1
- package/dist/esm/hooks/getThemeProxied.mjs +0 -3
- package/dist/esm/hooks/getThemeProxied.mjs.map +1 -1
- package/dist/esm/hooks/useComponentState.mjs +9 -5
- package/dist/esm/hooks/useComponentState.mjs.map +1 -1
- package/dist/esm/hooks/useComponentState.native.js +10 -6
- package/dist/esm/hooks/useComponentState.native.js.map +1 -1
- package/dist/esm/hooks/useMedia.mjs +21 -39
- package/dist/esm/hooks/useMedia.mjs.map +1 -1
- package/dist/esm/hooks/useMedia.native.js +22 -47
- package/dist/esm/hooks/useMedia.native.js.map +1 -1
- package/dist/esm/hooks/useProps.mjs +2 -1
- package/dist/esm/hooks/useProps.mjs.map +1 -1
- package/dist/esm/hooks/useProps.native.js +2 -1
- package/dist/esm/hooks/useProps.native.js.map +1 -1
- package/dist/esm/hooks/useTheme.mjs +4 -0
- package/dist/esm/hooks/useTheme.mjs.map +1 -1
- package/dist/esm/hooks/useTheme.native.js +4 -0
- package/dist/esm/hooks/useTheme.native.js.map +1 -1
- package/dist/esm/hooks/useThemeState.mjs +30 -13
- package/dist/esm/hooks/useThemeState.mjs.map +1 -1
- package/dist/esm/hooks/useThemeState.native.js +28 -12
- package/dist/esm/hooks/useThemeState.native.js.map +1 -1
- package/dist/esm/index.js +67 -107
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/index.mjs +5 -1
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +5 -1
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/insertFont.native.js +0 -1
- package/dist/esm/insertFont.native.js.map +1 -1
- package/dist/esm/styled.mjs.map +1 -1
- package/dist/esm/styled.native.js.map +1 -1
- package/dist/esm/views/TamaguiProvider.mjs +21 -34
- package/dist/esm/views/TamaguiProvider.mjs.map +1 -1
- package/dist/esm/views/TamaguiProvider.native.js +28 -40
- package/dist/esm/views/TamaguiProvider.native.js.map +1 -1
- package/dist/esm/views/TamaguiRoot.mjs +34 -0
- package/dist/esm/views/TamaguiRoot.mjs.map +1 -0
- package/dist/esm/views/TamaguiRoot.native.js +5 -0
- package/dist/esm/views/TamaguiRoot.native.js.map +1 -0
- package/dist/esm/views/Text.mjs +1 -9
- package/dist/esm/views/Text.mjs.map +1 -1
- package/dist/esm/views/Text.native.js +0 -1
- package/dist/esm/views/Text.native.js.map +1 -1
- package/dist/esm/views/Theme.mjs +2 -0
- package/dist/esm/views/Theme.mjs.map +1 -1
- package/dist/esm/views/Theme.native.js +2 -0
- package/dist/esm/views/Theme.native.js.map +1 -1
- package/dist/esm/views/ThemeProvider.mjs +3 -1
- package/dist/esm/views/ThemeProvider.mjs.map +1 -1
- package/dist/esm/views/ThemeProvider.native.js +2 -2
- package/dist/esm/views/ThemeProvider.native.js.map +1 -1
- package/dist/esm/views/View.mjs +0 -2
- package/dist/esm/views/View.mjs.map +1 -1
- package/dist/esm/views/View.native.js +0 -2
- package/dist/esm/views/View.native.js.map +1 -1
- package/inject-styles/index.cjs +2 -0
- package/inject-styles/index.js +2 -0
- package/inject-styles.cjs +1 -0
- package/package.json +21 -27
- package/src/Tamagui.ts +1 -1
- package/src/_withStableStyle.tsx +44 -16
- package/src/animationDriverTypes.test-d.ts +76 -0
- package/src/config.ts +5 -1
- package/src/constants/constants.ts +0 -17
- package/src/createComponent.tsx +224 -93
- package/src/createTamagui.ts +20 -11
- package/src/createVariable.ts +1 -1
- package/src/eventHandling.native.ts +80 -53
- package/src/eventHandling.ts +2 -1
- package/src/helpers/createDesignSystem.ts +77 -6
- package/src/helpers/createMediaStyle.ts +12 -4
- package/src/helpers/createStyledContext.tsx +27 -18
- package/src/helpers/defaultAnimationDriver.tsx +0 -2
- package/src/helpers/expandStyle.ts +11 -0
- package/src/helpers/getCSSStylesAtomic.ts +13 -14
- package/src/helpers/getDefaultProps.ts +4 -15
- package/src/helpers/getGroupPropParts.ts +1 -1
- package/src/helpers/getSplitStyles.tsx +174 -40
- package/src/helpers/getThemeCSSRules.ts +16 -14
- package/src/helpers/getTokenForKey.ts +223 -0
- package/src/helpers/insertStyleRule.tsx +1 -1
- package/src/helpers/mainThreadPressEvents.native.ts +118 -25
- package/src/helpers/mediaObjectToString.ts +30 -0
- package/src/helpers/mediaState.ts +32 -0
- package/src/helpers/normalizeColor.ts +12 -8
- package/src/helpers/normalizeValueWithProperty.ts +8 -1
- package/src/helpers/parseNativeStyle.ts +193 -0
- package/src/helpers/parseOutlineShorthand.native.ts +62 -0
- package/src/helpers/parseOutlineShorthand.ts +6 -0
- package/src/helpers/platformResolveValue.native.ts +72 -0
- package/src/helpers/platformResolveValue.ts +22 -0
- package/src/helpers/propMapper.ts +65 -221
- package/src/helpers/pseudoTransitions.ts +97 -0
- package/src/helpers/resolveAnimationDriver.ts +23 -0
- package/src/helpers/resolveCompoundTokens.ts +28 -0
- package/src/helpers/skipProps.ts +1 -0
- package/src/helpers/themeable.tsx +7 -5
- package/src/helpers/useRenderElement.tsx +7 -0
- package/src/hooks/useComponentState.ts +11 -8
- package/src/hooks/useMedia.tsx +28 -75
- package/src/hooks/useProps.tsx +2 -1
- package/src/hooks/useTheme.tsx +4 -0
- package/src/hooks/useThemeState.ts +57 -14
- package/src/index.ts +4 -4
- package/src/styled.tsx +2 -2
- package/src/types.tsx +205 -57
- package/src/views/TamaguiProvider.tsx +35 -54
- package/src/views/TamaguiRoot.native.tsx +9 -0
- package/src/views/TamaguiRoot.tsx +64 -0
- package/src/views/Text.tsx +1 -9
- package/src/views/Theme.tsx +2 -0
- package/src/views/ThemeProvider.tsx +3 -1
- package/src/views/View.tsx +0 -2
- package/tsconfig.json +44 -0
- package/tsconfig.test.json +9 -0
- package/types/_withStableStyle.d.ts +1 -1
- package/types/_withStableStyle.d.ts.map +1 -1
- package/types/config.d.ts.map +1 -1
- package/types/constants/constants.d.ts +0 -3
- package/types/constants/constants.d.ts.map +1 -1
- package/types/createComponent.d.ts.map +1 -1
- package/types/createTamagui.d.ts.map +1 -1
- package/types/createVariable.d.ts +1 -1
- package/types/createVariable.d.ts.map +1 -1
- package/types/eventHandling.d.ts +1 -1
- package/types/eventHandling.d.ts.map +1 -1
- package/types/eventHandling.native.d.ts +2 -2
- package/types/eventHandling.native.d.ts.map +1 -1
- package/types/helpers/createDesignSystem.d.ts +5 -2
- package/types/helpers/createDesignSystem.d.ts.map +1 -1
- package/types/helpers/createMediaStyle.d.ts.map +1 -1
- package/types/helpers/createStyledContext.d.ts +1 -1
- package/types/helpers/createStyledContext.d.ts.map +1 -1
- package/types/helpers/defaultAnimationDriver.d.ts.map +1 -1
- package/types/helpers/expandStyle.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomic.d.ts.map +1 -1
- package/types/helpers/getDefaultProps.d.ts +1 -1
- package/types/helpers/getDefaultProps.d.ts.map +1 -1
- package/types/helpers/getSplitStyles.d.ts +2 -2
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/helpers/getThemeCSSRules.d.ts.map +1 -1
- package/types/helpers/getTokenForKey.d.ts +6 -0
- package/types/helpers/getTokenForKey.d.ts.map +1 -0
- package/types/helpers/mainThreadPressEvents.native.d.ts +4 -5
- package/types/helpers/mainThreadPressEvents.native.d.ts.map +1 -1
- package/types/helpers/mediaObjectToString.d.ts +3 -0
- package/types/helpers/mediaObjectToString.d.ts.map +1 -0
- package/types/helpers/mediaState.d.ts +7 -0
- package/types/helpers/mediaState.d.ts.map +1 -0
- package/types/helpers/normalizeColor.d.ts +1 -1
- package/types/helpers/normalizeColor.d.ts.map +1 -1
- package/types/helpers/normalizeValueWithProperty.d.ts.map +1 -1
- package/types/helpers/parseNativeStyle.d.ts +14 -0
- package/types/helpers/parseNativeStyle.d.ts.map +1 -0
- package/types/helpers/parseOutlineShorthand.d.ts +3 -0
- package/types/helpers/parseOutlineShorthand.d.ts.map +1 -0
- package/types/helpers/parseOutlineShorthand.native.d.ts +3 -0
- package/types/helpers/parseOutlineShorthand.native.d.ts.map +1 -0
- package/types/helpers/platformResolveValue.d.ts +6 -0
- package/types/helpers/platformResolveValue.d.ts.map +1 -0
- package/types/helpers/platformResolveValue.native.d.ts +7 -0
- package/types/helpers/platformResolveValue.native.d.ts.map +1 -0
- package/types/helpers/propMapper.d.ts +2 -2
- package/types/helpers/propMapper.d.ts.map +1 -1
- package/types/helpers/pseudoTransitions.d.ts +29 -0
- package/types/helpers/pseudoTransitions.d.ts.map +1 -0
- package/types/helpers/resolveAnimationDriver.d.ts +7 -0
- package/types/helpers/resolveAnimationDriver.d.ts.map +1 -0
- package/types/helpers/resolveCompoundTokens.d.ts +9 -0
- package/types/helpers/resolveCompoundTokens.d.ts.map +1 -0
- package/types/helpers/skipProps.d.ts +1 -0
- package/types/helpers/skipProps.d.ts.map +1 -1
- package/types/helpers/themeable.d.ts.map +1 -1
- package/types/helpers/useRenderElement.d.ts.map +1 -1
- package/types/helpers/webPropsToSkip.native.d.ts +20 -20
- package/types/hooks/useComponentState.d.ts +2 -1
- package/types/hooks/useComponentState.d.ts.map +1 -1
- package/types/hooks/useMedia.d.ts +1 -6
- package/types/hooks/useMedia.d.ts.map +1 -1
- package/types/hooks/useProps.d.ts.map +1 -1
- package/types/hooks/useTheme.d.ts.map +1 -1
- package/types/hooks/useThemeState.d.ts.map +1 -1
- package/types/index.d.ts +5 -1
- package/types/index.d.ts.map +1 -1
- package/types/styled.d.ts +2 -2
- package/types/styled.d.ts.map +1 -1
- package/types/types.d.ts +105 -30
- package/types/types.d.ts.map +1 -1
- package/types/views/TamaguiProvider.d.ts +1 -4
- package/types/views/TamaguiProvider.d.ts.map +1 -1
- package/types/views/TamaguiRoot.d.ts +15 -0
- package/types/views/TamaguiRoot.d.ts.map +1 -0
- package/types/views/TamaguiRoot.native.d.ts +7 -0
- package/types/views/TamaguiRoot.native.d.ts.map +1 -0
- package/types/views/Text.d.ts.map +1 -1
- package/types/views/Theme.d.ts.map +1 -1
- package/types/views/ThemeProvider.d.ts.map +1 -1
- package/types/views/View.d.ts.map +1 -1
- package/vitest.config.d.ts +3 -0
- package/vitest.config.d.ts.map +1 -0
- package/vitest.config.ts +14 -0
- package/dist/cjs/Tamagui.js +0 -56
- package/dist/cjs/Tamagui.js.map +0 -6
- package/dist/cjs/_withStableStyle.js +0 -33
- package/dist/cjs/_withStableStyle.js.map +0 -6
- package/dist/cjs/animationDriverTypes.test-d.js +0 -51
- package/dist/cjs/animationDriverTypes.test-d.js.map +0 -6
- package/dist/cjs/config.js +0 -109
- package/dist/cjs/config.js.map +0 -6
- package/dist/cjs/constants/accessibilityDirectMap.js +0 -25
- package/dist/cjs/constants/accessibilityDirectMap.js.map +0 -6
- package/dist/cjs/constants/constants.js +0 -43
- package/dist/cjs/constants/constants.js.map +0 -6
- package/dist/cjs/constants/isDevTools.js +0 -28
- package/dist/cjs/constants/isDevTools.js.map +0 -6
- package/dist/cjs/constants/webToNativeProps.js +0 -22
- package/dist/cjs/constants/webToNativeProps.js.map +0 -6
- package/dist/cjs/constants/webToNativeProps.native.js +0 -115
- package/dist/cjs/constants/webToNativeProps.native.js.map +0 -1
- package/dist/cjs/contexts/ComponentContext.js +0 -30
- package/dist/cjs/contexts/ComponentContext.js.map +0 -6
- package/dist/cjs/contexts/GroupContext.js +0 -22
- package/dist/cjs/contexts/GroupContext.js.map +0 -6
- package/dist/cjs/createComponent.js +0 -697
- package/dist/cjs/createComponent.js.map +0 -6
- package/dist/cjs/createFont.js +0 -53
- package/dist/cjs/createFont.js.map +0 -6
- package/dist/cjs/createShorthands.js +0 -23
- package/dist/cjs/createShorthands.js.map +0 -6
- package/dist/cjs/createTamagui.js +0 -190
- package/dist/cjs/createTamagui.js.map +0 -6
- package/dist/cjs/createTheme.js +0 -21
- package/dist/cjs/createTheme.js.map +0 -6
- package/dist/cjs/createTheme.native.js.map +0 -1
- package/dist/cjs/createTokens.js +0 -24
- package/dist/cjs/createTokens.js.map +0 -6
- package/dist/cjs/createVariable.js +0 -89
- package/dist/cjs/createVariable.js.map +0 -6
- package/dist/cjs/createVariables.js +0 -56
- package/dist/cjs/createVariables.js.map +0 -6
- package/dist/cjs/defaultComponentState.js +0 -38
- package/dist/cjs/defaultComponentState.js.map +0 -6
- package/dist/cjs/eventHandling.js +0 -41
- package/dist/cjs/eventHandling.js.map +0 -6
- package/dist/cjs/helpers/createDesignSystem.js +0 -120
- package/dist/cjs/helpers/createDesignSystem.js.map +0 -6
- package/dist/cjs/helpers/createMediaStyle.js +0 -74
- package/dist/cjs/helpers/createMediaStyle.js.map +0 -6
- package/dist/cjs/helpers/createStyledContext.js +0 -52
- package/dist/cjs/helpers/createStyledContext.js.map +0 -6
- package/dist/cjs/helpers/defaultAnimationDriver.js +0 -39
- package/dist/cjs/helpers/defaultAnimationDriver.js.map +0 -6
- package/dist/cjs/helpers/defaultOffset.js +0 -21
- package/dist/cjs/helpers/defaultOffset.js.map +0 -6
- package/dist/cjs/helpers/expandStyle.js +0 -73
- package/dist/cjs/helpers/expandStyle.js.map +0 -6
- package/dist/cjs/helpers/expandStyles.js +0 -34
- package/dist/cjs/helpers/expandStyles.js.map +0 -6
- package/dist/cjs/helpers/getCSSStylesAtomic.js +0 -156
- package/dist/cjs/helpers/getCSSStylesAtomic.js.map +0 -6
- package/dist/cjs/helpers/getDefaultProps.js +0 -31
- package/dist/cjs/helpers/getDefaultProps.js.map +0 -6
- package/dist/cjs/helpers/getDynamicVal.js +0 -62
- package/dist/cjs/helpers/getDynamicVal.js.map +0 -6
- package/dist/cjs/helpers/getExpandedShorthands.js +0 -34
- package/dist/cjs/helpers/getExpandedShorthands.js.map +0 -6
- package/dist/cjs/helpers/getFontLanguage.js +0 -21
- package/dist/cjs/helpers/getFontLanguage.js.map +0 -6
- package/dist/cjs/helpers/getGroupPropParts.js +0 -34
- package/dist/cjs/helpers/getGroupPropParts.js.map +0 -6
- package/dist/cjs/helpers/getShorthandValue.js +0 -23
- package/dist/cjs/helpers/getShorthandValue.js.map +0 -6
- package/dist/cjs/helpers/getSplitStyles.js +0 -630
- package/dist/cjs/helpers/getSplitStyles.js.map +0 -6
- package/dist/cjs/helpers/getThemeCSSRules.js +0 -89
- package/dist/cjs/helpers/getThemeCSSRules.js.map +0 -6
- package/dist/cjs/helpers/getVariantExtras.js +0 -59
- package/dist/cjs/helpers/getVariantExtras.js.map +0 -6
- package/dist/cjs/helpers/insertStyleRule.js +0 -196
- package/dist/cjs/helpers/insertStyleRule.js.map +0 -6
- package/dist/cjs/helpers/isActivePlatform.js +0 -31
- package/dist/cjs/helpers/isActivePlatform.js.map +0 -6
- package/dist/cjs/helpers/isActiveTheme.js +0 -24
- package/dist/cjs/helpers/isActiveTheme.js.map +0 -6
- package/dist/cjs/helpers/isObj.js +0 -21
- package/dist/cjs/helpers/isObj.js.map +0 -6
- package/dist/cjs/helpers/isTamaguiComponent.js +0 -24
- package/dist/cjs/helpers/isTamaguiComponent.js.map +0 -6
- package/dist/cjs/helpers/isTamaguiElement.js +0 -30
- package/dist/cjs/helpers/isTamaguiElement.js.map +0 -6
- package/dist/cjs/helpers/log.js +0 -33
- package/dist/cjs/helpers/log.js.map +0 -6
- package/dist/cjs/helpers/mainThreadPressEvents.js +0 -22
- package/dist/cjs/helpers/mainThreadPressEvents.js.map +0 -6
- package/dist/cjs/helpers/matchMedia.js +0 -34
- package/dist/cjs/helpers/matchMedia.js.map +0 -6
- package/dist/cjs/helpers/mergeProps.js +0 -55
- package/dist/cjs/helpers/mergeProps.js.map +0 -6
- package/dist/cjs/helpers/mergeRenderElementProps.js +0 -25
- package/dist/cjs/helpers/mergeRenderElementProps.js.map +0 -6
- package/dist/cjs/helpers/mergeSlotStyleProps.js +0 -29
- package/dist/cjs/helpers/mergeSlotStyleProps.js.map +0 -6
- package/dist/cjs/helpers/mergeVariants.js +0 -38
- package/dist/cjs/helpers/mergeVariants.js.map +0 -6
- package/dist/cjs/helpers/nativeOnlyProps.js +0 -55
- package/dist/cjs/helpers/nativeOnlyProps.js.map +0 -6
- package/dist/cjs/helpers/normalizeColor.js +0 -26
- package/dist/cjs/helpers/normalizeColor.js.map +0 -6
- package/dist/cjs/helpers/normalizeShadow.js +0 -40
- package/dist/cjs/helpers/normalizeShadow.js.map +0 -6
- package/dist/cjs/helpers/normalizeStyle.js +0 -36
- package/dist/cjs/helpers/normalizeStyle.js.map +0 -6
- package/dist/cjs/helpers/normalizeStylePropKeys.js +0 -21
- package/dist/cjs/helpers/normalizeStylePropKeys.js.map +0 -6
- package/dist/cjs/helpers/normalizeValueWithProperty.js +0 -32
- package/dist/cjs/helpers/normalizeValueWithProperty.js.map +0 -6
- package/dist/cjs/helpers/objectIdentityKey.js +0 -38
- package/dist/cjs/helpers/objectIdentityKey.js.map +0 -6
- package/dist/cjs/helpers/parseBorderShorthand.js +0 -22
- package/dist/cjs/helpers/parseBorderShorthand.js.map +0 -6
- package/dist/cjs/helpers/pointerEvents.js +0 -22
- package/dist/cjs/helpers/pointerEvents.js.map +0 -6
- package/dist/cjs/helpers/propMapper.js +0 -257
- package/dist/cjs/helpers/propMapper.js.map +0 -6
- package/dist/cjs/helpers/proxyThemeToParents.js +0 -40
- package/dist/cjs/helpers/proxyThemeToParents.js.map +0 -6
- package/dist/cjs/helpers/proxyThemeVariables.js +0 -31
- package/dist/cjs/helpers/proxyThemeVariables.js.map +0 -6
- package/dist/cjs/helpers/pseudoDescriptors.js +0 -72
- package/dist/cjs/helpers/pseudoDescriptors.js.map +0 -6
- package/dist/cjs/helpers/registerCSSVariable.js +0 -47
- package/dist/cjs/helpers/registerCSSVariable.js.map +0 -6
- package/dist/cjs/helpers/resolveRem.js +0 -27
- package/dist/cjs/helpers/resolveRem.js.map +0 -6
- package/dist/cjs/helpers/resolveSafeArea.js +0 -29
- package/dist/cjs/helpers/resolveSafeArea.js.map +0 -6
- package/dist/cjs/helpers/setElementProps.js +0 -24
- package/dist/cjs/helpers/setElementProps.js.map +0 -6
- package/dist/cjs/helpers/skipProps.js +0 -38
- package/dist/cjs/helpers/skipProps.js.map +0 -6
- package/dist/cjs/helpers/sortString.js +0 -21
- package/dist/cjs/helpers/sortString.js.map +0 -6
- package/dist/cjs/helpers/subscribeToContextGroup.js +0 -74
- package/dist/cjs/helpers/subscribeToContextGroup.js.map +0 -6
- package/dist/cjs/helpers/themeable.js +0 -56
- package/dist/cjs/helpers/themeable.js.map +0 -6
- package/dist/cjs/helpers/themes.js +0 -33
- package/dist/cjs/helpers/themes.js.map +0 -6
- package/dist/cjs/helpers/timer.js +0 -27
- package/dist/cjs/helpers/timer.js.map +0 -6
- package/dist/cjs/helpers/transformsToString.js +0 -33
- package/dist/cjs/helpers/transformsToString.js.map +0 -6
- package/dist/cjs/helpers/useRenderElement.js +0 -42
- package/dist/cjs/helpers/useRenderElement.js.map +0 -6
- package/dist/cjs/helpers/webPropsToSkip.js +0 -21
- package/dist/cjs/helpers/webPropsToSkip.js.map +0 -6
- package/dist/cjs/helpers/wrapStyleTags.js +0 -38
- package/dist/cjs/helpers/wrapStyleTags.js.map +0 -6
- package/dist/cjs/hooks/doesRootSchemeMatchSystem.js +0 -23
- package/dist/cjs/hooks/doesRootSchemeMatchSystem.js.map +0 -6
- package/dist/cjs/hooks/getThemeProxied.js +0 -56
- package/dist/cjs/hooks/getThemeProxied.js.map +0 -6
- package/dist/cjs/hooks/useComponentState.js +0 -96
- package/dist/cjs/hooks/useComponentState.js.map +0 -6
- package/dist/cjs/hooks/useDisableSSR.js +0 -24
- package/dist/cjs/hooks/useDisableSSR.js.map +0 -6
- package/dist/cjs/hooks/useIsTouchDevice.js +0 -22
- package/dist/cjs/hooks/useIsTouchDevice.js.map +0 -6
- package/dist/cjs/hooks/useMedia.js +0 -183
- package/dist/cjs/hooks/useMedia.js.map +0 -6
- package/dist/cjs/hooks/useProps.js +0 -106
- package/dist/cjs/hooks/useProps.js.map +0 -6
- package/dist/cjs/hooks/useTheme.js +0 -35
- package/dist/cjs/hooks/useTheme.js.map +0 -6
- package/dist/cjs/hooks/useThemeName.js +0 -25
- package/dist/cjs/hooks/useThemeName.js.map +0 -6
- package/dist/cjs/hooks/useThemeState.js +0 -218
- package/dist/cjs/hooks/useThemeState.js.map +0 -6
- package/dist/cjs/index.js +0 -108
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/inject-styles.js +0 -28
- package/dist/cjs/inject-styles.js.map +0 -6
- package/dist/cjs/insertFont.js +0 -68
- package/dist/cjs/insertFont.js.map +0 -6
- package/dist/cjs/interfaces/CSSColorNames.js +0 -14
- package/dist/cjs/interfaces/CSSColorNames.js.map +0 -6
- package/dist/cjs/interfaces/GetRef.js +0 -14
- package/dist/cjs/interfaces/GetRef.js.map +0 -6
- package/dist/cjs/interfaces/RNExclusiveTypes.js +0 -14
- package/dist/cjs/interfaces/RNExclusiveTypes.js.map +0 -6
- package/dist/cjs/interfaces/TamaguiComponentEvents.js +0 -14
- package/dist/cjs/interfaces/TamaguiComponentEvents.js.map +0 -6
- package/dist/cjs/interfaces/TamaguiComponentPropsBaseBase.js +0 -14
- package/dist/cjs/interfaces/TamaguiComponentPropsBaseBase.js.map +0 -6
- package/dist/cjs/setupHooks.js +0 -25
- package/dist/cjs/setupHooks.js.map +0 -6
- package/dist/cjs/setupReactNative.js +0 -43
- package/dist/cjs/setupReactNative.js.map +0 -6
- package/dist/cjs/styled.js +0 -116
- package/dist/cjs/styled.js.map +0 -6
- package/dist/cjs/styledHtml.test-d.js +0 -136
- package/dist/cjs/styledHtml.test-d.js.map +0 -6
- package/dist/cjs/type-utils.js +0 -14
- package/dist/cjs/type-utils.js.map +0 -6
- package/dist/cjs/types.js +0 -14
- package/dist/cjs/types.js.map +0 -6
- package/dist/cjs/views/Configuration.js +0 -33
- package/dist/cjs/views/Configuration.js.map +0 -6
- package/dist/cjs/views/FontLanguage.js +0 -32
- package/dist/cjs/views/FontLanguage.js.map +0 -6
- package/dist/cjs/views/Slot.js +0 -55
- package/dist/cjs/views/Slot.js.map +0 -6
- package/dist/cjs/views/Stack.js +0 -27
- package/dist/cjs/views/Stack.js.map +0 -6
- package/dist/cjs/views/Stack.native.js.map +0 -1
- package/dist/cjs/views/TamaguiProvider.js +0 -93
- package/dist/cjs/views/TamaguiProvider.js.map +0 -6
- package/dist/cjs/views/Text.js +0 -59
- package/dist/cjs/views/Text.js.map +0 -6
- package/dist/cjs/views/Theme.js +0 -124
- package/dist/cjs/views/Theme.js.map +0 -6
- package/dist/cjs/views/ThemeDebug.js +0 -81
- package/dist/cjs/views/ThemeDebug.js.map +0 -6
- package/dist/cjs/views/ThemeProvider.js +0 -42
- package/dist/cjs/views/ThemeProvider.js.map +0 -6
- package/dist/cjs/views/View.js +0 -26
- package/dist/cjs/views/View.js.map +0 -6
- package/dist/esm/Tamagui.js +0 -35
- package/dist/esm/Tamagui.js.map +0 -6
- package/dist/esm/_withStableStyle.js +0 -12
- package/dist/esm/_withStableStyle.js.map +0 -6
- package/dist/esm/animationDriverTypes.test-d.js +0 -51
- package/dist/esm/animationDriverTypes.test-d.js.map +0 -6
- package/dist/esm/config.js +0 -94
- package/dist/esm/config.js.map +0 -6
- package/dist/esm/constants/accessibilityDirectMap.js +0 -9
- package/dist/esm/constants/accessibilityDirectMap.js.map +0 -6
- package/dist/esm/constants/constants.js +0 -27
- package/dist/esm/constants/constants.js.map +0 -6
- package/dist/esm/constants/isDevTools.js +0 -12
- package/dist/esm/constants/isDevTools.js.map +0 -6
- package/dist/esm/constants/webToNativeProps.js +0 -6
- package/dist/esm/constants/webToNativeProps.js.map +0 -6
- package/dist/esm/constants/webToNativeProps.mjs +0 -4
- package/dist/esm/constants/webToNativeProps.mjs.map +0 -1
- package/dist/esm/constants/webToNativeProps.native.js +0 -88
- package/dist/esm/constants/webToNativeProps.native.js.map +0 -1
- package/dist/esm/contexts/ComponentContext.js +0 -15
- package/dist/esm/contexts/ComponentContext.js.map +0 -6
- package/dist/esm/contexts/GroupContext.js +0 -6
- package/dist/esm/contexts/GroupContext.js.map +0 -6
- package/dist/esm/createComponent.js +0 -702
- package/dist/esm/createComponent.js.map +0 -6
- package/dist/esm/createFont.js +0 -37
- package/dist/esm/createFont.js.map +0 -6
- package/dist/esm/createShorthands.js +0 -7
- package/dist/esm/createShorthands.js.map +0 -6
- package/dist/esm/createTamagui.js +0 -189
- package/dist/esm/createTamagui.js.map +0 -6
- package/dist/esm/createTheme.js +0 -5
- package/dist/esm/createTheme.js.map +0 -6
- package/dist/esm/createTheme.mjs +0 -3
- package/dist/esm/createTheme.mjs.map +0 -1
- package/dist/esm/createTheme.native.js +0 -5
- package/dist/esm/createTheme.native.js.map +0 -1
- package/dist/esm/createTokens.js +0 -8
- package/dist/esm/createTokens.js.map +0 -6
- package/dist/esm/createVariable.js +0 -75
- package/dist/esm/createVariable.js.map +0 -6
- package/dist/esm/createVariables.js +0 -42
- package/dist/esm/createVariables.js.map +0 -6
- package/dist/esm/defaultComponentState.js +0 -22
- package/dist/esm/defaultComponentState.js.map +0 -6
- package/dist/esm/eventHandling.js +0 -25
- package/dist/esm/eventHandling.js.map +0 -6
- package/dist/esm/helpers/createDesignSystem.js +0 -107
- package/dist/esm/helpers/createDesignSystem.js.map +0 -6
- package/dist/esm/helpers/createMediaStyle.js +0 -60
- package/dist/esm/helpers/createMediaStyle.js.map +0 -6
- package/dist/esm/helpers/createStyledContext.js +0 -31
- package/dist/esm/helpers/createStyledContext.js.map +0 -6
- package/dist/esm/helpers/defaultAnimationDriver.js +0 -23
- package/dist/esm/helpers/defaultAnimationDriver.js.map +0 -6
- package/dist/esm/helpers/defaultOffset.js +0 -5
- package/dist/esm/helpers/defaultOffset.js.map +0 -6
- package/dist/esm/helpers/expandStyle.js +0 -59
- package/dist/esm/helpers/expandStyle.js.map +0 -6
- package/dist/esm/helpers/expandStyles.js +0 -19
- package/dist/esm/helpers/expandStyles.js.map +0 -6
- package/dist/esm/helpers/getCSSStylesAtomic.js +0 -147
- package/dist/esm/helpers/getCSSStylesAtomic.js.map +0 -6
- package/dist/esm/helpers/getDefaultProps.js +0 -15
- package/dist/esm/helpers/getDefaultProps.js.map +0 -6
- package/dist/esm/helpers/getDynamicVal.js +0 -46
- package/dist/esm/helpers/getDynamicVal.js.map +0 -6
- package/dist/esm/helpers/getExpandedShorthands.js +0 -18
- package/dist/esm/helpers/getExpandedShorthands.js.map +0 -6
- package/dist/esm/helpers/getFontLanguage.js +0 -5
- package/dist/esm/helpers/getFontLanguage.js.map +0 -6
- package/dist/esm/helpers/getGroupPropParts.js +0 -19
- package/dist/esm/helpers/getGroupPropParts.js.map +0 -6
- package/dist/esm/helpers/getShorthandValue.js +0 -7
- package/dist/esm/helpers/getShorthandValue.js.map +0 -6
- package/dist/esm/helpers/getSplitStyles.js +0 -650
- package/dist/esm/helpers/getSplitStyles.js.map +0 -6
- package/dist/esm/helpers/getThemeCSSRules.js +0 -78
- package/dist/esm/helpers/getThemeCSSRules.js.map +0 -6
- package/dist/esm/helpers/getVariantExtras.js +0 -44
- package/dist/esm/helpers/getVariantExtras.js.map +0 -6
- package/dist/esm/helpers/insertStyleRule.js +0 -181
- package/dist/esm/helpers/insertStyleRule.js.map +0 -6
- package/dist/esm/helpers/isActivePlatform.js +0 -15
- package/dist/esm/helpers/isActivePlatform.js.map +0 -6
- package/dist/esm/helpers/isActiveTheme.js +0 -8
- package/dist/esm/helpers/isActiveTheme.js.map +0 -6
- package/dist/esm/helpers/isObj.js +0 -5
- package/dist/esm/helpers/isObj.js.map +0 -6
- package/dist/esm/helpers/isTamaguiComponent.js +0 -8
- package/dist/esm/helpers/isTamaguiComponent.js.map +0 -6
- package/dist/esm/helpers/isTamaguiElement.js +0 -7
- package/dist/esm/helpers/isTamaguiElement.js.map +0 -6
- package/dist/esm/helpers/log.js +0 -17
- package/dist/esm/helpers/log.js.map +0 -6
- package/dist/esm/helpers/mainThreadPressEvents.js +0 -6
- package/dist/esm/helpers/mainThreadPressEvents.js.map +0 -6
- package/dist/esm/helpers/matchMedia.js +0 -18
- package/dist/esm/helpers/matchMedia.js.map +0 -6
- package/dist/esm/helpers/mergeProps.js +0 -39
- package/dist/esm/helpers/mergeProps.js.map +0 -6
- package/dist/esm/helpers/mergeRenderElementProps.js +0 -9
- package/dist/esm/helpers/mergeRenderElementProps.js.map +0 -6
- package/dist/esm/helpers/mergeSlotStyleProps.js +0 -14
- package/dist/esm/helpers/mergeSlotStyleProps.js.map +0 -6
- package/dist/esm/helpers/mergeVariants.js +0 -22
- package/dist/esm/helpers/mergeVariants.js.map +0 -6
- package/dist/esm/helpers/nativeOnlyProps.js +0 -39
- package/dist/esm/helpers/nativeOnlyProps.js.map +0 -6
- package/dist/esm/helpers/normalizeColor.js +0 -10
- package/dist/esm/helpers/normalizeColor.js.map +0 -6
- package/dist/esm/helpers/normalizeShadow.js +0 -24
- package/dist/esm/helpers/normalizeShadow.js.map +0 -6
- package/dist/esm/helpers/normalizeStyle.js +0 -24
- package/dist/esm/helpers/normalizeStyle.js.map +0 -6
- package/dist/esm/helpers/normalizeStylePropKeys.js +0 -5
- package/dist/esm/helpers/normalizeStylePropKeys.js.map +0 -6
- package/dist/esm/helpers/normalizeValueWithProperty.js +0 -17
- package/dist/esm/helpers/normalizeValueWithProperty.js.map +0 -6
- package/dist/esm/helpers/objectIdentityKey.js +0 -22
- package/dist/esm/helpers/objectIdentityKey.js.map +0 -6
- package/dist/esm/helpers/parseBorderShorthand.js +0 -6
- package/dist/esm/helpers/parseBorderShorthand.js.map +0 -6
- package/dist/esm/helpers/pointerEvents.js +0 -6
- package/dist/esm/helpers/pointerEvents.js.map +0 -6
- package/dist/esm/helpers/propMapper.js +0 -251
- package/dist/esm/helpers/propMapper.js.map +0 -6
- package/dist/esm/helpers/proxyThemeToParents.js +0 -24
- package/dist/esm/helpers/proxyThemeToParents.js.map +0 -6
- package/dist/esm/helpers/proxyThemeVariables.js +0 -15
- package/dist/esm/helpers/proxyThemeVariables.js.map +0 -6
- package/dist/esm/helpers/pseudoDescriptors.js +0 -56
- package/dist/esm/helpers/pseudoDescriptors.js.map +0 -6
- package/dist/esm/helpers/registerCSSVariable.js +0 -31
- package/dist/esm/helpers/registerCSSVariable.js.map +0 -6
- package/dist/esm/helpers/resolveRem.js +0 -11
- package/dist/esm/helpers/resolveRem.js.map +0 -6
- package/dist/esm/helpers/resolveSafeArea.js +0 -13
- package/dist/esm/helpers/resolveSafeArea.js.map +0 -6
- package/dist/esm/helpers/setElementProps.js +0 -8
- package/dist/esm/helpers/setElementProps.js.map +0 -6
- package/dist/esm/helpers/skipProps.js +0 -23
- package/dist/esm/helpers/skipProps.js.map +0 -6
- package/dist/esm/helpers/sortString.js +0 -5
- package/dist/esm/helpers/sortString.js.map +0 -6
- package/dist/esm/helpers/subscribeToContextGroup.js +0 -59
- package/dist/esm/helpers/subscribeToContextGroup.js.map +0 -6
- package/dist/esm/helpers/themeable.js +0 -35
- package/dist/esm/helpers/themeable.js.map +0 -6
- package/dist/esm/helpers/themes.js +0 -17
- package/dist/esm/helpers/themes.js.map +0 -6
- package/dist/esm/helpers/timer.js +0 -11
- package/dist/esm/helpers/timer.js.map +0 -6
- package/dist/esm/helpers/transformsToString.js +0 -17
- package/dist/esm/helpers/transformsToString.js.map +0 -6
- package/dist/esm/helpers/useRenderElement.js +0 -28
- package/dist/esm/helpers/useRenderElement.js.map +0 -6
- package/dist/esm/helpers/webPropsToSkip.js +0 -5
- package/dist/esm/helpers/webPropsToSkip.js.map +0 -6
- package/dist/esm/helpers/wrapStyleTags.js +0 -23
- package/dist/esm/helpers/wrapStyleTags.js.map +0 -6
- package/dist/esm/hooks/doesRootSchemeMatchSystem.js +0 -7
- package/dist/esm/hooks/doesRootSchemeMatchSystem.js.map +0 -6
- package/dist/esm/hooks/getThemeProxied.js +0 -44
- package/dist/esm/hooks/getThemeProxied.js.map +0 -6
- package/dist/esm/hooks/useComponentState.js +0 -91
- package/dist/esm/hooks/useComponentState.js.map +0 -6
- package/dist/esm/hooks/useDisableSSR.js +0 -8
- package/dist/esm/hooks/useDisableSSR.js.map +0 -6
- package/dist/esm/hooks/useIsTouchDevice.js +0 -7
- package/dist/esm/hooks/useIsTouchDevice.js.map +0 -6
- package/dist/esm/hooks/useMedia.js +0 -172
- package/dist/esm/hooks/useMedia.js.map +0 -6
- package/dist/esm/hooks/useProps.js +0 -92
- package/dist/esm/hooks/useProps.js.map +0 -6
- package/dist/esm/hooks/useTheme.js +0 -21
- package/dist/esm/hooks/useTheme.js.map +0 -6
- package/dist/esm/hooks/useThemeName.js +0 -9
- package/dist/esm/hooks/useThemeName.js.map +0 -6
- package/dist/esm/hooks/useThemeState.js +0 -212
- package/dist/esm/hooks/useThemeState.js.map +0 -6
- package/dist/esm/inject-styles.js +0 -12
- package/dist/esm/inject-styles.js.map +0 -6
- package/dist/esm/insertFont.js +0 -56
- package/dist/esm/insertFont.js.map +0 -6
- package/dist/esm/interfaces/CSSColorNames.js +0 -1
- package/dist/esm/interfaces/CSSColorNames.js.map +0 -6
- package/dist/esm/interfaces/GetRef.js +0 -1
- package/dist/esm/interfaces/GetRef.js.map +0 -6
- package/dist/esm/interfaces/RNExclusiveTypes.js +0 -1
- package/dist/esm/interfaces/RNExclusiveTypes.js.map +0 -6
- package/dist/esm/interfaces/TamaguiComponentEvents.js +0 -1
- package/dist/esm/interfaces/TamaguiComponentEvents.js.map +0 -6
- package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.js +0 -1
- package/dist/esm/interfaces/TamaguiComponentPropsBaseBase.js.map +0 -6
- package/dist/esm/setupHooks.js +0 -9
- package/dist/esm/setupHooks.js.map +0 -6
- package/dist/esm/setupReactNative.js +0 -27
- package/dist/esm/setupReactNative.js.map +0 -6
- package/dist/esm/styled.js +0 -102
- package/dist/esm/styled.js.map +0 -6
- package/dist/esm/styledHtml.test-d.js +0 -137
- package/dist/esm/styledHtml.test-d.js.map +0 -6
- package/dist/esm/type-utils.js +0 -1
- package/dist/esm/type-utils.js.map +0 -6
- package/dist/esm/types.js +0 -1
- package/dist/esm/types.js.map +0 -6
- package/dist/esm/views/Configuration.js +0 -12
- package/dist/esm/views/Configuration.js.map +0 -6
- package/dist/esm/views/FontLanguage.js +0 -16
- package/dist/esm/views/FontLanguage.js.map +0 -6
- package/dist/esm/views/Slot.js +0 -43
- package/dist/esm/views/Slot.js.map +0 -6
- package/dist/esm/views/Stack.js +0 -13
- package/dist/esm/views/Stack.js.map +0 -6
- package/dist/esm/views/Stack.mjs +0 -11
- package/dist/esm/views/Stack.mjs.map +0 -1
- package/dist/esm/views/Stack.native.js +0 -11
- package/dist/esm/views/Stack.native.js.map +0 -1
- package/dist/esm/views/TamaguiProvider.js +0 -77
- package/dist/esm/views/TamaguiProvider.js.map +0 -6
- package/dist/esm/views/Text.js +0 -44
- package/dist/esm/views/Text.js.map +0 -6
- package/dist/esm/views/Theme.js +0 -110
- package/dist/esm/views/Theme.js.map +0 -6
- package/dist/esm/views/ThemeDebug.js +0 -69
- package/dist/esm/views/ThemeDebug.js.map +0 -6
- package/dist/esm/views/ThemeProvider.js +0 -31
- package/dist/esm/views/ThemeProvider.js.map +0 -6
- package/dist/esm/views/View.js +0 -12
- package/dist/esm/views/View.js.map +0 -6
- package/types/constants/webToNativeProps.d.ts.map +0 -1
- package/types/constants/webToNativeProps.native.d.ts.map +0 -1
- package/types/createTheme.d.ts.map +0 -1
- package/types/helpers/expandStyle.native.d.ts.map +0 -1
- package/types/helpers/propMapper.native.d.ts.map +0 -1
- package/types/views/Stack.d.ts.map +0 -1
|
@@ -22,7 +22,6 @@ var useMedia_exports = {};
|
|
|
22
22
|
__export(useMedia_exports, {
|
|
23
23
|
_disableMediaTouch: () => _disableMediaTouch,
|
|
24
24
|
configureMedia: () => configureMedia,
|
|
25
|
-
getMedia: () => getMedia,
|
|
26
25
|
getMediaImportanceIfMoreImportant: () => getMediaImportanceIfMoreImportant,
|
|
27
26
|
getMediaKey: () => getMediaKey,
|
|
28
27
|
getMediaKeyImportance: () => getMediaKeyImportance,
|
|
@@ -30,10 +29,6 @@ __export(useMedia_exports, {
|
|
|
30
29
|
isMediaKey: () => isMediaKey,
|
|
31
30
|
mediaKeyMatch: () => mediaKeyMatch,
|
|
32
31
|
mediaKeyToQuery: () => mediaKeyToQuery,
|
|
33
|
-
mediaKeys: () => mediaKeys,
|
|
34
|
-
mediaObjectToString: () => mediaObjectToString,
|
|
35
|
-
mediaQueryConfig: () => mediaQueryConfig,
|
|
36
|
-
mediaState: () => mediaState,
|
|
37
32
|
setMediaShouldUpdate: () => setMediaShouldUpdate,
|
|
38
33
|
setupMediaListeners: () => setupMediaListeners,
|
|
39
34
|
updateMediaListeners: () => updateMediaListeners,
|
|
@@ -45,25 +40,14 @@ var import_constants = require("@tamagui/constants"),
|
|
|
45
40
|
import_config = require("../config.cjs"),
|
|
46
41
|
import_createMediaStyle = require("../helpers/createMediaStyle.cjs"),
|
|
47
42
|
import_matchMedia = require("../helpers/matchMedia.cjs"),
|
|
43
|
+
import_mediaObjectToString = require("../helpers/mediaObjectToString.cjs"),
|
|
44
|
+
import_mediaState = require("../helpers/mediaState.cjs"),
|
|
48
45
|
import_pseudoDescriptors = require("../helpers/pseudoDescriptors.cjs");
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
process.env.NODE_ENV === "development" ? new Proxy({}, {
|
|
52
|
-
get(target, key) {
|
|
53
|
-
if (typeof key == "string" && key[0] === "$" &&
|
|
54
|
-
// dont error on $$typeof
|
|
55
|
-
key[1] !== "$") throw new Error(`Access mediaState should not use "$": ${key}`);
|
|
56
|
-
return Reflect.get(target, key);
|
|
57
|
-
}
|
|
58
|
-
}) : {};
|
|
59
|
-
const mediaQueryConfig = {},
|
|
60
|
-
getMedia = () => mediaState,
|
|
61
|
-
mediaKeys = /* @__PURE__ */new Set(),
|
|
62
|
-
mediaKeyRegex = /\$(platform|theme|group)-/,
|
|
63
|
-
isMediaKey = key => key[0] !== "$" ? !1 : !!(mediaKeys.has(key) || mediaKeyRegex.test(key)),
|
|
46
|
+
const mediaKeyRegex = /\$(platform|theme|group)-/,
|
|
47
|
+
isMediaKey = key => key[0] !== "$" ? !1 : !!(import_mediaState.mediaKeys.has(key) || mediaKeyRegex.test(key)),
|
|
64
48
|
getMediaKey = key => {
|
|
65
49
|
if (key[0] !== "$") return !1;
|
|
66
|
-
if (mediaKeys.has(key)) return !0;
|
|
50
|
+
if (import_mediaState.mediaKeys.has(key)) return !0;
|
|
67
51
|
const match = key.match(mediaKeyRegex);
|
|
68
52
|
return match ? match[1] : !1;
|
|
69
53
|
};
|
|
@@ -81,9 +65,9 @@ const configureMedia = config => {
|
|
|
81
65
|
mediaQueryDefaultActive = (0, import_config.getSetting)("mediaQueryDefaultActive");
|
|
82
66
|
if (media) {
|
|
83
67
|
mediaVersion++, (0, import_createMediaStyle.resetMediaStyleCache)();
|
|
84
|
-
for (const key in media)
|
|
85
|
-
Object.assign(mediaQueryConfig, media), initState = {
|
|
86
|
-
...
|
|
68
|
+
for (const key in media) (0, import_mediaState.getMedia)()[key] = mediaQueryDefaultActive?.[key] || !1, import_mediaState.mediaKeys.add(`$${key}`);
|
|
69
|
+
Object.assign(import_mediaState.mediaQueryConfig, media), initState = {
|
|
70
|
+
...(0, import_mediaState.getMedia)()
|
|
87
71
|
}, mediaKeysOrdered = Object.keys(media), setupMediaListeners();
|
|
88
72
|
}
|
|
89
73
|
};
|
|
@@ -94,15 +78,15 @@ let setupVersion = -1;
|
|
|
94
78
|
function setupMediaListeners() {
|
|
95
79
|
if (!(import_constants.isWeb && import_constants.isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
|
|
96
80
|
setupVersion = mediaVersion, unlisten();
|
|
97
|
-
for (const key in mediaQueryConfig) {
|
|
81
|
+
for (const key in import_mediaState.mediaQueryConfig) {
|
|
98
82
|
let update = function () {
|
|
99
83
|
const next = !!getMatch().matches;
|
|
100
|
-
next !==
|
|
101
|
-
...
|
|
84
|
+
next !== (0, import_mediaState.getMedia)()[key] && ((0, import_mediaState.setMediaState)({
|
|
85
|
+
...(0, import_mediaState.getMedia)(),
|
|
102
86
|
[key]: next
|
|
103
|
-
}, updateMediaListeners());
|
|
87
|
+
}), updateMediaListeners());
|
|
104
88
|
};
|
|
105
|
-
const str = mediaObjectToString(mediaQueryConfig[key]
|
|
89
|
+
const str = (0, import_mediaObjectToString.mediaObjectToString)(import_mediaState.mediaQueryConfig[key]),
|
|
106
90
|
getMatch = () => (0, import_matchMedia.matchMedia)(str),
|
|
107
91
|
match = getMatch();
|
|
108
92
|
if (!match) throw new Error("\u26A0\uFE0F No match");
|
|
@@ -114,7 +98,7 @@ function setupMediaListeners() {
|
|
|
114
98
|
}
|
|
115
99
|
const listeners = /* @__PURE__ */new Set();
|
|
116
100
|
function updateMediaListeners() {
|
|
117
|
-
listeners.forEach(cb => cb(
|
|
101
|
+
listeners.forEach(cb => cb((0, import_mediaState.getMedia)()));
|
|
118
102
|
}
|
|
119
103
|
const States = /* @__PURE__ */new WeakMap();
|
|
120
104
|
function setMediaShouldUpdate(ref, enabled, keys) {
|
|
@@ -131,11 +115,13 @@ function subscribe(subscriber) {
|
|
|
131
115
|
};
|
|
132
116
|
}
|
|
133
117
|
function useMedia(componentContext, debug) {
|
|
118
|
+
"use no memo";
|
|
119
|
+
|
|
134
120
|
const componentState = componentContext ? States.get(componentContext) : null,
|
|
135
121
|
internalRef = (0, import_react.useRef)(null);
|
|
136
122
|
internalRef.current || (internalRef.current = {
|
|
137
123
|
keys: /* @__PURE__ */new Set(),
|
|
138
|
-
lastState:
|
|
124
|
+
lastState: (0, import_mediaState.getMedia)()
|
|
139
125
|
}), internalRef.current.pendingState && (internalRef.current.lastState = internalRef.current.pendingState, internalRef.current.pendingState = void 0);
|
|
140
126
|
const {
|
|
141
127
|
keys
|
|
@@ -148,7 +134,8 @@ function useMedia(componentContext, debug) {
|
|
|
148
134
|
pendingState
|
|
149
135
|
} = internalRef.current;
|
|
150
136
|
if (!curKeys.size) return lastState;
|
|
151
|
-
|
|
137
|
+
const ms = (0, import_mediaState.getMedia)();
|
|
138
|
+
for (const key of curKeys) if (ms[key] !== (pendingState || lastState)[key]) return process.env.NODE_ENV === "development" && debug && console.warn("useMedia() \u270D\uFE0F", key, lastState[key], "=>", ms[key]), componentContext?.mediaEmit ? (componentContext.mediaEmit(ms), internalRef.current.pendingState = ms, lastState) : (internalRef.current.lastState = ms, ms);
|
|
152
139
|
return lastState;
|
|
153
140
|
}, getServerSnapshot);
|
|
154
141
|
return new Proxy(state, {
|
|
@@ -173,26 +160,16 @@ function getMediaState(mediaGroups, layout) {
|
|
|
173
160
|
return res;
|
|
174
161
|
}
|
|
175
162
|
const getMediaImportanceIfMoreImportant = (mediaKey, key, styleState, isSizeMedia) => {
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
}
|
|
180
|
-
function camelToHyphen(str) {
|
|
181
|
-
return str.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`).toLowerCase();
|
|
182
|
-
}
|
|
183
|
-
const cache = /* @__PURE__ */new WeakMap(),
|
|
163
|
+
const importance = isSizeMedia ? getMediaKeyImportance(mediaKey) : import_pseudoDescriptors.defaultMediaImportance,
|
|
164
|
+
usedKeys = styleState.usedKeys;
|
|
165
|
+
return !usedKeys[key] || importance > usedKeys[key] ? importance : null;
|
|
166
|
+
},
|
|
184
167
|
cachedMediaKeyToQuery = {};
|
|
185
|
-
function mediaObjectToString(query, key) {
|
|
186
|
-
if (typeof query == "string") return query;
|
|
187
|
-
if (cache.has(query)) return cache.get(query);
|
|
188
|
-
const res = Object.entries(query).map(([feature, value]) => (feature = camelToHyphen(feature), typeof value == "string" ? `(${feature}: ${value})` : (typeof value == "number" && /[height|width]$/.test(feature) && (value = `${value}px`), `(${feature}: ${value})`))).join(" and ");
|
|
189
|
-
return key && (cachedMediaKeyToQuery[key] = res), cache.set(query, res), res;
|
|
190
|
-
}
|
|
191
168
|
function mediaKeyToQuery(key) {
|
|
192
|
-
return cachedMediaKeyToQuery[key] ||
|
|
169
|
+
return cachedMediaKeyToQuery[key] || (cachedMediaKeyToQuery[key] = (0, import_mediaObjectToString.mediaObjectToString)(import_mediaState.mediaQueryConfig[key]));
|
|
193
170
|
}
|
|
194
171
|
function mediaKeyMatch(key, dimensions) {
|
|
195
|
-
const mediaQueries = mediaQueryConfig[key];
|
|
172
|
+
const mediaQueries = import_mediaState.mediaQueryConfig[key];
|
|
196
173
|
return Object.keys(mediaQueries).every(query => {
|
|
197
174
|
const expectedVal = +mediaQueries[query],
|
|
198
175
|
isMax = query.startsWith("max"),
|
|
@@ -24,7 +24,6 @@ var useMedia_exports = {};
|
|
|
24
24
|
__export(useMedia_exports, {
|
|
25
25
|
_disableMediaTouch: () => _disableMediaTouch,
|
|
26
26
|
configureMedia: () => configureMedia,
|
|
27
|
-
getMedia: () => getMedia,
|
|
28
27
|
getMediaImportanceIfMoreImportant: () => getMediaImportanceIfMoreImportant,
|
|
29
28
|
getMediaKey: () => getMediaKey,
|
|
30
29
|
getMediaKeyImportance: () => getMediaKeyImportance,
|
|
@@ -32,10 +31,6 @@ __export(useMedia_exports, {
|
|
|
32
31
|
isMediaKey: () => isMediaKey,
|
|
33
32
|
mediaKeyMatch: () => mediaKeyMatch,
|
|
34
33
|
mediaKeyToQuery: () => mediaKeyToQuery,
|
|
35
|
-
mediaKeys: () => mediaKeys,
|
|
36
|
-
mediaObjectToString: () => mediaObjectToString,
|
|
37
|
-
mediaQueryConfig: () => mediaQueryConfig,
|
|
38
|
-
mediaState: () => mediaState,
|
|
39
34
|
setMediaShouldUpdate: () => setMediaShouldUpdate,
|
|
40
35
|
setupMediaListeners: () => setupMediaListeners,
|
|
41
36
|
updateMediaListeners: () => updateMediaListeners,
|
|
@@ -47,29 +42,16 @@ var import_constants = require("@tamagui/constants"),
|
|
|
47
42
|
import_config = require("../config.native.js"),
|
|
48
43
|
import_createMediaStyle = require("../helpers/createMediaStyle.native.js"),
|
|
49
44
|
import_matchMedia = require("../helpers/matchMedia.native.js"),
|
|
45
|
+
import_mediaObjectToString = require("../helpers/mediaObjectToString.native.js"),
|
|
46
|
+
import_mediaState = require("../helpers/mediaState.native.js"),
|
|
50
47
|
import_pseudoDescriptors = require("../helpers/pseudoDescriptors.native.js"),
|
|
51
|
-
mediaState =
|
|
52
|
-
// development only safeguard
|
|
53
|
-
process.env.NODE_ENV === "development" ? new Proxy({}, {
|
|
54
|
-
get(target, key) {
|
|
55
|
-
if (typeof key == "string" && key[0] === "$" &&
|
|
56
|
-
// dont error on $$typeof
|
|
57
|
-
key[1] !== "$") throw new Error(`Access mediaState should not use "$": ${key}`);
|
|
58
|
-
return Reflect.get(target, key);
|
|
59
|
-
}
|
|
60
|
-
}) : {},
|
|
61
|
-
mediaQueryConfig = {},
|
|
62
|
-
getMedia = function () {
|
|
63
|
-
return mediaState;
|
|
64
|
-
},
|
|
65
|
-
mediaKeys = /* @__PURE__ */new Set(),
|
|
66
48
|
mediaKeyRegex = /\$(platform|theme|group)-/,
|
|
67
49
|
isMediaKey = function (key) {
|
|
68
|
-
return key[0] !== "$" ? !1 : !!(mediaKeys.has(key) || mediaKeyRegex.test(key));
|
|
50
|
+
return key[0] !== "$" ? !1 : !!(import_mediaState.mediaKeys.has(key) || mediaKeyRegex.test(key));
|
|
69
51
|
},
|
|
70
52
|
getMediaKey = function (key) {
|
|
71
53
|
if (key[0] !== "$") return !1;
|
|
72
|
-
if (mediaKeys.has(key)) return !0;
|
|
54
|
+
if (import_mediaState.mediaKeys.has(key)) return !0;
|
|
73
55
|
var match = key.match(mediaKeyRegex);
|
|
74
56
|
return match ? match[1] : !1;
|
|
75
57
|
},
|
|
@@ -88,9 +70,9 @@ var import_constants = require("@tamagui/constants"),
|
|
|
88
70
|
mediaQueryDefaultActive = (0, import_config.getSetting)("mediaQueryDefaultActive");
|
|
89
71
|
if (media) {
|
|
90
72
|
mediaVersion++, (0, import_createMediaStyle.resetMediaStyleCache)();
|
|
91
|
-
for (var key in media)
|
|
92
|
-
Object.assign(mediaQueryConfig, media), initState = {
|
|
93
|
-
...
|
|
73
|
+
for (var key in media) (0, import_mediaState.getMedia)()[key] = mediaQueryDefaultActive?.[key] || !1, import_mediaState.mediaKeys.add(`$${key}`);
|
|
74
|
+
Object.assign(import_mediaState.mediaQueryConfig, media), initState = {
|
|
75
|
+
...(0, import_mediaState.getMedia)()
|
|
94
76
|
}, mediaKeysOrdered = Object.keys(media), setupMediaListeners();
|
|
95
77
|
}
|
|
96
78
|
};
|
|
@@ -102,7 +84,7 @@ function unlisten() {
|
|
|
102
84
|
var setupVersion = -1;
|
|
103
85
|
function setupMediaListeners() {
|
|
104
86
|
var _loop = function (key2) {
|
|
105
|
-
var str = mediaObjectToString(mediaQueryConfig[key2]
|
|
87
|
+
var str = (0, import_mediaObjectToString.mediaObjectToString)(import_mediaState.mediaQueryConfig[key2]),
|
|
106
88
|
getMatch = function () {
|
|
107
89
|
return (0, import_matchMedia.matchMedia)(str);
|
|
108
90
|
},
|
|
@@ -113,22 +95,22 @@ function setupMediaListeners() {
|
|
|
113
95
|
});
|
|
114
96
|
function update() {
|
|
115
97
|
var next = !!getMatch().matches;
|
|
116
|
-
next !==
|
|
117
|
-
...
|
|
98
|
+
next !== (0, import_mediaState.getMedia)()[key2] && ((0, import_mediaState.setMediaState)({
|
|
99
|
+
...(0, import_mediaState.getMedia)(),
|
|
118
100
|
[key2]: next
|
|
119
|
-
}, updateMediaListeners());
|
|
101
|
+
}), updateMediaListeners());
|
|
120
102
|
}
|
|
121
103
|
update();
|
|
122
104
|
};
|
|
123
105
|
if (!(import_constants.isWeb && import_constants.isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
|
|
124
106
|
setupVersion = mediaVersion, unlisten();
|
|
125
|
-
for (var key in mediaQueryConfig) _loop(key);
|
|
107
|
+
for (var key in import_mediaState.mediaQueryConfig) _loop(key);
|
|
126
108
|
}
|
|
127
109
|
}
|
|
128
110
|
var listeners = /* @__PURE__ */new Set();
|
|
129
111
|
function updateMediaListeners() {
|
|
130
112
|
listeners.forEach(function (cb) {
|
|
131
|
-
return cb(
|
|
113
|
+
return cb((0, import_mediaState.getMedia)());
|
|
132
114
|
});
|
|
133
115
|
}
|
|
134
116
|
var States = /* @__PURE__ */new WeakMap();
|
|
@@ -146,11 +128,13 @@ function subscribe(subscriber) {
|
|
|
146
128
|
};
|
|
147
129
|
}
|
|
148
130
|
function useMedia(componentContext, debug) {
|
|
131
|
+
"use no memo";
|
|
132
|
+
|
|
149
133
|
var componentState = componentContext ? States.get(componentContext) : null,
|
|
150
134
|
internalRef = (0, import_react.useRef)(null);
|
|
151
135
|
internalRef.current || (internalRef.current = {
|
|
152
136
|
keys: /* @__PURE__ */new Set(),
|
|
153
|
-
lastState:
|
|
137
|
+
lastState: (0, import_mediaState.getMedia)()
|
|
154
138
|
}), internalRef.current.pendingState && (internalRef.current.lastState = internalRef.current.pendingState, internalRef.current.pendingState = void 0);
|
|
155
139
|
var {
|
|
156
140
|
keys
|
|
@@ -163,13 +147,14 @@ function useMedia(componentContext, debug) {
|
|
|
163
147
|
pendingState
|
|
164
148
|
} = internalRef.current;
|
|
165
149
|
if (!curKeys.size) return lastState;
|
|
166
|
-
var
|
|
150
|
+
var ms = (0, import_mediaState.getMedia)(),
|
|
151
|
+
_iteratorNormalCompletion = !0,
|
|
167
152
|
_didIteratorError = !1,
|
|
168
153
|
_iteratorError = void 0;
|
|
169
154
|
try {
|
|
170
155
|
for (var _iterator = curKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
|
|
171
156
|
var key = _step.value;
|
|
172
|
-
if (
|
|
157
|
+
if (ms[key] !== (pendingState || lastState)[key]) return process.env.NODE_ENV === "development" && debug && console.warn("useMedia() \u270D\uFE0F", key, lastState[key], "=>", ms[key]), componentContext?.mediaEmit ? (componentContext.mediaEmit(ms), internalRef.current.pendingState = ms, lastState) : (internalRef.current.lastState = ms, ms);
|
|
173
158
|
}
|
|
174
159
|
} catch (err) {
|
|
175
160
|
_didIteratorError = !0, _iteratorError = err;
|
|
@@ -208,31 +193,16 @@ function getMediaState(mediaGroups, layout) {
|
|
|
208
193
|
return res;
|
|
209
194
|
}
|
|
210
195
|
var getMediaImportanceIfMoreImportant = function (mediaKey, key, styleState, isSizeMedia) {
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
}
|
|
215
|
-
function camelToHyphen(str) {
|
|
216
|
-
return str.replace(/[A-Z]/g, function (m) {
|
|
217
|
-
return `-${m.toLowerCase()}`;
|
|
218
|
-
}).toLowerCase();
|
|
219
|
-
}
|
|
220
|
-
var cache = /* @__PURE__ */new WeakMap(),
|
|
196
|
+
var importance = isSizeMedia ? getMediaKeyImportance(mediaKey) : import_pseudoDescriptors.defaultMediaImportance,
|
|
197
|
+
usedKeys = styleState.usedKeys;
|
|
198
|
+
return !usedKeys[key] || importance > usedKeys[key] ? importance : null;
|
|
199
|
+
},
|
|
221
200
|
cachedMediaKeyToQuery = {};
|
|
222
|
-
function mediaObjectToString(query, key) {
|
|
223
|
-
if (typeof query == "string") return query;
|
|
224
|
-
if (cache.has(query)) return cache.get(query);
|
|
225
|
-
var res = Object.entries(query).map(function (param) {
|
|
226
|
-
var [feature, value] = param;
|
|
227
|
-
return feature = camelToHyphen(feature), typeof value == "string" ? `(${feature}: ${value})` : (typeof value == "number" && /[height|width]$/.test(feature) && (value = `${value}px`), `(${feature}: ${value})`);
|
|
228
|
-
}).join(" and ");
|
|
229
|
-
return key && (cachedMediaKeyToQuery[key] = res), cache.set(query, res), res;
|
|
230
|
-
}
|
|
231
201
|
function mediaKeyToQuery(key) {
|
|
232
|
-
return cachedMediaKeyToQuery[key] ||
|
|
202
|
+
return cachedMediaKeyToQuery[key] || (cachedMediaKeyToQuery[key] = (0, import_mediaObjectToString.mediaObjectToString)(import_mediaState.mediaQueryConfig[key]));
|
|
233
203
|
}
|
|
234
204
|
function mediaKeyMatch(key, dimensions) {
|
|
235
|
-
var mediaQueries = mediaQueryConfig[key],
|
|
205
|
+
var mediaQueries = import_mediaState.mediaQueryConfig[key],
|
|
236
206
|
result = Object.keys(mediaQueries).every(function (query) {
|
|
237
207
|
var expectedVal = +mediaQueries[query],
|
|
238
208
|
isMax = query.startsWith("max"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useMedia_exports","__export","_disableMediaTouch","configureMedia","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useMedia_exports","__export","_disableMediaTouch","configureMedia","getMediaImportanceIfMoreImportant","getMediaKey","getMediaKeyImportance","getMediaState","isMediaKey","mediaKeyMatch","mediaKeyToQuery","setMediaShouldUpdate","setupMediaListeners","updateMediaListeners","useMedia","module","exports","import_constants","require","import_react","import_config","import_createMediaStyle","import_matchMedia","import_mediaObjectToString","import_mediaState","import_pseudoDescriptors","mediaKeyRegex","key","mediaKeys","has","test","match","initState","mediaKeysOrdered","process","env","NODE_ENV","Error","indexOf","dispose","Set","mediaVersion","config","media","mediaQueryDefaultActive","getSetting","resetMediaStyleCache","getMedia","add","Object","assign","mediaQueryConfig","keys","unlisten","forEach","cb","clear","setupVersion","_loop","key2","str","mediaObjectToString","getMatch","matchMedia","addListener","update","removeListener","next","matches","setMediaState","isWeb","isServer","IS_STATIC","listeners","States","WeakMap","ref","enabled","cur","get","set","subscribe","subscriber","delete","componentContext","debug","componentState","internalRef","useRef","current","lastState","pendingState","size","state","useSyncExternalStore","curKeys","ms","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","console","warn","mediaEmit","err","return","getServerSnapshot","Proxy","_","disableMediaTouch","Reflect","val","mediaGroups","layout","res","fromEntries"],"sources":["../../../src/hooks/useMedia.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -45,6 +45,7 @@ var import_constants = require("@tamagui/constants"),
|
|
|
45
45
|
import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup.cjs"),
|
|
46
46
|
import_View = require("../views/View.cjs"),
|
|
47
47
|
import_useComponentState = require("./useComponentState.cjs"),
|
|
48
|
+
import_mediaState = require("../helpers/mediaState.cjs"),
|
|
48
49
|
import_useMedia = require("./useMedia.cjs"),
|
|
49
50
|
import_useTheme = require("./useTheme.cjs");
|
|
50
51
|
function useProps(props, opts) {
|
|
@@ -80,7 +81,7 @@ function usePropsAndStyle(props, opts) {
|
|
|
80
81
|
} = (0, import_useComponentState.useComponentState)(props, componentContext.animationDriver, staticConfig, (0, import_config.getConfig)()),
|
|
81
82
|
mediaStateNow = opts?.noMedia ?
|
|
82
83
|
// not safe to use mediaState but really marginal to hit this
|
|
83
|
-
|
|
84
|
+
import_mediaState.mediaState : (0, import_useMedia.useMedia)(),
|
|
84
85
|
splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeState?.name || "", state, {
|
|
85
86
|
isAnimated: !1,
|
|
86
87
|
mediaState: mediaStateNow,
|
|
@@ -109,5 +110,5 @@ function usePropsAndStyle(props, opts) {
|
|
|
109
110
|
pseudoGroups
|
|
110
111
|
});
|
|
111
112
|
}
|
|
112
|
-
}, [disabled, groupContext, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]), [splitStyles?.viewProps || {}, splitStyles?.style || {}, theme,
|
|
113
|
+
}, [disabled, groupContext, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]), [splitStyles?.viewProps || {}, splitStyles?.style || {}, theme, import_mediaState.mediaState];
|
|
113
114
|
}
|
|
@@ -47,6 +47,7 @@ var import_constants = require("@tamagui/constants"),
|
|
|
47
47
|
import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup.native.js"),
|
|
48
48
|
import_View = require("../views/View.native.js"),
|
|
49
49
|
import_useComponentState = require("./useComponentState.native.js"),
|
|
50
|
+
import_mediaState = require("../helpers/mediaState.native.js"),
|
|
50
51
|
import_useMedia = require("./useMedia.native.js"),
|
|
51
52
|
import_useTheme = require("./useTheme.native.js");
|
|
52
53
|
function useProps(props, opts) {
|
|
@@ -84,7 +85,7 @@ function usePropsAndStyle(props, opts) {
|
|
|
84
85
|
} = (0, import_useComponentState.useComponentState)(props, componentContext.animationDriver, staticConfig, (0, import_config.getConfig)()),
|
|
85
86
|
mediaStateNow = opts?.noMedia ?
|
|
86
87
|
// not safe to use mediaState but really marginal to hit this
|
|
87
|
-
|
|
88
|
+
import_mediaState.mediaState : (0, import_useMedia.useMedia)(),
|
|
88
89
|
splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeState?.name || "", state, {
|
|
89
90
|
isAnimated: !1,
|
|
90
91
|
mediaState: mediaStateNow,
|
|
@@ -113,6 +114,6 @@ function usePropsAndStyle(props, opts) {
|
|
|
113
114
|
pseudoGroups
|
|
114
115
|
});
|
|
115
116
|
}
|
|
116
|
-
}, [disabled, groupContext, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]), [splitStyles?.viewProps || {}, splitStyles?.style || {}, theme,
|
|
117
|
+
}, [disabled, groupContext, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]), [splitStyles?.viewProps || {}, splitStyles?.style || {}, theme, import_mediaState.mediaState];
|
|
117
118
|
}
|
|
118
119
|
//# sourceMappingURL=useProps.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useProps_exports","__export","useProps","usePropsAndStyle","useStyle","module","exports","import_constants","require","import_react","__toESM","import_config","import_ComponentContext","import_GroupContext","import_getSplitStyles","import_subscribeToContextGroup","import_View","import_useComponentState","import_useMedia","import_useTheme","props","opts","propsOut","styleOut","noExpand","noNormalize","resolveValues","_opts_forComponent","_opts_forComponent_staticConfig","staticConfig","forComponent","View","theme","themeState","useThemeWithState","componentName","name","needsUpdate","componentContext","default","useContext","ComponentContext","groupContext","GroupContext","state","disabled","setStateShallow","useComponentState","animationDriver","getConfig","mediaStateNow","noMedia","mediaState","useMedia","splitStyles","useSplitStyles","isAnimated","noSkip","noMergeStyle","noClass","mediaGroups","pseudoGroups","useIsomorphicLayoutEffect","unmounted","subscribeToContextGroup","Object","keys","join","viewProps","style"],"sources":["../../../src/hooks/useProps.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAA0C,CAAAK,gBAAA;
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useProps_exports","__export","useProps","usePropsAndStyle","useStyle","module","exports","import_constants","require","import_react","__toESM","import_config","import_ComponentContext","import_GroupContext","import_getSplitStyles","import_subscribeToContextGroup","import_View","import_useComponentState","import_mediaState","import_useMedia","import_useTheme","props","opts","propsOut","styleOut","noExpand","noNormalize","resolveValues","_opts_forComponent","_opts_forComponent_staticConfig","staticConfig","forComponent","View","theme","themeState","useThemeWithState","componentName","name","needsUpdate","componentContext","default","useContext","ComponentContext","groupContext","GroupContext","state","disabled","setStateShallow","useComponentState","animationDriver","getConfig","mediaStateNow","noMedia","mediaState","useMedia","splitStyles","useSplitStyles","isAnimated","noSkip","noMergeStyle","noClass","mediaGroups","pseudoGroups","useIsomorphicLayoutEffect","unmounted","subscribeToContextGroup","Object","keys","join","viewProps","style"],"sources":["../../../src/hooks/useProps.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -29,10 +29,14 @@ var import_react = require("react"),
|
|
|
29
29
|
import_useThemeState = require("./useThemeState.cjs");
|
|
30
30
|
const EMPTY = {},
|
|
31
31
|
useTheme = () => {
|
|
32
|
+
"use no memo";
|
|
33
|
+
|
|
32
34
|
const [theme] = useThemeWithState(EMPTY);
|
|
33
35
|
return theme;
|
|
34
36
|
},
|
|
35
37
|
useThemeWithState = (props, isRoot = !1) => {
|
|
38
|
+
"use no memo";
|
|
39
|
+
|
|
36
40
|
const keys = (0, import_react.useRef)(null),
|
|
37
41
|
schemeKeys = (0, import_react.useRef)(null),
|
|
38
42
|
themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys);
|
|
@@ -31,11 +31,15 @@ var import_react = require("react"),
|
|
|
31
31
|
import_useThemeState = require("./useThemeState.native.js"),
|
|
32
32
|
EMPTY = {},
|
|
33
33
|
useTheme = function () {
|
|
34
|
+
"use no memo";
|
|
35
|
+
|
|
34
36
|
var [theme] = useThemeWithState(EMPTY),
|
|
35
37
|
res = theme;
|
|
36
38
|
return res;
|
|
37
39
|
},
|
|
38
40
|
useThemeWithState = function (props) {
|
|
41
|
+
"use no memo";
|
|
42
|
+
|
|
39
43
|
var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1,
|
|
40
44
|
keys = (0, import_react.useRef)(null),
|
|
41
45
|
schemeKeys = (0, import_react.useRef)(null),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useTheme_exports","__export","useTheme","useThemeWithState","module","exports","import_react","require","import_getThemeProxied","import_useThemeState","EMPTY","theme","res","props","isRoot","arguments","length","keys","useRef","schemeKeys","themeState","useThemeState","process","env","NODE_ENV","passThrough","TAMAGUI_DISABLE_NO_THEME_WARNING","console","error","JSON","stringify","themeProxied","getThemeProxied"],"sources":["../../../src/hooks/useTheme.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAuB,CAAAK,gBAEvB;AAGA,IAAAM,YAAe,GAEFC,OAAA,QAAW,CAAM;EAAAC,sBAAA,GAAAD,OAAA;EAAAE,oBAAA,GAAAF,OAAA;EAAAG,KAAA;EAAAR,QAAA,YAAAA,CAAA;IAC5B,KAAAS,KAAO,IAAKR,iBAAI,CAAAO,KAAkB;MAAKE,GAAA,GAAAD,KAAA;IAEvC,OADYC,GAAA;EAEd;EAOaT,iBAAA,GAAoB,SAAAA,CAE/BU,KAAA;IAEA,IAAAC,MAAM,GAAAC,SAAO,CAAAC,MAAA,QAAAD,SACP,iBAAaA,SAAA;MAAAE,IAA2B,GAAI,CAC5C,GAAAX,YAAA,CAAAY,MAAa;MAAAC,UAAA,OAAAb,YAAqB,CAAAY,MAAA,EAAQ,KAAM;MAAAE,UAAU,OAAAX,oBAAA,CAAAY,aAAA,EAAAR,KAAA,EAAAC,MAAA,EAAAG,IAAA,EAAAE,UAAA;IAEhEG,OAAI,CAAAC,GAAA,CAAAC,QAAY,kBAAa,KAAAX,KAAA,CACvBY,WAAO,KAAAL,UAAgB,EAAAT,KAAA,IAAYW,OACjC,CAAAC,GAAA,CAAAG,gCAAY,YAAqCC,OACnD,CAAAC,KAAA,4FAAQC,IAAA,CAAAC,SAAA,CAAAjB,KAAA;AAAA;AAC0F,sKAC9F;IAAA,IACDkB,YAAA,GAAAlB,KAAA,CAAAY,WAAA,YAAAjB,sBAAA,CAAAwB,eAAA,EAAAnB,KAAA,EAAAO,UAAA,EAAAH,IAAA,EAAAE,UAAA;IAAA,QAAAY,YAAA,EACHX,UAKqB,CAK7B","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useTheme_exports","__export","useTheme","useThemeWithState","module","exports","import_react","require","import_getThemeProxied","import_useThemeState","EMPTY","theme","res","props","isRoot","arguments","length","keys","useRef","schemeKeys","themeState","useThemeState","process","env","NODE_ENV","passThrough","TAMAGUI_DISABLE_NO_THEME_WARNING","console","error","JSON","stringify","themeProxied","getThemeProxied"],"sources":["../../../src/hooks/useTheme.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAuB,CAAAK,gBAEvB;AAGA,IAAAM,YAAe,GAEFC,OAAA,QAAW,CAAM;EAAAC,sBAAA,GAAAD,OAAA;EAAAE,oBAAA,GAAAF,OAAA;EAAAG,KAAA;EAAAR,QAAA,YAAAA,CAAA;IAC5B;;IAEA,KAAAS,KAAO,IAAKR,iBAAI,CAAAO,KAAkB;MAAKE,GAAA,GAAAD,KAAA;IAEvC,OADYC,GAAA;EAEd;EAOaT,iBAAA,GAAoB,SAAAA,CAE/BU,KAAA;IAEA;;IAEA,IAAAC,MAAM,GAAAC,SAAO,CAAAC,MAAA,QAAAD,SACP,iBAAaA,SAAA;MAAAE,IAA2B,GAAI,CAC5C,GAAAX,YAAA,CAAAY,MAAa;MAAAC,UAAA,OAAAb,YAAqB,CAAAY,MAAA,EAAQ,KAAM;MAAAE,UAAU,OAAAX,oBAAA,CAAAY,aAAA,EAAAR,KAAA,EAAAC,MAAA,EAAAG,IAAA,EAAAE,UAAA;IAEhEG,OAAI,CAAAC,GAAA,CAAAC,QAAY,kBAAa,KAAAX,KAAA,CACvBY,WAAO,KAAAL,UAAgB,EAAAT,KAAA,IAAYW,OACjC,CAAAC,GAAA,CAAAG,gCAAY,YAAqCC,OACnD,CAAAC,KAAA,4FAAQC,IAAA,CAAAC,SAAA,CAAAjB,KAAA;AAAA;AAC0F,sKAC9F;IAAA,IACDkB,YAAA,GAAAlB,KAAA,CAAAY,WAAA,YAAAjB,sBAAA,CAAAwB,eAAA,EAAAnB,KAAA,EAAAO,UAAA,EAAAH,IAAA,EAAAE,UAAA;IAAA,QAAAY,YAAA,EACHX,UAKqB,CAK7B","ignoreList":[]}
|
|
@@ -46,16 +46,22 @@ const forceUpdateThemes = () => {
|
|
|
46
46
|
cacheVersion++, shouldForce = !0, allListeners.forEach(cb => cb());
|
|
47
47
|
},
|
|
48
48
|
getThemeState = id => states.get(id);
|
|
49
|
-
let cacheVersion = 0
|
|
49
|
+
let cacheVersion = 0;
|
|
50
|
+
const themeNameCache = /* @__PURE__ */new Map();
|
|
51
|
+
let themeNameCacheVer = -1,
|
|
50
52
|
themes = null,
|
|
51
53
|
rootThemeState = null;
|
|
52
54
|
const getRootThemeState = () => rootThemeState;
|
|
53
55
|
const useThemeState = (props, isRoot = !1, keys, schemeKeys) => {
|
|
56
|
+
"use no memo";
|
|
57
|
+
|
|
54
58
|
const {
|
|
55
59
|
disable
|
|
56
60
|
} = props,
|
|
57
61
|
parentId = (0, import_react.useContext)(ThemeStateContext);
|
|
58
|
-
if (!parentId && !isRoot) throw new Error(import_constants3.MISSING_THEME_MESSAGE
|
|
62
|
+
if (!parentId && !isRoot) throw new Error(process.env.NODE_ENV === "development" ? `${import_constants3.MISSING_THEME_MESSAGE}
|
|
63
|
+
|
|
64
|
+
Looked for theme${props.name ? ` "${props.name}"` : ""}${props.componentName ? ` (component: ${props.componentName})` : ""}, but no parent theme context was found (parentId: ${parentId}).` : import_constants3.MISSING_THEME_MESSAGE);
|
|
59
65
|
if (disable) return states.get(parentId) || {
|
|
60
66
|
id: "",
|
|
61
67
|
name: "light",
|
|
@@ -63,7 +69,7 @@ const useThemeState = (props, isRoot = !1, keys, schemeKeys) => {
|
|
|
63
69
|
// inverses: 0,
|
|
64
70
|
};
|
|
65
71
|
const id = (0, import_react.useId)(),
|
|
66
|
-
subscribe = (0, import_react.useCallback)(cb => (listenersByParent[parentId]
|
|
72
|
+
subscribe = (0, import_react.useCallback)(cb => (listenersByParent[parentId] = listenersByParent[parentId] || /* @__PURE__ */new Set(), listenersByParent[parentId].add(id), allListeners.set(id, () => {
|
|
67
73
|
PendingUpdate.set(id, shouldForce ? "force" : !0), cb();
|
|
68
74
|
}), () => {
|
|
69
75
|
allListeners.delete(id), listenersByParent[parentId].delete(id), localStates.delete(id), states.delete(id), PendingUpdate.delete(id);
|
|
@@ -71,8 +77,9 @@ const useThemeState = (props, isRoot = !1, keys, schemeKeys) => {
|
|
|
71
77
|
propsKey = getPropsKey(props),
|
|
72
78
|
getSnapshot = () => {
|
|
73
79
|
let local = localStates.get(id);
|
|
74
|
-
const parentState = states.get(parentId)
|
|
75
|
-
|
|
80
|
+
const parentState = states.get(parentId);
|
|
81
|
+
if (local && !PendingUpdate.has(id) && parentState && local._parentName === parentState.name && local._propsKey === propsKey) return local;
|
|
82
|
+
const isSchemeOnlyChange = !1,
|
|
76
83
|
keysSize = keys?.current?.size ?? 0,
|
|
77
84
|
allKeysSchemeOptimized = (schemeKeys?.current?.size ?? 0) === keysSize && keysSize > 0,
|
|
78
85
|
canSkipForSchemeChange = isSchemeOnlyChange && allKeysSchemeOptimized,
|
|
@@ -91,7 +98,7 @@ const useThemeState = (props, isRoot = !1, keys, schemeKeys) => {
|
|
|
91
98
|
isSchemeOnlyChange,
|
|
92
99
|
allKeysSchemeOptimized,
|
|
93
100
|
canSkipForSchemeChange
|
|
94
|
-
}), console.groupEnd()), Object.assign(local, next), local.id = id, states.set(id, next), local;
|
|
101
|
+
}), console.groupEnd()), next !== local && (Object.assign(local, next), local.id = id), local._parentName = parentState?.name, local._propsKey = propsKey, states.set(id, next), local;
|
|
95
102
|
};
|
|
96
103
|
process.env.NODE_ENV === "development" && globalThis.time && globalThis.time`theme-prep-uses`;
|
|
97
104
|
const state = (0, import_react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
|
|
@@ -131,13 +138,15 @@ const useThemeState = (props, isRoot = !1, keys, schemeKeys) => {
|
|
|
131
138
|
isSameAsParent
|
|
132
139
|
}), console.groupEnd();
|
|
133
140
|
}
|
|
134
|
-
if (isSameAsParent) return [shouldRerender, {
|
|
141
|
+
if (isSameAsParent) return !shouldRerender && lastState && lastState.name === parentState.name ? [!1, lastState] : [shouldRerender, {
|
|
135
142
|
...parentState,
|
|
136
143
|
isNew: !1
|
|
137
144
|
}];
|
|
138
145
|
if (!name) {
|
|
139
146
|
const next = lastState ?? parentState;
|
|
140
|
-
if (!next) throw new Error(import_constants3.MISSING_THEME_MESSAGE
|
|
147
|
+
if (!next) throw new Error(process.env.NODE_ENV === "development" ? `${import_constants3.MISSING_THEME_MESSAGE}
|
|
148
|
+
|
|
149
|
+
Looked for theme${props.name ? ` "${props.name}"` : ""}${props.componentName ? ` (component: ${props.componentName})` : ""}, but no theme state was resolved (parentId: ${parentId}, id: ${id}).` : import_constants3.MISSING_THEME_MESSAGE);
|
|
141
150
|
return shouldRerender ? [!0, {
|
|
142
151
|
...(parentState || lastState)
|
|
143
152
|
}] : [!1, next];
|
|
@@ -190,15 +199,24 @@ function getNewThemeName(parentName = "", props, forceUpdate = !1) {
|
|
|
190
199
|
} = props,
|
|
191
200
|
componentName = props.unstyled ? void 0 : props.componentName;
|
|
192
201
|
if (name && reset) throw new Error(process.env.NODE_ENV === "production" ? "\u274C004" : "Cannot reset and set a new name at the same time.");
|
|
202
|
+
const cacheKey = `${parentName}|${name || ""}|${componentName || ""}|${reset ? 1 : 0}|${forceUpdate ? 1 : 0}`;
|
|
203
|
+
if (themeNameCacheVer !== cacheVersion) themeNameCache.clear(), themeNameCacheVer = cacheVersion;else {
|
|
204
|
+
const cached = themeNameCache.get(cacheKey);
|
|
205
|
+
if (cached !== void 0) return cached;
|
|
206
|
+
}
|
|
193
207
|
const {
|
|
194
208
|
themes: themes2
|
|
195
209
|
} = (0, import_config.getConfig)();
|
|
196
210
|
if (reset) {
|
|
197
|
-
if (parentName === "light" || parentName === "dark")
|
|
211
|
+
if (parentName === "light" || parentName === "dark") {
|
|
212
|
+
const result2 = parentName === "light" ? "dark" : "light";
|
|
213
|
+
return themeNameCache.set(cacheKey, result2), result2;
|
|
214
|
+
}
|
|
198
215
|
const lastPartIndex = parentName.lastIndexOf("_"),
|
|
199
216
|
name2 = lastPartIndex <= 0 ? parentName : parentName.slice(lastPartIndex),
|
|
200
|
-
scheme = parentName.slice(0, lastPartIndex)
|
|
201
|
-
|
|
217
|
+
scheme = parentName.slice(0, lastPartIndex),
|
|
218
|
+
result = themes2[name2] ? name2 : scheme;
|
|
219
|
+
return themeNameCache.set(cacheKey, result), result;
|
|
202
220
|
}
|
|
203
221
|
const parentParts = parentName.split("_"),
|
|
204
222
|
lastName = parentParts[parentParts.length - 1];
|
|
@@ -245,7 +263,7 @@ function getNewThemeName(parentName = "", props, forceUpdate = !1) {
|
|
|
245
263
|
return !forceUpdate && found === parentName &&
|
|
246
264
|
// if its a scheme only sub-theme, we always consider it "new" because it likely inverses
|
|
247
265
|
// and we want to avoid reparenting
|
|
248
|
-
!validSchemes[found] ? null : found;
|
|
266
|
+
!validSchemes[found] ? (themeNameCache.set(cacheKey, null), null) : (themeNameCache.set(cacheKey, found), found);
|
|
249
267
|
}
|
|
250
268
|
const getPropsKey = ({
|
|
251
269
|
name,
|